@charset "UTF-8";

@font-face {
    font-family: simple-line-icons;
    src: url(../fonts/Simple-Line-Icons.eot?v=2.3.2);
    src: url(../fonts/Simple-Line-Icons.eot?v=2.3.2#iefix) format('embedded-opentype'),url(../fonts/Simple-Line-Icons.woff2?v=2.3.2) format('woff2'),url(../fonts/Simple-Line-Icons.ttf?v=2.3.2) format('truetype'),url(../fonts/Simple-Line-Icons.woff?v=2.3.2) format('woff'),url(../fonts/Simple-Line-Icons.svg?v=2.3.2#simple-line-icons) format('svg');
    font-weight: 400;
    font-style: normal
}



.icon-action-redo, .icon-action-undo, .icon-anchor, .icon-arrow-down, .icon-arrow-down-circle, .icon-arrow-left, .icon-arrow-left-circle, .icon-arrow-right, .icon-arrow-right-circle, .icon-arrow-up, .icon-arrow-up-circle, .icon-badge, .icon-bag, .icon-ban, .icon-basket, .icon-basket-loaded, .icon-bell, .icon-book-open, .icon-briefcase, .icon-bubble, .icon-bubbles, .icon-bulb, .icon-calculator, .icon-calendar, .icon-call-end, .icon-call-in, .icon-call-out, .icon-camera, .icon-camrecorder, .icon-chart, .icon-check, .icon-chemistry, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-compass, .icon-control-end, .icon-control-forward, .icon-control-pause, .icon-control-play, .icon-control-rewind, .icon-control-start, .icon-credit-card, .icon-crop, .icon-cup, .icon-cursor, .icon-cursor-move, .icon-diamond, .icon-direction, .icon-directions, .icon-disc, .icon-dislike, .icon-doc, .icon-docs, .icon-drawer, .icon-drop, .icon-earphones, .icon-earphones-alt, .icon-emotsmile, .icon-energy, .icon-envelope, .icon-envelope-letter, .icon-envelope-open, .icon-equalizer, .icon-exclamation, .icon-eye, .icon-eyeglass, .icon-feed, .icon-film, .icon-fire, .icon-flag, .icon-folder, .icon-folder-alt, .icon-frame, .icon-game-controller, .icon-ghost, .icon-globe, .icon-globe-alt, .icon-graduation, .icon-graph, .icon-grid, .icon-handbag, .icon-heart, .icon-home, .icon-hourglass, .icon-info, .icon-key, .icon-layers, .icon-like, .icon-link, .icon-list, .icon-location-pin, .icon-lock, .icon-lock-open, .icon-login, .icon-logout, .icon-loop, .icon-magic-wand, .icon-magnet, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-map, .icon-menu, .icon-microphone, .icon-minus, .icon-mouse, .icon-music-tone, .icon-music-tone-alt, .icon-mustache, .icon-note, .icon-notebook, .icon-options, .icon-options-vertical, .icon-organization, .icon-paper-clip, .icon-paper-plane, .icon-paypal, .icon-pencil, .icon-people, .icon-phone, .icon-picture, .icon-pie-chart, .icon-pin, .icon-plane, .icon-playlist, .icon-plus, .icon-power, .icon-present, .icon-printer, .icon-puzzle, .icon-question, .icon-refresh, .icon-reload, .icon-rocket, .icon-screen-desktop, .icon-screen-smartphone, .icon-screen-tablet, .icon-settings, .icon-share, .icon-share-alt, .icon-shield, .icon-shuffle, .icon-size-actual, .icon-size-fullscreen, .icon-social-behance, .icon-social-dribbble, .icon-social-dropbox, .icon-social-facebook, .icon-social-foursqare, .icon-social-github, .icon-social-google, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-reddit, .icon-social-skype, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-tumblr, .icon-social-twitter, .icon-social-youtube, .icon-speech, .icon-speedometer, .icon-star, .icon-support, .icon-symbol-female, .icon-symbol-male, .icon-tag, .icon-target, .icon-trash, .icon-trophy, .icon-umbrella, .icon-user, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-vector, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-wallet, .icon-wrench {
    font-family: simple-line-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .icon-user:before {
        content: "\e005"
    }

    .icon-people:before {
        content: "\e001"
    }

    .icon-user-female:before {
        content: "\e000"
    }

    .icon-user-follow:before {
        content: "\e002"
    }

    .icon-user-following:before {
        content: "\e003"
    }

    .icon-user-unfollow:before {
        content: "\e004"
    }

    .icon-login:before {
        content: "\e066"
    }

    .icon-logout:before {
        content: "\e065"
    }

    .icon-emotsmile:before {
        content: "\e021"
    }

    .icon-phone:before {
        content: "\e600"
    }

    .icon-call-end:before {
        content: "\e048"
    }

    .icon-call-in:before {
        content: "\e047"
    }

    .icon-call-out:before {
        content: "\e046"
    }

    .icon-map:before {
        content: "\e033"
    }

    .icon-location-pin:before {
        content: "\e096"
    }

    .icon-direction:before {
        content: "\e042"
    }

    .icon-directions:before {
        content: "\e041"
    }

    .icon-compass:before {
        content: "\e045"
    }

    .icon-layers:before {
        content: "\e034"
    }

    .icon-menu:before {
        content: "\e601"
    }

    .icon-list:before {
        content: "\e067"
    }

    .icon-options-vertical:before {
        content: "\e602"
    }

    .icon-options:before {
        content: "\e603"
    }

    .icon-arrow-down:before {
        content: "\e604"
    }

    .icon-arrow-left:before {
        content: "\e605"
    }

    .icon-arrow-right:before {
        content: "\e606"
    }

    .icon-arrow-up:before {
        content: "\e607"
    }

    .icon-arrow-up-circle:before {
        content: "\e078"
    }

    .icon-arrow-left-circle:before {
        content: "\e07a"
    }

    .icon-arrow-right-circle:before {
        content: "\e079"
    }

    .icon-arrow-down-circle:before {
        content: "\e07b"
    }

    .icon-check:before {
        content: "\e080"
    }

    .icon-clock:before {
        content: "\e081"
    }

    .icon-plus:before {
        content: "\e095"
    }

    .icon-minus:before {
        content: "\e615"
    }

    .icon-close:before {
        content: "\e082"
    }

    .icon-exclamation:before {
        content: "\e617"
    }

    .icon-organization:before {
        content: "\e616"
    }

    .icon-trophy:before {
        content: "\e006"
    }

    .icon-screen-smartphone:before {
        content: "\e010"
    }

    .icon-screen-desktop:before {
        content: "\e011"
    }

    .icon-plane:before {
        content: "\e012"
    }

    .icon-notebook:before {
        content: "\e013"
    }

    .icon-mustache:before {
        content: "\e014"
    }

    .icon-mouse:before {
        content: "\e015"
    }

    .icon-magnet:before {
        content: "\e016"
    }

    .icon-energy:before {
        content: "\e020"
    }

    .icon-disc:before {
        content: "\e022"
    }

    .icon-cursor:before {
        content: "\e06e"
    }

    .icon-cursor-move:before {
        content: "\e023"
    }

    .icon-crop:before {
        content: "\e024"
    }

    .icon-chemistry:before {
        content: "\e026"
    }

    .icon-speedometer:before {
        content: "\e007"
    }

    .icon-shield:before {
        content: "\e00e"
    }

    .icon-screen-tablet:before {
        content: "\e00f"
    }

    .icon-magic-wand:before {
        content: "\e017"
    }

    .icon-hourglass:before {
        content: "\e018"
    }

    .icon-graduation:before {
        content: "\e019"
    }

    .icon-ghost:before {
        content: "\e01a"
    }

    .icon-game-controller:before {
        content: "\e01b"
    }

    .icon-fire:before {
        content: "\e01c"
    }

    .icon-eyeglass:before {
        content: "\e01d"
    }

    .icon-envelope-open:before {
        content: "\e01e"
    }

    .icon-envelope-letter:before {
        content: "\e01f"
    }

    .icon-bell:before {
        content: "\e027"
    }

    .icon-badge:before {
        content: "\e028"
    }

    .icon-anchor:before {
        content: "\e029"
    }

    .icon-wallet:before {
        content: "\e02a"
    }

    .icon-vector:before {
        content: "\e02b"
    }

    .icon-speech:before {
        content: "\e02c"
    }

    .icon-puzzle:before {
        content: "\e02d"
    }

    .icon-printer:before {
        content: "\e02e"
    }

    .icon-present:before {
        content: "\e02f"
    }

    .icon-playlist:before {
        content: "\e030"
    }

    .icon-pin:before {
        content: "\e031"
    }

    .icon-picture:before {
        content: "\e032"
    }

    .icon-handbag:before {
        content: "\e035"
    }

    .icon-globe-alt:before {
        content: "\e036"
    }

    .icon-globe:before {
        content: "\e037"
    }

    .icon-folder-alt:before {
        content: "\e039"
    }

    .icon-folder:before {
        content: "\e089"
    }

    .icon-film:before {
        content: "\e03a"
    }

    .icon-feed:before {
        content: "\e03b"
    }

    .icon-drop:before {
        content: "\e03e"
    }

    .icon-drawer:before {
        content: "\e03f"
    }

    .icon-docs:before {
        content: "\e040"
    }

    .icon-doc:before {
        content: "\e085"
    }

    .icon-diamond:before {
        content: "\e043"
    }

    .icon-cup:before {
        content: "\e044"
    }

    .icon-calculator:before {
        content: "\e049"
    }

    .icon-bubbles:before {
        content: "\e04a"
    }

    .icon-briefcase:before {
        content: "\e04b"
    }

    .icon-book-open:before {
        content: "\e04c"
    }

    .icon-basket-loaded:before {
        content: "\e04d"
    }

    .icon-basket:before {
        content: "\e04e"
    }

    .icon-bag:before {
        content: "\e04f"
    }

    .icon-action-undo:before {
        content: "\e050"
    }

    .icon-action-redo:before {
        content: "\e051"
    }

    .icon-wrench:before {
        content: "\e052"
    }

    .icon-umbrella:before {
        content: "\e053"
    }

    .icon-trash:before {
        content: "\e054"
    }

    .icon-tag:before {
        content: "\e055"
    }

    .icon-support:before {
        content: "\e056"
    }

    .icon-frame:before {
        content: "\e038"
    }

    .icon-size-fullscreen:before {
        content: "\e057"
    }

    .icon-size-actual:before {
        content: "\e058"
    }

    .icon-shuffle:before {
        content: "\e059"
    }

    .icon-share-alt:before {
        content: "\e05a"
    }

    .icon-share:before {
        content: "\e05b"
    }

    .icon-rocket:before {
        content: "\e05c"
    }

    .icon-question:before {
        content: "\e05d"
    }

    .icon-pie-chart:before {
        content: "\e05e"
    }

    .icon-pencil:before {
        content: "\e05f"
    }

    .icon-note:before {
        content: "\e060"
    }

    .icon-loop:before {
        content: "\e064"
    }

    .icon-home:before {
        content: "\e069"
    }

    .icon-grid:before {
        content: "\e06a"
    }

    .icon-graph:before {
        content: "\e06b"
    }

    .icon-microphone:before {
        content: "\e063"
    }

    .icon-music-tone-alt:before {
        content: "\e061"
    }

    .icon-music-tone:before {
        content: "\e062"
    }

    .icon-earphones-alt:before {
        content: "\e03c"
    }

    .icon-earphones:before {
        content: "\e03d"
    }

    .icon-equalizer:before {
        content: "\e06c"
    }

    .icon-like:before {
        content: "\e068"
    }

    .icon-dislike:before {
        content: "\e06d"
    }

    .icon-control-start:before {
        content: "\e06f"
    }

    .icon-control-rewind:before {
        content: "\e070"
    }

    .icon-control-play:before {
        content: "\e071"
    }

    .icon-control-pause:before {
        content: "\e072"
    }

    .icon-control-forward:before {
        content: "\e073"
    }

    .icon-control-end:before {
        content: "\e074"
    }

    .icon-volume-1:before {
        content: "\e09f"
    }

    .icon-volume-2:before {
        content: "\e0a0"
    }

    .icon-volume-off:before {
        content: "\e0a1"
    }

    .icon-calendar:before {
        content: "\e075"
    }

    .icon-bulb:before {
        content: "\e076"
    }

    .icon-chart:before {
        content: "\e077"
    }

    .icon-ban:before {
        content: "\e07c"
    }

    .icon-bubble:before {
        content: "\e07d"
    }

    .icon-camrecorder:before {
        content: "\e07e"
    }

    .icon-camera:before {
        content: "\e07f"
    }

    .icon-cloud-download:before {
        content: "\e083"
    }

    .icon-cloud-upload:before {
        content: "\e084"
    }

    .icon-envelope:before {
        content: "\e086"
    }

    .icon-eye:before {
        content: "\e087"
    }

    .icon-flag:before {
        content: "\e088"
    }

    .icon-heart:before {
        content: "\e08a"
    }

    .icon-info:before {
        content: "\e08b"
    }

    .icon-key:before {
        content: "\e08c"
    }

    .icon-link:before {
        content: "\e08d"
    }

    .icon-lock:before {
        content: "\e08e"
    }

    .icon-lock-open:before {
        content: "\e08f"
    }

    .icon-magnifier:before {
        content: "\e090"
    }

    .icon-magnifier-add:before {
        content: "\e091"
    }

    .icon-magnifier-remove:before {
        content: "\e092"
    }

    .icon-paper-clip:before {
        content: "\e093"
    }

    .icon-paper-plane:before {
        content: "\e094"
    }

    .icon-power:before {
        content: "\e097"
    }

    .icon-refresh:before {
        content: "\e098"
    }

    .icon-reload:before {
        content: "\e099"
    }

    .icon-settings:before {
        content: "\e09a"
    }

    .icon-star:before {
        content: "\e09b"
    }

    .icon-symbol-female:before {
        content: "\e09c"
    }

    .icon-symbol-male:before {
        content: "\e09d"
    }

    .icon-target:before {
        content: "\e09e"
    }

    .icon-credit-card:before {
        content: "\e025"
    }

    .icon-paypal:before {
        content: "\e608"
    }

    .icon-social-tumblr:before {
        content: "\e00a"
    }

    .icon-social-twitter:before {
        content: "\e009"
    }

    .icon-social-facebook:before {
        content: "\e00b"
    }

    .icon-social-instagram:before {
        content: "\e609"
    }

    .icon-social-linkedin:before {
        content: "\e60a"
    }

    .icon-social-pinterest:before {
        content: "\e60b"
    }

    .icon-social-github:before {
        content: "\e60c"
    }

    .icon-social-google:before {
        content: "\e60d"
    }

    .icon-social-reddit:before {
        content: "\e60e"
    }

    .icon-social-skype:before {
        content: "\e60f"
    }

    .icon-social-dribbble:before {
        content: "\e00d"
    }

    .icon-social-behance:before {
        content: "\e610"
    }

    .icon-social-foursqare:before {
        content: "\e611"
    }

    .icon-social-soundcloud:before {
        content: "\e612"
    }

    .icon-social-spotify:before {
        content: "\e613"
    }

    .icon-social-stumbleupon:before {
        content: "\e614"
    }

    .icon-social-youtube:before {
        content: "\e008"
    }

    .icon-social-dropbox:before {
        content: "\e00c"
    }
/*# sourceMappingURL=simple-line-icons.min.css.map */

label {
    color: #000
}

button {
    color: #fff
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #4B91C9 !important
}

.text-primary-light {
    color: #131313 !important
}

.text-primary-dark {
    color: #4a3917 !important
}

.text-secondary {
    color: #4b91c9 !important
}

.text-secondary-light {
    color: #fff !important
}

.text-secondary-dark {
    color: #fff !important
}

.text-success {
    color: #28db00 !important
}

.text-info {
    color: #4B91C9 !important
}

.text-warning {
    color: #dd5600 !important
}

.text-danger {
    color: REd !important
}

.text-black {
    color: #000 !important
}

.text-dark {
    color: #181818 !important
}

.text-light-gray {
    color: #ccc !important
}

.text-gray {
    color: #7a7d7c !important
}

.text-dark-gray {
    color: #4f0212 !important
}

.text-dark-1 {
    color: #212121 !important
}

.text-light {
    color: #e3e3e3 !important
}

.text-light-more {
    color: #e0e0e0 !important
}

.bg-primary {
    background-color: #4B91C9 !important
}

.bg-primary-light {
    background-color: #131313 !important
}

.bg-primary-dark {
    background-color: #4a3917 !important
}

.bg-secondary {
    background-color: #4b91c9 !important
}

.bg-success {
    background-color: #28db00 !important
}

.bg-info {
    background-color: #4B91C9 !important
}

.bg-warning {
    background-color: #dd5600 !important
}

.bg-danger {
    background-color: REd !important
}

.bg-white {
    background-color: #fff !important
}

.bg-light {
    background-color: #e3e3e3 !important
}

.bg-light-more {
    background-color: #e0e0e0 !important
}

.bg-lightest {
    background-color: #909091 !important
}

.bg-dark {
    background-color: #181818 !important
}

.bg-light-gray {
    background-color: #ccc !important
}

.bg-gray {
    background-color: #7a7d7c !important
}

.bg-dark-gray {
    background-color: #4f0212 !important
}

.bg-dark-1 {
    background-color: #212121 !important
}

.bg-dark-2 {
    background-color: #1c1c1c !important
}

.bg-black {
    background-color: #000 !important
}

.bg-product-cyan {
    background-color: #24b5da !important
}

.bg-product-blue {
    background-color: #2464da !important
}

.bg-transparent {
    background: 0 0 !important
}

.bg-dark-home {
    background: #000
}

.bg-gradient-home {
    background: #1b1b1b;
    background: -moz-linear-gradient(180deg,#1b1b1b 0%,#fff4e0 100%);
    background: -webkit-linear-gradient(180deg,#1b1b1b 0%,#fff4e0 100%);
    background: linear-gradient(180deg,#020202 0%,#4a3d24 40%,#111111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b1b1b",endColorstr="#fff4e0",GradientType=1)
}

.gradient-bg-dark {
    background: linear-gradient(to bottom,#000000,#151719)
}

#gradient-contact {
    --color-stop-1: $primary-color;
    --color-stop-2: $primary-color-light
}

.icon-contact {
    fill: #fff
}

.border-white {
    border-color: #fff !important
}

.border-primary {
    border-color: #4B91C9 !important
}

.border-secondary {
    border-color: #4b91c9 !important
}

.border-success {
    border-color: #28db00 !important
}

.border-info {
    border-color: #4B91C9 !important
}

.border-warning {
    border-color: #dd5600 !important
}

.border-danger {
    border-color: REd !important
}

.border-light {
    border-color: #e3e3e3 !important
}

.border-black {
    border-color: #000 !important
}

.border-light-gray {
    border-color: #ccc !important
}

.border-body {
    border-color: #7a7d7c !important
}

.border-transparent {
    border-color: none !important
}

.opacity-01 {
    opacity: .01 !important
}

.opacity-02 {
    opacity: .02 !important
}

.opacity-03 {
    opacity: .03 !important
}

.opacity-04 {
    opacity: .04 !important
}

.opacity-05 {
    opacity: .05 !important
}

.opacity-06 {
    opacity: .06 !important
}

.opacity-07 {
    opacity: .07 !important
}

.opacity-08 {
    opacity: .08 !important
}

.opacity-09 {
    opacity: .09 !important
}

.opacity-1 {
    opacity: .1 !important
}

.opacity-15 {
    opacity: .15 !important
}

.opacity-2 {
    opacity: .2 !important
}

.opacity-3 {
    opacity: .3 !important
}

.opacity-4 {
    opacity: .4 !important
}

.opacity-5 {
    opacity: .5 !important
}

.opacity-6 {
    opacity: .6 !important
}

.opacity-7 {
    opacity: .7 !important
}

.opacity-8 {
    opacity: .8 !important
}

.opacity-9 {
    opacity: .9 !important
}

.opacity-10 {
    opacity: 1 !important
}

.filter-grayscale-5 {
    filter: grayscale(5%) !important
}

.filter-grayscale-10 {
    filter: grayscale(10%) !important
}

.filter-grayscale-20 {
    filter: grayscale(20%) !important
}

.filter-grayscale-30 {
    filter: grayscale(30%) !important
}

.filter-grayscale-40 {
    filter: grayscale(40%) !important
}

.filter-grayscale-50 {
    filter: grayscale(50%) !important
}

.filter-grayscale-80 {
    filter: grayscale(80%) !important
}

.filter-grayscale-100 {
    filter: grayscale(100%) !important
}

.icon-cyan {
    fill: #24b5da
}

.icon-black {
    fill: #000
}

.icon-gray {
    fill: #7a7d7c
}

.icon-light {
    fill: #4B91C9
}

.icon-light-more {
    fill: #e0e0e0
}

.icon-primary {
    fill: #e3e3e3
}

.icon-primary-light {
    fill: #131313
}

.icon-primary-extra-light {
    fill: #00000033
}

.icon-secondary {
    fill: #4b91c9
}

.icon-secondary-darkest {
    fill: #fff
}

.icon-dark {
    fill: #181818
}

.icon-white {
    fill: #fff
}

.icon-light-gray {
    fill: #ccc
}

.icon-gray {
    fill: #7a7d7c
}

.icon-dark-gray {
    fill: #4f0212
}

.icon-success {
    fill: #28db00
}

.icon-warning {
    fill: #dd5600
}

.icon-danger {
    fill: REd;
    color: REd
}

.icon-blue {
    fill: #4B91C9
}

.icon-ios-tab {
    fill: #7a7d7c
}

.icon-android-tab {
    fill: #85c808
}

.icon-android {
    fill: #4caf50
}

.icon-ftrline {
    fill: #00b900
}

.react-dropdown-select-item-selected {
    background: #909091 !important;
    color: #000 !important
}

.history-control-panel .react-datepicker__navigation--previous, .reg-form-container .react-datepicker__navigation--previous, .m-bonus-container .react-datepicker__navigation--previous, .react-datepicker-popper .react-datepicker__navigation--previous, .standard-popup-modal-body .react-datepicker__navigation--previous {
    border-right-color: #4B91C9 !important
}

.history-control-panel .react-datepicker__navigation--next, .reg-form-container .react-datepicker__navigation--next, .m-bonus-container .react-datepicker__navigation--next, .react-datepicker-popper .react-datepicker__navigation--next, .standard-popup-modal-body .react-datepicker__navigation--next {
    border-left-color: #4B91C9 !important
}

.Toastify__toast-container {
    z-index: 9999;
    -webkit-transform: translateZ(99.99rem);
    position: fixed;
    padding: .04rem;
    width: 3.2rem;
    box-sizing: border-box;
    color: #fff
}

.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    top: 1em;
    right: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin: 0
    }

    .Toastify__toast-container--top-center, .Toastify__toast-container--top-left, .Toastify__toast-container--top-right {
        top: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        right: 0;
        left: auto
    }
}

.Toastify__toast {
    position: relative;
    min-height: .64rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: .08rem;
    border-radius: .01rem;
    box-shadow: 0 .01rem .1rem 0 rgba(0,0,0,.1),0 .02rem .15rem 0 rgba(0,0,0,.05);
    display: flex;
    justify-content: space-between;
    max-height: 8rem;
    overflow: hidden;
    font-family: sans-serif;
    cursor: pointer;
    direction: ltr
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--dark {
    background: #121212;
    color: #fff
}

.Toastify__toast--default {
    background: #fff;
    color: #aaa
}

.Toastify__toast--info {
    background: #3498db
}

.Toastify__toast--success {
    background: #07bc0c
}

.Toastify__toast--warning {
    background: #f1c40f
}

.Toastify__toast--error {
    background: #e74c3c
}

.Toastify__toast-body {
    margin: auto 0;
    flex: 1 1 auto
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        margin-bottom: 0
    }
}

.Toastify__close-button {
    color: #fff;
    background: 0 0;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    align-self: flex-start
}

.Toastify__close-button--default {
    color: #000;
    opacity: .3
}

.Toastify__close-button > svg {
    fill: currentColor;
    height: .16rem;
    width: .14rem
}

.Toastify__close-button:focus, .Toastify__close-button:hover {
    opacity: 1
}

@-webkit-keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .05rem;
    z-index: 9999;
    opacity: .7;
    background-color: rgba(255,255,255,.7);
    transform-origin: left
}

.Toastify__progress-bar--animated {
    -webkit-animation: Toastify__trackProgress linear 1 forwards;
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: auto;
    transform-origin: right
}

.Toastify__progress-bar--default {
    background: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)
}

.Toastify__progress-bar--dark {
    background: #bb86fc
}

@-webkit-keyframes Toastify__bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(30rem,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-0.25rem,0,0)
    }

    75% {
        transform: translate3d(0.1rem,0,0)
    }

    90% {
        transform: translate3d(-0.05rem,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(30rem,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-0.25rem,0,0)
    }

    75% {
        transform: translate3d(0.1rem,0,0)
    }

    90% {
        transform: translate3d(-0.05rem,0,0)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-0.2rem,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(20rem,0,0)
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-0.2rem,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(20rem,0,0)
    }
}

@-webkit-keyframes Toastify__bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-30rem,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0.25rem,0,0)
    }

    75% {
        transform: translate3d(-0.1rem,0,0)
    }

    90% {
        transform: translate3d(0.05rem,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-30rem,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0.25rem,0,0)
    }

    75% {
        transform: translate3d(-0.1rem,0,0)
    }

    90% {
        transform: translate3d(0.05rem,0,0)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(0.2rem,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-20rem,0,0)
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(0.2rem,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-20rem,0,0)
    }
}

@-webkit-keyframes Toastify__bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,30rem,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-0.2rem,0)
    }

    75% {
        transform: translate3d(0,0.1rem,0)
    }

    90% {
        transform: translate3d(0,-0.05rem,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,30rem,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-0.2rem,0)
    }

    75% {
        transform: translate3d(0,0.1rem,0)
    }

    90% {
        transform: translate3d(0,-0.05rem,0)
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0,-0.1rem,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,0.2rem,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-20rem,0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0,-0.1rem,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,0.2rem,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-20rem,0)
    }
}

@-webkit-keyframes Toastify__bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-30rem,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,0.25rem,0)
    }

    75% {
        transform: translate3d(0,-0.1rem,0)
    }

    90% {
        transform: translate3d(0,0.05rem,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-30rem,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,0.25rem,0)
    }

    75% {
        transform: translate3d(0,-0.1rem,0)
    }

    90% {
        transform: translate3d(0,0.05rem,0)
    }

    to {
        transform: none
    }
}

@-webkit-keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0,0.1rem,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-0.2rem,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,20rem,0)
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0,0.1rem,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-0.2rem,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,20rem,0)
    }
}

.Toastify__bounce-enter--bottom-left, .Toastify__bounce-enter--top-left {
    -webkit-animation-name: Toastify__bounceInLeft;
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right, .Toastify__bounce-enter--top-right {
    -webkit-animation-name: Toastify__bounceInRight;
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    -webkit-animation-name: Toastify__bounceInDown;
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    -webkit-animation-name: Toastify__bounceInUp;
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left, .Toastify__bounce-exit--top-left {
    -webkit-animation-name: Toastify__bounceOutLeft;
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right, .Toastify__bounce-exit--top-right {
    -webkit-animation-name: Toastify__bounceOutRight;
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    -webkit-animation-name: Toastify__bounceOutUp;
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    -webkit-animation-name: Toastify__bounceOutDown;
    animation-name: Toastify__bounceOutDown
}

@-webkit-keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    -webkit-animation-name: Toastify__zoomIn;
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    -webkit-animation-name: Toastify__zoomOut;
    animation-name: Toastify__zoomOut
}

@-webkit-keyframes Toastify__flipIn {
    0% {
        transform: perspective(4rem) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(4rem) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(4rem) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(4rem) rotateX(-5deg)
    }

    to {
        transform: perspective(4rem)
    }
}

@keyframes Toastify__flipIn {
    0% {
        transform: perspective(4rem) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(4rem) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(4rem) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(4rem) rotateX(-5deg)
    }

    to {
        transform: perspective(4rem)
    }
}

@-webkit-keyframes Toastify__flipOut {
    0% {
        transform: perspective(4rem)
    }

    30% {
        transform: perspective(4rem) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(4rem)
    }

    30% {
        transform: perspective(4rem) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0
    }
}

.Toastify__flip-enter {
    -webkit-animation-name: Toastify__flipIn;
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    -webkit-animation-name: Toastify__flipOut;
    animation-name: Toastify__flipOut
}

@-webkit-keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0,-110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0,-110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(110%,0,0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(110%,0,0)
    }
}

@-webkit-keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-110%,0,0)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-110%,0,0)
    }
}

@-webkit-keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,5rem,0)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,5rem,0)
    }
}

@-webkit-keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-5rem,0)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-5rem,0)
    }
}

.Toastify__slide-enter--bottom-left, .Toastify__slide-enter--top-left {
    -webkit-animation-name: Toastify__slideInLeft;
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right, .Toastify__slide-enter--top-right {
    -webkit-animation-name: Toastify__slideInRight;
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    -webkit-animation-name: Toastify__slideInDown;
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    -webkit-animation-name: Toastify__slideInUp;
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left, .Toastify__slide-exit--top-left {
    -webkit-animation-name: Toastify__slideOutLeft;
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right, .Toastify__slide-exit--top-right {
    -webkit-animation-name: Toastify__slideOutRight;
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    -webkit-animation-name: Toastify__slideOutUp;
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    -webkit-animation-name: Toastify__slideOutDown;
    animation-name: Toastify__slideOutDown
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
    margin-left: -.08rem;
    position: absolute
}

    .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
        box-sizing: content-box;
        position: absolute;
        border: .08rem solid transparent;
        height: 0;
        width: .01rem
    }

        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
            content: "";
            z-index: -1;
            border-width: .08rem;
            left: -.08rem;
            border-bottom-color: #aeaeae
        }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    top: 0;
    margin-top: -.08rem
}

    .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
        border-top: none;
        border-bottom-color: #f0f0f0
    }

        .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
            top: -.01rem;
            border-bottom-color: #aeaeae;
            border-bottom-width: 8px
        }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -.08rem
}

    .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
        border-bottom: none;
        border-top-color: #fff
    }

        .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
            bottom: -.01rem;
            border-top-color: #aeaeae
        }

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0
}

.react-datepicker {
    font-family: helvetica neue,Helvetica,Arial,sans-serif;
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: .01rem solid #aeaeae;
    border-radius: .3rem;
    display: inline-block;
    position: relative
}

.react-datepicker--time-only .react-datepicker__triangle {
    left: .35rem
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time {
    border-radius: .3rem
}

.react-datepicker--time-only .react-datepicker__time-box {
    border-radius: .3rem
}

.react-datepicker__triangle {
    position: absolute;
    left: .5rem
}

.react-datepicker-popper {
    z-index: 99
}

    .react-datepicker-popper[data-placement^=bottom] {
        margin-top: .1rem
    }

    .react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
        left: auto;
        right: .5rem
    }

    .react-datepicker-popper[data-placement^=top] {
        margin-bottom: .1rem
    }

    .react-datepicker-popper[data-placement^=right] {
        margin-left: .08rem
    }

        .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
            left: auto;
            right: .42rem
        }

    .react-datepicker-popper[data-placement^=left] {
        margin-right: .08rem
    }

        .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
            left: .42rem;
            right: auto
        }

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: .01rem solid #aeaeae;
    border-top-right-radius: .3rem;
    padding-top: .08rem;
    position: relative
}

.react-datepicker__header--time {
    padding-bottom: .08rem;
    padding-left: .05rem;
    padding-right: .05rem
}

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
    display: inline-block;
    margin: 0 .02rem
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.react-datepicker__navigation {
    background: 0 0;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: .1rem !important;
    width: 0;
    padding: 0;
    border: .45rem solid transparent;
    z-index: 1;
    height: .1rem;
    width: .1rem;
    text-indent: -999em;
    overflow: hidden
}

.react-datepicker__navigation--previous {
    left: .1rem;
    border-right-color: #ccc
}

    .react-datepicker__navigation--previous:hover {
        border-right-color: #b3b3b3
    }

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

.react-datepicker__navigation--next {
    right: .1rem;
    border-left-color: #ccc
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: .8rem
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__navigation--years-previous {
    top: .04rem;
    border-top-color: #ccc
}

    .react-datepicker__navigation--years-previous:hover {
        border-top-color: #b3b3b3
    }

.react-datepicker__navigation--years-upcoming {
    top: -.04rem;
    border-bottom-color: #ccc
}

    .react-datepicker__navigation--years-upcoming:hover {
        border-bottom-color: #b3b3b3
    }

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year-container {
    margin: .4rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap
}

.react-datepicker__year-container-text {
    display: inline-block;
    cursor: pointer;
    flex: 1 0 30%;
    width: .12rem;
    padding: .02rem
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

    .react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
        display: inline-block;
        width: 4rem;
        margin: .02rem
    }

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: .05rem 0 .1rem .15rem;
    text-align: left
}

    .react-datepicker__input-time-container .react-datepicker-time__caption {
        display: inline-block
    }

    .react-datepicker__input-time-container .react-datepicker-time__input-container {
        display: inline-block
    }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
            display: inline-block;
            margin-left: .1rem
        }

            .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
                width: .85rem
            }

                .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
                    -webkit-appearance: none;
                    margin: 0
                }

                .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
                    -moz-appearance: textfield
                }

        .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
            margin-left: .05rem;
            display: inline-block
        }

.react-datepicker__time-container {
    float: right;
    border-left: .01rem solid #aeaeae;
    width: .85rem
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: .01rem solid #aeaeae;
    border-radius: .3rem;
    position: absolute;
    right: -.72rem;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: #fff;
    border-bottom-right-radius: .3rem
}

    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
        width: .85rem;
        overflow-x: hidden;
        margin: 0 auto;
        text-align: center
    }

        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
            list-style: none;
            margin: 0;
            height: calc(1.95rem + (1.7rem/2));
            overflow-y: scroll;
            padding-right: 0;
            padding-left: 0;
            width: 100%;
            box-sizing: content-box
        }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
                height: .3rem;
                padding: .05rem .1rem;
                white-space: nowrap
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
                    cursor: pointer;
                    background-color: #f0f0f0
                }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
                background-color: #216ba5;
                color: #fff;
                font-weight: 700
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
                    background-color: #216ba5
                }

            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
                color: #ccc
            }

                .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
                    cursor: default;
                    background-color: transparent
                }

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

    .react-datepicker__week-number.react-datepicker__week-number--clickable {
        cursor: pointer
    }

        .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
            border-radius: .3rem;
            background-color: #f0f0f0
        }

.react-datepicker__day-names, .react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

    .react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover {
        background-color: #1d5d90
    }

.react-datepicker__month--disabled, .react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none
}

    .react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover {
        cursor: default;
        background-color: transparent
    }

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text {
    cursor: pointer
}

    .react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {
        border-radius: .3rem;
        background-color: #f0f0f0
    }

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today {
    font-weight: 700
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted {
    border-radius: .3rem;
    background-color: #3dcc4a;
    color: #fff
}

    .react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover {
        background-color: #32be3f
    }

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

    .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover {
        background-color: #1d5d90
    }

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected {
    border-radius: .3rem;
    background-color: #2a87d0;
    color: #fff
}

    .react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover {
        background-color: #1d5d90
    }

.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range {
    background-color: rgba(33,107,165,.5)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range, .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range, .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled {
    cursor: default;
    color: #ccc
}

    .react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover {
        background-color: transparent
    }

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
    background-color: #216ba5
}

.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {
    background-color: #f0f0f0
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%
}

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
    border: .01rem solid transparent;
    border-radius: .3rem
}

    .react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
        cursor: pointer
    }

        .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
            border-top-color: #b3b3b3
        }

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: .2rem;
    top: .08rem;
    position: relative;
    border-width: .45rem
}

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: .3rem;
    z-index: 1;
    text-align: center;
    border-radius: .3rem;
    border: .01rem solid #aeaeae
}

    .react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
        cursor: pointer
    }

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
    height: 1.5rem;
    overflow-y: scroll
}

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
    line-height: .2rem;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
        border-top-left-radius: .3rem;
        border-top-right-radius: .3rem
    }

    .react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-bottom-left-radius: .3rem;
        border-bottom-right-radius: .3rem
    }

    .react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
        background-color: #ccc
    }

        .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
            border-bottom-color: #b3b3b3
        }

        .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
            border-top-color: #b3b3b3
        }

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
    position: absolute;
    left: .15rem
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 .06rem 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

    .react-datepicker__close-icon::after {
        cursor: pointer;
        background: #b2b2b2 !important;
        color: #fff;
        border-radius: 50%;
        height: .21rem !important;
        width: .21rem !important;
        padding: .02rem;
        font-size: .16rem;
        line-height: 1;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        content: "\00d7";
        font-family: arial
    }

@media(max-width: 768px) {
    .react-datepicker {
        border-radius: .25rem
    }

    .react-datepicker__close-icon::after {
        width: .36rem !important;
        height: .36rem !important;
        font-size: .3rem !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 .15rem 0 0;
        padding: .048rem
    }
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: .01rem solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: .05rem 0;
    clear: left
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.8);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647
}

    .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
        width: 3rem;
        line-height: 3rem
    }

@media(max-width: 400px),(max-height:550px) {
    .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem
    }
}

@media(max-width: 768px) {
    .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
        border-bottom-width: 3px
    }

    .react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
        height: 5.4rem
    }

    .react-datepicker-popper .react-datepicker__navigation, .standard-popup-modal-body .react-datepicker__navigation {
        top: 1em !important;
        font-size: .2rem !important
    }
}

.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.44rem
}

.react-datepicker__portal .react-datepicker__navigation {
    border: .81rem solid transparent
}

.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc
}

    .react-datepicker__portal .react-datepicker__navigation--previous:hover {
        border-right-color: #b3b3b3
    }

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default
}

.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc
}

    .react-datepicker__portal .react-datepicker__navigation--next:hover {
        border-left-color: #b3b3b3
    }

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default
}

.react-tabs {
    -webkit-tap-highlight-color: transparent
}

.react-tabs__tab-list {
    border-bottom: .01rem solid #aaa;
    margin: 0 0 .1rem;
    padding: 0
}

.react-tabs__tab {
    display: inline-block;
    border: .01rem solid transparent;
    border-bottom: none;
    bottom: -.01rem;
    position: relative;
    list-style: none;
    padding: .06rem .12rem;
    cursor: pointer
}

.react-tabs__tab--selected {
    background: #fff;
    border-color: #aaa;
    color: #000;
    border-radius: .05rem .05rem 0 0
}

.react-tabs__tab--disabled {
    color: GrayText;
    cursor: default
}

.react-tabs__tab:focus {
    box-shadow: 0 0 .05rem #0188fe;
    border-color: #0188fe;
    outline: none
}

    .react-tabs__tab:focus:after {
        content: "";
        position: absolute;
        height: .05rem;
        left: -.04rem;
        right: -.04rem;
        bottom: -.05rem;
        background: #fff
    }

.react-tabs__tab-panel {
    display: none
}

.react-tabs__tab-panel--selected {
    display: block
}

@font-face {
    font-family: montserrat;
    src: url(/assets/fonts/Montserrat/Montserrat-Regular.ttf) format("truetype")
}

@font-face {
    font-family: sf-pro-display-medium;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Medium.otf)
}

@font-face {
    font-family: sf-pro-display-regular;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Regular.otf)
}

@font-face {
    font-family: sf-pro-display-semibold;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Semibold.otf)
}

@font-face {
    font-family: sf-pro-display-heavy;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Heavy.otf)
}

@font-face {
    font-family: helveticaneue-roman;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.woff2) format("woff2"),url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.woff) format("woff"),url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: helveticaneue-medium;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot?#iefix) format("embedded-opentype");
    font-display: swap
}

@font-face {
    font-family: helveticaneue;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff2) format("woff2"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff) format("woff"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: helveticaneue;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff2) format("woff2"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff) format("woff"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: din-regular;
    src: url(/assets/fonts/DIN-Regular/DIN-Regular.eot);
    src: url(/assets/fonts/DIN-Regular/DIN-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/DIN-Regular/DIN-Regular.woff2) format("woff2"),url(/assets/fonts/DIN-Regular/DIN-Regular.woff) format("woff"),url(/assets/fonts/DIN-Regular/DIN-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: siemreap;
    src: url(/assets/fonts/Siemreap/Siemreap.eot);
    src: url(/assets/fonts/Siemreap/Siemreap.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Siemreap/Siemreap.woff2) format("woff2"),url(/assets/fonts/Siemreap/Siemreap.woff) format("woff"),url(/assets/fonts/Siemreap/Siemreap.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: marsekdemi;
    src: url("/assets/fonts/Marsek Demi/MarsekDemi.eot");
    src: url("/assets/fonts/Marsek Demi/MarsekDemi.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Marsek Demi/MarsekDemi.woff2") format("woff2"),url("/assets/fonts/Marsek Demi/MarsekDemi.woff") format("woff"),url("/assets/fonts/Marsek Demi/Marsek-Demi.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: mitrregular;
    src: url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.eot);
    src: url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.woff2) format("woff2"),url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.woff) format("woff"),url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: cordia;
    src: url(/assets/fonts/cordia/cordia-webfont.eot);
    src: url(/assets/fonts/cordia/cordia-webfont.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/cordia/cordia-webfont.woff2) format("woff2"),url(/assets/fonts/cordia/cordia-webfont.woff) format("woff"),url(/assets/fonts/cordia/cordia-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: arial-medium;
    src: url(/assets/fonts/Arial-Medium/Arial-Medium.eot);
    src: url(/assets/fonts/Arial-Medium/Arial-Medium.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Arial-Medium/Arial-Medium.woff2) format("woff2"),url(/assets/fonts/Arial-Medium/Arial-Medium.woff) format("woff"),url(/assets/fonts/Arial-Medium/Arial-Medium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: arial-bold;
    src: url(/assets/fonts/Arial-Bold/Arial-Bold.eot);
    src: url(/assets/fonts/Arial-Bold/Arial-Bold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Arial-Bold/Arial-Bold.woff2) format("woff2"),url(/assets/fonts/Arial-Bold/Arial-Bold.woff) format("woff"),url(/assets/fonts/Arial-Bold/Arial-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: supermarket;
    src: url(/assets/fonts/supermarket/supermarket.eot);
    src: url(/assets/fonts/supermarket/supermarket.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/supermarket/supermarket.woff2) format("woff2"),url(/assets/fonts/supermarket/supermarket.woff) format("woff"),url(/assets/fonts/supermarket/supermarket.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: avenir;
    src: url(/assets/fonts/Avenir/AvenirNextLTPro-Bold.otf) format("opentype")
}

@font-face {
    font-family: supermarket;
    src: url(/assets/font/)
}

@font-face {
    font-family: futura-heavy-bt;
    src: url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.eot);
    src: url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.woff2) format("woff2"),url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.woff) format("woff"),url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: helvetica-bold;
    src: url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.eot);
    src: url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.woff2) format("woff2"),url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.woff) format("woff"),url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: nunitosans-semibold;
    src: url(/assets/fonts/HNunitoSans-SemiBold/NunitoSans-SemiBold.eot);
    src: url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.woff2) format("woff2"),url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.woff) format("woff"),url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: helvetica-regular;
    src: url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.eot);
    src: url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.woff2) format("woff2"),url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.woff) format("woff"),url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: montserrat-regular;
    src: url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.eot);
    src: url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.woff2) format("woff2"),url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.woff) format("woff"),url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: impact;
    src: url(/assets/fonts/Impact/Impact.eot);
    src: url(/assets/fonts/Impact/Impact.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Impact/Impact.woff2) format("woff2"),url(/assets/fonts/Impact/Impact.woff) format("woff"),url(/assets/fonts/Impact/Impact.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: milford;
    src: url(/assets/fonts/MilFord/MilFord.eot);
    src: url(/assets/fonts/MilFord/MilFord.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/MilFord/MilFord.woff2) format("woff2"),url(/assets/fonts/MilFord/MilFord.woff) format("woff"),url(/assets/fonts/MilFord/MilFord.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: tahoma;
    src: url(/assets/fonts/Tahoma/Tahoma.eot);
    src: url(/assets/fonts/Tahoma/Tahoma.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Tahoma/Tahoma.woff2) format("woff2"),url(/assets/fonts/Tahoma/Tahoma.woff) format("woff"),url(/assets/fonts/Tahoma/Tahoma.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: itc avant garde;
    src: url("/assets/fonts/ITC Avant Garde/ITC Avant Garde.eot");
    src: url("/assets/fonts/ITC Avant Garde/ITC Avant Garde.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/ITC Avant Garde/ITC Avant Garde.woff2") format("woff2"),url("/assets/fonts/ITC Avant Garde/ITC Avant Garde.woff") format("woff"),url("/assets/fonts/ITC Avant Garde/ITC Avant Garde.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: dengxian;
    src: url(/assets/fonts/DengXian/DengXian.eot);
    src: url(/assets/fonts/DengXian/DengXian.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/DengXian/DengXian.woff2) format("woff2"),url(/assets/fonts/DengXian/DengXian.woff) format("woff"),url(/assets/fonts/DengXian/DengXian.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: adobe heiti std;
    src: url("/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.eot");
    src: url("/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.woff2") format("woff2"),url("/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.woff") format("woff"),url("/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: reiji cloud;
    src: url("/assets/fonts/Reiji Cloud/Reiji Cloud.eot");
    src: url("/assets/fonts/Reiji Cloud/Reiji Cloud.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Reiji Cloud/Reiji Cloud.woff2") format("woff2"),url("/assets/fonts/Reiji Cloud/Reiji Cloud.woff") format("woff"),url("/assets/fonts/Reiji Cloud/Reiji Cloud.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: trueno;
    src: url(/assets/fonts/Trueno/Trueno.eot);
    src: url(/assets/fonts/Trueno/Trueno.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Trueno/Trueno.woff2) format("woff2"),url(/assets/fonts/Trueno/Trueno.woff) format("woff"),url(/assets/fonts/Trueno/Trueno.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: helvetica;
    src: url(/assets/fonts/Helvetica/Helvetica.eot);
    src: url(/assets/fonts/Helvetica/Helvetica.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Helvetica/Helvetica.woff2) format("woff2"),url(/assets/fonts/Helvetica/Helvetica.woff) format("woff"),url(/assets/fonts/Helvetica/Helvetica.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: bebasneue;
    src: url(/assets/fonts/BebasNeue/BebasNeue-Regular.ttf) format("truetype")
}

@font-face {
    font-family: prompt;
    src: url(/assets/fonts/Prompt/Prompt-Regular.ttf) format("truetype")
}

@font-face {
    font-family: nunito-sans;
    src: url(/assets/fonts/Nunito-Sans/NunitoSans-SemiBold.ttf) format("truetype")
}

@font-face {
    font-family: nunitosans-black;
    src: url(/assets/fonts/NunitoSans-Black/NunitoSans-Black.ttf) format("truetype")
}

@font-face {
    font-family: nunitosans-bold;
    src: url(/assets/fonts/NunitoSans-Bold/NunitoSans-Bold.ttf) format("truetype")
}

@font-face {
    font-family: nunitosans-regular;
    src: url(/assets/fonts/NunitoSans-Regular/NunitoSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: avertastd-regular;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Regular.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Regular.woff2) format("woff2"),url(/assets/fonts/AvertaStd/AvertaStd-Regular.woff) format("woff"),url(/assets/fonts/AvertaStd/AvertaStd-Regular.ttf) format("truetype")
}

@font-face {
    font-family: avertastd-bold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Bold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Bold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/AvertaStd/AvertaStd-Bold.woff2) format("woff2"),url(/assets/fonts/AvertaStd/AvertaStd-Bold.woff) format("woff"),url(/assets/fonts/AvertaStd/AvertaStd-Bold.ttf) format("truetype")
}

@font-face {
    font-family: avertastd-semibold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Semibold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Semibold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/AvertaStd/AvertaStd-Semibold.woff2) format("woff2"),url(/assets/fonts/AvertaStd/AvertaStd-Semibold.woff) format("woff"),url(/assets/fonts/AvertaStd/AvertaStd-Semibold.ttf) format("truetype")
}

@font-face {
    font-family: avertastd-extrabold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.woff2) format("woff2"),url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.woff) format("woff"),url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.ttf) format("truetype")
}

@font-face {
    font-family: plusjakartasans-regular;
    src: url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.eot);
    src: url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.woff2) format("woff2"),url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.woff) format("woff"),url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: plusjakartasans-medium;
    src: url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.eot);
    src: url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.woff2) format("woff2"),url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.woff) format("woff"),url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.ttf) format("truetype")
}

@font-face {
    font-family: plusjakartasans-bold;
    src: url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.eot);
    src: url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.woff2) format("woff2"),url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.woff) format("woff"),url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.ttf) format("truetype")
}

@font-face {
    font-family: plusjakartasans-italic;
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.eot);
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.woff2) format("woff2"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.woff) format("woff"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.ttf) format("truetype")
}

@font-face {
    font-family: plusjakartasans-light;
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.eot);
    src: url(/assets/fonts/PlusJakartaSans-Italic/PPlusJakartaSans-Light.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.woff2) format("woff2"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.woff) format("woff"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.ttf) format("truetype")
}

@font-face {
    font-family: montserrat-semibold;
    src: url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.eot);
    src: url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff2) format("woff2"),url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff) format("woff"),url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.ttf) format("truetype")
}

@font-face {
    font-family: content-regular;
    src: url(/assets/fonts/Content/Content-Regular.ttf);
    src: url(/assets/fonts/Content/Content-Regular.ttf) format("truetype")
}

@font-face {
    font-family: content-bold;
    src: url(/assets/fonts/Content/Content-Bold.ttf);
    src: url(/assets/fonts/Content/Content-Bold.ttf) format("truetype")
}

@font-face {
    font-family: battambang-black;
    src: url(/assets/fonts/Battambang/Battambang-Black.ttf);
    src: url(/assets/fonts/Battambang/Battambang-Black.ttf) format("truetype")
}

@font-face {
    font-family: battambang-light;
    src: url(/assets/fonts/Battambang/Battambang-Light.ttf);
    src: url(/assets/fonts/Battambang/Battambang-Light.ttf) format("truetype")
}

.page-title {
    font-family: opensans-regular,sans-serif;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    margin: .1rem 0
}

.sub-title {
    font-family: opensans-regular,sans-serif
}

.font-weight-bold {
    font-weight: 700
}

.font-weight-medium {
    font-weight: 500
}

.font-weight-normal {
    font-family: opensans-regular,sans-serif
}

.font-weight-light {
    font-weight: 300
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: none;
    text-decoration: none
}

.headerSeoContent {
    text-align: center;
    width: 11rem;
    margin: auto
}

    .headerSeoContent h1 {
        display: block;
        font-size: 2em;
        margin-block-start: .67em;
        margin-block-end: .67em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        font-weight: 700;
        color: #dbbd5a
    }

    .headerSeoContent h2 {
        display: block;
        font-size: 1.5em;
        margin-block-start: .83em;
        margin-block-end: .83em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        font-weight: 700;
        color: #dbbd5a
    }

.affiliate-route-background {
    background: undefined;
    background-size: undefined;
    background-position: undefined;
    background-repeat: undefined;
    margin: undefined;
    padding: undefined
}

    .affiliate-route-background .m-transfer-container, .affiliate-route-background .m-bank-container, .affiliate-route-background .m-reports-history-landing-container {
        font-size: .24rem
    }

html {
    font-size: calc(100vw/20);
    background: unset
}

    html ::-webkit-scrollbar {
        width: 0;
        height: .02rem;
        z-index: 999
    }

    html ::-webkit-scrollbar-corner {
        background-color: transparent
    }

@media(min-width: 2300px) {
    .slider-slide img {
        width: 13rem !important
    }
}

@media(min-width: 2001px) {
    html {
        font-size: 8.5rem
    }
}

@media(max-width: 2299px) {
    .slider-slide img {
        width: 100% !important
    }
}

@media(min-width: 2000px) {
    .slider-slide img {
        width: 20rem !important;
        margin: auto;
        display: block
    }
}

@media(min-width: 2001px) {
    html {
        font-size: 100px !important
    }
}

@media(min-width: 1441px) {
    html {
        font-size: 100px !important
    }
}

@media(max-width: 1440px) {
    html {
        font-size: calc(100vw/14.4)
    }
}

@media(max-width: 1024px) {
    html {
        font-size: calc(100vw/12)
    }
}

body {
    overflow-x: hidden;
    font-size: .16rem;
    background: #fff;
    background-size: cover;
    background-position: center;
    font-family: arial,黑体,"sans-serif";
    min-height: 100vh;
    color: BLACk;
    fill: BLACk;
    word-break: undefined;
    background-repeat: no-repeat
}

    body:lang(vi) {
        font-family: arial,黑体,"sans-serif"
    }

    body:lang(km) {
        font-family: arial,黑体,"sans-serif"
    }

.custom-aw8-kh-font {
    font-family: siemreap
}

    .custom-aw8-kh-font button {
        font-family: siemreap
    }

    .custom-aw8-kh-font input {
        font-family: siemreap
    }

    .custom-aw8-kh-font .navMenu-container {
        font-family: siemreap
    }

.common-btn {
    width: 1.29rem;
    height: .34rem;
    background: linear-gradient(to bottom,#f7931efe,#f15c24);
    color: #fff;
    font-size: .15rem;
    cursor: pointer
}

    .common-btn:hover {
        background: #696969
    }

.common-btn2 {
    width: 1.29rem;
    height: .34rem;
    border: .02rem solid #ebebeb;
    background: 0 0;
    color: #fff;
    font-size: .15rem;
    cursor: pointer
}

    .common-btn2:hover {
        background: #fff;
        color: #000
    }

.general_btn {
    background: linear-gradient(#4B91C9 25%,#0d122a 140%);
    color: #fff;
    width: 1.2rem;
    height: .45rem
}

input {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: .4rem;
    padding: .05rem;
    border: none;
    color: #000;
    background: #ededed
}

textarea {
    overflow: auto;
    resize: vertical;
    padding: .05rem .1rem;
    width: 100%;
    border: .01rem #dcdcdc;
    border-style: solid solid solid solid;
    border-radius: .05rem;
    color: #888;
    background: #dcdcdc
}

label {
    font-size: .14rem;
    margin-bottom: .05rem
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0 10rem #eaeaea inset;
    transition: background-color 5000s ease-in-out 0s;
    font: .25rem
}

p {
    margin-top: 0;
    margin-bottom: 1em
}

.small-loading {
    fill: #f15c24
}

@media(min-width: 768px) {
    .m-only {
        display: none
    }
}

@media(max-width: 768px) {
    hr.hr {
        height: .03rem !important
    }

    .App {
        min-height: calc(100vh - 4.75rem)
    }

        .App.mobile-height {
            min-height: calc(92.5vh - 4.75rem)
        }

    p {
        margin-bottom: .05rem
    }

    .screen-move-right {
        transform: translateX(3rem);
        transition: all .3s ease
    }

    .mobile-home-container {
        padding-top: 2rem
    }

    .dt-only {
        display: none
    }

    .download-btn, .play-btn, .qr-btn {
        width: 5rem;
        height: 1rem;
        margin: auto;
        left: 0;
        right: 0;
        display: block;
        text-transform: uppercase
    }

    .demo-btn {
        width: 5rem;
        height: 1rem;
        font-size: .3rem;
        margin: auto;
        left: 0;
        right: 0;
        display: block;
        text-transform: uppercase;
        background: 0 0;
        border: .02rem solid #fff
    }

    .submit-btn, .addBank-btn {
        width: 5rem;
        height: 1rem;
        font-size: .4rem;
        margin: auto;
        left: 0;
        right: 0;
        display: block;
        text-transform: uppercase
    }

    .footer-btm-cap {
        margin-bottom: 2rem !important
    }

    .error-msg {
        display: flex;
        align-items: center;
        justify-content: center;
        color: red;
        font-size: .35rem
    }
}

@media(max-width: 768px) {
    body {
        font-size: .5rem;
        background: #fff;
        background-size: cover;
        background-position: undefined;
        background-repeat: undefined
    }
}

@font-face {
    font-family: montserrat;
    src: url(/assets/fonts/Montserrat/Montserrat-Regular.ttf) format("truetype")
}

@font-face {
    font-family: sf-pro-display-medium;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Medium.otf)
}

@font-face {
    font-family: sf-pro-display-regular;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Regular.otf)
}

@font-face {
    font-family: sf-pro-display-semibold;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Semibold.otf)
}

@font-face {
    font-family: sf-pro-display-heavy;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Heavy.otf)
}

@font-face {
    font-family: helveticaneue-roman;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.woff2) format("woff2"),url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.woff) format("woff"),url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: helveticaneue-medium;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot?#iefix) format("embedded-opentype");
    font-display: swap
}

@font-face {
    font-family: helveticaneue;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff2) format("woff2"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff) format("woff"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: helveticaneue;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff2) format("woff2"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff) format("woff"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: din-regular;
    src: url(/assets/fonts/DIN-Regular/DIN-Regular.eot);
    src: url(/assets/fonts/DIN-Regular/DIN-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/DIN-Regular/DIN-Regular.woff2) format("woff2"),url(/assets/fonts/DIN-Regular/DIN-Regular.woff) format("woff"),url(/assets/fonts/DIN-Regular/DIN-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: siemreap;
    src: url(/assets/fonts/Siemreap/Siemreap.eot);
    src: url(/assets/fonts/Siemreap/Siemreap.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Siemreap/Siemreap.woff2) format("woff2"),url(/assets/fonts/Siemreap/Siemreap.woff) format("woff"),url(/assets/fonts/Siemreap/Siemreap.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: marsekdemi;
    src: url("/assets/fonts/Marsek Demi/MarsekDemi.eot");
    src: url("/assets/fonts/Marsek Demi/MarsekDemi.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Marsek Demi/MarsekDemi.woff2") format("woff2"),url("/assets/fonts/Marsek Demi/MarsekDemi.woff") format("woff"),url("/assets/fonts/Marsek Demi/Marsek-Demi.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: mitrregular;
    src: url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.eot);
    src: url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.woff2) format("woff2"),url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.woff) format("woff"),url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: cordia;
    src: url(/assets/fonts/cordia/cordia-webfont.eot);
    src: url(/assets/fonts/cordia/cordia-webfont.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/cordia/cordia-webfont.woff2) format("woff2"),url(/assets/fonts/cordia/cordia-webfont.woff) format("woff"),url(/assets/fonts/cordia/cordia-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: arial-medium;
    src: url(/assets/fonts/Arial-Medium/Arial-Medium.eot);
    src: url(/assets/fonts/Arial-Medium/Arial-Medium.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Arial-Medium/Arial-Medium.woff2) format("woff2"),url(/assets/fonts/Arial-Medium/Arial-Medium.woff) format("woff"),url(/assets/fonts/Arial-Medium/Arial-Medium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: arial-bold;
    src: url(/assets/fonts/Arial-Bold/Arial-Bold.eot);
    src: url(/assets/fonts/Arial-Bold/Arial-Bold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Arial-Bold/Arial-Bold.woff2) format("woff2"),url(/assets/fonts/Arial-Bold/Arial-Bold.woff) format("woff"),url(/assets/fonts/Arial-Bold/Arial-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: supermarket;
    src: url(/assets/fonts/supermarket/supermarket.eot);
    src: url(/assets/fonts/supermarket/supermarket.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/supermarket/supermarket.woff2) format("woff2"),url(/assets/fonts/supermarket/supermarket.woff) format("woff"),url(/assets/fonts/supermarket/supermarket.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: avenir;
    src: url(/assets/fonts/Avenir/AvenirNextLTPro-Bold.otf) format("opentype")
}

@font-face {
    font-family: supermarket;
    src: url(/assets/font/)
}

@font-face {
    font-family: futura-heavy-bt;
    src: url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.eot);
    src: url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.woff2) format("woff2"),url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.woff) format("woff"),url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: helvetica-bold;
    src: url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.eot);
    src: url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.woff2) format("woff2"),url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.woff) format("woff"),url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: nunitosans-semibold;
    src: url(/assets/fonts/HNunitoSans-SemiBold/NunitoSans-SemiBold.eot);
    src: url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.woff2) format("woff2"),url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.woff) format("woff"),url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: helvetica-regular;
    src: url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.eot);
    src: url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.woff2) format("woff2"),url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.woff) format("woff"),url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: montserrat-regular;
    src: url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.eot);
    src: url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.woff2) format("woff2"),url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.woff) format("woff"),url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: impact;
    src: url(/assets/fonts/Impact/Impact.eot);
    src: url(/assets/fonts/Impact/Impact.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Impact/Impact.woff2) format("woff2"),url(/assets/fonts/Impact/Impact.woff) format("woff"),url(/assets/fonts/Impact/Impact.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: milford;
    src: url(/assets/fonts/MilFord/MilFord.eot);
    src: url(/assets/fonts/MilFord/MilFord.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/MilFord/MilFord.woff2) format("woff2"),url(/assets/fonts/MilFord/MilFord.woff) format("woff"),url(/assets/fonts/MilFord/MilFord.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: tahoma;
    src: url(/assets/fonts/Tahoma/Tahoma.eot);
    src: url(/assets/fonts/Tahoma/Tahoma.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Tahoma/Tahoma.woff2) format("woff2"),url(/assets/fonts/Tahoma/Tahoma.woff) format("woff"),url(/assets/fonts/Tahoma/Tahoma.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: itc avant garde;
    src: url("/assets/fonts/ITC Avant Garde/ITC Avant Garde.eot");
    src: url("/assets/fonts/ITC Avant Garde/ITC Avant Garde.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/ITC Avant Garde/ITC Avant Garde.woff2") format("woff2"),url("/assets/fonts/ITC Avant Garde/ITC Avant Garde.woff") format("woff"),url("/assets/fonts/ITC Avant Garde/ITC Avant Garde.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: dengxian;
    src: url(/assets/fonts/DengXian/DengXian.eot);
    src: url(/assets/fonts/DengXian/DengXian.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/DengXian/DengXian.woff2) format("woff2"),url(/assets/fonts/DengXian/DengXian.woff) format("woff"),url(/assets/fonts/DengXian/DengXian.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: adobe heiti std;
    src: url("/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.eot");
    src: url("/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.woff2") format("woff2"),url("/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.woff") format("woff"),url("/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: reiji cloud;
    src: url("/assets/fonts/Reiji Cloud/Reiji Cloud.eot");
    src: url("/assets/fonts/Reiji Cloud/Reiji Cloud.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Reiji Cloud/Reiji Cloud.woff2") format("woff2"),url("/assets/fonts/Reiji Cloud/Reiji Cloud.woff") format("woff"),url("/assets/fonts/Reiji Cloud/Reiji Cloud.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: trueno;
    src: url(/assets/fonts/Trueno/Trueno.eot);
    src: url(/assets/fonts/Trueno/Trueno.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Trueno/Trueno.woff2) format("woff2"),url(/assets/fonts/Trueno/Trueno.woff) format("woff"),url(/assets/fonts/Trueno/Trueno.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: helvetica;
    src: url(/assets/fonts/Helvetica/Helvetica.eot);
    src: url(/assets/fonts/Helvetica/Helvetica.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Helvetica/Helvetica.woff2) format("woff2"),url(/assets/fonts/Helvetica/Helvetica.woff) format("woff"),url(/assets/fonts/Helvetica/Helvetica.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: bebasneue;
    src: url(/assets/fonts/BebasNeue/BebasNeue-Regular.ttf) format("truetype")
}

@font-face {
    font-family: prompt;
    src: url(/assets/fonts/Prompt/Prompt-Regular.ttf) format("truetype")
}

@font-face {
    font-family: nunito-sans;
    src: url(/assets/fonts/Nunito-Sans/NunitoSans-SemiBold.ttf) format("truetype")
}

@font-face {
    font-family: nunitosans-black;
    src: url(/assets/fonts/NunitoSans-Black/NunitoSans-Black.ttf) format("truetype")
}

@font-face {
    font-family: nunitosans-bold;
    src: url(/assets/fonts/NunitoSans-Bold/NunitoSans-Bold.ttf) format("truetype")
}

@font-face {
    font-family: nunitosans-regular;
    src: url(/assets/fonts/NunitoSans-Regular/NunitoSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: avertastd-regular;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Regular.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Regular.woff2) format("woff2"),url(/assets/fonts/AvertaStd/AvertaStd-Regular.woff) format("woff"),url(/assets/fonts/AvertaStd/AvertaStd-Regular.ttf) format("truetype")
}

@font-face {
    font-family: avertastd-bold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Bold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Bold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/AvertaStd/AvertaStd-Bold.woff2) format("woff2"),url(/assets/fonts/AvertaStd/AvertaStd-Bold.woff) format("woff"),url(/assets/fonts/AvertaStd/AvertaStd-Bold.ttf) format("truetype")
}

@font-face {
    font-family: avertastd-semibold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Semibold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Semibold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/AvertaStd/AvertaStd-Semibold.woff2) format("woff2"),url(/assets/fonts/AvertaStd/AvertaStd-Semibold.woff) format("woff"),url(/assets/fonts/AvertaStd/AvertaStd-Semibold.ttf) format("truetype")
}

@font-face {
    font-family: avertastd-extrabold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.woff2) format("woff2"),url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.woff) format("woff"),url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.ttf) format("truetype")
}

@font-face {
    font-family: plusjakartasans-regular;
    src: url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.eot);
    src: url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.woff2) format("woff2"),url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.woff) format("woff"),url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: plusjakartasans-medium;
    src: url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.eot);
    src: url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.woff2) format("woff2"),url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.woff) format("woff"),url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.ttf) format("truetype")
}

@font-face {
    font-family: plusjakartasans-bold;
    src: url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.eot);
    src: url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.woff2) format("woff2"),url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.woff) format("woff"),url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.ttf) format("truetype")
}

@font-face {
    font-family: plusjakartasans-italic;
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.eot);
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.woff2) format("woff2"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.woff) format("woff"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.ttf) format("truetype")
}

@font-face {
    font-family: plusjakartasans-light;
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.eot);
    src: url(/assets/fonts/PlusJakartaSans-Italic/PPlusJakartaSans-Light.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.woff2) format("woff2"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.woff) format("woff"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.ttf) format("truetype")
}

@font-face {
    font-family: montserrat-semibold;
    src: url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.eot);
    src: url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff2) format("woff2"),url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff) format("woff"),url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.ttf) format("truetype")
}

@font-face {
    font-family: content-regular;
    src: url(/assets/fonts/Content/Content-Regular.ttf);
    src: url(/assets/fonts/Content/Content-Regular.ttf) format("truetype")
}

@font-face {
    font-family: content-bold;
    src: url(/assets/fonts/Content/Content-Bold.ttf);
    src: url(/assets/fonts/Content/Content-Bold.ttf) format("truetype")
}

@font-face {
    font-family: battambang-black;
    src: url(/assets/fonts/Battambang/Battambang-Black.ttf);
    src: url(/assets/fonts/Battambang/Battambang-Black.ttf) format("truetype")
}

@font-face {
    font-family: battambang-light;
    src: url(/assets/fonts/Battambang/Battambang-Light.ttf);
    src: url(/assets/fonts/Battambang/Battambang-Light.ttf) format("truetype")
}

.page-title {
    font-family: opensans-regular,sans-serif;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    margin: .1rem 0
}

.sub-title {
    font-family: opensans-regular,sans-serif
}

.font-weight-bold {
    font-weight: 700
}

.font-weight-medium {
    font-weight: 500
}

.font-weight-normal {
    font-family: opensans-regular,sans-serif
}

.font-weight-light {
    font-weight: 300
}

.safari-web-view {
    font-size: calc(100vw/12.42) !important
}

html, body {
    width: 100% !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input::-ms-clear, input::-ms-reveal {
    display: none
}

*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scrollbar-width: none
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
    width: device-width;
}

.disableIphoneHorizontalScrolling {
    width: 100%;
    overflow-x: hidden
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

hr {
    background-color: transparent;
    padding: 0;
    margin-bottom: .15rem
}

    hr.hr {
        border: 0;
        height: .01rem;
        background-image: linear-gradient(to right,rgba(0,0,0,0),#4B91C9,rgba(0,0,0,0))
    }

.left-col-title {
    height: .9rem;
    border-radius: .06rem;
    margin: .1rem .15rem;
    padding: .1rem
}

.left-col-item {
    height: 7.9rem;
    overflow-y: auto
}

.left-col-item-custom.scrollable-element {
    min-height: 6rem;
    max-height: 8rem;
    overflow-y: auto
}

[tabindex="-1"]:focus {
    outline: none !important
}

:focus {
    outline: unset
}

abbr[title], abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    border-bottom: 0;
    cursor: help
}

address {
    margin-bottom: 1em;
    font-style: normal;
    line-height: inherit
}

dt {
    font-weight: 500
}

dd {
    margin-bottom: .5em;
    margin-left: 0
}

blockquote {
    margin: 0 0 1em
}

dfn {
    font-style: italic
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s
}

    a:active {
        color: #fff
    }

    a:active, a:hover {
        text-decoration: none !important;
        outline: 0
    }

    a[disabled] {
        color: rgba(0,0,0,.25);
        cursor: not-allowed;
        pointer-events: none
    }

pre, code, kbd, samp {
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1em;
    overflow: auto
}

figure {
    margin: 0 0 1em
}

img {
    vertical-align: middle;
    border-style: none
}

.custom-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000b8;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999
}

.downloadCustomModal {
    background: 0 0
}

.custom-modal {
    background: #1f1b15;
    border-image: linear-gradient(#4B91C9 25%,#0d122a 140%) 1;
    border: .03rem solid #4B91C9;
    padding: .2rem;
    color: #fff;
    padding: .2rem .32rem;
    width: 25%;
    max-width: 5rem;
    margin: auto
}

    .custom-modal p {
        margin-bottom: 0
    }

    .custom-modal .close-btn {
        background: linear-gradient(90deg,#bb9a46 0%,#785d38 100%);
        color: #aaa;
        font-size: .18rem;
        float: right
    }

    .custom-modal .download_qr {
        padding: .35rem .6rem .6rem
    }

    .custom-modal .custom-modal-header {
        margin: -.21rem -.32rem;
        padding: .2rem .32rem;
        background-color: transparent
    }

.custom-modal-header {
    font-size: .18rem;
    font-weight: 600;
    color: #fff;
    fill: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .custom-modal-header .custom-modal-header-withIcon {
        display: flex;
        align-items: center
    }

.custom-modal-body {
    margin: .3rem 0 0;
    max-height: 60vh;
    overflow-y: scroll;
    scrollbar-width: none
}

    .custom-modal-body svg {
        fill: #909091
    }

.custom-modal-footer {
    margin: .1rem 0
}

    .custom-modal-footer button {
        height: .5rem;
        background: linear-gradient(90deg,#bb9a46 0%,#785d38 100%);
        color: linear-gradient(90deg,#bb9a46 0%,#785d38 100%);
        padding: 0 .6rem;
        font-size: inherit;
        width: fit-content
    }

    .custom-modal-footer .yes-btn {
        background: linear-gradient(90deg,#bb9a46 0%,#785d38 100%);
        cursor: pointer;
        width: 100%;
        height: .5rem
    }

    .custom-modal-footer .no-btn {
        background: linear-gradient(90deg,#bb9a46 0%,#785d38 100%);
        cursor: pointer;
        width: 100%;
        height: .5rem;
        margin-right: .16rem
    }

.custom-notification {
    padding: .1rem .2rem;
    width: 100%;
    color: #fff;
    margin-bottom: .05rem
}

    .custom-notification.error {
        background: red
    }

svg:not(:root) {
    overflow: visible;
    width: 100%;
    height: 100%
}

.svg-height-width-auto {
    width: auto !important;
    height: auto !important
}

table {
    border-collapse: collapse
}

.table-title {
    font-size: 1em;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    color: #000;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    font-family: helveticaneue,宋体,sans-serif
}

.table-date {
    font-size: .875em
}

caption {
    padding-top: .75em;
    padding-bottom: .3em;
    color: rgba(0,0,0,.45);
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

button, input {
    overflow: visible
}

    button::-webkit-credentials-auto-fill-button, input::-webkit-credentials-auto-fill-button {
        visibility: hidden;
        display: none !important;
        pointer-events: none;
        position: absolute;
        right: 0
    }

button, select {
    text-transform: none
}

button, html [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
    -webkit-appearance: listbox
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: 0
    }

.list-group-item:hover {
    z-index: initial
}

.hide {
    display: none
}

[hidden] {
    display: none !important
}

.scroll-container {
    display: flex;
    overflow: scroll
}

    .scroll-container.hide-scrollbar {
        overflow: auto
    }

        .scroll-container.hide-scrollbar::-webkit-scrollbar {
            display: none
        }

    .scroll-container.show-scroll {
        overflow: auto
    }

    .scroll-container div {
        white-space: pre-line
    }

.game-banner {
    min-height: 4.8rem
}

.modal {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
    background-color: #00000094 !important
}

.modal-show, .d-flex-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.z-index-9999 {
    z-index: 9999
}

.z-index--1 {
    z-index: -1
}

.border {
    border: .01rem solid #e0e0e0 !important
}

.border-top {
    border-top: .01rem solid #e0e0e0 !important
}

.border-right {
    border-right: .005rem solid #7a7d7c !important
}

.border-bottom {
    border-bottom: .01rem solid #e3e3e3 !important
}

.border-bottom-light {
    border-bottom: .01rem solid #e0e0e0
}

.border-bottom-normal {
    border-bottom: .01rem solid #7a7d7c
}

.border-left {
    border-left: .01rem solid #181818
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.rounded {
    border-radius: .15rem !important
}

.rounded-top {
    border-top-left-radius: .15rem !important;
    border-top-right-radius: 125rem !important
}

.rounded-right {
    border-top-right-radius: .15rem !important;
    border-bottom-right-radius: .15rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .15rem !important;
    border-bottom-left-radius: .15rem !important
}

.rounded-left {
    border-top-left-radius: .15rem !important;
    border-bottom-left-radius: .15rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-webkit-box {
    display: -webkit-box !important
}

.height-100 {
    height: 100% !important
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
}

.section-container {
    padding-top: .15rem;
    padding-bottom: .1rem
}

.content-mobile {
    background-color: #e3e3e3;
    padding: .1rem
}

.content-mobile-account {
    background-color: #909091
}

.mobile-account-width {
    width: 100vw;
    padding: .1rem 0
}

.container-fluid {
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: auto;
    margin-left: auto
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.m-0 {
    margin: 0 !important
}

.m-b-200 {
    margin-bottom: 2rem
}

.w-1100-container {
    width: 11rem;
    margin: auto
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-2 {
    order: 2
}

.tab-btn-container {
    display: flex;
    justify-content: flex-end;
    width: 60%
}

    .tab-btn-container button {
        background: linear-gradient(90deg,#c09848,#8c6a2e);
        height: .4rem;
        color: #fff;
        font-family: helveticaneue-roman,黑体,sans-serif;
        cursor: pointer;
        font-size: .14rem;
        text-transform: uppercase;
        font-weight: 600;
        width: fit-content;
        padding: 0 .35rem
    }

.tab-btn-container-full-width {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: unset
}

    .tab-btn-container-full-width button {
        background: linear-gradient(90deg,#c09848,#8c6a2e);
        height: .4rem;
        width: fit-content;
        padding: 0 .35rem;
        color: #fff;
        cursor: pointer;
        font-size: .14rem;
        text-transform: uppercase;
        font-weight: 600;
        border-radius: .05rem
    }

.marquee {
    height: .2rem;
    width: 7rem;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap
}

    .marquee div {
        display: block;
        width: 200%;
        position: absolute;
        overflow: hidden;
        margin-right: block;
        animation: marquee 20s linear infinite
    }

@keyframes marquee {
    0% {
        left: 100%
    }

    100% {
        left: -200%
    }
}

.search-wrapper {
    position: relative;
    margin-right: .6666666667rem
}

    .search-wrapper .input-holder {
        height: .42rem;
        width: .42rem;
        overflow: hidden;
        position: relative;
        transition: all .3s ease-in-out
    }

        .search-wrapper .input-holder .search-input {
            width: 100%;
            padding: 0 .7rem 0 .2rem;
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            background: 0 0;
            box-sizing: border-box;
            border: none;
            outline: none;
            transform: translate(0,0.6rem);
            transition: all .3s cubic-bezier(0,.105,.035,1.57);
            transition-delay: .3s;
            font-size: .88rem
        }

        .search-wrapper .input-holder .search-icon {
            width: .42rem;
            height: .42rem;
            border: none;
            padding: 0;
            outline: none;
            position: relative;
            z-index: 2;
            float: right;
            cursor: pointer;
            transition: all .3s ease-in-out;
            background: rgba(0,0,0,.06);
            border-radius: .3rem
        }

            .search-wrapper .input-holder .search-icon span {
                width: .22rem;
                height: .22rem;
                display: inline-block;
                vertical-align: middle;
                position: relative;
                transform: rotate(45deg);
                transition: all .4s cubic-bezier(.65,-.6,.24,1.65)
            }

                .search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
                    position: absolute;
                    content: ""
                }

                .search-wrapper .input-holder .search-icon span::before {
                    width: .04rem;
                    height: .11rem;
                    left: .09rem;
                    top: .13rem;
                    border-radius: .02rem;
                    background: #4B91C9
                }

                .search-wrapper .input-holder .search-icon span::after {
                    width: .14rem;
                    height: .14rem;
                    left: .04rem;
                    top: 0;
                    border-radius: .16rem;
                    border: .02rem solid #4B91C9
                }

    .search-wrapper .close {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 0;
        width: .2rem;
        height: .2rem;
        margin-top: -.1rem;
        cursor: pointer;
        opacity: 0 !important;
        transform: rotate(-180deg);
        transition: all .2s cubic-bezier(.285,-.45,.935,.11);
        transition-delay: .1s
    }

        .search-wrapper .close::before, .search-wrapper .close::after {
            position: absolute;
            content: "";
            background: #4B91C9;
            border-radius: .02rem
        }

        .search-wrapper .close::before {
            width: .02rem;
            height: .2rem;
            left: .09rem;
            top: 0
        }

        .search-wrapper .close::after {
            width: .2rem;
            height: .02rem;
            left: 0;
            top: .09rem
        }

    .search-wrapper.active {
        width: 3.3rem
    }

        .search-wrapper.active .input-holder {
            width: 2.9rem;
            border-radius: .5rem;
            background: rgba(0,0,0,.05);
            transition: all .5s cubic-bezier(0,.105,.035,1.57)
        }

            .search-wrapper.active .input-holder .search-input {
                opacity: 1;
                transform: translate(0,0.11rem)
            }

            .search-wrapper.active .input-holder .search-icon {
                width: .42rem;
                height: .42rem;
                margin: 0;
                border-radius: .3rem
            }

                .search-wrapper.active .input-holder .search-icon span {
                    transform: rotate(-45deg)
                }

        .search-wrapper.active .close {
            left: 3rem;
            opacity: .6 !important;
            transform: rotate(45deg);
            transition: all .6s cubic-bezier(0,.105,.035,1.57);
            transition-delay: .5s
        }

            .search-wrapper.active .close:hover {
                opacity: 1 !important
            }

        .search-wrapper.active + .header-megamenu {
            opacity: 0
        }

.page-numbers {
    padding-top: .1rem
}

.pagination-number {
    padding: .05rem .15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #e0e0e0
}

.page-link {
    background-color: transparent !important;
    color: #fff !important
}

.btn-disable {
    cursor: not-allowed !important;
    pointer-events: none !important
}

.pagination-btn {
    height: 100%;
    padding: .5rem .75rem !important;
    border: none !important
}

.t-align-center {
    text-align: center
}

.w-100 {
    width: 100%
}

.h-auto {
    height: auto
}

.h-100 {
    height: 100%
}

.align-items-center {
    align-items: center !important
}

.justify-content-center {
    justify-content: center
}

.justify-content-space-between {
    justify-content: space-between
}

.justify-content-flex-end {
    justify-content: flex-end !important
}

.flex-column {
    flex-direction: column
}

.body-content-container {
    background: unset;
    background-size: cover;
    background-position: center;
    background-repeat: unset;
    padding: 0;
    overflow: unset;
    position: relative
}

.mobileTopMargin-home-fixed {
    padding-top: 2.6rem
}

.mobileTopMargin-fixed {
    padding-top: 2.6rem
}

.mobileTopMargin-navTitle {
    padding-top: 3.5rem;
    padding-bottom: 2.4rem
}

.select-container {
    width: 100%;
    position: relative
}

    .select-container .select-arrow {
        position: absolute;
        right: .15rem;
        top: .15rem;
        border-width: 0 .03rem .03rem 0;
        border-color: #fff;
        border-style: solid;
        display: inline-block;
        width: .08rem !important;
        height: .08rem !important;
        transform: rotate(45deg)
    }

    .select-container.select-container-selectFullWidth {
        width: 100%
    }

@media(max-width: 768px) {
    .select-container .select-arrow {
        right: .3rem !important;
        top: .2rem !important;
        border-width: 0 .08rem .08rem 0 !important;
        border-color: #fff;
        width: .2rem !important;
        height: .2rem !important
    }
}

@media(max-width: 768px) {
    body {
        font-family: arial,黑体,"sans-serif"
    }

        body .body-content-container {
            background: unset;
            background-size: undefined;
            background-repeat: undefined;
            background-position: undefined
        }

        body .mobileTopMargin {
            padding-top: 1.7rem;
            padding-bottom: 0;
            background: unset;
            min-height: undefined
        }

            body .mobileTopMargin .m-funds-container {
                padding-bottom: .3rem
            }

            body .mobileTopMargin.liteappPadding {
                padding-top: 0;
                padding-bottom: 0
            }

        body .mobileTopMargin-home {
            padding-top: 1.7rem
        }

        body .mobileTopMargin-home-fixed {
            padding-top: 1.8rem
        }

        body .mobileDoubleTopMargin-home {
            padding-top: 3.4rem
        }

        body .mobileTopMargin-fixed {
            padding-top: 1.7rem;
            padding-bottom: 2.5rem
        }

        body .custom-modal .custom-modal-body img {
            width: 1rem;
            height: auto
        }

        body .custom-modal .custom-modal-body label {
            font-size: .4rem;
            margin-bottom: .2rem
        }

        body .custom-modal .custom-modal-body p {
            font-size: .38rem
        }

        body .m-search-dialog-modal .react-datepicker-wrapper {
            width: 100%
        }

        body .m-search-dialog-modal .react-datepicker__close-icon::after {
            height: .6rem;
            width: .6rem;
            font-size: .5rem;
            background-color: #fff
        }

        body .m-search-dialog-modal .react-datepicker__header {
            padding-top: .3rem
        }

        body .m-search-dialog-modal .react-datepicker__current-month, body .m-search-dialog-modal .react-datepicker-time__header, body .m-search-dialog-modal .react-datepicker-year-header {
            color: #4B91C9;
            font-size: .55rem
        }

        body .m-search-dialog-modal .react-datepicker__navigation {
            border: .16rem solid transparent !important
        }

        body .m-search-dialog-modal .react-datepicker__navigation--next {
            right: .1rem;
            border-left-color: #4B91C9 !important;
            margin-top: .25rem
        }

        body .m-search-dialog-modal .react-datepicker__navigation--previous {
            left: .1rem;
            border-right-color: #4B91C9 !important;
            margin-top: .25rem
        }

        body .m-search-dialog-modal .react-datepicker__day-name, body .m-search-dialog-modal .react-datepicker__day, body .m-search-dialog-modal .react-datepicker__time-name {
            width: .7rem;
            height: .7rem;
            line-height: .8rem;
            margin: .166rem
        }

        body .m-search-dialog-modal .react-datepicker {
            font-size: .5rem
        }

        body .m-search-dialog-modal .react-datepicker__day--selected, body .m-search-dialog-modal .react-datepicker__day--in-selecting-range, body .m-search-dialog-modal .react-datepicker__day--in-range, body .m-search-dialog-modal .react-datepicker__month-text--selected, body .m-search-dialog-modal .react-datepicker__month-text--in-selecting-range, body .m-search-dialog-modal .react-datepicker__month-text--in-range, body .m-search-dialog-modal .react-datepicker__quarter-text--selected, body .m-search-dialog-modal .react-datepicker__quarter-text--in-selecting-range, body .m-search-dialog-modal .react-datepicker__quarter-text--in-range {
            border-radius: 50%;
            background-color: #216ba5
        }

        body .m-Divider {
            width: 100%;
            background: #4B91C9
        }

        body .custom-modal {
            width: 75%;
            max-width: 75vw;
            background: linear-gradient(0deg,#160f07,#150e06);
            border-image: linear-gradient(#4B91C9 25%,#0d122a 140%) 1
        }

            body .custom-modal .custom-modal-header {
                min-height: 1.4rem;
                align-items: center;
                justify-content: space-between;
                font-size: .45rem;
                white-space: normal
            }

                body .custom-modal .custom-modal-header h3 {
                    text-overflow: unset;
                    overflow: unset;
                    width: unset
                }

                body .custom-modal .custom-modal-header button {
                    font-size: .4rem;
                    padding: 0;
                    width: 100%;
                    text-align: right;
                    background: 0 0
                }

            body .custom-modal .custom-modal-body {
                padding: .3rem 0;
                max-height: 60vh;
                overflow-y: scroll
            }

            body .custom-modal .custom-modal-footer button {
                height: 1rem;
                padding: 0 .65rem;
                margin: .25rem 0;
                color: #fff
            }

            body .custom-modal .close-btn {
                background: linear-gradient(90deg,#bb9a46 0%,#785d38 100%);
                color: #c09848;
                padding: .5rem .5rem 0;
                font-size: .4rem;
                float: right
            }

            body .custom-modal .download_qr {
                padding: .5rem 1rem 1rem
            }

    .tab-btn-container-full-width button {
        height: unset;
        width: unset;
        font-size: unset
    }
}

@media(min-width: 768px) {
    .d-md-block {
        display: block !important
    }
}

@media(max-width: 768px) {
    .container {
        width: 100%;
        max-width: 100%;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-left: 0;
        margin-right: 0
    }

    .section-container {
        padding: .1rem !important
    }

    .app-content {
        margin-top: 0
    }
}

@media(min-width: 768px) {
    .announce-container {
        width: 9.8rem !important;
        background: #fff;
        transform: skew(-40deg,0deg)
    }
}

@media(min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        width: 10rem !important
    }

    .announce-container {
        width: 9.8rem !important;
        background: #fff;
        transform: skew(-40deg,0deg)
    }
}

@media(min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

::-webkit-input-placeholder {
    color: #888
}

::-moz-placeholder {
    color: #888
}

:-ms-input-placeholder {
    color: #888
}

input:-moz-placeholder {
    color: #888
}

.form-field {
    width: 100%;
    margin-right: .15rem
}

    .form-field:first-child {
        margin-right: 0
    }

    .form-field:last-child {
        margin-right: 0
    }

    .form-field select {
        -webkit-appearance: none;
        width: 100%;
        display: flex;
        align-items: center;
        padding: .05rem;
        border-radius: 0;
        border: .02rem solid #ededed;
        border-bottom-color: #8d8680;
        border-bottom: unset;
        background: #ededed;
        height: .35rem;
        color: #000;
        font-size: .14rem;
        font-family: helveticaneue,黑体,'sans-serif';
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-right: .2rem
    }

        .form-field select option {
            background-color: #fff;
            color: #000
        }

    .form-field label {
        margin-bottom: .05rem;
        display: block;
        color: BlacK
    }

    .form-field input {
        display: flex;
        align-items: center;
        padding: .05rem;
        border-radius: 0;
        border: unset;
        border-bottom-color: #8d8680;
        border-bottom: unset;
        font-family: unset;
        font-size: .14rem;
        color: BlAcK;
        background: #ededed;
        height: .35rem;
        -webkit-text-fill-color: unset
    }

        .form-field input:disabled {
            opacity: 1
        }

    .form-field .phone-input {
        margin-left: .05rem
    }

    .form-field .mandatory {
        margin-bottom: .05rem;
        font-size: undefined
    }

        .form-field .mandatory::after {
            color: red;
            content: '\002A';
            margin-left: .04rem
        }

    .form-field .error-validation {
        background: 0 0;
        color: red;
        font-size: .12rem;
        margin-top: .05rem;
        width: unset
    }

.promo-tnc {
    text-decoration: underline;
    cursor: pointer;
    color: REd;
    font-size: .12rem
}

.module-detail label {
    color: BlacK
}

.module-detail .custom-table .custom-table-row img {
    margin-right: .05rem
}

.white {
    color: #bcbcbc
}

.gold {
    color: #4B91C9
}

.gray {
    color: #4d4e50
}

.menuSvgColor {
    fill: #919293
}

.svgActiveColor {
    fill: #000
}

.textActiveColor {
    color: #4B91C9
}

.textColor {
    color: #fff
}

@media(max-width: 768px) {
    label {
        font-size: .4rem
    }

    .tab-btn-container {
        justify-content: center;
        width: unset
    }

        .tab-btn-container button {
            height: 1.5rem;
            font-size: .45rem
        }

    .form-field {
        width: 100%;
        margin-right: .15rem;
        margin-bottom: .4rem
    }

        .form-field:first-child {
            margin-right: 0
        }

        .form-field:last-child {
            margin-right: 0
        }

        .form-field select {
            width: 100%;
            display: flex;
            align-items: center;
            padding: .05rem .3rem;
            border: .02rem solid #ededed;
            border-bottom-color: #8d8680;
            background: #ededed;
            border-bottom: unset;
            height: 1rem;
            color: #000;
            font-size: .4rem;
            height: 1.1rem;
            border-radius: unset;
            white-space: nowrap;
            text-overflow: ellipsis;
            line-height: 1.5
        }

            .form-field select option {
                background-color: #fff;
                color: #000
            }

        .form-field label {
            margin-bottom: .3rem;
            display: block;
            font-size: .4rem;
            color: BlacK
        }

        .form-field input {
            width: 100%;
            display: flex;
            align-items: center;
            padding: .05rem .3rem;
            border-radius: 0;
            border: unset;
            border-bottom-color: #8d8680;
            background: #ededed;
            border-bottom: unset;
            height: 1rem;
            color: #000;
            -webkit-text-fill-color: unset;
            font-size: .4rem;
            height: 1.1rem
        }

        .form-field textarea {
            width: 100%;
            color: #000;
            font-size: .4rem;
            border: transparent;
            border-radius: .06rem;
            font-family: unset
        }

        .form-field .mandatory {
            margin-bottom: .2rem;
            color: BlacK
        }

            .form-field .mandatory::after {
                color: red;
                content: '\002A'
            }

        .form-field .error-validation {
            color: red;
            font-size: .3rem;
            margin-top: .15rem
        }

    .promo-tnc {
        text-decoration: underline;
        cursor: pointer
    }

    .login-field {
        padding-left: .5rem;
        position: relative
    }

        .login-field input {
            width: 100%;
            display: flex;
            align-items: center;
            padding: .05rem .3rem;
            border-radius: 0;
            border: 0;
            border-bottom: .04rem solid;
            border-bottom-color: #8d8680;
            height: 1rem;
            color: #000;
            font-size: .4rem;
            height: 1.1rem;
            position: relative
        }
}

.history-control-panel .react-datepicker__close-icon::after, .reg-form-container .react-datepicker__close-icon::after, .m-bonus-container .react-datepicker__close-icon::after, .react-datepicker-popper .react-datepicker__close-icon::after, .standard-popup-modal-body .react-datepicker__close-icon::after {
    height: .2rem;
    width: .2rem;
    background: #fff;
    line-height: 0
}

.history-control-panel .react-datepicker__header, .reg-form-container .react-datepicker__header, .m-bonus-container .react-datepicker__header, .react-datepicker-popper .react-datepicker__header, .standard-popup-modal-body .react-datepicker__header {
    padding-top: .3rem;
    border-top-left-radius: .3rem
}

.history-control-panel .react-datepicker__current-month, .history-control-panel .react-datepicker-time__header, .history-control-panel .react-datepicker-year-header, .reg-form-container .react-datepicker__current-month, .reg-form-container .react-datepicker-time__header, .reg-form-container .react-datepicker-year-header, .m-bonus-container .react-datepicker__current-month, .m-bonus-container .react-datepicker-time__header, .m-bonus-container .react-datepicker-year-header, .react-datepicker-popper .react-datepicker__current-month, .react-datepicker-popper .react-datepicker-time__header, .react-datepicker-popper .react-datepicker-year-header, .standard-popup-modal-body .react-datepicker__current-month, .standard-popup-modal-body .react-datepicker-time__header, .standard-popup-modal-body .react-datepicker-year-header {
    color: #4B91C9;
    font-size: .55rem
}

.history-control-panel .react-datepicker, .reg-form-container .react-datepicker, .m-bonus-container .react-datepicker, .react-datepicker-popper .react-datepicker, .standard-popup-modal-body .react-datepicker {
    font-size: .87em
}

@media(max-width: 768px) {
    .history-control-panel .react-datepicker, .reg-form-container .react-datepicker, .m-bonus-container .react-datepicker, .react-datepicker-popper .react-datepicker, .standard-popup-modal-body .react-datepicker {
        font-size: .9em
    }

    .history-control-panel .react-datepicker__close-icon::after, .reg-form-container .react-datepicker__close-icon::after, .m-bonus-container .react-datepicker__close-icon::after, .react-datepicker-popper .react-datepicker__close-icon::after, .standard-popup-modal-body .react-datepicker__close-icon::after {
        height: .36rem;
        width: .36rem;
        line-height: undefined
    }
}

.history-control-panel .react-datepicker-wrapper, .reg-form-container .react-datepicker-wrapper, .m-bonus-container .react-datepicker-wrapper, .react-datepicker-popper .react-datepicker-wrapper, .standard-popup-modal-body .react-datepicker-wrapper {
    width: 100%
}

.history-control-panel .react-datepicker__header, .reg-form-container .react-datepicker__header, .m-bonus-container .react-datepicker__header, .react-datepicker-popper .react-datepicker__header, .standard-popup-modal-body .react-datepicker__header {
    padding-top: .8em
}

.history-control-panel .react-datepicker__month, .reg-form-container .react-datepicker__month, .m-bonus-container .react-datepicker__month, .react-datepicker-popper .react-datepicker__month, .standard-popup-modal-body .react-datepicker__month {
    margin: .4em 1em
}

.history-control-panel .react-datepicker__day-name, .history-control-panel .react-datepicker__day, .reg-form-container .react-datepicker__day-name, .reg-form-container .react-datepicker__day, .m-bonus-container .react-datepicker__day-name, .m-bonus-container .react-datepicker__day, .react-datepicker-popper .react-datepicker__day-name, .react-datepicker-popper .react-datepicker__day, .standard-popup-modal-body .react-datepicker__day-name, .standard-popup-modal-body .react-datepicker__day {
    width: 1.9em;
    line-height: 1.9em;
    margin: .166em
}

.history-control-panel .react-datepicker__current-month, .reg-form-container .react-datepicker__current-month, .m-bonus-container .react-datepicker__current-month, .react-datepicker-popper .react-datepicker__current-month, .standard-popup-modal-body .react-datepicker__current-month {
    font-size: 1em
}

.history-control-panel .react-datepicker__navigation, .reg-form-container .react-datepicker__navigation, .m-bonus-container .react-datepicker__navigation, .react-datepicker-popper .react-datepicker__navigation, .standard-popup-modal-body .react-datepicker__navigation {
    top: 1em;
    line-height: 1.7em;
    border: .45em solid transparent;
    height: .1rem !important;
    padding: 0 !important
}

.history-control-panel .react-datepicker__navigation--next, .reg-form-container .react-datepicker__navigation--next, .m-bonus-container .react-datepicker__navigation--next, .react-datepicker-popper .react-datepicker__navigation--next, .standard-popup-modal-body .react-datepicker__navigation--next {
    border-left-color: #4B91C9
}

.history-control-panel .react-datepicker__navigation--previous, .reg-form-container .react-datepicker__navigation--previous, .m-bonus-container .react-datepicker__navigation--previous, .react-datepicker-popper .react-datepicker__navigation--previous, .standard-popup-modal-body .react-datepicker__navigation--previous {
    border-right-color: #4B91C9
}

.history-control-panel .react-datepicker__month-read-view--down-arrow, .history-control-panel .react-datepicker__year-read-view--down-arrow, .reg-form-container .react-datepicker__month-read-view--down-arrow, .reg-form-container .react-datepicker__year-read-view--down-arrow, .m-bonus-container .react-datepicker__month-read-view--down-arrow, .m-bonus-container .react-datepicker__year-read-view--down-arrow, .react-datepicker-popper .react-datepicker__month-read-view--down-arrow, .react-datepicker-popper .react-datepicker__year-read-view--down-arrow, .standard-popup-modal-body .react-datepicker__month-read-view--down-arrow, .standard-popup-modal-body .react-datepicker__year-read-view--down-arrow {
    border-width: .05rem
}

.react-datepicker-popper .react-datepicker {
    display: flex
}

.history-control-panel .react-datepicker__current-month, .history-control-panel .react-datepicker-time__header, .history-control-panel .react-datepicker-year-header, .reg-form-container .react-datepicker__current-month, .reg-form-container .react-datepicker-time__header, .reg-form-container .react-datepicker-year-header, .m-bonus-container .react-datepicker__current-month, .m-bonus-container .react-datepicker-time__header, .m-bonus-container .react-datepicker-year-header, .react-datepicker-popper .react-datepicker__current-month, .react-datepicker-popper .react-datepicker-time__header, .react-datepicker-popper .react-datepicker-year-header, .standard-popup-modal-body .react-datepicker__current-month, .standard-popup-modal-body .react-datepicker-time__header, .standard-popup-modal-body .react-datepicker-year-header {
    font-size: 1em !important
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: .1rem !important
}

@media(max-width: 768px) {
    .react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
        line-height: .66rem !important
    }

        .react-datepicker__year-option .react-datepicker__navigation, .react-datepicker__month-option .react-datepicker__navigation, .react-datepicker__month-year-option .react-datepicker__navigation {
            font-size: .5rem
        }

    .react-datepicker__month-container {
        font-size: undefined
    }

    .react-datepicker .react-datepicker__time-container {
        width: 1.5rem !important;
        font-size: undefined
    }

        .react-datepicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
            width: 1.2rem
        }

            .react-datepicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
                height: .8rem;
                border-radius: .21rem
            }

    .react-datepicker li.react-datepicker__time-list-item {
        padding: .2rem .1rem !important
    }

    .react-datepicker .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
        right: 1.5rem
    }

    .history-control-panel .react-datepicker__navigation, .reg-form-container .react-datepicker__navigation, .m-bonus-container .react-datepicker__navigation, .react-datepicker-popper .react-datepicker__navigation, .standard-popup-modal-body .react-datepicker__navigation {
        border: 0.45em solid transparent !important!important;
        top: 1em !important;
        padding: 0 .06rem !important
    }

    .history-control-panel .react-datepicker__navigation--previous, .reg-form-container .react-datepicker__navigation--previous, .m-bonus-container .react-datepicker__navigation--previous, .react-datepicker-popper .react-datepicker__navigation--previous, .standard-popup-modal-body .react-datepicker__navigation--previous {
        border-right-color: #4B91C9 !important
    }

    .history-control-panel .react-datepicker__navigation--next, .reg-form-container .react-datepicker__navigation--next, .m-bonus-container .react-datepicker__navigation--next, .react-datepicker-popper .react-datepicker__navigation--next, .standard-popup-modal-body .react-datepicker__navigation--next {
        border-left-color: #4B91C9 !important
    }

    .react-datepicker .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
        right: 1.5rem !important
    }

    .react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
        width: 3rem !important;
        margin: .02rem 0 !important;
        padding: .21rem 0 !important
    }
}

.share-modal-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex
}

    .share-modal-container .share-modal {
        height: 7.2rem;
        width: 66%;
        margin: auto;
        padding: .2rem;
        border-radius: .1rem;
        background-color: #fff
    }

        .share-modal-container .share-modal .md-title {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: .8rem;
            padding: .6rem
        }

            .share-modal-container .share-modal .md-title span {
                margin-left: auto
            }

        .share-modal-container .share-modal .social-media-container {
            padding: 0 .5rem
        }

            .share-modal-container .share-modal .social-media-container button {
                width: 1.2rem;
                margin: .3rem .24rem !important;
                background-color: transparent
            }

                .share-modal-container .share-modal .social-media-container button svg {
                    width: 80%
                }

                .share-modal-container .share-modal .social-media-container button span {
                    font-size: .5rem
                }

.progressBar-container {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: .3rem;
    border: unset
}

    .progressBar-container .progress {
        height: 100%;
        background: #3863b3;
        border-radius: .3rem
    }

.banner-bottom-border {
    border-bottom: .1rem solid #666
}

.margin-top-0 {
    margin-top: 0 !important
}

.margin-right-0 {
    margin-right: 0 !important
}

.margin-bottom-0 {
    margin-bottom: 0 !important
}

.margin-left-0 {
    margin-left: 0 !important
}

.padding-0 {
    padding: 0 !important
}

.margin-left-5rem {
    margin-left: .5rem !important
}

.videoContent {
    width: 100%;
    height: 100%;
    margin: undefined;
    color: undefined;
    background: undefined;
    padding: undefined;
    border-radius: undefined
}

.brand-loading img {
    animation: flipping 2s ease-in-out infinite;
    animation-direction: alternate
}

@keyframes flipping {
    from {
        transform: perspective(4rem) scaleX(1)
    }

    to {
        transform: perspective(4rem) scaleX(-1)
    }
}

@media(max-width: 575px) {
    .brand-loading .loading img {
        max-width: 5rem
    }
}

range-slider {
    --element-height: 0.24rem;
    --track-height: 0.03rem;
    --thumb-size: 0.16rem;
    position: relative;
    display: flex;
    align-items: center;
    height: var(--element-height);
    width: 100%;
    min-width: 1.3rem;
    margin: .02rem;
    overflow: visible;
    cursor: pointer;
    touch-action: none
}

    range-slider:focus {
        outline: 0
    }

    range-slider[disabled] {
        filter: grayscale(1);
        opacity: .8
    }

    range-slider:before {
        content: "";
        display: block;
        width: 100%;
        height: var(--track-height);
        border-radius: calc(var(--track-height)/2);
        background: linear-gradient(#6221ea,#6221ea) 0/var(--value-percent,0) 100% no-repeat #c6afe5
    }

    range-slider:focus .thumb {
        box-shadow: 0 0 0 .3em rgba(98,33,234,.2)
    }

    range-slider.touch-active .thumb-wrapper .thumb {
        box-shadow: none;
        transform: scale(1.5)
    }

.thumb {
    background: #6221ea;
    border-radius: 50%;
    width: var(--thumb-size);
    height: var(--thumb-size);
    position: absolute;
    bottom: calc(var(--element-height)/2 - var(--thumb-size)/2);
    left: var(--value-percent,0);
    margin-left: calc(var(--thumb-size)/2*-1);
    transition: transform .2s ease;
    will-change: transform;
    pointer-events: none
}

.thumb-wrapper {
    position: absolute;
    left: calc(var(--thumb-size)/2);
    right: calc(var(--thumb-size)/2);
    bottom: 0;
    height: 0;
    overflow: visible
}

label {
    color: #000
}

button {
    color: #fff
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #4B91C9 !important
}

.text-primary-light {
    color: #131313 !important
}

.text-primary-dark {
    color: #4a3917 !important
}

.text-secondary {
    color: #4b91c9 !important
}

.text-secondary-light {
    color: #fff !important
}

.text-secondary-dark {
    color: #fff !important
}

.text-success {
    color: #28db00 !important
}

.text-info {
    color: #4B91C9 !important
}

.text-warning {
    color: #dd5600 !important
}

.text-danger {
    color: REd !important
}

.text-black {
    color: #000 !important
}

.text-dark {
    color: #181818 !important
}

.text-light-gray {
    color: #ccc !important
}

.text-gray {
    color: #7a7d7c !important
}

.text-dark-gray {
    color: #4f0212 !important
}

.text-dark-1 {
    color: #212121 !important
}

.text-light {
    color: #e3e3e3 !important
}

.text-light-more {
    color: #e0e0e0 !important
}

.bg-primary {
    background-color: #4B91C9 !important
}

.bg-primary-light {
    background-color: #131313 !important
}

.bg-primary-dark {
    background-color: #4a3917 !important
}

.bg-secondary {
    background-color: #4b91c9 !important
}

.bg-success {
    background-color: #28db00 !important
}

.bg-info {
    background-color: #4B91C9 !important
}

.bg-warning {
    background-color: #dd5600 !important
}

.bg-danger {
    background-color: REd !important
}

.bg-white {
    background-color: #fff !important
}

.bg-light {
    background-color: #e3e3e3 !important
}

.bg-light-more {
    background-color: #e0e0e0 !important
}

.bg-lightest {
    background-color: #909091 !important
}

.bg-dark {
    background-color: #181818 !important
}

.bg-light-gray {
    background-color: #ccc !important
}

.bg-gray {
    background-color: #7a7d7c !important
}

.bg-dark-gray {
    background-color: #4f0212 !important
}

.bg-dark-1 {
    background-color: #212121 !important
}

.bg-dark-2 {
    background-color: #1c1c1c !important
}

.bg-black {
    background-color: #000 !important
}

.bg-product-cyan {
    background-color: #24b5da !important
}

.bg-product-blue {
    background-color: #2464da !important
}

.bg-transparent {
    background: 0 0 !important
}

.bg-dark-home {
    background: #000
}

.bg-gradient-home {
    background: #1b1b1b;
    background: -moz-linear-gradient(180deg,#1b1b1b 0%,#fff4e0 100%);
    background: -webkit-linear-gradient(180deg,#1b1b1b 0%,#fff4e0 100%);
    background: linear-gradient(180deg,#020202 0%,#4a3d24 40%,#111111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b1b1b",endColorstr="#fff4e0",GradientType=1)
}

.gradient-bg-dark {
    background: linear-gradient(to bottom,#000000,#151719)
}

#gradient-contact {
    --color-stop-1: $primary-color;
    --color-stop-2: $primary-color-light
}

.icon-contact {
    fill: #fff
}

.border-white {
    border-color: #fff !important
}

.border-primary {
    border-color: #4B91C9 !important
}

.border-secondary {
    border-color: #4b91c9 !important
}

.border-success {
    border-color: #28db00 !important
}

.border-info {
    border-color: #4B91C9 !important
}

.border-warning {
    border-color: #dd5600 !important
}

.border-danger {
    border-color: REd !important
}

.border-light {
    border-color: #e3e3e3 !important
}

.border-black {
    border-color: #000 !important
}

.border-light-gray {
    border-color: #ccc !important
}

.border-body {
    border-color: #7a7d7c !important
}

.border-transparent {
    border-color: none !important
}

.opacity-01 {
    opacity: .01 !important
}

.opacity-02 {
    opacity: .02 !important
}

.opacity-03 {
    opacity: .03 !important
}

.opacity-04 {
    opacity: .04 !important
}

.opacity-05 {
    opacity: .05 !important
}

.opacity-06 {
    opacity: .06 !important
}

.opacity-07 {
    opacity: .07 !important
}

.opacity-08 {
    opacity: .08 !important
}

.opacity-09 {
    opacity: .09 !important
}

.opacity-1 {
    opacity: .1 !important
}

.opacity-15 {
    opacity: .15 !important
}

.opacity-2 {
    opacity: .2 !important
}

.opacity-3 {
    opacity: .3 !important
}

.opacity-4 {
    opacity: .4 !important
}

.opacity-5 {
    opacity: .5 !important
}

.opacity-6 {
    opacity: .6 !important
}

.opacity-7 {
    opacity: .7 !important
}

.opacity-8 {
    opacity: .8 !important
}

.opacity-9 {
    opacity: .9 !important
}

.opacity-10 {
    opacity: 1 !important
}

.filter-grayscale-5 {
    filter: grayscale(5%) !important
}

.filter-grayscale-10 {
    filter: grayscale(10%) !important
}

.filter-grayscale-20 {
    filter: grayscale(20%) !important
}

.filter-grayscale-30 {
    filter: grayscale(30%) !important
}

.filter-grayscale-40 {
    filter: grayscale(40%) !important
}

.filter-grayscale-50 {
    filter: grayscale(50%) !important
}

.filter-grayscale-80 {
    filter: grayscale(80%) !important
}

.filter-grayscale-100 {
    filter: grayscale(100%) !important
}

.icon-cyan {
    fill: #24b5da
}

.icon-black {
    fill: #000
}

.icon-gray {
    fill: #7a7d7c
}

.icon-light {
    fill: #4B91C9
}

.icon-light-more {
    fill: #e0e0e0
}

.icon-primary {
    fill: #e3e3e3
}

.icon-primary-light {
    fill: #131313
}

.icon-primary-extra-light {
    fill: #00000033
}

.icon-secondary {
    fill: #4b91c9
}

.icon-secondary-darkest {
    fill: #fff
}

.icon-dark {
    fill: #181818
}

.icon-white {
    fill: #fff
}

.icon-light-gray {
    fill: #ccc
}

.icon-gray {
    fill: #7a7d7c
}

.icon-dark-gray {
    fill: #4f0212
}

.icon-success {
    fill: #28db00
}

.icon-warning {
    fill: #dd5600
}

.icon-danger {
    fill: REd;
    color: REd
}

.icon-blue {
    fill: #4B91C9
}

.icon-ios-tab {
    fill: #7a7d7c
}

.icon-android-tab {
    fill: #85c808
}

.icon-android {
    fill: #4caf50
}

.icon-ftrline {
    fill: #00b900
}

.react-dropdown-select-item-selected {
    background: #909091 !important;
    color: #000 !important
}

@font-face {
    font-family: montserrat;
    src: url(/assets/fonts/Montserrat/Montserrat-Regular.ttf) format("truetype")
}

@font-face {
    font-family: sf-pro-display-medium;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Medium.otf)
}

@font-face {
    font-family: sf-pro-display-regular;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Regular.otf)
}

@font-face {
    font-family: sf-pro-display-semibold;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Semibold.otf)
}

@font-face {
    font-family: sf-pro-display-heavy;
    src: url(/assets/fonts/SF-Pro-Display/SF-Pro-Display-Heavy.otf)
}

@font-face {
    font-family: helveticaneue-roman;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.woff2) format("woff2"),url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.woff) format("woff"),url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Roman.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: helveticaneue-medium;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueCyr-Medium.eot?#iefix) format("embedded-opentype");
    font-display: swap
}

@font-face {
    font-family: helveticaneue;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff2) format("woff2"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff) format("woff"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: helveticaneue;
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot);
    src: url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff2) format("woff2"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.woff) format("woff"),url(/assets/fonts/HelveticaNeue/HelveticaNeueLT-Roman.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: din-regular;
    src: url(/assets/fonts/DIN-Regular/DIN-Regular.eot);
    src: url(/assets/fonts/DIN-Regular/DIN-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/DIN-Regular/DIN-Regular.woff2) format("woff2"),url(/assets/fonts/DIN-Regular/DIN-Regular.woff) format("woff"),url(/assets/fonts/DIN-Regular/DIN-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: siemreap;
    src: url(/assets/fonts/Siemreap/Siemreap.eot);
    src: url(/assets/fonts/Siemreap/Siemreap.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Siemreap/Siemreap.woff2) format("woff2"),url(/assets/fonts/Siemreap/Siemreap.woff) format("woff"),url(/assets/fonts/Siemreap/Siemreap.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: marsekdemi;
    src: url("/assets/fonts/Marsek Demi/MarsekDemi.eot");
    src: url("/assets/fonts/Marsek Demi/MarsekDemi.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Marsek Demi/MarsekDemi.woff2") format("woff2"),url("/assets/fonts/Marsek Demi/MarsekDemi.woff") format("woff"),url("/assets/fonts/Marsek Demi/Marsek-Demi.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: mitrregular;
    src: url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.eot);
    src: url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.woff2) format("woff2"),url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.woff) format("woff"),url(/assets/fonts/Mitr-Regular/mitr-regular-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: cordia;
    src: url(/assets/fonts/cordia/cordia-webfont.eot);
    src: url(/assets/fonts/cordia/cordia-webfont.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/cordia/cordia-webfont.woff2) format("woff2"),url(/assets/fonts/cordia/cordia-webfont.woff) format("woff"),url(/assets/fonts/cordia/cordia-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: arial-medium;
    src: url(/assets/fonts/Arial-Medium/Arial-Medium.eot);
    src: url(/assets/fonts/Arial-Medium/Arial-Medium.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Arial-Medium/Arial-Medium.woff2) format("woff2"),url(/assets/fonts/Arial-Medium/Arial-Medium.woff) format("woff"),url(/assets/fonts/Arial-Medium/Arial-Medium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: arial-bold;
    src: url(/assets/fonts/Arial-Bold/Arial-Bold.eot);
    src: url(/assets/fonts/Arial-Bold/Arial-Bold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Arial-Bold/Arial-Bold.woff2) format("woff2"),url(/assets/fonts/Arial-Bold/Arial-Bold.woff) format("woff"),url(/assets/fonts/Arial-Bold/Arial-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: supermarket;
    src: url(/assets/fonts/supermarket/supermarket.eot);
    src: url(/assets/fonts/supermarket/supermarket.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/supermarket/supermarket.woff2) format("woff2"),url(/assets/fonts/supermarket/supermarket.woff) format("woff"),url(/assets/fonts/supermarket/supermarket.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: avenir;
    src: url(/assets/fonts/Avenir/AvenirNextLTPro-Bold.otf) format("opentype")
}

@font-face {
    font-family: supermarket;
    src: url(/assets/font/)
}

@font-face {
    font-family: futura-heavy-bt;
    src: url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.eot);
    src: url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.woff2) format("woff2"),url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.woff) format("woff"),url(/assets/fonts/Futura-Heavy-BT/futura-hv-bt-heavy.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: helvetica-bold;
    src: url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.eot);
    src: url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.woff2) format("woff2"),url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.woff) format("woff"),url(/assets/fonts/Helvetica-Bold/Helvetica-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: nunitosans-semibold;
    src: url(/assets/fonts/HNunitoSans-SemiBold/NunitoSans-SemiBold.eot);
    src: url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.woff2) format("woff2"),url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.woff) format("woff"),url(/assets/fonts/NunitoSans-SemiBold/NunitoSans-SemiBold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: helvetica-regular;
    src: url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.eot);
    src: url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.woff2) format("woff2"),url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.woff) format("woff"),url(/assets/fonts/Helvetica-Regular/Helvetica-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: montserrat-regular;
    src: url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.eot);
    src: url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.woff2) format("woff2"),url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.woff) format("woff"),url(/assets/fonts/Montserrat-Regular/Montserrat-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: impact;
    src: url(/assets/fonts/Impact/Impact.eot);
    src: url(/assets/fonts/Impact/Impact.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Impact/Impact.woff2) format("woff2"),url(/assets/fonts/Impact/Impact.woff) format("woff"),url(/assets/fonts/Impact/Impact.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: milford;
    src: url(/assets/fonts/MilFord/MilFord.eot);
    src: url(/assets/fonts/MilFord/MilFord.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/MilFord/MilFord.woff2) format("woff2"),url(/assets/fonts/MilFord/MilFord.woff) format("woff"),url(/assets/fonts/MilFord/MilFord.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: tahoma;
    src: url(/assets/fonts/Tahoma/Tahoma.eot);
    src: url(/assets/fonts/Tahoma/Tahoma.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Tahoma/Tahoma.woff2) format("woff2"),url(/assets/fonts/Tahoma/Tahoma.woff) format("woff"),url(/assets/fonts/Tahoma/Tahoma.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: itc avant garde;
    src: url("/assets/fonts/ITC Avant Garde/ITC Avant Garde.eot");
    src: url("/assets/fonts/ITC Avant Garde/ITC Avant Garde.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/ITC Avant Garde/ITC Avant Garde.woff2") format("woff2"),url("/assets/fonts/ITC Avant Garde/ITC Avant Garde.woff") format("woff"),url("/assets/fonts/ITC Avant Garde/ITC Avant Garde.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: dengxian;
    src: url(/assets/fonts/DengXian/DengXian.eot);
    src: url(/assets/fonts/DengXian/DengXian.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/DengXian/DengXian.woff2) format("woff2"),url(/assets/fonts/DengXian/DengXian.woff) format("woff"),url(/assets/fonts/DengXian/DengXian.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: adobe heiti std;
    src: url("/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.eot");
    src: url("/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.woff2") format("woff2"),url("/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.woff") format("woff"),url("/assets/fonts/Adobe Heiti Std/Adobe Heiti Std.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: reiji cloud;
    src: url("/assets/fonts/Reiji Cloud/Reiji Cloud.eot");
    src: url("/assets/fonts/Reiji Cloud/Reiji Cloud.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Reiji Cloud/Reiji Cloud.woff2") format("woff2"),url("/assets/fonts/Reiji Cloud/Reiji Cloud.woff") format("woff"),url("/assets/fonts/Reiji Cloud/Reiji Cloud.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: trueno;
    src: url(/assets/fonts/Trueno/Trueno.eot);
    src: url(/assets/fonts/Trueno/Trueno.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Trueno/Trueno.woff2) format("woff2"),url(/assets/fonts/Trueno/Trueno.woff) format("woff"),url(/assets/fonts/Trueno/Trueno.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: helvetica;
    src: url(/assets/fonts/Helvetica/Helvetica.eot);
    src: url(/assets/fonts/Helvetica/Helvetica.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Helvetica/Helvetica.woff2) format("woff2"),url(/assets/fonts/Helvetica/Helvetica.woff) format("woff"),url(/assets/fonts/Helvetica/Helvetica.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: bebasneue;
    src: url(/assets/fonts/BebasNeue/BebasNeue-Regular.ttf) format("truetype")
}

@font-face {
    font-family: prompt;
    src: url(/assets/fonts/Prompt/Prompt-Regular.ttf) format("truetype")
}

@font-face {
    font-family: nunito-sans;
    src: url(/assets/fonts/Nunito-Sans/NunitoSans-SemiBold.ttf) format("truetype")
}

@font-face {
    font-family: nunitosans-black;
    src: url(/assets/fonts/NunitoSans-Black/NunitoSans-Black.ttf) format("truetype")
}

@font-face {
    font-family: nunitosans-bold;
    src: url(/assets/fonts/NunitoSans-Bold/NunitoSans-Bold.ttf) format("truetype")
}

@font-face {
    font-family: nunitosans-regular;
    src: url(/assets/fonts/NunitoSans-Regular/NunitoSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: avertastd-regular;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Regular.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Regular.woff2) format("woff2"),url(/assets/fonts/AvertaStd/AvertaStd-Regular.woff) format("woff"),url(/assets/fonts/AvertaStd/AvertaStd-Regular.ttf) format("truetype")
}

@font-face {
    font-family: avertastd-bold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Bold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Bold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/AvertaStd/AvertaStd-Bold.woff2) format("woff2"),url(/assets/fonts/AvertaStd/AvertaStd-Bold.woff) format("woff"),url(/assets/fonts/AvertaStd/AvertaStd-Bold.ttf) format("truetype")
}

@font-face {
    font-family: avertastd-semibold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-Semibold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-Semibold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/AvertaStd/AvertaStd-Semibold.woff2) format("woff2"),url(/assets/fonts/AvertaStd/AvertaStd-Semibold.woff) format("woff"),url(/assets/fonts/AvertaStd/AvertaStd-Semibold.ttf) format("truetype")
}

@font-face {
    font-family: avertastd-extrabold;
    src: url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.eot);
    src: url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.woff2) format("woff2"),url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.woff) format("woff"),url(/assets/fonts/AvertaStd/AvertaStd-ExtraBold.ttf) format("truetype")
}

@font-face {
    font-family: plusjakartasans-regular;
    src: url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.eot);
    src: url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.woff2) format("woff2"),url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.woff) format("woff"),url(/assets/fonts/PlusJakartaSans-Regular/PlusJakartaSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: plusjakartasans-medium;
    src: url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.eot);
    src: url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.woff2) format("woff2"),url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.woff) format("woff"),url(/assets/fonts/PlusJakartaSans-Medium/PlusJakartaSans-Medium.ttf) format("truetype")
}

@font-face {
    font-family: plusjakartasans-bold;
    src: url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.eot);
    src: url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.woff2) format("woff2"),url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.woff) format("woff"),url(/assets/fonts/PlusJakartaSans-Bold/PlusJakartaSans-Bold.ttf) format("truetype")
}

@font-face {
    font-family: plusjakartasans-italic;
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.eot);
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.woff2) format("woff2"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.woff) format("woff"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Italic.ttf) format("truetype")
}

@font-face {
    font-family: plusjakartasans-light;
    src: url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.eot);
    src: url(/assets/fonts/PlusJakartaSans-Italic/PPlusJakartaSans-Light.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.woff2) format("woff2"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.woff) format("woff"),url(/assets/fonts/PlusJakartaSans-Italic/PlusJakartaSans-Light.ttf) format("truetype")
}

@font-face {
    font-family: montserrat-semibold;
    src: url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.eot);
    src: url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff2) format("woff2"),url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.woff) format("woff"),url(/assets/fonts/Montserrat-SemiBold/Montserrat-SemiBold.ttf) format("truetype")
}

@font-face {
    font-family: content-regular;
    src: url(/assets/fonts/Content/Content-Regular.ttf);
    src: url(/assets/fonts/Content/Content-Regular.ttf) format("truetype")
}

@font-face {
    font-family: content-bold;
    src: url(/assets/fonts/Content/Content-Bold.ttf);
    src: url(/assets/fonts/Content/Content-Bold.ttf) format("truetype")
}

@font-face {
    font-family: battambang-black;
    src: url(/assets/fonts/Battambang/Battambang-Black.ttf);
    src: url(/assets/fonts/Battambang/Battambang-Black.ttf) format("truetype")
}

@font-face {
    font-family: battambang-light;
    src: url(/assets/fonts/Battambang/Battambang-Light.ttf);
    src: url(/assets/fonts/Battambang/Battambang-Light.ttf) format("truetype")
}

.page-title {
    font-family: opensans-regular,sans-serif;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    margin: .1rem 0
}

.sub-title {
    font-family: opensans-regular,sans-serif
}

.font-weight-bold {
    font-weight: 700
}

.font-weight-medium {
    font-weight: 500
}

.font-weight-normal {
    font-family: opensans-regular,sans-serif
}

.font-weight-light {
    font-weight: 300
}

button {
    -webkit-appearance: unset;
    font-family: arial,黑体,"sans-serif";
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: pointer;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border-width: unset;
    border-style: unset;
    border-color: unset;
    border-image: initial;
    border-radius: unset
}

    button:lang(km) {
        font-family: arial,黑体,"sans-serif"
    }

.button, .line-btn {
    text-shadow: 0 .01rem 0 transparent
}

.line-btn {
    color: #ba9a5b;
    background: linear-gradient(to bottom,#16bc04,#109102);
    text-transform: uppercase;
    border-radius: 0 !important;
    font-family: arial,黑体,"sans-serif" !important;
    min-width: 1.09rem;
    height: .34rem !important;
    margin-left: .05rem !important;
    font-size: 1em;
    white-space: nowrap
}

    .line-btn .line-icon {
        opacity: .6 !important;
        width: .2rem !important;
        fill: inherit
    }

.delete-btn {
    padding: .05rem .1rem;
    font-family: arial,黑体,"sans-serif"
}

    .delete-btn span {
        color: REd
    }

.restore-btn {
    background: #e3e3e3;
    background: -moz-linear-gradient(0deg,rgba(227,227,227,0.5) 0%,rgba(224,224,224,0.2) 100%);
    background: -webkit-linear-gradient(0deg,rgba(227,227,227,0.5) 0%,rgba(224,224,224,0.2) 100%);
    background: linear-gradient(0deg,rgba(227,227,227,0.5) 0%,rgba(224,224,224,0.2) 100%);
    border: .01rem solid #7a7d7c;
    border-radius: .03rem;
    font-size: .875em;
    color: #7a7d7c
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: .01rem
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: inline-block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: .01rem solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(/assets/fonts/slick/ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(/assets/fonts/slick/slick.eot);
    src: url(/assets/fonts/slick/slick.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/slick/slick.woff) format("woff"),url(/assets/fonts/slick/slick.ttf) format("truetype"),url(/assets/fonts/slick/slick.svg#slick) format("svg")
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: .2rem;
    height: .2rem;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: 0 0
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        background: 0 0
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: .25
    }

    .slick-prev:before, .slick-next:before {
        font-family: slick;
        font-size: .2rem;
        line-height: 1;
        opacity: .75;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: -.25rem
}

[dir=rtl] .slick-prev {
    right: -.25rem;
    left: auto
}

.slick-prev:before {
    content: "←";
    background: undefined;
    width: undefined;
    height: undefined;
    background-size: undefined;
    position: undefined;
    top: undefined;
    right: undefined
}

[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -.25rem
}

[dir=rtl] .slick-next {
    right: auto;
    left: -.25rem
}

.slick-next:before {
    content: "→";
    background: undefined;
    width: undefined;
    height: undefined;
    background-size: undefined;
    position: undefined;
    top: undefined;
    right: undefined;
    left: undefined
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: .3rem
}

.slick-dots {
    position: absolute;
    bottom: -.25rem;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: .2rem;
        height: .2rem;
        margin: 0 .05rem;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: .2rem;
            height: .2rem;
            padding: .05rem;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: 0 0
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                font-family: slick;
                font-size: .06rem;
                line-height: .2rem;
                position: absolute;
                top: 0;
                left: 0;
                width: .2rem;
                height: .2rem;
                content: "•";
                text-align: center;
                opacity: .25;
                color: #000;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button:before {
            width: .2rem;
            opacity: .75;
            color: #000
        }

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,0) !important
}

.modal-login-content {
    display: flex;
    justify-content: center;
    padding: .15rem;
    height: auto;
    width: 100%
}

.modal-dialog {
    width: 70%;
    height: 100vh;
    margin: 0 auto;
    padding: .3rem;
    background: 0 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

    .modal-dialog.modal-lg.h-auto.annoucement-modal-dialog {
        -webkit-transform: translateY(0%) !important;
        transform: translateY(0%) !important
    }

.annoucement-modal-dialog {
    margin-top: 0 !important
}

.modal {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
    background: #000;
    background: -moz-linear-gradient(0deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.204919) 100%);
    background: -webkit-linear-gradient(0deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.204919) 100%);
    background: linear-gradient(0deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.204919) 100%)
}

.modal-show {
    display: flex;
    justify-content: center;
    align-items: center
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,0) !important
}

.modal-dialog {
    width: 70%;
    height: 100vh;
    margin: 0 auto;
    padding: .3rem;
    background: 0 0 !important
}

    .modal-dialog.modal-lg.h-auto.annoucement-modal-dialog {
        -webkit-transform: translateY(0%) !important;
        transform: translateY(0%) !important
    }

.annoucement-modal-dialog {
    margin-top: 0 !important
}

.modal-content {
    border-radius: 0;
    border: .01rem solid transparent;
    background: linear-gradient(#4B91C9 25%,#0d122a 140%);
    padding: .02rem;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    outline: 0
}

    .modal-content .primary-btn {
        background: linear-gradient(#4B91C9 25%,#0d122a 140%);
        font-family: helveticaneue-roman,"sans-serif",黑体;
        padding: .1rem .3rem;
        width: 50%
    }

        .modal-content .primary-btn span {
            font-size: .08rem
        }

.modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: .01rem solid transparent;
    color: #232426;
    background: -moz-linear-gradient(0deg,#160f07 0%,#150e06 100%);
    background: -webkit-linear-gradient(0deg,#160f07 0%,#150e06 100%);
    background: rgba(33,33,33,.9);
    padding: .2rem
}

.modal-footer {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color: #232426;
    background: -moz-linear-gradient(0deg,#160f07 0%,#150e06 100%);
    background: -webkit-linear-gradient(0deg,#160f07 0%,#150e06 100%);
    background: rgba(33,33,33,.9);
    padding: .3rem
}

    .modal-footer .modal-ok-btn {
        font-size: .2rem
    }

        .modal-footer .modal-ok-btn span {
            font-size: .2rem
        }

    .modal-footer > * {
        margin: 0
    }

.modalContent-bg {
    background: -moz-linear-gradient(0deg,#160f07 0%,#150e06 100%);
    background: -webkit-linear-gradient(0deg,#160f07 0%,#150e06 100%);
    background: rgba(33,33,33,.9)
}

.modalSub-text {
    color: #fff
}

.modalSub-content {
    color: #e0e0e0
}

.modalSub-bg {
    background: -moz-linear-gradient(0deg,#160f07 0%,#150e06 100%);
    background: -webkit-linear-gradient(0deg,#160f07 0%,#150e06 100%);
    background: rgba(33,33,33,.9)
}

.modal-body {
    position: relative;
    text-align: left;
    width: 100%;
    overflow-y: auto;
    color: #e0e0e0;
    background: rgba(33,33,33,.9);
    padding: .2rem .15rem;
    font-family: helveticaneue-medium,黑体,'sans-serif'
}

.modalTitle-bg {
    background: #131313
}

.modal-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    width: 100%;
    color: #4B91C9;
    background-color: transparent;
    fill: #4B91C9 !important;
    font-family: helveticaneue-medium,黑体,sans-serif;
    font-size: .25rem
}

.modal-full {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto
}

    .modal-full .modal-content {
        height: 100vh;
        width: 100vw;
        background: 0 0;
        padding: 0
    }

        .modal-full .modal-content .modal-body {
            padding: 0
        }

.annoucement-modal-dialog .modal-content {
    max-width: 6rem
}

.modal-lg {
    max-width: uset;
    border-radius: uset
}

    .modal-lg .modal-content {
        height: 80%
    }

.modal-window .background-overlay {
    background: 0 0 !important;
    background-color: none !important
}

.modal-window .modal-lg {
    height: auto;
    padding: .04rem !important;
    background: linear-gradient(180deg,#c29248 0%,#3f2b10 100%)
}

    .modal-window .modal-lg .modal-header {
        height: 1.35rem
    }

    .modal-window .modal-lg .modal-footer {
        padding: .16rem 0 0 !important;
        height: .62rem !important
    }

        .modal-window .modal-lg .modal-footer .qkTransfer-close {
            background-color: #150e06
        }

.modal-md {
    min-height: 45vh;
    width: 70%;
    max-width: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto;
    padding: .02rem !important;
    border-radius: 0;
    background: linear-gradient(to bottom,#4B91C9,#7f602a);
    backface-visibility: hidden
}

.modal-sm {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto;
    padding: .02rem !important;
    background: linear-gradient(to bottom,#4B91C9,#7f602a);
    border-radius: 0
}

    .modal-sm .modal-content {
        width: 30vw
    }

.modal-promo {
    width: 80vw;
    margin: .1rem auto;
    padding: 0 !important
}

    .modal-promo .modal-content {
        min-height: 100%
    }

@media(min-width: 576px) {
    .modal-dialog {
        max-width: 5rem
    }
}

@media(max-width: 768px) {
    ::-webkit-scrollbar {
        visibility: hidden;
        display: none
    }

    ::-webkit-scrollbar-track {
        visibility: hidden;
        display: none
    }

    ::-webkit-scrollbar-thumb {
        visibility: hidden;
        display: none
    }
}

@media(max-width: 768px) {
    .modal-dialog {
        min-width: 95vw;
        max-width: 100vw
    }

    .modal-promo {
        height: 100vh;
        width: 100vw !important;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: auto;
        padding: 0 !important
    }

        .modal-promo .modal-content .detail-modal-body {
            height: 92vh;
            overflow-y: scroll
        }

    .promo-header {
        height: 8vh;
        align-items: center
    }

    .modal-md {
        height: 75vh;
        width: 85%
    }

    .modal-sm {
        max-height: 100vh;
        width: 85%
    }

        .modal-sm .modal-content {
            min-height: 20%;
            width: 80vw
        }
}

.modal-backdrop.fade.show {
    overflow: hidden
}

.custom-modal-overlay .login-modal .login-footer {
    margin-top: .3rem;
    display: flex;
    justify-content: center
}

.select {
    position: relative;
    overflow: hidden;
    display: block;
    margin: auto;
    width: 100%;
    max-height: 20vw;
    overflow: auto;
    border-bottom: 0;
    border-radius: .03rem;
    font-size: .12rem;
    box-shadow: 0 1em 2em -1.5em rgba(0,0,0,.5)
}

    .select > i.toggle {
        position: absolute;
        z-index: 4;
        right: 1.5em;
        top: 1.6em;
        color: #ccc
    }

    .select .title, .select .placeholder {
        position: relative;
        display: block;
        width: 100%;
        height: .5rem;
        background: #36322c;
        border-top: .01rem solid rgba(0,0,0,.05);
        cursor: pointer
    }

    .select > input {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: block;
        opacity: 0;
        cursor: pointer
    }

        .select > input:checked ~ i.toggle.icon-arrow-down {
            display: none
        }

        .select > input:checked ~ i.toggle.icon-arrow-up {
            display: block
        }

        .select > input:checked div.options label.option .title {
            display: none !important
        }

        .select > input:not(:checked) {
            z-index: 4
        }

            .select > input:not(:checked) ~ label.option > span.title {
                display: none
            }

            .select > input:not(:checked) ~ i.toggle.icon-arrow-up {
                display: none
            }

            .select > input:not(:checked) ~ i.toggle.icon-arrow-down {
                display: block
            }

        .select > input:disabled {
            cursor: no-drop
        }

    .select > span.placeholder {
        position: relative;
        z-index: 0;
        display: flex;
        align-items: center;
        padding: .1rem;
        width: 100%;
        color: #999;
        border-top: 0
    }

    .select label.option {
        display: block;
        overflow: hidden;
        z-index: 1;
        width: 100%;
        transition: all 1s ease-out;
        margin: 0
    }

        .select label.option span.title {
            position: relative;
            z-index: 2;
            transition: background .3s ease-out;
            padding: 0 .1rem
        }

            .select label.option span.title i.icon {
                padding-right: .08rem;
                color: #92a8d1
            }

            .select label.option span.title:hover {
                color: #fff;
                background: rgba(255,255,255,.3);
                box-shadow: inset 0 .01rem 0 rgba(0,0,0,.1)
            }

        .select label.option input {
            display: none
        }

            .select label.option input:checked ~ span.title {
                position: absolute;
                display: block;
                z-index: 3;
                top: 0;
                font-size: .12rem;
                background: #36322c;
                border-top: 0;
                box-shadow: none;
                color: inherit;
                width: 100%
            }

.promotion-Trans-form-container {
    text-align: left
}

    .promotion-Trans-form-container .quicklabel-amount {
        display: block
    }

    .promotion-Trans-form-container svg {
        width: .32rem
    }

    .promotion-Trans-form-container .promoTrans-provider-area {
        padding: .34rem 0 .26rem
    }

        .promotion-Trans-form-container .promoTrans-provider-area .promoTrans-provider-select {
            width: 100%
        }

        .promotion-Trans-form-container .promoTrans-provider-area button {
            width: 50%;
            margin-left: .08rem
        }

    .promotion-Trans-form-container .promotion-Trans-title {
        justify-content: space-between
    }

        .promotion-Trans-form-container .promotion-Trans-title .close-btn {
            padding: .05rem
        }

.provider-amount, .turnover, .bonus {
    display: flex;
    justify-content: space-between
}

.add-bank-footer {
    padding: .22rem 0 .05rem
}

    .add-bank-footer .primary-btn {
        width: 100%
    }

.tarsfer_allin {
    height: .4rem;
    width: 1.46rem;
    background: 0 0;
    border: .01rem solid #4B91C9;
    border-image: linear-gradient(#4B91C9 25%,#0d122a 140%) 1
}

.custom-transfer-dialog .mainWalletContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .2rem
}

.custom-transfer-dialog .mainWalletDetail {
    text-align: center;
    display: flex;
    align-items: center
}

    .custom-transfer-dialog .mainWalletDetail .mainWallet {
        margin-right: .24rem
    }

.custom-transfer-dialog .transfer-amount input {
    background: #36322c
}

.custom-transfer-dialog .transfer-amount .quicklabel-amount::after {
    color: red;
    content: '\002A';
    margin-left: .04rem
}

.custom-transfer-dialog .transfer-amount .transfer-range input {
    width: 100%
}

.transfer-range {
    width: 100%;
    margin: .3rem 0 .35rem
}

.range {
    -webkit-appearance: none;
    height: .06rem;
    outline: none;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    padding: unset
}

    .range:hover {
        opacity: 1
    }

    .range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: .4rem;
        height: .16rem;
        background: linear-gradient(180deg,#ceb286 0%,#896518 100%);
        border-radius: .1rem;
        cursor: pointer
    }

    .range::-moz-range-thumb {
        width: .4rem;
        height: .16rem;
        border-radius: .1rem;
        background: linear-gradient(180deg,#ceb286 0%,#896518 100%);
        cursor: pointer
    }

.m-promo-container .promotion-Trans-modal .mainWalletContainer {
    margin-bottom: .6rem
}

    .m-promo-container .promotion-Trans-modal .mainWalletContainer .mainWalletDetail .mainWallet {
        line-height: 1.2;
        margin-right: .4rem
    }

        .m-promo-container .promotion-Trans-modal .mainWalletContainer .mainWalletDetail .mainWallet label {
            font-size: .4rem
        }

    .m-promo-container .promotion-Trans-modal .mainWalletContainer .mainWalletDetail svg {
        width: .55rem
    }

    .m-promo-container .promotion-Trans-modal .mainWalletContainer .tarsfer_allin {
        font-size: .4rem;
        height: 1rem;
        width: 3.65rem
    }

.m-promo-container .promoTrans-provider-area {
    padding: .65rem 0 .35rem
}

.m-promo-container .select {
    max-height: 40vw
}

    .m-promo-container .select .title, .m-promo-container .select .placeholder {
        height: 1.1rem
    }

    .m-promo-container .select > input {
        left: 0;
        top: 0;
        display: block;
        opacity: 0
    }

        .m-promo-container .select > input:checked ~ i.toggle.icon-arrow-down {
            display: none
        }

        .m-promo-container .select > input:checked ~ i.toggle.icon-arrow-up {
            display: block
        }

        .m-promo-container .select > input:checked div.options label.option .title {
            display: none !important
        }

        .m-promo-container .select > input:not(:checked) {
            z-index: 4
        }

            .m-promo-container .select > input:not(:checked) ~ label.option > span.title {
                display: none
            }

            .m-promo-container .select > input:not(:checked) ~ i.toggle.icon-arrow-up {
                display: none
            }

            .m-promo-container .select > input:not(:checked) ~ i.toggle.icon-arrow-down {
                display: block
            }

        .m-promo-container .select > input:disabled {
            cursor: no-drop
        }

    .m-promo-container .select > span.placeholder {
        padding: .05rem .3rem;
        font-size: .4rem
    }

    .m-promo-container .select label.option {
        display: block;
        overflow: hidden;
        z-index: 1;
        width: 100%;
        margin: 0
    }

        .m-promo-container .select label.option span.title {
            position: relative;
            z-index: 2;
            transition: background .3s ease-out;
            padding: 0 .1rem
        }

            .m-promo-container .select label.option span.title i.icon {
                padding-right: .08rem;
                color: #92a8d1
            }

            .m-promo-container .select label.option span.title div.provider-container img {
                width: 1.1rem;
                margin-right: .14rem
            }

        .m-promo-container .select label.option input {
            display: none
        }

            .m-promo-container .select label.option input:checked ~ span.title {
                position: absolute;
                display: block;
                z-index: 3;
                font-size: .4rem
            }

.m-promo-container .transfer-range {
    margin: .6rem 0 .8rem
}

    .m-promo-container .transfer-range .range {
        height: .1rem
    }

        .m-promo-container .transfer-range .range::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: .75rem;
            height: .32rem;
            background: linear-gradient(180deg,#ceb286 0%,#896518 100%);
            border-radius: .14rem;
            cursor: pointer
        }

        .m-promo-container .transfer-range .range::-moz-range-thumb {
            width: .75rem;
            height: .32rem;
            border-radius: .14rem;
            background: linear-gradient(180deg,#ceb286 0%,#896518 100%);
            cursor: pointer
        }

.annoucement-bar {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 100%
}

    .annoucement-bar .left-block {
        height: 100%;
        position: absolute;
        width: 4%;
        z-index: 9;
        left: 0
    }

    .annoucement-bar .right-block {
        height: 100%;
        position: absolute;
        width: 4%;
        z-index: 9;
        right: 0
    }

.announcement-content-container {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    margin: 0;
    padding: unset
}

    .announcement-content-container .msg-enter, .announcement-content-container .msg-exit {
        transform: translateX(-100%) translateZ(0)
    }

    .announcement-content-container .msg-enter-active, .announcement-content-container .msg-exit-active {
        transform: translateX(100%) translateZ(0)
    }

@keyframes noticeFade {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

.annoucement-bar-component {
    height: 1rem;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 11rem
}

    .annoucement-bar-component .left-block, .annoucement-bar-component .right-block {
        height: 80%;
        position: absolute;
        width: 3.5%;
        z-index: 9
    }

        .annoucement-bar-component .left-block svg, .annoucement-bar-component .right-block svg {
            fill: #878787
        }

    .annoucement-bar-component .right-block {
        right: 0
    }

    .annoucement-bar-component .left-block {
        left: 0;
        background: #f6f6f6;
        display: flex;
        align-items: center;
        padding: 0 .05rem;
        opacity: undefined
    }

        .annoucement-bar-component .left-block .digit-icon {
            position: absolute;
            top: -.02rem;
            left: 0;
            width: .15rem;
            height: .15rem;
            padding: .01rem;
            font-size: .12rem;
            border-radius: .2rem;
            background-color: #4B91C9;
            color: whiTE;
            text-align: center
        }

        .annoucement-bar-component .left-block svg {
            width: 70%;
            height: undefined;
            margin: unset;
            display: block
        }

        .annoucement-bar-component .left-block img {
            width: 100%;
            min-width: .25rem;
            height: auto;
            max-width: .25rem
        }

    .annoucement-bar-component .annoucement-moving {
        position: relative;
        display: flex;
        white-space: nowrap;
        z-index: 1;
        height: .25rem;
        align-items: center;
        margin: unset
    }

        .annoucement-bar-component .annoucement-moving:hover {
            animation-play-state: paused
        }

        .annoucement-bar-component .annoucement-moving .annoucement-text {
            z-index: 9
        }

    .annoucement-bar-component:hover {
        cursor: undefined
    }

@keyframes movingText {
    0% {
        left: 14.4rem
    }

    100% {
        left: -14.4rem
    }
}

.announcementBarSection {
    background: #d3d3d3;
    margin: 0;
    width: 100%;
    position: inherit;
    display: block;
    justify-content: unset;
    opacity: undefined;
    box-shadow: undefined;
    border-radius: undefined;
    order: -2
}

    .announcementBarSection .edge-image {
        height: .3rem
    }

    .announcementBarSection .annoucement-bar-component {
        height: .3rem;
        margin: auto;
        padding: undefined
    }

        .announcementBarSection .annoucement-bar-component .left-block {
            background: #d3d3d3;
            display: flex;
            opacity: undefined
        }

            .announcementBarSection .annoucement-bar-component .left-block svg {
                fill: #4B91C9;
                height: 56%
            }

    .announcementBarSection::after {
        content: unset;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        border-top: .3rem solid #f6f6f6;
        border-left: .25rem solid transparent;
        border-right: .25rem solid transparent;
        height: 0;
        width: 100% !important;
        border-image: undefined;
        clip-path: undefined
    }

label {
    color: #000
}

button {
    color: #fff
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #4B91C9 !important
}

.text-primary-light {
    color: #131313 !important
}

.text-primary-dark {
    color: #4a3917 !important
}

.text-secondary {
    color: #4b91c9 !important
}

.text-secondary-light {
    color: #fff !important
}

.text-secondary-dark {
    color: #fff !important
}

.text-success {
    color: #28db00 !important
}

.text-info {
    color: #4B91C9 !important
}

.text-warning {
    color: #dd5600 !important
}

.text-danger {
    color: REd !important
}

.text-black {
    color: #000 !important
}

.text-dark {
    color: #181818 !important
}

.text-light-gray {
    color: #ccc !important
}

.text-gray {
    color: #7a7d7c !important
}

.text-dark-gray {
    color: #4f0212 !important
}

.text-dark-1 {
    color: #212121 !important
}

.text-light {
    color: #e3e3e3 !important
}

.text-light-more {
    color: #e0e0e0 !important
}

.bg-primary {
    background-color: #4B91C9 !important
}

.bg-primary-light {
    background-color: #131313 !important
}

.bg-primary-dark {
    background-color: #4a3917 !important
}

.bg-secondary {
    background-color: #4b91c9 !important
}

.bg-success {
    background-color: #28db00 !important
}

.bg-info {
    background-color: #4B91C9 !important
}

.bg-warning {
    background-color: #dd5600 !important
}

.bg-danger {
    background-color: REd !important
}

.bg-white {
    background-color: #fff !important
}

.bg-light {
    background-color: #e3e3e3 !important
}

.bg-light-more {
    background-color: #e0e0e0 !important
}

.bg-lightest {
    background-color: #909091 !important
}

.bg-dark {
    background-color: #181818 !important
}

.bg-light-gray {
    background-color: #ccc !important
}

.bg-gray {
    background-color: #7a7d7c !important
}

.bg-dark-gray {
    background-color: #4f0212 !important
}

.bg-dark-1 {
    background-color: #212121 !important
}

.bg-dark-2 {
    background-color: #1c1c1c !important
}

.bg-black {
    background-color: #000 !important
}

.bg-product-cyan {
    background-color: #24b5da !important
}

.bg-product-blue {
    background-color: #2464da !important
}

.bg-transparent {
    background: 0 0 !important
}

.bg-dark-home {
    background: #000
}

.bg-gradient-home {
    background: #1b1b1b;
    background: -moz-linear-gradient(180deg,#1b1b1b 0%,#fff4e0 100%);
    background: -webkit-linear-gradient(180deg,#1b1b1b 0%,#fff4e0 100%);
    background: linear-gradient(180deg,#020202 0%,#4a3d24 40%,#111111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b1b1b",endColorstr="#fff4e0",GradientType=1)
}

.gradient-bg-dark {
    background: linear-gradient(to bottom,#000000,#151719)
}

#gradient-contact {
    --color-stop-1: $primary-color;
    --color-stop-2: $primary-color-light
}

.icon-contact {
    fill: #fff
}

.border-white {
    border-color: #fff !important
}

.border-primary {
    border-color: #4B91C9 !important
}

.border-secondary {
    border-color: #4b91c9 !important
}

.border-success {
    border-color: #28db00 !important
}

.border-info {
    border-color: #4B91C9 !important
}

.border-warning {
    border-color: #dd5600 !important
}

.border-danger {
    border-color: REd !important
}

.border-light {
    border-color: #e3e3e3 !important
}

.border-black {
    border-color: #000 !important
}

.border-light-gray {
    border-color: #ccc !important
}

.border-body {
    border-color: #7a7d7c !important
}

.border-transparent {
    border-color: none !important
}

.opacity-01 {
    opacity: .01 !important
}

.opacity-02 {
    opacity: .02 !important
}

.opacity-03 {
    opacity: .03 !important
}

.opacity-04 {
    opacity: .04 !important
}

.opacity-05 {
    opacity: .05 !important
}

.opacity-06 {
    opacity: .06 !important
}

.opacity-07 {
    opacity: .07 !important
}

.opacity-08 {
    opacity: .08 !important
}

.opacity-09 {
    opacity: .09 !important
}

.opacity-1 {
    opacity: .1 !important
}

.opacity-15 {
    opacity: .15 !important
}

.opacity-2 {
    opacity: .2 !important
}

.opacity-3 {
    opacity: .3 !important
}

.opacity-4 {
    opacity: .4 !important
}

.opacity-5 {
    opacity: .5 !important
}

.opacity-6 {
    opacity: .6 !important
}

.opacity-7 {
    opacity: .7 !important
}

.opacity-8 {
    opacity: .8 !important
}

.opacity-9 {
    opacity: .9 !important
}

.opacity-10 {
    opacity: 1 !important
}

.filter-grayscale-5 {
    filter: grayscale(5%) !important
}

.filter-grayscale-10 {
    filter: grayscale(10%) !important
}

.filter-grayscale-20 {
    filter: grayscale(20%) !important
}

.filter-grayscale-30 {
    filter: grayscale(30%) !important
}

.filter-grayscale-40 {
    filter: grayscale(40%) !important
}

.filter-grayscale-50 {
    filter: grayscale(50%) !important
}

.filter-grayscale-80 {
    filter: grayscale(80%) !important
}

.filter-grayscale-100 {
    filter: grayscale(100%) !important
}

.icon-cyan {
    fill: #24b5da
}

.icon-black {
    fill: #000
}

.icon-gray {
    fill: #7a7d7c
}

.icon-light {
    fill: #4B91C9
}

.icon-light-more {
    fill: #e0e0e0
}

.icon-primary {
    fill: #e3e3e3
}

.icon-primary-light {
    fill: #131313
}

.icon-primary-extra-light {
    fill: #00000033
}

.icon-secondary {
    fill: #4b91c9
}

.icon-secondary-darkest {
    fill: #fff
}

.icon-dark {
    fill: #181818
}

.icon-white {
    fill: #fff
}

.icon-light-gray {
    fill: #ccc
}

.icon-gray {
    fill: #7a7d7c
}

.icon-dark-gray {
    fill: #4f0212
}

.icon-success {
    fill: #28db00
}

.icon-warning {
    fill: #dd5600
}

.icon-danger {
    fill: REd;
    color: REd
}

.icon-blue {
    fill: #4B91C9
}

.icon-ios-tab {
    fill: #7a7d7c
}

.icon-android-tab {
    fill: #85c808
}

.icon-android {
    fill: #4caf50
}

.icon-ftrline {
    fill: #00b900
}

.react-dropdown-select-item-selected {
    background: #909091 !important;
    color: #000 !important
}

.carouselSliderSection {
    text-align: center;
    background: WhitE
}

    .carouselSliderSection .slick-slider .slick-list {
        line-height: 0
    }

        .carouselSliderSection .slick-slider .slick-list .slick-track .match-countdown-container {
            position: absolute;
            background: #262f3e;
            color: #fff;
            display: flex;
            height: .8rem;
            width: auto;
            bottom: .5rem;
            font-weight: 700;
            left: 1;
            margin: 0 0 -.47rem 13.85rem
        }

            .carouselSliderSection .slick-slider .slick-list .slick-track .match-countdown-container .countdown-container {
                display: flex;
                flex-direction: row;
                font-size: .25rem;
                align-items: center
            }

                .carouselSliderSection .slick-slider .slick-list .slick-track .match-countdown-container .countdown-container:first-child {
                    padding-left: .2rem
                }

                .carouselSliderSection .slick-slider .slick-list .slick-track .match-countdown-container .countdown-container:last-child {
                    padding-right: .2rem
                }

                .carouselSliderSection .slick-slider .slick-list .slick-track .match-countdown-container .countdown-container > div {
                    padding: 0 .1rem
                }

                .carouselSliderSection .slick-slider .slick-list .slick-track .match-countdown-container .countdown-container .countdown-digit {
                    font-size: .3rem
                }

                .carouselSliderSection .slick-slider .slick-list .slick-track .match-countdown-container .countdown-container .day-hour-mins {
                    font-size: .09rem;
                    font-weight: 400;
                    color: #848992
                }

    .carouselSliderSection .slider-slide {
        height: auto !important
    }

    .carouselSliderSection .slider .dotsContainer {
        position: absolute;
        transform: translateX(-50%);
        bottom: .3rem;
        left: 50%;
        right: auto
    }

        .carouselSliderSection .slider .dotsContainer .dots {
            background: #ffffff61;
            width: .1rem;
            height: .1rem;
            transform: unset;
            margin-left: .1rem;
            margin-bottom: unset;
            border-radius: 50%;
            transition-duration: .5s;
            border: undefined
        }

        .carouselSliderSection .slider .dotsContainer .active {
            background: #4b91c9;
            width: .4rem;
            height: .1rem;
            transform: unset;
            margin-left: .1rem;
            border-radius: .4rem;
            transition-duration: .5s;
            border: undefined
        }

.mobileCarouselSliderSection {
    background: unset;
    border-radius: 0;
    overflow: visible;
    line-height: 0;
    margin: undefined
}

    .mobileCarouselSliderSection .match-countdown-container {
        position: absolute;
        background-color: #262f3e;
        color: #fff;
        display: flex;
        height: 1.3rem;
        width: auto;
        right: .5rem;
        bottom: .5rem;
        font-weight: 700
    }

        .mobileCarouselSliderSection .match-countdown-container .countdown-container {
            display: flex;
            flex-direction: row;
            font-size: .25rem;
            align-items: center
        }

            .mobileCarouselSliderSection .match-countdown-container .countdown-container:first-child {
                padding-left: .4rem
            }

            .mobileCarouselSliderSection .match-countdown-container .countdown-container:last-child {
                padding-right: .4rem
            }

            .mobileCarouselSliderSection .match-countdown-container .countdown-container > div {
                padding-left: .2rem;
                padding-right: .2rem;
                display: unset;
                flex-direction: unset;
                align-items: unset
            }

            .mobileCarouselSliderSection .match-countdown-container .countdown-container .countdown-digit {
                font-size: .7rem;
                padding: 0
            }

            .mobileCarouselSliderSection .match-countdown-container .countdown-container .day-hour-mins {
                font-size: .25rem;
                font-weight: 400;
                color: #848992;
                margin: 0
            }

    .mobileCarouselSliderSection .slider .dotsContainer {
        position: absolute;
        transform: translateX(-50%);
        bottom: .15rem;
        left: 50%;
        right: auto;
        width: 8rem;
        display: flex;
        justify-content: center
    }

        .mobileCarouselSliderSection .slider .dotsContainer .dots {
            margin-left: .1rem;
            background: #ffffff61;
            width: .5rem;
            height: .15rem;
            transform: skew(40deg);
            border-radius: 0
        }

        .mobileCarouselSliderSection .slider .dotsContainer .active {
            margin-left: .1rem;
            background: #4b91c9;
            width: .3rem;
            height: .08rem;
            transform: skew(40deg);
            border-radius: 0
        }

.banner_container_height {
    height: 100%
}

.home_banner {
    width: 100%;
    height: 100%;
    max-width: 20rem;
    object-fit: cover;
    border-radius: undefined
}

.dot_styling {
    display: inline-block;
    height: .05rem;
    width: .2rem;
    margin: .07rem .05rem;
    border-radius: 0;
    background: #fff;
    transition-duration: 300ms
}

.wrapperStyle {
    position: absolute;
    width: 100%;
    z-index: 100;
    bottom: 0;
    text-align: center
}

@media(max-width: 768px) {
    .dot_styling {
        height: .1rem;
        width: .5rem
    }

    .wrapperStyle {
        bottom: .2rem
    }
}

.slider-container {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: .2rem;
    color: gray
}

.slick-track {
    display: flex
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.rail {
    height: .3rem;
    background: red
}

.standard-header-font-size {
    font-size: .22rem
}

.standard-title-font-size {
    font-size: .16rem
}

.standard-normal-font-size {
    font-size: .14rem
}

.standard-footer-font-size {
    font-size: .14rem
}

.standard-menu-font-size {
    font-size: .14rem
}

.standard-submenu-font-size {
    font-size: .12rem
}

.standard-navbar-font-size {
    font-size: .12rem
}

.standard-homeInforContainer-normal-font-size {
    font-size: .13rem
}

.standard-table-button-font-size {
    font-size: .12rem
}

.standard-promotion-desc-font-size {
    font-size: .12rem
}

.standard-navmenu-font-size {
    font-size: .14rem
}

.standard-sidebar-closeBtn-font-size {
    font-size: .6rem
}

.standard-transaction-board-title-font-size {
    font-size: .24rem
}

@media(max-width: 768px) {
    .standard-svg-size {
        width: .42rem;
        height: .42rem
    }

    .standard-header-font-size {
        font-size: .54rem
    }

    .standard-title-font-size {
        font-size: .25rem
    }

    .standard-SecondSubtitle-font-size {
        font-size: .22rem
    }

    .standard-label-font-size {
        font-size: .26rem
    }

    .standard-normal-font-size {
        font-size: .24rem
    }

    .standard-subContent-font-size {
        font-size: .26rem
    }

    .standard-SmallsubContent-font-size {
        font-size: .24rem
    }

    .standard-SidebarMenu-font-size {
        font-size: .28rem
    }

    .standard-footer-font-size {
        font-size: .35rem
    }

    .standard-home-landing-provider-title-font-size {
        font-size: .28rem;
        font-weight: 600
    }

    .standard-home-landing-provider-subtitle-font-size {
        font-size: .21rem;
        font-weight: 400
    }

    .standard-home-landing-entrance-normal-font-size {
        font-size: .6rem
    }

    .standard-promotion-desc-font-size {
        font-size: .3rem
    }

    .standard-livetv-font-size {
        font-size: .24rem
    }

    .standard-livetv-small-font-size {
        font-size: .21rem
    }

    label {
        font-size: .25rem
    }
}

::-webkit-input-placeholder {
    color: #888
}

::-moz-placeholder {
    color: #888
}

:-ms-input-placeholder {
    color: #888
}

input:-moz-placeholder {
    color: #888
}

.line-register-form-field {
    order: undefined
}

.line-register-button {
    width: 60%;
    height: .35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00c300
}

    .line-register-button img {
        height: undefined;
        margin-right: .1rem
    }

.extra-register-break-line {
    width: 100%;
    text-align: center;
    border-bottom: .01rem solid #dcdcdc;
    margin: .2rem 0;
    order: undefined
}

    .extra-register-break-line span {
        font-weight: 600;
        color: #fff;
        background: 0 0;
        text-transform: uppercase;
        padding: .1rem;
        font-size: .16rem;
        display: undefined;
        margin: undefined
    }

.linked-account {
    background-color: #00c300;
    border-radius: .03rem;
    height: .35rem;
    width: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

    .linked-account img {
        margin-right: .05rem;
        width: .3rem
    }

@media(max-width: 768px) {
    .m-extra-login-break-line {
        width: 100%;
        text-align: center;
        border-bottom: .01rem solid #dcdcdc;
        line-height: .1em;
        margin: .4rem 0 .8rem;
        position: undefined
    }

        .m-extra-login-break-line span {
            font-weight: 600;
            font-size: .4rem;
            color: unset;
            background: unset;
            padding: 0 .1rem;
            position: undefined;
            left: 0;
            right: 0
        }

    .m-line-login-button {
        background-color: #00c300;
        display: flex;
        width: 100%;
        height: 1rem;
        border-radius: .1rem;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        margin: auto;
        font-size: .3rem
    }

        .m-line-login-button img {
            margin-right: .5rem;
            height: undefined
        }

    .line-register-button {
        height: .8rem;
        width: 100%;
        font-size: .25rem
    }

        .line-register-button img {
            margin-right: .5rem;
            height: .5rem
        }

    .extra-register-break-line {
        margin: .8rem 0;
        border-bottom: .01rem solid #dcdcdc
    }

        .extra-register-break-line span {
            color: #fff;
            background: 0 0;
            font-size: .6rem
        }

    .linked-account {
        height: 1.1rem;
        width: 45%;
        background-color: #00c300;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: .1rem
    }

        .linked-account img {
            margin: 0 .2rem 0 0 !important;
            width: unset !important
        }
}

.standard-label {
    display: flex;
    align-items: center;
    color: BlacK;
    width: 100%;
    margin: 0 .08rem .06rem
}

.rotate180-enter {
    transform: rotate(0deg)
}

.rotate180-enter-active {
    transform: rotate(225deg) !important;
    transition: all 300ms
}

.rotate180-enter-done {
    transform: rotate(225deg) !important
}

.rotate180-exit {
    transform: rotate(225deg) !important
}

.rotate180-exit-active {
    transform: rotate(360deg) !important;
    transition: all 300ms
}

.spread-enter {
    transform-origin: top;
    transform: translateZ(0) scaleY(0);
    opacity: 0
}

.spread-enter-active {
    opacity: 1;
    transform: translateZ(0) scaleY(1);
    transition: all 300ms
}

.spread-exit {
    opacity: 1;
    transform: translateZ(0) scaleY(1);
    transform-origin: top
}

.spread-exit-active {
    opacity: 0;
    transform: translateZ(0) scaleY(0);
    transition: all 300ms
}

.pointer {
    cursor: pointer
}

@media(min-width: 768px) {
    .reg-container .standard-label {
        color: BlacK;
        align-items: flex-start
    }
}

.standard-mandatory {
    margin-bottom: .05rem
}

    .standard-mandatory::after {
        color: REd;
        content: '\002A';
        margin-left: .04rem;
        padding: 0 .04rem 0 0
    }

.standard-mandatory-special {
    display: block
}

.standard-form-field {
    position: relative;
    width: 100%;
    margin-bottom: .14rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: undefined
}

    .standard-form-field .select-arrow-svg::after {
        content: '';
        right: .18rem;
        top: .35rem;
        position: absolute;
        pointer-events: none;
        border-width: 0 .03rem .03rem 0;
        border-color: #b8b8b8;
        border-style: solid;
        display: inline-block;
        width: .07rem !important;
        height: .07rem !important;
        transform: rotate(45deg)
    }

    .standard-form-field .standard-input, .standard-form-field .standard-select {
        position: relative;
        width: 100%;
        height: .38rem;
        display: flex;
        align-items: center;
        padding: .05rem .35rem .05rem .1rem;
        border: .01rem #dcdcdc;
        border-style: solid solid solid solid;
        border-radius: .05rem;
        background: #ededed;
        color: BlAcK;
        font-family: unset;
        font-size: .14rem;
        white-space: nowrap;
        text-overflow: ellipsis
    }

        .standard-form-field .standard-input:disabled, .standard-form-field .standard-select:disabled {
            background: #dcdcdc;
            color: Grey;
            opacity: 1;
            -webkit-text-fill-color: unset;
            cursor: not-allowed
        }

        .standard-form-field .standard-input:-webkit-autofill, .standard-form-field .standard-select:-webkit-autofill {
            -webkit-text-fill-color: BlAcK;
            font-size: .14rem
        }

    .standard-form-field .standard-select {
        padding: .05rem .25rem .05rem .1rem;
        line-height: 1.5;
        -webkit-appearance: none;
        cursor: pointer
    }

        .standard-form-field .standard-select img {
            width: .2rem;
            height: .2rem
        }

        .standard-form-field .standard-select option {
            background: #ededed;
            color: BLACk;
            text-transform: undefined
        }

    .standard-form-field .standard-select-dropdown {
        position: absolute;
        right: 0;
        top: .35rem;
        border: .01rem solid #dcdcdc;
        background: #ededed;
        z-index: 2;
        width: 100%;
        overflow-y: scroll;
        max-height: 1.8rem
    }

        .standard-form-field .standard-select-dropdown div input {
            color: undefined
        }

        .standard-form-field .standard-select-dropdown .standard-select-search input {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: .4rem;
            padding: .05rem;
            border: none;
            color: BlAcK;
            background: 0 0;
            font-size: .14rem
        }

        .standard-form-field .standard-select-dropdown .standard-select-options {
            display: flex;
            align-items: center;
            padding: .05rem;
            height: .38rem;
            color: BlAcK
        }

            .standard-form-field .standard-select-dropdown .standard-select-options img {
                width: .2rem;
                height: .2rem
            }

            .standard-form-field .standard-select-dropdown .standard-select-options span {
                width: 100%
            }

            .standard-form-field .standard-select-dropdown .standard-select-options:hover {
                background: #1e90ff;
                color: #fff !important
            }

    .standard-form-field .standard-select-arrow::after {
        content: '';
        right: .15rem;
        top: .15rem;
        position: absolute;
        pointer-events: none;
        border-width: 0 .03rem .03rem 0;
        border-color: #b8b8b8;
        border-style: solid;
        display: inline-block;
        width: .07rem !important;
        height: .07rem !important;
        transform: rotate(45deg)
    }

    .standard-form-field .standard-input-svg {
        position: absolute;
        right: .1rem;
        width: .21rem;
        height: 100%;
        padding: 0;
        fill: #888;
        margin: 0;
        cursor: pointer
    }

    .standard-form-field .standard-password-bio {
        position: absolute;
        right: 5%;
        width: .3rem;
        height: 100%;
        padding: .06rem;
        fill: #888;
        margin: 0;
        cursor: pointer
    }

    .standard-form-field .standard-password-eye {
        position: absolute;
        right: .1rem;
        width: .21rem;
        height: .21rem;
        fill: WhitE;
        margin: 0;
        cursor: pointer;
        background: #b8b8b8;
        border-radius: 100%;
        padding: .03rem
    }

        .standard-form-field .standard-password-eye:hover {
            fill: WhitE
        }

        .standard-form-field .standard-password-eye.reveal {
            fill: WhitE
        }

            .standard-form-field .standard-password-eye.reveal:hover {
                fill: WhitE
            }

    .standard-form-field .standard-copy-icon {
        position: absolute;
        top: .05rem;
        right: .1rem;
        left: unset;
        width: .25rem;
        height: .25rem;
        margin: auto;
        cursor: pointer;
        fill: #a2a2a2;
        border-radius: 100%;
        padding: .03rem
    }

        .standard-form-field .standard-copy-icon:hover {
            fill: #888
        }

@media(max-width: 768px) {
    .standard-form-field .standard-copy-icon {
        top: .15rem;
        left: 5.8rem;
        width: .45rem;
        height: .45rem
    }
}

.standard-form-field .react-datepicker-wrapper {
    width: 100%
}

.standard-form-field .standard-checkbox-container {
    display: flex;
    align-items: flex-start;
    padding: .1rem 0;
    color: #757575
}

    .standard-form-field .standard-checkbox-container .standard-checkbox-text-container {
        width: 88%;
        font-size: .12rem
    }

        .standard-form-field .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text {
            margin: 0 .05rem;
            text-decoration: underline;
            cursor: pointer;
            color: #4B91C9
        }

    .standard-form-field .standard-checkbox-container .standard-invisible-checkbox {
        width: 7%;
        margin-right: 5%;
        position: absolute;
        z-index: 9;
        opacity: 0;
        cursor: pointer
    }

    .standard-form-field .standard-checkbox-container .standard-checkbox {
        position: relative;
        top: .01rem;
        float: left;
        margin-right: .18rem;
        border-radius: .03rem;
        border: solid #dcdcdc;
        border-width: .03rem;
        height: .24rem;
        width: .24rem;
        background: unset;
        cursor: pointer
    }

        .standard-form-field .standard-checkbox-container .standard-checkbox svg {
            position: absolute
        }

            .standard-form-field .standard-checkbox-container .standard-checkbox svg path {
                fill: none;
                stroke: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                transition: all .6s ease;
                stroke-dashoffset: 0
            }

            .standard-form-field .standard-checkbox-container .standard-checkbox svg polyline {
                fill: none;
                stroke: transparent;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                transition: all .3s ease
            }

    .standard-form-field .standard-checkbox-container .standard-invisible-checkbox:checked + .standard-checkbox {
        border-color: #4b91c9 !important;
        background: #4b91c9
    }

        .standard-form-field .standard-checkbox-container .standard-invisible-checkbox:checked + .standard-checkbox svg path {
            fill: #4b91c9;
            stroke: #4b91c9
        }

        .standard-form-field .standard-checkbox-container .standard-invisible-checkbox:checked + .standard-checkbox svg polyline {
            stroke-dashoffset: 0;
            stroke: #fff
        }

    .standard-form-field .standard-checkbox-container:hover .standard-checkbox svg path {
        stroke-dashoffset: 0
    }

.standard-form-field .standard-error-validation {
    margin: .05rem 0 0
}

    .standard-form-field .standard-error-validation.remark-multiple-of-ten {
        color: #0852b3 !important;
        font-weight: 700
    }

.standard-form-field .standard-input-img {
    position: absolute;
    right: 0;
    width: 1.8rem;
    height: 80%;
    padding: .06rem .48rem;
    margin: 1% 0;
    border-left: .01rem solid #fff
}

.standard-form-field.standard-password-field input {
    padding-right: .3rem
}

.standard-form-field .standard-form-field-col-img {
    height: .35rem
}

.standard-form-field-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.standard-error-validation {
    display: block;
    margin: -.1rem 0 .08rem;
    width: 100%;
    float: right;
    color: REd !important;
    background: 0 0;
    font-size: .12rem
}

    .standard-error-validation.accNumber-error {
        position: absolute
    }

.standard-tooltip-box {
    position: fixed;
    background: #181818;
    color: #bcbcbc;
    z-index: 10;
    padding: .1rem .2rem
}

.standard-form-btn-container {
    width: 100%
}

.standard-form-svg {
    fill: #bf9747
}

.standard-radio-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

    .standard-radio-container .standard-radio {
        width: .25rem;
        height: .25rem;
        margin-right: .1rem
    }

    .standard-radio-container .standard-radio-content {
        display: flex;
        align-items: center;
        margin-left: .2rem;
        color: BLACk;
        cursor: pointer
    }

        .standard-radio-container .standard-radio-content img {
            width: .4rem;
            margin-right: .1rem
        }

.standard-form-one-row-container {
    display: flex;
    width: 100%;
    margin-top: .2rem
}

    .standard-form-one-row-container .standard-form-field {
        display: block;
        margin-bottom: 0
    }

.standard-popup-modal-body .standard-label {
    color: BlacK
}

@media(min-width: 768px) {
    .standard-m-form-col-full {
        width: 100% !important;
        display: flex;
        flex-wrap: nowrap !important
    }

        .standard-m-form-col-full button {
            height: .38rem;
            padding: .05rem .05rem .05rem .1rem
        }

    .standard-form-col-10 {
        width: 10% !important;
        min-width: 0 !important
    }

    .standard-form-col-20 {
        width: 20% !important;
        min-width: 0 !important
    }

    .standard-form-col-30 {
        width: 30% !important;
        min-width: 0 !important
    }

    .standard-form-col-35 {
        width: 35% !important;
        min-width: 0 !important
    }

    .standard-form-col-40 {
        width: 40% !important;
        min-width: 0 !important
    }

    .standard-form-col-45 {
        width: 45% !important;
        min-width: 0 !important;
        padding: 0 .15rem
    }

    .standard-form-col-50 {
        width: 50% !important;
        min-width: 0 !important
    }

    .standard-form-col-60 {
        width: 60% !important;
        min-width: 0 !important
    }

    .standard-form-col-65 {
        width: 65% !important;
        min-width: 0 !important
    }

    .standard-form-col-70 {
        width: 70% !important;
        min-width: 0 !important
    }

    .standard-form-col-80 {
        width: 80% !important;
        min-width: 0 !important
    }

    .standard-form-col-90 {
        width: 90% !important;
        min-width: 0 !important
    }

    .standard-form-col-100 {
        width: 100% !important;
        min-width: 0 !important
    }

    .standard-form-margin-right-5px {
        margin-right: .05rem
    }
}

.standard-form-margin-right-15px {
    margin-right: .15rem
}

.standard-form-margin-right-10 {
    margin-right: 10%
}

@media(max-width: 768px) {
    .standard-m-form-col-full {
        width: 100% !important;
        display: flex;
        flex-wrap: nowrap !important
    }

        .standard-m-form-col-full button {
            height: 1.1rem;
            padding: .05rem .3rem;
            margin-bottom: .45rem
        }

    .standard-m-form-col-10 {
        width: 10% !important
    }

    .standard-m-form-col-20 {
        width: 20% !important
    }

    .standard-m-form-col-25 {
        width: 25% !important
    }

    .standard-m-form-col-30 {
        width: 30% !important
    }

    .standard-m-form-col-40 {
        width: 40% !important
    }

    .standard-m-form-col-50 {
        width: 50% !important
    }

    .standard-m-form-col-60 {
        width: 60% !important
    }

    .standard-m-form-col-75 {
        width: 75% !important
    }

    .standard-m-form-col-80 {
        width: 80% !important
    }

    .standard-m-form-col-90 {
        width: 90% !important
    }

    .standard-m-form-margin-right-10px {
        margin-right: .1rem
    }
}

@media(max-width: 768px) {
    .standard-label {
        color: BlacK;
        margin: 0 .15rem .06rem;
        text-transform: inherit
    }

        .standard-label label {
            color: BlacK
        }

        .standard-label.key {
            font-weight: undefined
        }

    .standard-form-field {
        margin-bottom: .15rem
    }

        .standard-form-field .standard-input, .standard-form-field .standard-select {
            min-height: .8rem;
            padding: .05rem .65rem .05rem .15rem;
            background: #ededed;
            color: BlAcK;
            border: .01rem #dcdcdc;
            border-radius: .1rem;
            font-weight: unset;
            font-style: unset;
            font-size: .25rem;
            line-height: unset
        }

            .standard-form-field .standard-input:disabled, .standard-form-field .standard-select:disabled {
                background: #dcdcdc;
                color: Grey
            }

            .standard-form-field .standard-input:-webkit-autofill, .standard-form-field .standard-select:-webkit-autofill {
                font-size: .25rem
            }

        .standard-form-field .standard-form-field-col-img {
            height: 1.1rem
        }

        .standard-form-field .standard-select img {
            width: .5rem;
            height: .5rem;
            margin-right: .1rem
        }

        .standard-form-field .standard-select-arrow {
            border-color: #b8b8b8
        }

            .standard-form-field .standard-select-arrow::after {
                right: .25rem;
                top: .25rem;
                border-width: 0 .06rem .06rem 0;
                width: .2rem !important;
                height: .2rem !important
            }

        .standard-form-field .standard-select-dropdown {
            top: .8rem
        }

            .standard-form-field .standard-select-dropdown div input {
                color: undefined;
                height: .8rem
            }

            .standard-form-field .standard-select-dropdown .standard-select-search input {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 1rem;
                padding: .05rem;
                border: none;
                color: BlAcK;
                background: 0 0;
                font-size: .25rem
            }

            .standard-form-field .standard-select-dropdown .standard-select-options {
                height: .8rem;
                font-size: .25rem;
                padding: .05rem .3rem
            }

                .standard-form-field .standard-select-dropdown .standard-select-options img {
                    width: .5rem;
                    height: .5rem;
                    margin-right: .1rem
                }

        .standard-form-field .standard-checkbox-container .standard-invisible-checkbox {
            width: .3rem;
            height: .3rem
        }

        .standard-form-field .standard-checkbox-container .standard-checkbox {
            width: .3rem;
            height: .3rem;
            margin-right: 5%;
            border: solid #dcdcdc;
            border-width: .02rem
        }

        .standard-form-field .standard-checkbox-container .standard-checkbox-text-container {
            padding: .036rem 0 0;
            font-size: .24rem
        }

            .standard-form-field .standard-checkbox-container .standard-checkbox-text-container .standard-checkbox-text {
                margin: 0 .1rem
            }

        .standard-form-field .standard-password-bio {
            height: .5rem;
            width: .5rem;
            top: 24%;
            margin: 0 .3rem;
            padding: 0
        }

        .standard-form-field .standard-password-eye {
            height: .36rem;
            width: .36rem;
            top: 27%;
            margin: 0 .15rem
        }

            .standard-form-field .standard-password-eye:hover {
                fill: WhitE
            }

            .standard-form-field .standard-password-eye.reveal {
                fill: WhitE
            }

                .standard-form-field .standard-password-eye.reveal:hover {
                    fill: WhitE
                }

        .standard-form-field .standard-input-svg {
            width: .35rem;
            height: .35rem;
            top: 24%;
            margin: 0 .2rem;
            fill: #888;
            padding: 0
        }

        .standard-form-field .standard-input-img {
            position: absolute;
            right: 0;
            width: 1.8rem;
            height: 80%;
            padding: .06rem .48rem;
            margin: 1% 0;
            border-left: .01rem solid #fff
        }

        .standard-form-field .standard-action-button {
            width: undefined;
            height: 1.1rem;
            font-size: .4rem
        }

        .standard-form-field .standard-error-validation {
            margin: .1rem 0
        }

    .standard-radio-container .standard-radio {
        width: .3rem;
        height: .3rem;
        margin-right: .1rem
    }

    .standard-radio-container .standard-radio-content {
        margin-left: .2rem;
        color: BLACk
    }

        .standard-radio-container .standard-radio-content img {
            width: .8rem;
            padding: 0;
            margin-right: .2rem
        }

    .standard-error-validation {
        margin: unset;
        font-size: .22rem
    }

    .standard-tooltip-box {
        top: 8.4rem;
        left: .3rem !important
    }
}

.standard-form-field .standard-bank-container .img-fluid {
    width: 100%
}

.standard-button-container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

    .standard-button-container button {
        margin-right: .1rem
    }

        .standard-button-container button:last-child {
            margin-right: 0;
            width: undefined
        }

.standard-cancel-button, .standard-confirm-button, .standard-submit-button, .standard-action-button, .standard-input-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .5rem;
    font-size: .14rem;
    text-transform: capitalize;
    width: 1.7rem;
    min-width: 1.7rem;
    border: 0;
    border-radius: .06rem;
    font-weight: 600;
    padding: unset
}

    .standard-cancel-button img, .standard-confirm-button img, .standard-submit-button img, .standard-action-button img, .standard-input-button img {
        height: 100%
    }

    .standard-cancel-button:disabled, .standard-confirm-button:disabled, .standard-submit-button:disabled, .standard-action-button:disabled, .standard-input-button:disabled {
        opacity: .3;
        pointer-events: auto !important;
        cursor: not-allowed !important;
        background: #b6b6b6
    }

.standard-submit-button {
    background: #b6b6b6;
    color: #fff;
    border-radius: unset
}

    .standard-submit-button:hover {
        background: #b6b6b6
    }

.standard-confirm-button {
    background: #b6b6b6;
    color: #fff
}

.standard-cancel-button {
    background: #e9203d;
    color: #fff;
    border-radius: unset
}

    .standard-cancel-button:hover {
        background: #fb2525
    }

.standard-action-button {
    background: linear-gradient(to right,#c61101,#942416);
    color: #fff;
    border-radius: .05rem
}

.standard-input-button {
    height: .38rem;
    background: #ededed;
    color: BlAcK;
    border: .01rem #dcdcdc;
    border-style: solid solid solid solid;
    border-radius: .05rem
}

.standard-line-button {
    background: linear-gradient(to bottom,#92ec23,#1bb209) !important;
    color: #fff !important
}

.standard-full-width-button {
    width: 100%
}

@media(max-width: 768px) {
    .standard-cancel-button, .standard-confirm-button, .standard-submit-button, .standard-action-button, .standard-input-button {
        height: 1.5rem;
        width: 100%;
        margin: auto;
        font-size: .5rem;
        border: 0;
        border-radius: 0
    }

        .standard-cancel-button img, .standard-confirm-button img, .standard-submit-button img, .standard-action-button img, .standard-input-button img {
            height: 100%
        }

        .standard-cancel-button:disabled, .standard-confirm-button:disabled, .standard-submit-button:disabled, .standard-action-button:disabled, .standard-input-button:disabled {
            opacity: .3;
            pointer-events: auto !important;
            cursor: not-allowed !important
        }

    .align-mobile-standard-submit-button-container {
        padding: 0 1.5rem
    }

    .standard-action-button {
        background: linear-gradient(to right,#c61101,#942416);
        color: #fff;
        border-radius: 0
    }

    .standard-submit-button {
        background: #b6b6b6;
        color: #fff
    }

    .standard-input-button {
        border: .01rem #dcdcdc;
        border-radius: 0;
        font-size: .5rem;
        margin: auto
    }

    .standard-button-container button {
        margin-right: 0
    }
}

.standard-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000b8;
    z-index: 9999;
    overflow-y: auto
}

.ReactModal__Body--open {
    overflow-y: hidden
}

.standard-popup-modal-container {
    border-radius: .04rem;
    font-size: .16rem;
    overflow: auto;
    color: #000;
    background: 0 0;
    transform: translate(0,0);
    margin: 1.4rem auto 1rem;
    padding: unset;
    word-wrap: break-word
}

    .standard-popup-modal-container .game-popup-modal-header, .standard-popup-modal-container .add-bank-modal-header, .standard-popup-modal-container .select-bank-popup-header, .standard-popup-modal-container .delete-bank-popup-modal-header, .standard-popup-modal-container .referral-terms-modal-header, .standard-popup-modal-container .maintenance-popup-modal-header, .standard-popup-modal-container .login-alert-popup-modal-header, .standard-popup-modal-container .verifications-popup-modal-header, .standard-popup-modal-container .referral-detail-popup-modal-header, .standard-popup-modal-container .reward-popup-header, .standard-popup-modal-container .datetime-popup-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left
    }

        .standard-popup-modal-container .game-popup-modal-header p, .standard-popup-modal-container .add-bank-modal-header p, .standard-popup-modal-container .select-bank-popup-header p, .standard-popup-modal-container .delete-bank-popup-modal-header p, .standard-popup-modal-container .referral-terms-modal-header p, .standard-popup-modal-container .maintenance-popup-modal-header p, .standard-popup-modal-container .login-alert-popup-modal-header p, .standard-popup-modal-container .verifications-popup-modal-header p, .standard-popup-modal-container .referral-detail-popup-modal-header p, .standard-popup-modal-container .reward-popup-header p, .standard-popup-modal-container .datetime-popup-header p {
            margin: 0
        }

    .standard-popup-modal-container .standard-popup-modal-header {
        position: relative;
        width: 100%;
        text-align: left;
        background: #a2a2a2;
        color: #fff;
        padding: .15rem .2rem;
        border: transparent
    }

        .standard-popup-modal-container .standard-popup-modal-header .standard-modal-title {
            font-size: .16rem;
            font-weight: 400
        }

        .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close {
            background: 0 0;
            font-size: .2rem;
            border-radius: .1rem;
            cursor: pointer;
            color: undefined
        }

            .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close svg {
                width: .24rem;
                fill: #fff;
                vertical-align: middle
            }

            .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close:hover {
                background: 0 0;
                color: unset
            }

                .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close:hover svg {
                    fill: #e6e6e6
                }

    .standard-popup-modal-container .standard-popup-modal-header-with-logo {
        position: relative;
        width: 100%;
        text-align: center;
        background: rgba(255,255,255,.95);
        color: #000;
        padding: .1rem .5rem;
        border-top: transparent;
        border-left: transparent;
        border-right: transparent
    }

        .standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-header-logo {
            width: 100%;
            display: block;
            margin: 0 auto;
            max-height: .66rem
        }

        .standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-close-logo {
            position: absolute;
            right: .05rem;
            top: .05rem;
            background: 0 0;
            font-size: .25rem;
            padding: .055rem .14rem;
            border-radius: .1rem;
            cursor: pointer
        }

            .standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-close-logo:hover {
                background: 0 0
            }

    .standard-popup-modal-container .standard-popup-modal-body {
        font-size: .18rem;
        font-weight: 400;
        background: #fff;
        padding: .15rem .32rem
    }

    .standard-popup-modal-container img {
        width: 100%
    }

    .standard-popup-modal-container .standard-popup-modal-footer {
        display: flex;
        justify-content: space-between;
        padding: .15rem .2rem;
        background: #fff;
        color: #000;
        border-bottom: transparent;
        border-left: transparent;
        border-right: transparent;
        border-top: unset
    }

        .standard-popup-modal-container .standard-popup-modal-footer .standard-modal-close {
            padding: .1rem .15rem;
            min-width: .8rem;
            background: #fff;
            border: .01rem solid #dcdcdc;
            color: #000;
            border-radius: .05rem;
            font-weight: undefined;
            cursor: pointer
        }

            .standard-popup-modal-container .standard-popup-modal-footer .standard-modal-close:hover {
                background: #d2b581;
                color: unset
            }

            .standard-popup-modal-container .standard-popup-modal-footer .standard-modal-close:disabled {
                cursor: not-allowed;
                background: #d2b581;
                opacity: unset
            }

        .standard-popup-modal-container .standard-popup-modal-footer .transaction-button-section {
            width: 100%
        }

        .standard-popup-modal-container .standard-popup-modal-footer .single-button-container .standard-button-container {
            justify-content: center
        }

    .standard-popup-modal-container .add-bank-guide {
        background: #f6f6f6;
        border-radius: .04rem;
        padding: .15rem;
        margin: .1rem 0 0;
        backdrop-filter: undefined
    }

        .standard-popup-modal-container .add-bank-guide .guide-msg {
            font-size: .12rem;
            color: REd
        }

            .standard-popup-modal-container .add-bank-guide .guide-msg p {
                margin: 0
            }

@media(max-width: 768px) {
    .standard-popup-modal-container {
        border-radius: .04rem;
        margin: 2.5rem auto;
        font-size: .28rem
    }

        .standard-popup-modal-container .standard-popup-modal-header {
            padding: .2rem;
            border-radius: .1rem .1rem 0 0;
            text-align: left;
            height: auto;
            position: relative
        }

            .standard-popup-modal-container .standard-popup-modal-header .standard-modal-title {
                font-size: .3rem;
                text-overflow: ellipsis;
                overflow: hidden;
                width: 90%;
                margin: auto 0
            }

            .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close {
                font-size: .2rem;
                top: undefined;
                right: .22rem;
                color: undefined;
                position: absolute
            }

                .standard-popup-modal-container .standard-popup-modal-header .standard-modal-close svg {
                    width: .45rem
                }

        .standard-popup-modal-container .standard-popup-modal-header-with-logo {
            height: 1.2rem;
            border-radius: .1rem .1rem 0 0
        }

            .standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-header-logo {
                max-height: 1rem
            }

            .standard-popup-modal-container .standard-popup-modal-header-with-logo .standard-popup-close-logo {
                font-size: .7rem;
                right: .15rem;
                top: .05rem;
                padding: .15rem .3rem
            }

        .standard-popup-modal-container .standard-popup-modal-body {
            padding: .2rem .2rem .4rem;
            font-size: .28rem;
            font-weight: 400
        }

            .standard-popup-modal-container .standard-popup-modal-body .react-datepicker-wrapper .react-datepicker__input-container .react-datepicker__close-icon {
                padding: unset
            }

        .standard-popup-modal-container .standard-popup-modal-footer {
            font-size: .28rem;
            padding: .3rem .2rem;
            border: 0
        }

            .standard-popup-modal-container .standard-popup-modal-footer .standard-modal-close {
                background: #fff;
                font-size: .3rem;
                padding: .2rem .3rem;
                min-width: 2.5rem;
                border-radius: .1rem
            }

            .standard-popup-modal-container .standard-popup-modal-footer .transaction-button-section {
                width: 100%
            }

        .standard-popup-modal-container .standard-popup-modal-footer-border-radius {
            border-radius: 0 0 .1rem .1rem
        }

        .standard-popup-modal-container .add-bank-guide {
            background: #f6f6f6;
            border-radius: .08rem;
            padding: .3rem .15rem;
            margin: .4rem 0 .2rem
        }

            .standard-popup-modal-container .add-bank-guide .guide-msg {
                font-size: .2rem;
                color: REd
            }
}

.announcement-v1-modal-container {
    width: 6.78rem;
    min-width: 6.78rem;
    max-width: 6.78rem;
    background: undefine;
    padding: unset
}

    .announcement-v1-modal-container .announcement-v1-modal-header {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .announcement-v1-modal-container .announcement-v1-modal-body {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: .16rem
    }

        .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container {
            border-radius: .06rem;
            padding: .16rem;
            background: #f6f6f6;
            margin-bottom: .1rem;
            width: 100%;
            backdrop-filter: undefined
        }

            .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-message {
                color: #000;
                font-size: .16rem;
                font-weight: 400;
                text-align: justify
            }

            .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-date {
                font-size: .13rem;
                font-weight: 400;
                text-align: left;
                margin-bottom: 0;
                color: #888
            }

            .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container:last-child {
                margin-bottom: 0
            }

        .announcement-v1-modal-container .announcement-v1-modal-body.launch-game-body {
            display: flex;
            align-items: inherit;
            justify-content: inherit;
            flex-direction: inherit;
            color: #fe0000;
            padding: .2rem .2rem .05rem;
            background: #fffffff2
        }

            .announcement-v1-modal-container .announcement-v1-modal-body.launch-game-body .launch-game-warning {
                width: .25rem;
                height: auto;
                border: .03rem solid #fe0000;
                border-radius: 50%;
                margin-right: .05rem;
                padding: .04rem;
                fill: #fe0000
            }

    .announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

        .announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again .dont-show-checkbox {
            width: auto
        }

        .announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again .dont-show-msg {
            font-size: .12rem;
            margin-left: .1rem
        }

        .announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again input[type=checkbox]:before, .announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again input[type=checkbox]:after, .announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again input[type=checkbox]:checked:before, .announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again input[type=checkbox]:checked:after {
            display: none
        }

    .announcement-v1-modal-container .announcement-v1-modal-footer.launch-game-footer {
        border-top: none;
        padding: .05rem .2rem .2rem;
        background: #fffffff2
    }

        .announcement-v1-modal-container .announcement-v1-modal-footer.launch-game-footer .launch-game-agreement {
            width: 100%;
            justify-content: center
        }

        .announcement-v1-modal-container .announcement-v1-modal-footer.launch-game-footer .launch-game-msg {
            font-size: .18rem;
            margin-left: .1rem
        }

.transfer-popup-modal-container .announcement-message-container {
    display: flex;
    justify-content: center;
    align-items: center
}

    .transfer-popup-modal-container .announcement-message-container .announcement-message {
        text-align: center !important
    }

.announcement-popup-v3-container {
    max-width: 6.98rem;
    min-width: 6.98rem;
    min-height: 3.96rem;
    max-height: 90%;
    background: #fff;
    overflow: unset
}

    .announcement-popup-v3-container .standard-popup-modal-img-container {
        padding: .1rem
    }

        .announcement-popup-v3-container .standard-popup-modal-img-container .image-announcement {
            width: 100%;
            border-radius: .1rem
        }

    .announcement-popup-v3-container .announcement-popup-v3-header {
        padding: 0;
        background: 0 0;
        border: transparent
    }

        .announcement-popup-v3-container .announcement-popup-v3-header .standard-modal-close {
            position: absolute;
            right: -.1rem;
            top: -.1rem;
            font-size: .2rem;
            padding: unset;
            border-radius: unset
        }

            .announcement-popup-v3-container .announcement-popup-v3-header .standard-modal-close svg {
                width: .33rem;
                fill: BLACk;
                vertical-align: middle;
                background: White;
                border-radius: 50%;
                padding: .1rem;
                box-shadow: unset
            }

                .announcement-popup-v3-container .announcement-popup-v3-header .standard-modal-close svg:hover {
                    fill: BLACk
                }

    .announcement-popup-v3-container .announcement-popup-v3-body .announcement-message {
        text-align: center
    }

.announcement-image-modal-container {
    max-width: 16rem;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center
}

    .announcement-image-modal-container .announcement-image-modal-body {
        padding: .15rem
    }

        .announcement-image-modal-container .announcement-image-modal-body .announcement-image-container {
            position: relative
        }

            .announcement-image-modal-container .announcement-image-modal-body .announcement-image-container img {
                width: 100%
            }

            .announcement-image-modal-container .announcement-image-modal-body .announcement-image-container .image-announcement-close {
                position: absolute;
                top: -.15rem;
                right: -.15rem;
                cursor: pointer
            }

@media(max-width: 768px) {
    .announcement-v1-modal-container {
        width: 95%;
        min-width: 95%;
        max-width: 95%
    }

        .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-message {
            font-size: .28rem;
            font-weight: 400
        }

        .announcement-v1-modal-container .announcement-v1-modal-body .announcement-message-container .announcement-date {
            font-size: .22rem
        }

        .announcement-v1-modal-container .announcement-v1-modal-footer {
            font-size: .28rem
        }

            .announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again .dont-show-checkbox {
                width: .5rem;
                height: .45rem
            }

            .announcement-v1-modal-container .announcement-v1-modal-footer .do-not-show-again .dont-show-msg {
                font-size: .28rem
            }

    .announcement-image-modal-container {
        max-width: 95%
    }
}

.express-deposit-enable-decimal-popup-modal-container {
    width: 9rem;
    min-width: 9rem;
    max-width: 9rem
}

    .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body {
        overflow-x: auto
    }

        .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .deposit-amount-container {
            background: linear-gradient(67deg,#d32f2f 0%,#f13c3c 100%);
            padding: .1rem;
            padding-bottom: .15rem;
            border-radius: .1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

            .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .deposit-amount-container .deposit-amount {
                color: #fff;
                font-weight: 400;
                font-size: .25rem
            }

            .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .deposit-amount-container .timer-font {
                color: #fff493
            }

        .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container {
            display: flex;
            margin: .25rem auto;
            line-height: .24rem
        }

            .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container img {
                width: .44rem;
                height: .44rem;
                margin: .06rem
            }

            .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container {
                margin: 0 .1rem;
                color: #e74c3c
            }

                .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container .warning-2 {
                    font-weight: 700;
                    text-decoration: underline
                }

        .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-title {
            margin: .15rem
        }

        .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container {
            position: relative;
            padding: .1rem;
            margin: .15rem;
            display: flex;
            border-radius: .1rem;
            border: .01rem solid #f9dddc;
            display: flex;
            flex-direction: column
        }

            .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container {
                display: flex;
                margin: .1rem 0
            }

                .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container img {
                    width: 1.4rem;
                    height: 100%
                }

            .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details {
                margin-left: .1rem
            }

                .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info {
                    display: flex;
                    align-items: center
                }

                    .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info .copy-icon {
                        width: .25rem
                    }

        .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-title-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: .15rem
        }

            .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-title-container .add-bank-btn {
                width: .25rem
            }

        .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-container {
            position: relative;
            padding: .1rem;
            margin: .15rem;
            display: flex;
            border-radius: .1rem;
            border: .01rem solid #f9dddc;
            display: flex;
            flex-direction: column
        }

            .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos {
                margin: .1rem 0
            }

                .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos .your-bank-details {
                    margin-left: .1rem
                }

        .express-deposit-enable-decimal-popup-modal-container .express-deposit-enable-decimal-modal-body .danger-message-container {
            margin: .15rem
        }

@media(max-width: 768px) {
    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body {
        overflow-x: auto
    }

        .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .deposit-amount-container {
            background: linear-gradient(67deg,#d32f2f 0%,#f13c3c 100%);
            padding: .2rem;
            padding-bottom: .35rem;
            border-radius: .2rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

            .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .deposit-amount-container .deposit-amount {
                color: #fff;
                font-weight: 400;
                font-size: .5rem
            }

            .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .deposit-amount-container .timer-font {
                color: #fff493
            }

        .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container {
            display: flex;
            margin: .5rem auto
        }

            .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container img {
                width: .44rem;
                height: .44rem;
                margin: .12rem
            }

            .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container {
                margin: 0 .2rem;
                color: #e74c3c
            }

                .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .warning-container .warning-messages-container .warning-2 {
                    font-weight: 700;
                    text-decoration: underline
                }

        .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-title {
            margin: .3rem
        }

        .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container {
            position: relative;
            padding: .2rem;
            margin: .3rem;
            display: flex;
            border-radius: .2rem;
            border: .02rem solid #f9dddc;
            display: flex;
            flex-direction: column
        }

            .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container {
                display: flex;
                margin: .2rem 0
            }

                .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details-container img {
                    width: 1.4rem;
                    height: 100%
                }

            .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details {
                margin-left: .2rem
            }

                .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info {
                    display: flex;
                    align-items: center
                }

                    .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .transfer-account-info-container .bank-details .account-number-info .copy-icon {
                        width: .5rem
                    }

        .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-title-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: .3rem
        }

            .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-title-container .add-bank-btn {
                width: .5rem
            }

        .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-container {
            position: relative;
            padding: .2rem;
            margin: .3rem;
            display: flex;
            border-radius: .2rem;
            border: .02rem solid #f9dddc;
            display: flex;
            flex-direction: column
        }

            .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos {
                margin: .2rem 0
            }

                .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .your-bank-account-container .your-bank-infos .your-bank-details {
                    margin-left: .2rem
                }

        .m-express-deposit-enable-decimal-popup-modal-container .m-express-deposit-enable-decimal-modal-body .danger-message-container {
            margin: .3rem
        }
}

.qrcode-popup-modal-container {
    width: 360px;
    min-width: 360px;
    max-width: 360px;
    overflow: auto
}

    .qrcode-popup-modal-container .standard-popup-modal-body img {
        min-width: undefined;
        min-height: undefined;
        max-width: 100%;
        max-height: 100%
    }

@media(max-width: 768px) {
    .qrcode-popup-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        overflow: auto
    }

        .qrcode-popup-modal-container .standard-popup-modal-body {
            min-height: undefined
        }

            .qrcode-popup-modal-container .standard-popup-modal-body img {
                min-width: undefined;
                min-height: undefined;
                max-width: 100%;
                max-height: 100%
            }
}

.bank-offline-status-popup-modal-container {
    width: 360px;
    min-width: 360px;
    max-width: 360px
}

@media(max-width: 768px) {
    .bank-offline-status-popup-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%
    }
}

.promotion-detail-popup-modal-container {
    width: auto;
    min-width: auto;
    max-width: 900px;
    background: #fff
}

    .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body {
        overflow-x: auto
    }

        .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn {
            opacity: .8;
            position: absolute;
            right: .1rem;
            top: .1rem
        }

            .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn svg {
                fill: White;
                width: .3rem;
                height: .3rem;
                overflow: visible;
                cursor: pointer
            }

        .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-type-container {
            padding: .15rem .25rem;
            flex: 0 0 100%;
            max-width: 100%;
            border-bottom: 2px solid #dcdcdc
        }

            .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-type-container .promo-badge {
                display: inline-block;
                font-weight: 700;
                font-size: .12rem;
                text-align: center;
                background: #b8b8b8;
                padding: .06rem;
                border-radius: .05rem;
                margin: 0 .05rem .05rem 0
            }

                .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-type-container .promo-badge .promo-type {
                    color: undefined
                }

        .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container {
            padding: .15rem .25rem
        }

            .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container .promo-detail-title {
                margin: .05rem 0;
                color: #4B91C9
            }

            .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-detail-title-container .promo-detail-tnc {
                color: #4B91C9
            }

        .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-popup-image {
            width: 100%;
            margin-bottom: .2rem
        }

        .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup {
            user-select: text;
            font-size: unset
        }

            .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup table {
                border: unset;
                max-width: 100% !important;
                display: table;
                width: 100% !important
            }

            .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup ol {
                margin-left: .3rem
            }

                .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup ol li {
                    list-style-type: decimal;
                    margin-bottom: .2rem
                }

            .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup ul {
                margin-left: .3rem
            }

                .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup ul li {
                    list-style-type: square;
                    margin-bottom: .2rem
                }

            .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup p {
                margin: 0
            }

        .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 {
            padding: 0 .25rem .15rem;
            user-select: text;
            font-size: unset;
            color: #888
        }

            .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 table {
                max-width: 100%;
                background: #969696;
                border: .01rem solid #fff;
                display: table;
                width: 100%;
                margin: 0 0 .16rem
            }

                .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 table tr {
                    background: #e5e5e5;
                    color: #666
                }

                .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 table td {
                    border: .01rem solid #fff;
                    margin: .16rem 0;
                    padding: undefined
                }

                .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 table tr:nth-child(1) td {
                    background: #858585;
                    color: #fff
                }

            .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 ol {
                margin-left: .3rem
            }

                .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 ol li {
                    list-style-type: decimal;
                    margin-bottom: .2rem
                }

            .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 ul {
                margin-left: .3rem
            }

                .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 ul li {
                    list-style-type: square;
                    margin-bottom: .2rem
                }

            .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 p {
                margin: .16rem 0
            }

            .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body #promotion-popup2 a {
                color: #00e
            }

@media(max-width: 768px) {
    .promotion-detail-popup-modal-container {
        width: 95%;
        min-width: 95%;
        max-width: 95%
    }

        .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promotion-detail-close-btn svg {
            width: .5rem;
            height: .5rem
        }

        .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-type-container .promo-badge {
            font-size: .24rem;
            margin: 0 .1rem .1rem 0
        }

            .promotion-detail-popup-modal-container .promotion-detail-popup-modal-body .promo-type-container .promo-badge .promo-type {
                color: undefined
            }
}

.promotion-apply-popup-modal-container {
    width: auto;
    min-width: auto;
    max-width: 500px;
    background: #fff;
    color: #fff
}

    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header {
        text-align: left
    }

        .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .promotion-apply-popup-modal-title p {
            margin: 0
        }

        .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .fill-detail-title {
            font-size: .15rem
        }

        .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .promotion-apply-popup-modal-close {
            top: .12rem
        }

    .promotion-apply-popup-modal-container .promotion-detail-field {
        margin-bottom: .1rem
    }

        .promotion-apply-popup-modal-container .promotion-detail-field .phone-field .select-container {
            width: 20%
        }

            .promotion-apply-popup-modal-container .promotion-detail-field .phone-field .select-container select {
                width: 100%;
                border-radius: unset;
                background: unset
            }

        .promotion-apply-popup-modal-container .promotion-detail-field .phone-field input {
            width: 80%
        }

        .promotion-apply-popup-modal-container .promotion-detail-field .form-label {
            color: BlacK
        }

        .promotion-apply-popup-modal-container .promotion-detail-field input {
            background: unset;
            -webkit-text-fill-color: undefined
        }

    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer {
        justify-content: flex-end
    }

        .promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .promotion-apply-popup-modal-close {
            min-width: 1.2rem;
            padding: .15rem 0
        }

    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 {
        background: #a2a2a2
    }

        .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 .promotion-apply-close-btn {
            cursor: pointer;
            opacity: .8;
            position: absolute;
            right: .1rem;
            top: .1rem
        }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 .promotion-apply-close-btn svg {
                fill: #fff;
                width: .24rem;
                height: .24rem;
                overflow: visible
            }

        .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 .promotion-apply-title-container {
            padding: .15rem .25rem
        }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 .promotion-apply-title-container .promotion-title {
                width: 95%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container {
        padding: .15rem .25rem
    }

        .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field {
            display: flex;
            flex-wrap: wrap
        }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .form-label {
                color: BlacK;
                width: 100%;
                margin: 0 0 .05rem .05rem
            }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .select-container select {
                cursor: pointer
            }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .select-container .select-arrow {
                border-color: #ccc
            }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .select-container::after {
                content: '';
                right: .15rem;
                top: .15rem;
                position: absolute;
                pointer-events: none;
                border-width: 0 .03rem .03rem 0;
                border-color: #b8b8b8;
                border-style: solid;
                display: inline-block;
                width: .07rem !important;
                height: .07rem !important;
                transform: rotate(45deg)
            }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .phone-field {
                display: flex;
                width: 100%
            }

                .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .phone-field .phone-input {
                    border: .01rem #dcdcdc;
                    color: BlAcK;
                    background: #ededed;
                    border-radius: .04rem;
                    padding: .12rem .16rem;
                    margin: 0 0 .1rem .15rem;
                    height: auto
                }

                .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .phone-field .standard-select {
                    padding: .1rem .16rem
                }

                    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .phone-field .standard-select img {
                        margin: 0 .05rem 0 0
                    }

                    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .phone-field .standard-select .standard-select-dropdown .standard-select-options {
                        padding: .05rem .16rem
                    }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .form-control-inner {
                border: .01rem #dcdcdc;
                border-style: solid solid solid solid;
                color: BlAcK;
                background: #ededed;
                border-radius: .04rem;
                padding: .12rem .16rem;
                margin-bottom: .1rem;
                height: auto
            }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field textarea {
                font-family: unset
            }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn {
                flex: 0 0 50%;
                max-width: 50%;
                padding: 0 .05rem;
                margin: auto
            }

                .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn .promotion-apply-submit-btn {
                    background: #b6b6b6;
                    color: #fff;
                    padding: .18rem .04rem;
                    border-radius: .05rem;
                    text-align: center;
                    margin: .2rem 0;
                    cursor: pointer
                }

                    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn .promotion-apply-submit-btn:hover, .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn .promotion-apply-submit-btn:active {
                        background: #b6b6b6cc
                    }

                    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn .promotion-apply-submit-btn svg {
                        width: .16rem;
                        margin-right: .12rem;
                        vertical-align: top
                    }

@media(max-width: 768px) {
    .promotion-apply-popup-modal-container {
        width: 95%;
        min-width: 95%;
        max-width: 95%
    }

        .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .fill-detail-title {
            font-size: .3rem
        }

        .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header .promotion-apply-popup-modal-close {
            font-size: .7rem;
            top: .25rem
        }

        .promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer {
            font-size: .28rem
        }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-footer .promotion-apply-popup-modal-close {
                min-width: 2.4rem;
                padding: .25rem 0 .35rem;
                font-size: .3rem
            }

        .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 .promotion-apply-close-btn {
            right: undefined;
            top: undefined;
            height: .5rem;
            width: .5rem;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 .promotion-apply-close-btn svg {
                width: .4rem;
                height: .4rem
            }

        .promotion-apply-popup-modal-container .promotion-apply-popup-modal-header2 .promotion-apply-title-container {
            font-size: .3rem;
            padding: .3rem .25rem
        }

        .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container {
            padding: .25rem
        }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .form-label {
                font-size: .3rem
            }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .select-container .select-arrow {
                top: .21rem !important
            }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .select-container::after {
                top: .25rem;
                border-width: 0 .06rem .06rem 0;
                width: .16rem !important;
                height: .16rem !important
            }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .phone-input {
                border-radius: .08rem;
                font-size: .3rem
            }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .phone-field .select-container {
                width: 41%
            }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .form-control-inner {
                border-radius: .08rem;
                font-size: .3rem
            }

                .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .form-control-inner::after {
                    content: '';
                    right: .25rem;
                    top: .25rem;
                    position: absolute;
                    pointer-events: none;
                    border-width: 0 .06rem .06rem 0;
                    border-color: #b8b8b8;
                    border-style: solid;
                    display: inline-block;
                    width: .16rem !important;
                    height: .16rem !important;
                    transform: rotate(45deg)
                }

            .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn {
                max-width: 47.18%;
                padding: 0
            }

                .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn .promotion-apply-submit-btn {
                    font-size: .25rem;
                    padding: .275rem .04rem;
                    border-radius: .1rem;
                    font-weight: 600
                }

                    .promotion-apply-popup-modal-container .promotion-apply-popup-modal-body .promotion-apply-form-container .promotion-apply-form-field .promotion-apply-form-btn .promotion-apply-submit-btn svg {
                        width: .28rem;
                        vertical-align: middle;
                        overflow: undefined
                    }
}

.download-page-qrcode-modal-container {
    width: 360px;
    min-width: 360px;
    max-width: 360px
}

    .download-page-qrcode-modal-container .download-page-qrcode-modal-body {
        padding: .1rem
    }

@media(max-width: 768px) {
    .download-page-qrcode-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%
    }

        .download-page-qrcode-modal-container .download-page-qrcode-modal-body {
            padding: .5rem
        }
}

.add-bank-modal-container {
    width: 360px;
    min-width: 360px;
    max-width: 360px
}

    .add-bank-modal-container .add-bank-modal-header {
        padding: .15rem .2rem;
        text-align: left
    }

    .add-bank-modal-container .add-bank-modal-footer {
        display: flex;
        flex-direction: column;
        border-top: .01rem solid #dcdcdc
    }

        .add-bank-modal-container .add-bank-modal-footer .add-bank-modal-close {
            min-width: 1.2rem;
            padding: .15rem 0
        }

@media(max-width: 768px) {
    .add-bank-modal-container {
        width: 95%;
        min-width: 95%;
        max-width: 95%
    }

        .add-bank-modal-container .add-bank-modal-header {
            height: 1rem
        }

        .add-bank-modal-container .add-bank-modal-body {
            padding: .4rem .2rem
        }

        .add-bank-modal-container .add-bank-modal-footer {
            display: flex;
            flex-direction: column
        }
}

.delete-bank-popup-modal-container {
    width: 360px;
    min-width: 360px
}

    .delete-bank-popup-modal-container .delete-bank-popup-modal-footer .transaction-button-section {
        width: 100%
    }

@media(max-width: 768px) {
    .delete-bank-popup-modal-container {
        width: 85%;
        min-width: 85%
    }

        .delete-bank-popup-modal-container .delete-bank-popup-modal-footer {
            font-size: .28rem
        }

            .delete-bank-popup-modal-container .delete-bank-popup-modal-footer .delete-bank-popup-delete {
                padding: .25rem 0 .3rem;
                min-width: 3rem;
                font-size: .3rem
            }
}

.select-bank-popup-container {
    width: 360px;
    min-width: 360px;
    max-width: 360px
}

    .select-bank-popup-container .select-bank-popup-header {
        padding: .15rem .2rem;
        text-align: left
    }

    .select-bank-popup-container .select-bank-popup-footer {
        display: flex;
        flex-direction: column;
        border-top: .01rem solid #dcdcdc
    }

        .select-bank-popup-container .select-bank-popup-footer .add-bank-modal-close {
            min-width: 1.2rem;
            padding: .15rem 0
        }

@media(max-width: 768px) {
    .select-bank-popup-container {
        width: 95%;
        min-width: 95%;
        max-width: 95%
    }

        .select-bank-popup-container .select-bank-popup-header {
            height: 1rem
        }

        .select-bank-popup-container .select-bank-popup-body {
            padding: .4rem .2rem .1rem
        }

        .select-bank-popup-container .select-bank-popup-footer {
            display: flex;
            flex-direction: column
        }
}

.delete-message-popup-modal-container {
    width: 360px;
    min-width: 360px
}

    .delete-message-popup-modal-container .delete-message-popup-modal-footer {
        justify-content: center
    }

@media(max-width: 768px) {
    .delete-message-popup-modal-container {
        width: 85%;
        min-width: 85%
    }

        .delete-message-popup-modal-container .delete-message-popup-modal-header .delete-message-title {
            font-size: .3rem
        }

        .delete-message-popup-modal-container .delete-message-popup-modal-footer {
            font-size: .28rem
        }

            .delete-message-popup-modal-container .delete-message-popup-modal-footer .delete-message-popup-delete {
                padding: .25rem 0 .3rem;
                min-width: 3rem;
                font-size: .3rem
            }
}

.promotion-special-code-popup-modal-container {
    width: 3.6rem;
    min-width: 3.6rem;
    max-width: 3.6rem
}

    .promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code-row {
        display: flex;
        margin-bottom: .06rem;
        opacity: .75;
        align-items: center
    }

    .promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code-column {
        width: 50%
    }

    .promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code_dott {
        margin-right: .06rem
    }

@media(max-width: 768px) {
    .promotion-special-code-popup-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%
    }

        .promotion-special-code-popup-modal-container .promotion-special-code-popup-body .promotion-special-code-table .promotion-special-code-row {
            height: .9rem
        }
}

.verification-popup-modal-container {
    width: 5.76rem;
    min-width: 5.76rem;
    max-width: 5.76rem;
    min-height: 5rem
}

    .verification-popup-modal-container .verification-popup-modal-title {
        font-weight: 700;
        color: #000
    }

    .verification-popup-modal-container .verification-popup-modal-header {
        position: relative;
        width: 100%;
        text-align: center;
        height: 100%;
        background: #fff;
        color: #fff;
        padding: .15rem .1rem;
        border-top: transparent;
        border-left: transparent;
        border-right: transparent;
        border-bottom: transparent
    }

        .verification-popup-modal-container .verification-popup-modal-header .standard-modal-close {
            color: #7e7c7c;
            width: 5%;
            margin-left: auto;
            cursor: pointer
        }

    .verification-popup-modal-container .birthdate-verification-remark-text {
        color: #7e7c7c
    }

    .verification-popup-modal-container .verification-popup-modal-body {
        background: #fff;
        color: #000;
        padding: .15rem .4rem
    }

        .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content {
            margin: .05rem 0 0
        }

            .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content p {
                color: #7a7d7c;
                text-align: left;
                font-size: .14rem;
                margin: 0 0 .3rem
            }

            .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .text-danger {
                font-size: .15rem;
                margin: .05rem 0 0
            }

            .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-popup-modal-content-text {
                width: 100%;
                color: #000
            }

            .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin: 0 0 .4rem
            }

                .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-form-div {
                    display: flex;
                    width: 100%;
                    align-items: center
                }

                .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .close-button {
                    justify-content: center
                }

                .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .standard-label {
                    color: Grey
                }

                .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input {
                    background: #f0f0f0;
                    color: #7a7d7c;
                    height: .38rem;
                    border-radius: .05rem;
                    padding: .05rem .05rem .05rem .1rem
                }

                    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input.otp-input {
                        width: 100%
                    }

                .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .validate-opt-button:disabled {
                    opacity: .5
                }

                .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .resend-new-email:disabled {
                    opacity: .5
                }

                .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-telcol-dropdown-box {
                    width: 50%;
                    left: 25%;
                    top: 280%;
                    transform: translate(-50%,-50%);
                    max-height: unset;
                    height: 1.6rem;
                    font-size: .14rem
                }

                    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-telcol-dropdown-box input {
                        font-size: .14rem;
                        color: #fff;
                        text-transform: capitalize
                    }

                .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .upper-button-section {
                    margin: 0 0 0 .2rem
                }

                    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .upper-button-section .close-button {
                        background: #b6b6b6;
                        border-radius: .1rem
                    }

                    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .upper-button-section button {
                        min-width: unset;
                        height: auto;
                        padding: .15rem .4rem
                    }

            .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .resend-otp-button {
                background: 0 0;
                border: .01rem solid #4B91C9;
                color: #4B91C9
            }

                .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .resend-otp-button.standard-submit-form-button:disabled {
                    background: 0 0;
                    opacity: 1
                }

                .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .resend-otp-button:hover {
                    background: 0 0
                }

            .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content.birthdate-verification-content {
                display: flex;
                width: 50%;
                margin: .3rem auto;
                align-items: center;
                justify-content: center
            }

        .verification-popup-modal-container .verification-popup-modal-body .close-button {
            margin: .3rem auto 0
        }

            .verification-popup-modal-container .verification-popup-modal-body .close-button:disabled {
                opacity: .5
            }

        .verification-popup-modal-container .verification-popup-modal-body .phone-verification-button {
            padding: 0;
            width: 100%;
            border-top: none
        }

            .verification-popup-modal-container .verification-popup-modal-body .phone-verification-button .transaction-button-section .standard-button-container {
                grid-gap: 2%
            }

                .verification-popup-modal-container .verification-popup-modal-body .phone-verification-button .transaction-button-section .standard-button-container .standard-submit-form-button:disabled {
                    opacity: 1
                }

@media(min-width: 769px) {
    .verification-popup-modal-container .verification-popup-modal-body .phone-verification-button .transaction-button-section .standard-button-container {
        display: grid;
        grid-template-columns: 35% 50%;
        justify-content: start
    }

        .verification-popup-modal-container .verification-popup-modal-body .phone-verification-button .transaction-button-section .standard-button-container .standard-submit-form-button {
            width: 100%;
            min-width: 50%;
            margin: 0
        }
}

.verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-form-field:has(.resend-otp-button) {
    margin: 0 0 .2rem
}

    .verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-form-field:has(.resend-otp-button) .verification-form-div .standard-button-container {
        grid-gap: 2%;
        padding: .1rem 0
    }

        .verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-form-field:has(.resend-otp-button) .verification-form-div .standard-button-container .validate-otp-button:disabled {
            opacity: 1
        }

@media(min-width: 769px) {
    .verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-form-field:has(.resend-otp-button) .verification-form-div {
        display: block
    }

        .verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-form-field:has(.resend-otp-button) .verification-form-div .transaction-button-section .standard-button-container {
            justify-content: start
        }

            .verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-form-field:has(.resend-otp-button) .verification-form-div .transaction-button-section .standard-button-container button {
                margin: 0;
                min-width: 30%
            }
}

.verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-popup-modal-title {
    display: block;
    border: .01rem #dcdcdc;
    border-style: solid none none;
    padding: .3rem 0 0
}

.verification-popup-modal-container .verification-button {
    background: #b6b6b6;
    padding: .1rem .15rem;
    border: transparent;
    color: #fff;
    margin: .1rem;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: .05rem
}

    .verification-popup-modal-container .verification-button:disabled {
        opacity: .5
    }

    .verification-popup-modal-container .verification-button:hover {
        background: undefined
    }

.member-verification-popup-modal-container {
    overflow: unset
}

    .member-verification-popup-modal-container .member-verification-popup-modal-body .member-verification-form-field {
        flex-wrap: initial
    }

        .member-verification-popup-modal-container .member-verification-popup-modal-body .member-verification-form-field .verification-telnum-field {
            border-radius: .05rem;
            padding: .05rem .05rem .05rem .1rem;
            color: undefined;
            height: .38rem
        }

@media(max-width: 768px) {
    .verification-popup-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        font-size: .28rem;
        overflow: unset;
        position: relative
    }

        .verification-popup-modal-container .verification-popup-modal-body {
            padding: .6rem .35rem .1rem
        }

            .verification-popup-modal-container .verification-popup-modal-body p {
                margin-bottom: .4rem
            }

            .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content {
                margin: 0
            }

                .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content p {
                    text-align: unset;
                    font-size: .25rem
                }

                .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .text-danger {
                    font-size: .28rem
                }

                .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field {
                    justify-content: initial
                }

                    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-form-div {
                        display: block;
                        margin: .2rem 0 0;
                        justify-content: undefined
                    }

                    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .validate-opt-button {
                        margin: .1rem
                    }

                    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .resend-new-email {
                        margin: 0 0 0 .25rem
                    }

                    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-input {
                        height: .8rem;
                        font-size: .28rem;
                        width: 73%;
                        padding: .05rem .65rem .05rem .15rem;
                        border-radius: .1rem
                    }

                    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-telcode-field {
                        width: 25%;
                        margin-right: .1rem
                    }

                    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-otp-field {
                        width: 100%
                    }

                    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .phone-verification-center-button {
                        padding: .6rem .2rem .3rem !important
                    }

                    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .upper-button-section {
                        padding: .25rem .2rem .3rem;
                        margin: 0 auto;
                        width: 60%
                    }

                        .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .upper-button-section button {
                            height: .85rem;
                            font-size: .25rem;
                            border-radius: .1rem;
                            width: 100%
                        }

                    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .email-input {
                        width: 100%
                    }

                    .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-telcol-dropdown-box {
                        width: 50%;
                        left: 26%;
                        top: 90%;
                        font-size: .25rem;
                        max-height: unset;
                        height: 2.7rem
                    }

                        .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-telcol-dropdown-box .international-telcode-options .standard-select-options {
                            height: .5rem;
                            padding: .05rem .15rem
                        }

                        .verification-popup-modal-container .verification-popup-modal-body .verification-popup-modal-content .verification-form-field .verification-telcol-dropdown-box input {
                            font-size: .25rem;
                            height: .6rem
                        }

            .verification-popup-modal-container .verification-popup-modal-body:has(.email-verification-button) .verification-form-field .upper-button-section {
                padding: .25rem 0 .3rem;
                margin: 0;
                width: 50%
            }

        .verification-popup-modal-container .verification-button {
            font-size: .25rem;
            padding: .2rem;
            border-radius: .1rem;
            margin: 0;
            height: .8rem
        }

    .member-verification-popup-modal-container .member-verification-popup-modal-body .member-verification-form-field .verification-telnum-field {
        min-height: .8rem;
        border-radius: .05rem;
        padding: .05rem .65rem .05rem .15rem
    }

    .member-verification-popup-modal-container .member-verification-popup-modal-footer {
        margin: 0;
        border-top: none;
        border-radius: 0 0 .1rem .1rem
    }
}

.maintenance-popup-modal-container {
    width: 450px;
    min-width: 450px;
    max-width: 450px
}

    .maintenance-popup-modal-container .maintenance-popup-modal-body {
        text-align: center
    }

        .maintenance-popup-modal-container .maintenance-popup-modal-body .maintenance-icon {
            width: .6rem
        }

        .maintenance-popup-modal-container .maintenance-popup-modal-body .maintenance-date {
            font-weight: 700
        }

@media(max-width: 768px) {
    .maintenance-popup-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        font-size: .28rem
    }
}

.quick-transfer-modal-container {
    width: 500px
}

    .quick-transfer-modal-container .qt-modal .standard-popup-modal-header {
        background: unset;
        padding: 0 .2rem
    }

        .quick-transfer-modal-container .qt-modal .standard-popup-modal-header .standard-modal-close {
            position: absolute;
            right: .1rem;
            top: .1rem
        }

            .quick-transfer-modal-container .qt-modal .standard-popup-modal-header .standard-modal-close svg {
                fill: #aaa;
                width: .24rem;
                height: .24rem
            }

    .quick-transfer-modal-container .qt-modal .qt-content {
        padding: .3rem .25rem
    }

        .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container {
            display: flex;
            justify-content: space-between;
            margin: 0 0 .15rem
        }

            .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-naming {
                width: 45%;
                font-size: .16rem
            }

                .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-naming .to-naming-wrapper {
                    display: flex;
                    align-items: center
                }

                    .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-naming .to-naming-wrapper .to-arrow {
                        display: flex;
                        align-items: center;
                        margin: 0 .1rem
                    }

                        .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-naming .to-naming-wrapper .to-arrow svg {
                            height: .16rem;
                            width: .16rem
                        }

            .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container {
                display: flex;
                align-items: center;
                width: 55%
            }

                .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-img {
                    width: 30%;
                    padding: 0 .15rem 0 0
                }

                    .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-img img {
                        width: 100%
                    }

                .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-content {
                    width: 70%
                }

                    .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-content p {
                        margin: 0;
                        font-size: .16rem
                    }

                    .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-content .name {
                        color: #252525
                    }

                    .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-content .turnover {
                        background: #dcdcdc;
                        color: #888;
                        padding: .03rem .05rem;
                        border-radius: .05rem;
                        margin: .02rem 0;
                        font-size: .14rem;
                        line-height: 1;
                        justify-content: unset
                    }

        .quick-transfer-modal-container .qt-modal .qt-content .qt-form .amount-field {
            margin: 0 0 .15rem
        }

            .quick-transfer-modal-container .qt-modal .qt-content .qt-form .amount-field .standard-form-field-wrapper {
                justify-content: space-between
            }

                .quick-transfer-modal-container .qt-modal .qt-content .qt-form .amount-field .standard-form-field-wrapper .standard-input {
                    width: 70%
                }

                .quick-transfer-modal-container .qt-modal .qt-content .qt-form .amount-field .standard-form-field-wrapper .allin-btn {
                    width: 28%;
                    border: .01rem solid #dcdcdc;
                    border-radius: .2rem;
                    min-width: 1rem;
                    text-align: center;
                    cursor: pointer;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    min-height: .38rem;
                    height: 100%;
                    font-size: .14rem;
                    color: #888;
                    padding: undefined
                }

                    .quick-transfer-modal-container .qt-modal .qt-content .qt-form .amount-field .standard-form-field-wrapper .allin-btn:hover {
                        background: #4B91C9;
                        color: WhitE;
                        border: none
                    }

        .quick-transfer-modal-container .qt-modal .qt-content .qt-form .range-container {
            height: .2rem;
            width: 100%;
            position: relative;
            background: #0000001a;
            border-radius: .2rem;
            margin: 0 0 .15rem
        }

            .quick-transfer-modal-container .qt-modal .qt-content .qt-form .range-container input {
                -webkit-appearance: none;
                -moz-appearance: none;
                position: absolute;
                width: 100%;
                height: 100%;
                background: 0 0;
                margin: 0;
                overflow: hidden;
                padding: 0;
                border-radius: .2rem
            }

                .quick-transfer-modal-container .qt-modal .qt-content .qt-form .range-container input::-webkit-slider-thumb {
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    z-index: 3;
                    position: relative;
                    width: .6rem;
                    height: .3rem;
                    background: #4B91C9;
                    background-repeat: no-repeat;
                    background-position: 50%;
                    cursor: pointer;
                    border-radius: .2rem;
                    -webkit-border-radius: .2rem
                }

                .quick-transfer-modal-container .qt-modal .qt-content .qt-form .range-container input::-moz-range-thumb {
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    z-index: 3;
                    position: relative;
                    width: .6rem;
                    height: .3rem;
                    background: #4B91C9;
                    background-repeat: no-repeat;
                    background-position: 50%;
                    cursor: pointer;
                    border-radius: .2rem;
                    -webkit-border-radius: .2rem
                }

        .quick-transfer-modal-container .qt-modal .qt-content .qt-redirect-btn {
            display: flex;
            justify-content: center;
            padding: .4rem 0 .2rem;
            text-decoration: underline !important;
            font-size: .14rem;
            color: #00e
        }

@media(max-width: 768px) {
    .quick-transfer-modal-container {
        width: 90%;
        overflow: hidden;
        background: #fff
    }

        .quick-transfer-modal-container .qt-modal .standard-popup-modal-header {
            height: unset;
            padding: 0
        }

            .quick-transfer-modal-container .qt-modal .standard-popup-modal-header .standard-modal-close {
                top: .1rem
            }

                .quick-transfer-modal-container .qt-modal .standard-popup-modal-header .standard-modal-close svg {
                    width: .5rem;
                    height: .5rem
                }

        .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-naming {
            width: 35%;
            font-size: .25rem
        }

            .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-naming .to-naming-wrapper .to-arrow {
                margin: 0 0 0 .15rem
            }

                .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-naming .to-naming-wrapper .to-arrow svg {
                    height: .2rem;
                    width: .2rem
                }

        .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container {
            width: 65%
        }

            .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-content p {
                font-size: .25rem
            }

            .quick-transfer-modal-container .qt-modal .qt-content .transfer-to-container .to-provider-container .provider-content .turnover {
                font-size: .24rem
            }

        .quick-transfer-modal-container .qt-modal .qt-content .qt-form .amount-field .standard-form-field-wrapper .allin-btn {
            font-size: .25rem;
            min-height: .8rem
        }

        .quick-transfer-modal-container .qt-modal .qt-content .qt-redirect-btn {
            font-size: .21rem
        }
}

.login-alert-popup-modal-container {
    width: 3.8rem;
    max-width: 3.8rem
}

    .login-alert-popup-modal-container .login-alert-popup-modal-footer .transaction-button-section {
        width: 100%
    }

    .login-alert-popup-modal-container .login-alert-popup-modal-footer .single-button-container .standard-button-container {
        justify-content: center
    }

@media(max-width: 768px) {
    .login-alert-popup-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        font-size: .28rem;
        border-radius: .1rem .1rem 0 0
    }

        .login-alert-popup-modal-container .login-alert-popup-modal-footer {
            justify-content: center
        }

            .login-alert-popup-modal-container .login-alert-popup-modal-footer .login-alert-popup-modal-close {
                padding: .25rem .8rem;
                font-size: .3rem
            }
}

.referral-share-modal-container {
    width: 550px
}

    .referral-share-modal-container .referral-share-modal-header {
        padding: .15rem .2rem;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container {
        padding: .15rem
    }

        .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background: 0 0
        }

            .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button .share-icon {
                margin-top: .1rem;
                margin-bottom: .1rem;
                font-size: .12rem;
                color: undefined
            }

        .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container div {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

            .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container div .share-icon {
                margin-top: .1rem;
                margin-bottom: .1rem;
                font-size: .12rem;
                color: undefined
            }

        .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container:hover {
            background: #f6f6f6
        }

    .referral-share-modal-container .referral-share-modal-body .slick-next-btn {
        display: none;
        position: absolute;
        width: .34rem;
        height: .34rem;
        background: #b8b8b8;
        border-radius: 50%;
        top: 24%;
        right: -3%;
        z-index: 9;
        cursor: pointer
    }

        .referral-share-modal-container .referral-share-modal-body .slick-next-btn svg {
            width: .34rem;
            height: .34rem
        }

    .referral-share-modal-container .referral-share-modal-body .slick-prev-btn {
        display: none;
        position: absolute;
        width: .34rem;
        height: .34rem;
        background: #b8b8b8;
        border-radius: 50%;
        top: 24%;
        left: -3%;
        z-index: 9;
        cursor: pointer
    }

        .referral-share-modal-container .referral-share-modal-body .slick-prev-btn svg {
            width: .34rem;
            height: .34rem
        }

    .referral-share-modal-container .referral-share-modal-body .show {
        display: block !important
    }

    .referral-share-modal-container .referral-share-modal-body .share-url-copy-container .share-url-input {
        border: .01rem #dcdcdc;
        border-style: solid solid solid solid;
        border-radius: .05rem;
        color: BlAcK;
        padding: .1rem
    }

    .referral-share-modal-container .referral-share-modal-body .share-url-copy-container .share-url-copy-icon {
        position: absolute;
        right: .1rem;
        width: .21rem;
        height: .21rem;
        fill: #888;
        margin: 0;
        cursor: pointer;
        border-radius: 100%
    }

@media(max-width: 768px) {
    .referral-share-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%
    }

        .referral-share-modal-container .referral-share-modal-header {
            padding: .3rem
        }

        .referral-share-modal-container .referral-share-modal-body {
            padding: .3rem
        }

            .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container {
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
                grid-column-gap: .15rem;
                column-gap: .15rem;
                row-gap: .15rem
            }

                .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button svg {
                    width: .8rem;
                    height: .8rem
                }

                .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button img {
                    width: .8rem;
                    height: .8rem
                }

                .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container button .share-icon {
                    font-size: .24rem
                }

                .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container div svg {
                    width: .8rem;
                    height: .8rem
                }

                .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container div img {
                    width: .8rem;
                    height: .8rem
                }

                .referral-share-modal-container .referral-share-modal-body .referral-modal-social-media-container .referral-button-container div .share-icon {
                    font-size: .24rem
                }

            .referral-share-modal-container .referral-share-modal-body .share-url-copy-container {
                margin: .3rem 0 0
            }

                .referral-share-modal-container .referral-share-modal-body .share-url-copy-container .share-url-input {
                    padding: .3rem .6rem .3rem .15rem;
                    text-overflow: ellipsis
                }

                .referral-share-modal-container .referral-share-modal-body .share-url-copy-container .share-url-copy-icon {
                    right: .15rem;
                    width: .4rem;
                    height: .4rem
                }
}

@media(max-width: 768px) {
    .referral-terms-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        font-size: .28rem
    }

        .referral-terms-modal-container .referral-terms-modal-footer .transaction-button-section {
            width: 100%
        }

        .referral-terms-modal-container .referral-terms-modal-footer .single-button-container .standard-button-container {
            justify-content: center
        }

        .referral-terms-modal-container img {
            display: undefined;
            width: .4rem
        }
}

@media(max-width: 768px) {
    .referral-search-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        font-size: .28rem;
        overflow: visible
    }

        .referral-search-modal-container .referral-search-modal-body .form-field .mandatory {
            color: #000
        }

        .referral-search-modal-container .referral-search-modal-body .form-field .react-datepicker-wrapper {
            border: .01rem solid #000
        }

        .referral-search-modal-container .referral-search-modal-body .form-field input {
            border: undefined;
            border-bottom: undefined
        }

        .referral-search-modal-container .referral-search-modal-footer {
            justify-content: center
        }
}

@media(max-width: 768px) {
    .referral-bonus-detail-modal-container {
        width: 90%;
        min-width: 90%;
        max-width: 90%;
        font-size: .28rem
    }

        .referral-bonus-detail-modal-container .m-history-table .m-history-row {
            display: flex;
            margin-bottom: .06rem;
            opacity: .75;
            height: .9rem;
            align-items: center
        }

        .referral-bonus-detail-modal-container .m-history-table .m-history-column {
            width: 50%
        }

        .referral-bonus-detail-modal-container .m-history-table .m-history_dott {
            margin-right: .06rem
        }
}

.game-popup-modal-container {
    width: 482px;
    max-width: 482px
}

    .game-popup-modal-container .game-popup-modal-body {
        padding: .16rem
    }

        .game-popup-modal-container .game-popup-modal-body .game-image-container {
            background: linear-gradient(#fafafa,#f3f3f3);
            border-radius: .05rem;
            height: 1.85rem;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .game-popup-modal-container .game-popup-modal-body .game-image-container .game-image {
                width: 1.5rem;
                border-radius: .08rem
            }

    .game-popup-modal-container .game-popup-modal-footer .transaction-button-section {
        width: 100%
    }

        .game-popup-modal-container .game-popup-modal-footer .transaction-button-section .popup-demo-btn {
            background: undefined;
            color: undefined
        }

            .game-popup-modal-container .game-popup-modal-footer .transaction-button-section .popup-demo-btn:hover {
                background: undefined
            }

        .game-popup-modal-container .game-popup-modal-footer .transaction-button-section .popup-play-btn {
            background: undefined;
            color: undefined
        }

            .game-popup-modal-container .game-popup-modal-footer .transaction-button-section .popup-play-btn:hover {
                background: undefined
            }

    .game-popup-modal-container .game-popup-modal-footer .single-button-container .standard-button-container {
        justify-content: center
    }

        .game-popup-modal-container .game-popup-modal-footer .single-button-container .standard-button-container .standard-submit-form-button {
            background: undefined
        }

@media(max-width: 768px) {
    .game-popup-modal-container {
        width: 95%;
        max-width: 95%
    }

        .game-popup-modal-container .game-popup-modal-header {
            display: flex;
            align-items: center;
            text-align: left;
            font-size: .3rem;
            border-radius: .1rem .1rem 0 0
        }

        .game-popup-modal-container .game-popup-modal-body {
            padding: .16rem
        }

            .game-popup-modal-container .game-popup-modal-body .game-image-container {
                background: linear-gradient(#fafafa,#f3f3f3);
                height: 3.75rem;
                display: flex;
                justify-content: center;
                align-items: center
            }

                .game-popup-modal-container .game-popup-modal-body .game-image-container .game-image {
                    width: 3.06rem;
                    border-radius: .08rem
                }

        .game-popup-modal-container .game-popup-modal-footer {
            border-radius: 0 0 .1rem .1rem
        }

            .game-popup-modal-container .game-popup-modal-footer .transaction-button-section {
                width: 100%
            }

            .game-popup-modal-container .game-popup-modal-footer .single-button-container .standard-button-container {
                justify-content: center
            }
}

.chg-psw-popup-overlay {
    display: flex;
    align-items: center
}

.chg-psw-popup-modal-container {
    width: 478px;
    min-width: 478px;
    max-width: 478px
}

@media(max-width: 768px) {
    .chg-psw-popup-modal-container {
        width: 90%;
        max-width: 90%;
        min-width: 90%
    }
}

.m-referral-detail-popup-container {
    width: 90%
}

    .m-referral-detail-popup-container .referral-detail-popup-body-container .m-standard-setting-table-container .m-standard-setting-table {
        width: 100%
    }

        .m-referral-detail-popup-container .referral-detail-popup-body-container .m-standard-setting-table-container .m-standard-setting-table tbody tr {
            height: .5rem
        }

.Toastify .Toastify__toast-container--top-center {
    top: 4em
}

.Toastify .Toastify__toast {
    padding: .15rem;
    border-radius: .1rem;
    min-height: unset;
    margin-bottom: .1rem
}

.Toastify .Toastify__toast-body {
    margin: 0
}

.Toastify .Toastify__close-button {
    display: none
}

.Toastify .Toastify__toast-container {
    min-width: 4rem;
    z-index: 10000
}

.standard-notification-container {
    display: grid;
    grid-template-columns: 12% 87%;
    grid-column-gap: 1%;
    color: #666;
    grid-template-areas: 'icon content'
}

    .standard-notification-container .standard-notification-icon {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        grid-area: icon
    }

        .standard-notification-container .standard-notification-icon svg {
            width: .24rem
        }

        .standard-notification-container .standard-notification-icon .success {
            fill: #32cd32
        }

        .standard-notification-container .standard-notification-icon .error {
            fill: REd
        }

        .standard-notification-container .standard-notification-icon .warning {
            fill: coral
        }

        .standard-notification-container .standard-notification-icon .info {
            fill: #4169e1
        }

    .standard-notification-container .standard-notification-content {
        font-size: .14rem;
        display: flex;
        align-items: center;
        grid-area: content
    }

    .standard-notification-container .standard-notification-btn {
        grid-area: button;
        width: 20%;
        padding: .05rem;
        margin: .15rem auto 0;
        border: .01rem solid red;
        border-radius: .05rem;
        background: 0 0;
        color: red
    }

    .standard-notification-container .error {
        color: REd
    }

    .standard-notification-container.user-verification-container {
        grid-template-areas: 'icon content' 'button button'
    }

@media(max-width: 768px) {
    .Toastify__toast {
        padding: .3rem !important;
        margin-bottom: .3rem
    }

        .Toastify__toast:last-child {
            margin-bottom: calc(2rem + 5%);
            margin-bottom: -moz-calc(2rem + 5%);
            margin-bottom: -webkit-calc(2rem + 5%)
        }

    .Toastify__toast-container {
        width: 90vw;
        left: 50%;
        transform: translateX(-50%)
    }

    .standard-notification-container .standard-notification-icon {
        width: 100%;
        margin-right: .15rem
    }

        .standard-notification-container .standard-notification-icon svg {
            width: .4rem
        }

    .standard-notification-container .standard-notification-content {
        font-size: .24rem
    }
}

.standard-tab-container {
    width: 100%;
    overflow-x: auto;
    border-bottom: .01rem solid #dcdcdc
}

    .standard-tab-container .standard-tab-divider {
        height: .1rem;
        width: .01rem
    }

    .standard-tab-container .standard-tab {
        width: 100%;
        display: flex;
        font-size: .14rem;
        padding: 0
    }

        .standard-tab-container .standard-tab .tab-header {
            color: #888;
            background: 0 0;
            cursor: pointer;
            height: auto;
            padding: .25rem .15rem;
            display: flex;
            align-items: center;
            justify-content: center;
            width: auto;
            white-space: nowrap;
            flex-grow: inherit;
            margin: 0;
            font-weight: 500;
            border-radius: unset;
            flex-direction: unset;
            position: relative
        }

            .standard-tab-container .standard-tab .tab-header:hover, .standard-tab-container .standard-tab .tab-header.active {
                background: 0 0;
                color: #4B91C9;
                border: unset;
                border-style: unset;
                border-image: unset
            }

                .standard-tab-container .standard-tab .tab-header:hover .hover-line, .standard-tab-container .standard-tab .tab-header.active .hover-line {
                    border-bottom: .03rem solid #4b91c9;
                    width: .25rem;
                    margin-left: auto;
                    margin-right: auto;
                    position: absolute;
                    bottom: 0
                }

                .standard-tab-container .standard-tab .tab-header:hover .full-hover-line, .standard-tab-container .standard-tab .tab-header.active .full-hover-line {
                    border-bottom: .05rem solid #ff8a00;
                    margin-left: auto;
                    margin-right: auto;
                    position: absolute;
                    bottom: 0
                }

            .standard-tab-container .standard-tab .tab-header .custom-tab-icon {
                position: absolute;
                width: .76rem;
                top: .1rem
            }

        .standard-tab-container .standard-tab .tab-header-full-hover-line {
            color: #b8b8b8;
            background: 0 0;
            cursor: pointer;
            height: auto;
            padding: .18rem .25rem 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: auto;
            white-space: nowrap;
            margin: 0;
            font-weight: 500;
            border-radius: unset;
            position: relative
        }

            .standard-tab-container .standard-tab .tab-header-full-hover-line.active {
                background: 0 0;
                color: #4B91C9;
                border: unset;
                border-style: unset;
                border-image: unset
            }

                .standard-tab-container .standard-tab .tab-header-full-hover-line.active .full-hover-line {
                    margin-top: .16rem;
                    border-bottom: .05rem solid #ff8a00
                }

            .standard-tab-container .standard-tab .tab-header:hover, .standard-tab-container .standard-tab .tab-header-full-hover-line:hover {
                background: 0 0;
                color: #4B91C9
            }

        .standard-tab-container .standard-tab .dummy-tab-header, .standard-tab-container .standard-tab .dummy-tab-header:hover {
            background: 0 0;
            color: transparent;
            cursor: default;
            border: none
        }

.announcement-tab-container .standard-tab {
    align-items: center;
    justify-content: center
}

    .announcement-tab-container .standard-tab .tab-header-full-hover-line.active {
        color: #000
    }

    .announcement-tab-container .standard-tab .tab-header-full-hover-line:hover {
        background: 0 0;
        color: #444
    }

.promotion-tab-container .active-vip {
    background: #ff0 !important;
    color: #fff !important
}

.slot-tab-container {
    padding: 0 .2rem
}

@media(max-width: 768px) {
    .standard-tab-container {
        background: #f0f0f0;
        width: undefined;
        margin: undefined
    }

        .standard-tab-container .standard-tab-divider {
            height: 0
        }

        .standard-tab-container .standard-tab {
            font-size: .26rem;
            border-bottom: 0;
            padding: 0 .1rem;
            overflow: auto
        }

            .standard-tab-container .standard-tab .tab-header {
                background: undefined;
                padding: .25rem .3rem;
                font-size: .25rem;
                color: undefined;
                margin: undefined
            }

                .standard-tab-container .standard-tab .tab-header.active {
                    background: 0 0;
                    color: #4B91C9;
                    border-image: unset
                }

                    .standard-tab-container .standard-tab .tab-header.active .hover-line {
                        width: .4rem;
                        border-bottom: .06rem solid #4b91c9
                    }

                .standard-tab-container .standard-tab .tab-header .custom-tab-icon {
                    width: 1.4rem;
                    position: absolute;
                    top: 0
                }

        .standard-tab-container.deposit-tab-container {
            border-bottom: unset
        }

            .standard-tab-container.deposit-tab-container:after {
                content: '';
                display: block;
                border: .015rem #dcdcdc;
                border-style: none none solid none;
                width: 95%;
                margin: auto
            }

            .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper {
                padding: .2rem .2rem 0;
                border: none
            }

                .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper::after {
                    content: unset
                }

                .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper {
                    background: #f6f6f6;
                    border-radius: .1rem .1rem 0 0;
                    padding: .25rem .3rem .4rem
                }

                    .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab {
                        display: grid;
                        grid-template-columns: repeat(4,1fr);
                        grid-gap: .2rem .16rem;
                        padding: 0;
                        margin: .2rem 0 0;
                        overflow: visible
                    }

                        .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper {
                            display: flex;
                            flex-direction: column
                        }

                            .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-header {
                                padding: 0;
                                background: #f6f6f6;
                                border: .01rem solid #dcdcdc;
                                border-radius: .05rem;
                                height: 1rem
                            }

                                .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-header.active {
                                    background: rgba(40,219,0,.1);
                                    border: .05rem solid #28db00
                                }

                                .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-header .custom-tab-icon {
                                    top: -.2rem
                                }

                                .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-header .bank-option-icon {
                                    display: flex;
                                    width: .9rem;
                                    position: unset;
                                    margin: auto
                                }

                                .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-header .hover-line {
                                    display: none
                                }

                                .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-header svg {
                                    position: absolute;
                                    right: -.03rem;
                                    bottom: -.03rem;
                                    width: .3rem;
                                    height: .3rem
                                }

                            .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-desc {
                                text-align: center;
                                margin: .05rem 0 0;
                                color: #888
                            }

                                .standard-tab-container.deposit-tab-container.deposit-tab-grid-wrapper .deposit-tab-wrapper .standard-tab .tab-header-wrapper .tab-desc.active {
                                    color: #4B91C9
                                }

    .slot-tab-container {
        padding: 0
    }

        .slot-tab-container .standard-tab-divider {
            width: .01rem;
            height: .15rem
        }
}

.casino-banner.s1-provider-banner-template .casino-top .casino_content .custom_container {
    right: 1.7rem;
    top: 2.5rem
}

.casino-banner.s1-provider-banner-template .casino-bottom .casino-bottom-desc {
    top: unset;
    bottom: unset;
    left: unset;
    right: 1.2rem;
    color: #fff
}

.casino-banner.s2-provider-banner-template .casino-top .casino_content .custom_container {
    right: 1.75rem;
    top: 2.6rem
}

.casino-banner.s2-provider-banner-template .casino-bottom .casino-bottom-desc {
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
    color: #000
}

.casino-banner.s3-provider-banner-template .casino-top .casino_content .custom_container {
    right: 1.85rem;
    top: 2.4rem
}

.casino-banner.s3-provider-banner-template .casino-bottom .casino-bottom-desc {
    top: 40%;
    bottom: unset;
    left: unset;
    right: unset;
    text-align: center
}

    .casino-banner.s3-provider-banner-template .casino-bottom .casino-bottom-desc .desc-text {
        width: 100%
    }

    .casino-banner.s3-provider-banner-template .casino-bottom .casino-bottom-desc .casino-play-btn {
        margin: .1rem auto
    }

.casino-banner.s3-provider-banner-template .casino-bottom .casino-bottom-gallery li {
    width: 25%
}

.casino-banner.s3-provider-banner-template .casino-bottom .casino-bottom-gallery .casinoABName {
    display: none
}

.casino-banner.s4-provider-banner-template .casino-top .casino_content .custom_container {
    right: 1.75rem;
    top: 2.6rem
}

.casino-banner.s4-provider-banner-template .casino-bottom .casino-bottom-desc {
    top: 1.46rem;
    bottom: unset;
    left: unset;
    right: 1.89rem;
    color: #fff
}

@media(max-width: 2000px) {
    .casino-banner.s1-provider-banner-template .casino-top {
        height: 5.5rem
    }

        .casino-banner.s1-provider-banner-template .casino-top img {
            height: 5.5rem
        }

        .casino-banner.s1-provider-banner-template .casino-top .casino_content .custom_container {
            right: 2.02rem;
            top: 2.7rem
        }

    .casino-banner.s2-provider-banner-template .casino-top {
        height: 5.5rem
    }

        .casino-banner.s2-provider-banner-template .casino-top img {
            height: 5.5rem
        }

        .casino-banner.s2-provider-banner-template .casino-top .casino_content .custom_container {
            right: 2.1rem;
            top: 2.8rem
        }

    .casino-banner.s3-provider-banner-template .casino-top {
        height: 5.5rem
    }

        .casino-banner.s3-provider-banner-template .casino-top img {
            height: 5.5rem
        }

        .casino-banner.s3-provider-banner-template .casino-top .casino_content .custom_container {
            right: 2.2rem;
            top: 2.4rem
        }

    .casino-banner.s4-provider-banner-template .casino-top {
        height: 5.5rem
    }

        .casino-banner.s4-provider-banner-template .casino-top img {
            height: 5.5rem
        }

        .casino-banner.s4-provider-banner-template .casino-top .casino_content .custom_container {
            right: 1.45rem;
            top: 2.6rem
        }
}

@media(max-width: 1440px) {
    .casino-banner.s1-provider-banner-template .casino-top {
        height: 4.5rem
    }

        .casino-banner.s1-provider-banner-template .casino-top img {
            margin-left: -2.4rem;
            height: 4.5rem
        }

        .casino-banner.s1-provider-banner-template .casino-top .casino_content .custom_container {
            right: 1.94rem;
            top: 2.2rem
        }

    .casino-banner.s2-provider-banner-template .casino-top {
        height: 5.2rem
    }

        .casino-banner.s2-provider-banner-template .casino-top img {
            margin-left: -3.15rem;
            height: 5.2rem
        }

        .casino-banner.s2-provider-banner-template .casino-top .casino_content .custom_container {
            right: 2.05rem;
            top: 2.7rem
        }

    .casino-banner.s3-provider-banner-template .casino-top {
        height: 4.5rem
    }

        .casino-banner.s3-provider-banner-template .casino-top img {
            margin-left: 0;
            width: 100%;
            height: 4.5rem
        }

        .casino-banner.s3-provider-banner-template .casino-top .casino_content .custom_container {
            right: 2.05rem;
            top: 2.1rem
        }

    .casino-banner.s4-provider-banner-template .casino-top {
        height: 5.2rem
    }

        .casino-banner.s4-provider-banner-template .casino-top img {
            margin-left: -3.15rem;
            height: 5.2rem
        }

        .casino-banner.s4-provider-banner-template .casino-top .casino_content .custom_container {
            right: 1.45rem;
            top: 2.6rem
        }
}

@media(max-width: 1024px) {
    .casino-banner.s1-provider-banner-template .casino-top img {
        margin-left: -3.5rem
    }

    .casino-banner.s1-provider-banner-template .casino-top .casino_content .custom_container {
        top: 2.2rem;
        right: 1.8rem
    }

    .casino-banner.s2-provider-banner-template .casino-top img {
        margin-left: -4.35rem
    }

    .casino-banner.s2-provider-banner-template .casino-top .casino_content .custom_container {
        top: 2.6rem;
        right: 2.05rem
    }

    .casino-banner.s3-provider-banner-template .casino-top img {
        margin-left: 0;
        width: 100%
    }

    .casino-banner.s3-provider-banner-template .casino-top .casino_content .custom_container {
        top: 2.1rem;
        right: 2.05rem
    }

    .casino-banner.s4-provider-banner-template .casino-top img {
        margin-left: -4.35rem
    }

    .casino-banner.s4-provider-banner-template .casino-top .casino_content .custom_container {
        right: 1.45rem;
        top: 2.6rem
    }
}

.slot-container.s1-provider-banner-template .top .slot_content .custom_container {
    right: 2rem;
    top: 2.5rem
}

.slot-container.s1-provider-banner-template .top .slot_content .custom_container_winner {
    left: -5.5rem;
    top: 5.15rem
}

.slot-container.s2-provider-banner-template .top .slot_content .custom_container {
    right: 2.05rem;
    top: 2.1rem
}

.slot-container.s2-provider-banner-template .top .slot_content .custom_container_winner {
    left: -5.42rem;
    top: 5.15rem
}

.slot-container.s3-provider-banner-template .top .slot_content .custom_container {
    right: 2.15rem;
    top: 2.25rem
}

.slot-container.s3-provider-banner-template .top .slot_content .custom_container_winner {
    left: -5.5rem;
    top: 5.12rem
}

.slot-container.s4-provider-banner-template .top .slot_content .custom_container {
    right: 2.05rem;
    top: 2.1rem
}

.slot-container.s4-provider-banner-template .top .slot_content .custom_container_winner {
    left: -5.42rem;
    top: 5.15rem
}

@media(max-width: 2000px) {
    .slot-container.s1-provider-banner-template .top {
        height: 5.2rem
    }

        .slot-container.s1-provider-banner-template .top img {
            height: 5.2rem
        }

        .slot-container.s1-provider-banner-template .top .slot_content .custom_container {
            right: 1.55rem;
            top: 2.6rem
        }

        .slot-container.s1-provider-banner-template .top .slot_content .custom_container_winner {
            left: -5.15rem;
            top: 5.2rem
        }

    .slot-container.s2-provider-banner-template .top {
        height: 5.5rem
    }

        .slot-container.s2-provider-banner-template .top img {
            height: 5.5rem
        }

        .slot-container.s2-provider-banner-template .top .slot_content .custom_container {
            right: 2.2rem;
            top: 2.2rem
        }

        .slot-container.s2-provider-banner-template .top .slot_content .custom_container_winner {
            left: -5.75rem;
            top: 5.5rem
        }

    .slot-container.s3-provider-banner-template .top {
        height: 5.5rem
    }

        .slot-container.s3-provider-banner-template .top img {
            height: 5.5rem
        }

        .slot-container.s3-provider-banner-template .top .slot_content .custom_container {
            right: 2.3rem;
            top: 2.8rem
        }

        .slot-container.s3-provider-banner-template .top .slot_content .custom_container_winner {
            left: -5.85rem;
            top: 5.5rem
        }

    .slot-container.s4-provider-banner-template .top {
        height: 5.5rem
    }

        .slot-container.s4-provider-banner-template .top img {
            height: 5.5rem
        }

        .slot-container.s4-provider-banner-template .top .slot_content .custom_container {
            right: 1.75rem;
            top: 2.6rem
        }

        .slot-container.s4-provider-banner-template .top .slot_content .custom_container_winner {
            left: -4.65rem;
            top: 5.5rem
        }
}

@media(max-width: 1440px) {
    .slot-container.s1-provider-banner-template .top {
        height: 5.2rem
    }

        .slot-container.s1-provider-banner-template .top img {
            margin-left: -2.4rem;
            height: 5.2rem
        }

        .slot-container.s1-provider-banner-template .top .slot_content .custom_container {
            right: 1.55rem;
            top: 2.38rem
        }

        .slot-container.s1-provider-banner-template .top .slot_content .custom_container_winner {
            left: -5.15rem;
            top: 5rem
        }

    .slot-container.s2-provider-banner-template .top {
        height: 5.5rem
    }

        .slot-container.s2-provider-banner-template .top img {
            margin-left: -3.48rem;
            height: 5.5rem
        }

        .slot-container.s2-provider-banner-template .top .slot_content .custom_container {
            right: 2.18rem;
            top: 2.2rem
        }

        .slot-container.s2-provider-banner-template .top .slot_content .custom_container_winner {
            left: -5.75rem;
            top: 5.5rem
        }

    .slot-container.s3-provider-banner-template .top {
        height: 5.5rem
    }

        .slot-container.s3-provider-banner-template .top img {
            margin-left: 0;
            width: 100%;
            height: 5.5rem
        }

        .slot-container.s3-provider-banner-template .top .slot_content .custom_container {
            right: 2.15rem;
            top: 2.7rem
        }

        .slot-container.s3-provider-banner-template .top .slot_content .custom_container_winner {
            left: -5.75rem;
            top: 5.5rem
        }

    .slot-container.s4-provider-banner-template .top {
        height: 5.5rem
    }

        .slot-container.s4-provider-banner-template .top img {
            margin-left: -3.48rem;
            height: 5.5rem
        }

        .slot-container.s4-provider-banner-template .top .slot_content .custom_container {
            right: 1.75rem;
            top: 2.6rem
        }

        .slot-container.s4-provider-banner-template .top .slot_content .custom_container_winner {
            left: -4.65rem;
            top: 5.5rem
        }
}

@media(max-width: 1024px) {
    .slot-container.s1-provider-banner-template .top img {
        margin-left: -3.9rem
    }

    .slot-container.s1-provider-banner-template .top .slot_content .custom_container {
        right: 1.75rem;
        top: 2.38rem
    }

    .slot-container.s1-provider-banner-template .top .slot_content .custom_container_winner {
        left: -5.3rem;
        top: 5rem
    }

    .slot-container.s2-provider-banner-template .top img {
        margin-left: -4.66rem
    }

    .slot-container.s2-provider-banner-template .top .slot_content .custom_container {
        right: 2.16rem;
        top: 2.2rem
    }

    .slot-container.s2-provider-banner-template .top .slot_content .custom_container_winner {
        left: -5.75rem;
        top: 5.5rem
    }

    .slot-container.s3-provider-banner-template .top img {
        margin-left: 0;
        width: 100%
    }

    .slot-container.s3-provider-banner-template .top .slot_content .custom_container {
        right: 2.2rem;
        top: 2.7rem
    }

    .slot-container.s3-provider-banner-template .top .slot_content .custom_container_winner {
        left: -5.75rem;
        top: 5.5rem
    }

    .slot-container.s4-provider-banner-template .top img {
        margin-left: -4.66rem
    }

    .slot-container.s4-provider-banner-template .top .slot_content .custom_container {
        right: 1.75rem;
        top: 2.6rem
    }

    .slot-container.s4-provider-banner-template .top .slot_content .custom_container_winner {
        left: -4.65rem;
        top: 5.5rem
    }
}

.poker-banner.s1-provider-banner-template .top .poker_content .custom_container {
    right: 1.7rem;
    top: 2.4rem
}

.poker-banner.s2-provider-banner-template .top .poker_content .custom_container {
    right: 1.75rem;
    top: 2.6rem
}

.poker-banner.s2-provider-banner-template .poker_bottom {
    margin: auto
}

    .poker-banner.s2-provider-banner-template .poker_bottom .desc {
        top: 1.5rem;
        left: 1.2rem
    }

.poker-banner.s3-provider-banner-template .top .poker_content .custom_container {
    right: 1.8rem;
    top: 2.4rem
}

.poker-banner.s3-provider-banner-template .poker_bottom {
    margin: auto
}

    .poker-banner.s3-provider-banner-template .poker_bottom .desc {
        top: 1.3rem;
        left: 1.35rem
    }

.poker-banner.s4-provider-banner-template .top .poker_content .custom_container {
    right: 1.75rem;
    top: 2.6rem
}

.poker-banner.s4-provider-banner-template .poker_bottom {
    margin: auto
}

    .poker-banner.s4-provider-banner-template .poker_bottom .desc {
        top: 1.5rem;
        left: 1.2rem
    }

@media(max-width: 2000px) {
    .poker-banner.s1-provider-banner-template .top {
        height: 5.5rem
    }

        .poker-banner.s1-provider-banner-template .top img {
            height: 5.5rem
        }

        .poker-banner.s1-provider-banner-template .top .poker_content .custom_container {
            right: 2.05rem;
            top: 2.5rem
        }

    .poker-banner.s2-provider-banner-template .top {
        height: 5.5rem
    }

        .poker-banner.s2-provider-banner-template .top img {
            height: 5.5rem
        }

        .poker-banner.s2-provider-banner-template .top .poker_content .custom_container {
            right: 2.1rem;
            top: 2.8rem
        }

    .poker-banner.s3-provider-banner-template .top {
        height: 5.5rem
    }

        .poker-banner.s3-provider-banner-template .top img {
            height: 5.5rem
        }

        .poker-banner.s3-provider-banner-template .top .poker_content .custom_container {
            right: 2.15rem;
            top: 2.4rem
        }

    .poker-banner.s4-provider-banner-template .top {
        height: 5.5rem
    }

        .poker-banner.s4-provider-banner-template .top img {
            height: 5.5rem
        }

        .poker-banner.s4-provider-banner-template .top .poker_content .custom_container {
            right: 1.5rem;
            top: 2.8rem
        }
}

@media(max-width: 1440px) {
    .poker-banner.s1-provider-banner-template .top {
        height: 4.5rem
    }

        .poker-banner.s1-provider-banner-template .top img {
            margin-left: -2.4rem;
            height: 4.5rem
        }

        .poker-banner.s1-provider-banner-template .top .poker_content .custom_container {
            right: 1.92rem;
            top: 2.2rem
        }

    .poker-banner.s2-provider-banner-template .top {
        height: 4.5rem
    }

        .poker-banner.s2-provider-banner-template .top img {
            margin-left: -2.5rem;
            height: 4.5rem
        }

        .poker-banner.s2-provider-banner-template .top .poker_content .custom_container {
            right: 2.06rem;
            top: 2.2rem
        }

    .poker-banner.s3-provider-banner-template .top {
        height: 4.5rem
    }

        .poker-banner.s3-provider-banner-template .top img {
            margin-left: 0;
            width: 100%;
            height: 4.5rem
        }

        .poker-banner.s3-provider-banner-template .top .poker_content .custom_container {
            right: 2.1rem;
            top: 2.2rem
        }

    .poker-banner.s4-provider-banner-template .top {
        height: 4.5rem
    }

        .poker-banner.s4-provider-banner-template .top img {
            margin-left: -2.5rem;
            height: 4.5rem
        }

        .poker-banner.s4-provider-banner-template .top .poker_content .custom_container {
            right: 1.5rem;
            top: 2.2rem
        }
}

@media(max-width: 1024px) {
    .poker-banner.s1-provider-banner-template .top {
        height: 4rem
    }

        .poker-banner.s1-provider-banner-template .top img {
            height: 4rem;
            margin-left: -2.5rem
        }

        .poker-banner.s1-provider-banner-template .top .poker_content .custom_container {
            right: 1.3rem;
            top: 1.9rem
        }

    .poker-banner.s2-provider-banner-template .top {
        height: 4rem
    }

        .poker-banner.s2-provider-banner-template .top img {
            height: 4rem;
            margin-left: -3.22rem
        }

        .poker-banner.s2-provider-banner-template .top .poker_content .custom_container {
            right: 2.06rem;
            top: 2rem
        }

    .poker-banner.s3-provider-banner-template .top {
        height: 4rem
    }

        .poker-banner.s3-provider-banner-template .top img {
            height: 4rem;
            margin-left: 0;
            width: 100%
        }

        .poker-banner.s3-provider-banner-template .top .poker_content .custom_container {
            right: 2.1rem;
            top: 2rem
        }

    .poker-banner.s4-provider-banner-template .top {
        height: 4rem
    }

        .poker-banner.s4-provider-banner-template .top img {
            height: 4rem;
            margin-left: -3.22rem
        }

        .poker-banner.s4-provider-banner-template .top .poker_content .custom_container {
            right: 1.5rem;
            top: 2rem
        }
}

.lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
    right: .66rem;
    top: 2.6rem
}

.lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
    right: 1.03rem;
    top: 2.8rem
}

.lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
    right: 1.1rem;
    top: 2.4rem
}

.lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
    right: 1.03rem;
    top: 2.8rem
}

@media(max-width: 2000px) {
    .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem
    }

        .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
            height: 5.2rem
        }

        .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
            right: 1rem;
            top: 2.5rem
        }

    .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem
    }

        .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
            height: 5.2rem
        }

        .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
            right: 1.1rem;
            top: 2.8rem
        }

    .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem
    }

        .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
            height: 5.2rem
        }

        .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
            right: 1.04rem;
            top: 2.4rem
        }

    .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem
    }

        .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
            height: 5.2rem
        }

        .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
            right: 1.1rem;
            top: 2.8rem
        }
}

@media(max-width: 1440px) {
    .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem
    }

        .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
            height: 5.2rem;
            margin-left: -3.7rem
        }

        .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
            right: 1.8rem;
            top: 2.5rem
        }

    .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem
    }

        .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
            height: 5.2rem;
            margin-left: -3.17rem
        }

        .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
            right: 1.35rem;
            top: 2.9rem
        }

    .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem
    }

        .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
            height: 5.2rem;
            margin-left: 0;
            width: 100%
        }

        .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
            right: 1.22rem;
            top: 2.5rem
        }

    .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem
    }

        .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
            height: 5.2rem;
            margin-left: -3.17rem
        }

        .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
            right: 1.2rem;
            top: 2.9rem
        }
}

@media(max-width: 1024px) {
    .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem
    }

        .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
            height: 5.2rem;
            margin-left: -4.9rem
        }

        .lottery-content.s1-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
            right: 1.8rem;
            top: 2.4rem
        }

    .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem
    }

        .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
            height: 5.2rem;
            margin-left: -4.38rem
        }

        .lottery-content.s2-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
            right: 1.35rem;
            top: 2.9rem
        }

    .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem
    }

        .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
            height: 5.2rem;
            margin-left: 0;
            width: 100%
        }

        .lottery-content.s3-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
            right: 1.22rem;
            top: 2.5rem
        }

    .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner {
        height: 5.2rem
    }

        .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner img {
            height: 5.2rem;
            margin-left: -4.38rem
        }

        .lottery-content.s4-provider-banner-template .lottery-bg-container .lottery-bn-container .lottery-banner .lottery-bn-desc .custom_container {
            right: 1.2rem;
            top: 2.9rem
        }
}

@media(max-width: 2000px) {
    .lotteryIndexContainerStyle.s1-provider-banner-template .top {
        height: 5.5rem
    }

        .lotteryIndexContainerStyle.s1-provider-banner-template .top img {
            height: 5.5rem
        }

    .lotteryIndexContainerStyle.s3-provider-banner-template .top {
        height: 5.5rem
    }

        .lotteryIndexContainerStyle.s3-provider-banner-template .top img {
            height: 5.5rem
        }

    .lotteryIndexContainerStyle.s4-provider-banner-template .top {
        height: 5.5rem
    }

        .lotteryIndexContainerStyle.s4-provider-banner-template .top img {
            height: 5.5rem
        }
}

@media(max-width: 1440px) {
    .lotteryIndexContainerStyle.s1-provider-banner-template .top {
        height: 4.5rem
    }

        .lotteryIndexContainerStyle.s1-provider-banner-template .top img {
            height: 4.5rem;
            margin-left: -2.4rem
        }

    .lotteryIndexContainerStyle.s3-provider-banner-template .top {
        height: 4.5rem
    }

        .lotteryIndexContainerStyle.s3-provider-banner-template .top img {
            height: 4.5rem;
            margin-left: -2.4rem
        }

    .lotteryIndexContainerStyle.s4-provider-banner-template .top {
        height: 4.5rem
    }

        .lotteryIndexContainerStyle.s4-provider-banner-template .top img {
            height: 4.5rem;
            margin-left: -2.4rem
        }
}

@media(max-width: 1024px) {
    .lotteryIndexContainerStyle.s1-provider-banner-template .top {
        height: 4.5rem
    }

        .lotteryIndexContainerStyle.s1-provider-banner-template .top img {
            height: 4.5rem;
            margin-left: -3.6rem
        }

    .lotteryIndexContainerStyle.s3-provider-banner-template .top {
        height: 4.5rem
    }

        .lotteryIndexContainerStyle.s3-provider-banner-template .top img {
            height: 4.5rem;
            margin-left: -3.6rem
        }

    .lotteryIndexContainerStyle.s4-provider-banner-template .top {
        height: 4.5rem
    }

        .lotteryIndexContainerStyle.s4-provider-banner-template .top img {
            height: 4.5rem;
            margin-left: -3.6rem
        }
}

.fishing-banner.s1-provider-banner-template .top .fishing_content .custom_container {
    right: 1.15rem;
    top: 2.6rem
}

.fishing-banner.s2-provider-banner-template .top .fishing_content .custom_container {
    right: 1.55rem;
    top: 2.6rem
}

.fishing-banner.s3-provider-banner-template .top .fishing_content .custom_container {
    right: 1.65rem;
    top: 2.4rem
}

.fishing-banner.s4-provider-banner-template .top .fishing_content .custom_container {
    right: 1.55rem;
    top: 2.6rem
}

@media(max-width: 2000px) {
    .fishing-banner.s1-provider-banner-template .top {
        height: 5.5rem
    }

        .fishing-banner.s1-provider-banner-template .top img {
            height: 5.5rem
        }

        .fishing-banner.s1-provider-banner-template .top .fishing_content .custom_container {
            right: 1.46rem;
            top: 2.9rem
        }

    .fishing-banner.s2-provider-banner-template .top {
        height: 5.5rem
    }

        .fishing-banner.s2-provider-banner-template .top img {
            height: 5.5rem
        }

        .fishing-banner.s2-provider-banner-template .top .fishing_content .custom_container {
            right: 1.9rem;
            top: 2.8rem
        }

    .fishing-banner.s3-provider-banner-template .top {
        height: 5.5rem
    }

        .fishing-banner.s3-provider-banner-template .top img {
            height: 5.5rem
        }

        .fishing-banner.s3-provider-banner-template .top .fishing_content .custom_container {
            right: 2rem;
            top: 2.4rem
        }

    .fishing-banner.s4-provider-banner-template .top {
        height: 5.5rem
    }

        .fishing-banner.s4-provider-banner-template .top img {
            height: 5.5rem
        }

        .fishing-banner.s4-provider-banner-template .top .fishing_content .custom_container {
            right: 1.3rem;
            top: 2.8rem
        }
}

@media(max-width: 1440px) {
    .fishing-banner.s1-provider-banner-template .top {
        height: 4.5rem
    }

        .fishing-banner.s1-provider-banner-template .top img {
            height: 4.5rem;
            margin-left: -3rem
        }

        .fishing-banner.s1-provider-banner-template .top .fishing_content .custom_container {
            right: 1.84rem;
            top: 2.3rem
        }

    .fishing-banner.s2-provider-banner-template .top {
        height: 4.5rem
    }

        .fishing-banner.s2-provider-banner-template .top img {
            height: 4.5rem;
            margin-left: -2.5rem
        }

        .fishing-banner.s2-provider-banner-template .top .fishing_content .custom_container {
            right: 1.86rem;
            top: 2.3rem
        }

    .fishing-banner.s3-provider-banner-template .top {
        height: 4.5rem
    }

        .fishing-banner.s3-provider-banner-template .top img {
            height: 4.5rem;
            margin-left: 0;
            width: 100%
        }

        .fishing-banner.s3-provider-banner-template .top .fishing_content .custom_container {
            right: 1.9rem;
            top: 2.1rem
        }

    .fishing-banner.s4-provider-banner-template .top {
        height: 4.5rem
    }

        .fishing-banner.s4-provider-banner-template .top img {
            height: 4.5rem;
            margin-left: -2.5rem
        }

        .fishing-banner.s4-provider-banner-template .top .fishing_content .custom_container {
            right: 1.35rem;
            top: 2.8rem
        }
}

@media(max-width: 1024px) {
    .fishing-banner.s1-provider-banner-template .top {
        height: 4.5rem
    }

        .fishing-banner.s1-provider-banner-template .top img {
            margin-left: -4.2rem;
            height: 4.5rem
        }

        .fishing-banner.s1-provider-banner-template .top .fishing_contnet .custom_container {
            right: 1.8rem;
            top: 2.3rem
        }

    .fishing-banner.s2-provider-banner-template .top {
        height: 4.5rem
    }

        .fishing-banner.s2-provider-banner-template .top img {
            margin-left: -3.7rem;
            height: 4.5rem
        }

        .fishing-banner.s2-provider-banner-template .top .fishing_contnet .custom_container {
            right: 1.85rem;
            top: 2.3rem
        }

    .fishing-banner.s3-provider-banner-template .top {
        height: 4.5rem
    }

        .fishing-banner.s3-provider-banner-template .top img {
            margin-left: 0;
            width: 100%;
            height: 4.5rem
        }

        .fishing-banner.s3-provider-banner-template .top .fishing_contnet .custom_container {
            right: 1.9rem;
            top: 2.1rem
        }

    .fishing-banner.s4-provider-banner-template .top {
        height: 4.5rem
    }

        .fishing-banner.s4-provider-banner-template .top img {
            margin-left: -3.7rem;
            height: 4.5rem
        }

        .fishing-banner.s4-provider-banner-template .top .fishing_contnet .custom_container {
            right: 1.35rem;
            top: 2.8rem
        }
}

.Sports-content-container.s1-provider-banner-template {
}

    .Sports-content-container.s1-provider-banner-template .m8-banner {
        background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s1/sport/S-M8.jpg),url(/public/html/images/sports/sport-bg.jpg)
    }

    .Sports-content-container.s1-provider-banner-template .bti-banner {
        background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s1/sport/S-BTI.jpg),url(/public/html/images/sports/bti-bg.jpg)
    }

    .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: .98rem;
        top: 2.55rem
    }

.Sports-content-container.s2-provider-banner-template {
}

    .Sports-content-container.s2-provider-banner-template .m8-banner {
        background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s2/sport/S-M8-bg.jpg),url(/public/html/images/sports/sport-bg.jpg)
    }

    .Sports-content-container.s2-provider-banner-template .bti-banner {
        background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s2/sport/S-BTI-bg.jpg),url(/public/html/images/sports/bti-bg.jpg)
    }

    .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: 1.8rem;
        top: 2.3rem
    }

.Sports-content-container.s3-provider-banner-template {
}

    .Sports-content-container.s3-provider-banner-template .m8-banner {
        background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s3/sport/S-M8-bg.jpg),url(/public/html/images/sports/sport-bg.jpg);
        height: 100%;
        background-size: cover
    }

    .Sports-content-container.s3-provider-banner-template .bti-banner {
        background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s3/sport/S-BTI-bg.jpg),url(/public/html/images/sports/bti-bg.jpg)
    }

    .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: 1.1rem;
        top: 2.4rem
    }

.Sports-content-container.s4-provider-banner-template {
}

    .Sports-content-container.s4-provider-banner-template .m8-banner {
        background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s4/sport/S-M8-bg.jpg),url(/public/html/images/sports/sport-bg.jpg)
    }

    .Sports-content-container.s4-provider-banner-template .bti-banner {
        background-image: url(/public/html/default_whitelabel/template/images/provider-banner/s4/sport/S-BTI-bg.jpg),url(/public/html/images/sports/bti-bg.jpg)
    }

    .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
        right: 1.8rem;
        top: 2.3rem
    }

@media(max-width: 2000px) {
    .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.5rem
    }

        .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner img {
            height: 5.5rem
        }

        .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
            right: 1.3rem;
            top: 2.75rem
        }

    .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.5rem
    }

        .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner img {
            height: 5.5rem
        }

        .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
            right: 1.4rem;
            top: 2.8rem
        }

    .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.5rem
    }

        .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner img {
            height: 5.5rem
        }

        .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
            right: 1.45rem;
            top: 2.4rem
        }

    .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.5rem
    }

        .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner img {
            height: 5.5rem
        }

        .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
            right: .8rem;
            top: 2.8rem
        }
}

@media(max-width: 1440px) {
    .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem
    }

        .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner img {
            margin-left: -4rem;
            height: 5.2rem
        }

        .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
            right: 2.1rem;
            top: 2.5rem
        }

    .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem
    }

        .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner img {
            margin-left: -3.2rem;
            height: 5.2rem
        }

        .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
            right: 1.4rem;
            top: 2.6rem
        }

    .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem
    }

        .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner img {
            margin-left: -3.15rem;
            height: 5.2rem
        }

        .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
            right: 1.45rem;
            top: 2.4rem
        }

    .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem
    }

        .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner img {
            margin-left: -3.2rem;
            height: 5.2rem
        }

        .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
            right: .8rem;
            top: 2.6rem
        }
}

@media(max-width: 1024px) {
    .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem
    }

        .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner img {
            margin-left: -4.9rem;
            height: 5.2rem
        }

        .Sports-content-container.s1-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
            right: 1.8rem;
            top: 2.55rem
        }

    .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem
    }

        .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner img {
            margin-left: -4.4rem;
            height: 5.2rem
        }

        .Sports-content-container.s2-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
            right: 1.4rem;
            top: 2.6rem
        }

    .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem
    }

        .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner img {
            margin-left: -4.35rem;
            height: 5.2rem
        }

        .Sports-content-container.s3-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
            right: 1.4rem;
            top: 2.4rem
        }

    .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner {
        height: 5.2rem
    }

        .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner img {
            margin-left: -4.4rem;
            height: 5.2rem
        }

        .Sports-content-container.s4-provider-banner-template .Sport-bg .virtual-banner .virtual-bn-desc .custom_container {
            right: .8rem;
            top: 2.6rem
        }
}

.esportLandingSection.s1-provider-banner-template .esport-banner .btn-container .custom_container {
    right: .95rem;
    top: 2.1rem
}

.esportLandingSection.s2-provider-banner-template .esport-banner .btn-container .custom_container {
    right: .85rem;
    top: 2.7rem
}

.esportLandingSection.s3-provider-banner-template .esport-banner .btn-container .custom_container {
    right: 1.15rem;
    top: 2.4rem
}

.esportLandingSection.s4-provider-banner-template .esport-banner .btn-container .custom_container {
    right: .85rem;
    top: 2.7rem
}

@media(max-width: 2000px) {
    .esportLandingSection.s1-provider-banner-template .esport-banner {
        height: 5.5rem
    }

        .esportLandingSection.s1-provider-banner-template .esport-banner img {
            height: 5.5rem
        }

        .esportLandingSection.s1-provider-banner-template .esport-banner .btn-container .custom_container {
            right: 1.34rem;
            top: 2.5rem
        }

    .esportLandingSection.s2-provider-banner-template .esport-banner {
        height: 5.5rem
    }

        .esportLandingSection.s2-provider-banner-template .esport-banner img {
            height: 5.5rem
        }

        .esportLandingSection.s2-provider-banner-template .esport-banner .btn-container .custom_container {
            right: 1.2rem;
            top: 2.8rem
        }

    .esportLandingSection.s3-provider-banner-template .esport-banner {
        height: 5.5rem
    }

        .esportLandingSection.s3-provider-banner-template .esport-banner img {
            height: 5.5rem
        }

        .esportLandingSection.s3-provider-banner-template .esport-banner .btn-container .custom_container {
            right: 1.5rem;
            top: 2.5rem
        }

    .esportLandingSection.s4-provider-banner-template .esport-banner {
        height: 5.5rem
    }

        .esportLandingSection.s4-provider-banner-template .esport-banner img {
            height: 5.5rem
        }

        .esportLandingSection.s4-provider-banner-template .esport-banner .btn-container .custom_container {
            right: 1.2rem;
            top: 2.8rem
        }
}

@media(max-width: 1440px) {
    .esportLandingSection.s1-provider-banner-template .esport-banner {
        height: 4.5rem
    }

        .esportLandingSection.s1-provider-banner-template .esport-banner img {
            margin-left: -2.95rem;
            height: 4.5rem
        }

        .esportLandingSection.s1-provider-banner-template .esport-banner .btn-container .custom_container {
            right: 1.76rem;
            top: 2.2rem
        }

    .esportLandingSection.s2-provider-banner-template .esport-banner {
        height: 4.5rem
    }

        .esportLandingSection.s2-provider-banner-template .esport-banner img {
            margin-left: -2.6rem;
            height: 4.5rem
        }

        .esportLandingSection.s2-provider-banner-template .esport-banner .btn-container .custom_container {
            right: 1.3rem;
            top: 2.4rem
        }

    .esportLandingSection.s3-provider-banner-template .esport-banner {
        height: 4.5rem
    }

        .esportLandingSection.s3-provider-banner-template .esport-banner img {
            margin-left: 0;
            width: 100%;
            height: 4.5rem
        }

        .esportLandingSection.s3-provider-banner-template .esport-banner .btn-container .custom_container {
            right: 1.35rem;
            top: 2.15rem
        }

    .esportLandingSection.s4-provider-banner-template .esport-banner {
        height: 4.5rem
    }

        .esportLandingSection.s4-provider-banner-template .esport-banner img {
            margin-left: -2.6rem;
            height: 4.5rem
        }

        .esportLandingSection.s4-provider-banner-template .esport-banner .btn-container .custom_container {
            right: 1.3rem;
            top: 2.4rem
        }
}

@media(max-width: 1024px) {
    .esportLandingSection.s1-provider-banner-template .esport-banne img {
        margin-left: -4.1rem
    }

    .esportLandingSection.s1-provider-banner-template .esport-banne .btn-container .custom_container {
        right: 1.69rem;
        top: 2.1rem
    }

    .esportLandingSection.s2-provider-banner-template .esport-banner img {
        margin-left: -3.9rem
    }

    .esportLandingSection.s2-provider-banner-template .esport-banner .btn-container .custom_container {
        right: 1.4rem;
        top: 2.4rem
    }

    .esportLandingSection.s3-provider-banner-template .esport-banner img {
        margin-left: 0;
        width: 100%
    }

    .esportLandingSection.s3-provider-banner-template .esport-banner .btn-container .custom_container {
        right: 1.4rem;
        top: 2.15rem
    }

    .esportLandingSection.s4-provider-banner-template .esport-banner img {
        margin-left: -3.9rem
    }

    .esportLandingSection.s4-provider-banner-template .esport-banner .btn-container .custom_container {
        right: 1.4rem;
        top: 2.4rem
    }
}

.game3DContainerStyle {
}

    .game3DContainerStyle.s1-provider-banner-template .top .games_content .custom_container {
        right: 1.65rem;
        top: 2.4rem
    }

    .game3DContainerStyle.s3-provider-banner-template .top .games_content .custom_container {
        right: 1.8rem;
        top: 2.3rem
    }

    .game3DContainerStyle.s4-provider-banner-template .top .games_content .custom_container {
        right: 1.8rem;
        top: 2.3rem
    }

@media(max-width: 2000px) {
    .game3DContainerStyle.s1-provider-banner-template .top {
        height: 514px
    }

        .game3DContainerStyle.s1-provider-banner-template .top img {
            height: 514px
        }

        .game3DContainerStyle.s1-provider-banner-template .top .games_content .custom_container {
            right: 1.65rem;
            top: 2.4rem
        }

    .game3DContainerStyle.s3-provider-banner-template .top {
        height: 514px
    }

        .game3DContainerStyle.s3-provider-banner-template .top img {
            height: 514px
        }

        .game3DContainerStyle.s3-provider-banner-template .top .games_content .custom_container {
            right: 1.8rem;
            top: 2.4rem
        }

    .game3DContainerStyle.s4-provider-banner-template .top {
        height: 514px
    }

        .game3DContainerStyle.s4-provider-banner-template .top img {
            height: 514px
        }

        .game3DContainerStyle.s4-provider-banner-template .top .games_content .custom_container {
            right: 1.8rem;
            top: 2.4rem
        }
}

@media(max-width: 1440px) {
    .game3DContainerStyle.s1-provider-banner-template .top {
        height: 4.5rem
    }

        .game3DContainerStyle.s1-provider-banner-template .top img {
            margin-left: -2.4rem;
            height: 4.5rem
        }

        .game3DContainerStyle.s1-provider-banner-template .top .games_content .custom_container {
            right: 1.9rem;
            top: 2.1rem
        }

    .game3DContainerStyle.s3-provider-banner-template .top {
        height: 4.5rem
    }

        .game3DContainerStyle.s3-provider-banner-template .top img {
            margin-left: 0;
            width: 100%;
            height: 4.5rem
        }

        .game3DContainerStyle.s3-provider-banner-template .top .games_content .custom_container {
            right: 2.05rem;
            top: 2.2rem
        }

    .game3DContainerStyle.s4-provider-banner-template .top {
        height: 4.5rem
    }

        .game3DContainerStyle.s4-provider-banner-template .top img {
            margin-left: -2.4rem;
            height: 4.5rem
        }

        .game3DContainerStyle.s4-provider-banner-template .top .games_content .custom_container {
            right: 2.05rem;
            top: 2.2rem
        }
}

@media(max-width: 1024px) {
    .game3DContainerStyle.s1-provider-banner-template .top {
        height: 4.5rem
    }

        .game3DContainerStyle.s1-provider-banner-template .top img {
            margin-left: -3.6rem
        }

        .game3DContainerStyle.s1-provider-banner-template .top .games_content .custom_container {
            top: 2.1rem;
            right: 1.87rem
        }

    .game3DContainerStyle.s3-provider-banner-template .top {
        height: 4.5rem
    }

        .game3DContainerStyle.s3-provider-banner-template .top img {
            margin-left: 0;
            width: 100%
        }

        .game3DContainerStyle.s3-provider-banner-template .top .games_content .custom_container {
            top: 2.2rem;
            right: 2.05rem
        }

    .game3DContainerStyle.s4-provider-banner-template .top {
        height: 4.5rem
    }

        .game3DContainerStyle.s4-provider-banner-template .top img {
            margin-left: -3.6rem
        }

        .game3DContainerStyle.s4-provider-banner-template .top .games_content .custom_container {
            top: 2.2rem;
            right: 2.05rem
        }
}

.mobileGameTabSection .mobileGameTabContainer.s1-submenu-icon-template .submenuTab ul li .mobileGameTabList svg, .mobileGameTabSection .mobileGameTabContainer.ds1-submenu-icon-template .submenuTab ul li .mobileGameTabList svg, .mobileGameTabSection .mobileGameTabContainer.s2-submenu-icon-template .submenuTab ul li .mobileGameTabList svg, .mobileGameTabSection .mobileGameTabContainer.ds2-submenu-icon-template .submenuTab ul li .mobileGameTabList svg, .mobileGameTabSection .mobileGameTabContainer.ds3-submenu-icon-template .submenuTab ul li .mobileGameTabList svg, .mobileGameTabSection .mobileGameTabContainer.s3-submenu-icon-template .submenuTab ul li .mobileGameTabList svg, .mobileGameTabSection .mobileGameTabContainer.ds4-submenu-icon-template .submenuTab ul li .mobileGameTabList svg, .mobileGameTabSection .mobileGameTabContainer.ds5-submenu-icon-template .submenuTab ul li .mobileGameTabList svg, .mobileGameTabSection .mobileGameTabContainer.s4-submenu-icon-template .submenuTab ul li .mobileGameTabList svg, .mobileGameTabSection .mobileGameTabContainer.s5-submenu-icon-template .submenuTab ul li .mobileGameTabList svg, .mobileGameTabSection .mobileGameTabContainer.ds6-submenu-icon-template .submenuTab ul li .mobileGameTabList svg {
    fill: #4b91c9
}

.mobileGameTabSection .mobileGameTabContainer.s1-submenu-icon-template .submenuTab ul li .mobileGameTabList, .mobileGameTabSection .mobileGameTabContainer.ds1-submenu-icon-template .submenuTab ul li .mobileGameTabList {
    justify-content: center
}

    .mobileGameTabSection .mobileGameTabContainer.s1-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img, .mobileGameTabSection .mobileGameTabContainer.ds1-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img {
        width: 70%;
        max-height: 6.48rem;
        margin-top: 0;
        min-width: 2.65rem
    }

.mobileGameTabSection .mobileGameTabContainer.s2-submenu-icon-template .submenuTab ul li .mobileGameTabList, .mobileGameTabSection .mobileGameTabContainer.ds2-submenu-icon-template .submenuTab ul li .mobileGameTabList, .mobileGameTabSection .mobileGameTabContainer.ds3-submenu-icon-template .submenuTab ul li .mobileGameTabList {
    justify-content: center
}

    .mobileGameTabSection .mobileGameTabContainer.s2-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img-container, .mobileGameTabSection .mobileGameTabContainer.ds2-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img-container, .mobileGameTabSection .mobileGameTabContainer.ds3-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img-container {
        height: 2.4rem
    }

        .mobileGameTabSection .mobileGameTabContainer.s2-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img-container .submenu-img, .mobileGameTabSection .mobileGameTabContainer.ds2-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img-container .submenu-img, .mobileGameTabSection .mobileGameTabContainer.ds3-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img-container .submenu-img {
            width: 75%;
            max-height: 2.48rem;
            margin-top: .2rem;
            min-width: 2.65rem
        }

.mobileGameTabSection .mobileGameTabContainer.s3-submenu-icon-template .submenuTab ul li .mobileGameTabList, .mobileGameTabSection .mobileGameTabContainer.ds4-submenu-icon-template .submenuTab ul li .mobileGameTabList, .mobileGameTabSection .mobileGameTabContainer.ds5-submenu-icon-template .submenuTab ul li .mobileGameTabList {
    justify-content: center
}

    .mobileGameTabSection .mobileGameTabContainer.s3-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img, .mobileGameTabSection .mobileGameTabContainer.ds4-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img, .mobileGameTabSection .mobileGameTabContainer.ds5-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img {
        width: auto;
        max-height: 6.48rem;
        margin-top: 0;
        min-width: 2.65rem;
        height: 2.945rem;
        object-fit: contain
    }

.mobileGameTabSection .mobileGameTabContainer.s4-submenu-icon-template .submenuTab ul li .mobileGameTabList {
    justify-content: center
}

    .mobileGameTabSection .mobileGameTabContainer.s4-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img {
        width: 85%;
        max-height: 6.48rem;
        margin-top: 0;
        min-width: 2.65rem
    }

.mobileGameTabSection .mobileGameTabContainer.s5-submenu-icon-template .submenuTab ul li .mobileGameTabList, .mobileGameTabSection .mobileGameTabContainer.ds6-submenu-icon-template .submenuTab ul li .mobileGameTabList {
    justify-content: flex-start
}

    .mobileGameTabSection .mobileGameTabContainer.s5-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img, .mobileGameTabSection .mobileGameTabContainer.ds6-submenu-icon-template .submenuTab ul li .mobileGameTabList .submenu-img {
        width: 85%;
        max-height: 6.48rem;
        margin-top: 0;
        min-width: 2.65rem;
        object-fit: unset
    }

.navbar-container.s1-submenu-icon-template, .navbar-container.ds1-submenu-icon-template, .navbar-container.s2-submenu-icon-template, .navbar-container.ds2-submenu-icon-template, .navbar-container.ds3-submenu-icon-template, .navbar-container.s3-submenu-icon-template, .navbar-container.ds4-submenu-icon-template, .navbar-container.ds5-submenu-icon-template, .navbar-container.s4-submenu-icon-template, .navbar-container.s5-submenu-icon-template, .navbar-container.ds6-submenu-icon-template {
}

    .navbar-container.s1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.ds1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.s2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.ds2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.ds3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.s3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.ds4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.ds5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.s4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.s5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.ds6-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg {
        fill: #4b91c9
    }

    .navbar-container.s1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.ds1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.s2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.ds2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.ds3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.s3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.ds4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.ds5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.s4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.s5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg, .navbar-container.ds6-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg {
        fill: #4b91c9
    }

.navbar-container.s1-submenu-icon-template {
}

    .navbar-container.s1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
        width: auto;
        height: .4rem
    }

    .navbar-container.s1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.s1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
        top: -.2rem;
        right: -.2rem
    }

    .navbar-container.s1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
        width: auto;
        height: .4rem
    }

    .navbar-container.s1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.s1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
        top: .02rem;
        right: 0
    }

.navbar-container.ds1-submenu-icon-template {
}

    .navbar-container.ds1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
        width: auto;
        height: .8rem
    }

        .navbar-container.ds1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon svg {
            height: .8rem
        }

    .navbar-container.ds1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.ds1-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
        top: -.2rem;
        right: -.2rem
    }

    .navbar-container.ds1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
        width: auto;
        height: 1.1rem
    }

        .navbar-container.ds1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon svg {
            height: 1.1rem;
            width: auto
        }

    .navbar-container.ds1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .submenu-text {
        margin-top: 0
    }

    .navbar-container.ds1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.ds1-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
        top: .02rem;
        right: 0
    }

.navbar-container.s2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon, .navbar-container.ds2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon, .navbar-container.ds3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: 1.25rem;
    height: auto
}

.navbar-container.s2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.s2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider, .navbar-container.ds2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.ds2-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider, .navbar-container.ds3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.ds3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: .02rem;
    right: 0
}

.navbar-container.s2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon, .navbar-container.ds2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon, .navbar-container.ds3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: 1.25rem;
    height: auto
}

.navbar-container.s2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon img, .navbar-container.ds2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon img, .navbar-container.ds3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon img {
    image-rendering: -webkit-optimize-contrast
}

.navbar-container.s2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.s2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider, .navbar-container.ds2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.ds2-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider, .navbar-container.ds3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.ds3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: .02rem;
    right: 0
}

.navbar-container.s3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon, .navbar-container.ds4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon, .navbar-container.ds5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: auto;
    height: 1.2rem
}

.navbar-container.s3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.s3-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider, .navbar-container.ds4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.ds4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider, .navbar-container.ds5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.ds5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: .02rem;
    right: 0
}

.navbar-container.s3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon, .navbar-container.ds4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon, .navbar-container.ds5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: auto;
    height: 1.2rem
}

.navbar-container.s3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.s3-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider, .navbar-container.ds4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.ds4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider, .navbar-container.ds5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.ds5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: .02rem;
    right: 0
}

.navbar-container.s4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: 1.25rem;
    height: unset
}

.navbar-container.s4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.s4-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: -.57rem;
    right: 0
}

.navbar-container.s4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: 80%;
    height: unset
}

.navbar-container.s4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.s4-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: .02rem;
    right: 0
}

.navbar-container.s5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon, .navbar-container.ds6-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: 1.25rem;
    height: unset
}

.navbar-container.s5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.s5-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider, .navbar-container.ds6-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.ds6-submenu-icon-template .submenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: -.57rem;
    right: 0
}

.navbar-container.s5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon, .navbar-container.ds6-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .subIcon {
    width: 80%;
    height: unset
}

.navbar-container.s5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.s5-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider, .navbar-container.ds6-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navbar-container.ds6-submenu-icon-template .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
    top: .02rem;
    right: 0
}

.download.s1-download-banner-template .download-banner .download_content .custom_container {
    right: 1.65rem;
    top: 2.6rem
}

.download.s2-download-banner-template .download-banner .download_content .custom_container {
    right: 2.15rem;
    top: 2.4rem
}

@media(max-width: 2000px) {
    .download.s1-download-banner-template .download-banner {
        height: 5.5rem
    }

        .download.s1-download-banner-template .download-banner img {
            height: 5.5rem
        }

        .download.s1-download-banner-template .download-banner .download_content .custom_container {
            right: 1.95rem;
            top: 2.7rem
        }

    .download.s2-download-banner-template .download-banner {
        height: 5.2rem
    }

        .download.s2-download-banner-template .download-banner img {
            height: 5.2rem
        }

        .download.s2-download-banner-template .download-banner .download_content .custom_container {
            right: 2.2rem;
            top: 2.4rem
        }
}

@media(max-width: 1440px) {
    .download.s1-download-banner-template .download-banner {
        height: 5rem
    }

        .download.s1-download-banner-template .download-banner img {
            height: 5rem;
            margin-left: -3.5rem
        }

        .download.s1-download-banner-template .download-banner .download_content .custom_container {
            right: 2.47rem;
            top: 2.5rem
        }

    .download.s2-download-banner-template .download-banner {
        height: 5.2rem
    }

        .download.s2-download-banner-template .download-banner img {
            height: 5rem;
            margin-left: -2.95rem
        }

        .download.s2-download-banner-template .download-banner .download_content .custom_container {
            right: 2.4rem;
            top: 2.4rem
        }
}

@media(max-width: 1024px) {
    .download.s1-download-banner-template .download-banner img {
        height: 5rem;
        margin-left: -4.7rem
    }

    .download.s1-download-banner-template .download-banner .download_content .custom_container {
        right: 2.5rem;
        top: 2.4rem
    }

    .download.s2-download-banner-template .download-banner img {
        height: 5rem;
        margin-left: -4.15rem
    }

    .download.s2-download-banner-template .download-banner .download_content .custom_container {
        right: 2.4rem;
        top: 2.4rem
    }
}

.providerLandingIndexContainer {
    background: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: unset
}

    .providerLandingIndexContainer .top-provider-img {
        background: #000 !important
    }

    .providerLandingIndexContainer .top {
        height: auto;
        width: 100%;
        background-repeat: unset;
        background: unset;
        background-size: unset;
        position: undefined;
        text-align: unset
    }

        .providerLandingIndexContainer .top img {
            width: unset;
            height: undefined;
            object-fit: undefined;
            object-position: undefined;
            margin: 0 auto;
            display: block
        }

        .providerLandingIndexContainer .top .slot-content {
            width: 5rem;
            text-align: left;
            top: 0;
            right: 50%;
            position: absolute
        }

            .providerLandingIndexContainer .top .slot-content .custom-container-winner {
                position: absolute;
                left: -2rem;
                top: 2.3rem
            }

                .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel {
                    height: 1.75rem;
                    width: 2.8rem;
                    position: absolute;
                    bottom: 0;
                    left: 1.5rem;
                    color: #fff;
                    background: #4B91C9;
                    opacity: 1
                }

                    .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-active-page {
                        position: absolute
                    }

                    .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-icon {
                        left: .5rem;
                        height: 18%;
                        margin: 0 0 0 -.35rem;
                        width: unset;
                        position: absolute
                    }

                    .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-title {
                        position: absolute;
                        top: 5%;
                        left: 24%;
                        font-size: .14rem
                    }

                    .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-page {
                        font-size: .12rem;
                        position: absolute;
                        right: 13.5%;
                        top: 6.5%
                    }

                        .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-page .winner-active-page {
                            color: #4B91C9;
                            right: 130%;
                            position: absolute
                        }

                    .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner {
                        font-size: .12rem;
                        height: 79%;
                        width: 90%;
                        margin: .38rem 0 0 .14rem;
                        background: rgba(74,57,23,.6)
                    }

                        .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide {
                            padding: .1rem .15rem 0
                        }

                            .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide .winner-details-container {
                                margin: 0 0 .08rem;
                                width: 100%;
                                padding: 0 0 .05rem;
                                border-bottom: .015rem solid #4B91C9
                            }

                                .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide .winner-details-container:last-child {
                                    margin: 0;
                                    border-bottom: 0
                                }

                                .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide .winner-details-container .winner-details {
                                    display: flex;
                                    justify-content: space-between;
                                    line-height: 1.3
                                }

                                    .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide .winner-details-container .winner-details .winner-name {
                                        color: #fff
                                    }

                                    .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide .winner-details-container .winner-details .winner-currency {
                                        color: #4B91C9
                                    }

                                    .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide .winner-details-container .winner-details .winner-game {
                                        color: #4B91C9
                                    }

                                    .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-slide .winner-details-container .winner-details .winner-money {
                                        color: #4B91C9
                                    }

                        .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-next-btn {
                            width: .24rem;
                            height: auto;
                            position: absolute;
                            top: -.32rem;
                            right: 0%;
                            cursor: pointer;
                            fill: #fff
                        }

                        .providerLandingIndexContainer .top .slot-content .custom-container-winner .winner-carousel .winner-carousel-inner .winner-prev-btn {
                            width: .24rem;
                            height: auto;
                            position: absolute;
                            top: -.32rem;
                            right: 19.5%;
                            cursor: pointer;
                            fill: #fff
                        }

    .providerLandingIndexContainer .bottom-category {
        width: 11rem;
        margin: .15rem auto .3rem
    }

        .providerLandingIndexContainer .bottom-category .sport-content-wrapper {
            display: flex;
            padding: .5rem 0
        }

            .providerLandingIndexContainer .bottom-category .sport-content-wrapper div {
                flex: 1 0 50%
            }

            .providerLandingIndexContainer .bottom-category .sport-content-wrapper .left-section .label {
                margin-bottom: .3rem
            }

            .providerLandingIndexContainer .bottom-category .sport-content-wrapper .left-section .title {
                font-weight: 700;
                font-size: .16rem;
                margin-bottom: .1rem
            }

            .providerLandingIndexContainer .bottom-category .sport-content-wrapper .left-section .desc {
                margin-bottom: .5rem;
                width: 80%;
                color: #888
            }

            .providerLandingIndexContainer .bottom-category .sport-content-wrapper .left-section .btnBet {
                background: #02a9dc;
                width: 1.1rem;
                padding: .1rem;
                text-align: center;
                color: #fff;
                border-radius: .03rem;
                cursor: pointer
            }

                .providerLandingIndexContainer .bottom-category .sport-content-wrapper .left-section .btnBet:hover {
                    background: #0282a9
                }

        .providerLandingIndexContainer .bottom-category ul {
            display: grid;
            grid-template-columns: 11% 11% 11% 11% 11% 11% 11% 11%;
            grid-row-gap: .1rem;
            justify-content: space-between
        }

            .providerLandingIndexContainer .bottom-category ul li {
                padding: .1rem 0;
                width: 100%
            }

                .providerLandingIndexContainer .bottom-category ul li .image-container {
                    background: unset;
                    position: relative;
                    cursor: pointer;
                    overflow: hidden;
                    border-radius: .1rem
                }

                    .providerLandingIndexContainer .bottom-category ul li .image-container img {
                        width: 100%
                    }

                    .providerLandingIndexContainer .bottom-category ul li .image-container:hover img {
                        transform: scale(1.1)
                    }

                .providerLandingIndexContainer .bottom-category ul li .submenu-info-container {
                    width: 100%;
                    padding: .07rem 0 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                    font-size: .14rem;
                    color: #888
                }

        .providerLandingIndexContainer .bottom-category iframe {
            height: 12.6rem;
            margin: 0 0 .2rem
        }

    .providerLandingIndexContainer .mid {
        margin: .2rem auto;
        width: 100%
    }

        .providerLandingIndexContainer .mid .category-box {
            justify-content: flex-start;
            display: flex;
            background: linear-gradient(330deg,#0c1a37,#005184,#0c1a37);
            height: 1rem
        }

            .providerLandingIndexContainer .mid .category-box ::-webkit-scrollbar {
                display: none
            }

            .providerLandingIndexContainer .mid .category-box .arrow-container {
                position: absolute;
                width: 11rem
            }

                .providerLandingIndexContainer .mid .category-box .arrow-container .arrow-left-container, .providerLandingIndexContainer .mid .category-box .arrow-container .arrow-right-container {
                    height: 1rem;
                    width: .3rem;
                    z-index: 2;
                    position: absolute;
                    background: #d5d5d5;
                    cursor: pointer
                }

                    .providerLandingIndexContainer .mid .category-box .arrow-container .arrow-left-container svg, .providerLandingIndexContainer .mid .category-box .arrow-container .arrow-right-container svg {
                        fill: #fff
                    }

                .providerLandingIndexContainer .mid .category-box .arrow-container .arrow-left-container {
                    left: 0%
                }

                .providerLandingIndexContainer .mid .category-box .arrow-container .arrow-right-container {
                    right: 0%
                }

            .providerLandingIndexContainer .mid .category-box .scroll-container {
                padding: 0 .3rem
            }

                .providerLandingIndexContainer .mid .category-box .scroll-container .tab-header {
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                    .providerLandingIndexContainer .mid .category-box .scroll-container .tab-header:first-child .tab-inner {
                        border-left: unset
                    }

                    .providerLandingIndexContainer .mid .category-box .scroll-container .tab-header .tab-inner {
                        height: .8rem;
                        width: 1.6rem;
                        display: flex;
                        flex-direction: column;
                        border-left: .02rem solid #7c7c7c
                    }

                        .providerLandingIndexContainer .mid .category-box .scroll-container .tab-header .tab-inner img {
                            width: 100%
                        }

                    .providerLandingIndexContainer .mid .category-box .scroll-container .tab-header.active {
                        background: #222
                    }

                    .providerLandingIndexContainer .mid .category-box .scroll-container .tab-header:hover {
                        cursor: pointer;
                        background: #222
                    }

        .providerLandingIndexContainer .mid .provider-box {
            display: flex;
            flex-wrap: wrap
        }

            .providerLandingIndexContainer .mid .provider-box .tab-header {
                display: flex;
                justify-content: center;
                align-items: center;
                background: #d5d5d5;
                margin: 0 .025rem .025rem 0
            }

                .providerLandingIndexContainer .mid .provider-box .tab-header:first-child .tab-inner {
                    border-left: unset
                }

                .providerLandingIndexContainer .mid .provider-box .tab-header .tab-inner {
                    width: 1.35rem;
                    height: unset;
                    display: flex;
                    align-items: unset;
                    justify-content: unset
                }

                    .providerLandingIndexContainer .mid .provider-box .tab-header .tab-inner img {
                        width: 100%;
                        filter: unset;
                        object-fit: unset
                    }

                .providerLandingIndexContainer .mid .provider-box .tab-header.active {
                    background: #222
                }

                    .providerLandingIndexContainer .mid .provider-box .tab-header.active img {
                        filter: unset
                    }

                .providerLandingIndexContainer .mid .provider-box .tab-header:hover {
                    cursor: pointer;
                    background: #222
                }

                    .providerLandingIndexContainer .mid .provider-box .tab-header:hover img {
                        filter: undefined
                    }

        .providerLandingIndexContainer .mid.s8-provider-landing-icon-template {
            background: #f6f6f6;
            margin: auto;
            padding: .26rem
        }

            .providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box {
                display: grid;
                flex-wrap: wrap;
                grid-template-columns: repeat(8,0.8fr);
                width: 11rem;
                margin: auto;
                grid-row-gap: .1rem;
                grid-gap: .1rem
            }

                .providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header {
                    background: 0 0;
                    border: .01rem solid #dcdcdc;
                    margin: 0;
                    position: relative
                }

                    .providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header .float-dot {
                        position: absolute;
                        font-size: .08rem;
                        background: REd;
                        color: #fff;
                        border-radius: .04rem;
                        padding: .03rem 0;
                        top: -.05rem;
                        right: -.04rem;
                        width: .25rem;
                        height: unset;
                        text-align: center
                    }

                    .providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header .hot-provider {
                        background: REd
                    }

                    .providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header .new-provider {
                        background: #00ff1e;
                        color: #000
                    }

                    .providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header .tab-inner {
                        align-items: center;
                        justify-content: center;
                        height: .37rem;
                        width: 1.22rem;
                        color: #b2b2b2;
                        font-size: .12rem
                    }

                        .providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header .tab-inner img {
                            height: .37rem;
                            object-fit: cover;
                            width: auto
                        }

                        .providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header .tab-inner span {
                            margin: 0
                        }

                    .providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header.active {
                        background: linear-gradient(#4B91C9 25%,#0d122a 140%);
                        border: .01rem solid #4B91C9
                    }

                        .providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header.active .tab-inner {
                            color: #fff
                        }

                        .providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header.active img {
                            filter: brightness(150%)
                        }

                    .providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header:hover {
                        background: linear-gradient(#4B91C9 25%,#0d122a 140%);
                        border: .01rem solid #4B91C9
                    }

                        .providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header:hover .tab-inner {
                            color: #fff
                        }

                        .providerLandingIndexContainer .mid.s8-provider-landing-icon-template .provider-box .tab-header:hover img {
                            filter: brightness(150%)
                        }

    .providerLandingIndexContainer .bottom {
        width: 11rem;
        margin: auto
    }

        .providerLandingIndexContainer .bottom .tab-container {
            padding: 0
        }

            .providerLandingIndexContainer .bottom .tab-container .standard-tab {
                display: flex;
                justify-content: space-between
            }

                .providerLandingIndexContainer .bottom .tab-container .standard-tab .tab-list {
                    display: flex
                }

                    .providerLandingIndexContainer .bottom .tab-container .standard-tab .tab-list .tab-header {
                        flex-grow: unset;
                        margin: 0 .1rem 0 0
                    }

                .providerLandingIndexContainer .bottom .tab-container .standard-tab .game-search-container {
                    display: flex
                }

                    .providerLandingIndexContainer .bottom .tab-container .standard-tab .game-search-container .gamefound {
                        color: #959595;
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

                    .providerLandingIndexContainer .bottom .tab-container .standard-tab .game-search-container .gameSearch {
                        margin: auto 0 auto .15rem
                    }

                        .providerLandingIndexContainer .bottom .tab-container .standard-tab .game-search-container .gameSearch svg {
                            width: .34rem;
                            height: .34rem;
                            position: absolute;
                            right: 12%;
                            fill: gray;
                            padding: .05rem 0
                        }

                        .providerLandingIndexContainer .bottom .tab-container .standard-tab .game-search-container .gameSearch input {
                            height: .34rem;
                            padding: .08rem .1rem;
                            background: #ededed;
                            border-radius: .05rem;
                            border: .01rem #dcdcdc;
                            border-style: solid solid solid solid;
                            color: BlAcK
                        }

                            .providerLandingIndexContainer .bottom .tab-container .standard-tab .game-search-container .gameSearch input::placeholder {
                                color: undefined
                            }

        .providerLandingIndexContainer .bottom .games-count {
            color: #fff
        }

        .providerLandingIndexContainer .bottom .item-content {
            width: 100%;
            margin-top: .15rem;
            padding: unset
        }

            .providerLandingIndexContainer .bottom .item-content .item-col {
                width: 16.5%;
                max-width: 16.5%;
                height: auto;
                min-height: 1.87rem;
                padding: .1rem .25rem;
                float: left
            }

                .providerLandingIndexContainer .bottom .item-content .item-col .item-container {
                    width: 1.44rem;
                    max-width: 1.44rem
                }

                    .providerLandingIndexContainer .bottom .item-content .item-col .item-container .item {
                        position: relative;
                        cursor: pointer
                    }

                        .providerLandingIndexContainer .bottom .item-content .item-col .item-container .item span {
                            overflow: hidden;
                            border-radius: .1rem
                        }

                            .providerLandingIndexContainer .bottom .item-content .item-col .item-container .item span img {
                                height: 1.87rem;
                                width: auto;
                                min-width: 100%;
                                max-width: 100%;
                                transform: scale(1)
                            }

                        .providerLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn {
                            width: 100%;
                            height: 100%;
                            padding-top: 45%;
                            position: absolute;
                            top: 0;
                            background: rgba(0,0,0,.75);
                            text-align: center;
                            visibility: hidden;
                            opacity: 0;
                            transition: visibility 0s,opacity .3s linear
                        }

                            .providerLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn div {
                                padding: .1rem;
                                width: 100%;
                                cursor: pointer
                            }

                            .providerLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn .demo-btn {
                                background: #282828;
                                color: #fff;
                                margin-top: 9%
                            }

                        .providerLandingIndexContainer .bottom .item-content .item-col .item-container .item:hover img {
                            transform: scale(1.1)
                        }

                        .providerLandingIndexContainer .bottom .item-content .item-col .item-container .item:hover .item-btn {
                            visibility: visible;
                            opacity: 1
                        }

                    .providerLandingIndexContainer .bottom .item-content .item-col .item-container .title-box {
                        width: 100%;
                        padding: .03rem 0 0;
                        color: BLACk;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        text-align: center;
                        font-size: .14rem
                    }

        .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .tab-container {
            padding: .1rem .25rem .16rem
        }

            .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .tab-container .standard-tab {
                border-bottom: 0
            }

                .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .tab-container .standard-tab .tab-list .tab-header {
                    padding: .1rem .25rem
                }

        .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content {
            margin-top: 0;
            padding: 0 0 .16rem
        }

    .providerLandingIndexContainer .spots-navigator {
        width: 100%;
        background: #f6f6f6
    }

        .providerLandingIndexContainer .spots-navigator .provider-box {
            width: 11rem;
            margin: auto;
            padding: .2rem 0;
            display: grid;
            flex-wrap: wrap;
            grid-template-columns: repeat(8,0.8fr)
        }

            .providerLandingIndexContainer .spots-navigator .provider-box .tab-header {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                border: .01rem solid #a3a3a3;
                margin: 0 .08rem .08rem 0;
                color: #b2b2b2
            }

                .providerLandingIndexContainer .spots-navigator .provider-box .tab-header .hot-provider {
                    position: absolute;
                    width: .28rem;
                    top: -.18rem;
                    right: -.1rem
                }

                .providerLandingIndexContainer .spots-navigator .provider-box .tab-header .tab-inner {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: .37rem;
                    padding: 0 .1rem
                }

                    .providerLandingIndexContainer .spots-navigator .provider-box .tab-header .tab-inner img {
                        filter: grayscale(100%) brightness(155%) contrast(.4);
                        height: auto;
                        height: 100%;
                        object-fit: cover
                    }

                    .providerLandingIndexContainer .spots-navigator .provider-box .tab-header .tab-inner span {
                        white-space: nowrap
                    }

                .providerLandingIndexContainer .spots-navigator .provider-box .tab-header.active {
                    color: #fff;
                    border: .01rem solid #4B91C9;
                    background: linear-gradient(#02A9DC,#0282A9)
                }

                    .providerLandingIndexContainer .spots-navigator .provider-box .tab-header.active img {
                        filter: grayscale(0%)
                    }

                .providerLandingIndexContainer .spots-navigator .provider-box .tab-header:hover {
                    cursor: pointer;
                    color: #fff;
                    border: .01rem solid #4B91C9;
                    background: linear-gradient(#02A9DC,#0282A9)
                }

                    .providerLandingIndexContainer .spots-navigator .provider-box .tab-header:hover img {
                        filter: grayscale(0%)
                    }

@media(max-width: 2500px) {
    .providerLandingIndexContainer .top img {
        height: undefined
    }

    .providerLandingIndexContainer .top .slot-content .custom-container-winner {
        top: 3.75rem
    }
}

@media(max-width: 2000px) {
    .providerLandingIndexContainer .top img {
        width: 100%;
        margin: 0 auto;
        display: block;
        height: undefined;
        object-fit: cover;
        object-position: center center
    }

    .providerLandingIndexContainer .top .slot-content .custom-container-winner {
        top: 3rem
    }
}

@media(max-width: 1440px) {
    .providerLandingIndexContainer .top img {
        height: undefined;
        width: undefined
    }

    .providerLandingIndexContainer .top .slot-content .custom-container-winner {
        top: 2.16rem
    }
}

@media(max-width: 1024px) {
    .providerLandingIndexContainer .top img {
        height: undefined
    }

    .providerLandingIndexContainer .top .slot-content .custom-container-winner {
        top: 1.8rem
    }
}

.m-providerLandingIndexContainer {
}

    .m-providerLandingIndexContainer .top {
        width: 100%;
        height: auto
    }

        .m-providerLandingIndexContainer .top img {
            margin-left: -10.5rem;
            height: 5rem
        }

        .m-providerLandingIndexContainer .top.s1-provider-category-landing-banner-template {
            width: 100%;
            height: auto
        }

            .m-providerLandingIndexContainer .top.s1-provider-category-landing-banner-template img {
                margin-left: -10.5rem;
                height: 5rem
            }

        .m-providerLandingIndexContainer .top.s2-provider-category-landing-banner-template {
            width: 100%;
            height: auto
        }

            .m-providerLandingIndexContainer .top.s2-provider-category-landing-banner-template img {
                margin-left: -10.5rem;
                height: 5rem
            }

    .m-providerLandingIndexContainer .bottom-category ul {
        overflow: auto;
        display: flex;
        flex-wrap: wrap;
        padding: .3rem
    }

        .m-providerLandingIndexContainer .bottom-category ul li {
            width: 48%;
            margin: 1%
        }

            .m-providerLandingIndexContainer .bottom-category ul li .image-container {
                background: url(/public/html/default_whitelabel/template/images/provider-landing-icon/s1/provider-card-bg.png);
                background-size: cover;
                display: flex;
                justify-content: center;
                align-items: center;
                position: relative;
                height: calc((100vw * 0.455) * 260/480)
            }

                .m-providerLandingIndexContainer .bottom-category ul li .image-container img {
                    width: 80%;
                    height: 100%
                }

    .m-providerLandingIndexContainer .bottom-category.s1-provider-landing-icon-template {
        padding: .3rem 0
    }

        .m-providerLandingIndexContainer .bottom-category.s1-provider-landing-icon-template ul {
            overflow: auto;
            display: flex;
            flex-wrap: wrap;
            padding: .3rem
        }

            .m-providerLandingIndexContainer .bottom-category.s1-provider-landing-icon-template ul li {
                width: 48%;
                margin: 1%
            }

                .m-providerLandingIndexContainer .bottom-category.s1-provider-landing-icon-template ul li .image-container {
                    background: url(/public/html/default_whitelabel/template/images/provider-landing-icon/s1/provider-card-bg.png);
                    background-size: cover;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    position: relative;
                    height: calc((100vw * 0.455) * 260/480)
                }

                    .m-providerLandingIndexContainer .bottom-category.s1-provider-landing-icon-template ul li .image-container img {
                        width: 80%
                    }

    .m-providerLandingIndexContainer .bottom-category.s2-provider-landing-icon-template {
        padding: .3rem 0
    }

        .m-providerLandingIndexContainer .bottom-category.s2-provider-landing-icon-template ul {
            overflow: auto;
            display: flex;
            flex-wrap: wrap;
            padding: .3rem
        }

            .m-providerLandingIndexContainer .bottom-category.s2-provider-landing-icon-template ul li {
                width: 48%;
                margin: 1%
            }

                .m-providerLandingIndexContainer .bottom-category.s2-provider-landing-icon-template ul li .image-container {
                    background: url(/public/html/default_whitelabel/template/images/provider-landing-icon/s2/provider-card-bg.png);
                    background-size: cover;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    position: relative;
                    height: calc((100vw * 0.455) * 260/480)
                }

                    .m-providerLandingIndexContainer .bottom-category.s2-provider-landing-icon-template ul li .image-container img {
                        width: 80%
                    }

    .m-providerLandingIndexContainer .mid .category-box {
        justify-content: flex-start;
        display: flex;
        background: linear-gradient(330deg,#0c1a37,#005184,#0c1a37);
        height: 1rem
    }

        .m-providerLandingIndexContainer .mid .category-box .arrow-container {
            position: absolute;
            width: 11rem
        }

            .m-providerLandingIndexContainer .mid .category-box .arrow-container .arrow-left-container, .m-providerLandingIndexContainer .mid .category-box .arrow-container .arrow-right-container {
                height: 1rem;
                width: .3rem;
                z-index: 2;
                position: absolute;
                background: #d5d5d5;
                cursor: pointer
            }

                .m-providerLandingIndexContainer .mid .category-box .arrow-container .arrow-left-container svg, .m-providerLandingIndexContainer .mid .category-box .arrow-container .arrow-right-container svg {
                    fill: #fff
                }

            .m-providerLandingIndexContainer .mid .category-box .arrow-container .arrow-left-container {
                left: 0%
            }

            .m-providerLandingIndexContainer .mid .category-box .arrow-container .arrow-right-container {
                right: 0%
            }

        .m-providerLandingIndexContainer .mid .category-box .scroll-container {
            padding: 0 .3rem
        }

            .m-providerLandingIndexContainer .mid .category-box .scroll-container .tab-header {
                display: flex;
                justify-content: center;
                align-items: center
            }

                .m-providerLandingIndexContainer .mid .category-box .scroll-container .tab-header .tab-inner {
                    height: .8rem;
                    width: 1.6rem;
                    display: flex;
                    flex-direction: column;
                    border-right: .02rem solid #043764
                }

                    .m-providerLandingIndexContainer .mid .category-box .scroll-container .tab-header .tab-inner img {
                        width: 100%
                    }

                .m-providerLandingIndexContainer .mid .category-box .scroll-container .tab-header.active {
                    background: linear-gradient(to right,#00eca6,#3d5beb)
                }

                .m-providerLandingIndexContainer .mid .category-box .scroll-container .tab-header:hover {
                    cursor: pointer;
                    background: linear-gradient(to right,#00eca6,#3d5beb)
                }

    .m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template {
        margin: .2rem auto;
        width: 11rem
    }

        .m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box {
            justify-content: flex-start;
            display: flex;
            background: linear-gradient(330deg,#0c1a37,#005184,#0c1a37);
            height: 1rem
        }

            .m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .arrow-container {
                position: absolute;
                width: 11rem
            }

                .m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .arrow-container .arrow-left-container, .m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .arrow-container .arrow-right-container {
                    height: 1rem;
                    width: .3rem;
                    z-index: 2;
                    position: absolute;
                    background: #d5d5d5;
                    cursor: pointer
                }

                    .m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .arrow-container .arrow-left-container svg, .m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .arrow-container .arrow-right-container svg {
                        fill: #fff
                    }

                .m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .arrow-container .arrow-left-container {
                    left: 0%
                }

                .m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .arrow-container .arrow-right-container {
                    right: 0%
                }

            .m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .scroll-container {
                padding: 0 .3rem
            }

                .m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .scroll-container .tab-header {
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                    .m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .scroll-container .tab-header .tab-inner {
                        height: .8rem;
                        width: 1.6rem;
                        display: flex;
                        flex-direction: column;
                        border-right: .02rem solid #043764
                    }

                        .m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .scroll-container .tab-header .tab-inner img {
                            width: 100%
                        }

                    .m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .scroll-container .tab-header.active {
                        background: linear-gradient(to right,#00eca6,#3d5beb)
                    }

                    .m-providerLandingIndexContainer .mid.s1-provider-landing-icon-template .category-box .scroll-container .tab-header:hover {
                        cursor: pointer;
                        background: linear-gradient(to right,#00eca6,#3d5beb)
                    }

    .m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template {
        margin: .2rem auto;
        width: 11rem
    }

        .m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box {
            justify-content: flex-start;
            display: flex;
            background: linear-gradient(330deg,#0c1a37,#005184,#0c1a37);
            height: 1rem
        }

            .m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .arrow-container {
                position: absolute;
                width: 11rem
            }

                .m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .arrow-container .arrow-left-container, .m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .arrow-container .arrow-right-container {
                    height: 1rem;
                    width: .3rem;
                    z-index: 2;
                    position: absolute;
                    background: #d5d5d5;
                    cursor: pointer
                }

                    .m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .arrow-container .arrow-left-container svg, .m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .arrow-container .arrow-right-container svg {
                        fill: #fff
                    }

                .m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .arrow-container .arrow-left-container {
                    left: 0%
                }

                .m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .arrow-container .arrow-right-container {
                    right: 0%
                }

            .m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .scroll-container {
                padding: 0 .3rem
            }

                .m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .scroll-container .tab-header {
                    display: flex;
                    justify-content: center;
                    align-items: center
                }

                    .m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .scroll-container .tab-header .tab-inner {
                        height: .8rem;
                        width: 1.6rem;
                        display: flex;
                        flex-direction: column;
                        border-right: .02rem solid #043764
                    }

                        .m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .scroll-container .tab-header .tab-inner img {
                            width: 100%
                        }

                    .m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .scroll-container .tab-header.active {
                        background: linear-gradient(to right,#00eca6,#3d5beb)
                    }

                    .m-providerLandingIndexContainer .mid.s2-provider-landing-icon-template .category-box .scroll-container .tab-header:hover {
                        cursor: pointer;
                        background: linear-gradient(to right,#00eca6,#3d5beb)
                    }

    .m-providerLandingIndexContainer .bottom {
        width: 11rem;
        margin: auto
    }

        .m-providerLandingIndexContainer .bottom .tab-container {
            padding: 0
        }

            .m-providerLandingIndexContainer .bottom .tab-container .standard-tab .tab-header {
                flex-grow: unset;
                margin: 0 .1rem 0 0
            }

        .m-providerLandingIndexContainer .bottom .item-content {
            width: 100%;
            margin-top: .15rem;
            overflow: auto
        }

            .m-providerLandingIndexContainer .bottom .item-content .item-col {
                width: 16.5%;
                max-width: 16.5%;
                height: auto;
                min-height: 1.87rem;
                padding: .1rem .25rem;
                float: left
            }

                .m-providerLandingIndexContainer .bottom .item-content .item-col .item-container {
                    width: 1.44rem;
                    max-width: 1.44rem
                }

                    .m-providerLandingIndexContainer .bottom .item-content .item-col .item-container .item {
                        position: relative
                    }

                        .m-providerLandingIndexContainer .bottom .item-content .item-col .item-container .item img {
                            height: 1.87rem;
                            width: auto;
                            min-width: 100%;
                            max-width: 100%
                        }

                        .m-providerLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn {
                            width: 100%;
                            height: 100%;
                            padding-top: 45%;
                            position: absolute;
                            top: 0;
                            background: rgba(0,0,0,.75);
                            text-align: center;
                            visibility: hidden;
                            opacity: 0;
                            transition: visibility 0s,opacity .3s linear
                        }

                            .m-providerLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn div {
                                padding: .1rem;
                                width: 100%;
                                cursor: pointer
                            }

                            .m-providerLandingIndexContainer .bottom .item-content .item-col .item-container .item .item-btn .demo-btn {
                                background: #282828;
                                color: #fff;
                                margin-top: 9%
                            }

                        .m-providerLandingIndexContainer .bottom .item-content .item-col .item-container .item:hover .item-btn {
                            visibility: visible;
                            opacity: 1
                        }

                    .m-providerLandingIndexContainer .bottom .item-content .item-col .item-container .title-box {
                        width: 100%;
                        height: .5rem;
                        color: #fff;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        text-align: center;
                        background: #000;
                        font-size: .14rem
                    }

        .m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template {
            width: 11rem;
            margin: auto
        }

            .m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .tab-container {
                padding: 0
            }

                .m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .tab-container .standard-tab .tab-header {
                    flex-grow: unset;
                    margin: 0 .1rem 0 0
                }

            .m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content {
                width: 100%;
                margin-top: .15rem;
                overflow: auto
            }

                .m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col {
                    width: 16.5%;
                    max-width: 16.5%;
                    height: auto;
                    min-height: 1.87rem;
                    padding: .1rem .25rem;
                    float: left
                }

                    .m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container {
                        width: 1.44rem;
                        max-width: 1.44rem
                    }

                        .m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container .item {
                            position: relative
                        }

                            .m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container .item img {
                                height: 1.87rem;
                                width: auto;
                                min-width: 100%;
                                max-width: 100%
                            }

                            .m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container .item .item-btn {
                                width: 100%;
                                height: 100%;
                                padding-top: 45%;
                                position: absolute;
                                top: 0;
                                background: rgba(0,0,0,.75);
                                text-align: center;
                                visibility: hidden;
                                opacity: 0;
                                transition: visibility 0s,opacity .3s linear
                            }

                                .m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container .item .item-btn div {
                                    padding: .1rem;
                                    width: 100%;
                                    cursor: pointer
                                }

                                .m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container .item .item-btn .demo-btn {
                                    background: #282828;
                                    color: #fff;
                                    margin-top: 9%
                                }

                            .m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container .item:hover .item-btn {
                                visibility: visible;
                                opacity: 1
                            }

                        .m-providerLandingIndexContainer .bottom.s1-provider-landing-icon-template .item-content .item-col .item-container .title-box {
                            width: 100%;
                            height: .5rem;
                            color: #fff;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            text-align: center;
                            background: #000;
                            font-size: .14rem
                        }

        .m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template {
            width: 11rem;
            margin: auto
        }

            .m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .tab-container {
                padding: 0
            }

                .m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .tab-container .standard-tab .tab-header {
                    flex-grow: unset;
                    margin: 0 .1rem 0 0
                }

            .m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content {
                width: 100%;
                margin-top: .15rem;
                overflow: auto
            }

                .m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col {
                    width: 16.5%;
                    max-width: 16.5%;
                    height: auto;
                    min-height: 1.87rem;
                    padding: .1rem .25rem;
                    float: left
                }

                    .m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container {
                        width: 1.44rem;
                        max-width: 1.44rem
                    }

                        .m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container .item {
                            position: relative
                        }

                            .m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container .item img {
                                height: 1.87rem;
                                width: auto;
                                min-width: 100%;
                                max-width: 100%
                            }

                            .m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container .item .item-btn {
                                width: 100%;
                                height: 100%;
                                padding-top: 45%;
                                position: absolute;
                                top: 0;
                                background: rgba(0,0,0,.75);
                                text-align: center;
                                visibility: hidden;
                                opacity: 0;
                                transition: visibility 0s,opacity .3s linear
                            }

                                .m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container .item .item-btn div {
                                    padding: .1rem;
                                    width: 100%;
                                    cursor: pointer
                                }

                                .m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container .item .item-btn .demo-btn {
                                    background: #282828;
                                    color: #fff;
                                    margin-top: 9%
                                }

                            .m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container .item:hover .item-btn {
                                visibility: visible;
                                opacity: 1
                            }

                        .m-providerLandingIndexContainer .bottom.s2-provider-landing-icon-template .item-content .item-col .item-container .title-box {
                            width: 100%;
                            height: .5rem;
                            color: #fff;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            text-align: center;
                            background: #000;
                            font-size: .14rem
                        }

.m-provider-content-container {
    background: unset
}

    .m-provider-content-container .search-mobile {
        display: block;
        z-index: 2
    }

        .m-provider-content-container .search-mobile .search-icon {
            top: 0;
            right: -.05rem;
            height: 1.4rem;
            padding: unset;
            z-index: 1040;
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
            fill: #959595;
            width: 20vw;
            position: fixed;
            justify-content: center;
            background: 0 0;
            color: #4B91C9
        }

        .m-provider-content-container .search-mobile .icon-sm {
            height: .8rem;
            margin-top: .4rem
        }

            .m-provider-content-container .search-mobile .icon-sm svg {
                fill: #959595
            }

    .m-provider-content-container .provider-content .search-form-container {
        width: 100%
    }

        .m-provider-content-container .provider-content .search-form-container .search-form {
            padding: .2rem;
            width: 100%;
            margin: undefined;
            background: #000
        }

            .m-provider-content-container .provider-content .search-form-container .search-form .form-control-inner {
                height: .8rem;
                border-radius: 0;
                font-size: .32rem;
                background: #ededed;
                width: 100%;
                display: flex;
                align-items: center;
                padding: .05rem .3rem;
                border: .01rem #dcdcdc;
                border-style: solid solid solid solid;
                border-radius: .1rem;
                color: BlAcK
            }

    .m-provider-content-container .provider-content .category-provider {
        justify-content: flex-start;
        display: flex;
        width: 100%;
        background: linear-gradient(330deg,#0c1a37,#005184,#0c1a37);
        overflow: auto
    }

        .m-provider-content-container .provider-content .category-provider .tab-header {
            display: flex;
            justify-content: center;
            align-items: center
        }

            .m-provider-content-container .provider-content .category-provider .tab-header .tab-inner {
                height: 1rem;
                width: 2.4rem;
                border-right: undedifine !important
            }

                .m-provider-content-container .provider-content .category-provider .tab-header .tab-inner img {
                    height: 100%
                }

            .m-provider-content-container .provider-content .category-provider .tab-header.active {
                background: linear-gradient(#4B91C9 25%,#0d122a 140%)
            }

        .m-provider-content-container .provider-content .category-provider .tab-header-control {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #d8d8d8
        }

        .m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template {
            justify-content: flex-start;
            display: flex;
            width: 100%;
            background: 0 0;
            overflow: auto;
            padding: .15rem 0 0
        }

            .m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header {
                position: relative
            }

                .m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header .float-dot {
                    position: absolute;
                    font-size: .16rem;
                    background: REd;
                    color: #fff;
                    border-radius: .1rem;
                    padding: .05rem;
                    top: -.1rem;
                    right: .1rem;
                    width: unset;
                    height: unset;
                    text-align: center
                }

                .m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header .hot-provider {
                    background: REd
                }

                .m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header .new-provider {
                    background: #00ff1e;
                    color: #000
                }

                .m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header .tab-inner {
                    padding: .08rem;
                    text-align: center;
                    color: #b2b2b2;
                    border: .02rem solid #dcdcdc;
                    height: 100%;
                    width: 2.2rem
                }

                    .m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header .tab-inner img {
                        height: .7rem
                    }

                .m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header.active {
                    background: linear-gradient(#4B91C9 25%,#0d122a 140%)
                }

                    .m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header.active .tab-inner {
                        color: #fff
                    }

                        .m-provider-content-container .provider-content .category-provider.s8-provider-landing-icon-template .tab-header.active .tab-inner img {
                            filter: brightness(150%)
                        }

    .m-provider-content-container .provider-content .tab-container .standard-tab .tab-header {
        margin: 0;
        padding: .25rem
    }

    .m-provider-content-container .provider-content .game-row-spacing {
        margin: auto;
        flex-wrap: wrap
    }

        .m-provider-content-container .provider-content .game-row-spacing .game-box {
            text-align: center;
            height: 100%;
            display: flex;
            justify-content: center;
            padding: .4rem;
            min-height: 1.2rem;
            width: 33.33%
        }

            .m-provider-content-container .provider-content .game-row-spacing .game-box .box {
                min-height: unset
            }

                .m-provider-content-container .provider-content .game-row-spacing .game-box .box .tab-img {
                    min-width: 2.8rem;
                    width: 100%;
                    height: 100%;
                    max-height: 6rem;
                    object-fit: unset;
                    min-height: 3.7rem
                }

                .m-provider-content-container .provider-content .game-row-spacing .game-box .box .box-overlay {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: 0;
                    width: 0;
                    height: 0;
                    width: 1.44rem;
                    height: 85%;
                    opacity: 0;
                    z-index: 2;
                    background: rgba(0,0,0,.75);
                    transition: .5s
                }

                .m-provider-content-container .provider-content .game-row-spacing .game-box .box .box-text-mobile {
                    justify-content: center;
                    align-items: center;
                    font-size: .246rem;
                    padding: .12rem 0 0
                }

                .m-provider-content-container .provider-content .game-row-spacing .game-box .box.m-play-btn-container {
                    width: 100%
                }

                    .m-provider-content-container .provider-content .game-row-spacing .game-box .box.m-play-btn-container .modal-play, .m-provider-content-container .provider-content .game-row-spacing .game-box .box.m-play-btn-container .modal-demo {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        height: 1.2rem;
                        font-size: .3rem;
                        width: 100%
                    }

                    .m-provider-content-container .provider-content .game-row-spacing .game-box .box.m-play-btn-container .modal-play {
                        background: linear-gradient(90deg,#c09848,#7f602a);
                        margin-bottom: .1rem;
                        color: unset
                    }

                    .m-provider-content-container .provider-content .game-row-spacing .game-box .box.m-play-btn-container .modal-demo {
                        background: #282828;
                        color: #fff
                    }

                        .m-provider-content-container .provider-content .game-row-spacing .game-box .box.m-play-btn-container .modal-demo span {
                            color: #fff
                        }

.footerProvider .s1-footer-icon-template ul img {
    padding-right: .3rem;
    filter: grayscale(100%);
    height: .4rem !important
}

    .footerProvider .s1-footer-icon-template ul img:hover {
        filter: grayscale(0%)
    }

.grecaptcha-badge {
    visibility: hidden
}

.slider-recaptcha-popup-overlay {
    display: flex;
    align-items: center
}

    .slider-recaptcha-popup-overlay .slider-recaptcha-modal-container {
        width: 478px;
        min-width: 478px;
        max-width: 478px;
        background: #fff
    }

        .slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha {
            height: .6rem;
            margin: .3rem auto;
            width: 90%;
            position: relative;
            background: linear-gradient(45deg,#000000,#222222);
            border-radius: .05rem;
            border: .01rem solid #525252
        }

            .slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha input {
                -webkit-appearance: none;
                -moz-appearance: none;
                position: absolute;
                width: 100%;
                height: 100%;
                background: 0 0;
                margin: 0;
                z-index: 2;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0
            }

                .slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha input::-webkit-slider-thumb {
                    -webkit-appearance: none;
                    z-index: 3;
                    position: relative;
                    width: .88rem;
                    height: .45rem;
                    border-radius: .1rem;
                    background: url(/public/images/sliderArrow/slider-arrow.png),linear-gradient(to bottom,#929699,#595a5c);
                    background-repeat: no-repeat;
                    background-position: 50%;
                    cursor: pointer
                }

                .slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha input::-moz-range-thumb {
                    z-index: 3;
                    position: relative;
                    width: .88rem;
                    height: .45rem;
                    border-radius: .1rem;
                    background: url(/public/images/sliderArrow/slider-arrow.png),linear-gradient(to bottom,#929699,#595a5c);
                    background-repeat: no-repeat;
                    background-position: 50%;
                    cursor: pointer
                }

            .slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha span {
                position: absolute;
                z-index: 1;
                top: 0;
                left: 0;
                text-align: center;
                display: block;
                width: 100%;
                font-size: .24rem;
                color: #fff;
                height: 100%;
                cursor: default;
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 0 0 0 .2rem
            }

.grecaptcha-badge {
    visibility: hidden
}

.m-slider-recaptcha-popup-overlay {
    display: flex;
    align-items: center
}

    .m-slider-recaptcha-popup-overlay .m-slider-recaptcha-modal-container {
        width: 95%;
        min-width: 95%;
        max-width: 95%;
        background: #fff;
        margin: 60% auto
    }

        .m-slider-recaptcha-popup-overlay .m-slider-recaptcha-modal-container .slider-recaptcha {
            height: 1.5rem;
            margin: .6rem auto;
            width: 90%;
            position: relative;
            background: linear-gradient(45deg,#000000,#222222);
            border-radius: .05rem;
            border: .01rem solid #525252
        }

            .m-slider-recaptcha-popup-overlay .m-slider-recaptcha-modal-container .slider-recaptcha input {
                -webkit-appearance: none;
                -moz-appearance: none;
                position: absolute;
                width: 100%;
                height: 100%;
                background: 0 0;
                margin: 0;
                z-index: 2;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0
            }

                .m-slider-recaptcha-popup-overlay .m-slider-recaptcha-modal-container .slider-recaptcha input::-webkit-slider-thumb {
                    -webkit-appearance: none;
                    z-index: 3;
                    position: relative;
                    width: 2rem;
                    height: 1.2rem;
                    border-radius: .2rem;
                    background: url(/public/images/sliderArrow/slider-arrow.png),linear-gradient(to bottom,#929699,#595a5c);
                    background-repeat: no-repeat;
                    background-position: 50%;
                    cursor: pointer
                }

                .m-slider-recaptcha-popup-overlay .m-slider-recaptcha-modal-container .slider-recaptcha input::-moz-range-thumb {
                    -webkit-appearance: none;
                    z-index: 3;
                    position: relative;
                    width: 2rem;
                    height: 1.2rem;
                    border-radius: .2rem;
                    background: url(/public/images/sliderArrow/slider-arrow.png),linear-gradient(to bottom,#929699,#595a5c);
                    background-repeat: no-repeat;
                    background-position: 50%;
                    cursor: pointer
                }

            .m-slider-recaptcha-popup-overlay .m-slider-recaptcha-modal-container .slider-recaptcha span {
                position: absolute;
                z-index: 1;
                top: 0;
                left: 0;
                text-align: center;
                line-height: .45rem;
                display: block;
                width: 100%;
                color: #fff;
                cursor: default;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: .6rem;
                margin: 0 0 0 .4rem
            }

.reward-box {
    width: 2.6rem;
    height: undefined;
    position: fixed;
    bottom: .8rem;
    right: -.23rem;
    z-index: 3;
    background: undefined
}

    .reward-box .reward-image-box {
        height: undefined;
        display: undefined
    }

        .reward-box .reward-image-box .reward-img {
            width: 100%;
            height: 100%;
            cursor: pointer;
            position: relative;
            z-index: 3;
            margin: undefined
        }

    .reward-box .reward-close {
        position: absolute;
        top: .3rem;
        right: .3rem;
        width: .3rem;
        height: .3rem;
        padding: .05rem;
        background: #fff;
        border-radius: 50%;
        fill: #ff4e00;
        cursor: pointer;
        z-index: 5;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .25rem;
        color: #000
    }

    .reward-box .box-overlay {
        position: unset;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: unset;
        z-index: 0;
        overflow: hidden
    }

.reward-popup {
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    z-index: 1100;
    width: 100%;
    height: 100%;
    overflow: auto;
    outline: 0;
    background: linear-gradient(0deg,rgba(0,0,0,0.8),rgba(0,0,0,0.204919));
    animation: modalPopUp .3s
}

@keyframes modalPopUp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.reward-popup .popup-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 0;
    overflow: hidden
}

.reward-popup .popup {
    margin: auto;
    padding: 0 !important;
    border-radius: .06rem;
    backface-visibility: hidden;
    max-width: fit-content;
    max-height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 100%;
    max-width: 7rem;
    transform: translate(-50%,-50%);
    cursor: pointer
}

    .reward-popup .popup .reward-popupImg {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 3
    }

    .reward-popup .popup .reward-close {
        position: absolute;
        top: 1.2rem;
        right: 1.2rem;
        width: .3rem;
        height: .3rem;
        padding: .05rem;
        background: #fff;
        border-radius: 50%;
        fill: #ff4e00;
        cursor: pointer;
        z-index: 5;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .25rem;
        color: #000
    }

    .reward-popup .popup .popup-detail {
        position: absolute;
        top: 1.35rem;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        margin: auto;
        width: 2.3rem;
        height: unset;
        transform: translate(0,0.8rem);
        color: #fff;
        z-index: 3;
        text-align: center;
        padding: 0
    }

        .reward-popup .popup .popup-detail > p {
            margin-bottom: 0
        }

        .reward-popup .popup .popup-detail .detail-title {
            width: 100%;
            font-size: .22rem;
            white-space: undefined;
            overflow-x: scroll;
            overflow-y: hidden;
            color: #000
        }

        .reward-popup .popup .popup-detail .detail-amount {
            width: 100%;
            font-size: .3rem;
            font-weight: 700;
            white-space: nowrap;
            overflow-x: scroll;
            overflow-y: hidden;
            color: #e5244b;
            margin: .1rem 0
        }

        .reward-popup .popup .popup-detail .detail-desc {
            width: 100%;
            font-size: .18rem;
            overflow-y: scroll;
            max-height: 1.5rem;
            height: unset;
            display: unset;
            align-items: unset;
            justify-content: unset;
            color: #000;
            word-break: break-word;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden
        }

@media(max-width: 1024px) {
    .reward-box {
        width: 5rem
    }

        .reward-box .reward-close {
            width: .5rem;
            height: .5rem
        }

    .reward-popup .popup {
        max-width: 10rem
    }

        .reward-popup .popup .reward-close {
            width: .5rem;
            height: .5rem;
            top: 1.2rem;
            right: 1.2rem
        }

        .reward-popup .popup .popup-detail {
            top: 1.35rem;
            width: 5.5rem;
            height: 4.8rem;
            right: 0;
            transform: translate(0,1.4rem)
        }

            .reward-popup .popup .popup-detail .detail-title {
                font-size: .6rem
            }

            .reward-popup .popup .popup-detail .detail-amount {
                font-size: .8rem
            }

            .reward-popup .popup .popup-detail .detail-desc {
                font-size: .5rem;
                height: unset
            }
}

.m-reward-box {
    z-index: 1100;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    outline: 0;
    background: linear-gradient(0deg,rgba(0,0,0,0.8),rgba(0,0,0,0.204919))
}

    .m-reward-box .reward-image-box {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        transform: translate(-50%,-50%);
        width: 100%
    }

        .m-reward-box .reward-image-box .reward-img {
            width: 100%;
            height: 100%
        }

    .m-reward-box .reward-close {
        width: .8rem;
        height: .8rem;
        font-size: .7rem;
        right: 1.8rem;
        top: 1.4rem
    }

    .m-reward-box .box-overlay {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: rgba(0,0,0,.5);
        z-index: 0;
        overflow: hidden
    }

.m-reward-popup .popup {
    max-width: unset;
    left: 50%;
    top: 50%;
    width: undefined
}

    .m-reward-popup .popup .popup-detail {
        top: 1rem;
        right: 0;
        width: 4.1rem;
        height: unset;
        padding: 0;
        justify-content: center
    }

        .m-reward-popup .popup .popup-detail .detail-title {
            font-size: .38rem
        }

        .m-reward-popup .popup .popup-detail .detail-amount {
            font-size: .46rem
        }

        .m-reward-popup .popup .popup-detail .detail-desc {
            word-break: undefined;
            font-size: .32rem;
            width: 100%;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden
        }

    .m-reward-popup .popup .reward-close {
        width: .8rem;
        height: .8rem;
        font-size: .7rem;
        right: 1.8rem;
        top: 1.4rem;
        color: #000
    }

    .m-reward-popup .popup .reward-popupImg {
        width: 100%
    }

.mini-game-rewards-container {
    position: fixed;
    z-index: 3;
    bottom: 4.5rem;
    left: .5rem;
    width: 2rem
}

    .mini-game-rewards-container img {
        width: 100%;
        object-fit: contain
    }

    .mini-game-rewards-container .close-btn {
        position: absolute;
        top: 0;
        right: 0;
        width: .3rem;
        height: .3rem;
        padding: .05rem;
        background: #4B91C9;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        z-index: 5;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .25rem
    }

section {
    position: relative
}

    section .standard-backdrop-filter, section .m_standard-backdrop-filter {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1
    }

    section .standard-backdrop-filter {
        backdrop-filter: undefined
    }

    section .m_standard-backdrop-filter {
        backdrop-filter: undefined
    }

.lucky-wheel-container {
    position: fixed;
    z-index: 10;
    top: 65%;
    bottom: undefined;
    left: 0%;
    right: undefined;
    width: 1.83rem
}

    .lucky-wheel-container img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        cursor: pointer
    }

    .lucky-wheel-container .floating-lucky-wheel {
        width: 100%
    }

    .lucky-wheel-container .close-btn {
        position: absolute;
        z-index: 5;
        top: 0;
        right: 0;
        width: .5rem;
        height: .5rem;
        cursor: pointer;
        background-color: undefined;
        border-radius: undefined;
        border: undefined
    }

        .lucky-wheel-container .close-btn::before, .lucky-wheel-container .close-btn::after {
            content: undefined;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 3px;
            height: 15px;
            background-color: #fff
        }

        .lucky-wheel-container .close-btn::before {
            transform: translate(-50%,-50%) rotate(45deg)
        }

        .lucky-wheel-container .close-btn::after {
            transform: translate(-50%,-50%) rotate(-45deg)
        }

.m-lucky-wheel-container {
    position: fixed;
    z-index: 3;
    bottom: 10%;
    left: 0;
    right: undefined;
    width: 30%
}

    .m-lucky-wheel-container img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        cursor: pointer
    }

    .m-lucky-wheel-container .close-btn {
        position: absolute;
        z-index: 5;
        top: 0;
        right: 0;
        width: .5rem;
        height: .5rem;
        cursor: pointer;
        background-color: undefined;
        border-radius: 50%;
        border: undefined
    }

        .m-lucky-wheel-container .close-btn::before, .m-lucky-wheel-container .close-btn::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: undefined;
            height: undefined;
            background-color: undefined
        }

        .m-lucky-wheel-container .close-btn::before {
            transform: translate(-50%,-50%) rotate(45deg)
        }

        .m-lucky-wheel-container .close-btn::after {
            transform: translate(-50%,-50%) rotate(-45deg)
        }

.lucky-wheel-box-border, .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail, .lucky-wheel-landing-container .container-row-2 > div.prize-12, .lucky-wheel-landing-container .tnc-wrapper .tnc-detail, .m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail {
    position: relative;
    background: #ffffff1a;
    z-index: 0
}

    .lucky-wheel-box-border::before, .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail::before, .lucky-wheel-landing-container .container-row-2 > div.prize-12::before, .lucky-wheel-landing-container .tnc-wrapper .tnc-detail::before, .m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: .3rem;
        padding: .02rem;
        background: linear-gradient(-45deg,#f70fff,#12d6df);
        -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        z-index: -1
    }

.lucky-wheel-landing-container {
    padding: .77rem 0 .68rem;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/background.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

    .lucky-wheel-landing-container p {
        margin: 0
    }

    .lucky-wheel-landing-container img {
        width: 100%;
        height: auto;
        object-fit: contain
    }

    .lucky-wheel-landing-container .container-row-1 {
        position: relative;
        width: 11rem;
        margin: auto;
        display: grid;
        grid-template-columns: 6.5fr 3.5fr;
        grid-gap: 1.5rem
    }

        .lucky-wheel-landing-container .container-row-1 .prize-0 {
            bottom: 22%;
            left: 55%
        }

        .lucky-wheel-landing-container .container-row-1 .prize-1 {
            top: -2%;
            left: 17%
        }

        .lucky-wheel-landing-container .container-row-1 .prize-2 {
            bottom: 7%;
            left: 44%
        }

        .lucky-wheel-landing-container .container-row-1 .prize-3 {
            bottom: 5%;
            left: -1%
        }

        .lucky-wheel-landing-container .container-row-1 .prize-4 {
            top: 1%;
            left: -4%
        }

        .lucky-wheel-landing-container .container-row-1 .prize-5 {
            top: -6%;
            left: 43%
        }

        .lucky-wheel-landing-container .container-row-1 .prize-0 {
            position: absolute;
            width: calc(6% * 1);
            animation: floater0 10s infinite;
            transition: ease .5s;
            z-index: 5;
            opacity: .4;
            background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            padding: calc(0.8% * 1)
        }

@keyframes floater0 {
    0% {
    }

    25% {
        transform: translateY(0.08rem) translateX(0.03rem);
        opacity: .4
    }

    50% {
        transform: translateY(0.15rem) translateX(0.05rem);
        opacity: .5
    }

    75% {
        transform: translateY(0.33rem) translateX(0.31rem);
        opacity: .4
    }

    100% {
    }
}

.lucky-wheel-landing-container .container-row-1 .prize-1 {
    position: absolute;
    width: calc(6% * 1);
    animation: floater1 10s infinite;
    transition: ease .5s;
    z-index: 5;
    opacity: .8;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(0.8% * 1)
}

@keyframes floater1 {
    0% {
    }

    25% {
        transform: translateY(0.19rem) translateX(0.18rem);
        opacity: 1
    }

    50% {
        transform: translateY(0.22rem) translateX(0.06rem);
        opacity: .4
    }

    75% {
        transform: translateY(0.29rem) translateX(0.49rem);
        opacity: .3
    }

    100% {
    }
}

.lucky-wheel-landing-container .container-row-1 .prize-2 {
    position: absolute;
    width: calc(6% * 1);
    animation: floater2 10s infinite;
    transition: ease .5s;
    z-index: 5;
    opacity: 1;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(0.8% * 1)
}

@keyframes floater2 {
    0% {
    }

    25% {
        transform: translateY(0.04rem) translateX(0.15rem);
        opacity: .9
    }

    50% {
        transform: translateY(0.1rem) translateX(0.38rem);
        opacity: 1
    }

    75% {
        transform: translateY(0.39rem) translateX(0.04rem);
        opacity: .5
    }

    100% {
    }
}

.lucky-wheel-landing-container .container-row-1 .prize-3 {
    position: absolute;
    width: calc(6% * 2);
    animation: floater3 10s infinite;
    transition: ease .5s;
    z-index: 5;
    opacity: .4;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(0.8% * 2)
}

@keyframes floater3 {
    0% {
    }

    25% {
        transform: translateY(0.18rem) translateX(0.03rem);
        opacity: .3
    }

    50% {
        transform: translateY(0.23rem) translateX(0.32rem);
        opacity: .1
    }

    75% {
        transform: translateY(0.34rem) translateX(0.4rem);
        opacity: .9
    }

    100% {
    }
}

.lucky-wheel-landing-container .container-row-1 .prize-4 {
    position: absolute;
    width: calc(6% * 2);
    animation: floater4 10s infinite;
    transition: ease .5s;
    z-index: 5;
    opacity: .4;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(0.8% * 2)
}

@keyframes floater4 {
    0% {
    }

    25% {
        transform: translateY(0.03rem) translateX(0.05rem);
        opacity: .4
    }

    50% {
        transform: translateY(0.38rem) translateX(0.02rem);
        opacity: .8
    }

    75% {
        transform: translateY(0.4rem) translateX(0.58rem);
        opacity: .8
    }

    100% {
    }
}

.lucky-wheel-landing-container .container-row-1 .prize-5 {
    position: absolute;
    width: calc(6% * 3);
    animation: floater5 10s infinite;
    transition: ease .5s;
    z-index: 5;
    opacity: .8;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(0.8% * 3)
}

@keyframes floater5 {
    0% {
    }

    25% {
        transform: translateY(0.2rem) translateX(0.06rem);
        opacity: .6
    }

    50% {
        transform: translateY(0.15rem) translateX(0.37rem);
        opacity: .3
    }

    75% {
        transform: translateY(0.46rem) translateX(0.16rem);
        opacity: .3
    }

    100% {
    }
}

.lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper {
    position: relative;
    height: fit-content
}

    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .claimpoint-star {
        position: absolute;
        width: 22%;
        bottom: 1%;
        right: 5%;
        z-index: 5;
        cursor: pointer
    }

    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper #spin {
        position: absolute;
        top: 4%;
        left: .6%;
        width: 100%;
        height: 80%
    }

    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .lucky-wheel-outer {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .lucky-wheel-frame {
        position: relative;
        z-index: 3
    }

    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .inner-wheel {
        position: absolute;
        width: 77%;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-btn {
        position: absolute;
        top: 38%;
        left: 44.2%;
        width: 13%;
        background: unset;
        z-index: 4;
        cursor: pointer
    }

        .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .spin-btn:disabled {
            cursor: not-allowed
        }

    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .prize-name-list {
        position: absolute;
        width: 100%;
        height: 80%;
        border-radius: 50%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

        .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .prize-name-list > li {
            position: absolute;
            top: 0;
            transform-origin: 50% 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 50%;
            font-size: .16rem;
            color: #fff;
            text-align: center;
            padding-bottom: 20%
        }

    .lucky-wheel-landing-container .container-row-1 .lucky-wheel-wrapper .reminder-title {
        position: absolute;
        bottom: 4.5%;
        color: #fff;
        text-align: center;
        width: 100%;
        z-index: 3;
        font-size: .22rem
    }

.lucky-wheel-landing-container .container-row-1 .winner-content {
    position: relative
}

    .lucky-wheel-landing-container .container-row-1 .winner-content .winner-trophy {
        position: relative;
        display: block;
        width: 50%;
        margin: auto;
        z-index: 1
    }

    .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail {
        position: relative;
        padding: .24rem .16rem;
        border-radius: .3rem;
        font-size: .16rem;
        margin: -.2rem 0 0;
        min-height: 80%
    }

        .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail .detail-type {
            display: grid;
            grid-template-columns: repeat(2,1fr);
            grid-gap: 0 .06rem
        }

            .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail .detail-type > button {
                background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                padding: .12rem .05rem;
                color: #fff
            }

                .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail .detail-type > button.active {
                    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn-on.png);
                    background-repeat: no-repeat;
                    background-size: 100% 100%;
                    color: #000
                }

        .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail .detail-single-type {
            display: flex;
            justify-content: center
        }

            .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail .detail-single-type > button {
                background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                padding: .12rem .05rem;
                color: #fff;
                width: 50%
            }

                .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail .detail-single-type > button.active {
                    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn-on.png);
                    background-repeat: no-repeat;
                    background-size: 100% 100%;
                    color: #000
                }

        .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0 .1rem
        }

            .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody {
                display: block;
                max-height: 4.5rem;
                scroll-behavior: smooth
            }

                .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody.list-body {
                    overflow-y: hidden
                }

                .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody.record-body {
                    overflow-y: scroll
                }

                .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody tr {
                    display: inline-table;
                    width: 100%
                }

                    .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody tr td {
                        vertical-align: top;
                        color: #fff
                    }

                        .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody tr td:last-child {
                            display: flex;
                            flex-direction: column;
                            text-align: right;
                            align-items: flex-end
                        }

                            .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody tr td:last-child span {
                                color: #4b91c9;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                width: 1.8rem
                            }

                        .lucky-wheel-landing-container .container-row-1 .winner-content .winner-detail table tbody tr td.empty-data {
                            text-align: center;
                            align-items: center
                        }

.lucky-wheel-landing-container .container-row-2 {
    width: 11rem;
    margin: .8rem auto 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: .22rem .3rem
}

    .lucky-wheel-landing-container .container-row-2 > div {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: .7rem;
        padding: .08rem .25rem;
        color: #fff;
        font-size: .16rem;
        border-radius: .5rem;
        background: #ffffff1a
    }

        .lucky-wheel-landing-container .container-row-2 > div img {
            width: 22%
        }

            .lucky-wheel-landing-container .container-row-2 > div img.prize {
                max-height: .5rem
            }

        .lucky-wheel-landing-container .container-row-2 > div.prize-1 {
            border: .02rem solid #e39d6b
        }

        .lucky-wheel-landing-container .container-row-2 > div.prize-2 {
            border: .02rem solid #7a9ab5
        }

        .lucky-wheel-landing-container .container-row-2 > div.prize-3 {
            border: .02rem solid #e12fb2
        }

        .lucky-wheel-landing-container .container-row-2 > div.prize-4 {
            border: .02rem solid #569fda
        }

        .lucky-wheel-landing-container .container-row-2 > div.prize-5 {
            border: .02rem solid #7158e2
        }

        .lucky-wheel-landing-container .container-row-2 > div.prize-6 {
            border: .02rem solid #2bdd8a
        }

        .lucky-wheel-landing-container .container-row-2 > div.prize-7 {
            border: .02rem solid #55cdd9
        }

        .lucky-wheel-landing-container .container-row-2 > div.prize-8 {
            border: .02rem solid #eee5a2
        }

        .lucky-wheel-landing-container .container-row-2 > div.prize-9 {
            border: .02rem solid #ff70a3
        }

        .lucky-wheel-landing-container .container-row-2 > div.prize-10 {
            border: .02rem solid #d0ffff
        }

        .lucky-wheel-landing-container .container-row-2 > div.prize-11 {
            border: .02rem solid #ca99ff
        }

        .lucky-wheel-landing-container .container-row-2 > div .level-name-wrapper {
            display: flex;
            align-items: center
        }

            .lucky-wheel-landing-container .container-row-2 > div .level-name-wrapper p {
                margin: 0 0 0 .16rem
            }

.lucky-wheel-landing-container .tnc-wrapper {
    position: relative;
    width: 11rem;
    margin: .94rem auto 0;
    color: #fff
}

    .lucky-wheel-landing-container .tnc-wrapper .title-wrapper {
        position: relative;
        display: block;
        width: 26%;
        margin: auto;
        z-index: 1
    }

        .lucky-wheel-landing-container .tnc-wrapper .title-wrapper .tnc-title {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            color: #fff
        }

    .lucky-wheel-landing-container .tnc-wrapper .tnc-detail {
        margin: -4.2% 0 0;
        padding: .84rem 1rem;
        border-radius: .3rem
    }

        .lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper {
            margin: 0 0 .22rem
        }

            .lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .wrapper-subtitle {
                color: #4b91c9;
                font-weight: 700
            }

                .lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .wrapper-subtitle span {
                    color: #fff;
                    font-weight: 400
                }

            .lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .tips {
                color: red
            }

        .lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-list li {
            list-style-type: decimal;
            margin: 0 0 0 .2rem;
            padding: .1rem 0
        }

        .lucky-wheel-landing-container .tnc-wrapper .tnc-detail .alpha-detail-list li {
            list-style: upper-alpha;
            margin: 0 0 0 .2rem;
            padding: .1rem 0
        }

        .lucky-wheel-landing-container .tnc-wrapper .tnc-detail .lower-alpha-detail-list li {
            list-style: lower-alpha;
            margin: 0 0 0 .2rem;
            padding: .1rem 0
        }

        .lucky-wheel-landing-container .tnc-wrapper .tnc-detail .line-detail-list li {
            list-style-type: none;
            margin: unset;
            padding: .1rem 0
        }

.m-lucky-wheel-box-border, .m-lucky-wheel-landing-container .prize-list-wrapper > div.prize-12, .m-lucky-wheel-landing-container .winner-content .winner-detail {
    position: relative;
    background: #ffffff1a;
    z-index: 0
}

    .m-lucky-wheel-box-border::before, .m-lucky-wheel-landing-container .prize-list-wrapper > div.prize-12::before, .m-lucky-wheel-landing-container .winner-content .winner-detail::before {
        content: '';
        position: absolute;
        inset: 0;
        padding: .02rem;
        background: linear-gradient(-45deg,#f70fff,#12d6df);
        -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        z-index: -1
    }

.m-lucky-wheel-landing-container {
    padding: 10% 0;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/background.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

    .m-lucky-wheel-landing-container p {
        margin: 0
    }

    .m-lucky-wheel-landing-container img {
        width: 100%;
        height: auto;
        object-fit: contain
    }

    .m-lucky-wheel-landing-container .lucky-wheel-wrapper {
        position: relative;
        height: fit-content
    }

        .m-lucky-wheel-landing-container .lucky-wheel-wrapper .claimpoint-star {
            position: absolute;
            width: 30%;
            bottom: -2%;
            right: 2%;
            z-index: 5;
            cursor: pointer
        }

        .m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-0 {
            bottom: 30%;
            right: 5%
        }

        .m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-1 {
            top: -2%;
            left: 30%
        }

        .m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-2 {
            bottom: -5%;
            right: 10%
        }

        .m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-3 {
            bottom: 5%;
            left: 2%
        }

        .m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-4 {
            top: -6%;
            left: 2%
        }

        .m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-5 {
            top: -10%;
            right: 2%
        }

        .m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-0 {
            position: absolute;
            width: calc(10% * 1);
            animation: floater0 10s infinite;
            transition: ease .5s;
            z-index: 5;
            opacity: .6;
            background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            padding: calc(2% * 1)
        }

@keyframes floater0 {
    0% {
    }

    25% {
        transform: translateY(0.13rem) translateX(0.04rem);
        opacity: .4
    }

    50% {
        transform: translateY(0.05rem) translateX(0.17rem);
        opacity: .2
    }

    75% {
        transform: translateY(0.03rem) translateX(0.34rem);
        opacity: .7
    }

    100% {
    }
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-1 {
    position: absolute;
    width: calc(10% * 1);
    animation: floater1 10s infinite;
    transition: ease .5s;
    z-index: 5;
    opacity: .8;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(2% * 1)
}

@keyframes floater1 {
    0% {
    }

    25% {
        transform: translateY(0.18rem) translateX(0.16rem);
        opacity: .8
    }

    50% {
        transform: translateY(0.14rem) translateX(0.1rem);
        opacity: .2
    }

    75% {
        transform: translateY(0.18rem) translateX(0.17rem);
        opacity: .4
    }

    100% {
    }
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-2 {
    position: absolute;
    width: calc(10% * 1);
    animation: floater2 10s infinite;
    transition: ease .5s;
    z-index: 5;
    opacity: .8;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(2% * 1)
}

@keyframes floater2 {
    0% {
    }

    25% {
        transform: translateY(0.12rem) translateX(0.14rem);
        opacity: .6
    }

    50% {
        transform: translateY(0.28rem) translateX(0.3rem);
        opacity: .8
    }

    75% {
        transform: translateY(0.39rem) translateX(0.38rem);
        opacity: .4
    }

    100% {
    }
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-3 {
    position: absolute;
    width: calc(10% * 2);
    animation: floater3 10s infinite;
    transition: ease .5s;
    z-index: 5;
    opacity: 1;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(2% * 2)
}

@keyframes floater3 {
    0% {
    }

    25% {
        transform: translateY(0.06rem) translateX(0.05rem);
        opacity: .9
    }

    50% {
        transform: translateY(0.04rem) translateX(0.02rem);
        opacity: 1
    }

    75% {
        transform: translateY(0.2rem) translateX(0.6rem);
        opacity: .5
    }

    100% {
    }
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-4 {
    position: absolute;
    width: calc(10% * 2);
    animation: floater4 10s infinite;
    transition: ease .5s;
    z-index: 5;
    opacity: 1;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(2% * 2)
}

@keyframes floater4 {
    0% {
    }

    25% {
        transform: translateY(0.2rem) translateX(0.16rem);
        opacity: .2
    }

    50% {
        transform: translateY(0.25rem) translateX(0.22rem);
        opacity: .5
    }

    75% {
        transform: translateY(0.02rem) translateX(0.57rem);
        opacity: .3
    }

    100% {
    }
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-5 {
    position: absolute;
    width: calc(10% * 3);
    animation: floater5 10s infinite;
    transition: ease .5s;
    z-index: 5;
    opacity: 1;
    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/bubble.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: calc(2% * 3)
}

@keyframes floater5 {
    0% {
    }

    25% {
        transform: translateY(0.02rem) translateX(0.19rem);
        opacity: .1
    }

    50% {
        transform: translateY(0.35rem) translateX(0.27rem);
        opacity: .6
    }

    75% {
        transform: translateY(0.54rem) translateX(0.3rem);
        opacity: .1
    }

    100% {
    }
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper #spin {
    position: absolute;
    top: 4%;
    left: .6%;
    width: 100%;
    height: 80%
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .lucky-wheel-outer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .lucky-wheel-frame {
    position: relative;
    z-index: 3
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .inner-wheel {
    position: absolute;
    width: 77%;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .spin-btn {
    position: absolute;
    top: 38.2%;
    left: 44.2%;
    width: 13%;
    background: unset;
    z-index: 4;
    cursor: pointer
}

    .m-lucky-wheel-landing-container .lucky-wheel-wrapper .spin-btn:disabled {
        cursor: not-allowed
    }

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-name-list {
    position: absolute;
    width: 100%;
    height: 80%;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

    .m-lucky-wheel-landing-container .lucky-wheel-wrapper .prize-name-list > li {
        position: absolute;
        top: 0;
        transform-origin: 50% 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 50%;
        font-size: 100%;
        color: #fff;
        text-align: center;
        padding-bottom: 20%
    }

.m-lucky-wheel-landing-container .lucky-wheel-wrapper .reminder-title {
    position: absolute;
    bottom: 4.5%;
    color: #fff;
    text-align: center;
    width: 100%;
    z-index: 3;
    font-size: 100%
}

.m-lucky-wheel-landing-container .prize-list-wrapper {
    margin: 1.4rem 0 0;
    padding: 0 .3rem
}

    .m-lucky-wheel-landing-container .prize-list-wrapper > div {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        padding: 2% 5%;
        color: #fff;
        font-size: 100%;
        border-radius: 1rem;
        background: #ffffff1a
    }

        .m-lucky-wheel-landing-container .prize-list-wrapper > div img {
            width: 20%
        }

            .m-lucky-wheel-landing-container .prize-list-wrapper > div img.prize {
                max-height: 1rem
            }

        .m-lucky-wheel-landing-container .prize-list-wrapper > div:not(:last-child) {
            margin: 0 0 .34rem
        }

        .m-lucky-wheel-landing-container .prize-list-wrapper > div.prize-1 {
            border: .02rem solid #e39d6b
        }

        .m-lucky-wheel-landing-container .prize-list-wrapper > div.prize-2 {
            border: .02rem solid #7a9ab5
        }

        .m-lucky-wheel-landing-container .prize-list-wrapper > div.prize-3 {
            border: .02rem solid #e12fb2
        }

        .m-lucky-wheel-landing-container .prize-list-wrapper > div.prize-4 {
            border: .02rem solid #569fda
        }

        .m-lucky-wheel-landing-container .prize-list-wrapper > div.prize-5 {
            border: .02rem solid #7158e2
        }

        .m-lucky-wheel-landing-container .prize-list-wrapper > div.prize-6 {
            border: .02rem solid #2bdd8a
        }

        .m-lucky-wheel-landing-container .prize-list-wrapper > div.prize-7 {
            border: .02rem solid #55cdd9
        }

        .m-lucky-wheel-landing-container .prize-list-wrapper > div.prize-8 {
            border: .02rem solid #eee5a2
        }

        .m-lucky-wheel-landing-container .prize-list-wrapper > div.prize-9 {
            border: .02rem solid #ff70a3
        }

        .m-lucky-wheel-landing-container .prize-list-wrapper > div.prize-10 {
            border: .02rem solid #d0ffff
        }

        .m-lucky-wheel-landing-container .prize-list-wrapper > div.prize-11 {
            border: .02rem solid #ca99ff
        }

        .m-lucky-wheel-landing-container .prize-list-wrapper > div.prize-12::before {
            border-radius: 1rem
        }

        .m-lucky-wheel-landing-container .prize-list-wrapper > div .level-name-wrapper {
            display: flex;
            align-items: center
        }

            .m-lucky-wheel-landing-container .prize-list-wrapper > div .level-name-wrapper p {
                margin: 0 0 0 .48rem
            }

.m-lucky-wheel-landing-container .winner-content {
    position: relative;
    margin: .84rem 0 0;
    padding: 0 .3rem
}

    .m-lucky-wheel-landing-container .winner-content .winner-trophy {
        position: relative;
        display: block;
        width: 50%;
        margin: auto;
        z-index: 1
    }

    .m-lucky-wheel-landing-container .winner-content .winner-detail {
        position: relative;
        padding: .7rem .66rem;
        font-size: 100%;
        margin: -4.5% 0 0;
        border-radius: .5rem;
        min-height: 80%
    }

        .m-lucky-wheel-landing-container .winner-content .winner-detail::before {
            border-radius: .5rem
        }

        .m-lucky-wheel-landing-container .winner-content .winner-detail .detail-type {
            display: grid;
            grid-template-columns: repeat(2,1fr);
            grid-gap: 0 .2rem
        }

            .m-lucky-wheel-landing-container .winner-content .winner-detail .detail-type > button {
                background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                color: #fff;
                padding: 10% 5%
            }

                .m-lucky-wheel-landing-container .winner-content .winner-detail .detail-type > button.active {
                    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn-on.png);
                    background-repeat: no-repeat;
                    background-size: 100% 100%;
                    color: #000
                }

        .m-lucky-wheel-landing-container .winner-content .winner-detail .detail-single-type {
            display: flex;
            justify-content: center
        }

            .m-lucky-wheel-landing-container .winner-content .winner-detail .detail-single-type > button {
                background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                color: #fff;
                padding: 5%;
                width: 50%
            }

                .m-lucky-wheel-landing-container .winner-content .winner-detail .detail-single-type > button.active {
                    background: url(/public/html/default_whitelabel/shared-image/lucky_wheel/winner-type-btn-on.png);
                    background-repeat: no-repeat;
                    background-size: 100% 100%;
                    color: #000
                }

        .m-lucky-wheel-landing-container .winner-content .winner-detail table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0 .64rem
        }

            .m-lucky-wheel-landing-container .winner-content .winner-detail table tbody {
                display: block;
                max-height: 11rem;
                scroll-behavior: smooth
            }

                .m-lucky-wheel-landing-container .winner-content .winner-detail table tbody.list-body {
                    overflow-y: hidden
                }

                .m-lucky-wheel-landing-container .winner-content .winner-detail table tbody.record-body {
                    overflow-y: scroll
                }

                .m-lucky-wheel-landing-container .winner-content .winner-detail table tbody tr {
                    display: inline-table;
                    width: 100%
                }

                    .m-lucky-wheel-landing-container .winner-content .winner-detail table tbody tr td {
                        vertical-align: top;
                        color: #fff
                    }

                        .m-lucky-wheel-landing-container .winner-content .winner-detail table tbody tr td:last-child {
                            display: flex;
                            flex-direction: column;
                            text-align: right;
                            align-items: flex-end
                        }

                            .m-lucky-wheel-landing-container .winner-content .winner-detail table tbody tr td:last-child span {
                                color: #4b91c9;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                width: 100%
                            }

                        .m-lucky-wheel-landing-container .winner-content .winner-detail table tbody tr td.empty-data {
                            text-align: center;
                            align-items: center
                        }

.m-lucky-wheel-landing-container .tnc-wrapper {
    position: relative;
    margin: 1.96rem 0 0;
    padding: 0 .3rem;
    color: #fff
}

    .m-lucky-wheel-landing-container .tnc-wrapper .title-wrapper {
        position: relative;
        display: block;
        width: 70%;
        margin: auto;
        z-index: 1
    }

        .m-lucky-wheel-landing-container .tnc-wrapper .title-wrapper .tnc-title {
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            color: #fff
        }

    .m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail {
        margin: -11% 0 0;
        padding: 1.8rem .6rem;
        border-radius: .5rem
    }

        .m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail::before {
            border-radius: .5rem
        }

        .m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper {
            margin: 0 0 .65rem
        }

            .m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .wrapper-subtitle {
                color: #4b91c9;
                font-weight: 700
            }

                .m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .wrapper-subtitle span {
                    color: #fff;
                    font-weight: 400
                }

            .m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-wrapper .tips {
                color: red
            }

        .m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .detail-list li {
            list-style-type: decimal;
            margin: 0 0 0 .42rem;
            padding: .42rem 0
        }

        .m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .alpha-detail-list li {
            list-style: upper-alpha;
            margin: 0 0 0 .42rem;
            padding: .42rem 0
        }

        .m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .lower-alpha-detail-list li {
            list-style: lower-alpha;
            margin: 0 0 0 .42rem;
            padding: .42rem 0
        }

        .m-lucky-wheel-landing-container .tnc-wrapper .tnc-detail .line-detail-list li {
            list-style-type: none;
            margin: unset;
            padding: .42rem 0
        }

.lucky-wheel-popup-modal-container {
    width: 28%
}

    .lucky-wheel-popup-modal-container .standard-popup-modal-header .standard-modal-close {
        position: absolute;
        right: .05rem;
        top: .05rem;
        background: 0 0;
        font-size: .25rem;
        padding: .055rem .14rem;
        border-radius: .1rem;
        cursor: pointer
    }

    .lucky-wheel-popup-modal-container .standard-popup-modal-body {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .32rem 0
    }

        .lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-blessing-title {
            margin: 0 0 .1rem;
            font-weight: 700
        }

        .lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-text {
            margin: 0 0 .07rem
        }

        .lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-prize-name {
            margin: 0 0 .3rem;
            font-weight: 700;
            color: #4b91c9
        }

        .lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-prize-image {
            margin: 0 0 .26rem;
            width: 60%
        }

        .lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-btn {
            padding: .15rem .42rem;
            color: #000;
            border-radius: .05rem;
            background: undefined
        }

.m-lucky-wheel-popup-modal-container {
    width: 90%
}

    .m-lucky-wheel-popup-modal-container .standard-popup-modal-header .standard-modal-close {
        font-size: .6rem;
        top: .15rem;
        padding: .15rem .3rem
    }

    .m-lucky-wheel-popup-modal-container .standard-popup-modal-body {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1.18rem 0 .7rem
    }

        .m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-blessing-title {
            margin: 0 0 .26rem;
            font-weight: 700
        }

        .m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-text {
            margin: 0 0 .23rem
        }

        .m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-prize-name {
            margin: 0 0 1.05rem;
            font-weight: 700;
            color: #4b91c9
        }

        .m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-prize-image {
            margin: 0 0 .9rem;
            width: 60%
        }

        .m-lucky-wheel-popup-modal-container .standard-popup-modal-body .popup-btn {
            padding: .52rem 2.05rem;
            color: #000;
            background: undefined
        }

.leaderboard-container ul .list-style.circle {
    list-style-type: circle
}

.leaderboard-container ul .list-style.square {
    list-style-type: square
}

.leaderboard-container ul .list-style.disc {
    list-style-type: disc
}

.leaderboard-container ul .list-style.decimal {
    list-style-type: decimal
}

.leaderboard-container ul .list-style.upper-roman {
    list-style-type: upper-roman
}

.leaderboard-container ul .list-style.lower-roman {
    list-style-type: lower-roman
}

.leaderboard-container ul .list-style.lower-alpha {
    list-style-type: lower-alpha
}

.leaderboard-container ul .list-style.upper-alpha {
    list-style-type: upper-alpha
}

.leaderboard-container .leaderboard-row {
    width: 13.4rem
}

    .leaderboard-container .leaderboard-row .leaderboard-column-container .list-item .pointer-item.active .hover-line {
        border-bottom: .05rem solid #4b91c9;
        width: .4rem;
        margin: 0 auto;
        position: relative;
        top: .05rem
    }

    .leaderboard-container .leaderboard-row .leaderboard-column-container .list-item.component7 .pointer-item .lazy-load-image-background, .leaderboard-container .leaderboard-row .leaderboard-column-container .list-item.component10 .pointer-item .lazy-load-image-background {
        height: .8rem
    }

    .leaderboard-container .leaderboard-row .date-time-container .standard-form-container {
        display: flex;
        gap: .2rem;
        justify-content: flex-end
    }

        .leaderboard-container .leaderboard-row .date-time-container .standard-form-container .standard-form-field {
            width: 1rem;
            height: .35rem
        }

            .leaderboard-container .leaderboard-row .date-time-container .standard-form-container .standard-form-field .standard-select {
                font-size: .14rem;
                background: #ededed;
                color: BLACk;
                padding: .05rem .25rem
            }

                .leaderboard-container .leaderboard-row .date-time-container .standard-form-container .standard-form-field .standard-select span {
                    margin: 0
                }

            .leaderboard-container .leaderboard-row .date-time-container .standard-form-container .standard-form-field .standard-select-arrow {
                right: .25rem;
                color: #b1b1b1
            }

    .leaderboard-container .leaderboard-row .member-rank-container {
        padding: .2rem;
        border-radius: .1rem;
        width: 100%
    }

        .leaderboard-container .leaderboard-row .member-rank-container .table-container {
            border-radius: .1rem;
            padding: .2rem;
            color: #0f161f
        }

            .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head {
                display: flex;
                margin: 0 .3rem .3rem
            }

                .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(1) {
                    width: 18%
                }

                .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(2) {
                    width: 25%
                }

                .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(3) {
                    width: 40%
                }

            .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body {
                font-weight: 400;
                font-size: .14rem
            }

                .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row {
                    border-radius: .1rem;
                    display: flex;
                    align-items: center;
                    padding: 0 .3rem;
                    margin: 0 0 .3rem;
                    height: .5rem
                }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) {
                        background: linear-gradient(90deg,rgba(244,188,5,0.5) 0%,rgba(244,188,5,0) 100%);
                        color: #776012;
                        font-weight: 600;
                        font-size: .18rem
                    }

                        .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .rank span {
                            background: url(/public/html/images/leaderboard/first.png);
                            border-radius: .1rem;
                            background-repeat: no-repeat;
                            background-size: contain;
                            background-position: center;
                            height: .7rem
                        }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) {
                        background: linear-gradient(90deg,rgba(161,175,183,0.5) 0%,rgba(161,175,183,0) 100%);
                        color: #555;
                        font-weight: 600;
                        font-size: .18rem
                    }

                        .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .rank span {
                            background: url(/public/html/images/leaderboard/second.png);
                            border-radius: .1rem;
                            background-repeat: no-repeat;
                            background-size: contain;
                            background-position: center;
                            height: .7rem
                        }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) {
                        background: linear-gradient(90deg,rgba(205,106,50,0.5) 0%,rgba(205,106,50,0) 100%);
                        color: #9a5935;
                        font-weight: 600;
                        font-size: .18rem
                    }

                        .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .rank span {
                            background: url(/public/html/images/leaderboard/third.png);
                            border-radius: .1rem;
                            background-repeat: no-repeat;
                            background-size: contain;
                            background-position: center;
                            height: .7rem
                        }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row.current-member {
                        border: .01rem solid #28db00;
                        background: linear-gradient(90deg,#28DB00 0%,rgba(40,219,0,0.2) 0.01%,rgba(40,219,0,0) 100%,rgba(40,219,0,0) 100%);
                        color: BLACk
                    }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col.rank span {
                        padding: .2rem
                    }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(1) {
                        width: 18%
                    }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(2) {
                        width: 25%
                    }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(3) {
                        width: 40%
                    }

    .leaderboard-container .leaderboard-row .prize-rank-container {
        padding: .2rem 0 0;
        border-radius: .1rem;
        width: 100%
    }

        .leaderboard-container .leaderboard-row .prize-rank-container .table-container {
            border-radius: .1rem;
            padding: .2rem;
            color: #0f161f
        }

            .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head {
                display: flex;
                margin: 0 .3rem .3rem
            }

                .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col {
                    white-space: nowrap
                }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(1) {
                        width: 18%
                    }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(2) {
                        width: 67%
                    }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(3) {
                        width: 15%;
                        text-align: center
                    }

            .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body {
                font-weight: 400;
                font-size: .14rem
            }

                .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row {
                    border-radius: .1rem;
                    display: flex;
                    padding: 0 .3rem;
                    margin: 0 0 .3rem;
                    align-items: center;
                    height: .5rem;
                    color: #aaa
                }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.rank span {
                        padding: .2rem
                    }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.prize img {
                        height: .45rem;
                        margin-top: .04rem;
                        cursor: pointer
                    }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(1) {
                        width: 18%
                    }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(2) {
                        width: 67%
                    }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(3) {
                        width: 15%;
                        text-align: center
                    }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1) {
                        background: linear-gradient(90deg,rgba(244,188,5,0.5) 0%,rgba(244,188,5,0) 100%);
                        color: #776012;
                        font-weight: 600;
                        font-size: .18rem
                    }

                        .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1) .rank {
                            font-weight: 600;
                            font-size: .18rem
                        }

                            .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1) .rank span {
                                background: url(/public/html/images/leaderboard/first.png);
                                border-radius: .1rem;
                                background-repeat: no-repeat;
                                background-size: contain;
                                background-position: center;
                                height: .7rem
                            }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(2) {
                        background: linear-gradient(90deg,rgba(161,175,183,0.5) 0%,rgba(161,175,183,0) 100%);
                        color: #555;
                        font-weight: 600;
                        font-size: .18rem
                    }

                        .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(2) .rank span {
                            background: url(/public/html/images/leaderboard/second.png);
                            border-radius: .1rem;
                            background-repeat: no-repeat;
                            background-size: contain;
                            background-position: center;
                            height: .7rem
                        }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(3) {
                        background: linear-gradient(90deg,rgba(205,106,50,0.5) 0%,rgba(205,106,50,0) 100%);
                        color: #9a5935;
                        font-weight: 600;
                        font-size: .18rem
                    }

                        .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(3) .rank span {
                            background: url(/public/html/images/leaderboard/third.png);
                            border-radius: .1rem;
                            background-repeat: no-repeat;
                            background-size: contain;
                            background-position: center;
                            height: .7rem
                        }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .prize img {
                        height: .8rem
                    }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .prize img {
                        height: .8rem
                    }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .prize img {
                        height: .8rem
                    }

.leaderboard-container .main-slider-banner .image-container .banner-content {
    width: 3rem;
    text-align: left;
    top: 0;
    right: 50%;
    position: absolute
}

    .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container {
        position: absolute;
        right: 2.6rem;
        top: 1.25rem;
        color: #fff;
        width: 3.8rem;
        text-align: left
    }

        .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .title {
            font-weight: 600;
            font-size: .55rem;
            line-height: 1.25
        }

        .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .desc {
            font-weight: 400;
            font-size: .28rem;
            line-height: 1.25
        }

.leaderboard-container #readMore, .leaderboard-container #readLess {
    text-decoration: underline;
    cursor: pointer;
    color: #4B91C9
}

@media(max-width: 1024px) {
    .leaderboard-container .leaderboard-row {
        width: 11.5rem
    }

    .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container {
        right: 2.25rem;
        top: 1.1rem;
        width: 2.8rem
    }

        .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .title {
            font-size: .4rem
        }

        .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .desc {
            font-size: .22rem
        }
}

@media(max-width: 768px) {
    .leaderboard-container .leaderboard-row {
        width: 11.5rem
    }

        .leaderboard-container .leaderboard-row .member-rank-container {
            padding: .2rem;
            border-radius: 10px;
            width: 100%;
            background: "#F6F6F6";
            border-radius: .1rem
        }

            .leaderboard-container .leaderboard-row .member-rank-container .table-container {
                border-radius: .1rem;
                padding: .2rem;
                color: #0f161f
            }

                .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head {
                    display: flex;
                    margin: 0 .2rem .3rem;
                    font-weight: 700;
                    font-size: .24rem
                }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(1) {
                        width: 25%
                    }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(2) {
                        width: 37.5%
                    }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-head .table-col:nth-child(3) {
                        width: 37.5%
                    }

                .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row {
                    border-radius: .1rem;
                    display: flex;
                    align-items: center;
                    padding: 0 .2rem;
                    margin: 0 0 .3rem;
                    height: .75rem
                }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col.rank {
                        font-weight: 400;
                        font-size: .28rem
                    }

                        .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col.rank span {
                            border-radius: .1rem;
                            display: block;
                            width: .7rem;
                            padding: .15rem 0;
                            text-align: center;
                            font-size: .24rem;
                            font-weight: 700
                        }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col.username span, .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col.turnover span {
                        font-weight: 400;
                        font-size: .28rem;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        font-size: .24rem;
                        font-weight: 700
                    }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(1) {
                        width: 25%
                    }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(2) {
                        width: 37.5%
                    }

                    .leaderboard-container .leaderboard-row .member-rank-container .table-container .table-body .table-row .table-col:nth-child(3) {
                        width: 37.5%
                    }

        .leaderboard-container .leaderboard-row .prize-rank-container {
            padding: .2rem;
            border-radius: .1rem;
            width: 100%
        }

            .leaderboard-container .leaderboard-row .prize-rank-container .table-container {
                background: 0 0;
                border-radius: .1rem;
                padding: .2rem;
                color: #888
            }

                .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head {
                    display: flex;
                    margin: 0 .2rem .3rem;
                    color: #000;
                    font-weight: 700;
                    font-size: .24rem
                }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col {
                        white-space: pre-wrap
                    }

                        .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(1) {
                            width: 20%
                        }

                        .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(2) {
                            width: 55%
                        }

                        .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-head .table-col:nth-child(3) {
                            width: 25%;
                            text-align: center
                        }

                .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row {
                    border-radius: .1rem;
                    display: flex;
                    padding: 0 .2rem;
                    margin: 0 0 .3rem;
                    align-items: center;
                    height: .75rem
                }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .prize img {
                        height: 1.1rem
                    }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .prize img {
                        height: 1.1rem
                    }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .prize img {
                        height: 1.1rem
                    }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.rank {
                        font-weight: 400;
                        font-size: .28rem
                    }

                        .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.rank span {
                            border-radius: .1rem;
                            display: block;
                            width: .7rem;
                            padding: .15rem 0;
                            text-align: center;
                            font-size: .24rem;
                            font-weight: 700
                        }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.title {
                        font-weight: 400;
                        font-size: .28rem;
                        overflow: hidden;
                        white-space: nowrap
                    }

                        .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.title .scroll-animation {
                            display: block;
                            animation: marquee-extend 5s linear infinite alternate
                        }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col.prize img {
                        height: .7rem;
                        margin-top: .04rem;
                        cursor: pointer
                    }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(1) {
                        width: 20%
                    }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(2) {
                        width: 55%
                    }

                    .leaderboard-container .leaderboard-row .prize-rank-container .table-container .table-body .table-row .table-col:nth-child(3) {
                        width: 25%;
                        text-align: center
                    }

    .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container {
        right: 2.25rem;
        top: 1.1rem;
        width: 2.8rem
    }

        .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .title {
            font-size: .4rem
        }

        .leaderboard-container .main-slider-banner .image-container .banner-content .custom-desc-container .desc {
            font-size: .22rem
        }

    .dropdown-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

        .dropdown-container .dropdown-img-title {
            display: flex;
            align-items: center
        }

        .dropdown-container .dropdown-transition {
            transform: rotate(0deg);
            transition: .3s
        }

            .dropdown-container .dropdown-transition.on-clicked {
                transform: rotate(180deg)
            }

    .datepicker-icon-container {
        margin: 0 0 0 .3rem;
        fill: #888
    }

        .datepicker-icon-container .icon-calender {
            width: .5rem
        }
}

@keyframes marquee-extend {
    50%,0% {
        transform: translate(0,0)
    }

    90%,100% {
        transform: translate(-100%,0)
    }
}

.leaderboard-reward-popup-overlay .leaderboard-reward-popup-container {
    background: #fff;
    width: 420px
}

    .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body {
        text-align: center;
        padding: 0 .4rem .35rem;
        background: #f6f6f6;
        margin: .2rem
    }

        .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .image-container img {
            height: 1.6rem
        }

        .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .title-1 {
            font-weight: 700;
            font-size: .22rem;
            color: BLACk;
            margin: .2rem;
            padding: .1rem 0 0
        }

        .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .title-2 {
            font-weight: 700;
            font-size: .24rem;
            color: BLACk;
            margin: .1rem
        }

        .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .desc {
            font-weight: 400;
            font-size: .2rem;
            color: BLACk;
            margin: 0 0 .2rem
        }

        .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container {
            justify-content: center
        }

            .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container button {
                font-weight: 400;
                font-size: .16rem
            }

                .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container button.standard-submit-button {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: .5rem;
                    font-size: .14rem;
                    min-width: 48%;
                    border: 0;
                    border-radius: .05rem;
                    font-weight: 600;
                    padding: 0 .2rem;
                    text-transform: capitalize
                }

                    .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container button.standard-submit-button svg {
                        margin-right: .1rem;
                        width: .16rem;
                        height: .16rem
                    }

@media(max-width: 768px) {
    .leaderboard-reward-popup-overlay {
        overflow: unset
    }

        .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container {
            background: #fff;
            min-width: 6.75rem;
            max-width: 6.75rem;
            margin: calc(55vh - 50%) auto 0;
            border-radius: .1rem
        }

            .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body {
                text-align: center;
                padding: 0 .4rem .35rem
            }

                .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .image-container {
                    margin: 0 0 .2rem;
                    height: 2.5rem
                }

                    .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .image-container img {
                        height: 2.5rem
                    }

                .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .title {
                    font-weight: 600;
                    font-size: .53rem
                }

                .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .title-1 {
                    font-size: .28rem;
                    padding: .2rem
                }

                .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .title-2 {
                    font-size: .34rem
                }

                .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .desc {
                    font-weight: 400;
                    font-size: .25rem;
                    margin: 0 0 .4rem
                }

                .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container {
                    justify-content: center
                }

                    .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container button {
                        font-weight: 400;
                        font-size: .35rem;
                        border-radius: .2rem;
                        height: 1rem;
                        min-width: 2rem;
                        width: unset;
                        margin: auto
                    }

                        .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container button.standard-submit-button {
                            font-size: .24rem;
                            height: .6rem;
                            background: #b6b6b6
                        }

                            .leaderboard-reward-popup-overlay .leaderboard-reward-popup-container .reward-popup-body .reward-popup-btn-container button.standard-submit-button svg {
                                width: .26rem;
                                height: .26rem
                            }
}

.leaderboard-datetime-popup-container {
    width: 95%;
    min-width: 95%;
    max-width: 95%;
    overflow: hidden;
    margin: calc(55vh - 50%) auto 0;
    background: #fff;
    border-radius: .1rem
}

    .leaderboard-datetime-popup-container .datetime-popup-body {
        background: #f6f6f6;
        margin: .1rem
    }

        .leaderboard-datetime-popup-container .datetime-popup-body .date-time-container .standard-form-container .standard-form-field .standard-select {
            border: .01rem solid #dcdcdc;
            background: .01rem solid #ededed;
            color: #888
        }

            .leaderboard-datetime-popup-container .datetime-popup-body .date-time-container .standard-form-container .standard-form-field .standard-select .standard-select-arrow {
                border-color: #b1b1b1
            }

        .leaderboard-datetime-popup-container .datetime-popup-body .date-time-container .standard-form-container .standard-form-field .standard-select-dropdown {
            top: 1.1rem
        }

        .leaderboard-datetime-popup-container .datetime-popup-body .date-time-container .standard-form-container .standard-form-field p {
            color: #131313
        }

        .leaderboard-datetime-popup-container .datetime-popup-body .datetime-popup-btn-container {
            justify-content: center;
            margin: .5rem 0 0
        }

            .leaderboard-datetime-popup-container .datetime-popup-body .datetime-popup-btn-container .standard-submit-form-button {
                background: rgba(182,182,182,.8)
            }

.nav-leaderboard {
    position: relative;
    margin: .03rem .12rem 0 0;
    height: 100%;
    display: flex;
    align-items: center
}

    .nav-leaderboard .icon-leaderboard-container {
        background: #4b91c9;
        display: flex;
        align-items: center;
        border-radius: .2rem;
        padding: .1rem;
        margin: 0 0 .2rem;
        width: auto;
        height: .14rem
    }

        .nav-leaderboard .icon-leaderboard-container .icon-leaderboard-svg {
            background: #fdb813;
            border-radius: 50%;
            padding: .03rem;
            margin-right: .08rem
        }

            .nav-leaderboard .icon-leaderboard-container .icon-leaderboard-svg svg {
                width: .18rem;
                height: .16rem
            }

    .nav-leaderboard .navbar-member-group-desc {
        color: #fff;
        font-size: .12rem
    }

    .nav-leaderboard .floating-leaderboard-container {
        background: #ededed;
        backdrop-filter: blur(0.05rem);
        -webkit-box-shadow: unset;
        box-shadow: 0 .04rem .06rem rgba(16,24,40,.03),0 .12rem .16rem rgba(16,24,40,.08);
        border-radius: .05rem;
        padding: unset;
        width: 1.59rem;
        position: absolute;
        left: 0;
        top: .2rem;
        border-radius: .1rem;
        z-index: 9999
    }

        .nav-leaderboard .floating-leaderboard-container .floating-leaderboard {
            -webkit-box-shadow: 0 .05rem .08rem -.02rem rgba(0,0,0,.2);
            box-shadow: 0 .05rem .08rem -.02rem rgba(0,0,0,.2);
            padding: 0 .1rem;
            border-radius: 0
        }

            .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container {
                display: flex;
                justify-content: space-between;
                border-bottom: .01rem solid #ececec
            }

                .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .month-field {
                    width: 58%
                }

                .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .year-field {
                    width: 38%
                }

                .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .standard-form-container .standard-form-field select {
                    border-radius: .2rem;
                    font-size: .12rem;
                    color: #8697a2;
                    background: #f7f7f7;
                    border: none;
                    padding: .05rem .15rem
                }

            .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container {
                margin: 0
            }

                .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .header {
                    text-align: left;
                    font-size: .12rem;
                    color: #0f161f;
                    height: auto;
                    text-transform: capitalize;
                    padding: .1rem 0;
                    border-bottom: .01rem solid #dcdcdc
                }

                .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .bottom {
                    padding: .1rem 0;
                    border-top: .01rem solid #dcdcdc;
                    margin: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer
                }

                    .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .bottom .leaderboard-btn {
                        width: .22rem;
                        margin: 0 .05rem 0 0;
                        fill: #888
                    }

                    .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .bottom .leaderboard-details {
                        margin: 0;
                        color: #888
                    }

                .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .category-rank {
                    display: flex;
                    flex-direction: column
                }

                    .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .category-rank .category-box {
                        display: flex;
                        justify-content: space-between;
                        margin: .05rem 0
                    }

                        .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .category-rank .category-box .label {
                            color: #4B91C9;
                            word-break: break-word
                        }

                        .nav-leaderboard .floating-leaderboard-container .floating-leaderboard .rank-breakdown-container .category-rank .category-box .value {
                            color: BLACk;
                            word-break: break-word
                        }

.deposit-progress .deposit-progress-img {
    display: flex;
    margin: 0 0 .1rem
}

    .deposit-progress .deposit-progress-img .lazy-load-image-loaded {
        margin: 0 .15rem 0 0
    }

        .deposit-progress .deposit-progress-img .lazy-load-image-loaded img {
            width: .3rem
        }

.deposit-progress .progress-bar {
    background: #fff;
    border-radius: .5rem;
    height: .08rem;
    margin: 0 0 .1rem;
    overflow: hidden
}

    .deposit-progress .progress-bar .progress-bar-status {
        background: #ff8a00;
        border-radius: .5rem;
        display: block;
        height: 100%
    }

.deposit-progress .progress-status {
    font-size: .12rem
}

.deposit-progress .floating-vip-level-container {
    background: #fff;
    -webkit-box-shadow: 0 .02rem .08rem rgba(0,0,0,.3);
    box-shadow: 0 .02rem .08rem rgba(0,0,0,.3);
    border-radius: .1rem;
    padding: .18rem;
    position: absolute;
    width: 2rem;
    top: 55%;
    right: 29%;
    z-index: 1
}

    .deposit-progress .floating-vip-level-container .triangle {
        position: absolute;
        bottom: 100%;
        left: 50%;
        height: .12rem;
        margin-left: -.12rem;
        overflow: hidden;
        width: .24rem
    }

        .deposit-progress .floating-vip-level-container .triangle::after {
            content: '';
            position: absolute;
            width: .12rem;
            height: .12rem;
            left: 50%;
            transform: translate(-50%,50%) rotate(45deg);
            background: #fff;
            box-shadow: 0 .01rem .06rem rgba(0,0,0,.3)
        }

    .deposit-progress .floating-vip-level-container .floating-vip-level {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

        .deposit-progress .floating-vip-level-container .floating-vip-level .lazy-load-image-loaded {
            display: flex !important;
            justify-content: center;
            margin: 0 0 .1rem
        }

            .deposit-progress .floating-vip-level-container .floating-vip-level .lazy-load-image-loaded img {
                width: 90%
            }

        .deposit-progress .floating-vip-level-container .floating-vip-level .standard-button-container {
            justify-content: center
        }

            .deposit-progress .floating-vip-level-container .floating-vip-level .standard-button-container .standard-submit-button {
                border-radius: .2rem;
                font-weight: 500;
                font-size: .14rem;
                height: unset;
                width: unset;
                min-width: unset;
                padding: .05rem .18rem
            }

@media(max-width: 1440px) {
    .deposit-progress .floating-vip-level-container {
        right: 6%
    }

        .deposit-progress .floating-vip-level-container .triangle {
            left: 30%
        }
}

@media(max-width: 1024px) {
    .deposit-progress .floating-vip-level-container {
        right: -16%
    }

        .deposit-progress .floating-vip-level-container .triangle {
            left: 27%
        }
}

@media(max-width: 768px) {
    .webapp-popup-modal-container {
        width: 95%;
        max-width: 95%
    }

        .webapp-popup-modal-container .webapp-popup-modal-header {
            display: flex;
            align-items: center;
            text-align: left;
            font-size: .3rem;
            border-radius: .1rem .1rem 0 0
        }

        .webapp-popup-modal-container .webapp-popup-modal-body {
            padding: .25rem .16rem
        }

            .webapp-popup-modal-container .webapp-popup-modal-body .webapp-modal-step {
                margin: 0 0 .25rem
            }

                .webapp-popup-modal-container .webapp-popup-modal-body .webapp-modal-step:last-child {
                    margin: 0
                }

        .webapp-popup-modal-container .webapp-popup-modal-footer {
            border-radius: 0 0 .1rem .1rem
        }
}

.instant-rebate-tab {
    padding: .3rem
}

    .instant-rebate-tab .top-container {
        background: #f6f6f6;
        padding: .25rem;
        border-radius: .05rem
    }

        .instant-rebate-tab .top-container .top-content {
            display: flex;
            justify-content: space-between
        }

            .instant-rebate-tab .top-container .top-content .pending-claim-info .pending-claim {
                display: flex
            }

                .instant-rebate-tab .top-container .top-content .pending-claim-info .pending-claim .title {
                    color: #888;
                    margin: 0 .05rem .1rem 0
                }

                .instant-rebate-tab .top-container .top-content .pending-claim-info .pending-claim .currency {
                    color: #4B91C9
                }

            .instant-rebate-tab .top-container .top-content .pending-claim-info .value {
                font-size: .24rem;
                font-weight: 700
            }

            .instant-rebate-tab .top-container .top-content .last-update .title, .instant-rebate-tab .top-container .top-content .last-claimed .title {
                color: #888;
                margin: 0 .25rem .1rem 0
            }

            .instant-rebate-tab .top-container .top-content .claim-all-btn {
                background: #b6b6b6;
                color: #fff;
                padding: .1rem .5rem;
                border-radius: .06rem
            }

                .instant-rebate-tab .top-container .top-content .claim-all-btn:disabled {
                    opacity: .3;
                    background: #b6b6b6
                }

                .instant-rebate-tab .top-container .top-content .claim-all-btn:hover {
                    background: #b6b6b6cc
                }

        .instant-rebate-tab .top-container .claim-status {
            float: right;
            color: #e9203d
        }

    .instant-rebate-tab .divider {
        width: 100%;
        height: .02rem;
        margin: .25rem 0
    }

    .instant-rebate-tab .bottom-container .provider-table-header {
        display: flex;
        align-items: center;
        margin: 0 0 .1rem;
        color: #252525
    }

    .instant-rebate-tab .bottom-container .instant-rebate-info-container {
        margin: 0 0 .25rem !important;
        overflow-x: unset
    }

    .instant-rebate-tab .show-more-container {
        display: flex;
        justify-content: center;
        color: #888;
        cursor: pointer;
        margin: .25rem 0
    }

        .instant-rebate-tab .show-more-container svg {
            margin: 0 0 0 .1rem;
            width: .17rem;
            height: .17rem;
            fill: #b8b8b8;
            transform: rotate(90deg)
        }

.instant-rebate-history-container .history-control-section .history-control-panel.instant-rebate-hcp {
    margin: 0
}

    .instant-rebate-history-container .history-control-section .history-control-panel.instant-rebate-hcp .form-panel .standard-form-field .standard-select-arrow {
        top: .35rem
    }

.instant-rebate-history-container .col-rebate-period {
    color: #00e !important;
    text-decoration: underline;
    cursor: pointer
}

.instant-rebate-modal-container {
    width: 50%
}

    .instant-rebate-modal-container .instant-rebate-modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .instant-rebate-modal-container .instant-rebate-modal-body {
        padding: .15rem
    }

        .instant-rebate-modal-container .instant-rebate-modal-body .instant-rebate-modal-settings-container {
            background: #f6f6f6;
            padding: .25rem;
            border-radius: .05rem
        }

            .instant-rebate-modal-container .instant-rebate-modal-body .instant-rebate-modal-settings-container .instant-rebate-modal-st-section {
                width: unset;
                padding: 0
            }

                .instant-rebate-modal-container .instant-rebate-modal-body .instant-rebate-modal-settings-container .instant-rebate-modal-st-section .provider-table-header {
                    font-size: .14rem
                }

                .instant-rebate-modal-container .instant-rebate-modal-body .instant-rebate-modal-settings-container .instant-rebate-modal-st-section .instant-rebate-modal-setting-table-container {
                    margin: .1rem 0 .3rem
                }

                    .instant-rebate-modal-container .instant-rebate-modal-body .instant-rebate-modal-settings-container .instant-rebate-modal-st-section .instant-rebate-modal-setting-table-container:last-child {
                        margin: .1rem 0 0
                    }

.m-instant-rebate-container {
    padding: 0 .2rem;
    font-size: .26rem;
    margin: 0 0 1.3rem
}

    .m-instant-rebate-container .instant-rebate-tab-container {
        background: unset;
        margin: 0 0 .5rem
    }

.m-instant-rebate-tab .top-container {
    background: #f6f6f6;
    padding: .25rem;
    border-radius: .05rem
}

    .m-instant-rebate-tab .top-container .top-content {
        display: flex;
        justify-content: space-between;
        margin: 0 0 .3rem
    }

        .m-instant-rebate-tab .top-container .top-content .pending-claim-info .pending-claim {
            display: flex
        }

            .m-instant-rebate-tab .top-container .top-content .pending-claim-info .pending-claim .title {
                color: #888;
                margin: 0 .05rem .1rem 0
            }

            .m-instant-rebate-tab .top-container .top-content .pending-claim-info .pending-claim .currency {
                color: #4B91C9
            }

        .m-instant-rebate-tab .top-container .top-content .pending-claim-info .value {
            font-size: .32rem;
            font-weight: 700
        }

        .m-instant-rebate-tab .top-container .top-content .transaction-button-section {
            width: 40%
        }

            .m-instant-rebate-tab .top-container .top-content .transaction-button-section .claim-all-btn {
                width: 100%
            }

    .m-instant-rebate-tab .top-container .last-update, .m-instant-rebate-tab .top-container .last-claimed {
        display: flex
    }

        .m-instant-rebate-tab .top-container .last-update .title, .m-instant-rebate-tab .top-container .last-claimed .title {
            color: #888;
            margin: 0 .25rem .1rem 0;
            min-width: 1.75rem
        }

    .m-instant-rebate-tab .top-container .claim-status {
        color: #e9203d
    }

.m-instant-rebate-tab .divider {
    width: 100%;
    height: .02rem;
    margin: .25rem 0
}

.m-instant-rebate-tab .bottom-container {
    background: #f6f6f6;
    padding: .5rem .25rem;
    border-radius: .05rem;
    margin: .5rem 0 0
}

    .m-instant-rebate-tab .bottom-container .provider-table-container {
        margin: 0 0 .5rem
    }

        .m-instant-rebate-tab .bottom-container .provider-table-container .provider-table-header {
            display: flex;
            align-items: center;
            margin: 0 0 .1rem;
            color: #252525
        }

        .m-instant-rebate-tab .bottom-container .provider-table-container .m-instant-rebate-hlc {
            padding: 0
        }

        .m-instant-rebate-tab .bottom-container .provider-table-container .m-instant-rebate-str {
            text-align: center
        }

        .m-instant-rebate-tab .bottom-container .provider-table-container .instant-rebate-info-container {
            margin: 0 0 .25rem !important
        }

.m-instant-rebate-tab .show-more-container {
    display: flex;
    justify-content: center;
    color: #888;
    cursor: pointer;
    margin: .25rem 0
}

    .m-instant-rebate-tab .show-more-container svg {
        margin: 0 0 0 .1rem;
        width: .17rem;
        height: .17rem;
        fill: #b8b8b8;
        transform: rotate(90deg)
    }

.m-history-landing-container.m-instant-rebate-history-hlc {
    padding: 0 0 1.3rem
}

.m-history-landing-container .m-standard-landing-container .history-control-section .history-control-panel .form-panel .m-instant-rebate-form-field {
    margin: 0 0 .25rem
}

.m-history-landing-container .m-standard-content-container .standard-setting-table-container .m-instant-rebate-history-str {
    text-align: center
}

.m-history-landing-container .m-standard-content-container .col-rebate-period {
    color: #00e !important;
    text-decoration: underline;
    cursor: pointer
}

.m-instant-rebate-modal-container {
    width: 95%
}

    .m-instant-rebate-modal-container .m-instant-rebate-modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .m-instant-rebate-modal-container .m-instant-rebate-modal-body {
        padding: .15rem
    }

        .m-instant-rebate-modal-container .m-instant-rebate-modal-body .m-instant-rebate-modal-content-container {
            background: #f6f6f6;
            padding: .25rem;
            border-radius: .05rem
        }

            .m-instant-rebate-modal-container .m-instant-rebate-modal-body .m-instant-rebate-modal-content-container .provider-table-header {
                font-size: .26rem
            }

            .m-instant-rebate-modal-container .m-instant-rebate-modal-body .m-instant-rebate-modal-content-container .m-instant-rebate-modal-setting-table-container {
                margin: .1rem 0 .3rem
            }

                .m-instant-rebate-modal-container .m-instant-rebate-modal-body .m-instant-rebate-modal-content-container .m-instant-rebate-modal-setting-table-container:last-child {
                    margin: .1rem 0 0
                }

                .m-instant-rebate-modal-container .m-instant-rebate-modal-body .m-instant-rebate-modal-content-container .m-instant-rebate-modal-setting-table-container .m-instant-rebate-modal-setting-table-row {
                    text-align: center
                }

.url-style {
    display: flex;
    justify-content: center;
    width: 2rem
}

    .url-style > p {
        width: 2.5rem;
        white-space: normal;
        align-self: center;
        overflow: hidden;
        margin: 0;
        text-overflow: ellipsis
    }

    .url-style .copyIconStyle {
        width: .4rem;
        margin: 0 0 0 .04rem;
        fill: #888;
        cursor: pointer
    }

.icon-styling {
    width: .4rem;
    margin: 0 0 0 .12rem;
    cursor: pointer
}

    .icon-styling .editBirthdate3-path {
        fill: unset
    }

.input-textarea {
    max-height: 1.5rem;
    min-height: 1rem;
    color: #000;
    font-family: arial,黑体,'sans-serif'
}

@media(max-width: 768px) {
    .input-textarea {
        max-height: 0;
        min-height: 2rem
    }
}

.m-custom-table {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle
}

.disable-table {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    border: .01rem solid #dcdcdc;
    background: unset
}

    .disable-table .header-style {
        background: #dcdcdc;
        color: #888;
        padding: .05rem .2rem;
        border: .02rem #fff;
        border-style: none solid none none
    }

        .disable-table .header-style:last-child {
            border-style: none
        }

    .disable-table .tbody-row-style {
        border: .01rem #dcdcdc;
        border-style: none none solid
    }

        .disable-table .tbody-row-style:nth-child(even) {
            background-color: #f9fafb
        }

    .disable-table .tbody-td-style {
        padding: .1rem 0
    }

.no-record {
    width: 1.5rem;
    padding: .1rem .2rem;
    color: #000;
    font-size: .14rem;
    text-align: center
}

.campaign-create-container {
    padding: .2rem .15rem
}

@media(max-width: 768px) {
    .campaign-create-container {
        padding: .2rem .15rem 1.6rem
    }
}

.campaign-create-container .create-campaign-btn {
    display: flex;
    width: 1.9rem;
    height: .4rem;
    border-radius: .3rem;
    background: #4b91c9;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 .15rem
}

@media(max-width: 768px) {
    .campaign-create-container .create-campaign-btn {
        width: 100%;
        height: .8rem;
        border-radius: .05rem;
        margin: 0
    }
}

.campaign-create-container .create-campaign-btn .icon-btn {
    fill: #fff;
    width: .15rem;
    height: .15rem;
    margin: 0 .05rem .03rem
}

@media(max-width: 768px) {
    .campaign-create-container .create-campaign-btn .icon-btn {
        fill: #fff;
        width: .25rem;
        height: .25rem;
        margin: 0 .1rem .05rem
    }
}

.campaign-create-container .campaign-input-field-container {
    display: contents
}

@media(max-width: 768px) {
    .campaign-create-container .campaign-input-field-container {
        display: block;
        background: #f6f6f6;
        margin: .15rem 0;
        padding: .2rem .3rem
    }
}

.campaign-create-container .campaign-input-field-container .campaign-input-field-col {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin: .15rem .15rem 0;
    column-gap: .15rem
}

@media(max-width: 768px) {
    .campaign-create-container .campaign-input-field-container .campaign-input-field-col {
        display: flex;
        flex-wrap: wrap;
        margin: 0
    }
}

.campaign-create-container .campaign-input-field-container .campaign-input-field-col .campaign-container-row-one {
    width: unset;
    display: contents
}

@media(max-width: 768px) {
    .campaign-create-container .campaign-input-field-container .campaign-input-field-col .campaign-container-row-one {
        width: 100%;
        display: block
    }
}

.campaign-create-container .campaign-input-field-container .campaign-input-field-col .campaign-container-row-two {
    width: unset;
    display: contents
}

@media(max-width: 768px) {
    .campaign-create-container .campaign-input-field-container .campaign-input-field-col .campaign-container-row-two {
        width: 100%;
        display: flex;
        column-gap: .2rem
    }
}

.campaign-create-container .campaign-input-field-container .campaign-input-field-col .campaign-select-status {
    width: unset
}

@media(max-width: 768px) {
    .campaign-create-container .campaign-input-field-container .campaign-input-field-col .campaign-select-status {
        width: 50%
    }
}

.campaign-create-container .campaign-input-field-container .campaign-input-field-col .campaign-container-row-three {
    width: unset;
    display: contents
}

@media(max-width: 768px) {
    .campaign-create-container .campaign-input-field-container .campaign-input-field-col .campaign-container-row-three {
        width: 100%;
        display: flex;
        column-gap: .2rem
    }
}

.campaign-create-container .campaign-input-field-container .second-campaign-input-field-col {
    display: flex
}

@media(max-width: 768px) {
    .campaign-create-container .campaign-input-field-container .second-campaign-input-field-col {
        display: flex;
        flex-direction: column
    }
}

.campaign-create-container .campaign-input-field-container .second-campaign-input-field-col .range-wrapper {
    padding: 0 .15rem;
    width: 100%;
    margin-bottom: .2rem
}

@media(max-width: 768px) {
    .campaign-create-container .campaign-input-field-container .second-campaign-input-field-col .range-wrapper {
        padding: 0
    }
}

.campaign-create-container .campaign-input-field-container .second-campaign-input-field-col .range-wrapper .standard-form-field {
    margin-bottom: .05rem
}

.campaign-create-container .campaign-input-field-container .second-campaign-input-field-col .range-wrapper .range-options {
    display: flex;
    font-size: .12rem
}

    .campaign-create-container .campaign-input-field-container .second-campaign-input-field-col .range-wrapper .range-options div {
        padding: .08rem;
        border: .01rem solid #dcdcdc;
        margin-right: .1rem;
        border-radius: .1rem;
        color: #888;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer
    }

        .campaign-create-container .campaign-input-field-container .second-campaign-input-field-col .range-wrapper .range-options div.active {
            border: .02rem solid #4b91c9;
            color: #000
        }

        .campaign-create-container .campaign-input-field-container .second-campaign-input-field-col .range-wrapper .range-options div.disabled {
            opacity: .3;
            pointer-events: none
        }

@media(max-width: 768px) {
    .campaign-create-container .campaign-input-field-container .second-campaign-input-field-col .range-wrapper .range-options div {
        background: #fff
    }
}

@media(max-width: 768px) {
    .campaign-create-container .campaign-input-field-container .second-campaign-input-field-col .range-wrapper .range-options {
        display: flex;
        font-size: .28rem;
        flex-wrap: wrap;
        row-gap: .1rem
    }
}

.campaign-create-container .campaign-input-field-container .second-campaign-input-field-col .campaign-search-container {
    width: 30%;
    align-items: center
}

@media(max-width: 768px) {
    .campaign-create-container .campaign-input-field-container .second-campaign-input-field-col .campaign-search-container {
        width: 50%;
        margin-bottom: 0
    }
}

.campaign-create-container .campaign-input-field-container .second-campaign-input-field-col .campaign-search-container .campaign-search-btn {
    width: 90%
}

@media(max-width: 768px) {
    .campaign-create-container .campaign-input-field-container .second-campaign-input-field-col .campaign-search-container .campaign-search-btn {
        width: 100%
    }
}

.campaign-history-container {
    padding: .2rem .15rem
}

@media(max-width: 768px) {
    .campaign-history-container {
        padding: .2rem .15rem 1.6rem
    }
}

.campaign-history-container .campaign-history-input-field-container {
    display: contents
}

@media(max-width: 768px) {
    .campaign-history-container .campaign-history-input-field-container {
        display: block;
        background: #f6f6f6;
        margin: .15rem 0;
        padding: .2rem .3rem
    }
}

.campaign-history-container .campaign-history-input-field-container .campaign-history-input-field-children {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin: .15rem .15rem 0;
    column-gap: .15rem;
    width: 50%
}

@media(max-width: 768px) {
    .campaign-history-container .campaign-history-input-field-container .campaign-history-input-field-children {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        column-gap: 0;
        width: 100%
    }
}

.campaign-history-container .campaign-history-input-field-container .campaign-history-input-field-children .campaign-history-col-one {
    display: contents;
    width: unset
}

@media(max-width: 768px) {
    .campaign-history-container .campaign-history-input-field-container .campaign-history-input-field-children .campaign-history-col-one {
        display: block;
        width: 100%
    }
}

.campaign-history-container .campaign-history-input-field-container .campaign-history-input-field-children .campaign-history-col-two {
    display: contents;
    width: unset
}

@media(max-width: 768px) {
    .campaign-history-container .campaign-history-input-field-container .campaign-history-input-field-children .campaign-history-col-two {
        width: 100%;
        display: flex;
        column-gap: .2rem
    }
}

.campaign-history-container .campaign-history-input-field-container .campaign-history-input-field-children .campaign-history-col-two .campaign-select-status {
    width: unset
}

@media(max-width: 768px) {
    .campaign-history-container .campaign-history-input-field-container .campaign-history-input-field-children .campaign-history-col-two .campaign-select-status {
        width: 50%
    }
}

.campaign-history-container .campaign-history-input-field-container .second-campaign-history-input-field-container {
    display: flex
}

@media(max-width: 768px) {
    .campaign-history-container .campaign-history-input-field-container .second-campaign-history-input-field-container {
        display: flex;
        flex-direction: column
    }
}

.campaign-history-container .campaign-history-input-field-container .second-campaign-history-input-field-container .range-wrapper {
    padding: 0 .15rem;
    width: 100%;
    margin-bottom: .2rem
}

@media(max-width: 768px) {
    .campaign-history-container .campaign-history-input-field-container .second-campaign-history-input-field-container .range-wrapper {
        padding: 0
    }
}

.campaign-history-container .campaign-history-input-field-container .second-campaign-history-input-field-container .range-wrapper .standard-form-field {
    margin-bottom: .05rem
}

.campaign-history-container .campaign-history-input-field-container .second-campaign-history-input-field-container .range-wrapper .range-options {
    display: flex;
    font-size: .12rem
}

    .campaign-history-container .campaign-history-input-field-container .second-campaign-history-input-field-container .range-wrapper .range-options div {
        padding: .1rem;
        border: .01rem solid #dcdcdc;
        margin-right: .1rem;
        border-radius: .1rem;
        color: #888;
        cursor: pointer
    }

        .campaign-history-container .campaign-history-input-field-container .second-campaign-history-input-field-container .range-wrapper .range-options div.active {
            border: .02rem solid #4b91c9;
            color: #000
        }

        .campaign-history-container .campaign-history-input-field-container .second-campaign-history-input-field-container .range-wrapper .range-options div.disabled {
            opacity: .3;
            pointer-events: none
        }

@media(max-width: 768px) {
    .campaign-history-container .campaign-history-input-field-container .second-campaign-history-input-field-container .range-wrapper .range-options div {
        background: #fff
    }
}

@media(max-width: 768px) {
    .campaign-history-container .campaign-history-input-field-container .second-campaign-history-input-field-container .range-wrapper .range-options {
        display: flex;
        font-size: .28rem;
        flex-wrap: wrap;
        row-gap: .1rem
    }
}

.campaign-history-container .campaign-history-input-field-container .second-campaign-history-input-field-container .campaign-search-container {
    width: 30%;
    align-items: center
}

@media(max-width: 768px) {
    .campaign-history-container .campaign-history-input-field-container .second-campaign-history-input-field-container .campaign-search-container {
        width: 50%;
        margin-bottom: 0
    }
}

.campaign-history-container .campaign-history-input-field-container .second-campaign-history-input-field-container .campaign-search-container .campaign-search-btn {
    width: 90%
}

@media(max-width: 768px) {
    .campaign-history-container .campaign-history-input-field-container .second-campaign-history-input-field-container .campaign-search-container .campaign-search-btn {
        width: 100%
    }
}

.modal-style {
    position: absolute;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 35%;
    border-radius: .05rem
}

@media(max-width: 768px) {
    .modal-style {
        width: 95%
    }
}

.modal-style .modal-header {
    display: flex;
    justify-content: space-between;
    background: #a2a2a2;
    font-size: .14rem;
    color: #fff;
    padding: .15rem .2rem;
    height: unset;
    border-radius: .05rem .05rem 0 0
}

@media(max-width: 768px) {
    .modal-style .modal-header {
        height: .8rem;
        font-size: .3rem
    }
}

.modal-style .modal-header .header-title {
    align-self: center
}

.modal-style .modal-header .close-button {
    width: .24rem;
    height: .24rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    fill: #fff
}

@media(max-width: 768px) {
    .modal-style .modal-header .close-button {
        width: .4rem;
        height: .4rem;
        align-self: center
    }
}

.modal-style .modal-header .close-icon {
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    transform: rotate(45deg)
}

@media(max-width: 768px) {
    .modal-style .modal-header .close-icon {
        width: .4rem;
        height: .4rem
    }
}

.modal-style .modal-header .close-icon:before, .modal-style .modal-header .close-icon:after {
    content: '';
    position: absolute;
    background-color: #000
}

.modal-style .modal-header .close-icon:before {
    width: .03rem;
    height: 80%;
    top: 10%;
    left: 50%;
    border-radius: .3rem;
    transform: translateX(-50%);
    background: #a2a2a2
}

.modal-style .modal-header .close-icon:after {
    width: 80%;
    height: .03rem;
    top: 50%;
    left: 10%;
    border-radius: .3rem;
    transform: translateY(-50%);
    background: #a2a2a2
}

.modal-style .modal-section {
    display: flex;
    flex-wrap: wrap;
    column-gap: .3rem;
    margin: .2rem .4rem 0
}

@media(max-width: 768px) {
    .modal-style .modal-section {
        display: flex;
        flex-direction: column;
        column-gap: 0
    }
}

.modal-style .modal-section > * {
    flex-grow: 1;
    flex-basis: 2rem
}

@media(max-width: 768px) {
    .modal-style .modal-section > * {
        flex-basis: 1.5rem
    }
}

.modal-style .modal-btn-container {
    display: flex;
    gap: .1rem;
    margin: .05rem .6rem;
    justify-content: center
}

@media(max-width: 768px) {
    .modal-style .modal-btn-container {
        gap: .25rem;
        margin: .2rem .4rem
    }
}

.modal-style .modal-btn-container .modal-btn-div {
    flex-basis: 2rem;
    flex-grow: 1
}

    .modal-style .modal-btn-container .modal-btn-div .modal-btn {
        min-width: 100%
    }

.floating-menu-container {
    position: fixed;
    z-index: 10;
    top: 50%;
    bottom: undefined;
    left: 0%;
    right: undefined;
    width: 1.83rem
}

    .floating-menu-container .menu-open-button img {
        width: 1rem;
        height: 1rem
    }

    .floating-menu-container .menu-item, .floating-menu-container .menu-open-button {
        border-radius: 100%;
        width: .5rem;
        height: .5rem;
        margin-left: -.8rem;
        position: absolute;
        color: #fff;
        text-align: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition: -webkit-transform ease-out 350ms;
        transition: -webkit-transform ease-out 350ms;
        transition: transform ease-out 350ms;
        transition: transform ease-out 350ms,-webkit-transform ease-out 350ms
    }

    .floating-menu-container .menu-open {
        display: none
    }

    .floating-menu-container .menu {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: .8rem;
        height: .8rem;
        text-align: center;
        box-sizing: border-box;
        font-size: .26rem
    }

    .floating-menu-container .menu-item img {
        height: 1.3rem;
        width: 1.3rem
    }

    .floating-menu-container .menu-item:nth-child(3) {
        -webkit-transition-duration: 350ms;
        transition-duration: 350ms
    }

    .floating-menu-container .menu-item:nth-child(4) {
        -webkit-transition-duration: 350ms;
        transition-duration: 350ms
    }

    .floating-menu-container .menu-item:nth-child(5) {
        -webkit-transition-duration: 350ms;
        transition-duration: 350ms
    }

    .floating-menu-container .menu-item:nth-child(6) {
        -webkit-transition-duration: 350ms;
        transition-duration: 350ms
    }

    .floating-menu-container .menu-open-button {
        z-index: 2;
        -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
        transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
        -webkit-transition-duration: 400ms;
        transition-duration: 400ms;
        -webkit-transform: scale(1.1,1.1) translate3d(0,0,0);
        transform: scale(1.1,1.1) translate3d(0,0,0);
        cursor: pointer;
        box-shadow: .03rem .03rem 0 0 rgba(0,0,0,.14)
    }

        .floating-menu-container .menu-open-button:hover {
            -webkit-transform: scale(1.2,1.2) translate3d(0,0,0);
            transform: scale(1.2,1.2) translate3d(0,0,0)
        }

    .floating-menu-container .menu-open:checked + .menu-open-button {
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transition-duration: 200ms;
        transition-duration: 200ms
    }

    .floating-menu-container .menu-open:checked ~ .menu-item {
        -webkit-transition-timing-function: cubic-bezier(.935,0,.34,1.33);
        transition-timing-function: cubic-bezier(.935,0,.34,1.33)
    }

        .floating-menu-container .menu-open:checked ~ .menu-item:nth-child(3) {
            transition-duration: 180ms;
            -webkit-transition-duration: 180ms;
            -webkit-transform: translate3d(1.3rem,-1.7rem,0);
            transform: translate3d(1.3rem,-1.9rem,0)
        }

        .floating-menu-container .menu-open:checked ~ .menu-item:nth-child(4) {
            transition-duration: 280ms;
            -webkit-transition-duration: 280ms;
            -webkit-transform: translate3d(1.3rem,-0.5rem,0);
            transform: translate3d(1.3rem,-0.5rem,0)
        }

        .floating-menu-container .menu-open:checked ~ .menu-item:nth-child(5) {
            transition-duration: 380ms;
            -webkit-transition-duration: 380ms;
            -webkit-transform: translate3d(1.3rem,0.7rem,0);
            transform: translate3d(1.3rem,0.9rem,0)
        }

        .floating-menu-container .menu-open:checked ~ .menu-item:nth-child(6) {
            transition-duration: 480ms;
            -webkit-transition-duration: 480ms;
            -webkit-transform: translate3d(1.3rem,1.8rem,0);
            transform: translate3d(1.3rem,2.3rem,0)
        }

@media(max-width: 768px) {
    html {
        font-size: calc(100vw/7.68)
    }

        html body .mobileTopMargin {
            padding-top: .9rem
        }

        html body .mobileTopMargin-home {
            padding-top: .9rem
        }
}

.loader {
    width: 60px;
    height: 60px;
    gap: 5px;
    padding: 5px;
    position: relative;
    top: 50%;
    margin: auto;
    z-index: 50
}

.preloader {
    background-color: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    margin: 0 auto
}

.g--circle {
    transform-origin: 60px 60px;
    fill: #4B91C9;
    animation: opacity 1.2s linear infinite
}

    .g--circle:nth-child(12n+1) {
        animation-delay: -.1s;
        transform: rotate(-30deg) translate(5PX,5PX) scale(.9)
    }

    .g--circle:nth-child(12n+2) {
        animation-delay: -.2s;
        transform: rotate(-60deg) translate(5PX,5PX) scale(.9)
    }

    .g--circle:nth-child(12n+3) {
        animation-delay: -.3s;
        transform: rotate(-90deg) translate(5PX,5PX) scale(.9)
    }

    .g--circle:nth-child(12n+4) {
        animation-delay: -.4s;
        transform: rotate(-120deg) translate(5PX,5PX) scale(.9)
    }

    .g--circle:nth-child(12n+5) {
        animation-delay: -.5s;
        transform: rotate(-150deg) translate(5PX,5PX) scale(.9)
    }

    .g--circle:nth-child(12n+6) {
        animation-delay: -.6s;
        transform: rotate(-180deg) translate(5PX,5PX) scale(.9)
    }

    .g--circle:nth-child(12n+7) {
        animation-delay: -.7s;
        transform: rotate(-210deg) translate(5PX,5PX) scale(.9)
    }

    .g--circle:nth-child(12n+8) {
        animation-delay: -.8s;
        transform: rotate(-240deg) translate(5PX,5PX) scale(.9)
    }

    .g--circle:nth-child(12n+9) {
        animation-delay: -.9s;
        transform: rotate(-270deg) translate(5PX,5PX) scale(.9)
    }

    .g--circle:nth-child(12n+10) {
        animation-delay: -1s;
        transform: rotate(-300deg) translate(5PX,5PX) scale(.9)
    }

    .g--circle:nth-child(12n+11) {
        animation-delay: -1.1s;
        transform: rotate(-330deg) translate(5PX,5PX) scale(.9)
    }

    .g--circle:nth-child(12n+12) {
        animation-delay: -1.2s;
        transform: rotate(-360deg) translate(5PX,5PX) scale(.9)
    }

.g-circles--loading .g--circle {
    fill-opacity: 1;
    fill: gray;
    animation-name: opacity,maincolor
}

.g-circles--loading .u--circle {
    animation: transformloading 1.2s linear infinite
}

.g-circles--loading .g--circle:nth-child(12n+1) .u--circle {
    animation-delay: -.1s
}

.g-circles--loading .g--circle:nth-child(12n+2) .u--circle {
    animation-delay: -.2s
}

.g-circles--loading .g--circle:nth-child(12n+3) .u--circle {
    animation-delay: -.3s
}

.g-circles--loading .g--circle:nth-child(12n+4) .u--circle {
    animation-delay: -.4s
}

.g-circles--loading .g--circle:nth-child(12n+5) .u--circle {
    animation-delay: -.5s
}

.g-circles--loading .g--circle:nth-child(12n+6) .u--circle {
    animation-delay: -.6s
}

.g-circles--loading .g--circle:nth-child(12n+7) .u--circle {
    animation-delay: -.7s
}

.g-circles--loading .g--circle:nth-child(12n+8) .u--circle {
    animation-delay: -.8s
}

.g-circles--loading .g--circle:nth-child(12n+9) .u--circle {
    animation-delay: -.9s
}

.g-circles--loading .g--circle:nth-child(12n+10) .u--circle {
    animation-delay: -1s
}

.g-circles--loading .g--circle:nth-child(12n+11) .u--circle {
    animation-delay: -1.1s
}

.g-circles--loading .g--circle:nth-child(12n+12) .u--circle {
    animation-delay: -1.2s
}

@keyframes opacity {
    3% {
        fill-opacity: 1
    }

    75% {
        fill-opacity: .5
    }
}

@keyframes maincolor {
    0% {
        fill: #d2d2d2
    }

    100% {
        fill: #4B91C9
    }
}

@keyframes transformloading {
    10% {
        transform-origin: 70px 70px;
        transform: scale(.75)
    }
}

.home-container {
    padding-bottom: undefined
}

    .home-container .guideStepContainer {
        width: 100%;
        order: 1;
        background: #f4f4f4;
        display: flex;
        justify-content: center
    }

        .home-container .guideStepContainer img {
            width: 11rem
        }

    .home-container .home-component-title {
        color: #4B91C9;
        font-size: .25rem;
        font-weight: 700;
        line-height: .8rem
    }

    .home-container .articleContainer {
        background: url(/public/html/images/home_img/background.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        display: grid;
        flex-direction: undefined
    }

    .home-container .jackportContainer .jackportContent02 img {
        width: 100%;
        margin: .24rem 0
    }

    .home-container .jackportContainer .jackportContent02 .odometer.odometer-theme-custom {
        right: 3rem;
        top: unset
    }

        .home-container .jackportContainer .jackportContent02 .odometer.odometer-theme-custom .odometer-inside .odometer-digit {
            width: .3rem;
            border: .01rem solid #2a8fbd;
            border-radius: .06rem;
            margin: 0 .03rem;
            background: #fff
        }

            .home-container .jackportContainer .jackportContent02 .odometer.odometer-theme-custom .odometer-inside .odometer-digit .odometer-digit-inner {
                left: 0;
                top: .09em
            }

    .home-container .announcementBarSection .annoucement-bar-component {
        width: 11rem
    }

        .home-container .announcementBarSection .annoucement-bar-component .left-block {
            position: undefined;
            width: 3%
        }

            .home-container .announcementBarSection .annoucement-bar-component .left-block svg {
                margin: unset;
                width: 100%;
                background: #fff;
                overflow: hidden;
                border-radius: 50%
            }

    .home-container .w-1100-container {
        padding-bottom: unset;
        order: undefined
    }

        .home-container .w-1100-container .hotgameSection {
            margin: .2rem 0
        }

    .home-container .home-content-container .top-content, .home-container .home-content-container .bottom-content {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: .3rem
    }

        .home-container .home-content-container .top-content .content-item, .home-container .home-content-container .bottom-content .content-item {
            position: relative;
            border: unset;
            border-image-slice: unset;
            border-image-source: unset
        }

            .home-container .home-content-container .top-content .content-item img, .home-container .home-content-container .bottom-content .content-item img {
                width: 100%;
                cursor: unset;
                height: undefined
            }

            .home-container .home-content-container .top-content .content-item .banner-content, .home-container .home-content-container .bottom-content .content-item .banner-content {
                position: absolute;
                bottom: 0;
                background: rgba(255,255,255,.9);
                width: 100%;
                height: .4rem;
                align-items: center;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                padding: 0 .1rem;
                color: #4B91C9
            }

                .home-container .home-content-container .top-content .content-item .banner-content span, .home-container .home-content-container .bottom-content .content-item .banner-content span {
                    display: block;
                    width: unset;
                    font-size: .17rem;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    padding: .05rem 0
                }

                .home-container .home-content-container .top-content .content-item .banner-content .nav-link, .home-container .home-content-container .bottom-content .content-item .banner-content .nav-link {
                    color: #4b91c9;
                    cursor: pointer;
                    text-transform: uppercase;
                    font-size: .17rem;
                    font-weight: 700
                }

                    .home-container .home-content-container .top-content .content-item .banner-content .nav-link:hover, .home-container .home-content-container .bottom-content .content-item .banner-content .nav-link:hover {
                        color: #4b91c9
                    }

            .home-container .home-content-container .top-content .content-item .btnWithbackground_style, .home-container .home-content-container .bottom-content .content-item .btnWithbackground_style {
                padding: .05rem;
                background: unset
            }

                .home-container .home-content-container .top-content .content-item .btnWithbackground_style:hover, .home-container .home-content-container .bottom-content .content-item .btnWithbackground_style:hover {
                    filter: unset
                }

            .home-container .home-content-container .top-content .content-item.sports-content, .home-container .home-content-container .bottom-content .content-item.sports-content {
                width: 100%;
                height: unset;
                margin: 0 0 .3rem
            }

            .home-container .home-content-container .top-content .content-item.casino-content, .home-container .home-content-container .bottom-content .content-item.casino-content {
                width: 53%;
                height: undefined
            }

            .home-container .home-content-container .top-content .content-item.fishing-content, .home-container .home-content-container .bottom-content .content-item.fishing-content {
                width: 45%;
                height: undefined
            }

            .home-container .home-content-container .top-content .content-item.slots-content, .home-container .home-content-container .bottom-content .content-item.slots-content {
                width: 72%
            }

            .home-container .home-content-container .top-content .content-item.contact-content, .home-container .home-content-container .bottom-content .content-item.contact-content {
                width: 26%;
                background: 0 0;
                padding: 0;
                box-shadow: undefined
            }

                .home-container .home-content-container .top-content .content-item.contact-content .desc-container, .home-container .home-content-container .bottom-content .content-item.contact-content .desc-container {
                    position: undefined;
                    top: undefined;
                    left: undefined
                }

                    .home-container .home-content-container .top-content .content-item.contact-content .desc-container .desc, .home-container .home-content-container .bottom-content .content-item.contact-content .desc-container .desc {
                        color: undefined;
                        margin: undefined
                    }

                    .home-container .home-content-container .top-content .content-item.contact-content .desc-container .desc-1, .home-container .home-content-container .bottom-content .content-item.contact-content .desc-container .desc-1 {
                        font-size: undefined;
                        font-weight: undefined
                    }

                    .home-container .home-content-container .top-content .content-item.contact-content .desc-container .desc-2, .home-container .home-content-container .bottom-content .content-item.contact-content .desc-container .desc-2 {
                        width: undefined;
                        font-size: undefined;
                        margin: undefined;
                        text-transform: undefined
                    }

                .home-container .home-content-container .top-content .content-item.contact-content .contact-call-button, .home-container .home-content-container .bottom-content .content-item.contact-content .contact-call-button {
                    position: absolute;
                    top: 1.8rem;
                    left: .15rem;
                    width: 31%;
                    height: auto;
                    padding: .09rem 0;
                    background: #4B91C9;
                    font-size: .13rem;
                    text-transform: uppercase;
                    text-align: center;
                    font-weight: 700;
                    border-radius: .05rem
                }

                    .home-container .home-content-container .top-content .content-item.contact-content .contact-call-button span, .home-container .home-content-container .bottom-content .content-item.contact-content .contact-call-button span {
                        color: #fff
                    }

            .home-container .home-content-container .top-content .content-item.lottery-content, .home-container .home-content-container .bottom-content .content-item.lottery-content {
                width: 49.5%;
                margin: 0 0 .1rem
            }

        .home-container .home-content-container .top-content .left-content header img, .home-container .home-content-container .top-content .right-content header img, .home-container .home-content-container .bottom-content .left-content header img, .home-container .home-content-container .bottom-content .right-content header img {
            margin: 0 0 .2rem .2rem
        }

        .home-container .home-content-container .top-content .left-content, .home-container .home-content-container .bottom-content .left-content {
            width: 72%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            background: 0 0;
            padding: 0;
            box-shadow: undefined
        }

        .home-container .home-content-container .top-content .right-content, .home-container .home-content-container .bottom-content .right-content {
            width: 26%;
            background: 0 0;
            box-shadow: undefined
        }

            .home-container .home-content-container .top-content .right-content.hotgame-content, .home-container .home-content-container .bottom-content .right-content.hotgame-content {
                border: undefined;
                background: #fff;
                display: undefined;
                flex-direction: undefined
            }

                .home-container .home-content-container .top-content .right-content.hotgame-content .hotgame-header, .home-container .home-content-container .bottom-content .right-content.hotgame-content .hotgame-header {
                    height: 16%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: .16rem
                }

                    .home-container .home-content-container .top-content .right-content.hotgame-content .hotgame-header img, .home-container .home-content-container .bottom-content .right-content.hotgame-content .hotgame-header img {
                        width: 100%
                    }

                .home-container .home-content-container .top-content .right-content.hotgame-content .hotgame-header-bg, .home-container .home-content-container .bottom-content .right-content.hotgame-content .hotgame-header-bg {
                    height: .95rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background-size: contain;
                    background-position: center
                }

                .home-container .home-content-container .top-content .right-content.hotgame-content .hotgame-item, .home-container .home-content-container .bottom-content .right-content.hotgame-content .hotgame-item {
                    height: 20%;
                    margin-bottom: 3%;
                    cursor: pointer
                }

                    .home-container .home-content-container .top-content .right-content.hotgame-content .hotgame-item img, .home-container .home-content-container .bottom-content .right-content.hotgame-content .hotgame-item img {
                        width: 100%;
                        height: 100%
                    }

                    .home-container .home-content-container .top-content .right-content.hotgame-content .hotgame-item:hover, .home-container .home-content-container .bottom-content .right-content.hotgame-content .hotgame-item:hover {
                        -webkit-filter: drop-shadow(0.01rem 0.01rem 0.1rem #4B91C9);
                        filter: drop-shadow(0.01rem 0.01rem 0.1rem #4B91C9)
                    }

                    .home-container .home-content-container .top-content .right-content.hotgame-content .hotgame-item:last-child, .home-container .home-content-container .bottom-content .right-content.hotgame-content .hotgame-item:last-child {
                        margin-bottom: 0
                    }

            .home-container .home-content-container .top-content .right-content .miniJackpot-content, .home-container .home-content-container .bottom-content .right-content .miniJackpot-content {
                width: 90%;
                margin: .2rem auto
            }

        .home-container .home-content-container .bottom-content .liveCasino {
            width: 35%
        }

        .home-container .home-content-container .bottom-content .content-item.video-content {
            width: 72%;
            background: 0 0;
            padding: 0;
            box-shadow: undefined
        }

        .home-container .home-content-container .bottom-content .content-item:last-child {
            cursor: pointer
        }

    .home-container .home-content-container .m-HotmatchSlider {
        width: 35%
    }

        .home-container .home-content-container .m-HotmatchSlider header {
            margin-bottom: .4rem
        }

            .home-container .home-content-container .m-HotmatchSlider header p {
                font-weight: 700;
                color: #4B91C9
            }

                .home-container .home-content-container .m-HotmatchSlider header p img {
                    margin-right: .2rem
                }

    .home-container .accordion-slider {
        height: 3.5rem;
        width: 100%;
        display: flex
    }

        .home-container .accordion-slider .silder-item {
            width: 25%;
            border: .01rem solid #fff;
            border-right: undefined;
            height: 100%;
            color: #8fadcf;
            text-align: center;
            transition: .3s linear;
            padding: 1rem .1rem;
            cursor: undefined
        }

            .home-container .accordion-slider .silder-item:first-child {
                background: url(/public/html/images/home_img/accordion-slider-1.jpg);
                background-size: cover
            }

            .home-container .accordion-slider .silder-item:nth-of-type(2) {
                background: url(/public/html/images/home_img/accordion-slider-2.jpg);
                background-size: cover
            }

            .home-container .accordion-slider .silder-item:nth-of-type(3) {
                background: url(/public/html/images/home_img/accordion-slider-3.jpg);
                background-size: cover
            }

            .home-container .accordion-slider .silder-item:last-child {
                border-right: undefined;
                background: url(/public/html/images/home_img/accordion-slider-4.jpg);
                background-size: cover
            }

            .home-container .accordion-slider .silder-item .accordinIcon {
                margin: auto;
                margin-bottom: .3rem
            }

            .home-container .accordion-slider .silder-item .accordinIconHover {
                margin: auto;
                margin-bottom: .3rem;
                display: none
            }

            .home-container .accordion-slider .silder-item:hover {
                width: 70%;
                color: #fff
            }

                .home-container .accordion-slider .silder-item:hover .accordinIcon {
                    display: none
                }

                .home-container .accordion-slider .silder-item:hover .accordinIconHover {
                    display: block
                }

            .home-container .accordion-slider .silder-item h3 {
                font-weight: 400
            }

    .home-container .video-banner-container .videoContent {
        background: url(/public/html/images/home_img/live-bg.jpg);
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        margin-bottom: .5rem;
        margin-top: .25rem
    }

        .home-container .video-banner-container .videoContent iframe {
            width: 50%;
            margin: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 3rem
        }

    .home-container .transaction-board-section {
        background: #252525;
        background-size: undefined;
        padding: .2rem 0;
        box-shadow: undefined
    }

        .home-container .transaction-board-section .home-component-header {
            color: #fff;
            text-align: center
        }

.home-popup-modal-container {
    width: 5rem;
    height: 6rem;
    margin: 1.5rem auto !important
}

    .home-popup-modal-container .home-popup-modal-body .home-popup-image-container .home-popup-image-close {
        position: absolute;
        right: .05rem;
        top: -.05rem
    }

    .home-popup-modal-container .home-popup-modal-body .home-popup-image-container .home-popup-image {
        width: 98%
    }

.m-home {
    margin: .1rem 0 0;
    position: relative;
    display: undefined;
    flex-direction: undefined
}

    .m-home header {
        margin: 0 0 .15rem;
        padding: .1rem;
        display: undefined;
        justify-content: undefined;
        align-items: undefined
    }

        .m-home header p {
            color: undefined;
            font-weight: undefined;
            margin: undefined
        }

        .m-home header .hg-link {
            color: undefined
        }

        .m-home header img {
            width: .6rem
        }

    .m-home .mobile-floding-box-container {
        position: absolute;
        top: .9rem;
        right: 0;
        z-index: 100000000
    }

        .m-home .mobile-floding-box-container img {
            height: 2.2rem
        }

    .m-home .mobileHotmatchSection {
        padding: 0 .2rem .32rem
    }

    .m-home .mobileCarouselSliderSection {
        padding: 0 .2rem .25rem;
        order: undefined
    }

        .m-home .mobileCarouselSliderSection .home_banner {
            border-radius: .05rem
        }

    .m-home .homeEntrySection {
        padding: 0 .2rem .32rem;
        order: undefined;
        background: undefined
    }

    .m-home .ceremorySection {
        order: undefined
    }

    .m-home .mobileGameTabSection {
        order: undefined
    }

    .m-home .mobileHotGameSection, .m-home .highlightVideoSection, .m-home .appDownloadSection, .m-home .mobileNewGameSection, .m-home .mobileLiveStreamSection {
        padding: .24rem .2rem .09rem;
        border: .1rem #dcdcdc;
        border-style: none none solid none;
        color: BLACk
    }

    .m-home .mobileLiveCasino {
        padding: .24rem 0 .09rem .2rem;
        border: .1rem #e3e3e3;
        border-style: none none solid none
    }

    .m-home .mobileHotGameSection {
        order: undefined
    }

    .m-home .mobileNewGameSection {
        order: undefined
    }

    .m-home .m-top10Section {
        padding: .2rem 0 .09rem;
        order: undefined
    }

    .m-home .m-hotmatch-section {
        order: undefined
    }

    .m-home .highlightVideoSection {
        order: undefined
    }

    .m-home .mobileLiveStreamSection {
        order: undefined
    }

    .m-home .latestPromoSection {
        padding: .24rem 0 .5rem .2rem;
        order: undefined
    }

    .m-home .app-landing-section {
        margin: undefined;
        padding: undefined;
        border-top: undefined;
        order: undefined
    }

    .m-home .mobileLiveCasinoSectionContainer {
        padding: undefined;
        order: undefined
    }

    .m-home .m-HotmatchSlider {
        padding: undefined;
        width: 88%;
        margin: .8rem auto;
        background: 0 0;
        background-size: cover;
        order: undefined
    }

        .m-home .m-HotmatchSlider header {
            margin-bottom: .4rem;
            padding-top: 0
        }

            .m-home .m-HotmatchSlider header p {
                font-weight: 700;
                font-size: .6rem;
                color: #4B91C9;
                margin-left: 0;
                display: inherit;
                align-items: undefined
            }

                .m-home .m-HotmatchSlider header p img {
                    margin-right: .2rem;
                    width: undefined
                }

                .m-home .m-HotmatchSlider header p svg {
                    width: .8rem;
                    fill: #4B91C9;
                    margin-right: .1rem
                }

    .m-home .home-iframe-section {
        order: undefined;
        padding: 0 .2rem .32rem
    }

        .m-home .home-iframe-section .home-iframe {
            width: 100%;
            height: 7.5rem
        }

.navbar-container {
    background: #fff;
    font-size: .12rem;
    position: undefined;
    z-index: undefined;
    width: unefined
}

    .navbar-container .header {
        display: flex;
        justify-content: space-between;
        color: #fff;
        align-items: center;
        height: 1rem
    }

        .navbar-container .header .header-logo {
            height: .8rem;
            width: 30%;
            padding: .15rem .15rem .15rem 0;
            display: flex;
            align-items: unset;
            margin-left: unset;
            transform: unefined
        }

            .navbar-container .header .header-logo div {
                width: 100%
            }

            .navbar-container .header .header-logo img {
                height: 100%;
                width: auto
            }

            .navbar-container .header .header-logo .affiliate-title {
                color: #aaa;
                display: flex;
                justify-content: flex-end;
                align-items: flex-end;
                padding: 0 .06rem;
                white-space: nowrap;
                width: unset
            }

        .navbar-container .header .header-control {
            width: 70%
        }

    .navbar-container .navbar-linear-border {
        width: 100%;
        height: .04rem;
        background: linear-gradient(#bc8200,#ffe138,#bc8200)
    }

.mobile-nav {
    height: .9rem;
    width: 100%;
    margin: unset;
    position: fixed;
    z-index: 999;
    align-items: center;
    padding: 0 .205rem;
    background: #fff;
    border-bottom: undefined
}

    .mobile-nav .nav-container {
        height: 100%;
        width: 100%;
        margin: unset;
        display: flex;
        justify-content: space-between;
        border-bottom: .01rem solid #dcdcdc
    }

        .mobile-nav .nav-container .col-left {
            width: 15%;
            display: flex;
            align-items: center
        }

            .mobile-nav .nav-container .col-left .sb-btn-container {
                display: flex;
                justify-content: center
            }

                .mobile-nav .nav-container .col-left .sb-btn-container svg {
                    fill: #4B91C9
                }

            .mobile-nav .nav-container .col-left svg {
                width: .37rem;
                height: .37rem;
                fill: #4B91C9
            }

        .mobile-nav .nav-container .col-center {
            width: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            position: relative
        }

            .mobile-nav .nav-container .col-center .custom-img-title {
                width: 100%
            }

            .mobile-nav .nav-container .col-center .unread-message-continer {
                font-size: .205rem;
                font-weight: 700;
                width: .24rem;
                height: .24rem;
                border-radius: .2rem;
                text-align: center;
                margin-bottom: .25rem;
                background: REd;
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center
            }

        .mobile-nav .nav-container .col-right {
            width: 15%;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            text-align: right
        }

            .mobile-nav .nav-container .col-right .m-nav-login {
                margin-left: .3rem
            }

                .mobile-nav .nav-container .col-right .m-nav-login .registerLogin-icon {
                    width: .7rem;
                    height: .7rem;
                    margin-top: .1rem
                }

            .mobile-nav .nav-container .col-right .icon-notified {
                height: .65rem;
                width: .65rem;
                fill: #4B91C9
            }

            .mobile-nav .nav-container .col-right .custom-download-container {
                height: .55rem;
                background: 0 0;
                margin: unset
            }

                .mobile-nav .nav-container .col-right .custom-download-container img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain
                }

            .mobile-nav .nav-container .col-right .messaging-icon-container {
                height: .7rem;
                width: .7rem;
                margin: unset;
                display: flex;
                align-items: center;
                justify-content: flex-end;
                background: 0 0
            }

                .mobile-nav .nav-container .col-right .messaging-icon-container:nth-child(1) {
                    order: undefined
                }

                .mobile-nav .nav-container .col-right .messaging-icon-container:nth-child(2) {
                    order: undefined
                }

                .mobile-nav .nav-container .col-right .messaging-icon-container .message-icon {
                    width: .45rem;
                    height: .45rem
                }

                .mobile-nav .nav-container .col-right .messaging-icon-container .messaging-icon {
                    margin: undefined
                }

                .mobile-nav .nav-container .col-right .messaging-icon-container .unread-message-continer {
                    position: absolute;
                    font-size: .205rem;
                    font-weight: 700;
                    width: .24rem;
                    height: .24rem;
                    border-radius: 50%;
                    text-align: center;
                    display: grid;
                    place-content: center;
                    background: REd;
                    top: .14rem;
                    right: .54rem;
                    color: #fff;
                    overflow: visible
                }

                .mobile-nav .nav-container .col-right .messaging-icon-container .msg-count-box {
                    position: relative
                }

                    .mobile-nav .nav-container .col-right .messaging-icon-container .msg-count-box .tag {
                        position: absolute;
                        background: #e9203d;
                        padding: .05rem .1rem;
                        border-radius: .2rem;
                        top: -.3rem;
                        left: -.2rem;
                        font-size: .2rem;
                        color: #fff;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: undefined;
                        height: undefined
                    }

            .mobile-nav .nav-container .col-right .profile-icon-container {
                margin: unset
            }

                .mobile-nav .nav-container .col-right .profile-icon-container img {
                    width: .7rem;
                    height: .7rem
                }

            .mobile-nav .nav-container .col-right svg {
                width: .37rem;
                height: .37rem;
                fill: #4b91c9
            }

            .mobile-nav .nav-container .col-right .naviMainWallet {
                color: #fff;
                white-space: nowrap
            }

                .mobile-nav .nav-container .col-right .naviMainWallet p {
                    font-size: .42rem;
                    color: #fff
                }

                .mobile-nav .nav-container .col-right .naviMainWallet .currencyNavi {
                    font-size: .35rem
                }

                    .mobile-nav .nav-container .col-right .naviMainWallet .currencyNavi span:first-child {
                        margin-right: .1rem;
                        color: #fff
                    }

            .mobile-nav .nav-container .col-right.special-header-col {
                width: 80%
            }

        .mobile-nav .nav-container .merchant-logo {
            margin: auto;
            height: 75%
        }

        .mobile-nav .nav-container .sidebar-merchant-logo {
            width: unset;
            background: unset;
            padding: unset;
            max-width: unset
        }

    .mobile-nav .announcment-container {
        height: 30%;
        font-size: .39rem;
        margin: 0 .66rem;
        background: #232426
    }

        .mobile-nav .announcment-container .annoucement-bar {
            height: 100%
        }

    .mobile-nav .nav-language-box-container {
        width: 100%
    }

        .mobile-nav .nav-language-box-container .language-box {
            display: grid;
            grid-template-columns: 25% 75%;
            align-items: center;
            border: #a6acae solid .07rem;
            padding: .1rem .15rem;
            width: 100%
        }

            .mobile-nav .nav-language-box-container .language-box img {
                height: auto;
                width: 100%
            }

            .mobile-nav .nav-language-box-container .language-box p {
                margin: 0;
                font-size: .3rem;
                font-weight: 600
            }

.mobile-nav-login-reg .nav-container {
    border-bottom: 0
}

    .mobile-nav-login-reg .nav-container .col-left .sidebar-container .sb-btn-container {
        display: flex;
        justify-content: center
    }

        .mobile-nav-login-reg .nav-container .col-left .sidebar-container .sb-btn-container svg {
            fill: #4B91C9
        }

.overlay {
    height: 100vh;
    width: 30vw;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    background: rgba(0,0,0,.8)
}

.nav-announce-modal {
    height: 80%;
    width: 90vw;
    margin: 10% auto;
    font-size: .5rem;
    color: #a1a1a1;
    border-radius: 0;
    border: .01rem solid transparent;
    background: linear-gradient(180deg,#c09848,#7f602a);
    padding: .02rem
}

    .nav-announce-modal .a-modal-header {
        padding: 3%;
        color: #4B91C9;
        background: 0,#160f07,#150e06;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom: .01rem solid transparent;
        display: flex;
        align-items: center
    }

    .nav-announce-modal .a-modal-body {
        position: relative;
        text-align: left;
        padding: 6% 5% !important;
        width: 100%;
        height: 93%;
        overflow-y: auto;
        color: #efefee;
        padding: .2rem .15rem;
        background: linear-gradient(0deg,#160f07,#150e06)
    }

    .nav-announce-modal .modal-title {
        width: 100%;
        display: flex;
        align-items: center
    }

    .nav-announce-modal .announce-title {
        width: 80%;
        text-align: left
    }

    .nav-announce-modal .close-btn {
        width: 20%;
        text-align: right;
        font-size: .7rem;
        color: #aaa
    }

    .nav-announce-modal .modal-body {
        font-size: .36rem
    }

        .nav-announce-modal .modal-body .annc-content {
            padding: .1rem 0
        }

.floating-app-nav {
    top: 1.2rem;
    margin-bottom: 1.2rem
}

.float-header-download {
    display: flex;
    width: 100%;
    height: 1.2rem;
    color: BlacK;
    background: #e7e7e7;
    position: fixed;
    z-index: 1050;
    top: 0
}

    .float-header-download .float-close-button {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #a9a9a9;
        width: 10vw
    }

        .float-header-download .float-close-button span {
            font-size: 1rem;
            font-size: .6rem
        }

    .float-header-download .float-device-icon {
        display: flex;
        height: 100%;
        width: 15vw;
        justify-content: center;
        align-items: center
    }

        .float-header-download .float-device-icon img {
            border-radius: .15rem;
            height: 60%;
            width: auto
        }

    .float-header-download .float-desc-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 43vw;
        font-size: .246rem
    }

        .float-header-download .float-desc-container .float-title {
            white-space: nowrap
        }

    .float-header-download .float-download-container {
        display: flex;
        width: 30vw;
        align-items: center;
        justify-content: center
    }

        .float-header-download .float-download-container button {
            font-size: .24rem;
            border-radius: .12rem;
            padding: 0 .4rem;
            background: #4B91C9;
            color: #fff;
            min-height: .5rem;
            white-space: nowrap
        }

.nav-title {
    white-space: nowrap;
    color: #4B91C9;
    font-size: .32rem;
    font-weight: 400
}

.mobile-header-login .btnLogin {
    color: #4B91C9;
    background: #000;
    border: .01rem solid #4B91C9;
    margin-right: 1%;
    font-weight: 500;
    padding: .15rem .3rem;
    text-transform: uppercase;
    margin: 0 .2rem 0 0;
    border-radius: .1rem;
    white-space: nowrap;
    font-family: arial,黑体,'sans-serif'
}

.mobile-header-join .btnJoin {
    color: #000;
    background: #4B91C9;
    background-size: undefined;
    background-position: undefined;
    background-repeat: undefined;
    border: .01rem solid #4B91C9;
    margin-right: 1%;
    font-weight: 500;
    padding: .15rem .3rem;
    white-space: nowrap;
    text-transform: uppercase;
    border-radius: .1rem;
    font-family: arial,黑体,'sans-serif'
}

.language-box {
    position: relative;
    border-left: undefined;
    padding-left: undefined;
    bottom: undefined
}

    .language-box .change-language-btn {
        background: #ededed;
        display: flex;
        align-items: center;
        border: undefined;
        border-radius: undefined;
        position: undefined;
        padding: undefined;
        top: undefined;
        margin: undefined
    }

        .language-box .change-language-btn .language-icon-size {
            width: .25rem;
            height: auto;
            border: 0;
            border-radius: undefined
        }

            .language-box .change-language-btn .language-icon-size:first-child {
                margin-right: .06rem
            }

        .language-box .change-language-btn .language-dropdown-icon {
            width: .18rem;
            height: .18rem;
            filter: opacity(.3)
        }

    .language-box .language-dropdown-container {
        position: absolute;
        z-index: 99999;
        top: .38rem;
        right: 0;
        width: 2.8rem;
        background: #ededed;
        visibility: hidden;
        opacity: 0;
        border-radius: .05rem;
        padding: .15rem .2rem 0;
        backdrop-filter: blur(0.05rem);
        border: undefined;
        white-space: nowrap
    }

        .language-box .language-dropdown-container.isOpen {
            visibility: visible;
            opacity: 1
        }

        .language-box .language-dropdown-container .separator {
            display: flex;
            align-items: center;
            margin: .05rem 0 .15rem
        }

            .language-box .language-dropdown-container .separator .language-container {
                display: grid;
                grid-template-columns: auto auto auto;
                grid-gap: .05rem
            }

        .language-box .language-dropdown-container .country-name {
            color: BLACk;
            font-size: .13rem
        }

        .language-box .language-dropdown-container .language-icon {
            height: .25rem;
            margin-right: .1rem
        }

        .language-box .language-dropdown-container .coming-soon {
            cursor: default !important
        }

        .language-box .language-dropdown-container .language-select {
            border-right: .01rem solid #dcdcdc;
            padding: 0 .1rem;
            cursor: pointer;
            color: #888;
            width: 100%;
            margin: .01rem 0;
            height: fit-content
        }

            .language-box .language-dropdown-container .language-select:nth-child(3), .language-box .language-dropdown-container .language-select:nth-child(6) {
                border: 0;
                border-width: undefined
            }

            .language-box .language-dropdown-container .language-select:last-child {
                border: 0
            }

        .language-box .language-dropdown-container .is-active {
            pointer-events: none;
            color: #4B91C9
        }

.m-language-container {
    background: unset;
    margin: unset;
    border-radius: unset;
    width: unset
}

    .m-language-container .country-language-container {
        background: 0 0;
        padding: unset
    }

        .m-language-container .country-language-container .language-container {
            display: flex;
            padding: .25rem
        }

            .m-language-container .country-language-container .language-container .flag-container {
                width: 16.8%;
                padding: 0 .1rem
            }

                .m-language-container .country-language-container .language-container .flag-container img {
                    max-width: 100%
                }

            .m-language-container .country-language-container .language-container .display-languages-container {
                width: 75%;
                display: flex;
                flex-wrap: wrap;
                color: BLACk;
                padding: .2rem;
                align-items: center;
                text-align: center
            }

                .m-language-container .country-language-container .language-container .display-languages-container .language-column {
                    padding: 0 .2rem;
                    margin: .1rem 0;
                    width: 33%;
                    white-space: nowrap;
                    border-right: .01rem solid #d3d3d3
                }

                    .m-language-container .country-language-container .language-container .display-languages-container .language-column:nth-child(3), .m-language-container .country-language-container .language-container .display-languages-container .language-column:nth-child(6) {
                        border: 0
                    }

                    .m-language-container .country-language-container .language-container .display-languages-container .language-column:last-child {
                        border: 0
                    }

                .m-language-container .country-language-container .language-container .display-languages-container .active {
                    color: #4B91C9;
                    background: unset
                }

.beforeLoginBar {
    margin-top: .06rem;
    margin-bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

    .beforeLoginBar .liveChat-box-login {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        height: .35rem;
        width: .3rem;
        margin: 0 .05rem;
        padding-bottom: .05rem
    }

        .beforeLoginBar .liveChat-box-login svg {
            width: 100%;
            height: 85%;
            cursor: pointer;
            fill: #888
        }

    .beforeLoginBar .mobile-icon-container {
        height: .35rem;
        width: .3rem;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: .1rem;
        border-right: .01rem #fff solid
    }

        .beforeLoginBar .mobile-icon-container svg {
            width: 100%;
            height: 80%;
            fill: #888
        }

    .beforeLoginBar .header-control-inner .form-control {
        display: flex
    }

        .beforeLoginBar .header-control-inner .form-control .standard-form-field {
            display: unset;
            margin-bottom: 0;
            margin-right: 1%;
            background: undefined;
            border-radius: undefined;
            padding: undefined
        }

            .beforeLoginBar .header-control-inner .form-control .standard-form-field ::placeholder {
                text-transform: undefined
            }

            .beforeLoginBar .header-control-inner .form-control .standard-form-field input {
                height: .35rem;
                background: undefined;
                border: undefined;
                color: BlAcK;
                flex: 30%;
                font-size: .13rem
            }

            .beforeLoginBar .header-control-inner .form-control .standard-form-field svg {
                fill: undefined
            }

        .beforeLoginBar .header-control-inner .form-control .btnLogin, .beforeLoginBar .header-control-inner .form-control .btnJoin {
            height: .35rem;
            border-radius: .04rem;
            width: 1.2rem;
            min-width: 1.2rem;
            flex: 20%;
            font-weight: 700;
            text-transform: capitalize
        }

        .beforeLoginBar .header-control-inner .form-control .btnLogin {
            color: #fff;
            background: #4B91C9;
            margin-right: 1%;
            font-weight: 500;
            font-size: .13rem;
            border: undefined;
            background-image: undefined
        }

            .beforeLoginBar .header-control-inner .form-control .btnLogin:hover {
                box-shadow: 0 0 .1em rgba(0,0,0,.4);
                filter: brightness(110%)
            }

            .beforeLoginBar .header-control-inner .form-control .btnLogin:disabled {
                cursor: no-drop
            }

                .beforeLoginBar .header-control-inner .form-control .btnLogin:disabled:hover {
                    filter: brightness(110%)
                }

        .beforeLoginBar .header-control-inner .form-control .btnJoin {
            color: #fff;
            background: #b80000;
            margin-right: unset;
            font-weight: 500;
            font-size: .13rem;
            background-image: undefined
        }

            .beforeLoginBar .header-control-inner .form-control .btnJoin:hover {
                box-shadow: 0 0 .1em rgba(0,0,0,.4);
                filter: brightness(110%)
            }

        .beforeLoginBar .header-control-inner .form-control .btnLogin, .beforeLoginBar .header-control-inner .form-control .btnJoin, .beforeLoginBar .header-control-inner .form-control .line-login-button {
            display: undefined;
            justify-content: undefined;
            align-items: undefined;
            background-repeat: undefined;
            background-size: undefined
        }

        .beforeLoginBar .header-control-inner .form-control .btnForgetPassword {
            height: .35rem;
            width: 1rem;
            min-width: .85rem;
            flex: 20%;
            color: #7c7c7c;
            display: flex;
            align-items: center;
            cursor: pointer;
            margin-left: 0
        }

            .beforeLoginBar .header-control-inner .form-control .btnForgetPassword:hover {
                box-shadow: 0 0 .1em rgba(0,0,0,.4);
                filter: brightness(110%)
            }

        .beforeLoginBar .header-control-inner .form-control .line-login-button {
            width: 1.2rem;
            height: .35rem;
            min-width: 1.2rem;
            display: flex;
            align-items: center;
            justify-content: space-around;
            background: #00c300;
            margin-left: 1%;
            font-weight: 700;
            border-radius: .04rem;
            flex: 25%;
            font-size: .13rem;
            text-transform: uppercase;
            background-image: undefined
        }

            .beforeLoginBar .header-control-inner .form-control .line-login-button img {
                width: .25rem;
                margin-right: undefined;
                margin: .03rem .05rem 0 0
            }

        .beforeLoginBar .header-control-inner .form-control .language-box {
            display: flex;
            margin-left: 1%;
            align-items: center;
            background: unset;
            padding: unset;
            border-radius: unset
        }

            .beforeLoginBar .header-control-inner .form-control .language-box button {
                border-radius: .2rem;
                padding: .05rem .08rem
            }

            .beforeLoginBar .header-control-inner .form-control .language-box .language-icon-size {
                width: unset;
                height: .25rem;
                border: unset
            }

    .beforeLoginBar .header-control-inner .forgotPass {
        margin-bottom: .08rem;
        justify-content: space-between;
        color: BLACk;
        display: flex;
        align-items: center
    }

        .beforeLoginBar .header-control-inner .forgotPass .forgot-password-btn {
            color: #4B91C9;
            cursor: pointer;
            text-decoration-line: underline
        }

            .beforeLoginBar .header-control-inner .forgotPass .forgot-password-btn:hover {
                color: #0d122a
            }

        .beforeLoginBar .header-control-inner .forgotPass .language-box {
            border-left: unset;
            padding-left: unset;
            margin-left: 1%
        }

            .beforeLoginBar .header-control-inner .forgotPass .language-box button {
                color: #959595
            }

                .beforeLoginBar .header-control-inner .forgotPass .language-box button .language-text {
                    display: block !important;
                    padding-left: .06rem
                }

                .beforeLoginBar .header-control-inner .forgotPass .language-box button .language-dropdown-icon {
                    fill: #b8b8b8;
                    display: block !important;
                    width: .3rem;
                    height: .3rem
                }

        .beforeLoginBar .header-control-inner .forgotPass .time-cantainer {
            color: #4B91C9;
            display: undefined;
            align-items: undefined;
            position: undefined;
            right: undefined
        }

            .beforeLoginBar .header-control-inner .forgotPass .time-cantainer .reward-container img {
                cursor: pointer;
                width: .3rem
            }

        .beforeLoginBar .header-control-inner .forgotPass .forgot-name-and-password {
            color: #4B91C9
        }

            .beforeLoginBar .header-control-inner .forgotPass .forgot-name-and-password .forgot-name {
                text-decoration: underline;
                cursor: pointer
            }

                .beforeLoginBar .header-control-inner .forgotPass .forgot-name-and-password .forgot-name:hover {
                    text-decoration: unset
                }

            .beforeLoginBar .header-control-inner .forgotPass .forgot-name-and-password .forgot-password {
                text-decoration: underline;
                cursor: pointer
            }

                .beforeLoginBar .header-control-inner .forgotPass .forgot-name-and-password .forgot-password:hover {
                    text-decoration: unset
                }

.afterLoginBar {
    display: flex;
    align-items: end;
    color: BLACk;
    float: right
}

    .afterLoginBar .account-profile-container {
        display: flex;
        align-items: undefined;
        margin: 0 .05rem 0 0;
        padding: undefined;
        border: undefined;
        border-style: none
    }

        .afterLoginBar .account-profile-container .account-container {
            position: relative;
            cursor: pointer
        }

            .afterLoginBar .account-profile-container .account-container .member-profile-img {
                width: .5rem;
                height: .5rem;
                border: .01rem solid #aaa;
                border-radius: 50%;
                margin: .05rem .06rem 0
            }

            .afterLoginBar .account-profile-container .account-container .verify-icon {
                position: absolute;
                bottom: -.04rem
            }

                .afterLoginBar .account-profile-container .account-container .verify-icon svg {
                    height: .15rem;
                    width: .15rem
                }

                    .afterLoginBar .account-profile-container .account-container .verify-icon svg .st0 {
                        fill: #28db00 !important
                    }

            .afterLoginBar .account-profile-container .account-container .vip-list {
                position: absolute;
                right: 0;
                top: .05rem;
                background: gray;
                color: #fff;
                padding: .02rem .04rem;
                border-radius: .2rem;
                font-size: .1rem
            }

        .afterLoginBar .account-profile-container .profile-container {
            margin: 0 0 0 .08rem;
            width: 1rem;
            border: undefined;
            border-style: none
        }

            .afterLoginBar .account-profile-container .profile-container .profile-name {
                color: #4B91C9;
                font-size: .14rem;
                font-weight: 600;
                width: 1rem;
                margin: 0 0 .02rem;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                word-break: break-word;
                white-space: undefined
            }

            .afterLoginBar .account-profile-container .profile-container p {
                margin-bottom: 0;
                font-size: .12rem;
                color: undefined
            }

    .afterLoginBar .account-wallet {
        width: 30%;
        display: flex;
        margin: 0 .12rem 0 0;
        padding: undefined;
        border-left: undefined;
        height: undefined;
        align-items: undefined
    }

        .afterLoginBar .account-wallet .account-currency {
            position: relative
        }

            .afterLoginBar .account-wallet .account-currency .wallet-currency {
                position: undefined;
                height: .2rem;
                color: #4B91C9;
                margin: 0;
                font-size: .14rem;
                font-weight: 600;
                line-height: 1.5;
                top: undefined
            }

                .afterLoginBar .account-wallet .account-currency .wallet-currency:before {
                    content: "("
                }

                .afterLoginBar .account-wallet .account-currency .wallet-currency:after {
                    content: ")"
                }

            .afterLoginBar .account-wallet .account-currency .wallet-fund-container {
                display: flex;
                grid-row-gap: undefined;
                align-items: center;
                grid-template-columns: undefined;
                grid-template-rows: undefined
            }

                .afterLoginBar .account-wallet .account-currency .wallet-fund-container .wallet-amount {
                    display: flex;
                    align-items: center;
                    font-weight: 700;
                    font-size: .18rem;
                    color: undefined;
                    grid-row: undefined;
                    grid-column: undefined
                }

                    .afterLoginBar .account-wallet .account-currency .wallet-fund-container .wallet-amount p {
                        margin: 0
                    }

                    .afterLoginBar .account-wallet .account-currency .wallet-fund-container .wallet-amount svg {
                        width: .2rem;
                        height: .2rem;
                        border-radius: 50%;
                        background: 0 0;
                        fill: #888;
                        margin: 0 0 0 .05rem;
                        padding: .02rem
                    }

                .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container {
                    padding: 0 0 0 .08rem;
                    grid-row: undefined;
                    grid-column: undefined;
                    position: relative;
                    display: flex
                }

                    .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-btn {
                        display: flex;
                        align-items: center;
                        border-radius: .5rem;
                        padding: .05rem .08rem;
                        background: #ededed;
                        height: .35rem;
                        border: undefined
                    }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-btn .fund-btn-svg {
                            width: .25rem;
                            height: .25rem;
                            margin: 0 .05rem 0 0;
                            fill: #b8b8b8
                        }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-btn .fund-dropdown-btn {
                            width: .18rem;
                            height: .18rem;
                            filter: opacity(.3)
                        }

                    .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu {
                        position: absolute;
                        top: .4rem;
                        opacity: 0;
                        visibility: hidden;
                        background: #ededed;
                        padding: .1rem;
                        z-index: 99999;
                        width: 1.5rem;
                        border-radius: .05rem;
                        backdrop-filter: blur(0.05rem);
                        border: undefiend
                    }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu.isShow {
                            opacity: 1;
                            visibility: visible
                        }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .options-wrapperdiv:first-child {
                            padding-bottom: .1rem
                        }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .options-wrapperdiv:last-child {
                            padding-top: .1rem
                        }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .options-wrapper label {
                            display: block;
                            padding: .08rem .1rem;
                            font-weight: 700;
                            font-size: inherit;
                            margin: 0
                        }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .break-line {
                            width: 100%;
                            border: .01rem solid #ddd;
                            position: absolute;
                            left: 0
                        }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .dropdown-item {
                            display: block;
                            width: 100%;
                            padding: .08rem .1rem;
                            color: #888
                        }

                            .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .dropdown-item:hover {
                                color: #4B91C9
                            }

                            .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .dropdown-item.is-active {
                                color: #4B91C9;
                                pointer-events: none;
                                background: undefined
                            }

    .afterLoginBar .aff-account-wallet {
        padding: undefined
    }

    .afterLoginBar .navbar-control {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }

        .afterLoginBar .navbar-control .top-container {
            height: .2rem;
            position: undefined;
            right: undefined
        }

            .afterLoginBar .navbar-control .top-container .time-container {
                color: undefined
            }

        .afterLoginBar .navbar-control .bottom-container {
            display: flex;
            align-items: center;
            font-size: .13rem
        }

            .afterLoginBar .navbar-control .bottom-container .mobile-icon-container svg {
                width: .3rem;
                height: .3rem;
                fill: #888;
                position: relative;
                top: .03rem
            }

            .afterLoginBar .navbar-control .bottom-container .message-container {
                margin: .06rem .1rem 0;
                position: relative;
                padding: 0
            }

                .afterLoginBar .navbar-control .bottom-container .message-container .unread-message {
                    position: absolute;
                    background: reD;
                    position: absolute;
                    padding: .02rem .05rem;
                    border-radius: 50%;
                    top: -.05rem;
                    left: -.1rem;
                    font-size: .1rem;
                    color: #fff;
                    display: flex;
                    align-items: center;
                    justify-content: center
                }

                .afterLoginBar .navbar-control .bottom-container .message-container svg {
                    height: .25rem;
                    width: .25rem;
                    fill: #888
                }

                .afterLoginBar .navbar-control .bottom-container .message-container .mission-claimable {
                    fill: #888;
                    animation: blinkSVG 1.5s linear infinite
                }

            .afterLoginBar .navbar-control .bottom-container .deposit-btn {
                height: .35rem;
                width: 1.2rem;
                border: .01rem solid #4B91C9;
                margin: 0 .1rem 0 0;
                text-transform: capitalize;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: .04rem;
                color: #fff;
                background: #4B91C9;
                font-family: arial,黑体,"sans-serif";
                font-weight: undefined;
                font-size: undefined
            }

            .afterLoginBar .navbar-control .bottom-container .after-logout-btn {
                height: .35rem;
                width: 1.2rem;
                background: #4B91C9;
                text-transform: capitalize;
                color: #fff;
                font-size: undefined;
                font-weight: undefined;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: .04rem;
                cursor: pointer
            }

            .afterLoginBar .navbar-control .bottom-container .language-box {
                margin-left: .03rem
            }

                .afterLoginBar .navbar-control .bottom-container .language-box .language-box {
                    background: undefined;
                    padding: undefined;
                    margin: undefined;
                    border-radius: undefined
                }

                .afterLoginBar .navbar-control .bottom-container .language-box button {
                    border-radius: .2rem;
                    padding: .05rem .08rem;
                    height: .35rem
                }

                    .afterLoginBar .navbar-control .bottom-container .language-box button .language-icon-size {
                        margin: 0 .03rem 0 0
                    }

                        .afterLoginBar .navbar-control .bottom-container .language-box button .language-icon-size:first-child {
                            margin-right: .06rem
                        }

            .afterLoginBar .navbar-control .bottom-container .widgets-container {
                display: flex;
                position: relative
            }

                .afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper {
                    display: flex;
                    align-items: center;
                    position: absolute;
                    right: .1rem;
                    top: -.2rem
                }

                    .afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper .small-loading {
                        height: auto !important
                    }

                    .afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper span {
                        margin: 0 .05rem;
                        font-size: .14rem;
                        font-weight: 700
                    }

                    .afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper svg {
                        height: .2rem;
                        cursor: pointer;
                        fill: #888
                    }

                    .afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper .wallet-currency {
                        position: undefined;
                        height: .2rem;
                        color: #4B91C9;
                        margin: 0;
                        font-size: .14rem;
                        font-weight: 600;
                        line-height: 1.5;
                        top: undefined
                    }

                        .afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper .wallet-currency:before {
                            content: "("
                        }

                        .afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper .wallet-currency:after {
                            content: ")"
                        }

                .afterLoginBar .navbar-control .bottom-container .widgets-container .options-wrapper-icons {
                    display: flex;
                    border-left: .01rem solid rgba(0,0,0,.3);
                    border-right: .01rem solid rgba(0,0,0,.3)
                }

                    .afterLoginBar .navbar-control .bottom-container .widgets-container .options-wrapper-icons a {
                        margin: .06rem .1rem 0;
                        padding: 0
                    }

                        .afterLoginBar .navbar-control .bottom-container .widgets-container .options-wrapper-icons a.is-active svg {
                            fill: #4B91C9
                        }

                    .afterLoginBar .navbar-control .bottom-container .widgets-container .options-wrapper-icons svg {
                        fill: #aaa;
                        height: .25rem;
                        width: .25rem
                    }

.desktop-game-tab-container {
    padding: 0 0 .4rem;
    width: 11rem
}

    .desktop-game-tab-container .menuTab {
        display: flex;
        padding: .2rem .4rem;
        border-bottom: .01rem solid #0000001a;
        background: #4B91C9;
        border-radius: .1rem .1rem 0 0
    }

        .desktop-game-tab-container .menuTab p {
            margin-bottom: 0
        }

        .desktop-game-tab-container .menuTab .selected-menu-text {
            color: #fff;
            font-size: .16rem;
            width: 29%
        }

        .desktop-game-tab-container .menuTab .menuTab-container {
            display: flex;
            align-items: center
        }

            .desktop-game-tab-container .menuTab .menuTab-container .menu-item {
                text-transform: capitalize;
                padding-left: .26rem;
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                white-space: nowrap
            }

                .desktop-game-tab-container .menuTab .menuTab-container .menu-item:hover {
                    cursor: pointer;
                    position: relative
                }

                    .desktop-game-tab-container .menuTab .menuTab-container .menu-item:hover .hover_line {
                        border-bottom: .03rem solid #4b91c9;
                        width: .25rem;
                        margin-left: auto;
                        margin-right: auto;
                        position: absolute;
                        bottom: -.22rem
                    }

            .desktop-game-tab-container .menuTab .menuTab-container .menu-selected {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .desktop-game-tab-container .menuTab .menuTab-container .menu-selected .hover_line {
                    border-bottom: .03rem solid #4b91c9;
                    width: .25rem;
                    margin-left: auto;
                    margin-right: auto;
                    position: absolute;
                    bottom: -.22rem
                }

                .desktop-game-tab-container .menuTab .menuTab-container .menu-selected .active {
                    color: #fff
                }

    .desktop-game-tab-container .submenu-tab {
        color: #131313;
        height: 3.7rem;
        padding: 0 .4rem;
        display: flex;
        width: 100%;
        flex-basis: auto;
        background: undefined;
        border-radius: undefined
    }

        .desktop-game-tab-container .submenu-tab .recommended-list-container {
            width: 30%;
            padding: .4rem 0 0
        }

            .desktop-game-tab-container .submenu-tab .recommended-list-container:hover {
                cursor: pointer
            }

            .desktop-game-tab-container .submenu-tab .recommended-list-container .rg-item img {
                border-radius: .2rem;
                width: 90%;
                margin-right: auto;
                padding: .08rem;
                border: .02rem solid #dcdcdc
            }

            .desktop-game-tab-container .submenu-tab .recommended-list-container .rg-item p {
                width: 90%;
                margin-top: .1rem;
                font-size: .14rem;
                text-align: center
            }

            .desktop-game-tab-container .submenu-tab .recommended-list-container .recommended-dots-container {
                position: absolute;
                bottom: 0;
                left: 43%;
                transform: translateX(-43%)
            }

                .desktop-game-tab-container .submenu-tab .recommended-list-container .recommended-dots-container .dots {
                    width: .1rem;
                    height: .1rem;
                    border-radius: .4rem;
                    background: #c8c8c8;
                    margin: 0 .05rem;
                    transition-duration: .5s
                }

                .desktop-game-tab-container .submenu-tab .recommended-list-container .recommended-dots-container .active {
                    width: .4rem;
                    background: #4B91C9;
                    transition-duration: .5s
                }

        .desktop-game-tab-container .submenu-tab .submenu-list-container {
            width: 100%
        }

            .desktop-game-tab-container .submenu-tab .submenu-list-container.isShowRecommended {
                width: 70%
            }

            .desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container {
                display: grid !important;
                grid-template-columns: repeat(5,1fr);
                margin: .4rem 0 0;
                width: min-content !important
            }

                .desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container .submenu-item {
                    width: 1.425rem;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    margin: 0 0 .2rem
                }

                    .desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container .submenu-item .submenu-img-container {
                        width: 75%;
                        position: relative
                    }

                        .desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container .submenu-item .submenu-img-container .submenu-img {
                            width: 100%
                        }

                    .desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container .submenu-item .provider-name {
                        margin-bottom: 0;
                        margin-top: .1rem;
                        text-align: center;
                        font-size: .14rem
                    }

                .desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container:hover {
                    cursor: pointer
                }

                    .desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container:hover .submenu-item {
                        opacity: 1
                    }

                        .desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container:hover .submenu-item:not(:hover) {
                            opacity: .5;
                            filter: grayscale(150%)
                        }

                .desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container .float-dot {
                    position: absolute;
                    font-size: .1rem;
                    background: red;
                    color: #fff;
                    border-radius: .06rem;
                    padding: .03rem;
                    top: 0;
                    right: 0;
                    width: .35rem;
                    height: unset;
                    text-align: center
                }

                .desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container .hot-provider {
                    background: red
                }

                .desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-item-container .new-provider {
                    background: #00ff1e;
                    color: #000
                }

            .desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-dots-container {
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%)
            }

                .desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-dots-container .dots {
                    width: .1rem;
                    height: .1rem;
                    border-radius: .4rem;
                    background: #c8c8c8;
                    margin: 0 .05rem;
                    transition-duration: .5s
                }

                .desktop-game-tab-container .submenu-tab .submenu-list-container .submenu-dots-container .active {
                    width: .4rem;
                    background: #4B91C9;
                    transition-duration: .5s
                }

.latestPromoContainer {
    width: 100%
}

    .latestPromoContainer .promoSlideContainer {
        height: auto;
        background: unset;
        padding: 0;
        margin: undefined
    }

        .latestPromoContainer .promoSlideContainer .promoSlider {
            height: 100%;
            width: 100%;
            border: undefined;
            border-radius: undefined;
            background: undefined;
            position: relative
        }

        .latestPromoContainer .promoSlideContainer .promoBanner {
            cursor: pointer
        }

            .latestPromoContainer .promoSlideContainer .promoBanner img {
                width: 100%;
                height: 100%;
                border-radius: .1rem;
                object-fit: undefined
            }

        .latestPromoContainer .promoSlideContainer .promoContent {
            background: #000;
            height: .8rem;
            padding: .2rem
        }

            .latestPromoContainer .promoSlideContainer .promoContent .promo-title {
                color: #fff;
                font-weight: unset
            }

            .latestPromoContainer .promoSlideContainer .promoContent p {
                margin-bottom: .06rem;
                color: auto;
                width: undefined
            }

                .latestPromoContainer .promoSlideContainer .promoContent p:last-child {
                    margin-bottom: 0;
                    text-overflow: undefined;
                    line-height: undefined;
                    white-space: undefined;
                    overflow: undefined
                }

        .latestPromoContainer .promoSlideContainer .promoGroupItem {
            display: flex !important;
            flex-direction: column;
            justify-content: space-between;
            height: 3.45rem;
            position: relative
        }

            .latestPromoContainer .promoSlideContainer .promoGroupItem .promoBanner {
                cursor: auto !important
            }

            .latestPromoContainer .promoSlideContainer .promoGroupItem .promoContent {
                padding: 0 0 0 .1rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
                height: .7rem
            }

            .latestPromoContainer .promoSlideContainer .promoGroupItem .more-btn {
                color: #fff;
                text-transform: uppercase;
                font-weight: 700;
                background: url(/public/html/images/home_img/match-betnow-bg.png);
                background-repeat: no-repeat;
                background-size: contain;
                width: 1rem;
                display: flex;
                align-items: center;
                justify-content: center;
                height: .25rem;
                border-radius: .1rem;
                font-size: .1rem;
                position: absolute;
                right: .1rem;
                bottom: .42rem;
                cursor: pointer
            }

    .latestPromoContainer .slick-dots {
        width: 50%;
        bottom: .1rem;
        right: .2rem;
        display: flex !important;
        justify-content: flex-end
    }

        .latestPromoContainer .slick-dots li {
            position: relative;
            display: inline-block;
            width: .1rem;
            height: .1rem;
            border-radius: 50%;
            margin: 0 .05rem;
            padding: 0;
            cursor: pointer;
            background: #fff;
            overflow: hidden;
            transform: unset
        }

            .latestPromoContainer .slick-dots li button:before {
                color: transparent
            }

            .latestPromoContainer .slick-dots li.slick-active {
                background: #4B91C9;
                width: .1rem;
                border-radius: undefined;
                transition-duration: undefined
            }

    .latestPromoContainer .headerFlex {
        display: undefined;
        flex-direction: undefined;
        align-items: undefined;
        white-space: undefined;
        font-weight: undefined
    }

        .latestPromoContainer .headerFlex img {
            margin: .1rem 0;
            height: .24rem;
            width: undefined
        }

        .latestPromoContainer .headerFlex p {
            margin: undefined
        }

.hotGameContainer {
    width: 100%
}

    .hotGameContainer header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0
    }

        .hotGameContainer header .headerLeft {
            display: flex;
            align-items: center
        }

            .hotGameContainer header .headerLeft p {
                margin-bottom: 0;
                margin: 0 .1rem 0 0;
                color: BLACk;
                font-size: .16rem
            }

                .hotGameContainer header .headerLeft p span {
                    order: unset;
                    font-weight: 700
                }

            .hotGameContainer header .headerLeft svg {
                width: .3rem;
                fill: BLACk
            }

            .hotGameContainer header .headerLeft img {
                margin: 0 .05rem 0 0;
                width: undefined
            }

        .hotGameContainer header a {
            color: #4B91C9;
            text-decoration: underline;
            margin-right: 0
        }

    .hotGameContainer .slick-next-btn, .hotGameContainer .slick-prev-btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 0;
        top: -.28rem;
        color: #ccc;
        font-weight: 700;
        width: .4rem;
        height: .4rem;
        border: none;
        cursor: pointer;
        padding-bottom: .1rem;
        background: unset;
        border-radius: unset;
        padding: unset
    }

        .hotGameContainer .slick-next-btn:hover, .hotGameContainer .slick-prev-btn:hover {
            color: #4B91C9;
            background: unset;
            border-radius: unset;
            padding: unset
        }

        .hotGameContainer .slick-next-btn:focus, .hotGameContainer .slick-prev-btn:focus {
            color: #4B91C9;
            background: unset;
            border-radius: unset;
            padding: unset
        }

    .hotGameContainer .slick-prev-btn {
        right: .42rem
    }

    .hotGameContainer .slick-dots {
        height: .5rem;
        bottom: -.6rem;
        text-align: center
    }

        .hotGameContainer .slick-dots li button:before {
            font-size: .1rem
        }

        .hotGameContainer .slick-dots .slick-active button:before {
            color: #4B91C9
        }

    .hotGameContainer .slick-slider {
        width: 11.17rem
    }

    .hotGameContainer .hotGameSlider {
        height: 2.4rem;
        position: relative;
        margin-top: .14rem;
        border: 0
    }

        .hotGameContainer .hotGameSlider img {
            width: 90%;
            height: 1.76rem;
            border-radius: .1rem;
            object-fit: cover;
            cursor: pointer
        }

        .hotGameContainer .hotGameSlider .hotGameRoundBtn {
            position: absolute;
            bottom: .15rem;
            width: 90%;
            height: 100%;
            color: #fff;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: .3s;
            transition: .3s;
            -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
            display: flex;
            align-items: center;
            justify-content: center
        }

            .hotGameContainer .hotGameSlider .hotGameRoundBtn .hotGamePlayBtn {
                width: .4rem;
                height: .4rem;
                border-radius: 50% !important;
                background: rgba(0,0,0,.5);
                box-shadow: 0 0 .05rem rgba(0,0,0,.4);
                margin-top: -.5rem;
                display: flex;
                align-items: center;
                justify-content: center
            }

        .hotGameContainer .hotGameSlider:hover {
            transition: all .3s ease-in;
            transform: unset
        }

            .hotGameContainer .hotGameSlider:hover img {
                transition: .3s;
                transition-delay: .3s
            }

            .hotGameContainer .hotGameSlider:hover .hotGameRoundBtn {
                visibility: visible;
                opacity: 1;
                transition: .3s;
                transition-delay: .3s;
                transform: translate(0);
                display: flex;
                align-items: center;
                justify-content: center
            }

                .hotGameContainer .hotGameSlider:hover .hotGameRoundBtn .hotGamePlayBtn {
                    width: .4rem;
                    height: .4rem;
                    border-radius: 50% !important;
                    background: rgba(0,0,0,.5);
                    box-shadow: 0 0 .05rem rgba(0,0,0,.4)
                }

                    .hotGameContainer .hotGameSlider:hover .hotGameRoundBtn .hotGamePlayBtn svg {
                        fill: #fff;
                        width: .2rem;
                        height: .2rem;
                        margin: unset
                    }

                    .hotGameContainer .hotGameSlider:hover .hotGameRoundBtn .hotGamePlayBtn:hover {
                        animation: shady 1s linear infinite
                    }

@keyframes shady {
    0% {
        box-shadow: 0 0 0 0 rgba(255,255,255,.5),0 0 0 0 rgba(3,108,129,.5)
    }

    100% {
        box-shadow: 0 0 0 .3rem transparent,0 0 0 0 transparent
    }
}

.hotGameContainer .hotGameSlider .hotgameContent {
    background: 0 0;
    height: .64rem;
    width: 90%;
    margin-top: -.02rem;
    padding: .15rem 0;
    text-transform: capitalize;
    font-size: .14rem;
    text-align: unset
}

    .hotGameContainer .hotGameSlider .hotgameContent p {
        margin-bottom: .03rem;
        color: Black;
        font-weight: unset
    }

    .hotGameContainer .hotGameSlider .hotgameContent .hotGameSubContent span {
        margin-right: .05rem;
        color: #d7d7d7;
        font-size: .14rem;
        font-weight: undefine
    }

        .hotGameContainer .hotGameSlider .hotgameContent .hotGameSubContent span:last-child {
            margin-right: 0
        }

.hotGameContainer .emptyHotGameContent {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.homeBankStatusContainer {
    background: #f4f4f4;
    color: #fff
}

    .homeBankStatusContainer .bank-status {
        display: flex;
        justify-content: space-between;
        padding: .24rem 0
    }

        .homeBankStatusContainer .bank-status .bank-status-item {
            width: 25%;
            display: flex
        }

            .homeBankStatusContainer .bank-status .bank-status-item .bank_type {
                width: 66%;
                display: flex;
                flex-wrap: wrap
            }

                .homeBankStatusContainer .bank-status .bank-status-item .bank_type h4 {
                    color: #4B91C9;
                    font-weight: undefined;
                    text-transform: undefined;
                    width: 100%;
                    font-size: .19rem;
                    line-height: undefined
                }

                .homeBankStatusContainer .bank-status .bank-status-item .bank_type .avg-time-container {
                    width: 100%;
                    color: #4B91C9;
                    font-size: .14rem;
                    margin: .1rem 0 0;
                    font-weight: undefined
                }

                    .homeBankStatusContainer .bank-status .bank-status-item .bank_type .avg-time-container .percent-progress {
                        width: 100%;
                        height: .06rem;
                        margin: .15rem 0 0
                    }

                        .homeBankStatusContainer .bank-status .bank-status-item .bank_type .avg-time-container .percent-progress .progressBar-container {
                            background: #d3d3d3
                        }

                            .homeBankStatusContainer .bank-status .bank-status-item .bank_type .avg-time-container .percent-progress .progressBar-container .progress {
                                background: #4b91c9
                            }

                .homeBankStatusContainer .bank-status .bank-status-item .bank_type.convenient_bank_service {
                    display: block;
                    width: 75%
                }

                    .homeBankStatusContainer .bank-status .bank-status-item .bank_type.convenient_bank_service h4 {
                        text-transform: capitalize
                    }

            .homeBankStatusContainer .bank-status .bank-status-item .bank_time {
                width: 30%;
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: flex-end
            }

                .homeBankStatusContainer .bank-status .bank-status-item .bank_time span {
                    color: #4b91c9;
                    font-size: .55rem;
                    font-weight: 600;
                    background: unset;
                    -webkit-background-clip: unset;
                    -webkit-text-fill-color: unset
                }

                .homeBankStatusContainer .bank-status .bank-status-item .bank_time p {
                    margin: 0;
                    text-transform: undefined;
                    font-weight: undefined;
                    color: #4B91C9
                }

            .homeBankStatusContainer .bank-status .bank-status-item .bank-payment {
                width: 100%;
                font-size: .14rem;
                margin: .1rem 0 0;
                font-weight: undefined;
                color: #4B91C9
            }

                .homeBankStatusContainer .bank-status .bank-status-item .bank-payment .bank-payment-img img {
                    width: 20%;
                    margin: .1rem .05rem 0 0
                }

                .homeBankStatusContainer .bank-status .bank-status-item .bank-payment .bank-payment-img .custom_agent_img {
                    width: 40%
                }

.liveCasino {
    width: unset
}

.liveCasinoContainer {
    width: 100%
}

    .liveCasinoContainer .headerFlex {
        display: flex;
        align-items: center;
        font-size: .16rem;
        margin-bottom: unset;
        padding: undefined;
        border-top-left-radius: undefined;
        border-top-right-radius: undefined;
        background: undefined;
        border-bottom: undefined
    }

        .liveCasinoContainer .headerFlex p {
            margin-bottom: 0;
            margin-left: unset;
            margin-right: .1rem;
            font-weight: 700;
            color: unset;
            text-transform: unset
        }

        .liveCasinoContainer .headerFlex img {
            margin: unset
        }

    .liveCasinoContainer .liveCasinoTableContainer {
        height: 2.32rem;
        background: #f6f6f6;
        margin: undefined;
        padding: undefined;
        border: unset;
        border-bottom-left-radius: undefined;
        border-bottom-right-radius: undefined;
        border-radius: undefined
    }

        .liveCasinoContainer .liveCasinoTableContainer .slick-slide {
            height: auto
        }

            .liveCasinoContainer .liveCasinoTableContainer .slick-slide img {
                width: 44%;
                height: 100%;
                object-fit: contain
            }

        .liveCasinoContainer .liveCasinoTableContainer .slick-dots {
            position: absolute;
            display: block;
            width: 100%;
            height: fit-content;
            bottom: .1rem;
            padding-bottom: .2rem;
            list-style: none;
            list-style-type: none;
            text-align: center;
            margin: .36rem 0 0;
            top: -.62rem !important;
            right: -.85rem !important;
            left: undefined;
            justify-content: flex-end
        }

            .liveCasinoContainer .liveCasinoTableContainer .slick-dots li {
                width: undefined;
                margin: 0;
                padding: undefined;
                height: undefined;
                transition-duration: undefined
            }

                .liveCasinoContainer .liveCasinoTableContainer .slick-dots li button {
                    width: undefined;
                    height: .1rem;
                    display: flex;
                    padding: .1rem;
                    background: undefined;
                    border-radius: undefined;
                    margin: undefined
                }

                .liveCasinoContainer .liveCasinoTableContainer .slick-dots li :before {
                    font-size: .1rem;
                    color: #4b91c9;
                    margin-top: undefined;
                    opacity: undefined;
                    display: undefined
                }

                .liveCasinoContainer .liveCasinoTableContainer .slick-dots li.slick-active {
                    width: undefined;
                    height: undefined;
                    background: undefined;
                    border-radius: undefined;
                    margin: undefined
                }

                    .liveCasinoContainer .liveCasinoTableContainer .slick-dots li.slick-active button {
                        width: undefined;
                        background: undefined;
                        display: undefined
                    }

                    .liveCasinoContainer .liveCasinoTableContainer .slick-dots li.slick-active :before {
                        color: #4b91c9
                    }

        .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider {
            background: 0 0;
            background-size: undefined;
            height: 3.17rem;
            position: relative;
            z-index: 1;
            color: #4b91c9;
            margin-top: unset;
            border-bottom-left-radius: undefined;
            border-bottom-right-radius: undefined;
            border-radius: undefined;
            overflow: undefined
        }

            .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable {
                width: 2rem;
                height: 1.32rem;
                margin: 0 0 0 .08rem;
                opacity: .8;
                border-collapse: collapse;
                font-size: .09rem
            }

                .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable .roundedCircle {
                    background: undefined;
                    border-radius: 50%;
                    width: .2rem;
                    height: .2rem;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin: auto;
                    font-size: .11rem;
                    font-weight: 700
                }

                .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable .tPlayer {
                    border: .025rem solid #e2343d;
                    color: #e2343d
                }

                .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable .tBanker {
                    border: .025rem solid #3456bd;
                    color: #3456bd
                }

                .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable .tTie {
                    border: .025rem solid #2fde5e;
                    color: #2fde5e
                }

                .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable td {
                    border: .01rem solid #ededed
                }

                .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable tr:nth-child(even) td:nth-child(even), .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable tr:nth-child(odd) td:nth-child(odd) {
                    background: #fff
                }

                .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable tr:nth-child(odd) td:nth-child(even), .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable tr:nth-child(even) td:nth-child(odd) {
                    background: #fff
                }

                .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable .rouletteGray {
                    background: #7a7d7c;
                    color: #fff
                }

                .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .liveCasinoTable .rouletteRed {
                    background: REd;
                    color: #fff
                }

            .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .livecasino-betNow-button {
                background: undefined;
                padding: undefined;
                border-radius: undefined;
                margin: .3rem 0 0 .2rem;
                text-transform: uppercase
            }

            .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .casinoImgContent {
                justify-content: flex-end;
                display: flex;
                position: absolute;
                bottom: 0;
                right: 0;
                height: 100%;
                width: 100%;
                z-index: -1;
                overflow: hidden;
                justify-content: flex-end;
                align-items: center
            }

                .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .casinoImgContent img {
                    width: auto;
                    height: 100%;
                    z-index: -1;
                    object-position: undefined;
                    object-fit: unset;
                    border-bottom-right-radius: undefined
                }

            .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .table-name {
                margin-top: undefined;
                margin-left: undefined;
                color: undefined;
                font-weight: undefined
            }

            .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .casinaTableContent {
                background: 0 0;
                height: .7rem;
                width: 2.46rem;
                margin: 0 0 .05rem .12rem;
                position: undefined;
                top: undefined;
                left: undefined;
                flex-direction: undefined;
                padding: 0;
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
                font-size: .09rem
            }

                .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .casinaTableContent p {
                    margin: 0 .3rem .18rem 0;
                    color: #000;
                    font-size: .14rem
                }

                .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .casinaTableContent img {
                    width: undefined;
                    height: undefined;
                    object-fit: undefined
                }

            .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .casinoBtnContent {
                margin: undefined;
                position: absolute;
                bottom: 0;
                width: 100%
            }

                .liveCasinoContainer .liveCasinoTableContainer .liveCasinoSlider .casinoBtnContent .betnowBtn {
                    background: rgba(255,255,255,.9);
                    min-width: 1rem;
                    height: .4rem;
                    width: 3.85rem;
                    color: #4b91c9;
                    text-transform: uppercase;
                    font-family: helveticaneue,黑体,sans-serif !important;
                    font-weight: 700;
                    letter-spacing: .005rem;
                    cursor: pointer;
                    border-radius: unset;
                    text-align: left;
                    padding: 0 0 0 .2rem;
                    font-size: .17rem
                }

.hotmatchContainer {
    width: 100%;
    border: none;
    margin: undefined;
    background: undefined;
    border-radius: undefined;
    padding: undefined
}

    .hotmatchContainer .title {
        display: flex;
        align-items: center;
        padding-left: .2rem;
        margin-top: .2rem;
        font-size: .16rem
    }

        .hotmatchContainer .title p {
            color: #4b91c9;
            margin-bottom: 0;
            letter-spacing: .03rem;
            margin-left: .25rem
        }

        .hotmatchContainer .title img {
            width: .4rem;
            height: .45rem
        }

    .hotmatchContainer .betContainer {
        width: 100%;
        border-bottom: undefined;
        display: flex !important;
        color: #4e2268;
        position: relative
    }

        .hotmatchContainer .betContainer .headerLogoContainer img {
            position: absolute;
            top: .1rem;
            left: 1rem;
            width: 55%
        }

        .hotmatchContainer .betContainer .imgWarpper {
            position: relative;
            overflow: hidden;
            background: url(/public/html/images/home_img/home-soccer-matches-bg.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            object-fit: cover;
            width: 100%;
            height: 3.2rem;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: undefined;
            border-radius: undefined;
            border: undefined
        }

            .hotmatchContainer .betContainer .imgWarpper .team-container {
                margin: undefined;
                font-weight: undefined
            }

            .hotmatchContainer .betContainer .imgWarpper p {
                font-family: undefined
            }

            .hotmatchContainer .betContainer .imgWarpper li {
                float: left;
                margin-top: .1rem;
                display: grid;
                justify-content: center;
                align-items: undefined;
                color: #d5d5d5;
                font-size: .18rem;
                height: undefined;
                padding: undefined
            }

                .hotmatchContainer .betContainer .imgWarpper li:nth-child(1) {
                    width: 35%
                }

                .hotmatchContainer .betContainer .imgWarpper li:nth-child(2) {
                    width: 30%;
                    margin-top: undefined;
                    font-size: undefined;
                    padding: undefined
                }

                    .hotmatchContainer .betContainer .imgWarpper li:nth-child(2) span {
                        color: #fff;
                        font-weight: 700;
                        font-size: smaller
                    }

                    .hotmatchContainer .betContainer .imgWarpper li:nth-child(2) p {
                        margin: 0 0 .02rem;
                        font-weight: 700;
                        height: undefined;
                        color: #fff;
                        white-space: undefined
                    }

                    .hotmatchContainer .betContainer .imgWarpper li:nth-child(2) .versus {
                        margin: .03rem 0 .1rem;
                        font-size: undefined;
                        position: undefined;
                        top: undefined;
                        order: undefined
                    }

                        .hotmatchContainer .betContainer .imgWarpper li:nth-child(2) .versus p {
                            color: undefined;
                            font-family: undefined;
                            height: undefined;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            width: undefined;
                            margin: undefined;
                            font-weight: undefined
                        }

                    .hotmatchContainer .betContainer .imgWarpper li:nth-child(2) .btnBetNow {
                        background: rgba(255,255,255,.9);
                        background-size: undefined;
                        background-repeat: undefined;
                        color: #4b91c9;
                        padding: undefined;
                        margin-top: undefined;
                        font-weight: 700;
                        height: .4rem;
                        width: 3.85rem;
                        font-size: .17rem;
                        text-transform: uppercase;
                        border-radius: undefined;
                        position: absolute;
                        top: 2.8rem;
                        left: 0;
                        font-family: arial,黑体,"sans-serif";
                        order: undefined;
                        border: undefined;
                        margin: undefined
                    }

                    .hotmatchContainer .betContainer .imgWarpper li:nth-child(2) .hdp {
                        margin: .2rem 0 0;
                        order: undefined
                    }

                        .hotmatchContainer .betContainer .imgWarpper li:nth-child(2) .hdp .hdp-text {
                            margin: undefined;
                            font-weight: 700
                        }

                        .hotmatchContainer .betContainer .imgWarpper li:nth-child(2) .hdp p:last-child {
                            background: #4b91c9;
                            color: #4B91C9;
                            border-radius: undefined;
                            padding: .05rem;
                            width: .6rem;
                            margin: auto;
                            border: undefined
                        }

                    .hotmatchContainer .betContainer .imgWarpper li:nth-child(2) .merchant-logo {
                        height: .36rem;
                        order: undefined;
                        margin: auto
                    }

                    .hotmatchContainer .betContainer .imgWarpper li:nth-child(2) .match-time {
                        order: undefined;
                        text-transform: undefined
                    }

                    .hotmatchContainer .betContainer .imgWarpper li:nth-child(2) .match-date {
                        order: undefined
                    }

                .hotmatchContainer .betContainer .imgWarpper li:nth-child(3) {
                    width: 35%
                }

                .hotmatchContainer .betContainer .imgWarpper li img {
                    margin: auto;
                    height: undefined
                }

                .hotmatchContainer .betContainer .imgWarpper li p {
                    margin: .1rem 0 0;
                    height: undefined;
                    overflow: undefined;
                    text-overflow: undefined;
                    display: undefined;
                    -webkit-line-clamp: undefined;
                    -webkit-box-orient: undefined;
                    color: undefined
                }

                .hotmatchContainer .betContainer .imgWarpper li .name {
                    height: undefined;
                    color: #d5d5d5;
                    font-size: .18rem;
                    font-weight: 700;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    place-items: undefined;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    width: undefined
                }

                .hotmatchContainer .betContainer .imgWarpper li .odd {
                    background: #4B91C9;
                    padding: .05rem;
                    color: #fff;
                    width: .8rem;
                    font-weight: 700;
                    margin: 0 auto;
                    display: undefined;
                    place-content: undefined;
                    height: undefined;
                    font-size: undefined;
                    border-radius: undefined;
                    border: undefined
                }

                .hotmatchContainer .betContainer .imgWarpper li .home-away-text {
                    margin: .05rem 0 0
                }

                .hotmatchContainer .betContainer .imgWarpper li .countdown-container {
                    margin: 0 0 .08rem;
                    font-size: .13rem
                }

            .hotmatchContainer .betContainer .imgWarpper .tournament-name {
                position: absolute;
                top: 0;
                width: 100%;
                height: .3rem;
                background: linear-gradient(45deg,#eecc62,#ae7c1a);
                color: #000;
                font-weight: 700;
                text-transform: uppercase;
                display: flex;
                align-items: center;
                justify-content: center
            }

    .hotmatchContainer .hotmatch-subtitle {
        position: absolute;
        left: 28%;
        margin: .05rem auto 0;
        font-weight: 700;
        font-size: undefined;
        text-transform: uppercase;
        color: undefined;
        text-align: undefined;
        width: undefined;
        font-family: undefined;
        border-top-left-radius: undefined;
        border-top-right-radius: undefined;
        padding: undefined;
        background: undefined;
        z-index: undefined;
        border: undefined;
        border-style: undefined
    }

    .hotmatchContainer .slick-slider .slick-dots {
        display: undefined;
        top: undefined;
        right: undefined;
        height: fit-content;
        justify-content: undefined;
        text-align: undefined
    }

        .hotmatchContainer .slick-slider .slick-dots li {
            margin: undefined;
            width: undefined;
            height: undefined;
            transition-duration: undefined
        }

            .hotmatchContainer .slick-slider .slick-dots li button {
                color: undefined;
                width: undefined;
                height: undefined;
                padding: undefined;
                border-radius: undefined;
                background: undefined;
                margin: undefined
            }

                .hotmatchContainer .slick-slider .slick-dots li button:before {
                    width: undefined;
                    font-size: undefined;
                    color: undefined;
                    margin-top: undefined;
                    display: undefined
                }

            .hotmatchContainer .slick-slider .slick-dots li.slick-active {
                width: undefined;
                height: undefined;
                background: undefined;
                border-radius: undefined;
                margin: undefined
            }

                .hotmatchContainer .slick-slider .slick-dots li.slick-active button {
                    display: undefined
                }

                    .hotmatchContainer .slick-slider .slick-dots li.slick-active button:before {
                        color: undefined
                    }

    .hotmatchContainer .slick-slider .slick-arrow {
        height: undefined;
        width: undefined
    }

    .hotmatchContainer .slick-slider .slick-prev {
        left: undefined
    }

    .hotmatchContainer .slick-slider .slick-next {
        right: undefined
    }

    .hotmatchContainer .odd-pending-banner {
        cursor: pointer
    }

.annoucement-bar {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 100%
}

    .annoucement-bar .left-block {
        height: 100%;
        position: absolute;
        width: 4%;
        z-index: 9;
        left: 0
    }

    .annoucement-bar .right-block {
        height: 100%;
        position: absolute;
        width: 4%;
        z-index: 9;
        right: 0
    }

.announcement-content-container {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    margin: 0;
    padding: unset
}

    .announcement-content-container .msg-enter, .announcement-content-container .msg-exit {
        transform: translateX(-100%) translateZ(0)
    }

    .announcement-content-container .msg-enter-active, .announcement-content-container .msg-exit-active {
        transform: translateX(100%) translateZ(0)
    }

@keyframes noticeFade {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

.annoucement-bar-component {
    height: 1rem;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 11rem
}

    .annoucement-bar-component .left-block, .annoucement-bar-component .right-block {
        height: 80%;
        position: absolute;
        width: 3.5%;
        z-index: 9
    }

        .annoucement-bar-component .left-block svg, .annoucement-bar-component .right-block svg {
            fill: #878787
        }

    .annoucement-bar-component .right-block {
        right: 0
    }

    .annoucement-bar-component .left-block {
        left: 0;
        background: #f6f6f6;
        display: flex;
        align-items: center;
        padding: 0 .05rem;
        opacity: undefined
    }

        .annoucement-bar-component .left-block .digit-icon {
            position: absolute;
            top: -.02rem;
            left: 0;
            width: .15rem;
            height: .15rem;
            padding: .01rem;
            font-size: .12rem;
            border-radius: .2rem;
            background-color: #4B91C9;
            color: whiTE;
            text-align: center
        }

        .annoucement-bar-component .left-block svg {
            width: 70%;
            height: undefined;
            margin: unset;
            display: block
        }

        .annoucement-bar-component .left-block img {
            width: 100%;
            min-width: .25rem;
            height: auto;
            max-width: .25rem
        }

    .annoucement-bar-component .annoucement-moving {
        position: relative;
        display: flex;
        white-space: nowrap;
        z-index: 1;
        height: .25rem;
        align-items: center;
        margin: unset
    }

        .annoucement-bar-component .annoucement-moving:hover {
            animation-play-state: paused
        }

        .annoucement-bar-component .annoucement-moving .annoucement-text {
            z-index: 9
        }

    .annoucement-bar-component:hover {
        cursor: undefined
    }

@keyframes movingText {
    0% {
        left: 14.4rem
    }

    100% {
        left: -14.4rem
    }
}

.announcementBarSection {
    background: #d3d3d3;
    margin: 0;
    width: 100%;
    position: inherit;
    display: block;
    justify-content: unset;
    opacity: undefined;
    box-shadow: undefined;
    border-radius: undefined;
    order: -2
}

    .announcementBarSection .edge-image {
        height: .3rem
    }

    .announcementBarSection .annoucement-bar-component {
        height: .3rem;
        margin: auto;
        padding: undefined
    }

        .announcementBarSection .annoucement-bar-component .left-block {
            background: #d3d3d3;
            display: flex;
            opacity: undefined
        }

            .announcementBarSection .annoucement-bar-component .left-block svg {
                fill: #4B91C9;
                height: 56%
            }

    .announcementBarSection::after {
        content: unset;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        border-top: .3rem solid #f6f6f6;
        border-left: .25rem solid transparent;
        border-right: .25rem solid transparent;
        height: 0;
        width: 100% !important;
        border-image: undefined;
        clip-path: undefined
    }

.appDownloadSection {
    margin: undefined
}

    .appDownloadSection header {
        color: undefined;
        text-transform: undefined;
        font-weight: undefined
    }

        .appDownloadSection header p {
            margin: undefined
        }

.home-app-landing {
    margin: undefined;
    height: 3rem;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: .1rem
}

    .home-app-landing:hover {
        cursor: pointer
    }

    .home-app-landing .header-container {
        width: 50%;
        text-align: center;
        padding-top: .2rem
    }

        .home-app-landing .header-container .header-1 {
            color: #000;
            font-weight: 700;
            font-size: .35rem
        }

            .home-app-landing .header-container .header-1 span {
                color: #4B91C9
            }

        .home-app-landing .header-container .header-2 {
            font-size: .2rem
        }

    .home-app-landing .download-container {
        display: flex;
        width: 98%;
        justify-content: flex-end;
        padding: .6rem 0 0;
        float: unset
    }

        .home-app-landing .download-container .download-item {
            text-align: center;
            padding: .2rem
        }

            .home-app-landing .download-container .download-item .qr-code {
                padding: undefined;
                background: undefined;
                margin-bottom: .1rem
            }

                .home-app-landing .download-container .download-item .qr-code .download_qr {
                    height: 1rem;
                    width: 1rem;
                    padding: unset
                }

            .home-app-landing .download-container .download-item .download-btn {
                display: flex;
                justify-content: center;
                align-items: center;
                background: #fff;
                color: #000;
                padding: .05rem .1rem;
                border-radius: .05rem;
                cursor: undefined;
                white-space: nowrap
            }

                .home-app-landing .download-container .download-item .download-btn .android {
                    fill: #86c80e
                }

                .home-app-landing .download-container .download-item .download-btn .ios {
                    fill: #959595
                }

                .home-app-landing .download-container .download-item .download-btn svg {
                    height: .22rem;
                    width: .22rem;
                    margin-right: .05rem
                }

.mobileCarouselSliderSection .slider .dotsContainer {
    position: absolute;
    transform: translateX(-50%);
    bottom: .15rem;
    left: 50%;
    right: auto;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    display: -webkit-flex;
    -webkit-justify-content: flex-end;
    padding: 0 .15rem
}

    .mobileCarouselSliderSection .slider .dotsContainer .dots {
        background: #ffffff61;
        width: .1rem;
        height: .1rem;
        margin-left: .1rem;
        transition-duration: .5s;
        border-radius: .5rem;
        transform: unset
    }

    .mobileCarouselSliderSection .slider .dotsContainer .active {
        background: #4b91c9;
        width: .3rem;
        height: .1rem;
        margin-left: .1rem;
        transition-duration: .5s;
        border-radius: .5rem;
        transform: unset
    }

.m-announcement-bar-container {
    background: #d3d3d3;
    backdrop-filter: blur(0.02rem);
    display: flex;
    padding: .12rem .1rem;
    border-radius: .06rem .06rem 0 0;
    overflow: visible
}

    .m-announcement-bar-container .col-left, .m-announcement-bar-container .col-right {
        display: flex;
        align-items: center
    }

        .m-announcement-bar-container .col-left svg, .m-announcement-bar-container .col-right svg {
            height: .35rem;
            width: .35rem;
            fill: #fff
        }

    .m-announcement-bar-container .col-left {
        margin-right: .15rem
    }

        .m-announcement-bar-container .col-left img {
            width: undefined;
            height: undefined;
            filter: undefined
        }

    .m-announcement-bar-container .col-right {
        margin-left: .15rem
    }

        .m-announcement-bar-container .col-right svg {
            fill: #fff
        }

    .m-announcement-bar-container .ab-content {
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        color: BLACk;
        width: 100%;
        margin: 0;
        padding: unset;
        display: flex;
        z-index: 1;
        align-items: center;
        font-size: .26rem
    }

        .m-announcement-bar-container .ab-content:hover {
            animation-play-state: paused
        }

        .m-announcement-bar-container .ab-content .annoucement-text {
            z-index: 9
        }

        .m-announcement-bar-container .ab-content .msg-enter, .m-announcement-bar-container .ab-content .msg-exit {
            transform: translateX(-100%) translateZ(0)
        }

        .m-announcement-bar-container .ab-content .msg-enter-active, .m-announcement-bar-container .ab-content .msg-exit-active {
            transform: translateX(100%) translateZ(0)
        }

@keyframes noticeFade {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes movingText {
    0% {
        left: 14.4rem
    }

    100% {
        left: -14.4rem
    }
}

.m-login-join-btn-container {
    width: 100%;
    display: flex;
    text-align: center;
    text-transform: undefined
}

    .m-login-join-btn-container .btn-login, .m-login-join-btn-container .btn-reg {
        width: 50%;
        padding: .28rem .1rem
    }

    .m-login-join-btn-container .btn-login {
        width: 50%
    }

    .m-login-join-btn-container .btn-text {
        margin-bottom: 0;
        color: #fff;
        font-size: .26rem;
        font-weight: undefined;
        text-transform: undefined
    }

    .m-login-join-btn-container .btn-login {
        color: undefined;
        background: #4B91C9;
        border-radius: 0 0 0 .06rem;
        border: undefined;
        border-top: undefined;
        width: 50%;
        border-right: undefined;
        border-image: undefined;
        background-repeat: undefined;
        background-size: undefined;
        background-image: undefined;
        display: undefined;
        justify-content: undefined;
        align-items: undefined
    }

    .m-login-join-btn-container .btn-reg {
        position: relative;
        z-index: 0;
        background: #b80000;
        border-radius: 0 0 .06rem 0;
        background-repeat: undefined;
        background-size: undefined;
        background-image: undefined;
        display: undefined;
        justify-content: undefined;
        align-items: undefined
    }

        .m-login-join-btn-container .btn-reg .btn-text {
            color: #fff;
            text-shadow: undefined
        }

        .m-login-join-btn-container .btn-reg::before {
            background: #b80000;
            content: undefined;
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: -1;
            transform-origin: top left;
            -ms-transform: skew(-45deg,0deg);
            -webkit-transform: skew(-45deg,0deg);
            transform: skew(-45deg,0deg);
            border-left: .01rem solid #fff
        }

.deposit-progress-bar-container {
    display: flex;
    align-items: center;
    padding: .15rem .2rem;
    background: undefined;
    margin: undefined
}

@media(min-width: 769px) {
    .deposit-progress-bar-container {
        padding: 0 0 .08rem
    }
}

.deposit-progress-bar-container:has(.deposit-progressbar-container) .account-info-container {
    width: 35%
}

.deposit-progress-bar-container .account-info-container {
    display: flex;
    align-items: center;
    width: 100%
}

    .deposit-progress-bar-container .account-info-container .account-img {
        position: relative
    }

        .deposit-progress-bar-container .account-info-container .account-img svg .st0 {
            fill: #28db00 !important
        }

        .deposit-progress-bar-container .account-info-container .account-img .icon-verified {
            width: .3rem;
            height: .3rem;
            position: absolute;
            bottom: 0;
            left: 0
        }

        .deposit-progress-bar-container .account-info-container .account-img .member-profile-img {
            width: .8rem;
            height: .8rem;
            margin: 0 .2rem 0 .05rem;
            border: .01rem solid #aaa;
            border-radius: 50%;
            padding: 0
        }

@media(min-width: 769px) {
    .deposit-progress-bar-container .account-info-container .account-img .member-profile-img {
        width: .5rem;
        height: .5rem;
        margin: 0
    }
}

.deposit-progress-bar-container .account-info-container .account-img .badge-vip {
    margin-left: -10%;
    padding: .05rem .1rem;
    font-size: .16rem;
    border-radius: .1rem;
    background: #858d8f;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0
}

.deposit-progress-bar-container .account-info-container .account-info {
    height: fit-content;
    font-size: .12rem;
    margin: 0 0 0 .08rem;
    white-space: nowrap
}

    .deposit-progress-bar-container .account-info-container .account-info .account-group {
        color: #aaa;
        font-size: .21rem
    }

@media(min-width: 769px) {
    .deposit-progress-bar-container .account-info-container .account-info .account-group {
        font-size: .1rem;
        font-weight: 400;
        line-height: .11rem
    }
}

.deposit-progress-bar-container .account-info-container .account-info .account-name {
    color: #4B91C9;
    font-size: .24rem;
    margin: 0;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
    line-height: 1
}

@media(min-width: 769px) {
    .deposit-progress-bar-container .account-info-container .account-info .account-name {
        font-size: .14rem;
        font-weight: 700;
        line-height: .16rem
    }
}

.deposit-progress-bar-container .straightLine {
    height: .45rem;
    border: .01rem #e6e6e6;
    border-style: none solid none none;
    margin: 0 .2rem 0 .1rem
}

.deposit-progress-bar-container .deposit-progressbar-container {
    width: 100%;
    padding: undefined;
    white-space: normal
}

    .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper {
        display: flex;
        align-items: center
    }

        .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-progress-container {
            width: 35%;
            padding-right: .2rem
        }

            .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-progress-container .status-progress {
                height: .15rem;
                background: #0000001a;
                border-radius: .5rem;
                overflow: hidden
            }

            .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-progress-container .progress-bar {
                background: #4B91C9;
                border-radius: .5rem;
                height: 100%
            }

        .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit {
            width: 70%;
            font-size: .24rem;
            color: undefined
        }

            .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit .status-amount {
                color: #4B91C9
            }

                .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit .status-amount .status-total-deposit {
                    color: #4B91C9
                }

                .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit .status-amount .status-total-deposit, .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit .status-amount .status-upgrade-total {
                    display: inline-block
                }

            .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit p {
                color: #aaa;
                margin: 0;
                font-size: .22rem
            }

                .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit p span {
                    color: #4B91C9
                }

                    .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit p span .totalDeposit {
                        color: #4B91C9
                    }

    .deposit-progress-bar-container .deposit-progressbar-container .deposit-detail-container {
        color: #aaa;
        margin-top: .1rem;
        font-size: .22rem;
        line-height: 1
    }

.deposit-progress-bar-container .deposit-turnover-slider {
    width: 65%
}

    .deposit-progress-bar-container .deposit-turnover-slider .slick-slide {
        margin: auto
    }

.mobileGameTabContainer .menuTab {
    padding: .2rem .3rem .6rem .2rem;
    background: linear-gradient(#4B91C9,#111630)
}

    .mobileGameTabContainer .menuTab .menu-item-container {
        width: 100%;
        display: grid !important;
        grid-template-columns: repeat(4,1fr);
        gap: .1rem
    }

        .mobileGameTabContainer .menuTab .menu-item-container .menu-item {
            text-align: center;
            padding: .164rem .103rem;
            transition: .3s;
            color: #fff;
            font-size: .14rem
        }

            .mobileGameTabContainer .menuTab .menu-item-container .menu-item svg {
                width: .55rem;
                height: .55rem;
                margin-bottom: .14rem;
                fill: #fff;
                transition: .3s
            }

        .mobileGameTabContainer .menuTab .menu-item-container .menu-selected svg {
            fill: #4b91c9
        }

        .mobileGameTabContainer .menuTab .menu-item-container .menu-selected p {
            color: undefined
        }

        .mobileGameTabContainer .menuTab .menu-item-container .menu-selected .hover_line {
            border-bottom: .07rem solid #4b91c9;
            width: .4rem;
            margin-left: auto;
            margin-right: auto
        }

    .mobileGameTabContainer .menuTab .menu-dots-container {
        position: absolute;
        bottom: -.4rem;
        left: 50%;
        transform: translateX(-50%)
    }

        .mobileGameTabContainer .menuTab .menu-dots-container .dots {
            width: .14rem;
            height: .12rem;
            border-radius: .4rem;
            background: #c8c8c8;
            margin: 0 .07rem;
            transition-duration: .5s
        }

        .mobileGameTabContainer .menuTab .menu-dots-container .active {
            width: .7rem;
            background: #acacac;
            transition-duration: .5s
        }

.mobileGameTabContainer .submenuTab {
    background: undefined;
    padding: 0 .2rem .2rem;
    border-bottom: .01rem solid #d7d7d7;
    color: BLACk
}

    .mobileGameTabContainer .submenuTab .submenu-title {
        margin: auto;
        padding: .2rem 0
    }

    .mobileGameTabContainer .submenuTab .submenu-item-container {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        border: .01rem solid rgba(0,0,0,.1);
        white-space: nowrap;
        padding: .3rem .1rem;
        border-radius: .06rem
    }

        .mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item {
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center
        }

            .mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item.enlarge-first-item:first-child {
                grid-column: 1/3;
                grid-row: 1/3
            }

                .mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item.enlarge-first-item:first-child .submenu-img-container .submenu-img {
                    height: 2.9rem
                }

            .mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container {
                position: relative;
                width: 90%
            }

                .mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container .submenu-img {
                    height: 1.2rem;
                    justify-content: center
                }

                .mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container .disable-submenu {
                    opacity: .5;
                    filter: grayscale(100%)
                }

                    .mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container .disable-submenu .maintenance-wrapper {
                        display: none
                    }

                .mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container .maintenance-icon-container {
                    display: flex;
                    position: absolute;
                    justify-content: center;
                    align-items: center;
                    margin: auto;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    pointer-events: none
                }

                    .mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container .maintenance-icon-container .maintenance-icon {
                        width: .7rem;
                        height: auto
                    }

                .mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container svg {
                    height: 100%;
                    width: auto;
                    fill: unset
                }

                .mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container .float-dot {
                    position: absolute;
                    top: -.15rem;
                    right: -2%;
                    color: #fff;
                    border-radius: .1rem;
                    font-size: .18rem;
                    padding: .05rem .15rem
                }

                    .mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container .float-dot.hot-provider {
                        background: #dc3545
                    }

                    .mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item .submenu-img-container .float-dot.new-provider {
                        background: #00ff1e;
                        color: #000
                    }

            .mobileGameTabContainer .submenuTab .submenu-item-container .submenu-item p {
                margin: .1rem 0 .15rem;
                color: undefined;
                white-space: undefined
            }

.game-tab-menu-name:lang(km) {
    font-family: unset
}

.mobileHotGameContainer {
    width: 100%
}

    .mobileHotGameContainer .mobileScrollSlider {
        overflow-x: scroll;
        overflow-y: hidden
    }

        .mobileHotGameContainer .mobileScrollSlider .content {
            width: auto;
            white-space: nowrap
        }

            .mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider {
                display: inline-block;
                width: 1.76rem;
                height: 2.5rem;
                background: undefined;
                padding: 0;
                position: relative;
                margin: 0 .15rem 0 0;
                vertical-align: unset
            }

                .mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider:last-child {
                    margin-right: .205rem
                }

                .mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .img-container {
                    height: 70%;
                    overflow: hidden;
                    background-size: cover;
                    background-position: center;
                    border-radius: .06rem
                }

                .mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .hotGameRoundBtn {
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                    height: 100%;
                    color: #fff;
                    visibility: hidden;
                    opacity: 0;
                    -webkit-transition: .3s;
                    transition: .3s;
                    -webkit-transform: translateY(0.5rem);
                    transform: translateY(0.5rem);
                    display: flex;
                    align-items: center;
                    justify-content: center
                }

                    .mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .hotGameRoundBtn .hotGamePlayBtn {
                        width: .4rem;
                        height: .4rem;
                        border-radius: 50% !important;
                        background: rgba(0,0,0,.5);
                        box-shadow: 0 0 .05rem rgba(0,0,0,.4);
                        margin-top: -.5rem
                    }

                .mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider:hover {
                    transition: all .3s ease-in
                }

                    .mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider:hover img {
                        transition: .3s;
                        transition-delay: .3s
                    }

                    .mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider:hover .hotGameRoundBtn {
                        visibility: visible;
                        opacity: 1;
                        transition: .3s;
                        transition-delay: .3s;
                        transform: translate(0);
                        display: flex;
                        align-items: center;
                        justify-content: center
                    }

                        .mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider:hover .hotGameRoundBtn .hotGamePlayBtn {
                            width: .4rem;
                            height: .4rem;
                            border-radius: 50% !important;
                            background: rgba(0,0,0,.5);
                            box-shadow: 0 0 .05rem rgba(0,0,0,.4)
                        }

                            .mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider:hover .hotGameRoundBtn .hotGamePlayBtn svg {
                                fill: #fff;
                                width: .2rem;
                                height: .2rem
                            }

                            .mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider:hover .hotGameRoundBtn .hotGamePlayBtn:hover {
                                animation: shady 1s linear infinite
                            }

@keyframes shady {
    0% {
        box-shadow: 0 0 0 0 rgba(255,255,255,.5),0 0 0 0 rgba(3,108,129,.5)
    }

    100% {
        box-shadow: 0 0 0 .3rem transparent,0 0 0 0 transparent
    }
}

.mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .hotgameContent {
    padding: .21rem .18rem;
    text-transform: capitalize;
    color: BLACk;
    white-space: unset;
    display: flex;
    justify-content: center
}

    .mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .hotgameContent p {
        margin-bottom: .1rem
    }

    .mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .hotgameContent .hotGameSubContent {
        color: #fff;
        display: undefined
    }

        .mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .hotgameContent .hotGameSubContent span {
            margin-right: .05rem
        }

            .mobileHotGameContainer .mobileScrollSlider .content .hotGameSlider .hotgameContent .hotGameSubContent span:last-child {
                margin-right: 0
            }

.mobileHotGameContainer .emptyHotGameContent {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.mobileLatestPromoContainer {
    color: undefined
}

    .mobileLatestPromoContainer .promoSlideContainer {
        overflow-x: scroll;
        width: auto;
        white-space: nowrap;
        margin: undefined
    }

        .mobileLatestPromoContainer .promoSlideContainer .promoSlider {
            display: inline-block;
            width: 70%;
            background: #f6f6f6;
            margin: 0 .15rem 0 0;
            border-radius: .06rem;
            border: undefined
        }

            .mobileLatestPromoContainer .promoSlideContainer .promoSlider .promoBanner {
                width: 100%;
                overflow: hidden;
                padding: undefined;
                height: undefined
            }

                .mobileLatestPromoContainer .promoSlideContainer .promoSlider .promoBanner img {
                    width: 100%;
                    border-radius: .06rem .06rem 0 0
                }

            .mobileLatestPromoContainer .promoSlideContainer .promoSlider .promoContent {
                display: flex;
                justify-content: space-between;
                padding: .2rem .15rem
            }

                .mobileLatestPromoContainer .promoSlideContainer .promoSlider .promoContent .promo-title {
                    width: 70%;
                    white-space: normal;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    height: .5rem;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    color: BLACk
                }

                .mobileLatestPromoContainer .promoSlideContainer .promoSlider .promoContent .promo-description {
                    color: #888
                }

                    .mobileLatestPromoContainer .promoSlideContainer .promoSlider .promoContent .promo-description p {
                        max-width: 9rem;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis
                    }

                .mobileLatestPromoContainer .promoSlideContainer .promoSlider .promoContent .more-btn {
                    color: #4B91C9;
                    text-transform: capitalize;
                    font-weight: undefined;
                    background: undefined;
                    background-repeat: undefined;
                    background-size: undefined;
                    width: undefined;
                    display: undefined;
                    align-items: undefined;
                    justify-content: undefined;
                    height: undefined;
                    border-radius: undefined;
                    margin: undefined
                }

.m-home-app-landing-title {
    padding-left: .2rem;
    margin: undefined;
    color: undefined;
    font-size: undefined;
    text-transform: undefined
}

.m-home-app-landing {
    position: relative
}

    .m-home-app-landing img {
        width: 100%;
        image-rendering: -webkit-optimize-contrast
    }

    .m-home-app-landing .header-container {
        width: 60%;
        text-align: center
    }

        .m-home-app-landing .header-container .title {
            font-weight: 700;
            color: #4B91C9
        }

    .m-home-app-landing .download-container {
        width: undefined;
        display: flex;
        position: absolute;
        bottom: .3rem;
        left: .2rem
    }

        .m-home-app-landing .download-container .download-item {
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #fff;
            color: undefined;
            padding: .1rem .3rem;
            border-radius: .1rem;
            margin-right: .2rem;
            white-space: nowrap
        }

            .m-home-app-landing .download-container .download-item .android {
                fill: #86c80e
            }

            .m-home-app-landing .download-container .download-item .ios {
                fill: #959595
            }

            .m-home-app-landing .download-container .download-item svg {
                height: .4rem;
                width: .4rem;
                margin-right: .1rem;
                width: undefine
            }

.sideBannerSection .siderBarLeft {
    top: 22%;
    position: fixed;
    z-index: 1001;
    cursor: pointer
}

    .sideBannerSection .siderBarLeft .siderBarLeftDownload {
        position: fixed;
        width: .45rem;
        height: 2.2rem;
        transition: left .4s ease-in-out;
        -o-transition: left .4s ease-in-out;
        -ms-transition: left .4s ease-in-out;
        -moz-transition: left .4s ease-in-out;
        -webkit-transition: left .4s ease-in-out;
        z-index: 1001
    }

        .sideBannerSection .siderBarLeft .siderBarLeftDownload:hover {
            left: 0
        }

        .sideBannerSection .siderBarLeft .siderBarLeftDownload .toggleLeft {
            position: absolute;
            height: 2.2rem;
            width: .45rem;
            background: #e822f7;
            display: flex;
            align-items: center;
            transition: .3s;
            justify-content: center
        }

            .sideBannerSection .siderBarLeft .siderBarLeftDownload .toggleLeft svg {
                fill: #fff;
                width: .4rem;
                height: .4rem;
                padding: .03rem;
                position: absolute;
                top: .2rem
            }

            .sideBannerSection .siderBarLeft .siderBarLeftDownload .toggleLeft p {
                margin-bottom: 0;
                transform: rotate(90deg);
                color: #fff;
                font-weight: 700;
                white-space: nowrap;
                font-size: .14rem;
                margin-top: .45rem
            }

        .sideBannerSection .siderBarLeft .siderBarLeftDownload .sideBarBox {
            background: #1a1a1a;
            display: flex;
            flex-direction: column;
            height: 2.2rem;
            padding: .1rem 0;
            position: relative;
            width: 100%
        }

            .sideBannerSection .siderBarLeft .siderBarLeftDownload .sideBarBox img {
                margin: 0 auto;
                width: 85%
            }

            .sideBannerSection .siderBarLeft .siderBarLeftDownload .sideBarBox .download-content {
                color: #e822f7;
                margin: 0 auto;
                width: 76%
            }

                .sideBannerSection .siderBarLeft .siderBarLeftDownload .sideBarBox .download-content .desc-1, .sideBannerSection .siderBarLeft .siderBarLeftDownload .sideBarBox .download-content .desc-2 {
                    font-size: .14rem;
                    margin: .05rem 0 0
                }

    .sideBannerSection .siderBarLeft .siderBarLeftHotGame {
        position: fixed;
        width: 2.2rem;
        left: -2.2rem;
        height: 1rem;
        transition: left .4s ease-in-out;
        -o-transition: left .4s ease-in-out;
        -ms-transition: left .4s ease-in-out;
        -moz-transition: left .4s ease-in-out;
        -webkit-transition: left .4s ease-in-out;
        margin-top: 2.3rem
    }

        .sideBannerSection .siderBarLeft .siderBarLeftHotGame:hover {
            left: 0
        }

            .sideBannerSection .siderBarLeft .siderBarLeftHotGame:hover .toggleLeft {
                opacity: 0;
                transition: .3s
            }

        .sideBannerSection .siderBarLeft .siderBarLeftHotGame .toggleLeft {
            position: absolute;
            left: 2.2rem;
            height: .5rem;
            width: .42rem;
            background: #e822f7;
            display: flex;
            align-items: center;
            flex-direction: column;
            transition: .3s
        }

            .sideBannerSection .siderBarLeft .siderBarLeftHotGame .toggleLeft svg {
                fill: #fff;
                width: .35rem;
                height: .35rem;
                padding: .03rem;
                margin-top: .05rem
            }

            .sideBannerSection .siderBarLeft .siderBarLeftHotGame .toggleLeft .hotgameIconGif {
                position: absolute;
                height: 1rem;
                margin-top: .34rem;
                width: .42rem;
                transition: .3s
            }

                .sideBannerSection .siderBarLeft .siderBarLeftHotGame .toggleLeft .hotgameIconGif img {
                    width: 100%
                }

        .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox {
            background: #1a1a1a
        }

            .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameBoxContainer {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                padding: .15rem .1rem;
                text-align: center;
                background: #1a1a1a
            }

                .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameBoxContainer img {
                    width: .2rem;
                    height: .2rem
                }

                .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameBoxContainer span {
                    color: #aaa;
                    font-size: .2rem;
                    text-transform: uppercase
                }

            .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameBoxBanner img {
                width: 100%;
                cursor: pointer
            }

            .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .react-tabs__tab-list {
                border-bottom: 0;
                margin: 0;
                position: relative;
                display: flex
            }

                .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .react-tabs__tab-list .react-tabs__tab {
                    background: #1a1a1a;
                    border-radius: 0;
                    border: 0;
                    bottom: 0;
                    color: #aaa;
                    padding: .15rem;
                    font-size: .12rem;
                    width: 33.33%;
                    text-align: center
                }

                    .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .react-tabs__tab-list .react-tabs__tab:hover {
                        background: #e822f7;
                        color: #fff
                    }

                .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .react-tabs__tab-list .react-tabs__tab--selected {
                    background: #e822f7;
                    color: #fff
                }

            .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotgameNewIcon {
                position: absolute;
                z-index: 1;
                top: .15rem;
                right: .55rem
            }

            .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotgameHotIcon {
                position: absolute;
                z-index: 1;
                top: .05rem;
                right: .05rem
            }

                .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotgameHotIcon img {
                    height: .2rem
                }

            .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList {
                overflow: auto;
                text-align: center;
                display: grid;
                grid-template-columns: repeat(3,0.6fr);
                grid-gap: .05rem;
                padding: .05rem
            }

                .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList li {
                    background: #1a1a1a;
                    border: .01rem solid #aaa;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    float: left;
                    position: relative
                }

                    .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList li .tagType {
                        position: absolute;
                        right: 0
                    }

                    .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList li a {
                        display: inline;
                        padding: 0
                    }

                        .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList li a img {
                            width: 100%;
                            height: 100%
                        }

                        .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList li a p {
                            margin: 0;
                            color: #aaa;
                            font-size: .09rem;
                            padding: .05rem .02rem;
                            text-align: center
                        }

                    .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList li:hover {
                        background: #e822f7
                    }

                        .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList li:hover p {
                            color: #fff
                        }

                .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList .hotGame-width {
                    height: 100%
                }

                    .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList .hotGame-width a {
                        padding-top: 0
                    }

                        .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList .hotGame-width a img {
                            width: 100%
                        }

                        .sideBannerSection .siderBarLeft .siderBarLeftHotGame .sideBarBox li .hotGameMenuTab .hotGameList .hotGame-width a p {
                            font-size: .1rem;
                            height: .3rem;
                            display: flex;
                            align-items: center;
                            justify-content: center
                        }

.sideBannerSection .siderBarRight {
    top: 22%;
    position: fixed;
    z-index: 1001
}

    .sideBannerSection .siderBarRight .siderBarRightcontact {
        position: fixed;
        width: 2.5rem;
        right: -2.52rem;
        height: 1rem;
        transition: right .4s ease-in-out;
        -o-transition: right .4s ease-in-out;
        -ms-transition: right .4s ease-in-out;
        -moz-transition: right .4s ease-in-out;
        -webkit-transition: right .4s ease-in-out;
        z-index: 1001
    }

        .sideBannerSection .siderBarRight .siderBarRightcontact:hover {
            right: 0
        }

        .sideBannerSection .siderBarRight .siderBarRightcontact .toggleRight {
            position: absolute;
            right: 2.5rem;
            height: 2.2rem;
            width: .45rem;
            background: #4b91c9;
            display: flex;
            align-items: center;
            transition: .3s;
            justify-content: center;
            border-top-left-radius: unset;
            border-bottom-left-radius: unset
        }

            .sideBannerSection .siderBarRight .siderBarRightcontact .toggleRight svg {
                fill: #fff;
                background: undefined;
                border-radius: undefined;
                box-shadow: undefined;
                width: .4rem;
                height: .4rem;
                padding: .03rem;
                position: absolute;
                top: .2rem;
                margin-right: 0
            }

            .sideBannerSection .siderBarRight .siderBarRightcontact .toggleRight img {
                width: .4rem;
                height: .4rem;
                padding: .03rem;
                position: absolute;
                bottom: .1rem;
                margin-right: -.15rem
            }

            .sideBannerSection .siderBarRight .siderBarRightcontact .toggleRight p {
                margin-bottom: 0;
                transform: rotate(90deg);
                color: #fff;
                font-weight: 700;
                white-space: nowrap;
                font-size: .14rem;
                margin-right: 0;
                margin-top: .45rem;
                text-transform: uppercase
            }

        .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox {
            background: #f6f6f6;
            padding: .1rem 0;
            min-height: 2.2rem
        }

            .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li {
                cursor: pointer;
                padding: .1rem .25rem
            }

                .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li:nth-child(odd) {
                    background: #f5f5f5
                }

                .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li:nth-child(even) {
                    background: #f5f5f5
                }

                .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li:first-child {
                    text-align: center;
                    background: #f5f5f5
                }

                .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li:nth-child(2) {
                    cursor: pointer
                }

                .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .contactContainer {
                    display: flex;
                    align-items: center
                }

                    .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .contactContainer .qr_img {
                        width: auto;
                        margin-left: 0
                    }

                    .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .contactContainer svg {
                        fill: #b2b2b2;
                        width: .3rem;
                        height: .3rem
                    }

                    .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .contactContainer img {
                        height: .3rem
                    }

                    .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .contactContainer p {
                        margin-bottom: 0;
                        text-align: left;
                        margin-left: .15rem;
                        color: #252525;
                        width: 70%;
                        font-size: .16rem
                    }

                        .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .contactContainer p a {
                            color: #888
                        }

                .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .qrCode {
                    align-items: flex-start
                }

                    .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .qrCode svg {
                        fill: #b2b2b2;
                        width: .3rem;
                        height: .3rem
                    }

                    .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .qrCode img {
                        width: 70%;
                        margin-left: .15rem;
                        height: auto
                    }

                        .sideBannerSection .siderBarRight .siderBarRightcontact .sideBarBox li .qrCode img:first-child {
                            width: unset;
                            margin-left: 0;
                            height: .3rem
                        }

    .sideBannerSection .siderBarRight .siderBarRightDownload {
        position: fixed;
        width: 2.5rem;
        right: -2.52rem;
        height: 1rem;
        transition: right .4s ease-in-out;
        -o-transition: right .4s ease-in-out;
        -ms-transition: right .4s ease-in-out;
        -moz-transition: right .4s ease-in-out;
        -webkit-transition: right .4s ease-in-out;
        margin-top: 2.15rem
    }

        .sideBannerSection .siderBarRight .siderBarRightDownload:hover {
            right: 0
        }

        .sideBannerSection .siderBarRight .siderBarRightDownload .toggleRight {
            position: absolute;
            right: 2.5rem;
            height: 2.2rem;
            width: .45rem;
            background: #4b91c9;
            display: flex;
            align-items: center;
            transition: .3s;
            justify-content: center;
            border-top-left-radius: unset;
            border-bottom-left-radius: unset
        }

            .sideBannerSection .siderBarRight .siderBarRightDownload .toggleRight svg {
                fill: #fff;
                width: .4rem;
                height: .4rem;
                padding: .03rem;
                position: absolute;
                bottom: .1rem;
                margin-right: 0
            }

            .sideBannerSection .siderBarRight .siderBarRightDownload .toggleRight img {
                width: .4rem;
                height: .4rem;
                padding: .03rem;
                position: absolute;
                bottom: .1rem;
                margin-right: -.15rem
            }

            .sideBannerSection .siderBarRight .siderBarRightDownload .toggleRight p {
                margin-bottom: 0;
                transform: rotate(90deg);
                color: #fff;
                font-weight: 700;
                white-space: nowrap;
                font-size: .14rem;
                margin-right: 0;
                margin-top: -.4rem
            }

        .sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox {
            background: #f6f6f6;
            height: 2.2rem
        }

            .sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                padding: .18rem .1rem;
                transition: .3s
            }

                .sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a p {
                    margin-bottom: 0;
                    color: #fff
                }

                    .sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a p:first-child {
                        margin-bottom: .05rem;
                        font-weight: 600
                    }

                .sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a svg {
                    width: .35rem;
                    height: .35rem;
                    fill: #4B91C9
                }

                .sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a img {
                    height: .3rem
                }

                .sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a .downloadContent {
                    margin-left: .1rem
                }

                .sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a:hover {
                    background: #4B91C9;
                    transition: .3s
                }

                    .sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a:hover .downloadContent p {
                        color: #fff !important
                    }

                    .sideBannerSection .siderBarRight .siderBarRightDownload .sideBarBox li a:hover svg {
                        fill: #fff !important
                    }

.sideBannerSection .sideBarLeftHotGameBanner {
    top: 65%;
    position: fixed;
    z-index: 200;
    width: 1.83rem;
    height: 2.54rem;
    left: .1rem;
    bottom: 1%;
    background-repeat: no-repeat;
    background-size: contain
}

    .sideBannerSection .sideBarLeftHotGameBanner .hotGameCloseBtn {
        position: absolute;
        left: 1.53rem;
        top: .6rem;
        cursor: pointer
    }

.sideBannerSection .justReleaseGameBanner {
    width: 2rem;
    height: 2.5rem;
    background-repeat: no-repeat;
    top: 50%;
    bottom: undefined;
    right: 0;
    z-index: 200;
    position: fixed;
    background-size: contain;
    cursor: pointer
}

    .sideBannerSection .justReleaseGameBanner .justReleaseGameCloseBtn {
        position: relative;
        display: flex;
        justify-content: flex-end;
        width: .3rem;
        right: undefined;
        left: 1.64rem;
        top: .37rem;
        cursor: pointer
    }

.navbar-container {
    background: #fff;
    font-size: .12rem;
    position: undefined;
    z-index: undefined;
    width: unefined
}

    .navbar-container .header {
        display: flex;
        justify-content: space-between;
        color: #fff;
        align-items: center;
        height: 1rem
    }

        .navbar-container .header .header-logo {
            height: .8rem;
            width: 30%;
            padding: .15rem .15rem .15rem 0;
            display: flex;
            align-items: unset;
            margin-left: unset;
            transform: unefined
        }

            .navbar-container .header .header-logo div {
                width: 100%
            }

            .navbar-container .header .header-logo img {
                height: 100%;
                width: auto
            }

            .navbar-container .header .header-logo .affiliate-title {
                color: #aaa;
                display: flex;
                justify-content: flex-end;
                align-items: flex-end;
                padding: 0 .06rem;
                white-space: nowrap;
                width: unset
            }

        .navbar-container .header .header-control {
            width: 70%
        }

    .navbar-container .navbar-linear-border {
        width: 100%;
        height: .04rem;
        background: linear-gradient(#bc8200,#ffe138,#bc8200)
    }

.mobile-nav {
    height: .9rem;
    width: 100%;
    margin: unset;
    position: fixed;
    z-index: 999;
    align-items: center;
    padding: 0 .205rem;
    background: #fff;
    border-bottom: undefined
}

    .mobile-nav .nav-container {
        height: 100%;
        width: 100%;
        margin: unset;
        display: flex;
        justify-content: space-between;
        border-bottom: .01rem solid #dcdcdc
    }

        .mobile-nav .nav-container .col-left {
            width: 15%;
            display: flex;
            align-items: center
        }

            .mobile-nav .nav-container .col-left .sb-btn-container {
                display: flex;
                justify-content: center
            }

                .mobile-nav .nav-container .col-left .sb-btn-container svg {
                    fill: #4B91C9
                }

            .mobile-nav .nav-container .col-left svg {
                width: .37rem;
                height: .37rem;
                fill: #4B91C9
            }

        .mobile-nav .nav-container .col-center {
            width: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            position: relative
        }

            .mobile-nav .nav-container .col-center .custom-img-title {
                width: 100%
            }

            .mobile-nav .nav-container .col-center .unread-message-continer {
                font-size: .205rem;
                font-weight: 700;
                width: .24rem;
                height: .24rem;
                border-radius: .2rem;
                text-align: center;
                margin-bottom: .25rem;
                background: REd;
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center
            }

        .mobile-nav .nav-container .col-right {
            width: 15%;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            text-align: right
        }

            .mobile-nav .nav-container .col-right .m-nav-login {
                margin-left: .3rem
            }

                .mobile-nav .nav-container .col-right .m-nav-login .registerLogin-icon {
                    width: .7rem;
                    height: .7rem;
                    margin-top: .1rem
                }

            .mobile-nav .nav-container .col-right .icon-notified {
                height: .65rem;
                width: .65rem;
                fill: #4B91C9
            }

            .mobile-nav .nav-container .col-right .custom-download-container {
                height: .55rem;
                background: 0 0;
                margin: unset
            }

                .mobile-nav .nav-container .col-right .custom-download-container img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain
                }

            .mobile-nav .nav-container .col-right .messaging-icon-container {
                height: .7rem;
                width: .7rem;
                margin: unset;
                display: flex;
                align-items: center;
                justify-content: flex-end;
                background: 0 0
            }

                .mobile-nav .nav-container .col-right .messaging-icon-container:nth-child(1) {
                    order: undefined
                }

                .mobile-nav .nav-container .col-right .messaging-icon-container:nth-child(2) {
                    order: undefined
                }

                .mobile-nav .nav-container .col-right .messaging-icon-container .message-icon {
                    width: .45rem;
                    height: .45rem
                }

                .mobile-nav .nav-container .col-right .messaging-icon-container .messaging-icon {
                    margin: undefined
                }

                .mobile-nav .nav-container .col-right .messaging-icon-container .unread-message-continer {
                    position: absolute;
                    font-size: .205rem;
                    font-weight: 700;
                    width: .24rem;
                    height: .24rem;
                    border-radius: 50%;
                    text-align: center;
                    display: grid;
                    place-content: center;
                    background: REd;
                    top: .14rem;
                    right: .54rem;
                    color: #fff;
                    overflow: visible
                }

                .mobile-nav .nav-container .col-right .messaging-icon-container .msg-count-box {
                    position: relative
                }

                    .mobile-nav .nav-container .col-right .messaging-icon-container .msg-count-box .tag {
                        position: absolute;
                        background: #e9203d;
                        padding: .05rem .1rem;
                        border-radius: .2rem;
                        top: -.3rem;
                        left: -.2rem;
                        font-size: .2rem;
                        color: #fff;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: undefined;
                        height: undefined
                    }

            .mobile-nav .nav-container .col-right .profile-icon-container {
                margin: unset
            }

                .mobile-nav .nav-container .col-right .profile-icon-container img {
                    width: .7rem;
                    height: .7rem
                }

            .mobile-nav .nav-container .col-right svg {
                width: .37rem;
                height: .37rem;
                fill: #4b91c9
            }

            .mobile-nav .nav-container .col-right .naviMainWallet {
                color: #fff;
                white-space: nowrap
            }

                .mobile-nav .nav-container .col-right .naviMainWallet p {
                    font-size: .42rem;
                    color: #fff
                }

                .mobile-nav .nav-container .col-right .naviMainWallet .currencyNavi {
                    font-size: .35rem
                }

                    .mobile-nav .nav-container .col-right .naviMainWallet .currencyNavi span:first-child {
                        margin-right: .1rem;
                        color: #fff
                    }

            .mobile-nav .nav-container .col-right.special-header-col {
                width: 80%
            }

        .mobile-nav .nav-container .merchant-logo {
            margin: auto;
            height: 75%
        }

        .mobile-nav .nav-container .sidebar-merchant-logo {
            width: unset;
            background: unset;
            padding: unset;
            max-width: unset
        }

    .mobile-nav .announcment-container {
        height: 30%;
        font-size: .39rem;
        margin: 0 .66rem;
        background: #232426
    }

        .mobile-nav .announcment-container .annoucement-bar {
            height: 100%
        }

    .mobile-nav .nav-language-box-container {
        width: 100%
    }

        .mobile-nav .nav-language-box-container .language-box {
            display: grid;
            grid-template-columns: 25% 75%;
            align-items: center;
            border: #a6acae solid .07rem;
            padding: .1rem .15rem;
            width: 100%
        }

            .mobile-nav .nav-language-box-container .language-box img {
                height: auto;
                width: 100%
            }

            .mobile-nav .nav-language-box-container .language-box p {
                margin: 0;
                font-size: .3rem;
                font-weight: 600
            }

.mobile-nav-login-reg .nav-container {
    border-bottom: 0
}

    .mobile-nav-login-reg .nav-container .col-left .sidebar-container .sb-btn-container {
        display: flex;
        justify-content: center
    }

        .mobile-nav-login-reg .nav-container .col-left .sidebar-container .sb-btn-container svg {
            fill: #4B91C9
        }

.overlay {
    height: 100vh;
    width: 30vw;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    background: rgba(0,0,0,.8)
}

.nav-announce-modal {
    height: 80%;
    width: 90vw;
    margin: 10% auto;
    font-size: .5rem;
    color: #a1a1a1;
    border-radius: 0;
    border: .01rem solid transparent;
    background: linear-gradient(180deg,#c09848,#7f602a);
    padding: .02rem
}

    .nav-announce-modal .a-modal-header {
        padding: 3%;
        color: #4B91C9;
        background: 0,#160f07,#150e06;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom: .01rem solid transparent;
        display: flex;
        align-items: center
    }

    .nav-announce-modal .a-modal-body {
        position: relative;
        text-align: left;
        padding: 6% 5% !important;
        width: 100%;
        height: 93%;
        overflow-y: auto;
        color: #efefee;
        padding: .2rem .15rem;
        background: linear-gradient(0deg,#160f07,#150e06)
    }

    .nav-announce-modal .modal-title {
        width: 100%;
        display: flex;
        align-items: center
    }

    .nav-announce-modal .announce-title {
        width: 80%;
        text-align: left
    }

    .nav-announce-modal .close-btn {
        width: 20%;
        text-align: right;
        font-size: .7rem;
        color: #aaa
    }

    .nav-announce-modal .modal-body {
        font-size: .36rem
    }

        .nav-announce-modal .modal-body .annc-content {
            padding: .1rem 0
        }

.floating-app-nav {
    top: 1.2rem;
    margin-bottom: 1.2rem
}

.float-header-download {
    display: flex;
    width: 100%;
    height: 1.2rem;
    color: BlacK;
    background: #e7e7e7;
    position: fixed;
    z-index: 1050;
    top: 0
}

    .float-header-download .float-close-button {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #a9a9a9;
        width: 10vw
    }

        .float-header-download .float-close-button span {
            font-size: 1rem;
            font-size: .6rem
        }

    .float-header-download .float-device-icon {
        display: flex;
        height: 100%;
        width: 15vw;
        justify-content: center;
        align-items: center
    }

        .float-header-download .float-device-icon img {
            border-radius: .15rem;
            height: 60%;
            width: auto
        }

    .float-header-download .float-desc-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 43vw;
        font-size: .246rem
    }

        .float-header-download .float-desc-container .float-title {
            white-space: nowrap
        }

    .float-header-download .float-download-container {
        display: flex;
        width: 30vw;
        align-items: center;
        justify-content: center
    }

        .float-header-download .float-download-container button {
            font-size: .24rem;
            border-radius: .12rem;
            padding: 0 .4rem;
            background: #4B91C9;
            color: #fff;
            min-height: .5rem;
            white-space: nowrap
        }

.nav-title {
    white-space: nowrap;
    color: #4B91C9;
    font-size: .32rem;
    font-weight: 400
}

.mobile-header-login .btnLogin {
    color: #4B91C9;
    background: #000;
    border: .01rem solid #4B91C9;
    margin-right: 1%;
    font-weight: 500;
    padding: .15rem .3rem;
    text-transform: uppercase;
    margin: 0 .2rem 0 0;
    border-radius: .1rem;
    white-space: nowrap;
    font-family: arial,黑体,'sans-serif'
}

.mobile-header-join .btnJoin {
    color: #000;
    background: #4B91C9;
    background-size: undefined;
    background-position: undefined;
    background-repeat: undefined;
    border: .01rem solid #4B91C9;
    margin-right: 1%;
    font-weight: 500;
    padding: .15rem .3rem;
    white-space: nowrap;
    text-transform: uppercase;
    border-radius: .1rem;
    font-family: arial,黑体,'sans-serif'
}

.afterLoginBar {
    display: flex;
    align-items: end;
    color: BLACk;
    float: right
}

    .afterLoginBar .account-profile-container {
        display: flex;
        align-items: undefined;
        margin: 0 .05rem 0 0;
        padding: undefined;
        border: undefined;
        border-style: none
    }

        .afterLoginBar .account-profile-container .account-container {
            position: relative;
            cursor: pointer
        }

            .afterLoginBar .account-profile-container .account-container .member-profile-img {
                width: .5rem;
                height: .5rem;
                border: .01rem solid #aaa;
                border-radius: 50%;
                margin: .05rem .06rem 0
            }

            .afterLoginBar .account-profile-container .account-container .verify-icon {
                position: absolute;
                bottom: -.04rem
            }

                .afterLoginBar .account-profile-container .account-container .verify-icon svg {
                    height: .15rem;
                    width: .15rem
                }

                    .afterLoginBar .account-profile-container .account-container .verify-icon svg .st0 {
                        fill: #28db00 !important
                    }

            .afterLoginBar .account-profile-container .account-container .vip-list {
                position: absolute;
                right: 0;
                top: .05rem;
                background: gray;
                color: #fff;
                padding: .02rem .04rem;
                border-radius: .2rem;
                font-size: .1rem
            }

        .afterLoginBar .account-profile-container .profile-container {
            margin: 0 0 0 .08rem;
            width: 1rem;
            border: undefined;
            border-style: none
        }

            .afterLoginBar .account-profile-container .profile-container .profile-name {
                color: #4B91C9;
                font-size: .14rem;
                font-weight: 600;
                width: 1rem;
                margin: 0 0 .02rem;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                word-break: break-word;
                white-space: undefined
            }

            .afterLoginBar .account-profile-container .profile-container p {
                margin-bottom: 0;
                font-size: .12rem;
                color: undefined
            }

    .afterLoginBar .account-wallet {
        width: 30%;
        display: flex;
        margin: 0 .12rem 0 0;
        padding: undefined;
        border-left: undefined;
        height: undefined;
        align-items: undefined
    }

        .afterLoginBar .account-wallet .account-currency {
            position: relative
        }

            .afterLoginBar .account-wallet .account-currency .wallet-currency {
                position: undefined;
                height: .2rem;
                color: #4B91C9;
                margin: 0;
                font-size: .14rem;
                font-weight: 600;
                line-height: 1.5;
                top: undefined
            }

                .afterLoginBar .account-wallet .account-currency .wallet-currency:before {
                    content: "("
                }

                .afterLoginBar .account-wallet .account-currency .wallet-currency:after {
                    content: ")"
                }

            .afterLoginBar .account-wallet .account-currency .wallet-fund-container {
                display: flex;
                grid-row-gap: undefined;
                align-items: center;
                grid-template-columns: undefined;
                grid-template-rows: undefined
            }

                .afterLoginBar .account-wallet .account-currency .wallet-fund-container .wallet-amount {
                    display: flex;
                    align-items: center;
                    font-weight: 700;
                    font-size: .18rem;
                    color: undefined;
                    grid-row: undefined;
                    grid-column: undefined
                }

                    .afterLoginBar .account-wallet .account-currency .wallet-fund-container .wallet-amount p {
                        margin: 0
                    }

                    .afterLoginBar .account-wallet .account-currency .wallet-fund-container .wallet-amount svg {
                        width: .2rem;
                        height: .2rem;
                        border-radius: 50%;
                        background: 0 0;
                        fill: #888;
                        margin: 0 0 0 .05rem;
                        padding: .02rem
                    }

                .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container {
                    padding: 0 0 0 .08rem;
                    grid-row: undefined;
                    grid-column: undefined;
                    position: relative;
                    display: flex
                }

                    .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-btn {
                        display: flex;
                        align-items: center;
                        border-radius: .5rem;
                        padding: .05rem .08rem;
                        background: #ededed;
                        height: .35rem;
                        border: undefined
                    }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-btn .fund-btn-svg {
                            width: .25rem;
                            height: .25rem;
                            margin: 0 .05rem 0 0;
                            fill: #b8b8b8
                        }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-btn .fund-dropdown-btn {
                            width: .18rem;
                            height: .18rem;
                            filter: opacity(.3)
                        }

                    .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu {
                        position: absolute;
                        top: .4rem;
                        opacity: 0;
                        visibility: hidden;
                        background: #ededed;
                        padding: .1rem;
                        z-index: 99999;
                        width: 1.5rem;
                        border-radius: .05rem;
                        backdrop-filter: blur(0.05rem);
                        border: undefiend
                    }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu.isShow {
                            opacity: 1;
                            visibility: visible
                        }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .options-wrapperdiv:first-child {
                            padding-bottom: .1rem
                        }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .options-wrapperdiv:last-child {
                            padding-top: .1rem
                        }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .options-wrapper label {
                            display: block;
                            padding: .08rem .1rem;
                            font-weight: 700;
                            font-size: inherit;
                            margin: 0
                        }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .break-line {
                            width: 100%;
                            border: .01rem solid #ddd;
                            position: absolute;
                            left: 0
                        }

                        .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .dropdown-item {
                            display: block;
                            width: 100%;
                            padding: .08rem .1rem;
                            color: #888
                        }

                            .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .dropdown-item:hover {
                                color: #4B91C9
                            }

                            .afterLoginBar .account-wallet .account-currency .wallet-fund-container .fund-btn-container .fund-dropdown-menu .dropdown-item.is-active {
                                color: #4B91C9;
                                pointer-events: none;
                                background: undefined
                            }

    .afterLoginBar .aff-account-wallet {
        padding: undefined
    }

    .afterLoginBar .navbar-control {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }

        .afterLoginBar .navbar-control .top-container {
            height: .2rem;
            position: undefined;
            right: undefined
        }

            .afterLoginBar .navbar-control .top-container .time-container {
                color: undefined
            }

        .afterLoginBar .navbar-control .bottom-container {
            display: flex;
            align-items: center;
            font-size: .13rem
        }

            .afterLoginBar .navbar-control .bottom-container .mobile-icon-container svg {
                width: .3rem;
                height: .3rem;
                fill: #888;
                position: relative;
                top: .03rem
            }

            .afterLoginBar .navbar-control .bottom-container .message-container {
                margin: .06rem .1rem 0;
                position: relative;
                padding: 0
            }

                .afterLoginBar .navbar-control .bottom-container .message-container .unread-message {
                    position: absolute;
                    background: reD;
                    position: absolute;
                    padding: .02rem .05rem;
                    border-radius: 50%;
                    top: -.05rem;
                    left: -.1rem;
                    font-size: .1rem;
                    color: #fff;
                    display: flex;
                    align-items: center;
                    justify-content: center
                }

                .afterLoginBar .navbar-control .bottom-container .message-container svg {
                    height: .25rem;
                    width: .25rem;
                    fill: #888
                }

                .afterLoginBar .navbar-control .bottom-container .message-container .mission-claimable {
                    fill: #888;
                    animation: blinkSVG 1.5s linear infinite
                }

            .afterLoginBar .navbar-control .bottom-container .deposit-btn {
                height: .35rem;
                width: 1.2rem;
                border: .01rem solid #4B91C9;
                margin: 0 .1rem 0 0;
                text-transform: capitalize;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: .04rem;
                color: #fff;
                background: #4B91C9;
                font-family: arial,黑体,"sans-serif";
                font-weight: undefined;
                font-size: undefined
            }

            .afterLoginBar .navbar-control .bottom-container .after-logout-btn {
                height: .35rem;
                width: 1.2rem;
                background: #4B91C9;
                text-transform: capitalize;
                color: #fff;
                font-size: undefined;
                font-weight: undefined;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: .04rem;
                cursor: pointer
            }

            .afterLoginBar .navbar-control .bottom-container .language-box {
                margin-left: .03rem
            }

                .afterLoginBar .navbar-control .bottom-container .language-box .language-box {
                    background: undefined;
                    padding: undefined;
                    margin: undefined;
                    border-radius: undefined
                }

                .afterLoginBar .navbar-control .bottom-container .language-box button {
                    border-radius: .2rem;
                    padding: .05rem .08rem;
                    height: .35rem
                }

                    .afterLoginBar .navbar-control .bottom-container .language-box button .language-icon-size {
                        margin: 0 .03rem 0 0
                    }

                        .afterLoginBar .navbar-control .bottom-container .language-box button .language-icon-size:first-child {
                            margin-right: .06rem
                        }

            .afterLoginBar .navbar-control .bottom-container .widgets-container {
                display: flex;
                position: relative
            }

                .afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper {
                    display: flex;
                    align-items: center;
                    position: absolute;
                    right: .1rem;
                    top: -.2rem
                }

                    .afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper .small-loading {
                        height: auto !important
                    }

                    .afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper span {
                        margin: 0 .05rem;
                        font-size: .14rem;
                        font-weight: 700
                    }

                    .afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper svg {
                        height: .2rem;
                        cursor: pointer;
                        fill: #888
                    }

                    .afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper .wallet-currency {
                        position: undefined;
                        height: .2rem;
                        color: #4B91C9;
                        margin: 0;
                        font-size: .14rem;
                        font-weight: 600;
                        line-height: 1.5;
                        top: undefined
                    }

                        .afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper .wallet-currency:before {
                            content: "("
                        }

                        .afterLoginBar .navbar-control .bottom-container .widgets-container .amount-wrapper .wallet-currency:after {
                            content: ")"
                        }

                .afterLoginBar .navbar-control .bottom-container .widgets-container .options-wrapper-icons {
                    display: flex;
                    border-left: .01rem solid rgba(0,0,0,.3);
                    border-right: .01rem solid rgba(0,0,0,.3)
                }

                    .afterLoginBar .navbar-control .bottom-container .widgets-container .options-wrapper-icons a {
                        margin: .06rem .1rem 0;
                        padding: 0
                    }

                        .afterLoginBar .navbar-control .bottom-container .widgets-container .options-wrapper-icons a.is-active svg {
                            fill: #4B91C9
                        }

                    .afterLoginBar .navbar-control .bottom-container .widgets-container .options-wrapper-icons svg {
                        fill: #aaa;
                        height: .25rem;
                        width: .25rem
                    }

.navMenu-container {
    height: .45rem;
    background: linear-gradient(#4B91C9,#111630);
    text-transform: unset;
    font-size: .14rem;
    font-weight: unset;
    border-top: unset;
    border-bottom: unset;
    font-family: unset
}

    .navMenu-container:lang(km) {
        font-family: unset
    }

    .navMenu-container .menu-warpper {
        display: flex;
        justify-content: space-between;
        align-items: undefined;
        height: 100%;
        width: undefined
    }

        .navMenu-container .menu-warpper .navbar-item {
            padding: 0;
            height: 100%;
            position: relative;
            cursor: pointer;
            text-align: unset;
            text-transform: capitalize
        }

            .navMenu-container .menu-warpper .navbar-item a {
                color: #fff
            }

                .navMenu-container .menu-warpper .navbar-item a .img-with-text-sibeBYside {
                    display: flex;
                    align-items: center
                }

                .navMenu-container .menu-warpper .navbar-item a .menu-item-title p {
                    margin-bottom: .06rem !important;
                    white-space: nowrap
                }

                    .navMenu-container .menu-warpper .navbar-item a .menu-item-title p:last-child {
                        margin-bottom: 0 !important
                    }

            .navMenu-container .menu-warpper .navbar-item svg {
                margin: undefined;
                height: .21rem;
                width: auto;
                fill: #fff
            }

                .navMenu-container .menu-warpper .navbar-item svg.active {
                    fill: #4b91c9
                }

            .navMenu-container .menu-warpper .navbar-item .menu-slice {
                padding-left: .15rem
            }

            .navMenu-container .menu-warpper .navbar-item img {
                height: .38rem;
                width: auto
            }

            .navMenu-container .menu-warpper .navbar-item p {
                margin: undefined;
                color: undefined;
                font-weight: undefined
            }

            .navMenu-container .menu-warpper .navbar-item .live-icon {
                width: .29rem;
                height: .17rem;
                margin-right: .05rem;
                position: unset;
                top: 0;
                right: undefined;
                left: 0;
                z-index: unset
            }

            .navMenu-container .menu-warpper .navbar-item .hot-provider {
                position: absolute;
                top: .1rem;
                right: 0;
                left: .39rem;
                font-size: .08rem;
                background: REd;
                color: #fff;
                border-radius: .04rem;
                padding: .03rem 0;
                width: .25rem;
                height: unset;
                text-align: center
            }

            .navMenu-container .menu-warpper .navbar-item .vipNavImg {
                height: .3rem
            }

            .navMenu-container .menu-warpper .navbar-item:hover {
                background: unset;
                border-bottom: unset
            }

                .navMenu-container .menu-warpper .navbar-item:hover a {
                    color: #fff
                }

                    .navMenu-container .menu-warpper .navbar-item:hover a .hover_line {
                        border-bottom: .03rem solid #4b91c9;
                        width: .25rem;
                        margin-left: auto;
                        margin-right: auto;
                        position: absolute;
                        bottom: 0
                    }

                .navMenu-container .menu-warpper .navbar-item:hover svg {
                    fill: #fff
                }

                .navMenu-container .menu-warpper .navbar-item:hover p {
                    color: undefined
                }

            .navMenu-container .menu-warpper .navbar-item.active {
                background: 0 0
            }

                .navMenu-container .menu-warpper .navbar-item.active .hover_line {
                    border-bottom: .03rem solid #4b91c9;
                    width: .25rem;
                    margin-left: auto;
                    margin-right: auto;
                    position: absolute;
                    bottom: 0
                }

                .navMenu-container .menu-warpper .navbar-item.active a {
                    color: #fff
                }

                .navMenu-container .menu-warpper .navbar-item.active svg {
                    fill: #fff
                }

                .navMenu-container .menu-warpper .navbar-item.active p {
                    color: undefined
                }

            .navMenu-container .menu-warpper .navbar-item .nav-menu-row {
                margin: .2rem 0;
                text-align: undefined
            }

            .navMenu-container .menu-warpper .navbar-item:last-child .menu-slice {
                display: none
            }

    .navMenu-container .headerLink {
        display: flex;
        justify-content: center
    }

.navSubmenu-container {
    font-size: .12rem
}

    .navSubmenu-container .submenu-outerbox {
        width: 100%;
        position: absolute;
        z-index: 999;
        background: rgba(255,255,255,.95);
        border-bottom: #4b91c9 solid .06rem;
        border-image: undefined;
        backdrop-filter: blur(0.02rem)
    }

        .navSubmenu-container .submenu-outerbox .submenu {
            padding-top: .1rem;
            width: undefined;
            margin: undefined;
            display: undefined;
            grid-template-columns: undefined
        }

            .navSubmenu-container .submenu-outerbox .submenu .provider-submenu {
                width: unset;
                margin: unset
            }

                .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .disable-submenu {
                    opacity: .5;
                    filter: grayscale(100%)
                }

                    .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .disable-submenu:has(.maintenance-wrapper) {
                        opacity: 1;
                        filter: none
                    }

                    .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .disable-submenu .image-wrapper {
                        position: relative;
                        display: flex;
                        justify-content: center
                    }

                        .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .disable-submenu .image-wrapper .maintenance-wrapper {
                            height: 100%;
                            background: #000000cc;
                            position: absolute;
                            top: 0;
                            width: 70%;
                            display: flex;
                            align-items: center;
                            flex-direction: column;
                            justify-content: center;
                            color: #ff8a00;
                            border: .02rem solid #999;
                            border-radius: .06rem;
                            padding: .08rem;
                            min-height: .7rem;
                            cursor: pointer
                        }

                .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container {
                    position: relative;
                    width: 16.6666666667%;
                    padding-bottom: .3rem;
                    padding-top: .15rem;
                    display: inline-block;
                    text-align: center
                }

                    .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container:hover .submenu-icon {
                        color: undefined;
                        opacity: undefined
                    }

                    .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon {
                        display: block;
                        height: 100%;
                        color: #75798e
                    }

                        .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon.opacity-5 {
                            opacity: .5
                        }

                        .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon:hover {
                            color: #4B91C9
                        }

                        .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .submenu-text {
                            margin-top: .06rem;
                            text-transform: undefined
                        }

                            .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .submenu-text:hover {
                                color: #4B91C9
                            }

                        .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider, .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider {
                            position: absolute;
                            top: .02rem;
                            right: 0;
                            max-width: .5rem;
                            width: 30%;
                            height: unset
                        }

                        .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .custom-hot-provider {
                            right: 10%
                        }

                        .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .float-dot-nav {
                            position: absolute;
                            font-size: .08rem;
                            padding: .03rem 0;
                            color: #fff;
                            border-radius: .04rem;
                            top: .1rem;
                            right: .35rem;
                            width: .25rem;
                            height: unset;
                            text-align: center
                        }

                        .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .hot-provider-nav {
                            background: REd
                        }

                        .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon .new-provider-nav {
                            background: #00ff1e;
                            color: #000
                        }

                        .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon img {
                            width: 50%;
                            height: auto
                        }

                        .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .submenu-icon svg {
                            fill: #4b91c9;
                            width: 1rem
                        }

                    .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container:hover {
                        fill: #4b91c9;
                        background: unset
                    }

                    .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .maintenance-icon-container {
                        display: flex;
                        position: absolute;
                        justify-content: center;
                        align-items: center;
                        margin: auto;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: .3rem;
                        pointer-events: none
                    }

                        .navSubmenu-container .submenu-outerbox .submenu .provider-submenu .provider-submenu-container .maintenance-icon-container .maintenance-icon {
                            width: .5rem;
                            height: auto;
                            fill: url(#m98-maintenance-gradient)
                        }

            .navSubmenu-container .submenu-outerbox .submenu.submenu-less-icon .provider-submenu {
                display: unset;
                justify-content: unset
            }

            .navSubmenu-container .submenu-outerbox .submenu .weekly-rebate {
                padding: undefined;
                text-align: undefined
            }

                .navSubmenu-container .submenu-outerbox .submenu .weekly-rebate .rebate-text {
                    color: undefined;
                    font-size: undefined;
                    font-weight: undefined
                }

                .navSubmenu-container .submenu-outerbox .submenu .weekly-rebate .weekly-text {
                    color: undefined;
                    font-size: undefined;
                    font-weight: undefined
                }

        .navSubmenu-container .submenu-outerbox .special-submenu {
            cursor: pointer
        }

            .navSubmenu-container .submenu-outerbox .special-submenu img {
                width: 100%;
                height: 100%
            }

.providerLandingIndexContainer .tab-container {
    padding: 0;
    background: #00000004
}

    .providerLandingIndexContainer .tab-container .standard-tab {
        display: flex;
        justify-content: space-between;
        width: 11rem;
        margin: auto;
        padding: 0
    }

        .providerLandingIndexContainer .tab-container .standard-tab .tab-list {
            display: flex
        }

            .providerLandingIndexContainer .tab-container .standard-tab .tab-list .tab-header {
                flex-grow: unset;
                margin: 0 .1rem 0 0
            }

        .providerLandingIndexContainer .tab-container .standard-tab .game-search-container {
            display: flex;
            margin: 0 0 0 auto
        }

            .providerLandingIndexContainer .tab-container .standard-tab .game-search-container .gamefound {
                color: #959595;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .providerLandingIndexContainer .tab-container .standard-tab .game-search-container .gameSearch {
                margin-left: .15rem;
                margin: .15rem 0 .15rem .15rem;
                position: relative
            }

                .providerLandingIndexContainer .tab-container .standard-tab .game-search-container .gameSearch svg {
                    width: .3rem;
                    height: .3rem;
                    top: 5%;
                    right: 1%;
                    position: absolute;
                    border-radius: .05rem;
                    fill: #888;
                    padding: .05rem 0
                }

                .providerLandingIndexContainer .tab-container .standard-tab .game-search-container .gameSearch input {
                    height: .34rem;
                    padding: .08rem .35rem .08rem .1rem;
                    background: #ededed;
                    border-radius: .05rem;
                    border: .01rem #dcdcdc;
                    border-style: solid solid solid solid;
                    color: BlAcK;
                    font-family: arial,黑体,"sans-serif"
                }

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .tab-container {
    padding: .1rem 0 .16rem
}

.providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content {
    display: grid;
    grid-template-columns: 11% 11% 11% 11% 11% 11% 11% 11%;
    grid-row-gap: .01rem;
    justify-content: space-between;
    margin: 0 0 .6rem
}

    .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col {
        width: 100%;
        padding: .3rem 0
    }

        .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col .item-container {
            width: 1.24rem;
            height: 1.36rem
        }

            .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col .item-container .item img {
                height: 130px;
                border-radius: .1rem;
                cursor: pointer
            }

            .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col .item-container .rtp {
                background: #5adeff;
                color: #000;
                border-radius: .5rem;
                text-align: center;
                margin: 0
            }

                .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col .item-container .rtp.noValue {
                    opacity: 0
                }

        .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container {
            width: 100%;
            max-width: 100%;
            grid-column: 1/span 2;
            grid-row: 1/span 2
        }

            .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container:hover {
                cursor: pointer
            }

            .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container .slick-slider {
                background: #f6f6f6;
                border-radius: .06rem;
                padding: .1rem
            }

                .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container .slick-slider .slick-list .slick-track .slick-slide {
                    width: 2.34rem;
                    margin: auto;
                    padding: .1rem 0
                }

                    .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container .slick-slider .slick-list .slick-track .slick-slide .rg-item img {
                        border: .02rem solid #dcdcdc;
                        border-radius: .2rem;
                        padding: .1rem;
                        width: 100%
                    }

                    .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container .slick-slider .slick-list .slick-track .slick-slide .rg-item .rg-desc {
                        text-align: center;
                        margin: .12rem;
                        color: undefined
                    }

                .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container .slick-slider .recommended-dots-container {
                    text-align: center
                }

                    .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container .slick-slider .recommended-dots-container .dots {
                        background: #c8c8c8;
                        border-radius: .4rem;
                        margin: 0 .05rem;
                        width: .1rem;
                        height: .1rem;
                        transition-duration: .5s
                    }

                        .providerLandingIndexContainer .bottom.s8-provider-landing-icon-template .item-content .item-col.recommended-container .slick-slider .recommended-dots-container .dots.active {
                            width: .4rem;
                            background: #4B91C9
                        }

.m-provider-content-container .search-mobile .search-icon {
    right: -.3rem;
    height: .9rem
}

.m-provider-content-container .search-mobile svg.icon-sm.mobile-search-icon {
    margin-top: 0;
    width: .46rem;
    height: .46rem;
    fill: #4B91C9
}

.m-provider-content-container .rg-container {
    padding: .2rem
}

    .m-provider-content-container .rg-container .slick-slide {
        margin: .1rem .08rem;
        text-align: center
    }

        .m-provider-content-container .rg-container .slick-slide .main-box {
            border-radius: .06rem;
            height: 2.6rem;
            padding: .1rem 0
        }

            .m-provider-content-container .rg-container .slick-slide .main-box img {
                width: 1.3rem;
                height: 1.3rem;
                margin: .1rem auto;
                object-fit: cover
            }

            .m-provider-content-container .rg-container .slick-slide .main-box p {
                font-size: .246rem;
                margin: .1rem 0
            }

.m-provider-content-container .provider-content .game-row-spacing {
    width: auto;
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-row-gap: .2rem;
    justify-content: space-between;
    padding: .25rem .25rem 3.2rem
}

    .m-provider-content-container .provider-content .game-row-spacing .game-box {
        text-align: center;
        height: unset;
        display: unset;
        justify-content: unset;
        padding: unset;
        min-height: unset;
        width: unset
    }

        .m-provider-content-container .provider-content .game-row-spacing .game-box .slot-tab-img {
            width: 100%
        }

        .m-provider-content-container .provider-content .game-row-spacing .game-box .box .tab-img {
            min-width: 100%;
            width: 100%;
            height: 100%;
            max-height: 100%;
            min-height: 100%;
            border-radius: .06rem
        }

        .m-provider-content-container .provider-content .game-row-spacing .game-box .rtp {
            background: #5adeff;
            color: #000;
            border-radius: .5rem;
            text-align: center;
            margin: .05rem 0
        }

            .m-provider-content-container .provider-content .game-row-spacing .game-box .rtp.noValue {
                opacity: 0
            }

.m-casino-container {
    width: 100%;
    padding: .3rem .2rem
}

    .m-casino-container .m-casino-container-wrap {
        margin: 0 0 1.5rem
    }

        .m-casino-container .m-casino-container-wrap .banner-container {
            margin: 0 0 .2rem
        }

            .m-casino-container .m-casino-container-wrap .banner-container img {
                border-radius: .1rem;
                width: 100%
            }

        .m-casino-container .m-casino-container-wrap .info-container {
            display: flex;
            flex-wrap: wrap;
            margin: 0;
            padding: .24rem .15rem .05rem;
            border-bottom: .02rem solid #d4d4d480
        }

            .m-casino-container .m-casino-container-wrap .info-container .info-label-field {
                margin: .13rem 0;
                width: 100%;
                max-width: 25%;
                color: BlacK
            }

                .m-casino-container .m-casino-container-wrap .info-container .info-label-field .info-label {
                    font-size: .26rem
                }

            .m-casino-container .m-casino-container-wrap .info-container .info-input-field {
                margin: 0 0 .2rem;
                width: 100%;
                max-width: 75%
            }

                .m-casino-container .m-casino-container-wrap .info-container .info-input-field .info-input {
                    border: .01rem #dcdcdc;
                    border-style: solid solid solid solid;
                    color: BlAcK;
                    background: #ededed;
                    border-radius: .08rem;
                    padding: .12rem .16rem;
                    height: auto;
                    font-size: .28rem
                }

                .m-casino-container .m-casino-container-wrap .info-container .info-input-field .info-copy-icon {
                    position: relative;
                    float: right;
                    width: .35rem;
                    height: .35rem;
                    margin: -.45rem .12rem 0 0;
                    fill: #888
                }

        .m-casino-container .m-casino-container-wrap .btm-container {
            display: flex;
            flex-wrap: wrap;
            padding: .2rem 0;
            width: 100%;
            justify-content: space-between
        }

            .m-casino-container .m-casino-container-wrap .btm-container .download-btn-container {
                margin: 0 auto;
                width: 49%
            }

                .m-casino-container .m-casino-container-wrap .btm-container .download-btn-container .download-btn2 {
                    background: #b6b6b6;
                    color: #fff;
                    padding: .24rem .04rem;
                    border-radius: .05rem;
                    text-align: center;
                    width: 100%;
                    font-size: .3rem
                }

                    .m-casino-container .m-casino-container-wrap .btm-container .download-btn-container .download-btn2 .download-btn-text {
                        margin: auto
                    }

                        .m-casino-container .m-casino-container-wrap .btm-container .download-btn-container .download-btn2 .download-btn-text svg {
                            width: .28rem;
                            margin-right: .12rem;
                            vertical-align: undefined
                        }

            .m-casino-container .m-casino-container-wrap .btm-container .deposit-container {
                width: 100%;
                text-align: center;
                margin: .2rem 0;
                font-size: .28rem
            }

                .m-casino-container .m-casino-container-wrap .btm-container .deposit-container .deposit-info {
                    text-decoration: underline;
                    fill: #888;
                    color: BLACk
                }

                    .m-casino-container .m-casino-container-wrap .btm-container .deposit-container .deposit-info svg {
                        width: .2rem;
                        height: auto;
                        margin: 0 .1rem
                    }

                    .m-casino-container .m-casino-container-wrap .btm-container .deposit-container .deposit-info .transfer-icon {
                        max-width: .55rem
                    }

    .m-casino-container .bottom-category ul {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        padding: .4rem .25rem;
        grid-gap: .3rem 0
    }

        .m-casino-container .bottom-category ul li {
            position: undefined
        }

            .m-casino-container .bottom-category ul li .image-container {
                position: relative;
                margin: auto
            }

                .m-casino-container .bottom-category ul li .image-container .lazy-load-image-loaded {
                    padding: 0 .2rem;
                    margin: auto;
                    display: flex !important
                }

                    .m-casino-container .bottom-category ul li .image-container .lazy-load-image-loaded img {
                        width: 100%;
                        object-fit: cover;
                        border-radius: .1rem
                    }

                .m-casino-container .bottom-category ul li .image-container .top-float {
                    position: absolute;
                    border-radius: .1rem;
                    padding: .16rem .06rem .13rem;
                    top: -.15rem;
                    right: 4%;
                    color: #fff;
                    font-size: .16rem;
                    text-align: center;
                    font-weight: 700
                }

                .m-casino-container .bottom-category ul li .image-container .hot-badge {
                    background: REd
                }

                .m-casino-container .bottom-category ul li .image-container .new-badge {
                    background: #28db00
                }

                .m-casino-container .bottom-category ul li .image-container .float-dot {
                    position: absolute;
                    top: 7.96rem
                }

                    .m-casino-container .bottom-category ul li .image-container .float-dot.hot-provider {
                        right: 52%
                    }

                    .m-casino-container .bottom-category ul li .image-container .float-dot.new-provider {
                        right: 6%
                    }

            .m-casino-container .bottom-category ul li .desc-container {
                text-align: center;
                font-size: .24rem;
                padding: .12rem 0 .2rem;
                position: undefined;
                bottom: undefined;
                margin: undefined;
                left: undefined;
                right: undefined;
                color: undefined;
                font-weight: undefined;
                text-transform: undefined;
                text-wrap: undefined
            }

.jackportContent02 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    margin: undefined
}

    .jackportContent02 img {
        width: 91%;
        margin: .24rem auto;
        border-radius: undefined;
        cursor: pointer
    }

    .jackportContent02.noCursor {
        cursor: default
    }

        .jackportContent02.noCursor img {
            cursor: default
        }

    .jackportContent02 .currencyDisplay {
        position: absolute;
        color: #4B91C9;
        right: 5.9rem;
        font-size: .56rem
    }

    .jackportContent02 .odometer.odometer-auto-theme, .jackportContent02 .odometer.odometer-theme-custom {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        right: .2rem
    }

        .jackportContent02 .odometer.odometer-auto-theme .odometer-digit, .jackportContent02 .odometer.odometer-theme-custom .odometer-digit {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            position: relative
        }

            .jackportContent02 .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .jackportContent02 .odometer.odometer-theme-custom .odometer-digit .odometer-digit-spacer {
                display: inline-block;
                vertical-align: middle;
                visibility: hidden
            }

            .jackportContent02 .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .jackportContent02 .odometer.odometer-theme-custom .odometer-digit .odometer-digit-inner {
                text-align: left;
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                overflow: hidden
            }

            .jackportContent02 .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .jackportContent02 .odometer.odometer-theme-custom .odometer-digit .odometer-ribbon {
                display: block
            }

            .jackportContent02 .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .jackportContent02 .odometer.odometer-theme-custom .odometer-digit .odometer-ribbon-inner {
                display: block;
                -webkit-backface-visibility: hidden
            }

            .jackportContent02 .odometer.odometer-auto-theme .odometer-digit .odometer-value, .jackportContent02 .odometer.odometer-theme-custom .odometer-digit .odometer-value {
                display: block;
                font-weight: 500;
                -webkit-transform: translateZ(0);
                background: undefined;
                -webkit-background-clip: undefined;
                -webkit-text-fill-color: undefined
            }

                .jackportContent02 .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .jackportContent02 .odometer.odometer-theme-custom .odometer-digit .odometer-value.odometer-last-value {
                    position: absolute;
                    left: 0;
                    right: 0
                }

        .jackportContent02 .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .jackportContent02 .odometer.odometer-theme-custom.odometer-animating-up .odometer-ribbon-inner {
            transition: transform 2s
        }

        .jackportContent02 .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .jackportContent02 .odometer.odometer-theme-custom.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
            transform: translateY(-100%)
        }

        .jackportContent02 .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .jackportContent02 .odometer.odometer-theme-custom.odometer-animating-down .odometer-ribbon-inner {
            transform: translateY(-100%)
        }

        .jackportContent02 .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .jackportContent02 .odometer.odometer-theme-custom.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
            transition: transform 2s;
            transform: translateY(0)
        }

    .jackportContent02 .odometer.odometer-auto-theme, .jackportContent02 .odometer.odometer-theme-custom {
        font-family: helveticaneue-medium,黑体,sans-serif;
        font-weight: 400;
        font-style: normal;
        color: #000;
        font-size: .45rem;
        line-height: .45rem
    }

    .jackportContent02 .odometer-formatting-mark {
        color: #fff;
        font-weight: 500;
        margin: 0 .06rem 0 .02rem;
        background: undefined;
        -webkit-background-clip: undefined;
        -webkit-text-fill-color: undefined
    }

    .jackportContent02 .odometer.odometer-auto-theme .odometer-digit, .jackportContent02 .odometer.odometer-theme-custom .odometer-digit {
        padding: 0 .095rem;
        background: #242529;
        margin: 0 .01rem;
        width: .45rem;
        height: .55rem
    }

        .jackportContent02 .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .jackportContent02 .odometer.odometer-theme-custom .odometer-digit .odometer-digit-inner {
            left: .22em;
            top: .13em
        }

    .jackportContent02 .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .jackportContent02 .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .jackportContent02 .odometer.odometer-theme-custom.odometer-animating-up .odometer-ribbon-inner, .jackportContent02 .odometer.odometer-theme-custom.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
        transition-timing-function: linear
    }

    .jackportContent02 .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .jackportContent02 .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .jackportContent02 .odometer.odometer-theme-custom.odometer-animating-up .odometer-ribbon-inner, .jackportContent02 .odometer.odometer-theme-custom.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
        transition-timing-function: linear
    }

    .jackportContent02 .odometer.odometer-theme-custom {
        right: .72rem;
        left: unset;
        white-space: unset
    }

        .jackportContent02 .odometer.odometer-theme-custom .odometer-inside .odometer-digit {
            width: .3rem;
            border: .03rem solid #2a8fbd;
            border-radius: .06rem;
            margin: 0 .03rem;
            background: 0 0
        }

            .jackportContent02 .odometer.odometer-theme-custom .odometer-inside .odometer-digit .odometer-digit-inner {
                left: 0;
                top: .09em
            }

@media(max-width: 1440px) {
    .jackportContent02 .odometer.odometer-auto-theme, .jackportContent02 .odometer.odometer-theme-custom {
        right: .4rem;
        top: undefined
    }

        .jackportContent02 .odometer.odometer-auto-theme .odometer-inside .odometer-digit, .jackportContent02 .odometer.odometer-theme-custom .odometer-inside .odometer-digit {
            width: undefined
        }

            .jackportContent02 .odometer.odometer-auto-theme .odometer-inside .odometer-digit .odometer-digit-inner, .jackportContent02 .odometer.odometer-theme-custom .odometer-inside .odometer-digit .odometer-digit-inner {
                left: undefined
            }
}

@media(max-width: 1024px) {
    .jackportContent02 .odometer.odometer-auto-theme, .jackportContent02 .odometer.odometer-theme-custom {
        border-radius: .34em;
        font-family: helveticaneue,黑体,sans-serif;
        font-weight: 400;
        font-style: normal;
        color: #000;
        font-size: .4rem;
        line-height: .38rem
    }

        .jackportContent02 .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .jackportContent02 .odometer.odometer-theme-custom .odometer-digit .odometer-digit-inner {
            left: .4em;
            left: .35em
        }

    .jackportContent02 .jackpot-row {
        height: .8rem;
        width: 7.52rem
    }

    .jackportContent02 .jackpot-gif {
        height: .8rem;
        width: 7.52rem
    }
}

@media(max-width: 768px) {
    .footer-column-container .fcol-title {
        font-size: .35rem;
        margin: 0 0 .3rem
    }

    .footer-column-container .list-item {
        font-size: .35rem
    }

    .footer-column-container.footer-provider img, .footer-column-container.footer-provider svg, .footer-column-container.footer-payment-method img, .footer-column-container.footer-payment-method svg, .footer-column-container.footer-license-by img, .footer-column-container.footer-license-by svg, .footer-column-container.footer-follow-us-list img, .footer-column-container.footer-follow-us-list svg, .footer-column-container.footer-suggested-browser img, .footer-column-container.footer-suggested-browser svg, .footer-column-container.footer-footer-responsible-gaming img, .footer-column-container.footer-footer-responsible-gaming svg {
        height: undefined
    }
}

.sidebar-container {
    position: relative
}

    .sidebar-container .sidebar-container-dot {
        position: absolute;
        top: .05rem;
        left: -.05rem;
        width: .15rem;
        height: .15rem;
        background: red;
        border-radius: .1rem
    }

    .sidebar-container .sb-content {
        position: fixed;
        left: 0;
        top: 0;
        width: 4.8rem;
        height: 100%;
        z-index: 999;
        background: #f6f6f6;
        background-size: cover;
        overflow: auto;
        padding: 0 0 1.5rem
    }

        .sidebar-container .sb-content .row-top {
            height: .9rem;
            text-align: center;
            padding: .1rem;
            border-bottom: .01rem solid #dcdcdc;
            background: undefined
        }

            .sidebar-container .sb-content .row-top img {
                height: 100%;
                width: auto
            }

        .sidebar-container .sb-content .sb-item {
            margin: .4rem 0 0;
            padding: 0 .5rem;
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .sidebar-container .sb-content .sb-item .item-svg svg {
                fill: #4B91C9
            }

            .sidebar-container .sb-content .sb-item .item-content {
                display: flex;
                align-items: center;
                color: BLACk;
                text-transform: capitalize
            }

                .sidebar-container .sb-content .sb-item .item-content svg {
                    width: .55rem;
                    height: .55rem;
                    margin: 0 .4rem 0 0;
                    fill: #4B91C9
                }

                .sidebar-container .sb-content .sb-item .item-content img {
                    width: .55rem;
                    height: auto;
                    margin: 0 .4rem 0 0
                }

        .sidebar-container .sb-content .sb-content-additional-menu {
            padding: .2rem;
            margin: 0 0 -.2rem
        }

            .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-title {
                color: #4B91C9;
                font-size: .3rem;
                font-weight: 700;
                margin: .05rem 0 .1rem
            }

            .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container {
                display: grid;
                grid-template-columns: repeat(2,1fr)
            }

                .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item {
                    position: relative;
                    margin: .05rem .1rem .05rem 0;
                    padding: .15rem;
                    background: linear-gradient(#fdb6141a,#ff6c001a);
                    border-radius: .1rem;
                    color: #000;
                    height: 1.42rem
                }

@media(min-width: 769px) {
    .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item {
        height: .7rem
    }
}

.sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item p {
    margin: 0;
    font-size: .24rem
}

.sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item img {
    margin: 0 .1rem 0 0;
    width: .85rem
}

.sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item.active {
    background: linear-gradient(#fdb614,#4B91C9)
}

    .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item.active p {
        color: #fff
    }

.sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item .sb-item-dot {
    position: absolute;
    top: -.02rem;
    left: -.02rem;
    width: .1rem;
    height: .1rem;
    background: red;
    border-radius: .1rem
}

.sidebar-container .sb-content .deposit-progress-bar-container {
    display: block
}

    .sidebar-container .sb-content .deposit-progress-bar-container .straightLine {
        border: none;
        height: .2rem
    }

    .sidebar-container .sb-content .deposit-progress-bar-container .deposit-progressbar-container {
        width: 100%
    }

        .sidebar-container .sb-content .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper {
            display: grid;
            grid-template-columns: 35% 60%
        }

            .sidebar-container .sb-content .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-progress-container {
                width: 100%
            }

            .sidebar-container .sb-content .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit {
                width: 100%;
                font-size: .2rem
            }

@media(min-width: 769px) {
    .sidebar-container .sb-content .deposit-progress-bar-container .deposit-progressbar-container .status-deposit-warpper .status-deposit {
        font-size: .14rem
    }
}

.sidebar-container .sb-content .deposit-progress-bar-container .deposit-progressbar-container .deposit-detail-container {
    font-size: .18rem
}

@media(min-width: 769px) {
    .sidebar-container .sb-content .deposit-progress-bar-container .deposit-progressbar-container .deposit-detail-container {
        font-size: .14rem
    }
}

.sidebar-container .sb-content .sb-content-download-banner-container {
    padding: .3rem;
    height: 2.6rem
}

    .sidebar-container .sb-content .sb-content-download-banner-container .sb-content-download-banner-sub-container {
        background: url(/public/html/images/home_img/m-app-bn.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 100%;
        border-radius: .1rem;
        position: relative
    }

        .sidebar-container .sb-content .sb-content-download-banner-container .sb-content-download-banner-sub-container .sb-item {
            position: absolute;
            left: 48%;
            bottom: .5rem;
            height: .5rem;
            border-radius: .1rem;
            background: #4B91C9;
            display: grid;
            justify-content: center
        }

            .sidebar-container .sb-content .sb-content-download-banner-container .sb-content-download-banner-sub-container .sb-item .item-content {
                color: #fff
            }

            .sidebar-container .sb-content .sb-content-download-banner-container .sb-content-download-banner-sub-container .sb-item p {
                margin: 0
            }

.sidebar-container .sb-content .sb-highlight-image {
    width: 100%;
    margin: 1rem 0 0;
    transform: translateY(calc(100% - 4.2rem))
}

.sidebar-container .sb-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.6);
    z-index: 99
}

.aff-sidebar-container .sb-content .sb-highlight-image {
    transform: translateY(calc(100% - 3.9rem))
}

.aff-sidebar-container.sidebar-before-login .sb-content .sb-highlight-image {
    transform: translateY(calc(100% - 0.6rem))
}

.floating-app-nav .sidebar-container .sb-content {
    top: 1.2rem;
    height: calc(100% - 1.2rem);
    overflow: auto
}

@media(min-width: 769px) {
    .sidebar-container {
        margin: 0 .05rem 0 0
    }

        .sidebar-container .sb-btn-container {
            cursor: pointer
        }

            .sidebar-container .sb-btn-container svg {
                width: .2rem !important
            }

        .sidebar-container .sb-content {
            position: absolute;
            top: .3rem;
            width: auto;
            height: auto;
            border-radius: .1rem;
            padding: .2rem
        }

            .sidebar-container .sb-content .sb-item {
                margin: .1rem 0 0;
                padding: 0;
                font-size: .16rem
            }

                .sidebar-container .sb-content .sb-item .item-content {
                    cursor: pointer
                }

                    .sidebar-container .sb-content .sb-item .item-content svg {
                        width: .3rem;
                        height: .3rem;
                        margin: 0 .3rem 0 0;
                        fill: #4B91C9
                    }

            .sidebar-container .sb-content .sb-content-additional-menu {
                padding: 0 0 .3rem
            }

                .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-title {
                    font-size: .14rem;
                    margin: 0 0 .1rem
                }

                .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container {
                    display: grid;
                    grid-template-columns: repeat(2,1fr)
                }

                    .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item {
                        width: 1.4rem;
                        margin: .05rem .05rem .05rem 0;
                        padding: .06rem
                    }

                        .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item p {
                            margin: 0;
                            font-size: .14rem
                        }

                        .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item img {
                            margin: 0 .05rem 0 0;
                            width: .5rem
                        }

                        .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item:hover {
                            background: linear-gradient(#fdb614,#4B91C9)
                        }

                            .sidebar-container .sb-content .sb-content-additional-menu .sb-content-additional-menu-item-container .sb-item:hover p {
                                color: #fff
                            }
}

.bottom-navbar-container {
    position: fixed;
    bottom: 1.2rem;
    width: 100%;
    z-index: 5
}

    .bottom-navbar-container.advance-cover {
        z-index: 9999
    }

        .bottom-navbar-container.advance-cover.active {
            height: calc(100%);
            bottom: 0
        }

            .bottom-navbar-container.advance-cover.active .popup-cover {
                height: calc(100% - 1rem);
                transform: translateY(-0.05rem);
                visibility: visible;
                opacity: 1
            }

        .bottom-navbar-container.advance-cover .popup-cover {
            position: relative;
            opacity: 0;
            height: 0;
            display: flex;
            flex-direction: column;
            background: rgba(0,0,0,.8);
            overflow: scroll;
            visibility: hidden;
            transition: visibility 0s,opacity .5s linear;
            align-items: center
        }

            .bottom-navbar-container.advance-cover .popup-cover .wrapper {
                margin-top: auto;
                padding: 1rem 0 0
            }

            .bottom-navbar-container.advance-cover .popup-cover .item {
                padding: .3rem;
                display: flex;
                align-items: center
            }

                .bottom-navbar-container.advance-cover .popup-cover .item .contact-icon svg {
                    width: .8rem;
                    fill: undefined
                }

                .bottom-navbar-container.advance-cover .popup-cover .item .contact-name {
                    margin-left: .3rem
                }

        .bottom-navbar-container.advance-cover .bn-content {
            position: fixed;
            width: 95%;
            left: 50%;
            transform: translateX(-50%);
            margin: auto
        }

    .bottom-navbar-container .bn-content {
        background: rgba(33,33,33,.9);
        border-radius: .15rem .15rem 0 0;
        margin: 0 .2rem;
        padding: .15rem .1rem .1rem;
        align-items: baseline;
        display: flex;
        justify-content: unset;
        bottom: 0;
        font-size: .24rem;
        height: undefined;
        position: relative;
        z-index: 9
    }

        .bottom-navbar-container .bn-content .bn-menu {
            position: relative;
            width: 100%;
            text-align: center;
            color: #fff;
            fill: #fff;
            margin: auto;
            display: undefined;
            grid-row-gap: undefined;
            justify-content: undefined;
            text-transform: undefined;
            padding: undefined;
            flex-direction: undefined;
            align-items: undefined;
            font-size: undefined
        }

            .bottom-navbar-container .bn-content .bn-menu .bn-icon {
                height: .55rem;
                margin: undefined;
                position: undefined;
                left: undefined;
                top: undefined
            }

            .bottom-navbar-container .bn-content .bn-menu .bn-icon-active {
                height: .55rem;
                margin: undefined;
                fill: #4b91c9
            }

            .bottom-navbar-container .bn-content .bn-menu .bn-desc {
                margin: undefined
            }

            .bottom-navbar-container .bn-content .bn-menu .bn-desc-active {
                color: #fff
            }

            .bottom-navbar-container .bn-content .bn-menu .bn-image {
                height: .55rem
            }

            .bottom-navbar-container .bn-content .bn-menu .bn-logo-img {
                height: 1.1rem
            }

            .bottom-navbar-container .bn-content .bn-menu #btm-login {
                height: undefined;
                position: undefined;
                top: undefined;
                width: undefined;
                padding-bottom: undefined
            }

                .bottom-navbar-container .bn-content .bn-menu #btm-login.bn-icon-active {
                    height: .55rem
                }

            .bottom-navbar-container .bn-content .bn-menu img {
                object-fit: undefined
            }

            .bottom-navbar-container .bn-content .bn-menu .glow-button {
                position: relative;
                height: 1.3rem;
                width: 1.3rem;
                border-radius: 50%;
                font-size: .18rem;
                -webkit-box-shadow: 0 0 .15rem .05rem #02d6ef;
                -moz-box-shadow: 0 0 .15rem .05rem #02d6ef;
                box-shadow: 0 0 .15rem .05rem #02d6ef;
                position: absolute;
                transform: scale(1.2);
                background: linear-gradient(to left bottom,#1555b5,#071444,#1555b5);
                top: -.6rem;
                display: flex;
                justify-content: center
            }

                .bottom-navbar-container .bn-content .bn-menu .glow-button .glow-content-wrapper {
                    position: absolute;
                    top: .1rem
                }

                    .bottom-navbar-container .bn-content .bn-menu .glow-button .glow-content-wrapper img {
                        height: .7rem
                    }

            .bottom-navbar-container .bn-content .bn-menu.active {
                background: undefined
            }

    .bottom-navbar-container .bn-promo-banner {
        width: 100vw;
        position: relative
    }

        .bottom-navbar-container .bn-promo-banner img {
            width: calc(100% - (0.205rem * 2));
            margin: 0 .205rem .09rem
        }

        .bottom-navbar-container .bn-promo-banner .close-btn {
            position: absolute;
            right: .1rem;
            top: -.06rem;
            width: .45rem;
            height: .45rem;
            border-radius: 100%;
            font-size: .42rem;
            background: #d4d4d4;
            color: inherit;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .bottom-navbar-container .bn-promo-banner .close-btn p {
                margin-bottom: 0;
                height: .45rem
            }

.settings-container {
    background: undefined;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    padding: 0 0 .5rem
}

    .settings-container .st-section {
        width: 11rem;
        margin: auto;
        padding: .5rem 0
    }

        .settings-container .st-section .page-change-title {
            margin: 0 0 .05rem;
            color: #4B91C9;
            font-size: .16rem;
            font-weight: 700
        }

        .settings-container .st-section .breadcrum-container {
            display: flex;
            align-items: center;
            font-size: .14rem
        }

            .settings-container .st-section .breadcrum-container svg {
                width: .2rem;
                height: .2rem;
                fill: unset
            }

            .settings-container .st-section .breadcrum-container .module-Bread {
                margin-top: .04rem;
                margin-bottom: 0;
                display: flex;
                align-items: center;
                color: unset
            }

                .settings-container .st-section .breadcrum-container .module-Bread span {
                    width: 0;
                    height: 0;
                    border-top: .05rem solid transparent;
                    border-left: .08rem solid BLACk;
                    border-bottom: .05rem solid transparent;
                    margin: .05rem
                }

        .settings-container .st-section .st-content {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin: .25rem 0 0
        }

            .settings-container .st-section .st-content .sideNavbar-section {
                max-width: 2.5rem;
                display: flex;
                flex-direction: column
            }

                .settings-container .st-section .st-content .sideNavbar-section .sidenav-tab-section .sidenav-tab {
                    width: 2.5rem;
                    position: relative
                }

                    .settings-container .st-section .st-content .sideNavbar-section .sidenav-tab-section .sidenav-tab p {
                        transition: opacity 1s ease;
                        opacity: 1
                    }

                    .settings-container .st-section .st-content .sideNavbar-section .sidenav-tab-section .sidenav-tab .tooltips {
                        position: absolute;
                        display: none;
                        top: 50%;
                        left: 0;
                        transform: translate(-80%,-50%);
                        color: #4B91C9;
                        background: #fff;
                        padding: .06rem;
                        border-radius: 4px;
                        font-size: .12rem;
                        opacity: 0;
                        transition: opacity .3s ease;
                        box-shadow: 0 .04rem .04rem 0 rgba(0,0,0,.15);
                        border-radius: .04rem
                    }

            .settings-container .st-section .st-content .st-detail-container {
                position: relative;
                margin-left: .25rem;
                display: flex;
                width: 8.3rem
            }

                .settings-container .st-section .st-content .st-detail-container .wrap-st-container {
                    width: 100%
                }

                .settings-container .st-section .st-content .st-detail-container .st-detail {
                    position: relative;
                    z-index: 1;
                    border-radius: .1rem;
                    box-shadow: 0 0 .1rem .01rem #d2d2d2;
                    background: WhitE
                }

                    .settings-container .st-section .st-content .st-detail-container .st-detail .announcementBar-section .annoucement-bar-component {
                        height: .35rem;
                        background: #f6f6f6;
                        border-radius: .1rem .1rem 0 0;
                        width: 100%;
                        padding: undefined
                    }

                        .settings-container .st-section .st-content .st-detail-container .st-detail .announcementBar-section .annoucement-bar-component .left-block {
                            background: #f6f6f6;
                            padding: 0 .1rem;
                            width: 5.5%
                        }

                            .settings-container .st-section .st-content .st-detail-container .st-detail .announcementBar-section .annoucement-bar-component .left-block svg {
                                width: .22rem;
                                height: .22rem;
                                fill: #878787;
                                border-radius: 50%
                            }

                        .settings-container .st-section .st-content .st-detail-container .st-detail .announcementBar-section .annoucement-bar-component .right-block {
                            background: #f6f6f6;
                            width: 2%
                        }

            .settings-container .st-section .st-content.collapsible .sidenav-title {
                cursor: pointer
            }

            .settings-container .st-section .st-content.collapsible .sideNavbar-section {
                transition: max-width 1s ease
            }

            .settings-container .st-section .st-content.collapsible .st-detail-container {
                width: 100%
            }

                .settings-container .st-section .st-content.collapsible .st-detail-container .wrap-st-container {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%
                }

            .settings-container .st-section .st-content.collapsible .collapsibleBtn {
                position: relative;
                cursor: pointer;
                width: 2.5em;
                height: 2.5em;
                border-radius: 50%;
                text-align: center;
                background: rgba(0,0,0,.3);
                margin: .05rem 0;
                align-self: end
            }

                .settings-container .st-section .st-content.collapsible .collapsibleBtn::after {
                    content: '';
                    display: inline-block;
                    width: .69em;
                    height: .8em;
                    border-top: .2em solid #fff;
                    border-right: .2em solid #fff;
                    -moz-transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    position: absolute;
                    transform: translate(-50%,-50%) rotate(-135deg);
                    top: 50%;
                    left: 50%;
                    margin-left: .1em
                }

            .settings-container .st-section .st-content.collapsed .collapsibleBtn {
                align-self: center
            }

            .settings-container .st-section .st-content.collapsed .sidenav-title {
                text-align: center;
                justify-content: center
            }

            .settings-container .st-section .st-content.collapsed .settings-side-navbar .sidenav-tab-section .sidenav-tab {
                width: auto;
                justify-content: center
            }

                .settings-container .st-section .st-content.collapsed .settings-side-navbar .sidenav-tab-section .sidenav-tab p {
                    display: none
                }

                .settings-container .st-section .st-content.collapsed .settings-side-navbar .sidenav-tab-section .sidenav-tab:hover .tooltips {
                    display: block;
                    opacity: 1
                }

        .settings-container .st-section .standard-setting-table-container {
            white-space: nowrap;
            overflow-x: scroll;
            border: .01rem #dcdcdc;
            border-style: solid solid solid solid;
            margin: .1rem .15rem;
            scrollbar-width: thin !important
        }

            .settings-container .st-section .standard-setting-table-container::-webkit-scrollbar {
                width: .05rem
            }

                .settings-container .st-section .standard-setting-table-container::-webkit-scrollbar:horizontal {
                    height: .08rem
                }

            .settings-container .st-section .standard-setting-table-container::-webkit-scrollbar-track {
                background: rgba(204,204,204,.3)
            }

            .settings-container .st-section .standard-setting-table-container::-webkit-scrollbar-thumb {
                border-radius: .1rem;
                background: rgba(204,204,204,.5);
                box-shadow: inset 0 0 .06rem rgba(0,0,0,.2)
            }

            .settings-container .st-section .standard-setting-table-container table {
                width: 100%;
                background: WhitE
            }

                .settings-container .st-section .standard-setting-table-container table thead {
                    background: #dcdcdc;
                    color: #4B91C9;
                    font-size: .14rem
                }

                    .settings-container .st-section .standard-setting-table-container table thead tr {
                        border-bottom: .01rem solid #dcdcdc
                    }

                        .settings-container .st-section .standard-setting-table-container table thead tr:last-child {
                            bottom: 0
                        }

                        .settings-container .st-section .standard-setting-table-container table thead tr th {
                            width: 1.5rem;
                            padding: .05rem .2rem;
                            border: .02rem #fff;
                            border-style: none solid none none;
                            text-align: center
                        }

                            .settings-container .st-section .standard-setting-table-container table thead tr th .sorting-column {
                                display: flex
                            }

                                .settings-container .st-section .standard-setting-table-container table thead tr th .sorting-column svg {
                                    width: .15rem;
                                    height: .15rem;
                                    margin: 0 0 0 .05rem;
                                    fill: #4B91C9;
                                    cursor: pointer
                                }

                        .settings-container .st-section .standard-setting-table-container table thead tr.standard-setting-table-header th.standard-setting-table-header-col-span-2 {
                            border-style: none solid solid none
                        }

                        .settings-container .st-section .standard-setting-table-container table thead tr.standard-setting-table-header th:last-child {
                            border-right: 0
                        }

                .settings-container .st-section .standard-setting-table-container table tbody tr {
                    border-bottom: .01rem solid #dcdcdc
                }

                    .settings-container .st-section .standard-setting-table-container table tbody tr:last-child {
                        border-bottom: 0
                    }

                    .settings-container .st-section .standard-setting-table-container table tbody tr td {
                        width: 1.5rem;
                        padding: .1rem .2rem;
                        color: BLACk;
                        font-size: .14rem;
                        text-align: center
                    }

                        .settings-container .st-section .standard-setting-table-container table tbody tr td button {
                            background: #4B91C9;
                            padding: .05rem;
                            border-radius: .04rem;
                            color: undefined
                        }

                .settings-container .st-section .standard-setting-table-container table tbody .emptyHistoryContainer {
                    text-align: center
                }

        .settings-container .st-section .custom-without-transaction-button-btn button {
            display: flex;
            justify-content: center;
            align-items: center;
            height: .5rem;
            font-size: .14rem;
            width: 80%;
            border: 0;
            border-radius: .05rem;
            font-weight: 600;
            background: #b6b6b6;
            margin: 0 auto 0 0;
            text-transform: capitalize;
            color: undefined
        }

            .settings-container .st-section .custom-without-transaction-button-btn button:hover {
                cursor: pointer;
                background: #b6b6b6cc
            }

            .settings-container .st-section .custom-without-transaction-button-btn button:disabled {
                opacity: .3;
                background: #b6b6b6
            }

            .settings-container .st-section .custom-without-transaction-button-btn button svg {
                margin-right: .1rem;
                width: .16rem;
                height: .16rem
            }

                .settings-container .st-section .custom-without-transaction-button-btn button svg .st0 {
                    fill: #28db00 !important
                }

.desktopReferralContainer {
    width: 11rem;
    margin: .24rem auto;
    background: #eaeced;
    border-radius: .1rem;
    padding: .2rem .3rem;
    display: flex;
    align-items: center;
    position: relative
}

    .desktopReferralContainer .share-container .highlighted-text {
        background: #99bdfe;
        padding: .2rem;
        border: .01rem dashed;
        margin-right: .2rem;
        color: #fff;
        position: relative;
        white-space: nowrap
    }

    .desktopReferralContainer .share-container .referral-btn {
        margin-left: .1rem;
        padding: .06rem .1rem;
        background: #fefefe;
        color: #000;
        font-weight: 700;
        border-radius: unset;
        font-family: unset
    }

    .desktopReferralContainer .referral-container-icon {
        width: .55rem;
        fill: unset
    }

    .desktopReferralContainer .referral-close-logo {
        position: absolute;
        right: 2%;
        top: 10%;
        font-size: .25rem;
        color: undeniable;
        cursor: pointer
    }

    .desktopReferralContainer .referral-subtitle {
        margin: 0 .1rem;
        font-weight: 700;
        color: undeniable;
        font-size: undefined
    }

        .desktopReferralContainer .referral-subtitle .subtitle {
            color: #0066d0
        }

        .desktopReferralContainer .referral-subtitle p {
            margin-bottom: 0
        }

        .desktopReferralContainer .referral-subtitle span {
            color: #ccc
        }

    .desktopReferralContainer .arrow-up {
        width: 0;
        height: 0;
        border-left: .3rem solid transparent;
        border-right: .3rem solid transparent;
        border-bottom: .3rem solid #fff;
        position: absolute;
        left: 12%;
        bottom: 0%
    }

        .desktopReferralContainer .arrow-up::after {
            content: '';
            width: 1.2rem;
            height: .5rem;
            position: absolute;
            left: -.52rem;
            top: -.3rem
        }

    .desktopReferralContainer .referral-dropdown {
        position: absolute;
        background-color: #fff;
        z-index: 1;
        width: 2rem;
        left: 10%;
        margin-top: .2rem;
        padding: .1rem;
        font-weight: 600;
        height: unset;
        overflow-y: scroll
    }

        .desktopReferralContainer .referral-dropdown .referral-copy {
            cursor: pointer;
            padding: .2rem;
            display: flex;
            border-bottom: .01rem solid #f5f5f5;
            align-items: center;
            color: unset
        }

            .desktopReferralContainer .referral-dropdown .referral-copy .referral-share-link {
                display: flex;
                align-items: center;
                width: 100%;
                text-align: left;
                padding: .05rem .1rem !important
            }

        .desktopReferralContainer .referral-dropdown .referral-share-link {
            padding: .2rem !important;
            border-bottom: .01rem solid #f5f5f5 !important;
            width: 100%;
            text-align: left;
            display: flex;
            align-items: center
        }

            .desktopReferralContainer .referral-dropdown .referral-share-link span {
                color: unset
            }

        .desktopReferralContainer .referral-dropdown .referral-icon {
            margin-right: .05rem;
            width: .24rem;
            height: .24rem
        }

.notification-popup-container {
    width: 90%
}

    .notification-popup-container .standard-popup-modal-header {
        display: grid;
        grid-template-columns: 95% 5%;
        align-items: center;
        justify-content: space-between
    }

        .notification-popup-container .standard-popup-modal-header .standard-modal-close {
            font-size: .3rem
        }

    .notification-popup-container .standard-popup-modal-body {
        padding: .2rem .32rem;
        text-align: center
    }

        .notification-popup-container .standard-popup-modal-body .transaction-button-section {
            margin: .2rem
        }

            .notification-popup-container .standard-popup-modal-body .transaction-button-section .standard-submit-form-button {
                margin: 0 auto;
                min-width: 45%
            }

@media(min-width: 769px) {
    .notification-popup-container {
        width: 45%
    }

        .notification-popup-container .standard-popup-modal-body {
            padding: .2rem .32rem;
            text-align: center
        }
}

.shared-collapsible-styling .collapsibleBtn::after, .settings-container .st-section .st-content.collapsing .collapsibleBtn::after, .settings-container .st-section .st-content.collapsed .collapsibleBtn::after {
    transform: translate(-50%,-50%) rotate(45deg);
    margin-left: -.1em
}

.shared-collapsible-styling .sideNavbar-section, .settings-container .st-section .st-content.collapsing .sideNavbar-section, .settings-container .st-section .st-content.collapsed .sideNavbar-section {
    max-width: .69rem
}

    .shared-collapsible-styling .sideNavbar-section .settings-side-navbar .sidenav-tab-section .sidenav-tab p, .settings-container .st-section .st-content.collapsing .sideNavbar-section .settings-side-navbar .sidenav-tab-section .sidenav-tab p, .settings-container .st-section .st-content.collapsed .sideNavbar-section .settings-side-navbar .sidenav-tab-section .sidenav-tab p {
        opacity: 0
    }

.m-standard-content-container .standard-setting-table-container {
    white-space: nowrap;
    width: 100%;
    overflow-x: scroll;
    border: .015rem solid #dcdcdc;
    margin: .1rem 0 0
}

    .m-standard-content-container .standard-setting-table-container::-webkit-scrollbar {
        width: .05rem
    }

        .m-standard-content-container .standard-setting-table-container::-webkit-scrollbar:horizontal {
            height: .08rem
        }

    .m-standard-content-container .standard-setting-table-container::-webkit-scrollbar-track {
        background: rgba(204,204,204,.3)
    }

    .m-standard-content-container .standard-setting-table-container::-webkit-scrollbar-thumb {
        border-radius: .1rem;
        background: rgba(204,204,204,.5);
        box-shadow: inset 0 0 .06rem rgba(0,0,0,.2)
    }

    .m-standard-content-container .standard-setting-table-container table {
        width: 100%;
        background: WhitE
    }

        .m-standard-content-container .standard-setting-table-container table thead {
            background: #dcdcdc;
            color: #4B91C9;
            font-size: .14rem
        }

            .m-standard-content-container .standard-setting-table-container table thead tr {
                border-bottom: .015rem solid #dcdcdc
            }

                .m-standard-content-container .standard-setting-table-container table thead tr:last-child {
                    bottom: 0
                }

                .m-standard-content-container .standard-setting-table-container table thead tr th {
                    font-size: .24rem;
                    width: 1.5rem;
                    padding: .2rem .25rem;
                    border-right: .02rem #fff;
                    border-style: none solid none none;
                    text-align: center;
                    border-top: none;
                    border-bottom: none;
                    border-left: none;
                    color: #4B91C9
                }

                    .m-standard-content-container .standard-setting-table-container table thead tr th .sorting-column {
                        display: flex
                    }

                        .m-standard-content-container .standard-setting-table-container table thead tr th .sorting-column svg {
                            width: .27rem;
                            height: .27rem;
                            margin: 0 0 0 .1rem;
                            fill: #4B91C9;
                            cursor: pointer
                        }

                .m-standard-content-container .standard-setting-table-container table thead tr.standard-setting-table-header th.standard-setting-table-header-col-span-2 {
                    border-style: none solid solid none
                }

                .m-standard-content-container .standard-setting-table-container table thead tr.standard-setting-table-header th:last-child {
                    border-right: 0
                }

        .m-standard-content-container .standard-setting-table-container table tbody tr {
            border-bottom: .015rem solid #dcdcdc
        }

            .m-standard-content-container .standard-setting-table-container table tbody tr:last-child {
                border-bottom: 0
            }

            .m-standard-content-container .standard-setting-table-container table tbody tr td {
                width: 1.5rem;
                padding: .2rem .25rem;
                font-size: .24rem
            }

                .m-standard-content-container .standard-setting-table-container table tbody tr td button {
                    background: #4B91C9;
                    padding: .1rem;
                    border-radius: .08rem;
                    color: undefined
                }

        .m-standard-content-container .standard-setting-table-container table tbody .emptyHistoryContainer {
            text-align: center
        }

        .m-standard-content-container .standard-setting-table-container table.monthly-win-loss-report-table thead tr th {
            border-bottom: .02rem #fff
        }

        .m-standard-content-container .standard-setting-table-container table.monthly-win-loss-report-table thead tr:first-child {
            border-bottom: none
        }

.settings-main-wallet {
    padding: .3rem;
    backdrop-filter: undefined
}

    .settings-main-wallet .upper-section {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap
    }

        .settings-main-wallet .upper-section .member-feature-container {
            width: 50%
        }

        .settings-main-wallet .upper-section .member-wallet-container {
            width: 49%
        }

            .settings-main-wallet .upper-section .member-wallet-container .wallet-content {
                display: flex
            }

                .settings-main-wallet .upper-section .member-wallet-container .wallet-content .member-wallet {
                    width: 50%
                }

                    .settings-main-wallet .upper-section .member-wallet-container .wallet-content .member-wallet .wallet-balance {
                        margin: 0 0 .05rem;
                        color: #888;
                        font-size: .14rem
                    }

                        .settings-main-wallet .upper-section .member-wallet-container .wallet-content .member-wallet .wallet-balance .currency-label {
                            color: #4b91c9
                        }

                    .settings-main-wallet .upper-section .member-wallet-container .wallet-content .member-wallet .currency-amount {
                        display: flex;
                        align-items: center;
                        font-size: .18rem;
                        font-weight: 700;
                        color: BLACk
                    }

                        .settings-main-wallet .upper-section .member-wallet-container .wallet-content .member-wallet .currency-amount svg {
                            width: .2rem;
                            height: .2rem;
                            margin: 0 0 0 .1rem;
                            background: #28db00;
                            border-radius: .5rem;
                            padding: .02rem;
                            fill: #fff
                        }

                .settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-middle-line {
                    width: .01rem;
                    background: #f6f6f6;
                    height: .35rem;
                    margin: 0 .01rem
                }

                .settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer {
                    width: 50%;
                    padding: 0 0 0 .15rem
                }

                    .settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-label {
                        color: #888;
                        margin-bottom: .1rem;
                        font-size: .14rem;
                        white-space: undefined
                    }

                    .settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control {
                        display: flex;
                        align-items: center;
                        margin: 0 0 0 .05rem
                    }

                        .settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control.wallet-disable .check {
                            background: #ababab !important;
                            box-shadow: 0 0 0 .04rem #ababab !important
                        }

                        .settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control.wallet-disable .seamless-status {
                            color: #ababab !important
                        }

                        .settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control .auto-transfer {
                            position: relative;
                            width: .25rem;
                            height: .1rem;
                            cursor: pointer;
                            margin: 0 0 0 .05rem
                        }

                            .settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control .auto-transfer input {
                                opacity: 0
                            }

                                .settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control .auto-transfer input:checked ~ .check-btn {
                                    left: 60%;
                                    background: url(../images/custom.png);
                                    background-size: cover;
                                    background-repeat: no-repeat
                                }

                            .settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control .auto-transfer .check {
                                position: absolute;
                                top: 0;
                                left: 0;
                                cursor: pointer;
                                width: 100%;
                                height: 100%;
                                background: #28db00;
                                border-radius: .4rem;
                                box-shadow: 0 0 0 .04rem #28db00
                            }

                            .settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control .auto-transfer .check-btn {
                                position: absolute;
                                top: -.06rem;
                                left: -.1rem;
                                width: .21rem;
                                height: .21rem;
                                border-radius: .5rem;
                                background: url(../images/custom.png);
                                background-size: cover;
                                background-repeat: no-repeat;
                                transition: .3s
                            }

                        .settings-main-wallet .upper-section .member-wallet-container .wallet-content .wallet-auto-transfer .seamless-control .seamless-status {
                            color: #28db00;
                            font-size: .14rem;
                            margin: 0 0 0 .2rem
                        }

        .settings-main-wallet .upper-section .user-verification-section {
            display: flex;
            margin: 0 0 .1rem
        }

            .settings-main-wallet .upper-section .user-verification-section .wallet-middle-line {
                margin: 0 .15rem
            }

            .settings-main-wallet .upper-section .user-verification-section .user-verification-container {
                display: flex;
                align-items: center
            }

            .settings-main-wallet .upper-section .user-verification-section .verification-text {
                width: undefined;
                margin: 0 .2rem 0 0
            }

                .settings-main-wallet .upper-section .user-verification-section .verification-text p {
                    margin-bottom: 0;
                    color: #aaa;
                    font-size: .14rem
                }

            .settings-main-wallet .upper-section .user-verification-section .verification-icons {
                display: grid;
                grid-template-columns: repeat(4,1fr);
                grid-gap: .05rem
            }

                .settings-main-wallet .upper-section .user-verification-section .verification-icons .verify-icon {
                    fill: #6c708a;
                    width: .3rem;
                    height: .3rem;
                    background: #3b405b;
                    border-radius: 50%;
                    padding: .05rem
                }

                    .settings-main-wallet .upper-section .user-verification-section .verification-icons .verify-icon:hover {
                        cursor: pointer
                    }

                    .settings-main-wallet .upper-section .user-verification-section .verification-icons .verify-icon.active {
                        background: #28db00;
                        fill: #fff
                    }

        .settings-main-wallet .upper-section .wallet-middle-line {
            width: .01rem;
            background: #f6f6f6;
            height: .35rem;
            margin: 0 .01rem
        }

        .settings-main-wallet .upper-section .restore-wallet {
            display: flex;
            align-items: center;
            margin: .2rem 0 0
        }

            .settings-main-wallet .upper-section .restore-wallet .restore-btn {
                display: flex;
                align-items: center;
                padding: .08rem .1rem;
                background: #ededed;
                border: 0;
                border-radius: .3rem;
                margin: 0 .2rem 0 0;
                color: #000
            }

                .settings-main-wallet .upper-section .restore-wallet .restore-btn:hover {
                    cursor: pointer
                }

                .settings-main-wallet .upper-section .restore-wallet .restore-btn p {
                    margin: 0 .1rem 0 0;
                    white-space: nowrap;
                    font-size: .14rem
                }

                .settings-main-wallet .upper-section .restore-wallet .restore-btn svg {
                    height: .2rem;
                    width: .2rem;
                    fill: #4B91C9
                }

            .settings-main-wallet .upper-section .restore-wallet .history-link {
                display: flex;
                align-items: center
            }

                .settings-main-wallet .upper-section .restore-wallet .history-link p {
                    font-size: .14rem;
                    color: #888;
                    margin: 0 .1rem 0 0
                }

                .settings-main-wallet .upper-section .restore-wallet .history-link svg {
                    height: .12rem;
                    width: .12rem;
                    fill: #888
                }

        .settings-main-wallet .upper-section .deposit-progressbar-container {
            width: calc(100% - 0.3rem);
            padding: .1rem;
            background: #f6f6f6;
            border-radius: .05rem;
            margin: 0 0 0 .3rem
        }

            .settings-main-wallet .upper-section .deposit-progressbar-container:has(#deposit) {
                margin-bottom: .1rem !important
            }

            .settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper {
                display: flex;
                align-items: center
            }

                .settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-progress-container {
                    width: 40%;
                    padding-right: .1rem
                }

                    .settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-progress-container .status-progress {
                        height: .1rem;
                        background: #0000001a;
                        border-radius: .5rem;
                        overflow: hidden
                    }

                    .settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-progress-container .progress-bar {
                        background: #4B91C9;
                        border-radius: .5rem;
                        height: 100%
                    }

                .settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-deposit {
                    width: 60%;
                    font-size: .14rem;
                    text-align: right;
                    color: BLACk
                }

                    .settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-deposit .status-amount .status-total-deposit {
                        color: #4B91C9
                    }

                    .settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-deposit p {
                        margin: 0
                    }

                        .settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-deposit p span {
                            color: #4B91C9
                        }

                            .settings-main-wallet .upper-section .deposit-progressbar-container .status-deposit-warpper .status-deposit p span .totalDeposit {
                                color: undefined
                            }

            .settings-main-wallet .upper-section .deposit-progressbar-container .deposit-detail-container {
                color: #888;
                margin-top: .1rem;
                font-size: .12rem
            }

                .settings-main-wallet .upper-section .deposit-progressbar-container .deposit-detail-container p {
                    margin: 0
                }

                .settings-main-wallet .upper-section .deposit-progressbar-container .deposit-detail-container .deposit-detail p {
                    margin: 0 0 .02rem
                }

        .settings-main-wallet .upper-section .conversion-rate-info-box-container {
            position: relative
        }

            .settings-main-wallet .upper-section .conversion-rate-info-box-container .conversion-rate-info-box {
                display: flex;
                align-items: center;
                cursor: pointer
            }

                .settings-main-wallet .upper-section .conversion-rate-info-box-container .conversion-rate-info-box svg {
                    width: .3rem;
                    height: .3rem;
                    fill: #4B91C9;
                    margin: 0 .05rem 0 0
                }

                .settings-main-wallet .upper-section .conversion-rate-info-box-container .conversion-rate-info-box p {
                    color: #888;
                    margin: 0
                }

            .settings-main-wallet .upper-section .conversion-rate-info-box-container .conversion-rate-info-list-container {
                position: absolute;
                z-index: 999;
                width: 2rem;
                background: #282828;
                padding: .2rem;
                margin: .15rem 0 0
            }

                .settings-main-wallet .upper-section .conversion-rate-info-box-container .conversion-rate-info-list-container p {
                    color: #888;
                    margin: 0 0 .05rem
                }

                .settings-main-wallet .upper-section .conversion-rate-info-box-container .conversion-rate-info-list-container::before {
                    content: '';
                    position: absolute;
                    left: 45%;
                    top: -.12rem;
                    width: 0;
                    height: 0;
                    border-bottom: .13rem solid #282828;
                    border-left: .07rem solid transparent;
                    border-right: .07rem solid transparent
                }

.settings-side-navbar {
    border-radius: .1rem;
    box-shadow: 0 0 .1rem .01rem #d2d2d2;
    background: WhitE
}

    .settings-side-navbar svg {
        height: 1rem
    }

    .settings-side-navbar .sidenav-title {
        display: flex;
        align-items: center;
        padding: .15rem .3rem;
        background: linear-gradient(#4B91C9 25%,#0d122a 140%);
        color: #fff
    }

        .settings-side-navbar .sidenav-title:first-child {
            border-radius: .1rem .1rem 0 0
        }

    .settings-side-navbar .sidenav-tab-section {
        padding: .12rem 0
    }

        .settings-side-navbar .sidenav-tab-section .sidenav-tab {
            display: flex;
            align-items: center;
            padding: .1rem .3rem;
            color: #888
        }

            .settings-side-navbar .sidenav-tab-section .sidenav-tab:hover {
                cursor: pointer
            }

            .settings-side-navbar .sidenav-tab-section .sidenav-tab svg {
                height: .25rem;
                width: .25rem;
                fill: #888;
                filter: grayscale(1)
            }

            .settings-side-navbar .sidenav-tab-section .sidenav-tab p {
                margin: 0 0 0 .2rem;
                font-size: .14rem;
                color: #888
            }

            .settings-side-navbar .sidenav-tab-section .sidenav-tab.tab-selected, .settings-side-navbar .sidenav-tab-section .sidenav-tab:hover {
                color: #4b91c9
            }

                .settings-side-navbar .sidenav-tab-section .sidenav-tab.tab-selected svg, .settings-side-navbar .sidenav-tab-section .sidenav-tab:hover svg {
                    fill: #4b91c9;
                    filter: none
                }

                .settings-side-navbar .sidenav-tab-section .sidenav-tab.tab-selected p, .settings-side-navbar .sidenav-tab-section .sidenav-tab:hover p {
                    color: #4b91c9
                }

            .settings-side-navbar .sidenav-tab-section .sidenav-tab .mission-claimable {
                fill: #888;
                animation: blinkSVG 1.5s linear infinite;
                filter: unset
            }

@keyframes blinkSVG {
    50% {
        fill: #28db00
    }
}

.mobile-wallet-container {
    background: #f6f6f6;
    border-radius: 0 0 .05rem .05rem;
    backdrop-filter: undefined
}

    .mobile-wallet-container .wallet-control {
        padding: .2rem .3rem 0;
        position: relative;
        margin: undefined
    }

        .mobile-wallet-container .wallet-control .upper-section {
            display: flex;
            justify-content: space-between
        }

            .mobile-wallet-container .wallet-control .upper-section .member-wallet {
                width: 45%
            }

                .mobile-wallet-container .wallet-control .upper-section .member-wallet .wallet-balance {
                    margin-bottom: .1rem;
                    color: #888;
                    font-size: .22rem;
                    width: 2.5rem
                }

                    .mobile-wallet-container .wallet-control .upper-section .member-wallet .wallet-balance .txt-wallet {
                        color: inherit;
                        display: undefined
                    }

                    .mobile-wallet-container .wallet-control .upper-section .member-wallet .wallet-balance span {
                        color: #4b91c9
                    }

                .mobile-wallet-container .wallet-control .upper-section .member-wallet .currency-amount {
                    display: flex;
                    align-items: center;
                    font-size: .32rem;
                    color: BLACk
                }

                    .mobile-wallet-container .wallet-control .upper-section .member-wallet .currency-amount svg {
                        width: .35rem;
                        height: .35rem;
                        margin: 0 0 0 .1rem;
                        padding: undefined;
                        fill: #888;
                        background-color: undefined;
                        border-radius: undefined
                    }

            .mobile-wallet-container .wallet-control .upper-section .center-line {
                position: absolute;
                border-left: .01rem solid #e6e6e6;
                height: .45rem;
                left: 42%
            }

            .mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer {
                width: 55%;
                font-size: .22rem
            }

                .mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-label {
                    color: #888;
                    margin-bottom: .1rem;
                    font-size: .22rem
                }

                .mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control {
                    display: flex;
                    align-items: center;
                    margin-top: .12rem
                }

                    .mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control.wallet-disable .check {
                        background: #ababab !important;
                        box-shadow: 0 0 0 .04rem #ababab !important
                    }

                    .mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control.wallet-disable .seamless-status {
                        color: #ababab !important
                    }

                    .mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control .auto-transfer {
                        position: relative;
                        width: .6rem;
                        height: .25rem;
                        cursor: pointer
                    }

                        .mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control .auto-transfer input {
                            opacity: 0
                        }

                            .mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control .auto-transfer input:checked ~ .check-btn {
                                left: 50%;
                                background: url(../images/custom.png);
                                background-size: cover;
                                background-repeat: no-repeat
                            }

                        .mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control .auto-transfer .check {
                            position: absolute;
                            top: 0;
                            left: 0;
                            cursor: pointer;
                            width: 100%;
                            height: .25rem;
                            background: #28db00;
                            border-radius: .4rem;
                            box-shadow: 0 0 0 .04rem #28db00
                        }

                        .mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control .auto-transfer .check-btn {
                            position: absolute;
                            top: -.08rem;
                            left: -.08rem;
                            width: .4rem;
                            height: .4rem;
                            border-radius: .5rem;
                            background: url(../images/custom.png);
                            background-size: cover;
                            background-repeat: no-repeat;
                            transition: .3s
                        }

                    .mobile-wallet-container .wallet-control .upper-section .wallet-auto-transfer .seamless-control .seamless-status {
                        color: #28db00;
                        font-size: .24rem;
                        margin: 0 0 0 .3rem
                    }

        .mobile-wallet-container .wallet-control .bottom-section {
            display: flex;
            align-items: center;
            padding: .2rem 0
        }

            .mobile-wallet-container .wallet-control .bottom-section .restore-history-wrapper {
                display: flex
            }

            .mobile-wallet-container .wallet-control .bottom-section .restore-btn {
                display: flex;
                align-items: center;
                padding: .1rem .2rem;
                background: #fff;
                border: 0;
                border-radius: .5rem;
                margin: 0 .2rem 0 0;
                color: #000;
                box-shadow: undefined
            }

                .mobile-wallet-container .wallet-control .bottom-section .restore-btn p {
                    margin: 0 .2rem 0 0;
                    white-space: nowrap;
                    font-size: .22rem
                }

                .mobile-wallet-container .wallet-control .bottom-section .restore-btn svg {
                    height: .3rem;
                    width: .3rem;
                    fill: #4B91C9;
                    margin: 0
                }

            .mobile-wallet-container .wallet-control .bottom-section .history-link {
                display: flex;
                align-items: center
            }

                .mobile-wallet-container .wallet-control .bottom-section .history-link p {
                    font-size: .21rem;
                    color: #888;
                    margin: 0 .2rem 0 0
                }

                .mobile-wallet-container .wallet-control .bottom-section .history-link svg {
                    height: .2rem;
                    width: .2rem;
                    fill: #888;
                    margin: 0
                }

        .mobile-wallet-container .wallet-control .mobile-wallet-short-cut-container {
            position: absolute;
            bottom: 0;
            right: .3rem;
            width: .6rem;
            height: .5rem;
            background: #4B91C9;
            border-radius: .1rem .1rem 0 0;
            fill: #fff;
            display: grid;
            align-items: center;
            justify-items: center
        }

            .mobile-wallet-container .wallet-control .mobile-wallet-short-cut-container svg {
                height: auto !important;
                width: .25rem !important;
                margin: 0
            }

            .mobile-wallet-container .wallet-control .mobile-wallet-short-cut-container.revert {
                background: #b8b8b8
            }

                .mobile-wallet-container .wallet-control .mobile-wallet-short-cut-container.revert svg {
                    transform: rotate(180deg)
                }

    .mobile-wallet-container .wallet-break-line {
        height: .02rem;
        background: #d7d7d7d7;
        margin: 0 .3rem
    }

    .mobile-wallet-container .wallet-shortcut {
        display: flex;
        margin: .2rem 0 0;
        padding: 0 .15rem .3rem
    }

        .mobile-wallet-container .wallet-shortcut .shortcut-item {
            display: flex;
            flex-direction: column;
            width: 20%;
            align-items: center;
            position: relative;
            color: BLACk
        }

            .mobile-wallet-container .wallet-shortcut .shortcut-item svg {
                fill: BLACk
            }

                .mobile-wallet-container .wallet-shortcut .shortcut-item svg.mission-claimable {
                    animation: blinkSVG 1.5s linear infinite
                }

            .mobile-wallet-container .wallet-shortcut .shortcut-item img {
                width: 80%
            }

            .mobile-wallet-container .wallet-shortcut .shortcut-item .unread-msg {
                top: 0;
                right: .25rem;
                background: REd;
                border-radius: 50%;
                width: .3rem;
                height: .3rem;
                color: #fff;
                font-size: .16rem;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute
            }

    .mobile-wallet-container.compactMode .wallet-control {
        background: #f6f6f6;
        border-radius: .2rem
    }

    .mobile-wallet-container.compactMode .upper-section .member-wallet {
        width: 100%;
        display: flex;
        align-items: center
    }

        .mobile-wallet-container.compactMode .upper-section .member-wallet .wallet-balance {
            width: auto;
            font-size: .24rem;
            margin: 0 .05rem 0 0
        }

        .mobile-wallet-container.compactMode .upper-section .member-wallet .currency-amount {
            font-size: .24rem;
            color: #252525;
            margin: undefined
        }

            .mobile-wallet-container.compactMode .upper-section .member-wallet .currency-amount svg {
                margin: 0;
                padding: .03rem;
                background-color: #b8b8b8;
                border-radius: 50%;
                fill: #fff
            }

    .mobile-wallet-container.compactMode .upper-section .wallet-auto-transfer {
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: end
    }

        .mobile-wallet-container.compactMode .upper-section .wallet-auto-transfer .seamless-label {
            white-space: nowrap
        }

    .mobile-wallet-container.compactMode .bottom-section .restore-history-wrapper {
        align-self: start;
        margin-right: .2rem
    }

        .mobile-wallet-container.compactMode .bottom-section .restore-history-wrapper .restore-btn {
            margin: 0 0 .1rem;
            box-shadow: .03rem .03rem .1rem #02a9dc
        }

    .mobile-wallet-container.compactMode .bottom-section .shortcut-wrapper {
        width: 100%
    }

        .mobile-wallet-container.compactMode .bottom-section .shortcut-wrapper .wallet-shortcut {
            justify-content: space-between;
            padding-bottom: 0;
            margin: undefined
        }

            .mobile-wallet-container.compactMode .bottom-section .shortcut-wrapper .wallet-shortcut .shortcut-item {
                color: #252525
            }

                .mobile-wallet-container.compactMode .bottom-section .shortcut-wrapper .wallet-shortcut .shortcut-item svg {
                    fill: #252525;
                    width: undefined;
                    height: undefined;
                    margin: undefined
                }

                .mobile-wallet-container.compactMode .bottom-section .shortcut-wrapper .wallet-shortcut .shortcut-item p {
                    white-space: nowrap;
                    font-size: undefined
                }

    .mobile-wallet-container.compactMode .bottom-section .restore-history-wrapper:not(:last-child) {
        flex-direction: column;
        align-items: center
    }

    .mobile-wallet-container.compactMode .bottom-section .wallet-break-line {
        margin: 0
    }

.standard-transaction-container {
    padding: .3rem .1rem
}

    .standard-transaction-container .transaction-form .bank-select-deposit-container {
        justify-content: space-between;
        margin: undefined
    }

        .standard-transaction-container .transaction-form .bank-select-deposit-container .bank-select-deposit {
            width: 100%;
            margin-bottom: 0
        }

            .standard-transaction-container .transaction-form .bank-select-deposit-container .bank-select-deposit.hide-add-bank {
                width: 100%
            }

        .standard-transaction-container .transaction-form .bank-select-deposit-container .bank-add-deposit-btn {
            width: 10%;
            min-width: 10%;
            height: .38rem;
            padding: .05rem .1rem;
            margin: unset
        }

    .standard-transaction-container .transaction-form .upload-recepit-btn-container {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

        .standard-transaction-container .transaction-form .upload-recepit-btn-container .receipt-image-box img {
            width: 100%
        }

        .standard-transaction-container .transaction-form .upload-recepit-btn-container .receipt-image-box .pdf-clear {
            margin-left: .1rem;
            width: .12rem
        }

        .standard-transaction-container .transaction-form .upload-recepit-btn-container .upload-receipt-btn {
            border-radius: .4rem;
            padding: .05rem;
            background: #28db00;
            height: .4rem;
            text-transform: capitalize
        }

    .standard-transaction-container .transaction-form .standard-amount-btn-container {
        width: 100%;
        margin-top: .1rem;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-gap: .05rem
    }

        .standard-transaction-container .transaction-form .standard-amount-btn-container button {
            color: #888;
            padding: .1rem .15rem;
            width: 100%;
            border-radius: .05rem;
            background: #ededed;
            border: .01rem #dcdcdc;
            border-style: none
        }

        .standard-transaction-container .transaction-form .standard-amount-btn-container .amount-btn-selected {
            background: #ffffff33;
            color: BLACk;
            border: .04rem solid #28db00
        }

    .standard-transaction-container .transaction-form .bank-account-container .bank-account-info .standard-input {
        padding: .05rem .35rem .05rem .1rem
    }

.standard-form-field-last {
    margin-bottom: 0
}

.notice-label {
    color: REd
}

.transaction-instruction-container {
    width: 100%;
    padding: 0 .35rem .35rem;
    position: udnefined;
    top: undefined;
    right: undefined;
    grid-area: instruction
}

    .transaction-instruction-container .instruction-title {
        font-weight: 700
    }

    .transaction-instruction-container .instruction-step {
        margin-top: .15rem;
        list-style: auto
    }

.m-transaction-form {
    width: 100%;
    background: #f6f6f6;
    backdrop-filter: blur(0.02rem);
    border-radius: .1rem;
    padding: .25rem .3rem;
    margin-bottom: 1.3rem;
    backdrop-filter: undefined;
    margin: 0 .06rem 1.3rem
}

    .m-transaction-form svg {
        width: .4rem;
        height: .4rem
    }

    .m-transaction-form .receipt-container {
        margin: .3rem 0 .2rem
    }

        .m-transaction-form .receipt-container .upload-receipt-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%
        }

            .m-transaction-form .receipt-container .upload-receipt-container .upload-receipt-input {
                width: 55%
            }

                .m-transaction-form .receipt-container .upload-receipt-container .upload-receipt-input img {
                    width: 100%
                }

                .m-transaction-form .receipt-container .upload-receipt-container .upload-receipt-input .pdf-clear {
                    margin-left: .2rem;
                    width: .33rem
                }

            .m-transaction-form .receipt-container .upload-receipt-container .upload-receipt-btn {
                border-radius: .5rem;
                padding: .05rem .1rem;
                background: #28db00;
                font-size: .25rem;
                width: 40%;
                height: .8rem;
                white-space: nowrap
            }

    .m-transaction-form .bank-select-deposit-container {
        justify-content: space-between
    }

        .m-transaction-form .bank-select-deposit-container .bank-select-deposit {
            width: 100%;
            margin-bottom: 0
        }

            .m-transaction-form .bank-select-deposit-container .bank-select-deposit.hide-add-bank {
                width: 100%
            }

        .m-transaction-form .bank-select-deposit-container .bank-add-deposit-btn {
            width: 15%;
            height: .8rem;
            padding: .05rem .1rem;
            min-width: 15%;
            border-radius: .1rem;
            margin: unset
        }

    .m-transaction-form .standard-amount-btn-container {
        width: 100%;
        margin: .15rem 0 0;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-gap: .12rem
    }

        .m-transaction-form .standard-amount-btn-container button {
            padding: .21rem .15rem;
            width: 100%;
            border-radius: .05rem;
            color: #888;
            background: #ededed;
            border: .01rem #dcdcdc;
            border-style: none;
            font-size: undefined
        }

        .m-transaction-form .standard-amount-btn-container .amount-btn-selected {
            background: #ffffff33;
            color: BLACk;
            border: .02rem solid #28db00
        }

.method-container, .option-container {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(3,1fr);
    width: 100%;
    grid-gap: 0 .07rem;
    margin: 0 0 .18rem
}

    .method-container .standard-form-field, .option-container .standard-form-field {
        margin: 0
    }

    .method-container.bank-container, .option-container.bank-container {
        grid-template-columns: repeat(3,3fr)
    }

        .method-container.bank-container img, .option-container.bank-container img {
            background: #fff;
            border-radius: .05rem
        }

    .method-container input, .option-container input {
        display: none
    }

    .method-container .standard-radio-container, .option-container .standard-radio-container {
        flex-wrap: inherit;
        justify-content: center
    }

        .method-container .standard-radio-container .standard-radio-content, .option-container .standard-radio-container .standard-radio-content {
            background: #ededed;
            margin: 0 auto .08rem;
            border-radius: .05rem;
            cursor: pointer;
            flex-direction: row;
            width: 100%;
            height: .6rem;
            position: relative;
            border: .01rem solid #dcdcdc;
            word-break: break-word;
            color: #888;
            font-size: .1rem;
        }

            .method-container .standard-radio-container .standard-radio-content.bank-content, .option-container .standard-radio-container .standard-radio-content.bank-content {
                flex-direction: inherit
            }

                .method-container .standard-radio-container .standard-radio-content.bank-content span, .option-container .standard-radio-container .standard-radio-content.bank-content span {
                    width: .6rem;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    word-break: break-word;
                    font-size: .1rem;
                    padding: 0 0 0 .05rem
                }

                    .method-container .standard-radio-container .standard-radio-content.bank-content span.standard-tooltip-box, .option-container .standard-radio-container .standard-radio-content.bank-content span.standard-tooltip-box {
                        display: none;
                        width: auto;
                        padding: .1rem .2rem;
                        font-size: .1rem
                    }

                .method-container .standard-radio-container .standard-radio-content.bank-content.selected span, .option-container .standard-radio-container .standard-radio-content.bank-content.selected span {
                    width: .6rem;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    word-break: break-word;
                    font-size: .11rem;
                    padding: 0 0 0 .05rem
                }

                    .method-container .standard-radio-container .standard-radio-content.bank-content.selected span.standard-tooltip-box, .option-container .standard-radio-container .standard-radio-content.bank-content.selected span.standard-tooltip-box {
                        display: none;
                        width: auto;
                        padding: .1rem .2rem;
                        font-size: .1rem
                    }

                .method-container .standard-radio-container .standard-radio-content.bank-content.selected.online::before, .option-container .standard-radio-container .standard-radio-content.bank-content.selected.online::before {
                    top: 10%
                }

                .method-container .standard-radio-container .standard-radio-content.bank-content.selected.offline::before, .option-container .standard-radio-container .standard-radio-content.bank-content.selected.offline::before {
                    top: 10%
                }

                .method-container .standard-radio-container .standard-radio-content.bank-content.online::before, .option-container .standard-radio-container .standard-radio-content.bank-content.online::before {
                    position: absolute;
                    content: '';
                    background: #30e100;
                    border-radius: 50%;
                    width: .06rem;
                    height: .06rem;
                    top: 15%;
                    left: .39rem;
                    z-index: 1
                }

                .method-container .standard-radio-container .standard-radio-content.bank-content.offline::before, .option-container .standard-radio-container .standard-radio-content.bank-content.offline::before {
                    position: absolute;
                    content: '';
                    background: red;
                    border-radius: 50%;
                    width: .06rem;
                    height: .06rem;
                    top: 15%;
                    left: .39rem;
                    z-index: 1
                }

            .method-container .standard-radio-container .standard-radio-content .qrcode-img, .option-container .standard-radio-container .standard-radio-content .qrcode-img {
                margin: 0 .05rem
            }

            .method-container .standard-radio-container .standard-radio-content.selected, .option-container .standard-radio-container .standard-radio-content.selected {
                position: relative;
                border: .03rem solid #28db00;
                border-radius: .05rem;
                background: #fff;
                color: #131313
            }

                .method-container .standard-radio-container .standard-radio-content.selected svg .st0, .option-container .standard-radio-container .standard-radio-content.selected svg .st0 {
                    fill: #28db00
                }

            .method-container .standard-radio-container .standard-radio-content img, .option-container .standard-radio-container .standard-radio-content img {
                margin: 0 .05rem;
                width: .38rem;
                max-width: 100%;
                border-radius: .05rem;
            }

            .method-container .standard-radio-container .standard-radio-content svg, .option-container .standard-radio-container .standard-radio-content svg {
                width: .18rem;
                height: .18rem;
                position: absolute;
                right: -.03rem;
                bottom: -.02rem
            }

            .method-container .standard-radio-container .standard-radio-content .standard-tooltip-box, .option-container .standard-radio-container .standard-radio-content .standard-tooltip-box {
                display: none;
                background: #181818cc;
                position: absolute;
                bottom: -.15rem;
                right: -.5rem;
                border-radius: .05rem
            }

        .method-container .standard-radio-container .qrcode-name, .option-container .standard-radio-container .qrcode-name {
            text-align: center;
            padding: 0 .01rem 0 0
        }

.deposit-channnel-contaniner {
    margin-top: .14rem;
    margin-bottom: .14rem
}

    .deposit-channnel-contaniner .bank-account-container {
        width: 100%;
        display: flex;
        justify-content: space-between;
        width: 100%
    }

        .deposit-channnel-contaniner .bank-account-container .standard-radio-container {
            align-items: flex-start;
            width: 25%;
            flex-direction: column
        }

            .deposit-channnel-contaniner .bank-account-container .standard-radio-container img {
                height: .6rem;
                width: .6rem;
                margin: 0
            }

        .deposit-channnel-contaniner .bank-account-container .bank-acc-name-container .bank-acc-name {
            padding: .2rem 0 .1rem
        }

.bank-active .bank-active-img-container {
    position: relative;
    background: #fff
}

    .bank-active .bank-active-img-container img {
        border: .04rem solid #28db00;
        border-radius: .05rem
    }

    .bank-active .bank-active-img-container svg {
        width: .18rem;
        height: .18rem;
        position: absolute;
        right: 0;
        bottom: 0
    }

        .bank-active .bank-active-img-container svg .st0 {
            fill: #28db00
        }

.m-notice-label {
    color: REd
}

.deposit-landing-mobile-wallet {
    margin: .2rem
}

.m-standard-transaction-container {
    margin-bottom: 1.8rem;
    padding: .2rem
}

    .m-standard-transaction-container .m-transaction-form {
        margin: 0
    }

        .m-standard-transaction-container .m-transaction-form .standard-label {
            margin: 0 .06rem .15rem
        }

.grid-content-container {
    margin: -.05rem 0 0
}

    .grid-content-container .m-standard-transaction-container {
        padding: 0 .2rem .2rem
    }

        .grid-content-container .m-standard-transaction-container .m-transaction-form {
            border-radius: 0 0 .1rem .1rem
        }

@media(max-width: 768px) {
    .transaction-instruction-container {
        width: 100% !important
    }

    .deposit-tab-container {
        background-color: unset
    }

        .deposit-tab-container .recommend-icon {
            position: absolute;
            top: 0;
            width: 1.2rem
        }

        .deposit-tab-container .real-time-icon {
            position: absolute;
            bottom: .1rem;
            width: 1.2rem
        }

    .method-container, .option-container {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        flex-wrap: wrap;
        grid-gap: .1rem
    }

        .method-container.bank-container, .option-container.bank-container {
            grid-template-columns: repeat(3,3fr);
            grid-gap: .1rem
        }

        .method-container .standard-radio-container, .option-container .standard-radio-container {
            padding: 0
        }

            .method-container .standard-radio-container .standard-radio-content, .option-container .standard-radio-container .standard-radio-content {
                margin-left: 0;
                width: 2.15rem;
                height: 1rem;
                color: #888
            }

                .method-container .standard-radio-container .standard-radio-content img, .option-container .standard-radio-container .standard-radio-content img {
                    width: .8rem;
                    background: unset;
                    border-radius: .1rem;
                    padding: .05rem;
                    margin-right: 0
                }

                .method-container .standard-radio-container .standard-radio-content svg, .option-container .standard-radio-container .standard-radio-content svg {
                    position: absolute;
                    right: -.03rem;
                    bottom: -.03rem;
                    width: .3rem;
                    height: .3rem
                }

                    .method-container .standard-radio-container .standard-radio-content svg .st0, .option-container .standard-radio-container .standard-radio-content svg .st0 {
                        fill: #28db00 !important
                    }

                .method-container .standard-radio-container .standard-radio-content.bank-selected, .option-container .standard-radio-container .standard-radio-content.bank-selected {
                    position: relative;
                    border: .04rem solid #28db00
                }

                    .method-container .standard-radio-container .standard-radio-content.bank-selected img, .option-container .standard-radio-container .standard-radio-content.bank-selected img {
                        width: 1rem;
                        height: 1rem;
                        background: unset;
                        border-radius: .1rem;
                        padding: .05rem;
                        border: unset
                    }

                .method-container .standard-radio-container .standard-radio-content.bank-content, .option-container .standard-radio-container .standard-radio-content.bank-content {
                    flex-direction: inherit;
                    margin: 0
                }

                    .method-container .standard-radio-container .standard-radio-content.bank-content img, .option-container .standard-radio-container .standard-radio-content.bank-content img {
                        width: .8rem;
                        height: .8rem;
                        background: #fff;
                        border-radius: .1rem
                    }

                    .method-container .standard-radio-container .standard-radio-content.bank-content.online::before, .option-container .standard-radio-container .standard-radio-content.bank-content.online::before {
                        position: absolute;
                        content: '';
                        background: #30e100;
                        border-radius: 50%;
                        width: .08rem;
                        height: .08rem;
                        top: 8%;
                        left: .78rem;
                        z-index: 1
                    }

                    .method-container .standard-radio-container .standard-radio-content.bank-content.offline::before, .option-container .standard-radio-container .standard-radio-content.bank-content.offline::before {
                        position: absolute;
                        content: '';
                        background: red;
                        border-radius: 50%;
                        width: .08rem;
                        height: .08rem;
                        top: 8%;
                        left: .78rem;
                        z-index: 1
                    }

                    .method-container .standard-radio-container .standard-radio-content.bank-content span, .option-container .standard-radio-container .standard-radio-content.bank-content span {
                        width: 1rem;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        word-break: break-word;
                        font-size: .2rem
                    }

                    .method-container .standard-radio-container .standard-radio-content.bank-content.bank-selected, .option-container .standard-radio-container .standard-radio-content.bank-content.bank-selected {
                        position: relative;
                        border: .05rem solid #28db00;
                        color: #000;
                        background: #f6f6f6
                    }

                        .method-container .standard-radio-container .standard-radio-content.bank-content.bank-selected img, .option-container .standard-radio-container .standard-radio-content.bank-content.bank-selected img {
                            border: .01rem solid #dcdcdc
                        }

                        .method-container .standard-radio-container .standard-radio-content.bank-content.bank-selected span, .option-container .standard-radio-container .standard-radio-content.bank-content.bank-selected span {
                            width: 1rem;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                            word-break: break-word;
                            font-size: .24rem
                        }

                        .method-container .standard-radio-container .standard-radio-content.bank-content.bank-selected.online::before, .option-container .standard-radio-container .standard-radio-content.bank-content.bank-selected.online::before {
                            top: 6%;
                            left: .8rem
                        }

                        .method-container .standard-radio-container .standard-radio-content.bank-content.bank-selected.offline::before, .option-container .standard-radio-container .standard-radio-content.bank-content.bank-selected.offline::before {
                            top: 6%;
                            left: .8rem
                        }

                .method-container .standard-radio-container .standard-radio-content span, .option-container .standard-radio-container .standard-radio-content span {
                    padding: 0 .08rem;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    word-break: break-word;
                    font-size: .2rem
                }

    .bank-account-container {
        margin-bottom: .2rem;
        width: 100%
    }

        .bank-account-container .standard-radio {
            display: none
        }

        .bank-account-container .acc-name {
            padding: .2rem 0 .2rem .15rem;
            font-size: .26rem;
            color: BLACk
        }

        .bank-account-container .standard-radio-container {
            align-items: flex-start;
            display: flex
        }

            .bank-account-container .standard-radio-container img {
                width: .8rem;
                background: #fff;
                padding: .05rem;
                border-radius: .1rem
            }

            .bank-account-container .standard-radio-container .standard-radio-content {
                margin: 0
            }

        .bank-account-container .bank-account-info {
            width: 100%
        }

            .bank-account-container .bank-account-info .standard-form-field {
                margin-bottom: .1rem
            }

        .bank-account-container .bank-active .standard-radio-content {
            position: relative
        }

            .bank-account-container .bank-active .standard-radio-content img {
                background: #fff;
                padding: .05rem;
                border-radius: .1rem;
                border: .06rem solid #28db00;
                width: .8rem
            }

            .bank-account-container .bank-active .standard-radio-content svg {
                position: absolute;
                right: .08rem;
                bottom: -.03rem;
                width: .25rem;
                height: .25rem
            }

                .bank-account-container .bank-active .standard-radio-content svg .st0 {
                    fill: #28db00
                }
}

.transaction-bar {
    border-top: .06rem solid #dcdcdc;
    width: 100vw;
    margin: .35rem 0;
    margin-left: -.2rem
}

.bank-apps-container {
    display: flex;
    position: relative
}

    .bank-apps-container .bankapps-form {
        padding: 0 .15rem
    }

        .bank-apps-container .bankapps-form .bank-account-container {
            width: 100%;
            display: flex
        }

            .bank-apps-container .bankapps-form .bank-account-container .bank-account-info {
                width: 75%;
                display: flex;
                flex-direction: column
            }

                .bank-apps-container .bankapps-form .bank-account-container .bank-account-info .bank-acc-name {
                    padding: .2rem 0 .1rem
                }

            .bank-apps-container .bankapps-form .bank-account-container .standard-radio-container {
                width: 25%;
                align-items: flex-start
            }

                .bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .standard-radio-content {
                    margin-left: 0
                }

                .bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .standard-radio {
                    display: none
                }

                .bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .bank-img {
                    margin-left: 0;
                    background: #e9e9e9;
                    border-radius: .05rem;
                    padding: .01rem
                }

                    .bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .bank-img img {
                        height: .6rem;
                        width: .6rem;
                        margin-right: 0
                    }

                .bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .bank-active .bank-active-img-container {
                    position: relative;
                    background: #fff
                }

                    .bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .bank-active .bank-active-img-container img {
                        border: .04rem solid #28db00;
                        border-radius: .05rem
                    }

                    .bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .bank-active .bank-active-img-container svg {
                        width: .18rem;
                        height: .18rem;
                        position: absolute;
                        right: 0;
                        bottom: 0
                    }

                        .bank-apps-container .bankapps-form .bank-account-container .standard-radio-container .bank-active .bank-active-img-container svg .st0 {
                            fill: #28db00 !important
                        }

.m-bank-apps-container .m-transaction-form .bank-account-container {
    margin-bottom: .2rem;
    width: 100%
}

    .m-bank-apps-container .m-transaction-form .bank-account-container .standard-radio {
        display: none
    }

    .m-bank-apps-container .m-transaction-form .bank-account-container .acc-name {
        padding: .2rem 0 .2rem .15rem;
        font-size: .26rem
    }

    .m-bank-apps-container .m-transaction-form .bank-account-container .standard-radio-container {
        align-items: flex-start;
        display: flex
    }

        .m-bank-apps-container .m-transaction-form .bank-account-container .standard-radio-container img {
            width: 1rem;
            background: #d7d7d7;
            padding: .02rem;
            border-radius: .1rem
        }

        .m-bank-apps-container .m-transaction-form .bank-account-container .standard-radio-container .standard-radio-content {
            width: 20%
        }

    .m-bank-apps-container .m-transaction-form .bank-account-container .bank-account-info {
        width: 80%
    }

    .m-bank-apps-container .m-transaction-form .bank-account-container .bank-active .standard-radio-content {
        position: relative
    }

        .m-bank-apps-container .m-transaction-form .bank-account-container .bank-active .standard-radio-content img {
            background: #fff;
            padding: .02rem;
            border-radius: .1rem;
            border: .02rem solid #4caf50;
            width: 1rem
        }

        .m-bank-apps-container .m-transaction-form .bank-account-container .bank-active .standard-radio-content svg {
            width: .3rem;
            height: .3rem;
            position: absolute;
            right: .2rem;
            bottom: -.05rem
        }

.bankqr-container {
    position: relative;
    display: flex
}

.m-bankqr-container {
    position: relative;
    padding: undefined
}

.bank-transfer-container {
    display: flex;
    position: relative
}

    .bank-transfer-container .transaction-form {
        width: 45%;
        padding: 0 .15rem;
        height: 100%;
        min-height: 0
    }

        .bank-transfer-container .transaction-form .banks-select {
            width: 100%
        }

            .bank-transfer-container .transaction-form .banks-select .standard-form-field {
                flex-direction: column
            }

            .bank-transfer-container .transaction-form .banks-select .bank-account-container {
                display: flex;
                justify-content: space-between;
                width: 100%
            }

                .bank-transfer-container .transaction-form .banks-select .bank-account-container .standard-radio-container {
                    align-items: flex-start;
                    width: 25%
                }

                    .bank-transfer-container .transaction-form .banks-select .bank-account-container .standard-radio-container .standard-radio {
                        display: none
                    }

                    .bank-transfer-container .transaction-form .banks-select .bank-account-container .standard-radio-container .standard-radio-content {
                        margin-left: 0;
                        background: #ededed;
                        border-radius: .05rem;
                        padding: .01rem
                    }

                        .bank-transfer-container .transaction-form .banks-select .bank-account-container .standard-radio-container .standard-radio-content img {
                            height: .6rem;
                            width: .6rem;
                            margin-right: 0
                        }

                    .bank-transfer-container .transaction-form .banks-select .bank-account-container .standard-radio-container .bank-active .bank-active-img-container {
                        position: relative;
                        background: #fff
                    }

                        .bank-transfer-container .transaction-form .banks-select .bank-account-container .standard-radio-container .bank-active .bank-active-img-container img {
                            border: .04rem solid #28db00;
                            border-radius: .05rem
                        }

                        .bank-transfer-container .transaction-form .banks-select .bank-account-container .standard-radio-container .bank-active .bank-active-img-container svg {
                            width: .18rem;
                            height: .18rem;
                            position: absolute;
                            right: 0;
                            bottom: 0
                        }

                .bank-transfer-container .transaction-form .banks-select .bank-account-container .bank-account-info {
                    width: 75%;
                    display: flex;
                    flex-direction: column
                }

                    .bank-transfer-container .transaction-form .banks-select .bank-account-container .bank-account-info .bank-acc-name {
                        padding: .2rem 0 .1rem
                    }

                    .bank-transfer-container .transaction-form .banks-select .bank-account-container .bank-account-info .bank-transfer-input-label {
                        font-size: .14rem;
                        padding: 0 0 0 .06rem;
                        margin: 0 0 .05rem
                    }

        .bank-transfer-container .transaction-form .reminded-note {
            color: red;
            font-size: .14rem;
            margin: .12rem 0 0
        }

.m-bank-transfer-container .m-transaction-form .bank-transer-form-container {
    width: 100%
}

    .m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container {
        margin-bottom: .2rem;
        width: 100%
    }

        .m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .standard-radio {
            display: none
        }

        .m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .acc-name {
            padding: .2rem 0 .2rem .15rem;
            font-size: .26rem;
            color: undefiend
        }

        .m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .bank-transfer-input-label {
            font-size: .24rem;
            margin: 0 0 .05rem
        }

        .m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .standard-radio-container {
            align-items: flex-start;
            display: flex
        }

            .m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .standard-radio-container img {
                width: .8rem;
                background: #ededed;
                padding: .05rem;
                border-radius: .1rem
            }

            .m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .standard-radio-container .standard-radio-content {
                margin: 0
            }

        .m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .bank-account-info {
            width: 100%
        }

            .m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .bank-account-info .standard-form-field {
                margin-bottom: .1rem
            }

        .m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .bank-active .standard-radio-content {
            position: relative
        }

            .m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .bank-active .standard-radio-content img {
                background: #fff;
                padding: .05rem;
                border-radius: .1rem;
                border: .06rem solid #28db00;
                width: .8rem
            }

            .m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .bank-active .standard-radio-content svg {
                position: absolute;
                right: .08rem;
                bottom: -.03rem;
                width: .3rem;
                height: .3rem
            }

                .m-bank-transfer-container .m-transaction-form .bank-transer-form-container .bank-account-container .bank-active .standard-radio-content svg .st0 {
                    fill: #28db00 !important
                }

.m-bank-transfer-container .m-transaction-form .reminded-note {
    color: red;
    font-size: .32rem;
    margin: .12rem 0 0
}

.card-payment-container {
    position: relative;
    display: flex
}

.crypto-container {
    display: flex;
    position: relative
}

    .crypto-container .deposit-form .qr-container {
        justify-content: space-between;
        padding: .16rem .1rem .02rem;
        background: #dcdcdc;
        border-radius: .05rem;
        margin: 0 0 .14rem
    }

        .crypto-container .deposit-form .qr-container .qr-box {
            width: 40%
        }

            .crypto-container .deposit-form .qr-container .qr-box .qr-canvas {
                width: 100% !important;
                height: 100% !important
            }

            .crypto-container .deposit-form .qr-container .qr-box button {
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                white-space: nowrap;
                background: #28db00;
                width: 100%;
                height: .4rem;
                padding: .1rem
            }

                .crypto-container .deposit-form .qr-container .qr-box button svg {
                    width: .25rem;
                    height: .25rem;
                    padding: .05rem;
                    fill: #fff
                }

        .crypto-container .deposit-form .qr-container .qr-info {
            width: 56%;
            margin-top: .2rem;
            color: BLACk
        }

            .crypto-container .deposit-form .qr-container .qr-info p {
                margin-bottom: .05rem
            }

    .crypto-container .deposit-form .textbox-share-container {
        color: #b8b8b8;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: undefined
    }

        .crypto-container .deposit-form .textbox-share-container span {
            width: 88%;
            padding: .1rem;
            line-height: 1.5;
            border-radius: .05rem;
            background: #cbcbcb;
            color: #000;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: pointer
        }

        .crypto-container .deposit-form .textbox-share-container .textshare {
            background: #28db00;
            border-radius: .05rem;
            color: #fff;
            width: 10%;
            padding: .1rem 0
        }

            .crypto-container .deposit-form .textbox-share-container .textshare svg {
                fill: #fff;
                width: .18rem;
                height: .18rem
            }

    .crypto-container .deposit-form .reminder-note ol li {
        list-style-type: undefined
    }

    .crypto-container .deposit-form .reminded-note {
        color: red;
        font-size: .14rem;
        margin: .12rem 0 0
    }

.m-crypto-container .qr-container {
    padding: .2rem .2rem .15rem;
    background: #dcdcdc;
    border-radius: .1rem;
    margin: .3rem 0 .15rem
}

    .m-crypto-container .qr-container .qr-box-container {
        justify-content: space-between;
        display: flex
    }

        .m-crypto-container .qr-container .qr-box-container .qr-box {
            display: flex;
            flex-direction: column;
            width: 40%
        }

            .m-crypto-container .qr-container .qr-box-container .qr-box .qr-canvas {
                height: 2.67rem !important;
                width: 100% !important
            }

            .m-crypto-container .qr-container .qr-box-container .qr-box button {
                background: #28db00;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: .2rem 0;
                margin-top: .1rem;
                width: 100%
            }

                .m-crypto-container .qr-container .qr-box-container .qr-box button svg {
                    width: .35rem;
                    height: .35rem;
                    fill: #fff;
                    padding-left: .05rem
                }

    .m-crypto-container .qr-container .qr-info {
        margin: .3rem 0 .2rem;
        font-size: .25rem;
        width: 56%;
        color: BLACk
    }

.m-crypto-container .textbox-share-container {
    color: #b8b8b8;
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .m-crypto-container .textbox-share-container .textbox {
        width: 88%;
        padding: .1rem;
        line-height: 1.5;
        border-radius: .05rem;
        background: #cbcbcb;
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .m-crypto-container .textbox-share-container .textshare {
        padding: .15rem;
        background: #28db00;
        border-radius: .1rem;
        color: #fff;
        width: 10%
    }

        .m-crypto-container .textbox-share-container .textshare svg {
            fill: #fff;
            width: .35rem;
            height: .35rem
        }

.m-crypto-container .reminder-note ol li {
    list-style-type: undefined
}

.m-crypto-container .reminded-note {
    color: red;
    font-size: .32rem;
    margin: .12rem 0 0
}

.eWallet-apps-container {
    display: flex;
    position: relative
}

.express-deposit-container {
    display: flex;
    position: relative
}

    .express-deposit-container .standard-form-container .standard-form-field .label-title {
        margin: 0 0 .1rem
    }

    .express-deposit-container .standard-form-container .standard-form-field .bank-account-container {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

        .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container {
            align-items: flex-start;
            width: 25%
        }

            .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .standard-radio-content {
                margin: 0
            }

                .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .standard-radio-content .bank-active-img-container {
                    background: #e9e9e9;
                    margin: 0;
                    border-radius: .05rem
                }

                    .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .standard-radio-content .bank-active-img-container img {
                        width: .52rem;
                        height: .52rem;
                        margin: .04rem
                    }

        .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank-account-info {
            width: 75%;
            display: flex;
            flex-direction: column
        }

            .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank-account-info .bank-acc-name-container {
                margin: 0 0 .06rem
            }

            .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank-account-info .bank-detials .standard-label {
                margin: 0 0 .06rem
            }

            .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank-account-info .bank-detials .qrImage {
                margin-bottom: .3rem;
                height: 1rem
            }

                .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank-account-info .bank-detials .qrImage img {
                    height: 100%;
                    width: auto
                }

        .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .selected-prefer-bank .bank .bank-container .img-container img {
            width: .5rem
        }

        .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank {
            color: #0f161f;
            margin: 0 0 .1rem
        }

            .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container {
                display: flex;
                align-items: center;
                margin: 0 0 .1rem
            }

                .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container .img-container {
                    width: .6rem;
                    height: .6rem;
                    display: flex;
                    align-items: center;
                    margin-right: .05rem
                }

                    .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container .img-container span {
                        width: 100%;
                        height: 100%
                    }

                        .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container .img-container span img {
                            height: 100%
                        }

                .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container .name {
                    width: 70%
                }

                .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container .info {
                    width: 45%
                }

                    .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container .info .standard-form-field-wrapper {
                        margin: .1rem 0 0
                    }

                        .express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .bank-container .info .standard-form-field-wrapper .standard-input {
                            width: 100%
                        }

    .express-deposit-container .standard-form-container .standard-form-field .no-bank-container {
        color: #000
    }

    .express-deposit-container .standard-form-container .standard-form-field .transaction-button-section {
        width: 100%
    }

        .express-deposit-container .standard-form-container .standard-form-field .transaction-button-section .express-add-bank {
            color: #4B91C9;
            font-size: .12rem;
            margin: .05rem 0 0
        }

    .express-deposit-container .standard-form-container .reminder-note {
        color: #8697a2;
        font-size: .12rem;
        border: .03rem solid #f7f7f7;
        border-radius: .1rem;
        line-height: 1.5;
        padding: .15rem
    }

        .express-deposit-container .standard-form-container .reminder-note span {
            font-size: .14rem
        }

        .express-deposit-container .standard-form-container .reminder-note ul {
            margin: 0 0 0 .15rem
        }

            .express-deposit-container .standard-form-container .reminder-note ul li {
                list-style: disc
            }

.m-express-deposit-container .standard-form-container .standard-form-field .standard-label {
    margin: 0 0 .2rem !important
}

.m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container {
    font-size: .24rem;
    width: 100%
}

    .m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container {
        align-items: start;
        width: 100%
    }

        .m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .bank-account-info {
            width: 100%
        }

            .m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .bank-account-info .acc-name {
                margin: 0 0 .2rem
            }

            .m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .bank-account-info .bank-detials .qrLabel {
                margin-bottom: .1rem !important
            }

            .m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .bank-account-info .bank-detials .qrImage {
                margin-bottom: .3rem;
                height: 1rem
            }

                .m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .bank-account-info .bank-detials .qrImage img {
                    height: 100%;
                    width: auto
                }

        .m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .standard-radio-content {
            margin-left: 0;
            padding: .1rem;
            margin: 0 .2rem 0 0;
            background: #ededed;
            border-radius: .05rem
        }

            .m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .standard-radio-container .standard-radio-content img {
                margin-right: 0
            }

    .m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank {
        align-items: center;
        color: #0f161f;
        display: flex;
        margin: 0 0 .2rem
    }

        .m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container {
            width: 1rem;
            height: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: .1rem
        }

            .m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container span {
                width: 100%;
                height: 100%
            }

                .m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .img-container span img {
                    height: 100%
                }

        .m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .bank .name {
            margin: 0 .2rem 0 0;
            width: 100%
        }

    .m-express-deposit-container .standard-form-container .standard-form-field .bank-account-container .info {
        color: #000
    }

.m-express-deposit-container .standard-form-container .standard-form-field .no-bank-container {
    color: #000
}

.m-express-deposit-container .standard-form-container .standard-form-field .transaction-button-section {
    width: 100%;
    margin-top: .1rem
}

    .m-express-deposit-container .standard-form-container .standard-form-field .transaction-button-section .express-add-bank {
        color: red;
        font-size: .2rem;
        margin: .1rem 0
    }

.m-express-deposit-container .standard-form-container .standard-form-field .express-deposit-form-container {
    margin: .3rem 0 0;
    width: 100%
}

.m-express-deposit-container .standard-form-container .reminder-note {
    color: #8697a2;
    font-size: .12rem;
    border: .03rem solid #f7f7f7;
    border-radius: .1rem;
    line-height: 1.5;
    padding: .15rem
}

    .m-express-deposit-container .standard-form-container .reminder-note span {
        font-size: .14rem
    }

    .m-express-deposit-container .standard-form-container .reminder-note ul {
        margin: 0 0 0 .15rem
    }

        .m-express-deposit-container .standard-form-container .reminder-note ul li {
            list-style: disc
        }

.mission-diary-container .standard-content-container {
    padding: .3rem .1rem .2rem
}

    .mission-diary-container .standard-content-container .md-info-section {
        padding: 0 .15rem;
        display: grid;
        grid-template-columns: 67% 33%;
        place-items: baseline
    }

        .mission-diary-container .standard-content-container .md-info-section .time-info {
            display: flex;
            align-items: center
        }

            .mission-diary-container .standard-content-container .md-info-section .time-info .countdown-container {
                background: #888;
                border-radius: .1rem;
                padding: .01rem .1rem;
                color: #fff
            }

        .mission-diary-container .standard-content-container .md-info-section .time-countdown {
            margin-left: .1rem
        }

        .mission-diary-container .standard-content-container .md-info-section .right-container {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            justify-content: flex-end
        }

            .mission-diary-container .standard-content-container .md-info-section .right-container .spin-to-win-btn {
                text-transform: uppercase;
                color: #fff;
                border-radius: .3rem;
                padding: 5% 8%;
                background: linear-gradient(to right,#b300ea,#4e00a3);
                background: undefined;
                cursor: pointer
            }

        .mission-diary-container .standard-content-container .md-info-section .refresh-btn-container {
            margin: .15rem 0 .05rem
        }

            .mission-diary-container .standard-content-container .md-info-section .refresh-btn-container button {
                display: flex;
                justify-content: center;
                align-items: center;
                height: .5rem;
                font-size: .14rem;
                border-radius: .05rem;
                font-weight: 600;
                padding: .2rem
            }

            .mission-diary-container .standard-content-container .md-info-section .refresh-btn-container p {
                margin: .05rem 0 .2rem
            }

            .mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-balance {
                display: flex;
                align-items: center;
                font-size: .2rem;
                font-weight: 700
            }

                .mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-balance .point-title {
                    color: #888;
                    font-size: .14rem;
                    font-weight: 400;
                    margin: 0
                }

                    .mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-balance .point-title span {
                        color: #4B91C9;
                        margin: 0
                    }

                .mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-balance .refresh-container {
                    position: relative;
                    display: flex
                }

                    .mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-balance .refresh-container .refresh-tooltip {
                        position: absolute;
                        font-weight: 400;
                        background: #000000cf;
                        color: #888;
                        padding: .05rem;
                        border-radius: .05rem;
                        font-size: .14rem;
                        top: .27rem;
                        white-space: nowrap
                    }

                .mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-balance svg {
                    fill: #fff;
                    background: #28db00;
                    justify-self: flex-end;
                    border-radius: 100%;
                    height: .24rem;
                    width: .24rem;
                    padding: .04rem;
                    cursor: pointer;
                    margin: 0 0 0 .08rem
                }

                .mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .point-balance span {
                    margin: 0 0 0 .08rem
                }

            .mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .small-loading-box .small-loading {
                float: right
            }

            .mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info.withSpinToWinBtn {
                display: flex;
                align-items: center;
                margin: .15rem 0 0
            }

            .mission-diary-container .standard-content-container .md-info-section .refresh-btn-container .point-info .last-update {
                margin: 0 0 0 .1rem;
                color: #888;
                font-weight: 400
            }

        .mission-diary-container .standard-content-container .md-info-section .conversion-currency {
            width: 100%;
            display: flex;
            justify-content: flex-end
        }

    .mission-diary-container .standard-content-container .md-table-container .md-progress-bar-container {
        display: block;
        width: 100%;
        height: .12rem;
        border-radius: .12rem;
        background: #dcdcdc
    }

        .mission-diary-container .standard-content-container .md-table-container .md-progress-bar-container .md-progress-bar {
            display: block;
            height: .12rem;
            border-radius: .12rem;
            background: #28db00
        }

    .mission-diary-container .standard-content-container .md-table-container .md-table-section .md-claim-btn {
        width: 100%;
        min-width: unset;
        background: #dcdcdc
    }

        .mission-diary-container .standard-content-container .md-table-container .md-table-section .md-claim-btn:hover {
            background: undefined
        }

        .mission-diary-container .standard-content-container .md-table-container .md-table-section .md-claim-btn .completed-icon {
            width: .17rem;
            height: .17rem;
            padding: .03rem;
            margin: 0 .08rem 0 0
        }

    .mission-diary-container .standard-content-container .md-table-container .md-table-section .completed-icon {
        width: .27rem;
        height: .27rem;
        border-radius: 100%;
        padding: .06rem;
        margin: 0 auto;
        background: #28db00;
        fill: #fff
    }

    .mission-diary-container .standard-content-container .md-table-container .md-table-section tr p {
        margin: 0
    }

    .mission-diary-container .standard-content-container .md-table-container .md-table-section tr td .md-claimed-div {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #28db002a;
        border-radius: .1rem;
        padding: .04rem 0
    }

        .mission-diary-container .standard-content-container .md-table-container .md-table-section tr td .md-claimed-div .completed-icon {
            width: .17rem;
            height: .17rem;
            padding: .03rem;
            margin: 0 .05rem 0 0
        }

    .mission-diary-container .standard-content-container .md-table-container .md-table-section tr .reward-type-section {
        white-space: break-spaces
    }

.m-mission-diary-container .m-standard-content-container {
    padding: .3rem .1rem 1.5rem
}

    .m-mission-diary-container .m-standard-content-container .md-info-section {
        padding: 0 .15rem .1rem;
        display: grid;
        grid-template-columns: 65% 35%
    }

        .m-mission-diary-container .m-standard-content-container .md-info-section .time-info {
            display: block
        }

            .m-mission-diary-container .m-standard-content-container .md-info-section .time-info .countdown-container {
                background: #888;
                border-radius: .1rem;
                padding: .05rem .1rem;
                color: #fff
            }

        .m-mission-diary-container .m-standard-content-container .md-info-section p {
            margin: 0 0 .1rem
        }

        .m-mission-diary-container .m-standard-content-container .md-info-section .point-info {
            display: flex;
            align-items: center;
            margin: .15rem 0 .05rem
        }

            .m-mission-diary-container .m-standard-content-container .md-info-section .point-info .point-title {
                color: #888;
                margin: 0
            }

                .m-mission-diary-container .m-standard-content-container .md-info-section .point-info .point-title span {
                    color: #4B91C9
                }

            .m-mission-diary-container .m-standard-content-container .md-info-section .point-info .point-balance {
                display: flex;
                grid-template-columns: 78% 22%;
                font-size: .3rem;
                align-items: center;
                font-weight: 700
            }

                .m-mission-diary-container .m-standard-content-container .md-info-section .point-info .point-balance span {
                    margin: 0 .1rem
                }

                .m-mission-diary-container .m-standard-content-container .md-info-section .point-info .point-balance svg {
                    fill: #fff;
                    background: #28db00;
                    justify-self: flex-end;
                    border-radius: 100%;
                    height: .35rem;
                    width: .35rem;
                    padding: .05rem
                }

    .m-mission-diary-container .m-standard-content-container .conversion-currency {
        display: flex;
        font-weight: 600
    }

    .m-mission-diary-container .m-standard-content-container .spin-to-win-btn {
        text-transform: uppercase;
        width: fit-content;
        padding: .22rem .45rem;
        margin: .15rem 0 0;
        border-radius: .5rem;
        background: linear-gradient(to right,#b300ea,#4e00a3);
        cursor: pointer;
        color: #fff
    }

    .m-mission-diary-container .m-standard-content-container .refresh-btn-container {
        margin: .3rem 0 0;
        color: #888;
        text-align: center
    }

    .m-mission-diary-container .m-standard-content-container .md-table-container .md-progress-bar-container {
        height: .4rem;
        border-radius: .6rem;
        margin: .12rem auto 0;
        width: 75%;
        background: #dcdcdc
    }

        .m-mission-diary-container .m-standard-content-container .md-table-container .md-progress-bar-container .md-progress-bar {
            display: block;
            height: .4rem;
            border-radius: .6rem;
            margin: -.39rem 0 0;
            background: #28db00
        }

        .m-mission-diary-container .m-standard-content-container .md-table-container .md-progress-bar-container .progress-amount {
            padding: .065rem 0 0;
            color: #fff
        }

    .m-mission-diary-container .m-standard-content-container .md-table-container .md-table-section .md-claim-btn {
        width: 100%;
        min-width: unset;
        background: #dcdcdc;
        height: auto;
        padding: .2rem;
        font-size: .25rem;
        border-radius: .1rem
    }

        .m-mission-diary-container .m-standard-content-container .md-table-container .md-table-section .md-claim-btn:hover {
            background: undefined
        }

        .m-mission-diary-container .m-standard-content-container .md-table-container .md-table-section .md-claim-btn .complete-icon {
            width: .25rem;
            height: .25rem;
            padding: .05rem;
            margin: 0 .08rem 0 0;
            border-radius: 100%;
            background: #28db00;
            fill: #fff
        }

    .m-mission-diary-container .m-standard-content-container .md-table-container .md-table-section .completed-icon {
        width: .3rem;
        height: .3rem;
        border-radius: 100%;
        padding: .07rem;
        margin: 0 .05rem 0 0;
        background: #28db00;
        fill: #fff
    }

    .m-mission-diary-container .m-standard-content-container .md-table-container .md-table-section tr td {
        text-align: center
    }

        .m-mission-diary-container .m-standard-content-container .md-table-container .md-table-section tr td .md-claimed-div {
            display: flex;
            justify-content: center;
            align-items: center;
            background: #28db002a;
            border-radius: .3rem;
            padding: .1rem .2rem
        }

    .m-mission-diary-container .m-standard-content-container .md-table-container .md-table-section tr .reward-type-section {
        white-space: break-spaces
    }

.mission-diary-claim-dialog-container {
    width: 25%
}

    .mission-diary-claim-dialog-container .md-dialog .standard-popup-modal-header {
        display: flex;
        align-items: center
    }

    .mission-diary-claim-dialog-container .md-dialog .standard-modal-title {
        width: 100%
    }

    .mission-diary-claim-dialog-container .md-dialog .md-dialog-content {
        padding: .15rem
    }

        .mission-diary-claim-dialog-container .md-dialog .md-dialog-content .congrat-container {
            text-align: center;
            background: #ffffff1a;
            padding: .2rem;
            border-radius: .1rem
        }

            .mission-diary-claim-dialog-container .md-dialog .md-dialog-content .congrat-container p {
                margin: .2rem 0
            }

            .mission-diary-claim-dialog-container .md-dialog .md-dialog-content .congrat-container .congrat-title {
                font-weight: 600
            }

            .mission-diary-claim-dialog-container .md-dialog .md-dialog-content .congrat-container .congrat-amount {
                color: #4B91C9
            }

            .mission-diary-claim-dialog-container .md-dialog .md-dialog-content .congrat-container .congrat-img {
                width: 2rem;
                height: auto
            }

            .mission-diary-claim-dialog-container .md-dialog .md-dialog-content .congrat-container .congrat-btn {
                margin: 0 auto;
                border-radius: .05rem
            }

            .mission-diary-claim-dialog-container .md-dialog .md-dialog-content .congrat-container .completed-icon {
                background: #33cc1e;
                fill: #fff;
                border-radius: 100%;
                width: .2rem;
                height: .2rem;
                padding: .05rem;
                margin: 0 .08rem 0 0
            }

@media(max-width: 768px) {
    .mission-diary-claim-dialog-container {
        width: 90%
    }

        .mission-diary-claim-dialog-container .standard-popup-modal-header {
            padding: .35rem
        }

            .mission-diary-claim-dialog-container .standard-popup-modal-header .standard-modal-close {
                font-size: .5rem
            }

        .mission-diary-claim-dialog-container .md-dialog-content {
            font-size: .5rem
        }

            .mission-diary-claim-dialog-container .md-dialog-content .congrat-container {
                font-size: .35rem
            }

                .mission-diary-claim-dialog-container .md-dialog-content .congrat-container p {
                    margin: 0 0 .3rem
                }

                .mission-diary-claim-dialog-container .md-dialog-content .congrat-container .congrat-img {
                    width: 3rem !important;
                    margin: .45rem 0
                }

                .mission-diary-claim-dialog-container .md-dialog-content .congrat-container .congrat-btn {
                    width: 45%;
                    height: 1rem;
                    border-radius: .15rem !important;
                    font-size: .4rem
                }

                .mission-diary-claim-dialog-container .md-dialog-content .congrat-container .completed-icon {
                    border-radius: 100%;
                    width: .4rem;
                    height: .4rem;
                    padding: .1rem;
                    margin: 0 .1rem 0 0
                }
}

.line-deposit-container {
    display: flex;
    position: relative
}

    .line-deposit-container .line-deposit-content {
        text-align: center
    }

        .line-deposit-container .line-deposit-content p {
            margin-bottom: .4em
        }

        .line-deposit-container .line-deposit-content .left-arrow, .line-deposit-container .line-deposit-content .right-arrow {
            width: .18rem;
            height: .18rem;
            filter: opacity(.3);
            background: 0 0
        }

        .line-deposit-container .line-deposit-content .right-arrow {
            justify-self: flex-end
        }

        .line-deposit-container .line-deposit-content .deposit-line-url {
            color: #00e;
            cursor: pointer
        }

    .line-deposit-container .slick-slider {
        display: grid;
        grid-template-columns: 10% 80% 10%;
        justify-content: center;
        align-items: center
    }

        .line-deposit-container .slick-slider img {
            width: 100%
        }

        .line-deposit-container .slick-slider .sliderImgWarper {
            padding: 0 0 .1rem
        }

.m-line-deposit-container .line-deposit-content {
    text-align: center
}

    .m-line-deposit-container .line-deposit-content p {
        margin-bottom: .4em
    }

    .m-line-deposit-container .line-deposit-content .left-arrow, .m-line-deposit-container .line-deposit-content .right-arrow {
        width: .42rem;
        height: .42rem;
        filter: opacity(.3);
        background: 0 0;
        position: relative;
        z-index: 999
    }

    .m-line-deposit-container .line-deposit-content .left-arrow {
        justify-self: flex-end
    }

    .m-line-deposit-container .line-deposit-content .deposit-line-url {
        color: #00e;
        cursor: pointer
    }

.m-line-deposit-container .slick-slider {
    display: grid;
    grid-template-columns: 10% 80% 10%;
    justify-content: center;
    align-items: center
}

    .m-line-deposit-container .slick-slider img {
        width: 100%
    }

    .m-line-deposit-container .slick-slider .sliderImgWarper {
        padding: .1rem .2rem
    }

.mobile-card-container {
    display: flex;
    position: relative;
    padding: .3rem
}

    .mobile-card-container .bankapps-form {
        width: 45%;
        padding: 0 .15rem
    }

        .mobile-card-container .bankapps-form .bank-account-container {
            width: 100%;
            display: flex
        }

            .mobile-card-container .bankapps-form .bank-account-container .standard-radio-container {
                width: 25%;
                align-items: flex-start
            }

                .mobile-card-container .bankapps-form .bank-account-container .standard-radio-container .standard-radio {
                    display: none
                }

                .mobile-card-container .bankapps-form .bank-account-container .standard-radio-container .bank-img {
                    margin-left: 0;
                    background: #e9e9e9;
                    border-radius: .05rem;
                    padding: .01rem
                }

                    .mobile-card-container .bankapps-form .bank-account-container .standard-radio-container .bank-img img {
                        height: .6rem;
                        width: .6rem;
                        margin-right: 0
                    }

            .mobile-card-container .bankapps-form .bank-account-container .bank-details-select-container {
                width: 75%
            }

                .mobile-card-container .bankapps-form .bank-account-container .bank-details-select-container .bank-acc-name {
                    padding: .2rem 0 .1rem
                }

.m-mobile-card-container .m-transaction-form .bank-account-container {
    margin-bottom: .2rem;
    width: 100%
}

    .m-mobile-card-container .m-transaction-form .bank-account-container .standard-radio {
        display: none
    }

    .m-mobile-card-container .m-transaction-form .bank-account-container .acc-name {
        padding: .2rem 0 .2rem .15rem;
        font-size: .26rem
    }

    .m-mobile-card-container .m-transaction-form .bank-account-container .standard-radio-container {
        align-items: flex-start;
        display: flex
    }

        .m-mobile-card-container .m-transaction-form .bank-account-container .standard-radio-container img {
            width: 1rem;
            background: #d7d7d7;
            padding: .02rem;
            border-radius: .1rem
        }

        .m-mobile-card-container .m-transaction-form .bank-account-container .standard-radio-container .standard-radio-content {
            width: 20%
        }

    .m-mobile-card-container .m-transaction-form .bank-account-container .bank-account-info {
        width: 80%
    }

    .m-mobile-card-container .m-transaction-form .bank-account-container .bank-active .standard-radio-content {
        position: relative
    }

        .m-mobile-card-container .m-transaction-form .bank-account-container .bank-active .standard-radio-content img {
            background: #fff;
            padding: .02rem;
            border-radius: .1rem;
            border: .02rem solid #4caf50;
            width: 1rem
        }

        .m-mobile-card-container .m-transaction-form .bank-account-container .bank-active .standard-radio-content svg {
            width: .3rem;
            height: .3rem;
            position: absolute;
            right: .2rem;
            bottom: -.05rem
        }

.p2p-transfer-container {
    position: relative;
    display: flex
}

    .p2p-transfer-container .transaction-form {
        height: 100%;
        min-height: 0
    }

        .p2p-transfer-container .transaction-form .bank-info-container {
            margin: .15rem 0
        }

            .p2p-transfer-container .transaction-form .bank-info-container .info-row {
                width: 100%;
                margin: 0 0 .12rem
            }

                .p2p-transfer-container .transaction-form .bank-info-container .info-row p {
                    margin: 0
                }

                .p2p-transfer-container .transaction-form .bank-info-container .info-row .info-label {
                    color: #000;
                    margin: 0 0 .03rem
                }

                .p2p-transfer-container .transaction-form .bank-info-container .info-row .info-value-container {
                    display: grid;
                    align-items: center;
                    grid-template-columns: 75% 25%;
                    background: #eaeaea;
                    border: .01rem solid #dcdcdc;
                    padding: .05rem .05rem .05rem .1rem;
                    border-radius: .05rem
                }

                    .p2p-transfer-container .transaction-form .bank-info-container .info-row .info-value-container .info-value {
                        display: flex;
                        align-items: center;
                        color: #000;
                        height: .24rem
                    }

                    .p2p-transfer-container .transaction-form .bank-info-container .info-row .info-value-container .copy-btn {
                        display: grid;
                        place-content: center;
                        cursor: pointer;
                        border-radius: .12rem;
                        background: #4B91C9;
                        color: #fff;
                        height: .24rem
                    }

            .p2p-transfer-container .transaction-form .bank-info-container .info-countdown {
                display: flex;
                margin: .06rem 0
            }

                .p2p-transfer-container .transaction-form .bank-info-container .info-countdown p {
                    margin: 0
                }

                .p2p-transfer-container .transaction-form .bank-info-container .info-countdown .info-label {
                    color: #000;
                    margin: 0 .09rem 0 0
                }

                .p2p-transfer-container .transaction-form .bank-info-container .info-countdown .info-value {
                    color: #000
                }

    .p2p-transfer-container .transaction-button-section {
        width: 100%
    }

.m-p2p-transfer-container {
    position: relative
}

    .m-p2p-transfer-container .m-transaction-form .bank-info-container {
        margin: .15rem 0
    }

        .m-p2p-transfer-container .m-transaction-form .bank-info-container .info-row {
            width: 100%;
            margin: 0 0 .12rem
        }

            .m-p2p-transfer-container .m-transaction-form .bank-info-container .info-row p {
                margin: 0
            }

            .m-p2p-transfer-container .m-transaction-form .bank-info-container .info-row .info-label {
                color: #000;
                margin: 0 0 .1rem
            }

            .m-p2p-transfer-container .m-transaction-form .bank-info-container .info-row .info-value-container {
                display: grid;
                align-items: center;
                grid-template-columns: 75% 25%;
                background: #eaeaea;
                border: .01rem solid #dcdcdc;
                padding: .1rem .18rem;
                border-radius: .05rem
            }

                .m-p2p-transfer-container .m-transaction-form .bank-info-container .info-row .info-value-container .info-value {
                    display: flex;
                    align-items: center;
                    color: #000;
                    height: .42rem
                }

                .m-p2p-transfer-container .m-transaction-form .bank-info-container .info-row .info-value-container .copy-btn {
                    display: grid;
                    place-content: center;
                    cursor: pointer;
                    border-radius: .12rem;
                    background: #4B91C9;
                    color: #fff;
                    height: .42rem
                }

        .m-p2p-transfer-container .m-transaction-form .bank-info-container .info-countdown {
            display: flex;
            margin: .15rem 0
        }

            .m-p2p-transfer-container .m-transaction-form .bank-info-container .info-countdown p {
                margin: 0
            }

            .m-p2p-transfer-container .m-transaction-form .bank-info-container .info-countdown .info-label {
                color: #000;
                margin: 0 .09rem 0 0
            }

            .m-p2p-transfer-container .m-transaction-form .bank-info-container .info-countdown .info-value {
                color: #000
            }

.qrpay-container {
    position: relative;
    display: flex
}

    .qrpay-container .transaction-form {
        height: 100%;
        min-height: 0
    }

    .qrpay-container .reminded-note {
        color: red;
        font-size: .14rem;
        margin: .12rem 0 0
    }

.m-qrpay-container .reminded-note {
    color: red;
    font-size: .32rem;
    margin: .12rem 0 0
}

.quickpay-container {
    display: flex;
    position: relative
}

    .quickpay-container .quick-pay-method-option .method-container {
        display: grid;
        flex-wrap: wrap;
        grid-template-columns: repeat(3,1fr)
    }

        .quickpay-container .quick-pay-method-option .method-container input {
            display: none
        }

    .quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container {
        cursor: pointer
    }

        .quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container .standard-radio-content-warpper .standard-radio-content {
            height: .6rem;
            width: .6rem;
            margin-right: .1rem
        }

            .quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container .standard-radio-content-warpper .standard-radio-content img {
                width: 100%
            }

        .quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container input {
            display: none
        }

        .quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container .bank-status {
            display: grid;
            grid-template-columns: 1.8rem .7rem;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            color: #888
        }

            .quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container .bank-status span {
                display: block;
                margin: 0 0 0 .05rem
            }

                .quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container .bank-status span:first-child {
                    font-weight: 700
                }

                .quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container .bank-status span:last-child {
                    background: #2bd900;
                    color: #fff;
                    margin: 0;
                    padding: .05rem .1rem;
                    text-transform: uppercase;
                    border-radius: .05rem;
                    text-align: center;
                    font-size: .12rem
                }

        .quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container.selected .standard-radio-content {
            border: .04rem solid #28db00;
            background: #fff;
            position: relative
        }

            .quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container.selected .standard-radio-content svg {
                width: .18rem;
                height: .18rem;
                position: absolute;
                right: -.02rem;
                bottom: -.02rem
            }

                .quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container.selected .standard-radio-content svg .st0 {
                    fill: #28db00 !important
                }

        .quickpay-container .quick-pay-method-option .merchant-bank-container .standard-radio-container.selected .bank-status {
            color: BLACk
        }

    .quickpay-container .standard-radio-content {
        background: #ededed;
        height: .6rem;
        width: .6rem;
        margin: 0 .15rem 0 0;
        border-radius: .05rem;
        cursor: pointer
    }

        .quickpay-container .standard-radio-content img {
            width: 100%;
            margin: auto
        }

        .quickpay-container .standard-radio-content.selected {
            position: relative;
            border: .04rem solid #28db00;
            border-radius: .05rem;
            background: #fff
        }

            .quickpay-container .standard-radio-content.selected svg {
                width: .18rem;
                height: .18rem;
                position: absolute;
                right: -.02rem;
                bottom: -.02rem
            }

                .quickpay-container .standard-radio-content.selected svg .st0 {
                    fill: #28db00 !important
                }

    .quickpay-container .reminded-note {
        color: red;
        font-size: .14rem;
        margin: .12rem 0 0
    }

.m-quickpay-container .standard-radio {
    display: none
}

.m-quickpay-container .quick-pay-method-option .method-container {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    flex-wrap: wrap;
    width: 100%
}

    .m-quickpay-container .quick-pay-method-option .method-container .standard-radio-container {
        position: relative
    }

        .m-quickpay-container .quick-pay-method-option .method-container .standard-radio-container .standard-radio-content {
            margin: 0
        }

            .m-quickpay-container .quick-pay-method-option .method-container .standard-radio-container .standard-radio-content img {
                width: .8rem;
                background: #e9e9e9;
                border-radius: .1rem;
                padding: .05rem;
                margin-right: 0;
                border: .06rem solid transparent
            }

            .m-quickpay-container .quick-pay-method-option .method-container .standard-radio-container .standard-radio-content svg {
                position: absolute;
                right: -.03rem;
                bottom: -.03rem;
                width: .3rem;
                height: .3rem
            }

                .m-quickpay-container .quick-pay-method-option .method-container .standard-radio-container .standard-radio-content svg .st0 {
                    fill: #28db00 !important
                }

        .m-quickpay-container .quick-pay-method-option .method-container .standard-radio-container .bank-selected {
            position: relative;
            border: .06rem solid #28db00;
            color: #000;
            background: #f6f6f6
        }

            .m-quickpay-container .quick-pay-method-option .method-container .standard-radio-container .bank-selected img {
                width: .8rem;
                background: unset;
                border-radius: .1rem;
                padding: .05rem;
                border: none
            }

.m-quickpay-container .quick-pay-bank-option .standard-radio-content {
    margin-left: 0;
    position: relative;
    width: 100%
}

    .m-quickpay-container .quick-pay-bank-option .standard-radio-content img {
        background: #e9e9e9;
        border-radius: .1rem;
        padding: .05rem
    }

    .m-quickpay-container .quick-pay-bank-option .standard-radio-content svg {
        position: absolute;
        right: -.03rem;
        bottom: -.03rem;
        width: .3rem;
        height: .3rem
    }

    .m-quickpay-container .quick-pay-bank-option .standard-radio-content .bank-info-warpper {
        display: flex;
        align-items: center;
        width: 80%
    }

        .m-quickpay-container .quick-pay-bank-option .standard-radio-content .bank-info-warpper .bank-info-container {
            position: relative
        }

        .m-quickpay-container .quick-pay-bank-option .standard-radio-content .bank-info-warpper .st0 {
            fill: #28db00 !important
        }

    .m-quickpay-container .quick-pay-bank-option .standard-radio-content .bank-status {
        font-size: .25rem;
        background: #28db00;
        color: #fff;
        padding: .1rem;
        width: 20%;
        text-align: center;
        border-radius: .1rem
    }

.m-quickpay-container .quick-pay-bank-option .bank-info-selected img {
    width: .8rem;
    background: #fff;
    border-radius: .1rem;
    padding: .05rem;
    border: .06rem solid #28db00
}

.m-quickpay-container .quick-pay-bank-option .bank-info-name {
    font-size: .26rem;
    color: BLACk
}

.m-quickpay-container .transaction-button-section {
    width: 100%
}

.m-quickpay-container .reminded-note {
    color: red;
    font-size: .32rem;
    margin: .12rem 0 0
}

.reload-container {
    display: flex;
    position: relative
}

    .reload-container .transaction-form .standard-form-container .deposit-channnel-contaniner .standard-select {
        margin: 0 0 .1rem
    }

    .reload-container .transaction-button-section {
        width: 100%
    }

    .reload-container .deposit-channnel-contaniner {
        margin-top: .14rem;
        margin-bottom: 0
    }

        .reload-container .deposit-channnel-contaniner .bank-account-container {
            width: 100%;
            justify-content: flex-start
        }

        .reload-container .deposit-channnel-contaniner .deposit-channnel-contaniner {
            margin: .14rem 0
        }

            .reload-container .deposit-channnel-contaniner .deposit-channnel-contaniner .bank-account-container {
                width: 100%;
                margin-top: undefined
            }

                .reload-container .deposit-channnel-contaniner .deposit-channnel-contaniner .bank-account-container .standard-bank-info {
                    width: undefined
                }

            .reload-container .deposit-channnel-contaniner .deposit-channnel-contaniner .standard-form-field .standard-select {
                margin: 0 0 .1rem
            }

        .reload-container .deposit-channnel-contaniner .bank-select-deposit-container {
            margin: 0 0 .1rem
        }

            .reload-container .deposit-channnel-contaniner .bank-select-deposit-container .bank-select-deposit {
                margin: 0 .1rem 0 0
            }

    .reload-container .standard-radio-container .standard-radio-content {
        margin: 0
    }

.m-reload-container .m-transaction-form {
    display: inherit
}

    .m-reload-container .m-transaction-form .bank-account-container {
        margin-bottom: .2rem;
        width: 100%
    }

        .m-reload-container .m-transaction-form .bank-account-container .acc-name {
            font-size: .26rem;
            color: BLACk
        }

        .m-reload-container .m-transaction-form .bank-account-container .standard-radio-container {
            align-items: flex-start;
            display: flex
        }

            .m-reload-container .m-transaction-form .bank-account-container .standard-radio-container img {
                width: 1rem;
                background: #d7d7d7;
                padding: .02rem;
                border-radius: .1rem
            }

        .m-reload-container .m-transaction-form .bank-account-container .bank-account-info {
            width: 93%;
            margin: 0 0 0 auto
        }

    .m-reload-container .m-transaction-form .standard-form-field .standard-select {
        margin: 0 0 .1rem
    }

@media(max-width: 768px) {
    .m-reload-container .m-transaction-form .standard-form-field .bank-detials .img-fluid {
        width: 100%
    }
}

.m-reload-container .m-transaction-form .bank-select-deposit-container .bank-select-deposit {
    width: 100%;
    margin: 0 .1rem 0 0
}

.m-reload-container .m-transaction-form .img-fluid {
    width: undefined
}

.tm-qr-container {
    position: relative;
    display: flex
}

    .tm-qr-container .transaction-form {
        height: 100%;
        min-height: 0
    }

.history-container .history-control-panel {
    display: flex;
    align-items: center;
    margin-bottom: .3rem;
    flex-direction: column
}

    .history-container .history-control-panel .form-panel {
        display: grid;
        align-items: flex-end;
        grid-template-columns: 31% 31% 31%;
        width: 100%;
        grid-gap: .25rem;
        row-gap: 0;
        padding: 0 .15rem;
        justify-content: space-between
    }

        .history-container .history-control-panel .form-panel .standard-form-field {
            width: 100%
        }

            .history-container .history-control-panel .form-panel .standard-form-field .standard-form-field {
                width: 100%;
                margin: 0
            }

    .history-container .history-control-panel .range-wrapper {
        padding: 0 .15rem;
        width: 100%;
        margin-bottom: .2rem
    }

        .history-container .history-control-panel .range-wrapper .standard-form-field {
            margin-bottom: .05rem
        }

        .history-container .history-control-panel .range-wrapper .range-options {
            display: flex
        }

            .history-container .history-control-panel .range-wrapper .range-options div {
                padding: .1rem;
                border: .01rem solid #dcdcdc;
                margin-right: .1rem;
                border-radius: .1rem;
                cursor: pointer
            }

                .history-container .history-control-panel .range-wrapper .range-options div.active {
                    border: .02rem solid #4b91c9
                }

                .history-container .history-control-panel .range-wrapper .range-options div.disabled {
                    opacity: .3;
                    pointer-events: none
                }

    .history-container .history-control-panel .type-wrapper {
        display: flex;
        padding: 0 .15rem;
        width: 100%;
        margin-bottom: .2rem
    }

        .history-container .history-control-panel .type-wrapper div {
            padding: .1rem;
            border: .01rem solid #dcdcdc;
            margin-right: .1rem;
            cursor: pointer
        }

            .history-container .history-control-panel .type-wrapper div.selected {
                border: .01rem solid #4b91c9;
                background: rgba(75,145,201,.1)
            }

.history-container .pagination-container {
    padding: 0 .15rem
}

.withdrawal-container {
    display: flex;
    justify-content: space-between;
    position: relative
}

    .withdrawal-container .transaction-form {
        width: 48%;
        height: 100%;
        min-height: 0
    }

        .withdrawal-container .transaction-form .qr-container {
            padding: .1rem;
            background: #dcdcdc;
            border-radius: .05rem;
            margin: 0 0 .14rem;
            width: 100%
        }

            .withdrawal-container .transaction-form .qr-container p {
                margin-bottom: .05rem
            }

        .withdrawal-container .transaction-form .transaction-button-section {
            width: 100%
        }

    .withdrawal-container .transaction-note-section {
        width: 45%
    }

.m-withdrawal-container {
    margin-bottom: 1.3rem
}

    .m-withdrawal-container .m-transaction-form .transaction-button-section {
        width: 100%
    }

    .m-withdrawal-container .m-transaction-form .standard-form-field:first-child {
        margin-bottom: 0
    }

        .m-withdrawal-container .m-transaction-form .standard-form-field:first-child .standard-form-field {
            margin-bottom: 0
        }

.settings-withdraw-progress-bar {
    padding: .2rem;
    backdrop-filter: undefined
}

@media(max-width: 768px) {
    .settings-withdraw-progress-bar {
        margin: 0 .2rem;
        padding: 0;
        border-radius: .1rem;
        background-color: #f6f6f6
    }
}

.settings-withdraw-progress-bar .progress-bar-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

@media(max-width: 768px) {
    .settings-withdraw-progress-bar .progress-bar-content .member-eligible-withdrawal, .settings-withdraw-progress-bar .progress-bar-content .member-remaining-turnover, .settings-withdraw-progress-bar .progress-bar-content .member-last-updated {
        text-align: center
    }
}

.settings-withdraw-progress-bar .progress-bar-content .member-eligible-withdrawal .progress-bar-balance, .settings-withdraw-progress-bar .progress-bar-content .member-remaining-turnover .progress-bar-balance, .settings-withdraw-progress-bar .progress-bar-content .member-last-updated .progress-bar-balance {
    display: flex;
    align-items: center;
    margin: 0;
    color: #888;
    font-size: .12rem
}

@media(max-width: 768px) {
    .settings-withdraw-progress-bar .progress-bar-content .member-eligible-withdrawal .progress-bar-balance, .settings-withdraw-progress-bar .progress-bar-content .member-remaining-turnover .progress-bar-balance, .settings-withdraw-progress-bar .progress-bar-content .member-last-updated .progress-bar-balance {
        display: block;
        font-size: .22rem
    }
}

.settings-withdraw-progress-bar .progress-bar-content .member-eligible-withdrawal .progress-bar-balance .time-label, .settings-withdraw-progress-bar .progress-bar-content .member-eligible-withdrawal .progress-bar-balance .currency-label, .settings-withdraw-progress-bar .progress-bar-content .member-remaining-turnover .progress-bar-balance .time-label, .settings-withdraw-progress-bar .progress-bar-content .member-remaining-turnover .progress-bar-balance .currency-label, .settings-withdraw-progress-bar .progress-bar-content .member-last-updated .progress-bar-balance .time-label, .settings-withdraw-progress-bar .progress-bar-content .member-last-updated .progress-bar-balance .currency-label {
    margin: 0 0 0 .1rem
}

.settings-withdraw-progress-bar .progress-bar-content .member-eligible-withdrawal .progress-bar-balance .currency-label, .settings-withdraw-progress-bar .progress-bar-content .member-remaining-turnover .progress-bar-balance .currency-label, .settings-withdraw-progress-bar .progress-bar-content .member-last-updated .progress-bar-balance .currency-label {
    font-weight: 700;
    font-size: .14rem;
    color: #4B91C9
}

@media(max-width: 768px) {
    .settings-withdraw-progress-bar .progress-bar-content .member-eligible-withdrawal .progress-bar-balance .currency-label, .settings-withdraw-progress-bar .progress-bar-content .member-remaining-turnover .progress-bar-balance .currency-label, .settings-withdraw-progress-bar .progress-bar-content .member-last-updated .progress-bar-balance .currency-label {
        display: block;
        font-size: .24rem;
        margin: .1rem 0 0
    }
}

@media(max-width: 768px) {
    .settings-withdraw-progress-bar .progress-bar-content .member-eligible-withdrawal, .settings-withdraw-progress-bar .progress-bar-content .member-remaining-turnover {
        flex-basis: 45%;
        padding: .2rem 0 .15rem
    }
}

@media(max-width: 768px) {
    .settings-withdraw-progress-bar .progress-bar-content .member-last-updated {
        padding: .1rem 0 0;
        width: 100%;
        background-color: #000
    }
}

.settings-withdraw-progress-bar .progress-bar-content .progress-bar-middle-line {
    width: .01rem;
    background: #f6f6f6;
    height: .35rem;
    margin: 0 .01rem
}

@media(max-width: 768px) {
    .settings-withdraw-progress-bar .progress-bar-content .progress-bar-middle-line {
        height: .5rem
    }
}

.settings-withdraw-progress-bar .progress-bar-content .progress-bar-auto-transfer {
    width: 50%;
    padding: 0 0 0 .15rem
}

    .settings-withdraw-progress-bar .progress-bar-content .progress-bar-auto-transfer .seamless-label {
        color: #888;
        margin-bottom: .1rem;
        font-size: .14rem;
        white-space: undefined
    }

    .settings-withdraw-progress-bar .progress-bar-content .progress-bar-auto-transfer .seamless-control {
        display: flex;
        align-items: center;
        margin: 0 0 0 .05rem
    }

        .settings-withdraw-progress-bar .progress-bar-content .progress-bar-auto-transfer .seamless-control.progress-bar-disable .check {
            background: #ababab !important;
            box-shadow: 0 0 0 .04rem #ababab !important
        }

        .settings-withdraw-progress-bar .progress-bar-content .progress-bar-auto-transfer .seamless-control.progress-bar-disable .seamless-status {
            color: #ababab !important
        }

        .settings-withdraw-progress-bar .progress-bar-content .progress-bar-auto-transfer .seamless-control .auto-transfer {
            position: relative;
            width: .25rem;
            height: .1rem;
            cursor: pointer;
            margin: 0 0 0 .05rem
        }

            .settings-withdraw-progress-bar .progress-bar-content .progress-bar-auto-transfer .seamless-control .auto-transfer input {
                opacity: 0
            }

                .settings-withdraw-progress-bar .progress-bar-content .progress-bar-auto-transfer .seamless-control .auto-transfer input:checked ~ .check-btn {
                    left: 60%;
                    background: url(../images/custom.png);
                    background-size: cover;
                    background-repeat: no-repeat
                }

            .settings-withdraw-progress-bar .progress-bar-content .progress-bar-auto-transfer .seamless-control .auto-transfer .check {
                position: absolute;
                top: 0;
                left: 0;
                cursor: pointer;
                width: 100%;
                height: 100%;
                background: #28db00;
                border-radius: .4rem;
                box-shadow: 0 0 0 .04rem #28db00
            }

            .settings-withdraw-progress-bar .progress-bar-content .progress-bar-auto-transfer .seamless-control .auto-transfer .check-btn {
                position: absolute;
                top: -.06rem;
                left: -.1rem;
                width: .21rem;
                height: .21rem;
                border-radius: .5rem;
                background: url(../images/custom.png);
                background-size: cover;
                background-repeat: no-repeat;
                transition: .3s
            }

        .settings-withdraw-progress-bar .progress-bar-content .progress-bar-auto-transfer .seamless-control .seamless-status {
            color: #28db00;
            font-size: .14rem;
            margin: 0 0 0 .2rem
        }

.settings-withdraw-progress-bar .user-verification-section {
    display: flex;
    margin: 0 0 .1rem
}

    .settings-withdraw-progress-bar .user-verification-section .progress-bar-middle-line {
        margin: 0 .15rem
    }

    .settings-withdraw-progress-bar .user-verification-section .user-verification-container {
        display: flex;
        align-items: center
    }

    .settings-withdraw-progress-bar .user-verification-section .verification-text {
        width: undefined;
        margin: 0 .2rem 0 0
    }

        .settings-withdraw-progress-bar .user-verification-section .verification-text p {
            margin-bottom: 0;
            color: #aaa;
            font-size: .14rem
        }

    .settings-withdraw-progress-bar .user-verification-section .verification-icons {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-gap: .05rem
    }

        .settings-withdraw-progress-bar .user-verification-section .verification-icons .verify-icon {
            fill: #6c708a;
            width: .3rem;
            height: .3rem;
            background: #3b405b;
            border-radius: 50%;
            padding: .05rem
        }

            .settings-withdraw-progress-bar .user-verification-section .verification-icons .verify-icon:hover {
                cursor: pointer
            }

            .settings-withdraw-progress-bar .user-verification-section .verification-icons .verify-icon.active {
                background: #28db00;
                fill: #fff
            }

.settings-withdraw-progress-bar .progress-bar-middle-line {
    width: .01rem;
    background: #f6f6f6;
    height: .35rem;
    margin: 0 .01rem
}

.progress-bar-balance-container {
    width: 100%;
    margin: .15rem 0 0;
    text-align: center;
    color: #aaa
}

@media(max-width: 768px) {
    .progress-bar-balance-container .progress-bar-balance {
        font-size: .22rem
    }
}

.progress-bar-balance-container .progress-bar-balance .time-label {
    margin: 0 0 0 .1rem
}

.m-crypto-withdrawal-container .m-transaction-form .qr-container {
    width: 100%;
    padding: .2rem .2rem .15rem;
    background: #eaeaea;
    border-radius: .1rem;
    margin: 0 0 .15rem
}

    .m-crypto-withdrawal-container .m-transaction-form .qr-container .qr-info {
        font-size: .25rem
    }

.m-crypto-withdrawal-container .m-transaction-form .m-select-warpper {
    justify-content: space-between
}

    .m-crypto-withdrawal-container .m-transaction-form .m-select-warpper .crypto-withdrawal-select {
        width: 80%
    }

    .m-crypto-withdrawal-container .m-transaction-form .m-select-warpper .crypto-withdrawal-select-btn {
        width: 15%;
        height: .8rem;
        padding: .05rem .1rem;
        min-width: 15%;
        border-radius: .1rem;
        margin: unset
    }

.m-crypto-withdrawal-container .m-transaction-form .transaction-button-section {
    width: 100%;
    margin-top: .2rem
}

.transfer-container .transaction-form {
    border-bottom: .01rem solid #dcdcdc;
    padding: .3rem
}

    .transfer-container .transaction-form .amount-promo-container {
        display: grid;
        align-items: flex-start;
        grid-template-columns: 31% 31% 31%;
        justify-content: space-between;
        padding: 0 .15rem
    }

        .transfer-container .transaction-form .amount-promo-container .valid-invalid-container {
            margin-top: .05rem;
            display: flex;
            align-items: center
        }

            .transfer-container .transaction-form .amount-promo-container .valid-invalid-container .valid-invalid-img {
                width: .17rem
            }

            .transfer-container .transaction-form .amount-promo-container .valid-invalid-container .specialCodeValid {
                color: #28db00;
                margin-left: .05rem
            }

            .transfer-container .transaction-form .amount-promo-container .valid-invalid-container .specialCodeInvalid {
                color: REd;
                margin-left: .05rem
            }

    .transfer-container .transaction-form .from-to-container {
        display: grid;
        align-items: flex-end;
        grid-template-columns: 31% 31% 31%;
        justify-content: space-between;
        padding: 0 .15rem
    }

        .transfer-container .transaction-form .from-to-container .standard-form-field-container:last-child {
            padding: 0
        }

    .transfer-container .transaction-form .standard-form-field-container {
        width: 100%
    }

        .transfer-container .transaction-form .standard-form-field-container .standard-form-field {
            width: 100%;
            margin-bottom: 0
        }

    .transfer-container .transaction-form .warning-txt {
        color: red
    }

.transfer-container .standard-form-container {
    padding: .3rem .1rem
}

    .transfer-container .standard-form-container .provider-category-list-container {
        width: 100%;
        padding: 0 .15rem
    }

        .transfer-container .standard-form-container .provider-category-list-container .standard-form-field {
            width: 33.33%;
            margin-bottom: .2rem;
            float: right
        }

    .transfer-container .standard-form-container .provider-list-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        flex-wrap: wrap;
        grid-gap: .15rem;
        padding: 0 .15rem;
        width: 100%
    }

        .transfer-container .standard-form-container .provider-list-container svg {
            width: .15rem;
            height: .15rem;
            fill: #888
        }

        .transfer-container .standard-form-container .provider-list-container .provider-item {
            border: .01rem solid transparent;
            border-radius: .06rem;
            display: flex;
            padding: .1rem;
            background: #f6f6f6
        }

            .transfer-container .standard-form-container .provider-list-container .provider-item:hover {
                cursor: pointer
            }

            .transfer-container .standard-form-container .provider-list-container .provider-item .pi-img {
                width: 30%
            }

                .transfer-container .standard-form-container .provider-list-container .provider-item .pi-img img {
                    height: .35rem
                }

            .transfer-container .standard-form-container .provider-list-container .provider-item .pi-content {
                width: 70%
            }

                .transfer-container .standard-form-container .provider-list-container .provider-item .pi-content p {
                    margin-bottom: .04rem
                }

                .transfer-container .standard-form-container .provider-list-container .provider-item .pi-content .pi-name {
                    width: 100%;
                    font-size: .13rem;
                    color: BLACk
                }

                .transfer-container .standard-form-container .provider-list-container .provider-item .pi-content .balance-addon-container {
                    display: flex;
                    justify-content: space-between;
                    align-items: center
                }

                    .transfer-container .standard-form-container .provider-list-container .provider-item .pi-content .balance-addon-container .pi-balance {
                        font-weight: 700
                    }

                .transfer-container .standard-form-container .provider-list-container .provider-item .pi-content .turnover-allin-container {
                    font-size: .14rem
                }

                    .transfer-container .standard-form-container .provider-list-container .provider-item .pi-content .turnover-allin-container .pi-turnover {
                        background: #dcdcdc;
                        padding: .03rem .05rem;
                        border-radius: .05rem;
                        margin: .02rem 0;
                        font-size: .13rem;
                        line-height: 1;
                        color: #888
                    }

                    .transfer-container .standard-form-container .provider-list-container .provider-item .pi-content .turnover-allin-container .pi-allin-btn {
                        padding: .03rem .02rem;
                        border-radius: .5rem;
                        border: .01rem solid #dcdcdc;
                        color: #888;
                        text-align: center;
                        margin-top: .1rem;
                        font-size: .13rem;
                        line-height: 1;
                        text-transform: undefined
                    }

                        .transfer-container .standard-form-container .provider-list-container .provider-item .pi-content .turnover-allin-container .pi-allin-btn:hover {
                            background: #4B91C9;
                            color: #fff;
                            border: .01rem solid #4B91C9
                        }

.m-transfer-container {
    margin: .2rem;
    overflow: scroll
}

    .m-transfer-container .provider-toggle-box-container {
        width: 100%;
        background: #4B91C9;
        color: #fff;
        padding: .25rem;
        border-radius: .1rem;
        margin: .2rem 0 0;
        font-size: .28rem;
        display: flex
    }

        .m-transfer-container .provider-toggle-box-container .pl-btn {
            width: 52%;
            display: flex;
            align-items: center;
            min-height: .5rem
        }

            .m-transfer-container .provider-toggle-box-container .pl-btn svg {
                width: .3rem;
                height: .3rem;
                fill: #fff;
                margin-right: .15rem;
                overflow: visible
            }

        .m-transfer-container .provider-toggle-box-container .provider-category-list-container {
            width: 48%;
            padding: 0
        }

            .m-transfer-container .provider-toggle-box-container .provider-category-list-container .standard-form-field {
                width: 100%;
                margin-bottom: 0;
                display: block
            }

                .m-transfer-container .provider-toggle-box-container .provider-category-list-container .standard-form-field .standard-select {
                    min-height: .5rem;
                    border: transparent
                }

                .m-transfer-container .provider-toggle-box-container .provider-category-list-container .standard-form-field .standard-select-arrow {
                    top: .15rem;
                    border-width: 0 .05rem .05rem 0;
                    width: .15rem;
                    height: .15rem
                }

                    .m-transfer-container .provider-toggle-box-container .provider-category-list-container .standard-form-field .standard-select-arrow::after {
                        top: .13rem
                    }

                .m-transfer-container .provider-toggle-box-container .provider-category-list-container .standard-form-field.hidden {
                    display: none
                }

    .m-transfer-container .provider-list-container {
        margin: 0 0 .3rem;
        border-radius: .1rem
    }

        .m-transfer-container .provider-list-container .pl-content {
            background: #f6f6f6;
            backdrop-filter: blur(0.02rem);
            border-radius: .1rem;
            color: BLACk;
            padding: .15rem
        }

            .m-transfer-container .provider-list-container .pl-content .pl-box {
                display: grid;
                grid-template-columns: 2fr 2fr;
                flex-wrap: wrap;
                grid-gap: .2rem
            }

                .m-transfer-container .provider-list-container .pl-content .pl-box .provider-item {
                    border: .01rem solid #dcdcdc;
                    border-radius: .1rem;
                    display: flex;
                    padding: .1rem;
                    background: #f6f6f6;
                    backdrop-filter: blur(0.02rem)
                }

                    .m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-img {
                        width: 27%
                    }

                        .m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-img img {
                            height: .6rem
                        }

                    .m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content {
                        width: 68%
                    }

                        .m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content p {
                            margin-bottom: .02rem
                        }

                        .m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content .pi-name {
                            width: 100%;
                            font-size: .22rem;
                            color: BLACk
                        }

                        .m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content .balance-addon-container {
                            display: flex;
                            justify-content: space-between;
                            align-items: center
                        }

                            .m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content .balance-addon-container .pi-balance {
                                font-weight: 700;
                                font-size: .25rem;
                                color: BLACk
                            }

                            .m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content .balance-addon-container .pi-add-btn svg {
                                fill: #888;
                                width: .35rem;
                                height: .35rem
                            }

                        .m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content .turnover-allin-container {
                            font-size: .22rem
                        }

                            .m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content .turnover-allin-container .pi-turnover {
                                background: #dcdcdc;
                                padding: .05rem;
                                border-radius: .05rem;
                                line-height: 1;
                                color: #888
                            }

                            .m-transfer-container .provider-list-container .pl-content .pl-box .provider-item .pi-content .turnover-allin-container .pi-allin-btn {
                                padding: .02rem;
                                border-radius: .5rem;
                                border: .01rem solid #dcdcdc;
                                text-align: center;
                                margin-top: .1rem;
                                font-size: .24rem;
                                color: #888
                            }

    .m-transfer-container .transaction-form {
        width: 100%
    }

        .m-transfer-container .transaction-form .valid-invalid-container {
            margin-top: .05rem;
            display: flex;
            align-items: center
        }

            .m-transfer-container .transaction-form .valid-invalid-container .valid-invalid-img {
                width: .5rem
            }

            .m-transfer-container .transaction-form .valid-invalid-container .specialCodeValid {
                color: #28db00;
                margin-left: .05rem
            }

            .m-transfer-container .transaction-form .valid-invalid-container .specialCodeInvalid {
                color: REd;
                margin-left: .05rem
            }

        .m-transfer-container .transaction-form .warning-txt {
            color: red
        }

.transaction-button-section .standard-button-container {
    justify-content: space-between
}

    .transaction-button-section .standard-button-container .standard-submit-form-button {
        background: #b6b6b6
    }

        .transaction-button-section .standard-button-container .standard-submit-form-button svg {
            fill: #28db00
        }

            .transaction-button-section .standard-button-container .standard-submit-form-button svg .st0 {
                fill: #28db00 !important
            }

        .transaction-button-section .standard-button-container .standard-submit-form-button:nth-child(2) {
            background: undefined;
            color: undefined
        }

            .transaction-button-section .standard-button-container .standard-submit-form-button:nth-child(2):hover {
                background: undefined
            }

        .transaction-button-section .standard-button-container .standard-submit-form-button:disabled {
            opacity: undefined
        }

    .transaction-button-section .standard-button-container .standard-cancel-form-button {
        background: #e9203d
    }

        .transaction-button-section .standard-button-container .standard-cancel-form-button svg {
            fill: #fff
        }

            .transaction-button-section .standard-button-container .standard-cancel-form-button svg circle {
                fill: undefined
            }

        .transaction-button-section .standard-button-container .standard-cancel-form-button.inverted-theme-button {
            background: undefined
        }

            .transaction-button-section .standard-button-container .standard-cancel-form-button.inverted-theme-button svg {
                fill: undefined
            }

                .transaction-button-section .standard-button-container .standard-cancel-form-button.inverted-theme-button svg circle {
                    fill: undefined
                }

    .transaction-button-section .standard-button-container .standard-add-form-button {
        background: #b6b6b6
    }

        .transaction-button-section .standard-button-container .standard-add-form-button svg {
            fill: #28db00
        }

        .transaction-button-section .standard-button-container .standard-add-form-button:disabled {
            opacity: undefined
        }

    .transaction-button-section .standard-button-container .standard-delete-form-button {
        background: #e9203d
    }

        .transaction-button-section .standard-button-container .standard-delete-form-button svg {
            fill: #28db00
        }

        .transaction-button-section .standard-button-container .standard-delete-form-button.inverted-theme-button {
            background: undefined
        }

            .transaction-button-section .standard-button-container .standard-delete-form-button.inverted-theme-button svg {
                fill: undefined
            }

                .transaction-button-section .standard-button-container .standard-delete-form-button.inverted-theme-button svg circle {
                    fill: undefined
                }

    .transaction-button-section .standard-button-container .standard-fund-form-button {
        background: #c3c3c3
    }

        .transaction-button-section .standard-button-container .standard-fund-form-button svg {
            fill: #fff
        }

    .transaction-button-section .standard-button-container .standard-submit-form-button, .transaction-button-section .standard-button-container .standard-cancel-form-button, .transaction-button-section .standard-button-container .standard-add-form-button, .transaction-button-section .standard-button-container .standard-delete-form-button, .transaction-button-section .standard-button-container .standard-fund-form-button {
        display: flex;
        justify-content: center;
        align-items: center;
        height: .5rem;
        font-size: .14rem;
        min-width: 48%;
        border: 0;
        border-radius: .05rem;
        font-weight: 600;
        padding: 0 .2rem;
        text-transform: capitalize
    }

        .transaction-button-section .standard-button-container .standard-submit-form-button svg, .transaction-button-section .standard-button-container .standard-cancel-form-button svg, .transaction-button-section .standard-button-container .standard-add-form-button svg, .transaction-button-section .standard-button-container .standard-delete-form-button svg, .transaction-button-section .standard-button-container .standard-fund-form-button svg {
            margin-right: .1rem;
            width: .16rem;
            height: .16rem
        }

        .transaction-button-section .standard-button-container .standard-submit-form-button img, .transaction-button-section .standard-button-container .standard-cancel-form-button img, .transaction-button-section .standard-button-container .standard-add-form-button img, .transaction-button-section .standard-button-container .standard-delete-form-button img, .transaction-button-section .standard-button-container .standard-fund-form-button img {
            height: 100%
        }

        .transaction-button-section .standard-button-container .standard-submit-form-button:disabled, .transaction-button-section .standard-button-container .standard-cancel-form-button:disabled, .transaction-button-section .standard-button-container .standard-add-form-button:disabled, .transaction-button-section .standard-button-container .standard-delete-form-button:disabled, .transaction-button-section .standard-button-container .standard-fund-form-button:disabled {
            opacity: .3;
            pointer-events: auto !important;
            cursor: not-allowed !important;
            background: #b6b6b6
        }

            .transaction-button-section .standard-button-container .standard-submit-form-button:disabled:hover, .transaction-button-section .standard-button-container .standard-cancel-form-button:disabled:hover, .transaction-button-section .standard-button-container .standard-add-form-button:disabled:hover, .transaction-button-section .standard-button-container .standard-delete-form-button:disabled:hover, .transaction-button-section .standard-button-container .standard-fund-form-button:disabled:hover {
                background: #b6b6b6
            }

        .transaction-button-section .standard-button-container .standard-submit-form-button:hover, .transaction-button-section .standard-button-container .standard-add-form-button:hover, .transaction-button-section .standard-button-container .standard-fund-form-button:hover {
            background: #b6b6b6cc
        }

        .transaction-button-section .standard-button-container .standard-cancel-form-button:hover, .transaction-button-section .standard-button-container .standard-delete-form-button:hover {
            background: #fb2525
        }

        .transaction-button-section .standard-button-container .standard-cancel-form-button.inverted-theme-button:hover, .transaction-button-section .standard-button-container .standard-delete-form-button.inverted-theme-button:hover {
            background: undefined
        }

@media(max-width: 768px) {
    .transaction-button-section .standard-button-container .standard-add-form-button, .transaction-button-section .standard-button-container .standard-submit-form-button {
        background: undefined
    }

    .transaction-button-section .standard-button-container .standard-cancel-form-button {
        background: undefined
    }

        .transaction-button-section .standard-button-container .standard-cancel-form-button:hover {
            background: undefined
        }

        .transaction-button-section .standard-button-container .standard-cancel-form-button.inverted-theme-button {
            background: undefined
        }

            .transaction-button-section .standard-button-container .standard-cancel-form-button.inverted-theme-button:hover {
                background: undefined
            }

    .transaction-button-section .standard-button-container .standard-submit-form-button, .transaction-button-section .standard-button-container .standard-cancel-form-button, .transaction-button-section .standard-button-container .standard-add-form-button, .transaction-button-section .standard-button-container .standard-delete-form-button, .transaction-button-section .standard-button-container .standard-fund-form-button {
        height: .85rem;
        font-size: .25rem;
        border-radius: .1rem
    }

        .transaction-button-section .standard-button-container .standard-submit-form-button svg, .transaction-button-section .standard-button-container .standard-cancel-form-button svg, .transaction-button-section .standard-button-container .standard-add-form-button svg, .transaction-button-section .standard-button-container .standard-delete-form-button svg, .transaction-button-section .standard-button-container .standard-fund-form-button svg {
            margin-right: .15rem;
            width: .32rem;
            height: .32rem
        }
}

.transaction-note-section {
    width: 45%;
    z-index: 900;
    flex: 1;
    padding: 0 .2rem
}

    .transaction-note-section .transaction-notes-container .note-icon {
        margin-left: auto;
        text-align: right;
        display: flex;
        justify-content: end;
        align-items: center
    }

        .transaction-note-section .transaction-notes-container .note-icon span {
            margin-right: .05rem
        }

            .transaction-note-section .transaction-notes-container .note-icon span.notice {
                text-transform: uppercase
            }

        .transaction-note-section .transaction-notes-container .note-icon svg {
            width: .25rem;
            height: .25rem;
            fill: #4B91C9
        }

            .transaction-note-section .transaction-notes-container .note-icon svg:hover {
                cursor: pointer
            }

    .transaction-note-section .transaction-notes-container .notes-modal-opacity-default-show {
        opacity: 1;
        display: block
    }

    .transaction-note-section .transaction-notes-container .notes-modal-opacity-default-hide {
        opacity: 0;
        display: none
    }

    .transaction-note-section .transaction-notes-container .transaction-note-fade-enter {
        opacity: 0 !important
    }

    .transaction-note-section .transaction-notes-container .transaction-note-fade-enter-active {
        opacity: 1 !important;
        transition: opacity 500ms;
        transition-timing-function: ease
    }

    .transaction-note-section .transaction-notes-container .transaction-note-fade-enter-done {
        opacity: 1 !important
    }

    .transaction-note-section .transaction-notes-container .transaction-note-fade-exit {
        opacity: 1 !important
    }

    .transaction-note-section .transaction-notes-container .transaction-note-fade-exit-active {
        opacity: 0 !important;
        transition: opacity 500ms;
        transition-timing-function: ease
    }

    .transaction-note-section .transaction-notes-container .transaction-note-fade-exit-done {
        opacity: 0 !important
    }

    .transaction-note-section .transaction-notes-container .transaction-note-fade-enter-active, .transaction-note-section .transaction-notes-container .transaction-note-fade-enter-active, .transaction-note-section .transaction-notes-container .transaction-note-fade-enter-done {
        display: block
    }

    .transaction-note-section .transaction-notes-container .defaultApperance-enter {
        opacity: 0 !important
    }

    .transaction-note-section .transaction-notes-container .defaultApperance-enter-active {
        opacity: 1 !important;
        transition: opacity 0
    }

    .transaction-note-section .transaction-notes-container .defaultApperance-enter-done {
        opacity: 1 !important
    }

    .transaction-note-section .transaction-notes-container .defaultApperance-exit {
        opacity: 1 !important
    }

    .transaction-note-section .transaction-notes-container .defaultApperance-exit-active {
        opacity: 0 !important;
        transition: opacity 0
    }

    .transaction-note-section .transaction-notes-container .defaultApperance-exit-done {
        opacity: 0 !important
    }

    .transaction-note-section .transaction-notes-container .defaultApperance-enter, .transaction-note-section .transaction-notes-container .defaultApperance-enter-active, .transaction-note-section .transaction-notes-container .defaultApperance-enter-done {
        display: block
    }

    .transaction-note-section .transaction-notes-container .notes-modal {
        background: #000000cf;
        color: #888;
        padding: .2rem;
        border-radius: .05rem;
        font-size: .14rem;
        border: undefined
    }

        .transaction-note-section .transaction-notes-container .notes-modal .note-info-container {
            margin: 0 0 .15rem
        }

            .transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info {
                margin: 0 0 .1rem;
                display: flex
            }

                .transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span {
                    display: block
                }

                    .transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span:first-child {
                        width: 40%;
                        margin-right: .1rem;
                        font-weight: undefined
                    }

                    .transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span:last-child {
                        width: 70%;
                        color: #888;
                        font-weight: undefined
                    }

        .transaction-note-section .transaction-notes-container .notes-modal .note-info-detail p {
            margin: 0;
            padding: 0 0 .2rem
        }

.m-transaction-note-section .transaction-notes-container .note-icon {
    width: 10%;
    margin-left: auto;
    text-align: right
}

    .m-transaction-note-section .transaction-notes-container .note-icon svg {
        width: .25rem;
        height: .25rem;
        fill: #4B91C9
    }

.m-transaction-note-section .transaction-notes-container .notes-modal {
    background: #f6f6f6;
    color: BLACk;
    padding: .25rem .3rem;
    border-radius: .1rem;
    font-size: .25rem;
    margin: .25rem 0 0;
    backdrop-filter: undefined
}

    .m-transaction-note-section .transaction-notes-container .notes-modal .note-info-detail ol li:last-child {
        padding: 0
    }

    .m-transaction-note-section .transaction-notes-container .notes-modal .note-info-container {
        margin: 0 0 .15rem
    }

        .m-transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info {
            margin: 0 0 .1rem;
            display: flex
        }

            .m-transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span {
                display: block
            }

                .m-transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span:first-child {
                    width: 40%;
                    margin-right: .1rem
                }

                .m-transaction-note-section .transaction-notes-container .notes-modal .note-info-container .note-info span:last-child {
                    width: 70%;
                    color: #4b91c9
                }

    .m-transaction-note-section .transaction-notes-container .notes-modal .note-info-detail p {
        margin: 0;
        padding: 0 0 .2rem
    }

.pagination-container {
    display: flex;
    color: #888;
    font-size: .13rem;
    align-items: center;
    justify-content: space-between;
    margin: .1rem 0 0
}

    .pagination-container .pagination-wrapper .pagination-content {
        display: flex;
        background: unset
    }

        .pagination-container .pagination-wrapper .pagination-content .page-item {
            padding: .08rem .1rem;
            border: .01rem solid #dcdcdc
        }

            .pagination-container .pagination-wrapper .pagination-content .page-item:hover {
                text-decoration: underline
            }

            .pagination-container .pagination-wrapper .pagination-content .page-item:first-child {
                border-top-left-radius: .05rem;
                border-bottom-left-radius: .05rem
            }

            .pagination-container .pagination-wrapper .pagination-content .page-item:last-child {
                border-top-right-radius: .05rem;
                border-bottom-right-radius: .05rem
            }

            .pagination-container .pagination-wrapper .pagination-content .page-item .page-link {
                color: #888 !important
            }

@media(max-width: 768px) {
    .pagination-container {
        font-size: .25rem;
        margin: .2rem 0 0;
        width: 100%;
        position: relative
    }

        .pagination-container .pagination-wrapper .pagination-content .page-item {
            padding: .15rem .2rem
        }

        .pagination-container .pagination-declaration-container .pagination-declaration-content {
            margin: 0 0 .16rem
        }
}

.referral-share-modal-body svg {
    fill: #696969;
    width: .62rem;
    height: .62rem
}

.referral-share-modal-body img {
    width: .62rem;
    height: .62rem
}

.bank-detail-container .select-bank-form {
    padding: .3rem .1rem
}

    .bank-detail-container .select-bank-form .standard-form-one-row-container {
        display: grid;
        align-items: normal;
        grid-template-columns: 31% 31% 31%;
        width: 100%;
        grid-gap: .25rem;
        row-gap: 0;
        padding: 0 .15rem;
        justify-content: space-between
    }

        .bank-detail-container .select-bank-form .standard-form-one-row-container:first-child {
            margin-top: 0
        }

        .bank-detail-container .select-bank-form .standard-form-one-row-container .standard-form-field-container {
            width: 100%
        }

            .bank-detail-container .select-bank-form .standard-form-one-row-container .standard-form-field-container .standard-form-field .standard-select {
                padding: .05rem .2rem .05rem .1rem
            }

        .bank-detail-container .select-bank-form .standard-form-one-row-container .transaction-button-section {
            width: 100%
        }

            .bank-detail-container .select-bank-form .standard-form-one-row-container .transaction-button-section .standard-button-container {
                width: 100%
            }

                .bank-detail-container .select-bank-form .standard-form-one-row-container .transaction-button-section .standard-button-container button {
                    min-width: 100%;
                    padding: 0 .06rem;
                    margin: .09rem 0 0
                }

.bank-detail-container .contactSuppor-style-warpper {
    padding: .15rem .1rem !important
}

    .bank-detail-container .contactSuppor-style-warpper .contactSuppor-style {
        color: red;
        padding: 0 .2rem;
        font-weight: 700;
        font-size: .12rem
    }

.bank-detail-container .main-detail {
    padding: .3rem .1rem;
    border-top: .01rem solid #dcdcdc
}

    .bank-detail-container .main-detail .box-container {
        width: 65%;
        border: .01rem solid #dcdcdc;
        border-radius: .1rem;
        background: #f6f6f6;
        margin: 0 .15rem
    }

        .bank-detail-container .main-detail .box-container .box {
            display: flex;
            border-bottom: .01rem solid #dcdcdc;
            padding: .15rem
        }

            .bank-detail-container .main-detail .box-container .box:last-child {
                border-bottom: 0
            }

            .bank-detail-container .main-detail .box-container .box .box-warpper {
                display: flex;
                width: 65%
            }

                .bank-detail-container .main-detail .box-container .box .box-warpper .bank-item-col {
                    margin: 0 .1rem 0 0;
                    width: .6rem;
                    height: .6rem
                }

                    .bank-detail-container .main-detail .box-container .box .box-warpper .bank-item-col span img {
                        width: 100%;
                        background: #ededed;
                        border-radius: .05rem;
                        padding: .01rem;
                        width: .6rem;
                        height: .6rem
                    }

                    .bank-detail-container .main-detail .box-container .box .box-warpper .bank-item-col .bank-other {
                        width: .22rem;
                        height: .22rem;
                        overflow: unset;
                        fill: BLACk
                    }

                .bank-detail-container .main-detail .box-container .box .box-warpper .bank-info-col {
                    width: 80%
                }

                    .bank-detail-container .main-detail .box-container .box .box-warpper .bank-info-col p {
                        margin-bottom: 0;
                        font-size: .14rem;
                        word-break: break-word;
                        color: undefined
                    }

                    .bank-detail-container .main-detail .box-container .box .box-warpper .bank-info-col .bank-created-date {
                        color: #252525
                    }

                    .bank-detail-container .main-detail .box-container .box .box-warpper .bank-info-col .bank-name {
                        font-size: .17rem;
                        font-weight: 700;
                        color: #4B91C9
                    }

            .bank-detail-container .main-detail .box-container .box .transaction-button-section {
                width: 35%;
                padding: 0 0 0 .1rem;
                display: flex;
                align-items: center;
                justify-content: undefined
            }

                .bank-detail-container .main-detail .box-container .box .transaction-button-section .standard-button-container {
                    width: 100%
                }

                    .bank-detail-container .main-detail .box-container .box .transaction-button-section .standard-button-container button {
                        width: 100%;
                        min-width: 100%
                    }

                .bank-detail-container .main-detail .box-container .box .transaction-button-section .bank-verify-info {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 1.1rem;
                    border-radius: .2rem;
                    line-height: .1rem;
                    padding: .08rem
                }

                    .bank-detail-container .main-detail .box-container .box .transaction-button-section .bank-verify-info.P {
                        background: rgba(255,138,0,.1);
                        color: #ff8a00
                    }

                    .bank-detail-container .main-detail .box-container .box .transaction-button-section .bank-verify-info.A {
                        background: rgba(40,219,1,.1);
                        color: #28db01
                    }

                    .bank-detail-container .main-detail .box-container .box .transaction-button-section .bank-verify-info.R {
                        background: rgba(255,0,0,.1);
                        color: red
                    }

                    .bank-detail-container .main-detail .box-container .box .transaction-button-section .bank-verify-info svg {
                        width: .14rem;
                        height: .14rem;
                        margin: 0 .05rem 0 0
                    }

.change-password-container {
    padding: .3rem .1rem
}

    .change-password-container .change-password-form {
        width: 45%;
        padding: 0 .15rem
    }

.change-provider-password-container {
    padding: .3rem .1rem
}

    .change-provider-password-container .change-provider-password-form {
        width: 45%;
        padding: 0 .15rem
    }

        .change-provider-password-container .change-provider-password-form .standard-form-field .standard-input:disabled {
            cursor: no-drop
        }

        .change-provider-password-container .change-provider-password-form .standard-form-field .notice-text {
            font-size: .12rem;
            background: #f6f6f6;
            color: REd;
            padding: .12rem;
            border-radius: .06rem;
            position: absolute;
            display: flex;
            width: 100%;
            right: -105%
        }

.message-container .message-form-warrper {
    padding: .3rem .1rem .2rem
}

    .message-container .message-form-warrper .message-form {
        display: flex;
        align-items: flex-end;
        margin-bottom: .14rem
    }

        .message-container .message-form-warrper .message-form .standard-form-field {
            width: 30%;
            margin: 0 .15rem
        }

            .message-container .message-form-warrper .message-form .standard-form-field input[type=date]::-webkit-calendar-picker-indicator {
                position: absolute;
                right: .1rem;
                content: "";
                background: url(/public/html/images/icon/fa-calendar.svg);
                width: .2rem;
                height: .22rem;
                cursor: pointer
            }

            .message-container .message-form-warrper .message-form .standard-form-field .standard-select-arrow {
                top: .34rem
            }

        .message-container .message-form-warrper .message-form .transaction-button-section {
            width: 25%;
            margin: 0 .15rem
        }

            .message-container .message-form-warrper .message-form .transaction-button-section .standard-submit-form-button {
                width: 100%
            }

.message-container .select-delete-container {
    width: 46.5%;
    display: flex;
    margin: .3rem .15rem 0;
    justify-content: space-between
}

    .message-container .select-delete-container .standard-checkbox-container {
        display: flex;
        align-items: center;
        width: 58%
    }

        .message-container .select-delete-container .standard-checkbox-container label {
            margin: 0 0 0 .1rem;
            color: BlacK
        }

    .message-container .select-delete-container .transaction-button-section {
        width: 40%
    }

        .message-container .select-delete-container .transaction-button-section .standard-button-container {
            width: 100%;
            min-width: 100%
        }

            .message-container .select-delete-container .transaction-button-section .standard-button-container button {
                width: 100%;
                height: .4rem
            }

                .message-container .select-delete-container .transaction-button-section .standard-button-container button svg {
                    width: .16rem;
                    height: .16rem;
                    fill: #fff
                }

.message-container .standard-invisible-checkbox {
    width: .15rem;
    height: 100%
}

.message-container .main-detail-container {
    padding: 0 .15rem .3rem;
    border-top: unset
}

    .message-container .main-detail-container .main-detail-content {
        display: flex;
        justify-content: space-between
    }

        .message-container .main-detail-container .main-detail-content .box-container {
            width: 47%;
            border: .01rem solid #dcdcdc;
            border-radius: .1rem;
            background: 0 0;
            margin: 0 .1rem;
            color: undefine
        }

            .message-container .main-detail-container .main-detail-content .box-container .box {
                display: flex;
                border-bottom: .01rem solid #dcdcdc;
                padding: .15rem
            }

                .message-container .main-detail-container .main-detail-content .box-container .box:last-child {
                    border-bottom: 0
                }

                .message-container .main-detail-container .main-detail-content .box-container .box.current-read {
                    background-color: #f6f6f6
                }

                .message-container .main-detail-container .main-detail-content .box-container .box .main-detail {
                    width: 85%;
                    display: grid;
                    grid-template-columns: 10% 5% 85%
                }

                    .message-container .main-detail-container .main-detail-content .box-container .box .main-detail .standard-checkbox-container {
                        display: flex;
                        align-items: center
                    }

                    .message-container .main-detail-container .main-detail-content .box-container .box .main-detail .unread-symbol {
                        background: #e9203d;
                        border-radius: 50%;
                        height: .1rem;
                        width: .1rem
                    }

                    .message-container .main-detail-container .main-detail-content .box-container .box .main-detail .message-details {
                        overflow-wrap: anywhere;
                        display: inline-block;
                        word-break: break-word;
                        cursor: pointer
                    }

                        .message-container .main-detail-container .main-detail-content .box-container .box .main-detail .message-details .date {
                            font-size: .12rem;
                            color: #252525;
                            margin: 0
                        }

                        .message-container .main-detail-container .main-detail-content .box-container .box .main-detail .message-details .title {
                            font-size: .14rem;
                            color: BlacK;
                            margin: 0
                        }

                        .message-container .main-detail-container .main-detail-content .box-container .box .main-detail .message-details .unread {
                            color: #4B91C9
                        }

                        .message-container .main-detail-container .main-detail-content .box-container .box .main-detail .message-details .current-read {
                            color: BlacK
                        }

                .message-container .main-detail-container .main-detail-content .box-container .box .delete-bank-col {
                    width: 15%;
                    display: flex;
                    align-items: center;
                    justify-content: flex-end
                }

                    .message-container .main-detail-container .main-detail-content .box-container .box .delete-bank-col .delete-icon {
                        background: unset
                    }

                .message-container .main-detail-container .main-detail-content .box-container .box svg {
                    width: .2rem;
                    height: .2rem;
                    fill: #888
                }

            .message-container .main-detail-container .main-detail-content .box-container .empty-container {
                padding: .3rem
            }

        .message-container .main-detail-container .main-detail-content .message-detail-container {
            width: 47%;
            font-size: .14rem;
            border: .01rem solid transparent;
            background: #f6f6f6;
            border-radius: .1rem;
            padding: .15rem;
            margin: 0 .1rem;
            overflow-wrap: anywhere;
            display: inline-block;
            word-break: break-word
        }

            .message-container .main-detail-container .main-detail-content .message-detail-container .detail-box {
                display: flex
            }

                .message-container .main-detail-container .main-detail-content .message-detail-container .detail-box .icon-col {
                    margin: 0 .1rem 0 0
                }

                    .message-container .main-detail-container .main-detail-content .message-detail-container .detail-box .icon-col svg {
                        width: .2rem;
                        height: .2rem;
                        fill: #b8b8b8
                    }

                .message-container .main-detail-container .main-detail-content .message-detail-container .detail-box .info-col .date {
                    color: #252525;
                    margin: 0;
                    font-size: .12rem
                }

                .message-container .main-detail-container .main-detail-content .message-detail-container .detail-box .info-col .title {
                    color: #4B91C9;
                    margin: 0 0 .05rem;
                    font-size: .16rem
                }

                .message-container .main-detail-container .main-detail-content .message-detail-container .detail-box .info-col .info-row p {
                    color: BLACk
                }

                .message-container .main-detail-container .main-detail-content .message-detail-container .detail-box .info-col .info-row img {
                    width: 100% !important;
                    height: auto !important
                }

    .message-container .main-detail-container .my-2 {
        display: flex;
        color: #bfbfbf;
        font-size: .14rem;
        align-items: center;
        justify-content: space-between;
        margin: .1rem 0 0;
        width: 50%
    }

        .message-container .main-detail-container .my-2 .my-auto {
            max-width: 20%
        }

        .message-container .main-detail-container .my-2 .my-pagination {
            max-width: 44%
        }

            .message-container .main-detail-container .my-2 .my-pagination .pagination {
                display: flex
            }

                .message-container .main-detail-container .my-2 .my-pagination .pagination .page-item {
                    padding: .08rem .12rem
                }

                    .message-container .main-detail-container .my-2 .my-pagination .pagination .page-item:first-child {
                        border: .01rem solid #dcdcdc;
                        border-radius: .02rem 0 0 .02rem
                    }

                    .message-container .main-detail-container .my-2 .my-pagination .pagination .page-item:nth-child(2) {
                        border-top: .01rem solid #dcdcdc;
                        border-bottom: .01rem solid #dcdcdc
                    }

                    .message-container .main-detail-container .my-2 .my-pagination .pagination .page-item:last-child {
                        border: .01rem solid #dcdcdc;
                        border-radius: 0 .02rem .02rem 0
                    }

                    .message-container .main-detail-container .my-2 .my-pagination .pagination .page-item .page-link {
                        color: #888 !important
                    }

    .message-container .main-detail-container .pagination-section {
        padding: 0 .15rem;
        width: 50%
    }

        .message-container .main-detail-container .pagination-section .pagination-declaration-container .pagination-declaration-content {
            margin: 0
        }

.setting-profile-container {
    padding: .3rem .1rem;
    display: flex;
    justify-content: space-between
}

    .setting-profile-container .profile-column {
        width: 48%;
        padding: 0 .15rem
    }

        .setting-profile-container .profile-column .standard-form-field {
            margin-bottom: .2rem;
            justify-content: space-between
        }

            .setting-profile-container .profile-column .standard-form-field .showEditIcon {
                width: 50%;
                display: flex;
                cursor: pointer;
                align-items: center
            }

                .setting-profile-container .profile-column .standard-form-field .showEditIcon .iconStyling {
                    width: 12%;
                    margin: 0 0 0 .05rem
                }

            .setting-profile-container .profile-column .standard-form-field .standard-label {
                width: auto
            }

            .setting-profile-container .profile-column .standard-form-field .standard-input:disabled {
                background: 0 0;
                color: #4B91C9;
                cursor: no-drop;
                height: unset;
                width: unset;
                padding: unset;
                border: unset;
                border-bottom: unset;
                text-align: right
            }

            .setting-profile-container .profile-column .standard-form-field .aff-profile-link .aff-link-container {
                padding: 0 .06rem
            }

                .setting-profile-container .profile-column .standard-form-field .aff-profile-link .aff-link-container a {
                    color: #00e
                }

                .setting-profile-container .profile-column .standard-form-field .aff-profile-link .aff-link-container .shareBtn-container {
                    margin: .1rem 0
                }

                    .setting-profile-container .profile-column .standard-form-field .aff-profile-link .aff-link-container .shareBtn-container .referral-btn {
                        background: #4B91C9;
                        padding: .1rem;
                        border-radius: .04rem;
                        color: #fff;
                        border: undefined
                    }

                        .setting-profile-container .profile-column .standard-form-field .aff-profile-link .aff-link-container .shareBtn-container .referral-btn:hover {
                            filter: brightness(110%)
                        }

            .setting-profile-container .profile-column .standard-form-field .profile-input a {
                font-size: .14rem
            }

            .setting-profile-container .profile-column .standard-form-field .standard-form-field-inner-container {
                display: flex
            }

                .setting-profile-container .profile-column .standard-form-field .standard-form-field-inner-container .verify-icon {
                    width: .18rem
                }

    .setting-profile-container.setting-profile-card-container {
        padding: .5rem .6rem .8rem .33rem
    }

        .setting-profile-container.setting-profile-card-container p {
            margin: 0
        }

        .setting-profile-container.setting-profile-card-container .card-column {
            position: relative;
            height: fit-content;
            padding: .24rem .2rem .24rem .27rem;
            background: linear-gradient(90deg,rgba(25,35,81,0.1) 0%,rgba(25,35,81,0) 100%);
            border-radius: .1rem;
            font-size: .14rem
        }

            .setting-profile-container.setting-profile-card-container .card-column .member-info {
                display: grid;
                grid-template-columns: 13% 45% 42%;
                align-items: center
            }

                .setting-profile-container.setting-profile-card-container .card-column .member-info .account-container {
                    position: relative;
                    width: fit-content;
                    height: fit-content
                }

                    .setting-profile-container.setting-profile-card-container .card-column .member-info .account-container .member-profile-img {
                        width: .4rem;
                        height: .4rem;
                        border: .01rem solid #aaa;
                        border-radius: 50%
                    }

                    .setting-profile-container.setting-profile-card-container .card-column .member-info .account-container .verify-icon {
                        position: absolute;
                        bottom: -.04rem;
                        left: -.05rem
                    }

                        .setting-profile-container.setting-profile-card-container .card-column .member-info .account-container .verify-icon svg {
                            height: .15rem;
                            width: .15rem
                        }

                            .setting-profile-container.setting-profile-card-container .card-column .member-info .account-container .verify-icon svg .st0 {
                                fill: #28db00 !important
                            }

                    .setting-profile-container.setting-profile-card-container .card-column .member-info .account-container .vip-list {
                        position: absolute;
                        right: -.05rem;
                        top: -.06rem;
                        background: gray;
                        color: #fff;
                        padding: .02rem .04rem;
                        border-radius: .2rem;
                        font-size: .1rem
                    }

                .setting-profile-container.setting-profile-card-container .card-column .member-info .profile-container {
                    width: fit-content;
                    height: fit-content;
                    margin: 0 0 0 .08rem
                }

                    .setting-profile-container.setting-profile-card-container .card-column .member-info .profile-container .profile-name {
                        color: #4B91C9;
                        font-weight: 600;
                        margin: 0 0 .02rem;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                        word-break: break-word;
                        font-size: .15rem
                    }

                    .setting-profile-container.setting-profile-card-container .card-column .member-info .profile-container p {
                        font-size: .1rem
                    }

                .setting-profile-container.setting-profile-card-container .card-column .member-info .referral-container {
                    width: fit-content;
                    height: fit-content;
                    margin: 0 0 0 .05rem
                }

                    .setting-profile-container.setting-profile-card-container .card-column .member-info .referral-container .referral-label {
                        font-size: .1rem
                    }

                    .setting-profile-container.setting-profile-card-container .card-column .member-info .referral-container .referral-wrapper {
                        position: relative;
                        margin: .04rem 0 0;
                        cursor: pointer
                    }

                        .setting-profile-container.setting-profile-card-container .card-column .member-info .referral-container .referral-wrapper .referral-input {
                            height: fit-content;
                            padding: .03rem .3rem .03rem .11rem;
                            background: rgba(25,35,81,.1);
                            border: .01rem dashed #4B91C9;
                            border-radius: .05rem;
                            font-size: .14rem;
                            text-overflow: ellipsis;
                            color: #4B91C9
                        }

                        .setting-profile-container.setting-profile-card-container .card-column .member-info .referral-container .referral-wrapper .referral-input-svg {
                            position: absolute;
                            right: .11rem;
                            top: 50%;
                            transform: translateY(-50%);
                            width: .2rem;
                            height: .2rem;
                            fill: #4B91C9
                        }

            .setting-profile-container.setting-profile-card-container .card-column .member-info-verify {
                margin: .24rem 0 0
            }

            .setting-profile-container.setting-profile-card-container .card-column .member-social-verify {
                margin: .16rem 0 0
            }

            .setting-profile-container.setting-profile-card-container .card-column .verify-icon-container {
                margin: .05rem 0 0;
                display: flex
            }

                .setting-profile-container.setting-profile-card-container .card-column .verify-icon-container .verify-icon {
                    width: .26rem;
                    height: .26rem;
                    cursor: pointer
                }

                    .setting-profile-container.setting-profile-card-container .card-column .verify-icon-container .verify-icon svg {
                        fill: #dcdcdc
                    }

                    .setting-profile-container.setting-profile-card-container .card-column .verify-icon-container .verify-icon.verified svg {
                        fill: #28db00
                    }

                    .setting-profile-container.setting-profile-card-container .card-column .verify-icon-container .verify-icon:not(:first-child) {
                        margin: 0 0 0 .09rem
                    }

.referral-container .standard-tab-container .standard-tab .tab-header {
    text-transform: capitalize
}

.referral-container .pagination-container {
    padding: 0 .15rem
}

.myreferral-container .row-container {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin: 0 0 .2rem
}

.myreferral-container .ref-code-container {
    width: 45%;
    padding: 0 .15rem
}

    .myreferral-container .ref-code-container .ref-share-container {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-top: .2rem
    }

        .myreferral-container .ref-code-container .ref-share-container .share-text {
            color: #4B91C9
        }

    .myreferral-container .ref-code-container .standard-input {
        padding: .05rem .4rem .05rem .1rem;
        background: #ededed
    }

.myreferral-container .ref-status-container {
    width: 45%;
    padding: 0 .15rem
}

    .myreferral-container .ref-status-container .ref-status {
        border: .01rem #dcdcdc;
        border-style: solid solid solid solid;
        border-radius: .05rem;
        background: #f6f6f6;
        padding: .01rem
    }

        .myreferral-container .ref-status-container .ref-status .invi-status {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: .01rem solid #dcdcdc;
            padding: .1rem .2rem;
            color: BLACk
        }

            .myreferral-container .ref-status-container .ref-status .invi-status .value {
                color: BLACk
            }

            .myreferral-container .ref-status-container .ref-status .invi-status:last-child {
                border-bottom: 0
            }

.myreferral-container .ref-notice-container {
    width: 50%;
    position: absolute;
    right: .15rem
}

    .myreferral-container .ref-notice-container .info {
        text-align: right
    }

    .myreferral-container .ref-notice-container svg {
        height: .25rem;
        width: .25rem;
        fill: #4B91C9
    }

        .myreferral-container .ref-notice-container svg:hover {
            cursor: pointer
        }

    .myreferral-container .ref-notice-container .ref-tnc-container {
        background: #000000cf;
        color: #fff;
        padding: .2rem;
        border-radius: .05rem;
        font-size: .14rem;
        line-height: .22rem;
        position: relative;
        z-index: 1
    }

        .myreferral-container .ref-notice-container .ref-tnc-container .main-box .title {
            color: #4b91c9;
            font-size: .16rem
        }

        .myreferral-container .ref-notice-container .ref-tnc-container img {
            width: undefined;
            margin: undefined
        }

.myreferral-container .referral-statement-container {
    flex-direction: column;
    width: 86%;
    margin: 0 0 .3rem .15rem
}

    .myreferral-container .referral-statement-container .referral-statement-title {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin: 0 0 .16rem
    }

        .myreferral-container .referral-statement-container .referral-statement-title > * {
            margin: 0
        }

        .myreferral-container .referral-statement-container .referral-statement-title .standard-label {
            width: 50%
        }

        .myreferral-container .referral-statement-container .referral-statement-title .referral-detail {
            width: 50%;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            color: #4B91C9;
            cursor: pointer
        }

            .myreferral-container .referral-statement-container .referral-statement-title .referral-detail svg {
                width: .12rem;
                height: .1rem;
                fill: #4B91C9;
                margin: 0 0 0 .06rem
            }

    .myreferral-container .referral-statement-container .referral-statement-table {
        width: 100%;
        text-align: center
    }

        .myreferral-container .referral-statement-container .referral-statement-table th, .myreferral-container .referral-statement-container .referral-statement-table td {
            width: 50%;
            padding: .11rem;
            border: .005rem solid #dcdcdc
        }

            .myreferral-container .referral-statement-container .referral-statement-table th:first-child, .myreferral-container .referral-statement-container .referral-statement-table td:first-child {
                border-right: unset
            }

            .myreferral-container .referral-statement-container .referral-statement-table th:last-child, .myreferral-container .referral-statement-container .referral-statement-table td:last-child {
                border-left: unset
            }

        .myreferral-container .referral-statement-container .referral-statement-table th {
            background: #dcdcdc;
            color: #888
        }

.myreferral-container .ref-qr-container {
    width: 45%;
    padding: 0 .15rem;
    display: flex;
    justify-content: space-between
}

    .myreferral-container .ref-qr-container .qr-container .ref-qr {
        width: 1.2rem;
        height: 1.2rem
    }

    .myreferral-container .ref-qr-container .share-container-wrapper {
        margin: 0 0 0 .1rem
    }

        .myreferral-container .ref-qr-container .share-container-wrapper .share-container {
            display: grid;
            grid-template-columns: repeat(5,1fr);
            grid-gap: .08rem
        }

            .myreferral-container .ref-qr-container .share-container-wrapper .share-container button {
                background: 0 0
            }

.myreferral-container .ref-details-container {
    width: 45%;
    padding: 0 .15rem
}

    .myreferral-container .ref-details-container .share-earn-img {
        width: 100%;
        border-radius: .05rem
    }

    .myreferral-container .ref-details-container .details-container {
        background: #f6f6f6;
        border: .01rem solid #dcdcdc;
        border-radius: .05rem;
        width: 100%;
        padding: .2rem .5rem;
        margin: .1rem 0 0
    }

        .myreferral-container .ref-details-container .details-container .detail-row {
            display: grid;
            grid-template-columns: 50% 50%;
            padding: 0 0 .05rem;
            color: BLACk
        }

            .myreferral-container .ref-details-container .details-container .detail-row:last-child {
                padding: 0
            }

            .myreferral-container .ref-details-container .details-container .detail-row .value {
                text-align: right
            }

.myreferral-container .ref-btn-container {
    width: 45%;
    padding: 0 .15rem
}

    .myreferral-container .ref-btn-container .btn-wrapper {
        width: 100%
    }

        .myreferral-container .ref-btn-container .btn-wrapper .ref-btn {
            display: flex;
            justify-content: center;
            align-items: center;
            height: .5rem;
            font-size: .14rem;
            width: 50%;
            border: 0;
            border-radius: .05rem;
            font-weight: 600;
            background: #b6b6b6;
            margin: 0 0 0 auto;
            color: undefined
        }

            .myreferral-container .ref-btn-container .btn-wrapper .ref-btn:hover {
                background: #b6b6b6cc
            }

            .myreferral-container .ref-btn-container .btn-wrapper .ref-btn svg {
                margin-right: .1rem;
                width: .16rem;
                height: .16rem
            }

                .myreferral-container .ref-btn-container .btn-wrapper .ref-btn svg .st0 {
                    fill: #28db00 !important
                }

.myrefcommbonus-container .bonus-form, .myref-bonus-container .bonus-form {
    margin: 0 0 .3rem
}

    .myrefcommbonus-container .bonus-form .field-row-container, .myref-bonus-container .bonus-form .field-row-container {
        display: grid;
        grid-template-columns: 29% 29% 30%;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;
        margin: 0 0 .1rem
    }

    .myrefcommbonus-container .bonus-form .standard-form-field, .myref-bonus-container .bonus-form .standard-form-field {
        margin: 0 .15rem
    }

        .myrefcommbonus-container .bonus-form .standard-form-field input[type=date]::-webkit-calendar-picker-indicator, .myref-bonus-container .bonus-form .standard-form-field input[type=date]::-webkit-calendar-picker-indicator {
            position: absolute;
            right: .1rem;
            content: "";
            background: url(/public/html/images/icon/fa-calendar.svg);
            width: .2rem;
            height: .22rem;
            cursor: pointer
        }

    .myrefcommbonus-container .bonus-form .standard-button-container, .myref-bonus-container .bonus-form .standard-button-container {
        align-items: flex-end
    }

        .myrefcommbonus-container .bonus-form .standard-button-container .standard-submit-form-button, .myref-bonus-container .bonus-form .standard-button-container .standard-submit-form-button {
            display: flex;
            justify-content: center;
            align-items: center;
            height: .5rem;
            font-size: .14rem;
            width: 80%;
            border: 0;
            border-radius: .05rem;
            font-weight: 600;
            background: #b6b6b6;
            margin: 0 auto 0 .15rem;
            text-transform: capitalize
        }

.mobile-wallet-container svg, .account-shortcut svg {
    height: .6rem;
    width: .6rem;
    margin: 0 0 .1rem
}

.mobile-wallet-container .shortcut-label, .account-shortcut .shortcut-label {
    margin: 0;
    font-size: .21rem;
    text-align: center
}

.m-account-container .mobileWalletSection, .m-account-container .account-menu-container {
    margin: .35rem .2rem
}

    .m-account-container .account-menu-container .account-shortcut {
        background: #f6f6f6;
        backdrop-filter: blur(0.02rem);
        border-radius: .05rem;
        display: grid;
        grid-template-columns: 20% 20% 20% 20% 20%;
        grid-row-gap: .2rem;
        justify-content: space-between;
        padding: .3rem .15rem;
        margin: 0 0 1.5rem;
        color: BLACk
    }

        .m-account-container .account-menu-container .account-shortcut .shortcut-menu {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            position: relative
        }

            .m-account-container .account-menu-container .account-shortcut .shortcut-menu svg {
                fill: BLACk
            }

            .m-account-container .account-menu-container .account-shortcut .shortcut-menu .unread-msg {
                top: 0;
                right: .25rem;
                background: REd;
                border-radius: 50%;
                width: .3rem;
                height: .3rem;
                color: #fff;
                font-size: .16rem;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute
            }

            .m-account-container .account-menu-container .account-shortcut .shortcut-menu .mission-claimable {
                animation: blinkSVG 1.5s linear infinite
            }

.m-profile-container {
    background: #f6f6f6;
    border-radius: .1rem;
    margin: .35rem .2rem;
    backdrop-filter: undefined
}

    .m-profile-container .form-container .standard-form-field {
        align-items: center;
        border-bottom: .01rem solid #dcdcdc;
        justify-content: space-between;
        margin-bottom: 0;
        padding: .2rem .3rem
    }

        .m-profile-container .form-container .standard-form-field .showEditIcon {
            width: 50%;
            display: flex;
            align-items: center
        }

            .m-profile-container .form-container .standard-form-field .showEditIcon .standard-input {
                width: 88%
            }

            .m-profile-container .form-container .standard-form-field .showEditIcon .iconStyling {
                width: 12%;
                margin: 0 0 0 .05rem
            }

        .m-profile-container .form-container .standard-form-field:last-child {
            border-bottom: 0
        }

        .m-profile-container .form-container .standard-form-field .standard-label {
            margin: 0;
            width: auto
        }

        .m-profile-container .form-container .standard-form-field .standard-input {
            border: 0;
            border-left: 0;
            border-bottom: 0;
            min-height: unset;
            padding: unset;
            text-align: right;
            width: unset
        }

            .m-profile-container .form-container .standard-form-field .standard-input:disabled {
                background: 0 0;
                color: #4B91C9
            }

        .m-profile-container .form-container .standard-form-field .aff-profile-link {
            margin: 0 0 .3rem
        }

            .m-profile-container .form-container .standard-form-field .aff-profile-link .aff-link-container a {
                color: #00e;
                font-size: .25rem
            }

            .m-profile-container .form-container .standard-form-field .aff-profile-link .aff-link-container .shareBtn-container {
                margin: .1rem 0
            }

                .m-profile-container .form-container .standard-form-field .aff-profile-link .aff-link-container .shareBtn-container .referral-btn {
                    font-size: .24rem;
                    background: #4B91C9;
                    padding: .1rem;
                    border-radius: .04rem;
                    color: #fff;
                    width: undefined;
                    height: undefined;
                    border: undefined
                }

        .m-profile-container .form-container .standard-form-field .aff-domain-warpper {
            display: flex
        }

            .m-profile-container .form-container .standard-form-field .aff-domain-warpper a {
                font-size: .25rem
            }

        .m-profile-container .form-container .standard-form-field .standard-form-field-inner-container {
            display: flex
        }

            .m-profile-container .form-container .standard-form-field .standard-form-field-inner-container .verify-icon {
                width: .3rem
            }

    .m-profile-container .form-container .m-user-verification-section {
        margin: 0 0 .2rem
    }

        .m-profile-container .form-container .m-user-verification-section .user-verification-container {
            padding: .2rem 0
        }

        .m-profile-container .form-container .m-user-verification-section .verification-text {
            text-align: center;
            color: #b2b0b3;
            margin: 0 0 .2rem;
            font-size: .26rem
        }

        .m-profile-container .form-container .m-user-verification-section .verification-icons {
            display: flex;
            align-items: center;
            justify-content: center
        }

            .m-profile-container .form-container .m-user-verification-section .verification-icons .verify-icon {
                fill: #6c708a;
                width: .7rem;
                height: .7rem;
                background: #3b405b;
                border-radius: 50%;
                padding: .1rem;
                margin: 0 .3rem 0 .1rem
            }

                .m-profile-container .form-container .m-user-verification-section .verification-icons .verify-icon.active {
                    background: #28db00;
                    fill: #fff
                }

.m-card-column {
    margin: .3rem .2rem 0;
    position: relative;
    height: fit-content;
    padding: .32rem .28rem;
    background: linear-gradient(84.08deg,rgba(25,35,81,0.1) 0%,rgba(2,169,220,0) 109.78%);
    border-radius: .1rem;
    font-size: .24rem
}

    .m-card-column .member-info {
        display: grid;
        grid-template-columns: 13% 45% 42%;
        align-items: center
    }

        .m-card-column .member-info .account-container {
            position: relative;
            width: fit-content;
            height: fit-content
        }

            .m-card-column .member-info .account-container .member-profile-img {
                width: .92rem;
                height: .92rem;
                border: .01rem solid #aaa;
                border-radius: 50%
            }

            .m-card-column .member-info .account-container .verify-icon {
                position: absolute;
                bottom: -.04rem;
                left: -.05rem
            }

                .m-card-column .member-info .account-container .verify-icon svg {
                    height: .24rem;
                    width: .24rem
                }

                    .m-card-column .member-info .account-container .verify-icon svg .st0 {
                        fill: #28db00 !important
                    }

            .m-card-column .member-info .account-container .vip-list {
                position: absolute;
                right: -.08rem;
                top: -.06rem;
                background: gray;
                color: #fff;
                padding: .05rem .07rem;
                border-radius: .2rem;
                font-size: .2rem;
                line-height: .2rem
            }

        .m-card-column .member-info .profile-container {
            width: fit-content;
            height: fit-content;
            margin: 0 0 0 .14rem
        }

            .m-card-column .member-info .profile-container .profile-name {
                color: #4B91C9;
                font-weight: 600;
                margin: 0 0 .02rem;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                word-break: break-word
            }

            .m-card-column .member-info .profile-container .group-name {
                color: #131313
            }

        .m-card-column .member-info .referral-container {
            width: 100%;
            height: fit-content;
            padding: 0 0 0 .05rem
        }

            .m-card-column .member-info .referral-container .referral-wrapper {
                position: relative;
                margin: .04rem 0 0;
                cursor: pointer
            }

                .m-card-column .member-info .referral-container .referral-wrapper .referral-input {
                    height: fit-content;
                    padding: .11rem .43rem .11rem .16rem;
                    background: rgba(25,35,81,.1);
                    border: .01rem dashed #4B91C9;
                    border-radius: .08rem;
                    text-overflow: ellipsis;
                    color: #4B91C9
                }

                .m-card-column .member-info .referral-container .referral-wrapper .referral-input-svg {
                    position: absolute;
                    right: .11rem;
                    top: 50%;
                    transform: translateY(-50%);
                    width: .32rem;
                    height: .32rem;
                    fill: #4B91C9
                }

    .m-card-column .member-info-verify {
        margin: .35rem 0 0
    }

    .m-card-column .member-social-verify {
        margin: .32rem 0 0
    }

    .m-card-column .verify-icon-container {
        margin: .11rem 0 0;
        display: flex
    }

        .m-card-column .verify-icon-container .verify-icon {
            width: .62rem;
            height: .62rem
        }

            .m-card-column .verify-icon-container .verify-icon svg {
                fill: #dcdcdc
            }

            .m-card-column .verify-icon-container .verify-icon.verified svg {
                fill: #28db00
            }

            .m-card-column .verify-icon-container .verify-icon:not(:first-child) {
                margin: 0 0 0 .33rem
            }

.m-change-password-container {
    background: #f6f6f6;
    border-radius: .1rem;
    margin: .35rem .2rem;
    backdrop-filter: undefined
}

    .m-change-password-container .form-container {
        padding: .25rem .3rem
    }

        .m-change-password-container .form-container .account-button-section {
            padding: .15rem 0
        }

.m-change-provider-password-container {
    margin: .35rem .2rem 1.5rem
}

    .m-change-provider-password-container .form-container, .m-change-provider-password-container .notice-text {
        background: #f6f6f6;
        padding: .25rem .3rem;
        border-radius: .1rem;
        backdrop-filter: undefined
    }

        .m-change-provider-password-container .form-container .account-button-section, .m-change-provider-password-container .notice-text .account-button-section {
            padding: .15rem 0
        }

    .m-change-provider-password-container .notice-text {
        font-size: .22rem;
        padding: .1639rem .3073rem;
        margin: .2049rem 0 0;
        color: BLACk
    }

.bank-support-container {
    color: red;
    padding: .2rem .5rem .1rem;
    font-size: .2rem;
    font-weight: 700
}

.bank-support-container-content {
    margin: .1rem .2rem 1.5rem !important
}

.m-bank-container {
    margin: .35rem .2rem 1.5rem;
    border-radius: .1rem;
    background: #f6f6f6;
    backdrop-filter: undefined;
    padding: undefined
}

    .m-bank-container .bank-info-box-container .bank-info-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 1.56rem;
        padding: 0 0 0 .3rem;
        border: .01rem solid #dcdcdc;
        border-width: 0 0 .01rem
    }

        .m-bank-container .bank-info-box-container .bank-info-box .bank-info-col {
            width: 69%
        }

            .m-bank-container .bank-info-box-container .bank-info-box .bank-info-col .info-row {
                display: flex;
                font-size: .3rem;
                color: #4B91C9;
                margin: 0 0 .05rem;
                max-width: undefined
            }

                .m-bank-container .bank-info-box-container .bank-info-box .bank-info-col .info-row:first-child {
                    font-size: .23rem;
                    color: #252525
                }

                .m-bank-container .bank-info-box-container .bank-info-box .bank-info-col .info-row:nth-child(3), .m-bank-container .bank-info-box-container .bank-info-box .bank-info-col .info-row:nth-child(4) {
                    width: 4.5rem;
                    color: BLACk
                }

                .m-bank-container .bank-info-box-container .bank-info-box .bank-info-col .info-row:last-child {
                    font-size: .23rem;
                    color: BLACk
                }

                .m-bank-container .bank-info-box-container .bank-info-box .bank-info-col .info-row .info-cell {
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis
                }

            .m-bank-container .bank-info-box-container .bank-info-box .bank-info-col .info-row-detail {
                font-size: .23rem;
                color: #000
            }

        .m-bank-container .bank-info-box-container .bank-info-box .delete-bank-col {
            display: flex
        }

            .m-bank-container .bank-info-box-container .bank-info-box .delete-bank-col .delete-icon {
                background: unset;
                margin: 0 .28rem 0 0
            }

                .m-bank-container .bank-info-box-container .bank-info-box .delete-bank-col .delete-icon svg {
                    width: .5rem;
                    height: .5rem;
                    fill: REd
                }

            .m-bank-container .bank-info-box-container .bank-info-box .delete-bank-col .delete-btn {
                background: REd;
                padding: .62rem .35rem;
                font-size: .24rem;
                color: #fff
            }

        .m-bank-container .bank-info-box-container .bank-info-box .bank-verify-info {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2.11rem;
            border-radius: .5rem;
            line-height: .15rem;
            padding: .08rem
        }

            .m-bank-container .bank-info-box-container .bank-info-box .bank-verify-info.P {
                background: rgba(255,138,0,.1);
                color: #ff8a00
            }

            .m-bank-container .bank-info-box-container .bank-info-box .bank-verify-info.A {
                background: rgba(40,219,1,.1);
                color: #28db01
            }

            .m-bank-container .bank-info-box-container .bank-info-box .bank-verify-info.R {
                background: rgba(255,0,0,.1);
                color: red
            }

            .m-bank-container .bank-info-box-container .bank-info-box .bank-verify-info svg {
                width: .27rem;
                height: .27rem;
                margin: 0 .1rem 0 0
            }

    .m-bank-container .transaction-button-section {
        padding: .45rem
    }

        .m-bank-container .transaction-button-section .m-no-bank-details {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

            .m-bank-container .transaction-button-section .m-no-bank-details svg {
                width: 2.5rem
            }

            .m-bank-container .transaction-button-section .m-no-bank-details p {
                margin: .3rem 0
            }

        .m-bank-container .transaction-button-section .standard-button-container {
            justify-content: center
        }

            .m-bank-container .transaction-button-section .standard-button-container .standard-add-form-button {
                width: 60%
            }

.m-history-landing-container {
    padding: .35rem .2rem 1.6rem
}

    .m-history-landing-container .history-control-section .history-control-panel {
        background: #f6f6f6;
        margin: 0 0 .35rem;
        padding: .25rem .3rem;
        border-radius: .1rem;
        backdrop-filter: undefined;
        position: relative;
        z-index: 1
    }

        .m-history-landing-container .history-control-section .history-control-panel .form-panel {
            grid-template-columns: none;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            justify-content: space-between
        }

            .m-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field {
                width: 49%
            }

                .m-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field:first-child {
                    grid-column: 1/span 3;
                    width: 100%
                }

                .m-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field:last-child {
                    grid-column: 1/span 1;
                    width: 100%
                }

                .m-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field.Transaction-Type-selection {
                    grid-column: 1/span 3;
                    width: 100%
                }

                .m-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field.Status-selection {
                    grid-column: 1/span 3;
                    width: 100%
                }

            .m-history-landing-container .history-control-section .history-control-panel .form-panel .transaction-button-section {
                margin: .15rem 0
            }

        .m-history-landing-container .history-control-section .history-control-panel .range-wrapper {
            width: 100%;
            margin-bottom: .2rem
        }

            .m-history-landing-container .history-control-section .history-control-panel .range-wrapper .standard-form-field {
                margin-bottom: .05rem
            }

            .m-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options {
                display: flex
            }

                .m-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options div {
                    min-width: 1.2rem;
                    border: .01rem solid #dcdcdc;
                    margin-right: .1rem;
                    border-radius: .1rem;
                    height: .8rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: .05rem .1rem;
                    cursor: pointer
                }

                    .m-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options div.active {
                        border: .02rem solid #4b91c9
                    }

                    .m-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options div.disabled {
                        opacity: .3;
                        pointer-events: none
                    }

        .m-history-landing-container .history-control-section .history-control-panel .type-wrapper {
            width: 100%;
            display: grid;
            grid-gap: .1rem;
            grid-template-columns: 1fr 1fr
        }

            .m-history-landing-container .history-control-section .history-control-panel .type-wrapper div {
                padding: .1rem;
                border: .01rem solid #dcdcdc;
                cursor: pointer;
                min-height: .6rem;
                justify-content: center;
                display: flex;
                align-items: center;
                border-radius: .05rem;
                margin-bottom: .2rem;
                flex: 0 0 calc(50% - 0.05rem);
                margin-bottom: .1rem
            }

                .m-history-landing-container .history-control-section .history-control-panel .type-wrapper div:not(:last-child) {
                    margin-bottom: .1rem
                }

                .m-history-landing-container .history-control-section .history-control-panel .type-wrapper div.selected {
                    border: .01rem solid #4b91c9;
                    background: rgba(75,145,201,.1)
                }

    .m-history-landing-container .m-standard-content-container {
        border: transparent
    }

        .m-history-landing-container .m-standard-content-container .history-container {
            padding: 0
        }

            .m-history-landing-container .m-standard-content-container .history-container .history-info-container {
                border-radius: .1rem;
                backdrop-filter: undefined
            }

            .m-history-landing-container .m-standard-content-container .history-container .pagination-container {
                padding: 0
            }

.m-referral-container {
    margin: .35rem .2rem;
    min-height: 100vh
}

    .m-referral-container .standard-tab-container {
        border: 0;
        width: 80%;
        margin: .3rem auto;
        border-radius: .1rem;
        background: #f6f6f6
    }

        .m-referral-container .standard-tab-container .standard-tab {
            padding: 0
        }

            .m-referral-container .standard-tab-container .standard-tab .tab-header {
                width: 50%;
                padding: .2rem .3rem;
                text-transform: capitalize
            }

                .m-referral-container .standard-tab-container .standard-tab .tab-header p {
                    margin: 0
                }

                .m-referral-container .standard-tab-container .standard-tab .tab-header.active {
                    background: #0d122a;
                    color: #fff;
                    border-radius: .1rem
                }

    .m-referral-container .referral-statement-container {
        background: #f6f6f6;
        padding: .3rem .3rem .6rem;
        border: .01rem solid #dcdcdc;
        border-radius: .06rem;
        margin: 0 0 .3rem
    }

        .m-referral-container .referral-statement-container .referral-statement-title {
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin: 0 0 .24rem
        }

            .m-referral-container .referral-statement-container .referral-statement-title > * {
                margin: 0
            }

            .m-referral-container .referral-statement-container .referral-statement-title .standard-label {
                width: 50%
            }

            .m-referral-container .referral-statement-container .referral-statement-title .referral-detail {
                width: 50%;
                display: flex;
                align-items: center;
                justify-content: flex-end;
                color: #4B91C9;
                cursor: pointer
            }

                .m-referral-container .referral-statement-container .referral-statement-title .referral-detail svg {
                    width: .2rem;
                    height: .16rem;
                    fill: #4B91C9;
                    margin: 0 0 0 .08rem
                }

        .m-referral-container .referral-statement-container .referral-statement-table {
            width: 100%;
            text-align: center
        }

            .m-referral-container .referral-statement-container .referral-statement-table th, .m-referral-container .referral-statement-container .referral-statement-table td {
                width: 50%;
                padding: .16rem;
                border: .005rem solid #dcdcdc
            }

                .m-referral-container .referral-statement-container .referral-statement-table th:first-child, .m-referral-container .referral-statement-container .referral-statement-table td:first-child {
                    border-right: unset
                }

                .m-referral-container .referral-statement-container .referral-statement-table th:last-child, .m-referral-container .referral-statement-container .referral-statement-table td:last-child {
                    border-left: unset
                }

            .m-referral-container .referral-statement-container .referral-statement-table th {
                background: #dcdcdc;
                color: #888
            }

    .m-referral-container .m-myreferral-container {
        padding: 0 0 1.6rem
    }

        .m-referral-container .m-myreferral-container .ref-code-container {
            background: #f6f6f6;
            padding: .3rem;
            border-radius: .06rem;
            backdrop-filter: undefined
        }

            .m-referral-container .m-myreferral-container .ref-code-container .ref-share-container {
                font-size: .24rem;
                text-align: center;
                margin: .3rem auto
            }

                .m-referral-container .m-myreferral-container .ref-code-container .ref-share-container .standard-button-container {
                    justify-content: center
                }

                .m-referral-container .m-myreferral-container .ref-code-container .ref-share-container .share-container {
                    display: flex;
                    grid-gap: .3rem;
                    justify-content: space-between
                }

                    .m-referral-container .m-myreferral-container .ref-code-container .ref-share-container .share-container button {
                        width: .92rem;
                        height: .92rem;
                        background: 0 0
                    }

            .m-referral-container .m-myreferral-container .ref-code-container .share-important-container {
                font-size: .24rem;
                text-align: center
            }

                .m-referral-container .m-myreferral-container .ref-code-container .share-important-container .important-notice {
                    display: flex;
                    justify-content: center
                }

                    .m-referral-container .m-myreferral-container .ref-code-container .share-important-container .important-notice svg {
                        fill: #4B91C9;
                        margin: 0 .05rem
                    }

                    .m-referral-container .m-myreferral-container .ref-code-container .share-important-container .important-notice span {
                        text-decoration-line: underline;
                        color: #888
                    }

            .m-referral-container .m-myreferral-container .ref-code-container .ref-qr-container {
                text-align: center
            }

                .m-referral-container .m-myreferral-container .ref-code-container .ref-qr-container .qr-label {
                    margin: .4rem 0 .1rem;
                    justify-content: center
                }

        .m-referral-container .m-myreferral-container .ref-details-container {
            margin: .5rem 0 0
        }

            .m-referral-container .m-myreferral-container .ref-details-container .ref-details-label {
                padding: 0 .3rem
            }

            .m-referral-container .m-myreferral-container .ref-details-container .share-earn-img {
                width: 100%;
                border-radius: .06rem
            }

            .m-referral-container .m-myreferral-container .ref-details-container .details-container {
                background: #f6f6f6;
                border: .01rem solid #dcdcdc;
                border-radius: .05rem;
                width: 100%;
                padding: .3rem 1rem;
                margin: .1rem 0 0
            }

                .m-referral-container .m-myreferral-container .ref-details-container .details-container .detail-row {
                    display: grid;
                    grid-template-columns: 50% 50%;
                    padding: 0 0 .2rem;
                    color: BLACk
                }

                    .m-referral-container .m-myreferral-container .ref-details-container .details-container .detail-row:last-child {
                        padding: 0
                    }

                    .m-referral-container .m-myreferral-container .ref-details-container .details-container .detail-row .value {
                        text-align: right
                    }

        .m-referral-container .m-myreferral-container .ref-status-container {
            margin: .5rem 0 .2rem
        }

            .m-referral-container .m-myreferral-container .ref-status-container .ref-status {
                backdrop-filter: undefined
            }

                .m-referral-container .m-myreferral-container .ref-status-container .ref-status .invi-status, .m-referral-container .m-myreferral-container .ref-status-container .ref-status .convert-status {
                    display: flex;
                    justify-content: space-between;
                    background: #f6f6f6;
                    padding: .2rem .3rem;
                    color: BLACk
                }

                    .m-referral-container .m-myreferral-container .ref-status-container .ref-status .invi-status .value, .m-referral-container .m-myreferral-container .ref-status-container .ref-status .convert-status .value {
                        color: BLACk
                    }

                .m-referral-container .m-myreferral-container .ref-status-container .ref-status .invi-status {
                    border-radius: .06rem .06rem 0 0;
                    border-bottom: .01rem solid #dcdcdc
                }

                .m-referral-container .m-myreferral-container .ref-status-container .ref-status .convert-status {
                    border-radius: 0 0 .06rem .06rem
                }

    .m-referral-container .m-myrefcommbonus-container .standard-form-one-row-container, .m-referral-container .m-myrefbonus-container .standard-form-one-row-container, .m-referral-container .m-myteam-container .standard-form-one-row-container {
        display: grid;
        margin: 0;
        grid-template-columns: 1fr 1fr;
        justify-content: space-between
    }

        .m-referral-container .m-myrefcommbonus-container .standard-form-one-row-container .standard-form-field, .m-referral-container .m-myrefbonus-container .standard-form-one-row-container .standard-form-field, .m-referral-container .m-myteam-container .standard-form-one-row-container .standard-form-field {
            width: 98%
        }

    .m-referral-container .m-myrefcommbonus-container .reward-type-row, .m-referral-container .m-myrefbonus-container .reward-type-row, .m-referral-container .m-myteam-container .reward-type-row {
        grid-template-columns: 1fr;
        margin: 0 0 .2rem
    }

        .m-referral-container .m-myrefcommbonus-container .reward-type-row .reward-type-field, .m-referral-container .m-myrefbonus-container .reward-type-row .reward-type-field, .m-referral-container .m-myteam-container .reward-type-row .reward-type-field {
            width: 99%
        }

.isMulti-tier-referral {
    margin: 0
}

    .isMulti-tier-referral .standard-tab-container {
        margin: 0;
        width: 100%
    }

        .isMulti-tier-referral .standard-tab-container .standard-tab {
            padding: .1rem 0
        }

            .isMulti-tier-referral .standard-tab-container .standard-tab .tab-header {
                position: relative
            }

                .isMulti-tier-referral .standard-tab-container .standard-tab .tab-header.active {
                    color: #0d122a;
                    background: 0 0
                }

                    .isMulti-tier-referral .standard-tab-container .standard-tab .tab-header.active .border-line {
                        position: absolute;
                        bottom: 0;
                        width: 50%;
                        height: .05rem;
                        background: #4b91c9
                    }

    .isMulti-tier-referral .m-myreferral-container, .isMulti-tier-referral .m-myrefbonus-container, .isMulti-tier-referral .m-myteam-container {
        margin: .3rem .2rem 0
    }

.mobileReferralContainer {
    background: #e7e6e6;
    padding: .25rem;
    font-size: .25rem;
    font-weight: 600;
    border-radius: .06rem;
    margin: 0 0 .2rem
}

    .mobileReferralContainer .referral-content {
        color: undefined
    }

    .mobileReferralContainer .share-container {
        margin: .5rem 0;
        position: relative;
        display: flex
    }

        .mobileReferralContainer .share-container .highlighted-text {
            color: #dadada;
            background: #353535;
            padding: .2rem 25%;
            border: .01rem dashed #898989
        }

        .mobileReferralContainer .share-container .referral-btn {
            color: #000;
            padding: .2rem .5rem;
            border-radius: .15rem;
            background: linear-gradient(180deg,#e4e6e7,#93979a);
            border: none;
            font-weight: 700;
            font-family: unset;
            white-space: nowrap;
            margin: 0 auto;
            width: 2rem
        }

.m-myrefcommbonus-container .filter-container, .m-myrefbonus-container .filter-container {
    background: #f6f6f6;
    padding: .3rem;
    border-radius: .06rem
}

    .m-myrefcommbonus-container .filter-container button.standard-submit-form-button, .m-myrefbonus-container .filter-container button.standard-submit-form-button {
        margin: .2rem 0
    }

.m-message-container {
    padding: .35rem .2rem 1.6rem
}

    .m-message-container .filter-container {
        background: #f6f6f6;
        margin: 0 0 .35rem;
        padding: .25rem .3rem;
        border-radius: .1rem
    }

        .m-message-container .filter-container .standard-form-one-row-container {
            margin: 0 0 .3rem
        }

        .m-message-container .filter-container .transaction-button-section {
            margin: .15rem 0
        }

    .m-message-container .form-panel {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        backdrop-filter: undefined;
        position: relative;
        z-index: 1
    }

        .m-message-container .form-panel .standard-form-field {
            width: 49%
        }

            .m-message-container .form-panel .standard-form-field .standard-submit-form-button {
                width: 100%;
                min-width: 100%
            }

            .m-message-container .form-panel .standard-form-field .standard-select-arrow {
                top: .6rem
            }

                .m-message-container .form-panel .standard-form-field .standard-select-arrow::after {
                    top: .6rem
                }

    .m-message-container .select-delete-container {
        display: flex;
        margin: .2rem 0;
        justify-content: space-between;
        z-index: 0;
        position: relative
    }

        .m-message-container .select-delete-container .standard-checkbox-container {
            display: flex;
            align-items: center;
            width: 50%
        }

            .m-message-container .select-delete-container .standard-checkbox-container label {
                padding: 0 0 0 .1rem;
                margin: 0
            }

        .m-message-container .select-delete-container .transaction-button-section {
            width: 40%
        }

            .m-message-container .select-delete-container .transaction-button-section .standard-button-container {
                width: 100%;
                min-width: 100%
            }

                .m-message-container .select-delete-container .transaction-button-section .standard-button-container button {
                    width: 100%
                }

                    .m-message-container .select-delete-container .transaction-button-section .standard-button-container button svg {
                        width: .32rem;
                        height: .32rem;
                        fill: #fff
                    }

    .m-message-container .standard-invisible-checkbox {
        width: .3rem;
        height: .3rem
    }

    .m-message-container .main-detail-container .box-container {
        border: transparent;
        border-radius: .1rem;
        background: #f6f6f6;
        overflow-wrap: anywhere
    }

        .m-message-container .main-detail-container .box-container .empty-container {
            padding: .15rem;
            background: #f6f6f6;
            color: BlacK
        }

        .m-message-container .main-detail-container .box-container .box {
            display: flex;
            border-bottom: .01rem solid #dcdcdc;
            padding: .25rem .3rem
        }

            .m-message-container .main-detail-container .box-container .box:last-child {
                border-bottom: 0
            }

            .m-message-container .main-detail-container .box-container .box .main-detail {
                width: 65%;
                display: grid;
                grid-template-columns: 10% 5% 85%
            }

                .m-message-container .main-detail-container .box-container .box .main-detail .standard-checkbox-container {
                    margin-right: .15rem;
                    display: flex;
                    align-items: center
                }

                .m-message-container .main-detail-container .box-container .box .main-detail .read-status {
                    margin: 0 .15rem 0 0;
                    width: .12rem;
                    height: .12rem;
                    border-radius: 50%
                }

                    .m-message-container .main-detail-container .box-container .box .main-detail .read-status.unread {
                        background: RED;
                        border-radius: 50%
                    }

                .m-message-container .main-detail-container .box-container .box .main-detail .message-details {
                    word-break: break-all
                }

                    .m-message-container .main-detail-container .box-container .box .main-detail .message-details p {
                        margin-bottom: 0;
                        font-size: .22rem
                    }

                        .m-message-container .main-detail-container .box-container .box .main-detail .message-details p.date {
                            margin-bottom: .05rem;
                            color: #252525
                        }

                        .m-message-container .main-detail-container .box-container .box .main-detail .message-details p.title {
                            font-size: .26rem
                        }

                        .m-message-container .main-detail-container .box-container .box .main-detail .message-details p.read {
                            color: BlacK
                        }

                        .m-message-container .main-detail-container .box-container .box .main-detail .message-details p.unread {
                            color: #4B91C9
                        }

            .m-message-container .main-detail-container .box-container .box .delete-bank-col {
                width: 35%;
                display: flex;
                align-items: center;
                justify-content: flex-end
            }

                .m-message-container .main-detail-container .box-container .box .delete-bank-col .delete-icon {
                    background: unset
                }

            .m-message-container .main-detail-container .box-container .box svg {
                width: .4rem;
                height: .4rem;
                fill: #888
            }

.m-message-detail-container {
    margin: .35rem .2rem 1.5rem;
    border-radius: .1rem;
    background: #f6f6f6;
    backdrop-filter: blur(1rem)
}

    .m-message-detail-container .box-container {
        padding: .25rem .3rem;
        background: #f6f6f6;
        border-radius: .1rem;
        overflow-wrap: anywhere
    }

        .m-message-detail-container .box-container .detail {
            display: grid;
            grid-template-columns: 7% 90%
        }

            .m-message-detail-container .box-container .detail:last-child {
                border-bottom: 0
            }

            .m-message-detail-container .box-container .detail .icon-col {
                margin: 0 .15rem 0 0
            }

                .m-message-detail-container .box-container .detail .icon-col svg {
                    fill: #b8b8b8;
                    width: .35rem;
                    height: .35rem
                }

            .m-message-detail-container .box-container .detail .info-col {
                color: #252525
            }

                .m-message-detail-container .box-container .detail .info-col .info-row {
                    width: 100%;
                    display: inline-block;
                    word-break: break-word;
                    margin: 0 0 .1rem;
                    font-size: .24rem
                }

                    .m-message-detail-container .box-container .detail .info-col .info-row:last-child {
                        margin: 0
                    }

                    .m-message-detail-container .box-container .detail .info-col .info-row.date {
                        font-size: .22rem
                    }

                    .m-message-detail-container .box-container .detail .info-col .info-row .title {
                        color: #4B91C9;
                        font-size: .26rem
                    }

                    .m-message-detail-container .box-container .detail .info-col .info-row p, .m-message-detail-container .box-container .detail .info-col .info-row h1, .m-message-detail-container .box-container .detail .info-col .info-row h2, .m-message-detail-container .box-container .detail .info-col .info-row h3, .m-message-detail-container .box-container .detail .info-col .info-row h4, .m-message-detail-container .box-container .detail .info-col .info-row h5, .m-message-detail-container .box-container .detail .info-col .info-row h6 {
                        margin: 0 0 .24rem
                    }

                .m-message-detail-container .box-container .detail .info-col p {
                    color: BLACk
                }

                .m-message-detail-container .box-container .detail .info-col img {
                    width: 100% !important;
                    height: auto !important
                }

        .m-message-detail-container .box-container .transaction-button-section {
            margin: .3rem 0
        }

            .m-message-detail-container .box-container .transaction-button-section .standard-button-container {
                justify-content: flex-end
            }

                .m-message-detail-container .box-container .transaction-button-section .standard-button-container svg {
                    fill: #fff
                }

.livetv-container {
    background: undefined;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1
}

    .livetv-container .tab-container {
        background: #eee;
        border-bottom: unset;
        margin-bottom: .24rem
    }

        .livetv-container .tab-container .tab-content {
            width: 11rem;
            margin: auto;
            justify-content: flex-start
        }

            .livetv-container .tab-container .tab-content .tab-list {
                display: flex
            }

                .livetv-container .tab-container .tab-content .tab-list .tab-item {
                    padding: .18rem .24rem .2rem .08rem
                }

                    .livetv-container .tab-container .tab-content .tab-list .tab-item:first-child {
                        padding-left: .1rem
                    }

    .livetv-container .tv-table-container {
        width: 9rem;
        margin: .3rem auto;
        padding: undefined
    }

        .livetv-container .tv-table-container .tv-table {
            width: 100%;
            margin: 0 0 .21rem
        }

            .livetv-container .tv-table-container .tv-table .home-icon {
                fill: #00f
            }

            .livetv-container .tv-table-container .tv-table .away-icon {
                fill: red
            }

            .livetv-container .tv-table-container .tv-table:last-child {
                margin: 0
            }

            .livetv-container .tv-table-container .tv-table thead {
                height: .66rem
            }

                .livetv-container .tv-table-container .tv-table thead tr .tv-title {
                    width: 70%;
                    background: #dcdcdc;
                    padding: 0 .21rem
                }

                    .livetv-container .tv-table-container .tv-table thead tr .tv-title .datetime {
                        font-size: .12rem;
                        font-weight: 500
                    }

                .livetv-container .tv-table-container .tv-table thead tr .tv-status {
                    text-align: center;
                    width: 30%;
                    background: #e5e5e5
                }

            .livetv-container .tv-table-container .tv-table tbody {
                background: #f6f6f6
            }

                .livetv-container .tv-table-container .tv-table tbody .tv-state {
                    height: .6rem;
                    border: .01rem solid #fff;
                    border-style: solid none solid none
                }

                    .livetv-container .tv-table-container .tv-table tbody .tv-state td {
                        border: .01rem solid #fff
                    }

                    .livetv-container .tv-table-container .tv-table tbody .tv-state .team-name {
                        height: .6rem;
                        display: grid;
                        align-items: center;
                        grid-template-columns: 15% 85%;
                        border: none
                    }

                        .livetv-container .tv-table-container .tv-table tbody .tv-state .team-name svg {
                            width: .36rem;
                            margin: auto
                        }

                    .livetv-container .tv-table-container .tv-table tbody .tv-state .team-score {
                        width: 10%;
                        text-align: center
                    }

                    .livetv-container .tv-table-container .tv-table tbody .tv-state .tv-btn {
                        text-align: center;
                        width: 100%
                    }

                        .livetv-container .tv-table-container .tv-table tbody .tv-state .tv-btn img {
                            height: .9rem
                        }

                            .livetv-container .tv-table-container .tv-table tbody .tv-state .tv-btn img:hover {
                                cursor: pointer
                            }

                .livetv-container .tv-table-container .tv-table tbody .tv-timer {
                    height: .3rem;
                    text-align: center
                }

                    .livetv-container .tv-table-container .tv-table tbody .tv-timer .tv-score {
                        background: #e5e5e5
                    }

                    .livetv-container .tv-table-container .tv-table tbody .tv-timer .tv-countdown {
                        background: #dcdcdc
                    }

    .livetv-container .livetv-break-container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 100vh
    }

        .livetv-container .livetv-break-container .livetv-break-img-container {
            margin-bottom: .3rem
        }

            .livetv-container .livetv-break-container .livetv-break-img-container img {
                width: 4rem
            }

        .livetv-container .livetv-break-container .livetv-break-text-container {
            justify-content: center;
            display: flex;
            flex-direction: column;
            color: #888;
            text-align: center
        }

            .livetv-container .livetv-break-container .livetv-break-text-container p {
                margin-bottom: .05rem
            }

                .livetv-container .livetv-break-container .livetv-break-text-container p span .highlight {
                    color: #4B91C9 !important;
                    text-decoration: underline
                }

.m-livetv-container .tab-container {
    background: #eee;
    border-bottom: unset
}

    .m-livetv-container .tab-container .tab-content {
        width: 100%;
        margin: auto;
        justify-content: flex-start
    }

        .m-livetv-container .tab-container .tab-content .tab-list {
            display: flex
        }

            .m-livetv-container .tab-container .tab-content .tab-list .tab-item {
                padding: .24rem .24rem .25rem .08rem;
                font-size: .28rem
            }

                .m-livetv-container .tab-container .tab-content .tab-list .tab-item.active {
                    background: 0 0
                }

.m-livetv-container .tv-table-container {
    width: 95%;
    margin: .3rem auto 1.5rem
}

    .m-livetv-container .tv-table-container .tv-table {
        width: 100%;
        margin: 0 0 .21rem
    }

        .m-livetv-container .tv-table-container .tv-table .home-icon {
            fill: #00f
        }

        .m-livetv-container .tv-table-container .tv-table .away-icon {
            fill: red
        }

        .m-livetv-container .tv-table-container .tv-table thead {
            height: 1rem
        }

            .m-livetv-container .tv-table-container .tv-table thead tr .tv-title {
                width: 70%;
                background: #dcdcdc;
                padding: 0 .21rem
            }

                .m-livetv-container .tv-table-container .tv-table thead tr .tv-title .datetime {
                    font-weight: 500
                }

            .m-livetv-container .tv-table-container .tv-table thead tr .tv-status {
                text-align: center;
                width: 30%;
                background: #e5e5e5
            }

        .m-livetv-container .tv-table-container .tv-table tbody {
            background: #f6f6f6
        }

            .m-livetv-container .tv-table-container .tv-table tbody .tv-state {
                height: .72rem;
                border: .01rem solid #fff
            }

                .m-livetv-container .tv-table-container .tv-table tbody .tv-state td {
                    border: .01rem solid #fff
                }

                .m-livetv-container .tv-table-container .tv-table tbody .tv-state .team-name {
                    height: .72rem;
                    display: grid;
                    align-items: center;
                    grid-template-columns: 15% 85%;
                    border: none
                }

                    .m-livetv-container .tv-table-container .tv-table tbody .tv-state .team-name svg {
                        width: .36rem;
                        margin: auto
                    }

                .m-livetv-container .tv-table-container .tv-table tbody .tv-state .team-score {
                    width: 10%;
                    text-align: center
                }

                .m-livetv-container .tv-table-container .tv-table tbody .tv-state .tv-btn {
                    text-align: center;
                    width: 100%
                }

                    .m-livetv-container .tv-table-container .tv-table tbody .tv-state .tv-btn img {
                        height: .8rem
                    }

            .m-livetv-container .tv-table-container .tv-table tbody .tv-timer {
                height: .42rem;
                text-align: center
            }

                .m-livetv-container .tv-table-container .tv-table tbody .tv-timer .tv-score {
                    background: #e5e5e5
                }

                .m-livetv-container .tv-table-container .tv-table tbody .tv-timer .tv-countdown {
                    background: #dcdcdc
                }

.m-livetv-container .livetv-break-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh
}

    .m-livetv-container .livetv-break-container .livetv-break-img-container {
        margin-bottom: .3rem
    }

        .m-livetv-container .livetv-break-container .livetv-break-img-container img {
            width: 5.5rem
        }

    .m-livetv-container .livetv-break-container .livetv-break-text-container {
        justify-content: center;
        display: flex;
        flex-direction: column;
        color: #888;
        text-align: center
    }

        .m-livetv-container .livetv-break-container .livetv-break-text-container p {
            margin-bottom: .05rem
        }

            .m-livetv-container .livetv-break-container .livetv-break-text-container p span .highlight {
                color: #4B91C9 !important;
                text-decoration: underline
            }

.livescore-container .score-content .tab-container {
    background: #eee;
    border-bottom: unset;
    margin-bottom: .24rem
}

    .livescore-container .score-content .tab-container .tab-content {
        width: 11rem;
        margin: auto;
        justify-content: flex-start
    }

        .livescore-container .score-content .tab-container .tab-content .tab-list {
            display: flex
        }

            .livescore-container .score-content .tab-container .tab-content .tab-list .tab-item {
                padding: .18rem .24rem .2rem .08rem
            }

                .livescore-container .score-content .tab-container .tab-content .tab-list .tab-item:first-child {
                    padding-left: .1rem
                }

.livescore-container .score-content .score-iframe-container {
    max-width: 100%;
    flex: 0 0 100%;
    justify-content: center;
    width: 100%;
    padding-left: 0;
    align-items: center;
    flex-wrap: nowrap;
    list-style: none
}

    .livescore-container .score-content .score-iframe-container .score-iframe {
        width: 11rem;
        height: 105vh;
        background: #fff;
        margin: auto;
        display: block
    }

@media(max-width: 768px) {
    .livescore-container .score-content .tab-container .tab-content .tab-list .tab-item {
        padding: .24rem .24rem .25rem .08rem;
        font-size: .28rem
    }

    .livescore-container .score-content .score-iframe-container .score-iframe {
        width: 100%
    }
}

.myteam-container .myteam-form {
    margin: 0 0 .3rem
}

    .myteam-container .myteam-form .field-row-container {
        display: grid;
        grid-template-columns: 29% 29% 30%;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;
        margin: 0 0 .1rem
    }

        .myteam-container .myteam-form .field-row-container > div {
            margin: 0 .15rem
        }

        .myteam-container .myteam-form .field-row-container .standard-form-field-wrapper {
            width: 80%
        }

    .myteam-container .myteam-form .standard-form-field input[type=date]::-webkit-calendar-picker-indicator {
        position: absolute;
        right: .1rem;
        content: "";
        background: url(/public/html/images/icon/fa-calendar.svg);
        width: .2rem;
        height: .22rem;
        cursor: pointer
    }

    .myteam-container .myteam-form .standard-form-field.isHide {
        visibility: hidden
    }

    .myteam-container .myteam-form .standard-button-container {
        align-items: flex-end
    }

        .myteam-container .myteam-form .standard-button-container .standard-submit-form-button {
            display: flex;
            justify-content: center;
            align-items: center;
            height: .5rem;
            font-size: .14rem;
            width: 80%;
            border: 0;
            border-radius: .05rem;
            font-weight: 600;
            background: #b6b6b6;
            margin: 0 auto 0 .15rem;
            text-transform: capitalize
        }

.m-myteam-container .filter-container {
    background: #f6f6f6;
    padding: .3rem;
    border-radius: .06rem
}

    .m-myteam-container .filter-container button.standard-submit-form-button {
        margin: .2rem 0
    }

    .m-myteam-container .filter-container > .standard-form-one-row-container:not(:first-child), .m-myteam-container .filter-container > .reward-type-row:not(:first-child), .m-myteam-container .filter-container > .standard-form-field:not(:first-child) {
        margin: .2rem 0 0 !important
    }

    .m-myteam-container .filter-container > .standard-form-one-row-container.isHide, .m-myteam-container .filter-container > .reward-type-row.isHide, .m-myteam-container .filter-container > .standard-form-field.isHide {
        visibility: hidden
    }

.referral-tutorial-container {
    padding: .3rem
}

    .referral-tutorial-container .tutorial-tab-container {
        display: flex;
        justify-content: center
    }

        .referral-tutorial-container .tutorial-tab-container .tab-content {
            border: .01rem solid #888;
            background: 0 0;
            color: #888;
            font-size: .16rem;
            padding: .08rem .2rem;
            margin: 0 .1rem 0 0;
            cursor: pointer
        }

            .referral-tutorial-container .tutorial-tab-container .tab-content.isactive {
                border: .01rem solid #4b91c9;
                background: #4b91c91a;
                color: #000
            }

            .referral-tutorial-container .tutorial-tab-container .tab-content:last-child {
                margin: 0
            }

    .referral-tutorial-container .tutorial-container .tutorial-img {
        margin: 0 0 .1rem
    }

        .referral-tutorial-container .tutorial-container .tutorial-img img {
            width: 100%
        }

    .referral-tutorial-container .tutorial-container .tutorial-content .content {
        background: #f6f6f6;
        color: #888;
        padding: .24rem
    }

.m_referral-tutorial-container {
    padding: 0;
    margin: .3rem .2rem 1.5rem
}

    .m_referral-tutorial-container .tutorial-tab-container {
        display: flex;
        justify-content: center
    }

        .m_referral-tutorial-container .tutorial-tab-container .tab-content {
            border: .01rem solid #888;
            background: 0 0;
            color: #888;
            font-size: .28rem;
            padding: .15rem .4rem;
            margin: 0 .3rem 0 0;
            cursor: pointer
        }

            .m_referral-tutorial-container .tutorial-tab-container .tab-content.isactive {
                border: .01rem solid #4b91c9;
                background: #4b91c91a;
                color: #000
            }

            .m_referral-tutorial-container .tutorial-tab-container .tab-content:last-child {
                margin: 0
            }

    .m_referral-tutorial-container .tutorial-container .tutorial-img {
        margin: 0 0 .1rem
    }

        .m_referral-tutorial-container .tutorial-container .tutorial-img img {
            width: 100%
        }

    .m_referral-tutorial-container .tutorial-container .tutorial-content .content {
        background: #f6f6f6;
        color: #888;
        padding: .24rem
    }

.contributor-modal-container {
    width: 11.5rem
}

    .contributor-modal-container .contributor-modal-header {
        padding: .15rem .2rem;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container {
        padding: 0;
        width: 11rem
    }

        .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-setting-table-container {
            margin: .1rem 0;
            border-radius: .04rem
        }

            .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-setting-table-container .custom-table thead tr th {
                border: .02rem #dcdcdc;
                padding: .1rem .3rem
            }

            .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-setting-table-container .custom-table tbody tr:nth-child(even) {
                background: #f9fafb
            }

            .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-setting-table-container .custom-table tbody td {
                color: #888
            }

            .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-setting-table-container .custom-table .memberColumn {
                padding: .03rem .25rem;
                border-radius: .04rem;
                border: .01rem solid #dcdcdc;
                cursor: pointer
            }

        .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-form-field {
            width: 100%
        }

            .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-form-field .input-container {
                width: 18%;
                margin: 0 .3rem 0 0
            }

            .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .standard-form-field .contributor-modal-search-btn {
                width: 15%;
                align-self: flex-end
            }

        .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container, .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container {
            cursor: pointer
        }

            .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container.isHide, .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container.isHide {
                display: none
            }

        .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container {
            position: absolute;
            right: 0;
            top: -.03rem;
            z-index: 3;
            display: flex;
            align-items: center;
            background: 0 0
        }

            .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container .next-container {
                border: .01rem solid #dcdcdc;
                padding: .02rem .09rem;
                background: #fff
            }

                .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container .next-container .next-button {
                    border-width: 0 .02rem .02rem 0;
                    border-style: solid;
                    border-color: #b8b8b8;
                    display: inline-block;
                    width: .08rem;
                    height: .08rem;
                    transform: rotate(-45deg)
                }

            .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container .next-end-container {
                border: .01rem solid #dcdcdc;
                padding: .02rem .05rem;
                background: #fff
            }

                .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container .next-end-container .next-end-button {
                    border-width: 0 .02rem .02rem 0;
                    border-style: solid;
                    border-color: #b8b8b8;
                    display: inline-block;
                    width: .08rem;
                    height: .08rem;
                    transform: rotate(-45deg)
                }

                .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container .next-end-container .next-end-button-2 {
                    border-width: 0 .02rem 0 0;
                    border-style: solid;
                    border-color: #b8b8b8;
                    display: inline-block;
                    width: .08rem;
                    height: .08rem
                }

            .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .next-btn-container .next-gradient-div::before {
                content: '';
                background: linear-gradient(to left,#fff,#fffF2,#fff00);
                padding: .04rem .3rem
            }

        .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container {
            position: absolute;
            left: 0;
            top: -.03rem;
            z-index: 3;
            display: flex;
            align-items: center;
            background: 0 0
        }

            .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container .prev-container {
                border: .01rem solid #dcdcdc;
                padding: .02rem .09rem;
                background: #fff
            }

                .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container .prev-container .prev-button {
                    border-width: 0 .02rem .02rem 0;
                    border-style: solid;
                    border-color: #b8b8b8;
                    display: inline-block;
                    width: .08rem;
                    height: .08rem;
                    transform: rotate(135deg)
                }

            .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container .prev-end-container {
                border: .01rem solid #dcdcdc;
                padding: .02rem .05rem;
                background: #fff
            }

                .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container .prev-end-container .prev-end-button {
                    border-width: 0 .02rem .02rem 0;
                    border-style: solid;
                    border-color: #b8b8b8;
                    display: inline-block;
                    width: .08rem;
                    height: .08rem;
                    transform: rotate(135deg)
                }

                .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container .prev-end-container .prev-end-button-2 {
                    border-width: 0 0 0 .02rem;
                    border-style: solid;
                    border-color: #b8b8b8;
                    display: inline-block;
                    width: .08rem;
                    height: .08rem
                }

            .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .prev-btn-container .prev-gradient-div::before {
                content: '';
                background: linear-gradient(to right,#fff,#fffF2,#fff00);
                padding: .04rem .3rem
            }

        .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .contributor-tree-container {
            display: flex !important;
            width: 100% !important;
            align-items: center;
            margin: 0 .05rem 0 0
        }

            .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .contributor-tree-container .contributor-tree-item {
                margin: 0 .05rem 0 0;
                display: flex;
                width: 100%;
                justify-content: center;
                cursor: pointer;
                font-size: .14rem
            }

                .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .contributor-tree-container .contributor-tree-item span {
                    border: .01rem solid #dcdcdc;
                    border-radius: .04rem;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    padding: .02rem .1rem;
                    color: #888
                }

                .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .contributor-tree-container .contributor-tree-item.isDownLine {
                    cursor: default
                }

                    .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .contributor-tree-container .contributor-tree-item.isDownLine span {
                        border: .01rem solid transparent;
                        color: #000;
                        font-weight: 700
                    }

            .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .slick-slider .contributor-tree-container .arrow-next {
                display: inline-block;
                border-bottom: .05rem solid transparent;
                border-top: .05rem solid transparent;
                border-left: .08rem solid #888;
                width: 0;
                height: 0;
                margin: .05rem
            }

        .contributor-modal-container .contributor-modal-body .contributor-modal-inner-container .pagination-container .pagination-declaration-container p {
            margin: 0
        }

.m_contributor-modal-container {
    width: 90%
}

    .m_contributor-modal-container .contributor-modal-header {
        padding: .15rem .2rem;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .m_contributor-modal-container .settings-container .st-section {
        padding: 0;
        width: 100%
    }

        .m_contributor-modal-container .settings-container .st-section .standard-form-field {
            display: flex;
            flex-direction: column
        }

            .m_contributor-modal-container .settings-container .st-section .standard-form-field .input-container {
                width: 100%
            }

            .m_contributor-modal-container .settings-container .st-section .standard-form-field .contributor-modal-search-btn {
                width: 50%;
                margin: .3rem 0 0
            }

                .m_contributor-modal-container .settings-container .st-section .standard-form-field .contributor-modal-search-btn .standard-submit-button {
                    height: .85rem;
                    font-size: .25rem;
                    width: 100%
                }

                    .m_contributor-modal-container .settings-container .st-section .standard-form-field .contributor-modal-search-btn .standard-submit-button svg {
                        margin: 0 .15rem 0 0;
                        width: .32rem;
                        height: .32rem
                    }

        .m_contributor-modal-container .settings-container .st-section .slick-slider {
            margin: .2rem 0
        }

            .m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container, .m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container {
                cursor: pointer
            }

                .m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container.isHide, .m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container.isHide {
                    display: none
                }

            .m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container {
                position: absolute;
                right: 0;
                top: -.03rem;
                z-index: 3;
                display: flex;
                align-items: center;
                background: 0 0
            }

                .m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container .next-container {
                    border: .03rem solid #dcdcdc;
                    padding: .05rem .15rem;
                    background: #fff
                }

                    .m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container .next-container .next-button {
                        border-width: 0 .04rem .04rem 0;
                        border-style: solid;
                        border-color: #b8b8b8;
                        display: inline-block;
                        width: .1rem;
                        height: .1rem;
                        transform: rotate(-45deg)
                    }

                .m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container .next-end-container {
                    border: .03rem solid #dcdcdc;
                    padding: .05rem .1rem;
                    background: #fff
                }

                    .m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container .next-end-container .next-end-button {
                        border-width: 0 .04rem .04rem 0;
                        border-style: solid;
                        border-color: #b8b8b8;
                        display: inline-block;
                        width: .1rem;
                        height: .1rem;
                        transform: rotate(-45deg)
                    }

                    .m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container .next-end-container .next-end-button-2 {
                        border-width: 0 .04rem 0 0;
                        border-style: solid;
                        border-color: #b8b8b8;
                        display: inline-block;
                        width: .1rem;
                        height: .1rem
                    }

                .m_contributor-modal-container .settings-container .st-section .slick-slider .next-btn-container .next-gradient-div::before {
                    content: '';
                    background: linear-gradient(to left,#fff,#fffF2,#fff00);
                    padding: .1rem .5rem
                }

            .m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container {
                position: absolute;
                left: 0;
                top: -.03rem;
                z-index: 3;
                display: flex;
                align-items: center;
                background: 0 0
            }

                .m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container .prev-container {
                    border: .03rem solid #dcdcdc;
                    padding: .05rem .15rem;
                    background: #fff
                }

                    .m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container .prev-container .prev-button {
                        border-width: 0 .04rem .04rem 0;
                        border-style: solid;
                        border-color: #b8b8b8;
                        display: inline-block;
                        width: .1rem;
                        height: .1rem;
                        transform: rotate(135deg)
                    }

                .m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container .prev-end-container {
                    border: .03rem solid #dcdcdc;
                    padding: .05rem .1rem;
                    background: #fff
                }

                    .m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container .prev-end-container .prev-end-button {
                        border-width: 0 .04rem .04rem 0;
                        border-style: solid;
                        border-color: #b8b8b8;
                        display: inline-block;
                        width: .1rem;
                        height: .1rem;
                        transform: rotate(135deg)
                    }

                    .m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container .prev-end-container .prev-end-button-2 {
                        border-width: 0 0 0 .04rem;
                        border-style: solid;
                        border-color: #b8b8b8;
                        display: inline-block;
                        width: .1rem;
                        height: .1rem
                    }

                .m_contributor-modal-container .settings-container .st-section .slick-slider .prev-btn-container .prev-gradient-div::before {
                    content: '';
                    background: linear-gradient(to right,#fff,#fffF2,#fff00);
                    padding: .1rem .5rem
                }

            .m_contributor-modal-container .settings-container .st-section .slick-slider .contributor-tree-container {
                display: flex !important;
                width: 100% !important;
                align-items: center
            }

                .m_contributor-modal-container .settings-container .st-section .slick-slider .contributor-tree-container .contributor-tree-item {
                    margin: 0 .1rem 0 0;
                    display: flex;
                    width: 100%;
                    justify-content: center;
                    font-size: .24rem
                }

                    .m_contributor-modal-container .settings-container .st-section .slick-slider .contributor-tree-container .contributor-tree-item span {
                        border: .03rem solid #dcdcdc;
                        border-radius: .08rem;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        padding: .05rem .2rem
                    }

                    .m_contributor-modal-container .settings-container .st-section .slick-slider .contributor-tree-container .contributor-tree-item.isDownLine span {
                        color: #000;
                        border: .03rem solid transparent;
                        font-weight: 700
                    }

                .m_contributor-modal-container .settings-container .st-section .slick-slider .contributor-tree-container .arrow-next {
                    display: inline-block;
                    border-bottom: .08rem solid transparent;
                    border-top: .08rem solid transparent;
                    border-left: .11rem solid #888;
                    width: 0;
                    height: 0;
                    margin: .08rem
                }

        .m_contributor-modal-container .settings-container .st-section .standard-setting-table-container {
            margin: .1rem .15rem .1rem 0
        }

            .m_contributor-modal-container .settings-container .st-section .standard-setting-table-container table thead {
                font-size: .24rem;
                color: #888
            }

                .m_contributor-modal-container .settings-container .st-section .standard-setting-table-container table thead tr th {
                    border: .02rem #dcdcdc;
                    padding: .12rem .24rem;
                    height: .76rem;
                    width: 2rem
                }

            .m_contributor-modal-container .settings-container .st-section .standard-setting-table-container table tbody tr td {
                font-size: .24rem;
                color: #888;
                padding: .16rem .24rem;
                height: .8rem;
                width: 2rem
            }

            .m_contributor-modal-container .settings-container .st-section .standard-setting-table-container table .memberColumn {
                padding: .03rem .25rem;
                border-radius: .08rem;
                border: .03rem solid #dcdcdc
            }

        .m_contributor-modal-container .settings-container .st-section .pagination-container .pagination-declaration-container .pagination-declaration-content {
            margin: 0
        }

.maintenance-container {
    background: unset;
    padding: .55rem 0
}

    .maintenance-container .maintenance-box {
        width: 60%;
        margin: 0 auto;
        background: unset;
        padding: .4rem .6rem;
        border-radius: .15rem
    }

        .maintenance-container .maintenance-box .title {
            color: BLACk;
            font-size: .2rem;
            font-weight: 700
        }

        .maintenance-container .maintenance-box .body {
            color: BLACk
        }

@media(max-width: 768px) {
    .maintenance-container {
        background: unset;
        padding: .55rem 0
    }

        .maintenance-container .maintenance-box {
            margin: 0 auto;
            background: unset;
            padding: .4rem .2rem;
            border-radius: .15rem;
            width: 95%
        }

            .maintenance-container .maintenance-box .title {
                color: BLACk;
                font-size: .3rem;
                font-weight: 700;
                margin: 0 0 .4rem
            }

            .maintenance-container .maintenance-box .body {
                font-size: .24rem
            }

                .maintenance-container .maintenance-box .body p {
                    margin: 0 0 .3rem
                }
}

.terms-container {
    padding-top: .3rem;
    padding-bottom: 0;
    background-size: unset;
    color: unset;
    line-height: .35rem
}

    .terms-container .terms-content {
        color: undefined
    }

        .terms-container .terms-content p {
            line-height: .35rem
        }

    .terms-container .terms {
        width: 11rem;
        margin: auto;
        height: 88vh;
        overflow: auto;
        background: unset
    }

        .terms-container .terms::-webkit-scrollbar {
            width: .05rem
        }

        .terms-container .terms::-webkit-scrollbar-track {
            background-color: rgba(0,0,0,.5);
            border-radius: .1rem
        }

        .terms-container .terms::-webkit-scrollbar-thumb {
            border-radius: .1rem;
            background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.44,#31459f),color-stop(0.72,#4B91C9),color-stop(0.86,#0d122a))
        }

        .terms-container .terms:-webkit-scrollbar-thumb:hover {
            background: #555
        }

        .terms-container .terms .header {
            background-color: transparent;
            text-transform: uppercase;
            font-size: .4rem;
            text-align: center;
            color: #4B91C9;
            border-bottom: .01rem solid;
            border-image: linear-gradient(to right,rgba(0,0,0,0),#c09848,rgba(0,0,0,0)) 1;
            padding: .15rem;
            border-top: 0
        }

        .terms-container .terms .content {
            padding: .15rem;
            width: 10rem;
            margin: auto;
            text-align: left
        }

            .terms-container .terms .content .terms-content .sub-title-font-color {
                color: #000
            }

            .terms-container .terms .content .terms-content p {
                line-height: .35rem
            }

            .terms-container .terms .content.loading-box {
                display: flex;
                justify-content: center
            }

    .terms-container .faq-content {
        background: #f2f2f2;
        padding: .2rem .5rem;
        color: undefined
    }

        .terms-container .faq-content p u {
            text-decoration: unset
        }

        .terms-container .faq-content .collapse {
            line-height: .7rem;
            border-bottom: .01rem solid #d3d3d3
        }

            .terms-container .faq-content .collapse:last-child {
                border-bottom: unset
            }

            .terms-container .faq-content .collapse .collapse-header {
                cursor: pointer;
                padding: 0 .29rem
            }

                .terms-container .faq-content .collapse .collapse-header:hover {
                    background: #e1e1e1
                }

                .terms-container .faq-content .collapse .collapse-header p {
                    margin-bottom: 0
                }

                    .terms-container .faq-content .collapse .collapse-header p:after {
                        content: ">";
                        float: right;
                        color: #757575;
                        transform: rotate(90deg)
                    }

            .terms-container .faq-content .collapse .collapse-item {
                height: 0;
                overflow: hidden;
                padding: 0 .29rem;
                line-height: .33rem;
                transition: all .3s
            }

                .terms-container .faq-content .collapse .collapse-item img {
                    width: 100%
                }

            .terms-container .faq-content .collapse.active .collapse-header {
                background: #e1e1e1
            }

                .terms-container .faq-content .collapse.active .collapse-header p:after {
                    content: ">";
                    color: #757575;
                    float: right;
                    transition: all .2s ease;
                    transform: rotate(-90deg)
                }

            .terms-container .faq-content .collapse.active .collapse-item {
                height: auto;
                padding: .35rem .29rem
            }

@media(max-width: 768px) {
    .terms-container {
        padding-bottom: 1.4rem;
        padding-top: 0
    }

        .terms-container .terms {
            width: 100%;
            padding-bottom: 1.4rem;
            padding: .4rem
        }

            .terms-container .terms .content {
                width: 100%;
                padding: unset
            }

            .terms-container .terms p {
                margin-bottom: .25rem
            }
}

.info-popup-modal-container {
    width: 1025px;
    min-width: 1025px;
    max-width: 1025px;
    margin: undefined
}

    .info-popup-modal-container .info-popup-modal-header {
        background: #a2a2a2;
        height: .6rem;
        display: flex;
        padding: .15rem .2rem;
        justify-content: center
    }

        .info-popup-modal-container .info-popup-modal-header .info-popup-title-container {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            font-size: undefined;
            font-family: unset
        }

        .info-popup-modal-container .info-popup-modal-header .standard-modal-close {
            top: undefined;
            right: undefined
        }

            .info-popup-modal-container .info-popup-modal-header .standard-modal-close:hover {
                background: undefined
            }

            .info-popup-modal-container .info-popup-modal-header .standard-modal-close svg {
                width: undefined;
                fill: undefined
            }

                .info-popup-modal-container .info-popup-modal-header .standard-modal-close svg:hover {
                    fill: undefined
                }

    .info-popup-modal-container .info-popup-modal-body {
        padding: .35rem .5rem;
        font-size: .16rem;
        width: 100%;
        background: undefined
    }

        .info-popup-modal-container .info-popup-modal-body.array-content {
            display: flex;
            flex-flow: wrap;
            justify-content: center;
            background: undefined
        }

        .info-popup-modal-container .info-popup-modal-body .content-box {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30%;
            height: 1.8rem;
            overflow: hidden;
            padding: .2rem;
            background: #f6f6f6;
            border-radius: .1rem;
            margin: .1rem .15rem;
            cursor: pointer
        }

            .info-popup-modal-container .info-popup-modal-body .content-box:hover {
                background: 0 0;
                box-shadow: 0 .03rem .06rem .02rem #d2d2d2
            }

            .info-popup-modal-container .info-popup-modal-body .content-box .box-svg {
                fill: undefined;
                width: 25%
            }

            .info-popup-modal-container .info-popup-modal-body .content-box .box-info {
                margin: 0 .15rem;
                width: 60%
            }

                .info-popup-modal-container .info-popup-modal-body .content-box .box-info .info-title {
                    margin-bottom: .15rem;
                    color: #4B91C9
                }

                .info-popup-modal-container .info-popup-modal-body .content-box .box-info .info-desc {
                    word-wrap: break-word;
                    color: #888
                }

                    .info-popup-modal-container .info-popup-modal-body .content-box .box-info .info-desc a {
                        color: #aaa
                    }

@media(max-width: 768px) {
    .info-popup-modal-container {
        width: 95%;
        min-width: 95%;
        max-width: 95%;
        margin: undefined
    }

        .info-popup-modal-container .info-popup-modal-header {
            height: .72rem
        }

            .info-popup-modal-container .info-popup-modal-header .standard-modal-close {
                top: undefined;
                right: undefined
            }

                .info-popup-modal-container .info-popup-modal-header .standard-modal-close svg {
                    width: undefined
                }

        .info-popup-modal-container .info-popup-modal-body {
            padding: .35rem .5rem;
            font-size: .16rem
        }

            .info-popup-modal-container .info-popup-modal-body p {
                margin: 0 0 .16rem
            }

        .info-popup-modal-container .terms-content p {
            line-height: .2rem !important
        }
}

.affiliateID {
    margin: unset
}

    .affiliateID svg {
        width: .2rem;
        height: .2rem;
        margin: 0 0 0 .06rem;
        fill: #b8b8b8;
        cursor: pointer
    }

        .affiliateID svg.isOpen {
            transform: rotate(180deg)
        }

        .affiliateID svg.isHide {
            opacity: 1;
            visibility: unset
        }

    .affiliateID .isHide {
        transition: visibility 0s linear .33s,opacity .33s linear;
        visibility: hidden;
        opacity: 0
    }

    .affiliateID .isOpen {
        transition: visibility 0s linear .33s,opacity .33s linear;
        transition-timing-function: cubic-bezier(.47,0,.75,.72);
        visibility: visible;
        opacity: 1;
        transition-delay: 0s
    }

.register-main-container {
    display: flex;
    flex-direction: column;
    background: url(/public/html/images/register/reg-bg.jpg);
    background-size: 100% 100%;
    padding: .5rem 0 .8rem;
    background-position: undefined;
    height: undefined;
    background-repeat: undefined
}

    .register-main-container .registration-title {
        width: 9.2rem;
        margin: 0 auto .2rem;
        font-size: .16rem;
        font-weight: 700;
        color: #4B91C9;
        text-transform: undefined
    }

    .register-main-container .register {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding: .5rem .3rem;
        width: 11rem;
        margin: 0 auto;
        border-radius: .2rem;
        background: unset;
        box-shadow: unset
    }

        .register-main-container .register .reg {
            width: 50%;
            padding: 0 1rem 0 .5rem;
            order: undefined
        }

            .register-main-container .register .reg .reg-title {
                width: 100%;
                color: #4B91C9;
                font-weight: 700;
                font-size: .28rem
            }

            .register-main-container .register .reg .reg-step {
                width: 100%;
                margin: .2rem auto
            }

            .register-main-container .register .reg .reg-container {
                width: unset;
                margin: unset
            }

                .register-main-container .register .reg .reg-container .reg-btn-container {
                    text-align: left;
                    width: 60%;
                    float: left
                }

                    .register-main-container .register .reg .reg-container .reg-btn-container button {
                        height: .5rem;
                        border-radius: .06rem
                    }

                        .register-main-container .register .reg .reg-container .reg-btn-container button:hover {
                            background: #b6b6b6cc
                        }

                        .register-main-container .register .reg .reg-container .reg-btn-container button:disabled {
                            background: #b6b6b6
                        }

                        .register-main-container .register .reg .reg-container .reg-btn-container button svg {
                            width: .16rem;
                            height: .16rem;
                            margin: 0 .1rem 0 0
                        }

                            .register-main-container .register .reg .reg-container .reg-btn-container button svg .st0 {
                                fill: #28db00 !important
                            }

                .register-main-container .register .reg .reg-container .reg-notice-label {
                    color: #757575;
                    font-size: .12rem
                }

            .register-main-container .register .reg .standard-label {
                color: BlacK;
                font-weight: unset;
                display: flex;
                align-items: center;
                margin: 0 .08rem .06rem
            }

            .register-main-container .register .reg .standard-form-field .standard-input:-webkit-autofill, .register-main-container .register .reg .standard-form-field .standard-select:-webkit-autofill {
                -webkit-box-shadow: #ededed !important
            }

            .register-main-container .register .reg .standard-form-field .standard-select img {
                margin: 0 .05rem 0 0
            }

            .register-main-container .register .reg .standard-form-field .standard-select-dropdown {
                background-color: undefined;
                border: undefined;
                left: 0%
            }

                .register-main-container .register .reg .standard-form-field .standard-select-dropdown .standard-select-options {
                    padding: .05rem .09rem;
                    color: undefined
                }

                    .register-main-container .register .reg .standard-form-field .standard-select-dropdown .standard-select-options img {
                        margin: 0 .05rem 0 0
                    }

                .register-main-container .register .reg .standard-form-field .standard-select-dropdown .standard-select-search input {
                    color: undefined
                }

                .register-main-container .register .reg .standard-form-field .standard-select-dropdown .standard-select-search ::placeholder {
                    color: undefined
                }

                .register-main-container .register .reg .standard-form-field .standard-select-dropdown .standard-select-search :-ms-input-placeholder {
                    color: undefined
                }

                .register-main-container .register .reg .standard-form-field .standard-select-dropdown .standard-select-search ::-ms-input-placeholder {
                    color: undefined
                }

        .register-main-container .register .reg-banner-container {
            width: 40%;
            margin: undefiend
        }

            .register-main-container .register .reg-banner-container .lazy-load-image-background {
                display: undefined
            }

            .register-main-container .register .reg-banner-container .banner-img {
                width: 100%;
                height: 100%;
                border-radius: undefined;
                box-shadow: undefined
            }

        .register-main-container .register.registerStyle2 {
            border-radius: .06rem;
            color: #fff;
            width: 9.2rem;
            padding: .32rem .6rem;
            background: #f6f6f6
        }

            .register-main-container .register.registerStyle2 .right-section {
                width: 50%;
                display: block;
                flex-direction: column;
                justify-content: center
            }

                .register-main-container .register.registerStyle2 .right-section .register-benefits-content {
                    padding: undefined;
                    width: undefined
                }

            .register-main-container .register.registerStyle2 .register-benefits-content {
                width: 100%;
                padding: .8rem 0 0
            }

                .register-main-container .register.registerStyle2 .register-benefits-content .register-benefits-bg {
                    width: 100%;
                    object-fit: undefined
                }

                .register-main-container .register.registerStyle2 .register-benefits-content .member-benefits.body ul {
                    display: block
                }

                    .register-main-container .register.registerStyle2 .register-benefits-content .member-benefits.body ul li {
                        width: 90%;
                        line-height: .16rem
                    }

            .register-main-container .register.registerStyle2 .banners-wrapper img {
                width: 100%;
                margin-top: .2rem
            }

            .register-main-container .register.registerStyle2 .reg {
                padding: 0 .7rem 0 0
            }

                .register-main-container .register.registerStyle2 .reg .reg-step {
                    width: 50%;
                    display: flex;
                    justify-content: center;
                    margin: .2rem auto .4rem
                }

                    .register-main-container .register.registerStyle2 .reg .reg-step .reg-progress-container .progressBar {
                        width: 10%;
                        height: .01rem
                    }

                    .register-main-container .register.registerStyle2 .reg .reg-step .reg-progress-container .step-container {
                        width: .27rem;
                        height: .29rem;
                        border-radius: undefined
                    }

                .register-main-container .register.registerStyle2 .reg .reg-container {
                    display: grid
                }

                    .register-main-container .register.registerStyle2 .reg .reg-container .standard-form-container {
                        order: 1
                    }

                    .register-main-container .register.registerStyle2 .reg .reg-container .reg-btn-container {
                        order: 3;
                        float: none;
                        margin: .4rem auto
                    }

                        .register-main-container .register.registerStyle2 .reg .reg-container .reg-btn-container .standard-submit-button {
                            background: #b6b6b6;
                            color: undefined;
                            text-transform: undefined
                        }

                            .register-main-container .register.registerStyle2 .reg .reg-container .reg-btn-container .standard-submit-button:hover {
                                background: #b6b6b6cc
                            }

                            .register-main-container .register.registerStyle2 .reg .reg-container .reg-btn-container .standard-submit-button:disabled {
                                background: #b6b6b6
                            }

                    .register-main-container .register.registerStyle2 .reg .reg-container .reg-footer-notice {
                        order: 2;
                        font-size: .12rem;
                        color: #888;
                        padding: .14rem
                    }

                .register-main-container .register.registerStyle2 .reg .reg-success .success-animation {
                    width: 1.6rem;
                    height: 1.6rem;
                    margin: auto
                }

                    .register-main-container .register.registerStyle2 .reg .reg-success .success-animation svg {
                        fill: #4b91c9
                    }

                    .register-main-container .register.registerStyle2 .reg .reg-success .success-animation img {
                        width: 90%
                    }

                .register-main-container .register.registerStyle2 .reg .reg-success .reg-success-svg {
                    width: 2.1rem;
                    height: 2.1rem;
                    margin: 0 0 .18rem
                }

                .register-main-container .register.registerStyle2 .reg .reg-success .reg-btn-container {
                    margin: undefined
                }

                    .register-main-container .register.registerStyle2 .reg .reg-success .reg-btn-container .reg-success-deposit-btn {
                        height: .5rem;
                        margin: auto;
                        width: 100%;
                        min-width: 100%;
                        text-transform: undefined
                    }

                        .register-main-container .register.registerStyle2 .reg .reg-success .reg-btn-container .reg-success-deposit-btn:hover {
                            background: undefined
                        }

                        .register-main-container .register.registerStyle2 .reg .reg-success .reg-btn-container .reg-success-deposit-btn:disabled:hover {
                            background: undefined
                        }

    .register-main-container .registration-bottom {
        width: 9.2rem;
        margin: 0 auto;
        background: #1157aa;
        padding: .2rem;
        text-align: center;
        color: undefined
    }

        .register-main-container .registration-bottom b {
            font-weight: 700;
            color: #fdd106
        }

    .register-main-container .registration-vip-template {
        margin: 0 auto -4.5rem;
        transform: scale(.84);
        transform-origin: top center
    }

    .register-main-container .register-banners {
        width: 9.2rem;
        margin: .1rem auto
    }

.line-register-button {
    width: 100%;
    border-radius: .06rem
}

.reg-progress-container {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    height: 100%
}

    .reg-progress-container .step-container {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: WHite;
        background: #b8b8b8;
        width: .55rem;
        height: .4rem;
        border-radius: .05rem
    }

        .reg-progress-container .step-container.on {
            background: #4B91C9;
            color: WhitE
        }

            .reg-progress-container .step-container.on svg {
                fill: WhitE
            }

        .reg-progress-container .step-container:last-child.on {
            background: #28db00
        }

            .reg-progress-container .step-container:last-child.on svg {
                fill: WhitE
            }

        .reg-progress-container .step-container svg {
            fill: WHite;
            width: .15rem;
            height: .15rem
        }

    .reg-progress-container .progressBar {
        background: #b8b8b8
    }

.register-benefits-content {
    width: 90%;
    height: auto;
    margin: 0;
    padding: 0 .5rem
}

    .register-benefits-content .register-benefits-bg {
        background: #ffffff99;
        height: 100%;
        padding: .15rem 0;
        border-radius: .06rem;
        box-shadow: .02rem .02rem .05rem 0 #a7a7a7;
        background-position: unset;
        background-repeat: unset;
        background-size: unset;
        cursor: undefined
    }

    .register-benefits-content .reg-logo-container img {
        width: 100%;
        margin: .3rem 0
    }

    .register-benefits-content .member-benefits.header {
        color: Black;
        background: 0 0
    }

    .register-benefits-content .member-benefits.body {
        color: #7a7d7c;
        padding: unset
    }

        .register-benefits-content .member-benefits.body ul {
            padding-left: .45rem;
            display: flex;
            flex-wrap: wrap
        }

            .register-benefits-content .member-benefits.body ul li {
                list-style: disc;
                font-size: .12rem;
                margin-bottom: unset;
                width: 50%
            }

                .register-benefits-content .member-benefits.body ul li strong {
                    line-height: unset
                }

.reg-btn-container-prevnext {
    text-align: right;
    float: left;
    display: flex;
    order: 3
}

    .reg-btn-container-prevnext .standard-submit-button {
        background: #b6b6b6;
        text-transform: undefined
    }

        .reg-btn-container-prevnext .standard-submit-button:hover {
            background: #b6b6b6cc
        }

        .reg-btn-container-prevnext .standard-submit-button:disabled {
            background: #b6b6b6
        }

    .reg-btn-container-prevnext button {
        margin-right: .08rem;
        border-radius: .06rem;
        background: undefined;
        text-transform: undefined
    }

        .reg-btn-container-prevnext button:hover {
            background: undefined
        }

        .reg-btn-container-prevnext button svg {
            fill: #fff;
            width: .16rem;
            height: .16rem;
            margin: 0 .1rem 0 0
        }

        .reg-btn-container-prevnext button:last-child {
            margin-right: 0
        }

@media(max-width: 768px) {
    .affiliate-register .get-otp-code-btn {
        height: .8rem;
        font-size: .24rem;
        border-radius: .1rem;
        margin-left: .1rem;
        margin-right: 0;
        margin-bottom: 0
    }

    .line-register-button {
        border-radius: .1rem
    }
}

@keyframes scaleAnimation {
    0% {
        opacity: 0;
        transform: scale(1.5)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes drawCircle {
    0% {
        stroke-dashoffset: 1.51rem
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes drawCheck {
    0% {
        stroke-dashoffset: .36rem
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#successAnimation {
    width: 1.5rem;
    height: 1.5rem
}

#successAnimationCircle {
    stroke-dasharray: 1.51rem 1.51rem;
    stroke: #28db00
}

#successAnimationCheck {
    stroke-dasharray: .36rem .36rem;
    stroke: #28db00
}

#successAnimationResult {
    fill: #28db00;
    opacity: 0
}

#successAnimation.animated {
    animation: 1s ease-out 0s 1 both scaleAnimation
}

    #successAnimation.animated #successAnimationCircle {
        animation: 1s cubic-bezier(.77,0,.175,1) 0s 1 both drawCircle,.3s linear .9s 1 both fadeOut
    }

    #successAnimation.animated #successAnimationCheck {
        animation: 1s cubic-bezier(.77,0,.175,1) 0s 1 both drawCheck,.3s linear .9s 1 both fadeOut
    }

    #successAnimation.animated #successAnimationResult {
        animation: .3s linear .9s both fadeIn
    }

.Reg-terms-container span {
    color: #888
}

.m-register-background {
    position: absolute;
    background: url(/public/html/images/register_mobile_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    min-height: 100vh;
    z-index: 0
}

.m-reg-banner-container, .m-login-banner-container {
    position: relative;
    width: 100%;
    height: 6rem;
    margin: auto
}

    .m-reg-banner-container span, .m-login-banner-container span {
        display: unset
    }

        .m-reg-banner-container span img, .m-login-banner-container span img {
            position: absolute;
            width: 100%;
            max-height: 100%;
            object-fit: cover;
            border-radius: .1rem
        }

.m-register-container {
    padding: .22rem 0 0;
    width: 85%;
    margin: auto;
    position: undefined;
    z-index: undefined
}

    .m-register-container .merchant-logo {
        margin: 0 auto .4rem;
        display: flex;
        justify-content: center;
        height: auto;
        width: 50%;
        border-radius: .05rem
    }

        .m-register-container .merchant-logo img {
            height: 1rem
        }

        .m-register-container .merchant-logo .affiliate-title {
            color: #aaa;
            display: flex;
            justify-content: flex-end;
            align-items: flex-end;
            padding: 0 .06rem;
            font-size: .25rem
        }

    .m-register-container .hightlight-image {
        width: 100%
    }

    .m-register-container .register-content {
        margin: 0 0 1.5rem
    }

    .m-register-container .register-form {
        background: #f6f6f6;
        backdrop-filter: blur(0.02rem);
        padding: .36rem .66rem;
        border-radius: undefined
    }

        .m-register-container .register-form .standard-form-field {
            margin: 0 0 .36rem
        }

        .m-register-container .register-form .standard-error-validation {
            margin: -.3rem 0 .3rem
        }

            .m-register-container .register-form .standard-error-validation.margin-bottom-0 {
                margin-bottom: 0
            }

        .m-register-container .register-form .standard-select-dropdown {
            background-color: undefined;
            left: 0%
        }

            .m-register-container .register-form .standard-select-dropdown .standard-select-options {
                padding: .05rem .14rem;
                color: undefined
            }

            .m-register-container .register-form .standard-select-dropdown .standard-select-search input {
                color: undefined
            }

            .m-register-container .register-form .standard-select-dropdown .standard-select-search ::placeholder {
                color: undefined
            }

            .m-register-container .register-form .standard-select-dropdown .standard-select-search :-ms-input-placeholder {
                color: undefined
            }

            .m-register-container .register-form .standard-select-dropdown .standard-select-search ::-ms-input-placeholder {
                color: undefined
            }

        .m-register-container .register-form .affiliateID svg {
            width: .3rem;
            height: .3rem;
            margin-top: -.03rem;
            fill: undefined
        }

        .m-register-container .register-form .affiliateID .aff-field.isHide {
            transition: height .33s;
            height: 0
        }

        .m-register-container .register-form .affiliateID .aff-field.isShow {
            transition: height .33s;
            height: 100%
        }

        .m-register-container .register-form .reg-btn-container {
            justify-content: center
        }

            .m-register-container .register-form .reg-btn-container .standard-submit-form-button {
                background: #b6b6b6;
                text-transform: undefined
            }

                .m-register-container .register-form .reg-btn-container .standard-submit-form-button:disabled {
                    background: #b6b6b6
                }

        .m-register-container .register-form .reg-btn-container-prevnext {
            float: unset;
            justify-content: space-between
        }

            .m-register-container .register-form .reg-btn-container-prevnext .standard-cancel-form-button {
                order: 1;
                background: #e9203d;
                text-transform: undefined;
                margin: 0 .2rem 0 0
            }

            .m-register-container .register-form .reg-btn-container-prevnext .standard-submit-form-button {
                order: 2
            }

        .m-register-container .register-form .reg-footer-notice {
            color: #888;
            margin: 0 0 .3rem
        }

        .m-register-container .register-form .react-datepicker-popper .react-datepicker {
            font-size: 1em
        }

        .m-register-container .register-form .standard-form-field + .reg-notice-label {
            margin: -.3rem 0 .3rem
        }

        .m-register-container .register-form .reg-notice-label {
            color: #757575;
            margin-bottom: .3rem
        }

        .m-register-container .register-form .m-register-benefits-content {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: .6rem 0 .3rem
        }

            .m-register-container .register-form .m-register-benefits-content .register-benefits-bg {
                background: #ffffff99;
                height: 100%;
                padding: .2rem;
                border-radius: .1rem;
                box-shadow: .02rem .02rem .05rem 0 #a7a7a7
            }

            .m-register-container .register-form .m-register-benefits-content .reg-logo-container img {
                width: 100%;
                margin: .3rem 0
            }

            .m-register-container .register-form .m-register-benefits-content .member-benefits.header {
                color: Black;
                background: 0 0;
                padding: .1rem 0 0 .45rem
            }

            .m-register-container .register-form .m-register-benefits-content .member-benefits.body {
                color: #7a7d7c;
                padding: unset
            }

                .m-register-container .register-form .m-register-benefits-content .member-benefits.body ul {
                    padding-left: .45rem;
                    display: block
                }

                    .m-register-container .register-form .m-register-benefits-content .member-benefits.body ul li {
                        list-style: disc;
                        font-size: .22rem;
                        margin-bottom: unset;
                        width: 90%
                    }

                        .m-register-container .register-form .m-register-benefits-content .member-benefits.body ul li strong {
                            line-height: unset
                        }

    .m-register-container .get-code-button {
        height: .8rem;
        font-size: .25rem;
        margin-left: .1rem;
        margin-bottom: 0;
        border-radius: .1rem
    }

    .m-register-container .register-banners {
        width: 100%;
        margin: 0 auto .1rem
    }

.m-reg-logo-container {
    width: 85%;
    margin: auto
}

    .m-reg-logo-container .banner-img {
        width: 100%
    }

.m-login-register-panel {
    height: undefined;
    min-height: undefined;
    background: undefined;
    background-size: undefined
}

    .m-login-register-panel .m-merchant-logo {
        margin: 0 auto .4rem;
        display: flex;
        justify-content: center;
        height: auto;
        width: 50%;
        border-radius: .05rem
    }

        .m-login-register-panel .m-merchant-logo img {
            height: 1rem
        }

    .m-login-register-panel .banners-wrapper img {
        width: 100%;
        margin-top: .2rem
    }

.resetPassSection {
    background: undefined;
    background-size: cover;
    background-position: 50%;
    height: 5.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: unset;
    margin: unset
}

    .resetPassSection .reset-password-container {
        display: flex;
        background: #f6f6f6;
        justify-content: center;
        height: 3.6rem;
        width: 5.4rem;
        border-radius: .06rem;
        padding: .32rem .95rem
    }

        .resetPassSection .reset-password-container .reset-description {
            color: #7a7d7c;
            padding: 0 0 .2rem
        }

            .resetPassSection .reset-password-container .reset-description .list-info {
                display: flex;
                color: #7a7d7c;
                width: 100%;
                padding: unset;
                font-size: .12rem;
                margin: 0
            }

        .resetPassSection .reset-password-container .reset-control {
            padding-top: .1rem;
            width: 100%
        }

            .resetPassSection .reset-password-container .reset-control label {
                font-size: .14rem;
                margin: 0 .08rem .06rem
            }

            .resetPassSection .reset-password-container .reset-control .inputContainer {
                width: 100%
            }

                .resetPassSection .reset-password-container .reset-control .inputContainer .standard-error-validation {
                    font-size: .14rem
                }

            .resetPassSection .reset-password-container .reset-control .resetPassword-btn-container button {
                margin: 0
            }

            .resetPassSection .reset-password-container .reset-control .resetPassword-btn-container .single-button-container {
                width: 100%
            }

                .resetPassSection .reset-password-container .reset-control .resetPassword-btn-container .single-button-container .standard-button-container {
                    justify-content: center
                }

    .resetPassSection .orline {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 700;
        font-size: .2rem;
        margin: 0 0 .14rem
    }

    .resetPassSection .phone-field {
        width: 100%;
        display: grid;
        grid-template-columns: 30% 65%;
        column-gap: 5%
    }

        .resetPassSection .phone-field .standard-select span {
            margin: 0
        }

            .resetPassSection .phone-field .standard-select span img {
                margin: 0 .05rem 0 0
            }

        .resetPassSection .phone-field .standard-select-dropdown {
            top: .65rem
        }

            .resetPassSection .phone-field .standard-select-dropdown .standard-select-options {
                display: flex;
                cursor: pointer
            }

                .resetPassSection .phone-field .standard-select-dropdown .standard-select-options span {
                    width: 10%
                }

                .resetPassSection .phone-field .standard-select-dropdown .standard-select-options p {
                    margin: 0
                }

.m-reset-password-container {
    background: #f6f6f6;
    border-radius: .04rem;
    margin: .6rem;
    padding: .5rem;
    font-size: .4rem;
    display: grid;
    width: 85%
}

    .m-reset-password-container .descriotion-col {
        order: 1;
        line-height: 1;
        margin: 0 0 .2rem
    }

        .m-reset-password-container .descriotion-col p {
            font-size: .24rem;
            color: #7a7d7c
        }

    .m-reset-password-container .standard-form-field {
        order: 2;
        margin: 0
    }

    .m-reset-password-container .orline {
        order: 3;
        font-size: .26rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 700;
        padding: .1rem 0
    }

    .m-reset-password-container .phone-container {
        order: 4
    }

        .m-reset-password-container .phone-container .phone-field {
            display: grid;
            grid-template-columns: 40% 55%;
            grid-gap: 5%;
            width: 100%
        }

            .m-reset-password-container .phone-container .phone-field .standard-select-dropdown {
                top: 1.25rem
            }

            .m-reset-password-container .phone-container .phone-field .standard-select-options span {
                width: 15%
            }

    .m-reset-password-container .transaction-button-section {
        order: 5;
        width: 100%;
        margin: auto;
        margin-top: .25rem
    }

    .m-reset-password-container .single-button-container .standard-button-container {
        justify-content: center
    }

.m-reset-password-caption {
    margin-top: 1rem;
    font-size: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #252525;
    fill: #252525
}

    .m-reset-password-caption svg {
        width: .25rem
    }

.contact-container {
    padding: .77rem 0 4rem;
    background: #fff
}

    .contact-container .title-header {
        font-size: .2rem;
        font-weight: 700;
        padding: .2rem;
        background: #4B91C9;
        text-align: left;
        text-transform: uppercase;
        color: #4b91c9;
        border-bottom: .01rem solid;
        border-image: linear-gradient(to right,rgba(0,0,0,0),#c09848,rgba(0,0,0,0)) 1;
        width: 11rem;
        margin: auto
    }

    .contact-container .contactUs_detail_content {
        display: flex;
        flex-wrap: wrap;
        flex-flow: wrap;
        padding: .15rem;
        width: 11rem;
        padding: 0;
        margin: auto;
        justify-content: center
    }

        .contact-container .contactUs_detail_content .contact-item {
            display: flex;
            width: 4.5rem;
            background: #f6f6f6;
            margin: unset;
            margin-bottom: .26rem;
            margin-right: .26rem;
            border-radius: .1rem;
            height: 1.6rem;
            z-index: 1;
            padding: .66rem .76rem .55rem;
            cursor: pointer;
            position: relative;
            text-align: center;
            overflow: hidden;
            border-bottom: 0
        }

            .contact-container .contactUs_detail_content .contact-item:nth-child(2n), .contact-container .contactUs_detail_content .contact-item:last-child {
                margin-right: 0
            }

            .contact-container .contactUs_detail_content .contact-item .contact-icon {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0
            }

                .contact-container .contactUs_detail_content .contact-item .contact-icon svg {
                    width: .55rem;
                    height: .55rem;
                    fill: unset
                }

            .contact-container .contactUs_detail_content .contact-item .contact-container {
                text-align: center;
                width: 2.65rem;
                color: #000;
                padding: 0;
                background: unset;
                margin: 0 0 0 .5rem;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .contact-container .contactUs_detail_content .contact-item .contact-container .contact-method {
                    color: #4B91C9;
                    font-size: .18rem;
                    font-weight: 700;
                    margin-bottom: 0
                }

                .contact-container .contactUs_detail_content .contact-item .contact-container .contact-desc {
                    color: #888;
                    font-size: .18rem
                }

                    .contact-container .contactUs_detail_content .contact-item .contact-container .contact-desc a:link {
                        color: #000
                    }

                    .contact-container .contactUs_detail_content .contact-item .contact-container .contact-desc a:visited {
                        color: unset
                    }

                .contact-container .contactUs_detail_content .contact-item .contact-container .details_contact {
                    color: #888
                }

                    .contact-container .contactUs_detail_content .contact-item .contact-container .details_contact a:link {
                        color: #000
                    }

            .contact-container .contactUs_detail_content .contact-item::after {
                content: '';
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: -1;
                background: inherit;
                position: absolute;
                box-shadow: inset 0 0 0 2rem rgba(255,255,255,.05);
                backdrop-filter: blur(0.1rem)
            }

.contact-empty-space {
    height: 1.5rem
}

.m-contact-container {
    background: #f6f6f6;
    width: undedifine;
    overflow-y: auto;
    margin: .35rem .2rem 0;
    border-radius: .1rem
}

    .m-contact-container .m-contact-intro {
        padding: .4rem 1.3rem;
        color: #fff;
        text-align: center
    }

        .m-contact-container .m-contact-intro .m-contact-content {
            margin: .3rem 0;
            text-align: justify
        }

    .m-contact-container .misc-contact-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        padding: .4rem .7rem;
        border-bottom: .01rem solid transparent
    }

        .m-contact-container .misc-contact-item .contact-title {
            color: #fff;
            margin: .5rem .7rem;
            text-decoration: underline
        }

        .m-contact-container .misc-contact-item .common-content-parent {
            display: flex
        }

            .m-contact-container .misc-contact-item .common-content-parent .common-content {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: center
            }

                .m-contact-container .misc-contact-item .common-content-parent .common-content .contact-icon {
                    margin: .2rem .7rem
                }

                    .m-contact-container .misc-contact-item .common-content-parent .common-content .contact-icon svg {
                        width: 1rem;
                        height: 1rem;
                        fill: #4B91C9
                    }

                .m-contact-container .misc-contact-item .common-content-parent .common-content .contact-content-container {
                    margin: 0 .7rem
                }

                    .m-contact-container .misc-contact-item .common-content-parent .common-content .contact-content-container .contact-method {
                        color: #4B91C9;
                        margin-bottom: .08rem
                    }

                    .m-contact-container .misc-contact-item .common-content-parent .common-content .contact-content-container .contact-desc {
                        color: #888;
                        margin-top: .2rem
                    }

                        .m-contact-container .misc-contact-item .common-content-parent .common-content .contact-content-container .contact-desc a:link {
                            color: #888
                        }

    .m-contact-container .contact-item {
        display: flex;
        width: 100%;
        padding: .24rem .46rem;
        border-bottom: .01rem solid #dcdcdc
    }

        .m-contact-container .contact-item:last-child {
            border-bottom: none
        }

        .m-contact-container .contact-item .contact-icon {
            width: 8%;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .m-contact-container .contact-item .contact-icon svg {
                width: .65rem;
                height: .65rem;
                fill: unset
            }

            .m-contact-container .contact-item .contact-icon img {
                width: 60%
            }

        .m-contact-container .contact-item .contact-content-container {
            width: 85%;
            color: #4B91C9;
            font-size: .23rem;
            margin: 0 0 0 .44rem;
            display: undefined;
            flex-direction: undefined;
            justify-content: undefined;
            overflow: auto
        }

            .m-contact-container .contact-item .contact-content-container .contact-method {
                color: #4B91C9;
                margin-bottom: .1rem
            }

            .m-contact-container .contact-item .contact-content-container .contact-desc {
                color: #888;
                margin-top: 0
            }

                .m-contact-container .contact-item .contact-content-container .contact-desc a {
                    color: undefined
                }

.m-login-background {
    position: absolute;
    background: url(/public/html/images/register_mobile_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    z-index: 0
}

.m-login-container {
    padding: .22rem 0 0;
    width: 85%;
    margin: auto;
    position: undefined;
    z-index: undefined
}

    .m-login-container .merchant-logo {
        margin: 0 auto .4rem;
        display: flex;
        justify-content: center;
        height: auto;
        width: 50%
    }

        .m-login-container .merchant-logo img {
            height: 1rem
        }

        .m-login-container .merchant-logo .affiliate-title {
            color: #aaa;
            display: flex;
            justify-content: flex-end;
            align-items: flex-end;
            padding: 0 .06rem;
            white-space: nowrap;
            font-size: .25rem
        }

    .m-login-container .hightlight-image {
        width: 100%
    }

    .m-login-container .login-form {
        padding: .36rem .6rem;
        background: #f6f6f6;
        backdrop-filter: blur(0.02rem);
        border-radius: undefined
    }

        .m-login-container .login-form .login-icon {
            width: 10%;
            text-align: center
        }

        .m-login-container .login-form .login-form-warpper .checkbox-forgot-container {
            align-items: center
        }

        .m-login-container .login-form .login-form-warpper .login-btn-container {
            margin: .45rem 0 0;
            justify-content: center
        }

        .m-login-container .login-form .login-form-warpper .standard-submit-form-button {
            background: undefined;
            font-weight: undefined;
            text-transform: undefined
        }

            .m-login-container .login-form .login-form-warpper .standard-submit-form-button:disabled {
                background: undefined
            }

    .m-login-container .standard-submit-button svg {
        width: .5rem;
        height: .5rem;
        margin-right: .3rem
    }

    .m-login-container .forget-password-container {
        color: #4B91C9;
        text-decoration: underline;
        text-align: right;
        font-size: .24rem
    }

    .m-login-container .copyright-container {
        font-size: .2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: .4rem;
        color: #888;
        fill: #888;
        flex-wrap: wrap
    }

        .m-login-container .copyright-container svg {
            width: .3rem;
            height: .3rem;
            margin: 0 .06rem
        }

        .m-login-container .copyright-container .custom-copyright-svg {
            position: absolute;
            margin: .25rem 0 0 2.5rem
        }

.m-login-register-panel {
    height: undefined;
    min-height: undefined;
    background: undefined;
    background-size: undefined
}

    .m-login-register-panel .m-register-benefits-content {
        display: flex;
        justify-content: center;
        margin: .2rem .6rem
    }

        .m-login-register-panel .m-register-benefits-content .m-register-benefits-bg {
            width: 100%
        }

.m-loginjoin-tab-container {
    background: linear-gradient(#4B91C9,#111630);
    border-radius: .15rem;
    border: none;
    text-transform: capitalize
}

    .m-loginjoin-tab-container .tab-content {
        display: flex;
        align-items: center;
        padding: .2rem 0
    }

        .m-loginjoin-tab-container .tab-content .tab-item {
            width: 50%;
            padding: .15rem 0;
            color: #888;
            text-transform: undefined;
            font-weight: undefined;
            background: undefined
        }

            .m-loginjoin-tab-container .tab-content .tab-item.active {
                color: #fff;
                background: 0 0
            }

                .m-loginjoin-tab-container .tab-content .tab-item.active .hover-line {
                    border-color: undefined
                }

        .m-loginjoin-tab-container .tab-content .center-line {
            color: #ffffff3b
        }

.reg-progress-bar-container {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 42%;
    height: 100%;
    margin: 0 auto .33rem
}

    .reg-progress-bar-container .step-container {
        width: 1.5rem;
        height: .42rem;
        color: WHite;
        background: #b8b8b8;
        border-radius: .05rem;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }

        .reg-progress-bar-container .step-container svg {
            width: .2049rem;
            height: .2049rem;
            fill: WHite
        }

        .reg-progress-bar-container .step-container.on {
            background: #4B91C9;
            color: WhitE
        }

        .reg-progress-bar-container .step-container:last-child.on {
            background: #4B91C9
        }

            .reg-progress-bar-container .step-container:last-child.on svg {
                fill: WhitE
            }

    .reg-progress-bar-container .progressBar {
        width: 80%;
        height: .01rem;
        background: #b8b8b8
    }

.reg-success-container {
    text-align: center;
    color: BLACk
}

    .reg-success-container svg {
        fill: BLACk
    }

    .reg-success-container .reg-svg {
        width: 2.4rem;
        margin: .3rem auto
    }

    .reg-success-container .reg-success-deposit-btn {
        margin: .45rem 0 0
    }

        .reg-success-container .reg-success-deposit-btn svg {
            fill: #fff
        }

    .reg-success-container img {
        width: 35%;
        margin: .5rem auto
    }

.reg-success {
    color: BLACk;
    text-align: center
}

.m-register-container .reg-btn-container .reg-success-deposit-btn {
    background: undefined;
    text-transform: undefined
}

    .m-register-container .reg-btn-container .reg-success-deposit-btn:disabled {
        background: undefined
    }

.promo-container {
    color: #888;
    background: #fff;
    width: 100%
}

    .promo-container .tabSelect {
        background: #eee;
        white-space: nowrap;
        width: 100%;
        overflow: auto;
        margin-bottom: .24rem
    }

        .promo-container .tabSelect .tab-container {
            width: 12rem;
            margin: auto;
            font-size: .16rem;
            position: relative
        }

            .promo-container .tabSelect .tab-container::before {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                width: .7rem;
                background: undefined;
                height: 100%
            }

            .promo-container .tabSelect .tab-container .arrow-container {
                position: relative;
                width: 100%
            }

                .promo-container .tabSelect .tab-container .arrow-container .arrow-right-container {
                    right: 0%;
                    padding-top: .12rem;
                    z-index: 2;
                    position: absolute
                }

                    .promo-container .tabSelect .tab-container .arrow-container .arrow-right-container:hover {
                        cursor: pointer
                    }

                .promo-container .tabSelect .tab-container .arrow-container .arrow-left-container {
                    left: 0%;
                    padding-top: .12rem;
                    z-index: 2;
                    position: absolute
                }

                    .promo-container .tabSelect .tab-container .arrow-container .arrow-left-container:hover {
                        cursor: pointer
                    }

                .promo-container .tabSelect .tab-container .arrow-container img {
                    width: .3rem;
                    height: .3rem
                }

            .promo-container .tabSelect .tab-container .standard-tab {
                width: 11rem;
                list-style: none;
                display: flex;
                margin: auto;
                text-transform: unset
            }

                .promo-container .tabSelect .tab-container .standard-tab ul {
                    display: flex
                }

                    .promo-container .tabSelect .tab-container .standard-tab ul li {
                        padding: .18rem .24rem 0 .08rem;
                        color: #b8b8b8;
                        font-size: .14rem
                    }

                        .promo-container .tabSelect .tab-container .standard-tab ul li .active {
                            color: #4B91C9
                        }

                        .promo-container .tabSelect .tab-container .standard-tab ul li .tablinks {
                            cursor: pointer
                        }

                            .promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:hover, .promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:active, .promo-container .tabSelect .tab-container .standard-tab ul li .tablinks.active {
                                color: #4B91C9
                            }

                                .promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:hover .hover-line, .promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:active .hover-line, .promo-container .tabSelect .tab-container .standard-tab ul li .tablinks.active .hover-line {
                                    color: #4b91c9;
                                    width: 50%;
                                    margin: .1rem auto 0;
                                    border-bottom: .03rem solid #4b91c9
                                }

    .promo-container .promoWarpper {
        width: 11rem;
        margin: auto
    }

        .promo-container .promoWarpper .promoWarpContainer {
            display: flex;
            flex-wrap: wrap
        }

            .promo-container .promoWarpper .promoWarpContainer .promo-details {
                flex: 0 0 50%;
                max-width: 50%;
                padding: 0 .15rem .24rem
            }

                .promo-container .promoWarpper .promoWarpContainer .promo-details .promo-banner-container {
                    background: #f6f6f6;
                    box-shadow: 0 .1rem .2rem #4848481a;
                    border-radius: .1rem
                }

                .promo-container .promoWarpper .promoWarpContainer .promo-details .promoImg img {
                    border-radius: .1rem .1rem 0 0;
                    width: 100%;
                    height: 100%
                }

                .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails {
                    padding: .1rem .2rem;
                    height: 1.35rem
                }

                    .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promo-type-container {
                        flex: 0 0 100%;
                        max-width: 100%;
                        margin-bottom: .04rem;
                        height: .25rem;
                        overflow: hidden
                    }

                        .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promo-type-container .promo-badge {
                            display: inline-block;
                            font-weight: 700;
                            font-size: .12rem;
                            text-align: center;
                            padding: .06rem;
                            border-radius: .05rem;
                            margin: 0 .05rem .03rem 0;
                            line-height: 1;
                            background: #b8b8b8
                        }

                            .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promo-type-container .promo-badge .promo-type {
                                color: undefined
                            }

                    .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promoContentContainer {
                        flex: 0 0 100%;
                        max-width: 100%
                    }

                        .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promoContentContainer .promo-content-title {
                            color: #4B91C9;
                            font-weight: 700;
                            font-size: undefined;
                            padding: .05rem 0 .02rem;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 1;
                            overflow: hidden
                        }

                        .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promoContentContainer .promo-content-desc {
                            color: #252525;
                            font-size: undefined;
                            height: .45rem
                        }

                            .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promoContentContainer .promo-content-desc p {
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 2;
                                overflow: hidden;
                                margin: 0
                            }

                    .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .remainingTimerContainer {
                        font-size: .12rem;
                        margin-top: .1rem
                    }

                .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer {
                    border-top: .02rem solid #dcdcdc
                }

                    .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer {
                        justify-content: center;
                        display: flex;
                        flex-wrap: wrap;
                        padding: .16rem .2rem
                    }

                        .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail {
                            flex: 0 0 33%;
                            max-width: 33%;
                            padding: 0 .05rem
                        }

                            .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail:hover {
                                cursor: pointer
                            }

                            .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .detailFullWidth {
                                background: #b6b6b6;
                                color: #fff;
                                padding: .18rem .04rem;
                                border-radius: .05rem;
                                text-align: center;
                                width: 100%;
                                font-weight: 400;
                                font-size: undefined;
                                text-transform: undefined
                            }

                                .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .detailFullWidth:hover, .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .detailFullWidth:active {
                                    background: #b6b6b6cc
                                }

                                .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .detailFullWidth svg {
                                    width: .16rem;
                                    margin-right: .12rem;
                                    vertical-align: top
                                }

                            .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoDetailBtn {
                                background: #b6b6b6;
                                color: #fff;
                                padding: .18rem .04rem;
                                border-radius: .05rem;
                                text-align: center;
                                width: 100%;
                                font-weight: 400;
                                text-transform: undefined
                            }

                                .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoDetailBtn:hover, .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoDetailBtn:active {
                                    background: #b6b6b6cc
                                }

                                .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoDetailBtn svg {
                                    width: .16rem;
                                    margin-right: .12rem;
                                    vertical-align: middle
                                }

                            .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn {
                                background: #b6b6b6;
                                color: #fff;
                                padding: .18rem .04rem;
                                border-radius: .05rem;
                                text-align: center;
                                width: 100%;
                                font-weight: 400;
                                text-transform: undefined
                            }

                                .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn:disabled {
                                    cursor: no-drop;
                                    opacity: .3;
                                    background: #b6b6b6
                                }

                                    .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn:disabled:hover {
                                        background: #b6b6b6
                                    }

                                .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn:hover, .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn:active {
                                    background: #b6b6b6cc
                                }

                                .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn svg {
                                    width: .16rem;
                                    margin-right: .12rem;
                                    vertical-align: middle
                                }

                                    .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn svg .st0 {
                                        fill: #28db00 !important
                                    }

                            .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoShareBtn {
                                background: #b6b6b6;
                                color: #fff;
                                font-size: undefined;
                                padding: .18rem .04rem;
                                border-radius: .05rem;
                                text-align: center;
                                width: 100%;
                                font-weight: 400;
                                text-transform: undefined
                            }

                                .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoShareBtn:disabled {
                                    cursor: no-drop;
                                    opacity: .3;
                                    background: #b6b6b6
                                }

                                    .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoShareBtn:disabled:hover {
                                        background: #b6b6b6
                                    }

                                .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoShareBtn:hover, .promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoShareBtn:active {
                                    background: #b6b6b6cc
                                }

.m-promo-container {
    color: #aaa;
    width: 100%
}

    .m-promo-container .tabSelect {
        background: #eee;
        white-space: nowrap;
        width: 100%;
        overflow: auto;
        margin-bottom: .24rem;
        border-bottom: undefined
    }

        .m-promo-container .tabSelect .tab-container {
            width: 100%;
            margin: auto;
            padding: 0 .15rem;
            font-size: .28rem
        }

            .m-promo-container .tabSelect .tab-container .standard-tab {
                list-style: none;
                display: flex;
                margin: 0
            }

                .m-promo-container .tabSelect .tab-container .standard-tab ul {
                    display: flex;
                    align-items: undefined;
                    height: undefined
                }

                    .m-promo-container .tabSelect .tab-container .standard-tab ul li {
                        padding: .24rem .24rem 0 .08rem;
                        color: #b8b8b8;
                        text-transform: undefined
                    }

                        .m-promo-container .tabSelect .tab-container .standard-tab ul li .active {
                            color: #4B91C9
                        }

                        .m-promo-container .tabSelect .tab-container .standard-tab ul li .tablinks {
                            cursor: pointer;
                            display: undefined;
                            padding: undefined;
                            height: undefined
                        }

                            .m-promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:hover, .m-promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:active, .m-promo-container .tabSelect .tab-container .standard-tab ul li .tablinks.active {
                                color: #4B91C9;
                                background: undefined
                            }

                                .m-promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:hover .hover-line, .m-promo-container .tabSelect .tab-container .standard-tab ul li .tablinks:active .hover-line, .m-promo-container .tabSelect .tab-container .standard-tab ul li .tablinks.active .hover-line {
                                    color: #4b91c9;
                                    width: 50%;
                                    margin: .2rem auto 0;
                                    border-bottom: .06rem solid #4b91c9;
                                    display: undefined
                                }

    .m-promo-container .promoWarpper {
        width: 100%;
        margin-bottom: 1.5rem;
        padding: undefined
    }

        .m-promo-container .promoWarpper .promoWarpContainer {
            display: flex;
            flex-wrap: wrap
        }

            .m-promo-container .promoWarpper .promoWarpContainer .promo-details {
                position: relative;
                width: 100%;
                padding: 0 .15rem .3rem
            }

                .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promo-banner-container {
                    background: #f6f6f6;
                    box-shadow: 0 .1rem .2rem rgba(72,72,72,.1);
                    border-radius: .1rem
                }

                .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoImg img {
                    border-radius: .1rem .1rem 0 0;
                    width: 100%;
                    height: 100%
                }

                .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails {
                    padding: .1rem .2rem;
                    display: undefined;
                    flex-direction: undefined
                }

                    .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promo-type-container {
                        flex: 0 0 100%;
                        max-width: 100%;
                        margin-bottom: .04rem
                    }

                        .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promo-type-container .promo-badge {
                            display: inline-block;
                            font-weight: 700;
                            font-size: .22rem;
                            text-align: center;
                            padding: .06rem;
                            border-radius: .05rem;
                            margin: 0 .1rem .1rem 0;
                            line-height: 1.2;
                            background: #b8b8b8
                        }

                            .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promo-type-container .promo-badge .promo-type {
                                color: undefined
                            }

                    .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promoContentContainer {
                        flex: 0 0 100%;
                        max-width: 100%;
                        font-size: .28rem
                    }

                        .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promoContentContainer .promo-content-title {
                            color: #4B91C9;
                            font-weight: 700;
                            padding-top: .1rem
                        }

                        .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .promoContentContainer .promo-content-desc {
                            color: #252525;
                            font-size: .24rem;
                            margin: undefined
                        }

                    .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .remainingTimerContainer {
                        font-size: .24rem;
                        margin: .1rem 0 0
                    }

                        .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoDetails .remainingTimerContainer .remaining-timer span {
                            color: undefined
                        }

                .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer {
                    border-top: 2px solid #dcdcdc
                }

                    .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer {
                        display: flex;
                        width: 100%;
                        grid-template-columns: undefined;
                        grid-column-gap: undefined;
                        flex: none;
                        justify-content: center;
                        cursor: pointer;
                        font-weight: 500;
                        padding: unset;
                        padding: .16rem .2rem
                    }

                        .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail {
                            flex: 0 0 33%;
                            max-width: 33%;
                            padding: 0 .05rem;
                            width: 33%
                        }

                            .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .detailFullWidth {
                                background: #b6b6b6;
                                color: #fff;
                                padding: .24rem .04rem;
                                border-radius: .05rem;
                                text-align: center;
                                width: 100%;
                                font-size: .28rem;
                                font-weight: 400;
                                text-transform: undefined
                            }

                                .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .detailFullWidth svg {
                                    width: .3rem;
                                    margin-right: .12rem;
                                    vertical-align: middle;
                                    overflow: visible
                                }

                            .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoDetailBtn {
                                background: #b6b6b6;
                                color: #fff;
                                padding: .24rem .04rem;
                                border-radius: .05rem;
                                text-align: center;
                                width: 100%;
                                min-width: undefined;
                                font-size: .28rem;
                                font-weight: 400;
                                text-transform: undefined
                            }

                                .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoDetailBtn svg {
                                    width: .3rem;
                                    margin-right: .12rem;
                                    vertical-align: middle;
                                    overflow: visible
                                }

                            .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn {
                                background: #b6b6b6;
                                color: #fff;
                                padding: .24rem .04rem;
                                border-radius: .05rem;
                                text-align: center;
                                width: 100%;
                                min-width: undefined;
                                font-size: .28rem;
                                font-weight: 400;
                                text-transform: undefined
                            }

                                .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn:disabled {
                                    background: #b6b6b6
                                }

                                .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn svg {
                                    width: .3rem;
                                    margin-right: .12rem;
                                    vertical-align: middle;
                                    overflow: visible
                                }

                                    .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoBtnDetail .promoApplyBtn svg .st0 {
                                        fill: #28db00 !important
                                    }

                        .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainer .promoShareBtn {
                            background: #b6b6b6;
                            color: #fff;
                            padding: .24rem .04rem;
                            border-radius: .05rem;
                            text-align: center;
                            width: 100%;
                            font-size: .28rem;
                            font-weight: 400;
                            text-transform: undefined;
                            border: undefined
                        }

                    .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainerWith3Buttons {
                        grid-template-columns: 1fr 1fr 1fr
                    }

                    .m-promo-container .promoWarpper .promoWarpContainer .promo-details .promoContent .promoBtmContainer .promoBtnContainerWith2Buttons {
                        grid-template-columns: 1fr 1fr
                    }

.app-download-modal-container {
    max-width: 1140px;
    background: #fff
}

    .app-download-modal-container .app-download-popup-modal-body {
        overflow-x: auto
    }

        .app-download-modal-container .app-download-popup-modal-body .app-download-close-btn {
            opacity: .8;
            position: absolute;
            right: .1rem;
            top: .2rem;
            cursor: pointer
        }

            .app-download-modal-container .app-download-popup-modal-body .app-download-close-btn svg {
                fill: #fff;
                width: .3rem;
                height: .3rem
            }

        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items {
            background: #a2a2a2
        }

            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs {
                justify-content: center;
                display: flex;
                flex-wrap: wrap
            }

                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs .nav-item {
                    padding: .3rem .2rem 0;
                    color: #fff
                }

                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs .nav-item:hover, .app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs .nav-item:active, .app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs .nav-item.active {
                        color: #fff
                    }

                        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs .nav-item:hover .hover-line, .app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs .nav-item:active .hover-line, .app-download-modal-container .app-download-popup-modal-body .app-download-tab-bar-items .app-download-navbar-container .app-download-nav-tabs .nav-item.active .hover-line {
                            color: #4b91c9;
                            width: 50%;
                            margin: .2rem auto 0;
                            border-bottom: 3px solid #4b91c9
                        }

        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content {
            padding: .3rem;
            background: undefined;
            color: undefined
        }

            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane {
                margin-bottom: .24rem
            }

                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list {
                    display: grid;
                    grid-template-columns: 16% 16% 16% 16% 16% 16%;
                    grid-row-gap: .16rem;
                    justify-content: space-between;
                    margin: .05rem 0 0
                }

                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail {
                        border: .02rem solid #dcdcdc;
                        width: 100%;
                        border-radius: .04rem;
                        padding: .1rem
                    }

                        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .provider-title-container {
                            display: flex;
                            justify-content: undefined
                        }

                            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .provider-title-container .download-provider {
                                width: .3rem;
                                height: .3rem;
                                margin: 0 .07rem 0 0
                            }

                            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .provider-title-container .title {
                                padding: .07rem 0 0;
                                font-size: undefined
                            }

                        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container {
                            position: relative;
                            text-align: center
                        }

                            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container svg {
                                width: .9rem;
                                margin: .05rem 0
                            }

                            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container > svg {
                                border: .02rem solid #fff
                            }

                            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container .fa-ios svg {
                                position: absolute;
                                top: 0;
                                right: 0;
                                width: .24rem;
                                fill: #2ab7fe
                            }

                            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container .fa-android svg {
                                position: absolute;
                                top: 0;
                                right: 0;
                                width: .24rem;
                                fill: #00d909
                            }

                        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container {
                            margin: 0 .15rem;
                            background: #b6b6b6;
                            color: #fff;
                            padding: .1rem .04rem;
                            border-radius: .05rem;
                            text-align: center;
                            cursor: pointer
                        }

                            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container:hover, .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container:active {
                                background: #b6b6b6
                            }

                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail-hide-qr .download-btn-container {
                        margin: .1rem .15rem 0
                    }

            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer {
                width: 70%;
                margin: auto;
                padding: undefined
            }

                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .topTabContainer .title {
                    color: #4B91C9
                }

                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer {
                    display: flex
                }

                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer {
                        margin: 0 .2rem 0 0;
                        width: 100%
                    }

                        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer .applogoContainerWrap {
                            display: flex;
                            position: relative
                        }

                            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer .applogoContainerWrap .applogoCntainerPosition {
                                position: relative;
                                margin: auto 0;
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                height: 2.5rem
                            }

                                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer .applogoContainerWrap .applogoCntainerPosition .applogo-bg {
                                    box-shadow: 0 .05rem .05rem 0 #000;
                                    border-radius: .12rem;
                                    width: 1.2rem
                                }

                                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer .applogoContainerWrap .applogoCntainerPosition .applogo {
                                    left: 0;
                                    width: 1.2rem;
                                    position: relative;
                                    padding: 0;
                                    filter: drop-shadow(0 0.05rem 0.05rem #ededed);
                                    border-radius: .12rem
                                }

                            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer .applogoContainerWrap .app-download-feature-desc {
                                margin: .1rem 0 0
                            }

                            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer .applogoContainerWrap .appDownloadBackground {
                                position: absolute;
                                right: 0;
                                width: auto
                            }

                        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .applogoContainer .top-desc {
                            position: absolute;
                            margin-top: -.8rem
                        }

                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer {
                        margin: auto 0
                    }

                        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap {
                            display: grid;
                            grid-template-columns: 1.8rem 1.8rem;
                            grid-gap: .18rem;
                            justify-content: space-between;
                            text-align: undefined
                        }

                            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer {
                                border: .02rem solid #dcdcdc;
                                width: 100%;
                                border-radius: .04rem;
                                padding: .1rem
                            }

                                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode {
                                    position: relative;
                                    text-align: center
                                }

                                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode svg {
                                        width: .9rem;
                                        margin-bottom: .1rem
                                    }

                                        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode svg.download_qr {
                                            border: .02rem solid #fff
                                        }

                                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode .fa-android svg {
                                        position: absolute;
                                        top: 0;
                                        right: 0;
                                        width: .24rem;
                                        fill: #00d909
                                    }

                                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container {
                                    margin: 0 .15rem;
                                    background: #b6b6b6;
                                    color: #fff;
                                    padding: .1rem .04rem;
                                    border-radius: .05rem;
                                    text-align: center;
                                    cursor: pointer
                                }

                                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container:hover, .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container:active {
                                        background: #b6b6b6
                                    }

                                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container .app-download-btn-text {
                                        margin: 0
                                    }

                            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer {
                                border: .02rem solid #dcdcdc;
                                width: 100%;
                                border-radius: .04rem;
                                padding: .1rem
                            }

                                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .download-qrcode {
                                    position: relative;
                                    text-align: center
                                }

                                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .download-qrcode svg {
                                        width: .9rem;
                                        margin-bottom: .1rem
                                    }

                                        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .download-qrcode svg.download_qr {
                                            border: .02rem solid #fff
                                        }

                                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .download-qrcode .fa-ios svg {
                                        position: absolute;
                                        top: 0;
                                        right: 0;
                                        width: .24rem;
                                        fill: #2ab7fe
                                    }

                                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container {
                                    margin: 0 .15rem;
                                    background: #b6b6b6;
                                    color: #fff;
                                    padding: .1rem .04rem;
                                    border-radius: .05rem;
                                    text-align: center;
                                    cursor: pointer
                                }

                                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container:hover, .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container:active {
                                        background: #b6b6b6
                                    }

                                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .contentTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container .app-download-btn-text {
                                        margin: 0
                                    }

                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer {
                    border-top: .02rem solid #dcdcdc;
                    padding-top: .5rem
                }

                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideAndroid {
                        display: flex;
                        flex-wrap: wrap;
                        margin-bottom: .2rem
                    }

                        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideAndroid .installGuideIcon {
                            width: 15%;
                            padding: 0 .15rem;
                            fill: #00d909
                        }

                        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideAndroid .installGuideStep {
                            width: 85%;
                            padding: 0 .15rem;
                            margin: auto 0
                        }

                            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideAndroid .installGuideStep ol {
                                margin-left: .2rem
                            }

                                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideAndroid .installGuideStep ol li {
                                    list-style: auto
                                }

                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideIOS {
                        display: flex;
                        flex-wrap: wrap;
                        margin-bottom: .2rem
                    }

                        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideIOS .installGuideIcon {
                            width: 15%;
                            padding: 0 .15rem;
                            fill: #2ab7fe
                        }

                        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideIOS .installGuideStep {
                            width: 85%;
                            padding: 0 .15rem;
                            margin: auto 0
                        }

                            .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideIOS .installGuideStep ol {
                                margin-left: .2rem
                            }

                                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .installGuideContainer .installGuideIOS .installGuideStep ol li {
                                    list-style: auto
                                }

                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-download-navbar-container {
                    display: block;
                    margin: 0 0 .5rem
                }

                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-download-navbar-container .app-download-nav-tabs {
                        justify-content: center;
                        display: flex;
                        flex-wrap: wrap
                    }

                        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-download-navbar-container .app-download-nav-tabs a {
                            border: .01rem solid #dcdcdc;
                            margin: .05rem;
                            font-size: .16rem;
                            padding: .08rem .32rem;
                            color: #888
                        }

                        .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-download-navbar-container .app-download-nav-tabs .active {
                            border: .01rem solid #4b91c9;
                            background: rgba(75,145,201,.1);
                            color: #000
                        }

                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-image-tutoral-header {
                    font-weight: 700;
                    color: #4B91C9;
                    font-size: .16rem;
                    margin: 0 0 .3rem
                }

                .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-image-tutoral-container {
                    display: flex;
                    justify-content: space-between
                }

                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-image-tutoral-container .app-tutorial-image {
                        text-align: center;
                        width: 1.5rem
                    }

                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-image-tutoral-container .app-tutorial-title {
                        font-weight: 700;
                        color: #4b91c9;
                        margin: .15rem 0 .1rem
                    }

                    .app-download-modal-container .app-download-popup-modal-body .app-download-tab-content .tab-pane-container .appDownloadPopupModalContainer .app-image-tutoral-container p {
                        font-size: .16rem
                    }

.download-app {
    margin: undefined;
    padding: 0 0 1.5rem
}

    .download-app .tabs-container {
        background: #00000004;
        white-space: nowrap;
        width: 100%;
        overflow: auto;
        margin-bottom: .24rem
    }

        .download-app .tabs-container .tabs-container-wrap {
            width: 100%;
            margin: auto;
            padding: 0 .1rem
        }

            .download-app .tabs-container .tabs-container-wrap ul {
                list-style: none;
                display: flex;
                margin: 0
            }

                .download-app .tabs-container .tabs-container-wrap ul li {
                    padding: .24rem .24rem 0 .08rem;
                    color: #888
                }

                    .download-app .tabs-container .tabs-container-wrap ul li .active {
                        color: #4B91C9
                    }

                    .download-app .tabs-container .tabs-container-wrap ul li .tablinks {
                        cursor: pointer
                    }

                        .download-app .tabs-container .tabs-container-wrap ul li .tablinks:hover, .download-app .tabs-container .tabs-container-wrap ul li .tablinks:active, .download-app .tabs-container .tabs-container-wrap ul li .tablinks.active {
                            color: #4B91C9
                        }

                            .download-app .tabs-container .tabs-container-wrap ul li .tablinks:hover .hover-line, .download-app .tabs-container .tabs-container-wrap ul li .tablinks:active .hover-line, .download-app .tabs-container .tabs-container-wrap ul li .tablinks.active .hover-line {
                                color: #4b91c9;
                                border-bottom: .06rem solid #4b91c9;
                                width: 50%;
                                margin: .2rem auto 0
                            }

    .download-app .tab-content {
        padding: 0 .205rem
    }

        .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane {
            margin-bottom: .24rem;
            color: BLACk
        }

            .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list {
                display: grid;
                grid-template-columns: 48% 48%;
                grid-row-gap: .16rem;
                justify-content: space-between;
                margin: .05rem 0 0
            }

                .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail {
                    border: .02rem solid #dcdcdc;
                    width: 100%;
                    border-radius: .04rem;
                    padding: .1rem
                }

                    .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .provider-title-container {
                        display: flex;
                        justify-content: undefined
                    }

                        .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .provider-title-container .download-provider {
                            height: .6rem;
                            margin: 0 .12rem 0 0
                        }

                        .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .provider-title-container .title {
                            padding: .12rem 0 0
                        }

                    .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container {
                        position: relative;
                        text-align: center
                    }

                        .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container svg {
                            width: 45%;
                            margin: .05rem 0
                        }

                        .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container .fa-ios svg {
                            position: absolute;
                            top: 0;
                            right: .15rem;
                            width: .45rem;
                            fill: #2ab7fe
                        }

                        .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .qrcode-container .fa-android svg {
                            position: absolute;
                            top: 0;
                            right: .15rem;
                            width: .45rem;
                            fill: #00d909
                        }

                    .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container {
                        margin: 0 .15rem;
                        background: #b6b6b6;
                        color: #fff;
                        padding: .16rem .04rem;
                        border-radius: .05rem;
                        text-align: center
                    }

                        .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container:hover, .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container:active {
                            background: #b6b6b6
                        }

                        .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container .download-btn {
                            width: auto;
                            height: auto;
                            text-transform: capitalize
                        }

                            .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail .download-btn-container .download-btn:hover {
                                cursor: pointer
                            }

                .download-app .tab-content .tab-pane-container .tab-pane-container-wrap .tab-pane .qrcode-list .provider-detail-hide-qr .download-btn-container {
                    margin: .1rem .15rem 0
                }

        .download-app .tab-content .tab-pane-container .m-appDownloadContainer {
            padding-bottom: .7rem
        }

            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer {
                color: unset
            }

                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .applogoContainer {
                    text-align: center
                }

                    .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .applogoContainer .applogoContainerWrap {
                        display: inline-flex
                    }

                        .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .applogoContainer .applogoContainerWrap .applogoCntainerPosition {
                            position: relative;
                            margin: .5rem 0;
                            z-index: 1
                        }

                            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .applogoContainer .applogoContainerWrap .applogoCntainerPosition .applogo {
                                left: 0;
                                width: 2.2rem;
                                filter: drop-shadow(0 0.05rem 0.05rem #ededed);
                                border-radius: .12rem
                            }

                        .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .applogoContainer .applogoContainerWrap .app-download-bg {
                            position: absolute;
                            margin-left: 10%;
                            top: 13%;
                            z-index: -1
                        }

                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer {
                    margin: auto 0
                }

                    .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap {
                        display: grid;
                        grid-template-columns: 48% 48%;
                        grid-gap: .18rem;
                        justify-content: center;
                        text-align: undefined
                    }

                        .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer {
                            border: .02rem solid #dcdcdc;
                            width: 100%;
                            border-radius: .04rem;
                            padding: .1rem;
                            color: undefined
                        }

                            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode {
                                position: relative;
                                text-align: center
                            }

                                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode svg {
                                    width: 45%;
                                    margin: .05rem 0
                                }

                                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode .fa-android svg {
                                    position: absolute;
                                    top: 0;
                                    right: .15rem;
                                    width: .45rem;
                                    fill: #00d909
                                }

                            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container {
                                margin: 0 .15rem;
                                background: #b6b6b6;
                                color: #fff;
                                padding: .16rem .04rem;
                                border-radius: .05rem;
                                text-align: center
                            }

                                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container:hover, .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container:active {
                                    background: #b6b6b6
                                }

                                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container .app-download-btn-text {
                                    margin: 0
                                }

                        .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer {
                            border: .02rem solid #dcdcdc;
                            width: 100%;
                            border-radius: .04rem;
                            padding: .1rem
                        }

                            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .download-qrcode {
                                position: relative;
                                text-align: center
                            }

                                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .download-qrcode svg {
                                    width: 45%;
                                    margin: .05rem 0
                                }

                                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .download-qrcode .fa-ios svg {
                                    position: absolute;
                                    top: 0;
                                    right: .15rem;
                                    width: .45rem;
                                    fill: #2ab7fe
                                }

                            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container {
                                margin: 0 .15rem;
                                background: #b6b6b6;
                                color: #fff;
                                padding: .16rem .04rem;
                                border-radius: .05rem;
                                text-align: center
                            }

                                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container:hover, .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container:active {
                                    background: #b6b6b6
                                }

                                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .topTabContainer .appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .app-download-btn-container .app-download-btn-text {
                                    margin: 0
                                }

            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer {
                border-top: .02rem solid #dcdcdc;
                margin: .2rem 0 0;
                padding: .2rem 0 0
            }

                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideAndroid {
                    display: flex;
                    flex-wrap: wrap;
                    margin-bottom: .2rem;
                    color: unset
                }

                    .download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideAndroid .installGuideIcon {
                        width: 15%;
                        padding: 0 .15rem;
                        fill: #00d909
                    }

                    .download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideAndroid .installGuideStep {
                        width: 85%;
                        padding: 0 .15rem;
                        margin: auto 0
                    }

                        .download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideAndroid .installGuideStep ol {
                            margin-left: .4rem
                        }

                            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideAndroid .installGuideStep ol li {
                                list-style: auto
                            }

                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideIOS {
                    display: flex;
                    flex-wrap: wrap;
                    margin-bottom: .2rem;
                    color: unset
                }

                    .download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideIOS .installGuideIcon {
                        width: 15%;
                        padding: 0 .15rem;
                        fill: #2ab7fe
                    }

                    .download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideIOS .installGuideStep {
                        width: 85%;
                        padding: 0 .15rem;
                        margin: auto 0
                    }

                        .download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideIOS .installGuideStep ol {
                            margin-left: .4rem
                        }

                            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .installGuideContainer .installGuideIOS .installGuideStep ol li {
                                list-style: auto
                            }

            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .app-download-navbar-container {
                display: block;
                margin: 0 0 .5rem;
                overflow: auto hidden
            }

                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .app-download-navbar-container .app-download-nav-tabs {
                    display: flex
                }

                    .download-app .tab-content .tab-pane-container .m-appDownloadContainer .app-download-navbar-container .app-download-nav-tabs a {
                        border: .01rem solid #dcdcdc;
                        margin: .1rem;
                        font-size: .24rem;
                        padding: .15rem .3rem;
                        white-space: nowrap;
                        color: #888
                    }

                    .download-app .tab-content .tab-pane-container .m-appDownloadContainer .app-download-navbar-container .app-download-nav-tabs .active {
                        border: .01rem solid #4b91c9;
                        background: rgba(75,145,201,.1);
                        color: #000
                    }

            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .slick-next-btn {
                display: none;
                position: absolute;
                width: .55rem;
                height: .55rem;
                border-radius: 50%;
                top: 33%;
                right: 15%;
                z-index: 9;
                cursor: pointer
            }

                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .slick-next-btn svg {
                    width: .55rem;
                    height: .55rem;
                    transform: rotate(180deg);
                    fill: rgba(184,184,184,.3)
                }

            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .slick-prev-btn {
                display: none;
                position: absolute;
                width: .55rem;
                height: .55rem;
                border-radius: 50%;
                top: 33%;
                left: 15%;
                z-index: 9;
                cursor: pointer
            }

                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .slick-prev-btn svg {
                    width: .55rem;
                    height: .55rem;
                    fill: rgba(184,184,184,.3)
                }

            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .show {
                display: block !important
            }

            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .app-tutorial-image {
                text-align: center;
                font-size: .24rem
            }

                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .app-tutorial-image .app-tutorial-title {
                    margin: 1.1rem 0 .1rem;
                    color: #4b91c9;
                    font-weight: 700;
                    font-size: .32rem
                }

                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .app-tutorial-image .app-tutorial-desc {
                    height: .5rem
                }

                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .app-tutorial-image img {
                    width: 2.25rem
                }

            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .dotsContainer {
                position: absolute;
                left: 41%;
                bottom: 20%;
                right: auto
            }

                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .dotsContainer button {
                    width: .12rem;
                    height: .12rem;
                    margin: 0 0 0 .1rem;
                    border-radius: 50%
                }

                .download-app .tab-content .tab-pane-container .m-appDownloadContainer .web-app-slider .dotsContainer .active {
                    background: #4B91C9;
                    width: .34rem;
                    border-radius: .4rem
                }

            .download-app .tab-content .tab-pane-container .m-appDownloadContainer .app-image-tutoral-header {
                margin: .1rem .1rem .5rem;
                color: #4B91C9;
                font-weight: 700;
                font-size: .26rem
            }

.mega-container {
    width: 11rem;
    margin: 0 auto;
    padding: .5rem 0
}

    .mega-container::before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: undefined;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: -1
    }

    .mega-container .mega-container-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

        .mega-container .mega-container-wrap .left-container {
            max-width: 50%;
            margin: 0 .15rem
        }

            .mega-container .mega-container-wrap .left-container .banner-container {
                margin: 0 0 .2rem
            }

                .mega-container .mega-container-wrap .left-container .banner-container img {
                    border-radius: .1rem;
                    width: 100%
                }

            .mega-container .mega-container-wrap .left-container .step-details-container {
                border-bottom: 2px solid #dcdcdc;
                padding: 0 .15rem
            }

                .mega-container .mega-container-wrap .left-container .step-details-container .step-main-title {
                    color: #4B91C9
                }

                .mega-container .mega-container-wrap .left-container .step-details-container .step-sub-title {
                    color: #4B91C9;
                    margin: 0
                }

            .mega-container .mega-container-wrap .left-container .info-container {
                display: flex;
                flex-wrap: wrap;
                margin: 0;
                padding: .24rem .15rem .05rem;
                border-bottom: 2px solid #dcdcdc
            }

                .mega-container .mega-container-wrap .left-container .info-container .info-label-field {
                    margin: .13rem 0;
                    width: 100%;
                    max-width: 25%;
                    color: BlacK
                }

                .mega-container .mega-container-wrap .left-container .info-container .info-input-field {
                    margin: 0 0 .1rem;
                    width: 100%;
                    max-width: 75%
                }

                    .mega-container .mega-container-wrap .left-container .info-container .info-input-field .info-input {
                        border: .01rem #dcdcdc;
                        border-style: solid solid solid solid;
                        color: BlAcK;
                        background: #ededed;
                        border-radius: .04rem;
                        padding: .12rem .16rem;
                        margin-bottom: .1rem;
                        height: auto
                    }

                    .mega-container .mega-container-wrap .left-container .info-container .info-input-field .info-copy-icon {
                        position: relative;
                        float: right;
                        width: .25rem;
                        height: .25rem;
                        margin: -.45rem .1rem 0 0;
                        cursor: pointer;
                        fill: #888
                    }

        .mega-container .mega-container-wrap .right-container {
            max-width: 33%;
            margin: 0 .15rem
        }

            .mega-container .mega-container-wrap .right-container .mega-iframe {
                width: 100%;
                height: 100%
            }

@media(max-width: 768px) {
    .mega-container {
        width: 100%;
        padding: .3rem .205rem
    }

        .mega-container .mega-container-wrap {
            margin: 0 0 1.5rem
        }

            .mega-container .mega-container-wrap .banner-container {
                margin: 0 0 .2rem
            }

                .mega-container .mega-container-wrap .banner-container img {
                    border-radius: .1rem;
                    width: 100%
                }

            .mega-container .mega-container-wrap .step-details-container {
                border-bottom: 2px solid #dcdcdc;
                padding: 0 .15rem
            }

                .mega-container .mega-container-wrap .step-details-container .step-main-title {
                    color: #4B91C9;
                    margin: 0 0 .2rem;
                    font-size: .3rem
                }

                .mega-container .mega-container-wrap .step-details-container .step-sub-title {
                    color: #4B91C9;
                    margin: 0;
                    font-size: .28rem
                }

                .mega-container .mega-container-wrap .step-details-container .step-sub-desc {
                    margin: 0 0 .2rem;
                    font-size: .28rem
                }

            .mega-container .mega-container-wrap .info-container {
                display: flex;
                flex-wrap: wrap;
                margin: 0;
                padding: .24rem .15rem .05rem;
                border-bottom: 2px solid #dcdcdc
            }

                .mega-container .mega-container-wrap .info-container .info-label-field {
                    margin: .13rem 0;
                    width: 100%;
                    max-width: 25%
                }

                    .mega-container .mega-container-wrap .info-container .info-label-field .info-label {
                        font-size: .28rem;
                        color: BlacK
                    }

                .mega-container .mega-container-wrap .info-container .info-input-field {
                    margin: 0 0 .2rem;
                    width: 100%;
                    max-width: 75%
                }

                    .mega-container .mega-container-wrap .info-container .info-input-field .info-input {
                        border: .01rem #dcdcdc;
                        border-style: solid solid solid solid;
                        color: BlAcK;
                        background: #ededed;
                        border-radius: .08rem;
                        padding: .12rem .16rem;
                        height: auto;
                        font-size: .28rem
                    }

                    .mega-container .mega-container-wrap .info-container .info-input-field .info-copy-icon {
                        position: relative;
                        float: right;
                        width: .35rem;
                        height: .35rem;
                        margin: -.45rem .12rem 0 0;
                        cursor: pointer;
                        fill: #888
                    }

            .mega-container .mega-container-wrap .btm-container {
                display: flex;
                flex-wrap: wrap;
                padding: .2rem 0;
                width: 100%;
                justify-content: space-between
            }

                .mega-container .mega-container-wrap .btm-container .download-btn-container {
                    margin: 0 auto;
                    width: 49%
                }

                    .mega-container .mega-container-wrap .btm-container .download-btn-container .download-btn2 {
                        background: #b6b6b6;
                        color: #fff;
                        padding: .24rem .04rem;
                        border-radius: .05rem;
                        text-align: center;
                        width: 100%;
                        font-size: .3rem
                    }

                        .mega-container .mega-container-wrap .btm-container .download-btn-container .download-btn2 .download-btn-text {
                            display: flex;
                            align-items: center;
                            justify-content: center
                        }

                            .mega-container .mega-container-wrap .btm-container .download-btn-container .download-btn2 .download-btn-text svg {
                                width: .28rem;
                                margin-right: .12rem
                            }

                .mega-container .mega-container-wrap .btm-container .deposit-container {
                    width: 100%;
                    text-align: center;
                    margin: .2rem 0;
                    font-size: .28rem
                }

                    .mega-container .mega-container-wrap .btm-container .deposit-container .deposit-info {
                        text-decoration: underline;
                        fill: #888
                    }

                        .mega-container .mega-container-wrap .btm-container .deposit-container .deposit-info svg {
                            width: .2rem;
                            height: auto;
                            margin: 0 .05rem
                        }

                        .mega-container .mega-container-wrap .btm-container .deposit-container .deposit-info .transfer-icon {
                            max-width: .55rem
                        }
}

.scr-container {
    width: 11rem;
    margin: 0 auto;
    padding: .5rem 0
}

    .scr-container::before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: undefined;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: -1
    }

    .scr-container .scr-container-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

        .scr-container .scr-container-wrap .left-container {
            max-width: 50%;
            margin: 0 .15rem
        }

            .scr-container .scr-container-wrap .left-container .banner-container {
                margin: 0 0 .2rem
            }

                .scr-container .scr-container-wrap .left-container .banner-container img {
                    border-radius: .1rem;
                    width: 100%
                }

            .scr-container .scr-container-wrap .left-container .step-details-container {
                border-bottom: 2px solid #d4d4d480;
                padding: 0 .15rem
            }

                .scr-container .scr-container-wrap .left-container .step-details-container .step-main-title {
                    color: #4B91C9
                }

                .scr-container .scr-container-wrap .left-container .step-details-container .step-sub-title {
                    color: #4B91C9;
                    margin: 0
                }

            .scr-container .scr-container-wrap .left-container .info-container {
                display: flex;
                flex-wrap: wrap;
                margin: 0;
                padding: .24rem .15rem .05rem;
                border-bottom: 2px solid #d4d4d480
            }

                .scr-container .scr-container-wrap .left-container .info-container .info-label-field {
                    margin: .13rem 0;
                    width: 100%;
                    max-width: 25%;
                    color: BlacK
                }

                .scr-container .scr-container-wrap .left-container .info-container .info-input-field {
                    margin: 0 0 .1rem;
                    width: 100%;
                    max-width: 75%
                }

                    .scr-container .scr-container-wrap .left-container .info-container .info-input-field .info-input {
                        border: .01rem #dcdcdc;
                        color: BlAcK;
                        background: #ededed;
                        border-radius: .04rem;
                        padding: .12rem .16rem;
                        margin-bottom: .1rem;
                        height: auto
                    }

                    .scr-container .scr-container-wrap .left-container .info-container .info-input-field .info-copy-icon {
                        position: relative;
                        float: right;
                        width: .25rem;
                        height: .25rem;
                        margin: -.45rem .1rem 0 0;
                        cursor: pointer;
                        fill: #888
                    }

        .scr-container .scr-container-wrap .right-container {
            max-width: 33%;
            margin: 0 .15rem
        }

            .scr-container .scr-container-wrap .right-container .scr-iframe {
                width: 100%;
                height: 100%
            }

@media(max-width: 768px) {
    .scr-container {
        width: 100%;
        padding: .3rem .205rem
    }

        .scr-container .scr-container-wrap {
            margin: 0 0 1.5rem
        }

            .scr-container .scr-container-wrap .banner-container {
                margin: 0 0 .2rem
            }

                .scr-container .scr-container-wrap .banner-container img {
                    border-radius: .1rem;
                    width: 100%
                }

            .scr-container .scr-container-wrap .step-details-container {
                border-bottom: 2px solid #d4d4d480;
                padding: 0 .15rem
            }

                .scr-container .scr-container-wrap .step-details-container .step-main-title {
                    color: #4B91C9;
                    margin: 0 0 .2rem;
                    font-size: .3rem
                }

                .scr-container .scr-container-wrap .step-details-container .step-sub-title {
                    color: #4B91C9;
                    margin: 0;
                    font-size: .28rem
                }

                .scr-container .scr-container-wrap .step-details-container .step-sub-desc {
                    margin: 0 0 .2rem;
                    font-size: .28rem
                }

            .scr-container .scr-container-wrap .info-container {
                display: flex;
                flex-wrap: wrap;
                margin: 0;
                padding: .24rem .15rem .05rem;
                border-bottom: 2px solid #d4d4d480
            }

                .scr-container .scr-container-wrap .info-container .info-label-field {
                    margin: .13rem 0;
                    width: 100%;
                    max-width: 25%
                }

                    .scr-container .scr-container-wrap .info-container .info-label-field .info-label {
                        font-size: .28rem;
                        color: BlacK
                    }

                .scr-container .scr-container-wrap .info-container .info-input-field {
                    margin: 0 0 .2rem;
                    width: 100%;
                    max-width: 75%
                }

                    .scr-container .scr-container-wrap .info-container .info-input-field .info-input {
                        border: .01rem #dcdcdc;
                        border-style: solid solid solid solid;
                        color: BlAcK;
                        background: #ededed;
                        border-radius: .08rem;
                        padding: .12rem .16rem;
                        height: auto;
                        font-size: .28rem
                    }

                    .scr-container .scr-container-wrap .info-container .info-input-field .info-copy-icon {
                        position: relative;
                        float: right;
                        width: .35rem;
                        height: .35rem;
                        margin: -.45rem .12rem 0 0;
                        cursor: pointer;
                        fill: #888
                    }

            .scr-container .scr-container-wrap .btm-container {
                display: flex;
                flex-wrap: wrap;
                padding: .2rem 0;
                width: 100%;
                justify-content: space-between
            }

                .scr-container .scr-container-wrap .btm-container .download-btn-container {
                    margin: 0 auto;
                    width: 49%
                }

                    .scr-container .scr-container-wrap .btm-container .download-btn-container .download-btn2 {
                        background: #b6b6b6;
                        color: #fff;
                        padding: .24rem .04rem;
                        border-radius: .05rem;
                        text-align: center;
                        width: 100%;
                        font-size: .3rem
                    }

                        .scr-container .scr-container-wrap .btm-container .download-btn-container .download-btn2 .download-btn-text {
                            display: flex;
                            align-items: center;
                            justify-content: center
                        }

                            .scr-container .scr-container-wrap .btm-container .download-btn-container .download-btn2 .download-btn-text svg {
                                width: .28rem;
                                margin-right: .12rem
                            }

                                .scr-container .scr-container-wrap .btm-container .download-btn-container .download-btn2 .download-btn-text svg path {
                                    fill: undefined
                                }

                .scr-container .scr-container-wrap .btm-container .deposit-container {
                    width: 100%;
                    text-align: center;
                    margin: .2rem 0;
                    font-size: .28rem
                }

                    .scr-container .scr-container-wrap .btm-container .deposit-container .deposit-info {
                        text-decoration: underline;
                        fill: #888
                    }

                        .scr-container .scr-container-wrap .btm-container .deposit-container .deposit-info svg {
                            width: .2rem;
                            height: auto;
                            margin: 0 .05rem
                        }

                        .scr-container .scr-container-wrap .btm-container .deposit-container .deposit-info .transfer-icon {
                            max-width: .55rem
                        }
}

.st-tab {
    position: relative;
    margin: .3rem 0;
    border-radius: .1rem;
    box-shadow: 0 0 .1rem .01rem #d2d2d2;
    background: WhitE
}

    .st-tab .settings-title-section {
        padding: .2rem .3rem;
        border-bottom: .01rem solid #dcdcdc;
        color: #4B91C9
    }

        .st-tab .settings-title-section p {
            margin: 0
        }

    .st-tab ::placeholder {
        font-size: .14rem
    }

    .st-tab .deposit-wrapper .standard-content-container {
        display: grid;
        grid-template-areas: 'tab tab' 'form notice' 'instruction notice';
        grid-template-columns: 50% 50%
    }

        .st-tab .deposit-wrapper .standard-content-container .standard-tab-container {
            grid-area: tab
        }

            .st-tab .deposit-wrapper .standard-content-container .standard-tab-container .standard-label {
                margin: 0 0 .08rem
            }

        .st-tab .deposit-wrapper .standard-content-container .standard-transaction-container {
            grid-area: form;
            padding: .3rem 0 .3rem .3rem
        }

            .st-tab .deposit-wrapper .standard-content-container .standard-transaction-container .transaction-form, .st-tab .deposit-wrapper .standard-content-container .standard-transaction-container .deposit-form {
                width: 100% !important;
                padding: 0
            }

                .st-tab .deposit-wrapper .standard-content-container .standard-transaction-container .transaction-form .standard-mandatory, .st-tab .deposit-wrapper .standard-content-container .standard-transaction-container .deposit-form .standard-mandatory {
                    margin: 0 0 .08rem
                }

        .st-tab .deposit-wrapper .standard-content-container .transaction-note-section {
            grid-area: notice;
            width: unset !important;
            padding: .3rem
        }

    .st-tab .deposit-wrapper .recommend-icon {
        position: absolute;
        top: .1rem;
        width: .7rem
    }

    .st-tab .deposit-wrapper .real-time-icon {
        position: absolute;
        bottom: .1rem;
        width: .7rem
    }

    .st-tab .deposit-grid-wrapper {
        padding: .24rem
    }

        .st-tab .deposit-grid-wrapper .standard-content-container {
            display: grid;
            grid-template-areas: 'tab notice' 'form notice';
            grid-template-columns: 5.5fr 4.5fr
        }

            .st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container {
                grid-area: tab;
                border: none;
                overflow: visible
            }

                .st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab {
                    flex-wrap: wrap;
                    display: grid;
                    grid-template-columns: repeat(5,1fr);
                    grid-gap: .1rem .06rem;
                    overflow: visible
                }

                    .st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper {
                        display: flex;
                        flex-direction: column
                    }

                        .st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper .tab-header {
                            padding: 0;
                            background: #f6f6f6;
                            border: .01rem solid #dcdcdc;
                            border-radius: .05rem;
                            height: .5rem;
                            position: relative
                        }

                            .st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper .tab-header.active {
                                background: rgba(40,219,0,.1);
                                border: .05rem solid #28db00
                            }

                            .st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper .tab-header .custom-tab-icon {
                                top: -.1rem
                            }

                            .st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper .tab-header .bank-option-icon {
                                display: flex;
                                width: .4rem;
                                position: unset;
                                margin: auto
                            }

                            .st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper .tab-header .hover-line {
                                display: none
                            }

                            .st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper .tab-header svg {
                                position: absolute;
                                bottom: -.02rem;
                                right: -.02rem;
                                width: .18rem;
                                height: .18rem
                            }

                        .st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper span {
                            text-align: center;
                            margin: .05rem 0 0;
                            color: #888;
                            font-size: .12rem
                        }

                            .st-tab .deposit-grid-wrapper .standard-content-container .standard-tab-container .standard-tab .tab-header-wrapper span.active {
                                color: #4B91C9
                            }

            .st-tab .deposit-grid-wrapper .standard-content-container .standard-transaction-container {
                grid-area: form;
                padding: .3rem 0 0;
                width: 80%
            }

                .st-tab .deposit-grid-wrapper .standard-content-container .standard-transaction-container .transaction-form {
                    width: 100%;
                    padding: 0
                }

            .st-tab .deposit-grid-wrapper .standard-content-container .transaction-note-section {
                grid-area: notice;
                padding: .3rem;
                width: 100%;
                padding: 0
            }

.announcement-accordion-container {
    padding: 0 .205rem
}

    .announcement-accordion-container .announcement-accordion-row {
        width: 100%;
        padding: .3rem .2rem .15rem;
        display: flex;
        justify-content: space-between;
        font-size: .28rem
    }

        .announcement-accordion-container .announcement-accordion-row .announcement-caption {
            display: flex;
            align-items: center;
            justify-content: left
        }

        .announcement-accordion-container .announcement-accordion-row .announcement-accordion-svg {
            fill: #4B91C9;
            width: .43rem
        }

        .announcement-accordion-container .announcement-accordion-row .rotate-icon {
            transform: rotate(180deg)
        }

    .announcement-accordion-container .announcement-separator-row {
        padding: .1rem 0;
        width: 100%
    }

        .announcement-accordion-container .announcement-separator-row hr {
            margin: 0;
            padding: 0;
            border: 0;
            border-bottom: .01rem solid #dcdcdc
        }

    .announcement-accordion-container .announcement-content-container {
        margin-top: .05rem
    }

        .announcement-accordion-container .announcement-content-container .announcement-content {
            background: rgba(226,226,226,.5);
            border-radius: .08rem;
            padding: .18rem .2rem;
            margin-bottom: .15rem
        }

            .announcement-accordion-container .announcement-content-container .announcement-content .anouncement-content-text {
                font-size: .26rem;
                white-space: pre-wrap
            }

            .announcement-accordion-container .announcement-content-container .announcement-content .anouncement-date {
                font-size: .22rem;
                margin: 0;
                padding: 0
            }

            .announcement-accordion-container .announcement-content-container .announcement-content:last-child {
                margin-bottom: 0
            }

.about-container .title-header {
    width: 11rem;
    margin-left: auto;
    margin-right: auto;
    color: #4B91C9;
    padding: .15rem;
    text-transform: uppercase;
    font-size: .4rem;
    text-align: center;
    border-bottom: .01rem solid;
    border-image: linear-gradient(to right,rgba(0,0,0,0),#c09848,rgba(0,0,0,0)) 1;
    border-top: 0;
    background: unset
}

.about-container .content-body .aboutUs-content {
    color: undefined;
    width: undefined;
    margin: undefined
}

@media(max-width: 768px) {
    .about-container {
        width: 100%;
        padding: .4rem;
        padding-bottom: 1.4rem;
        background: unset;
        background-size: unset
    }
}

.rules-container {
    padding-top: .3rem;
    padding-bottom: 0;
    background: unset
}

    .rules-container .rules-content p {
        line-height: .35rem
    }

    .rules-container .rules-content ol {
        margin: undefined;
        line-height: undefined
    }

        .rules-container .rules-content ol li {
            list-style-type: undefined
        }

            .rules-container .rules-content ol li ul {
                margin-left: undefined
            }

                .rules-container .rules-content ol li ul li {
                    list-style-type: undefined
                }

    .rules-container .rules-content ul {
        margin: undefined;
        line-height: undefined
    }

        .rules-container .rules-content ul li {
            list-style-type: undefined
        }

    .rules-container .rules {
        color: #000;
        width: 11rem;
        margin: auto;
        height: 88vh;
        overflow: auto
    }

        .rules-container .rules::-webkit-scrollbar {
            width: .05rem
        }

        .rules-container .rules::-webkit-scrollbar-track {
            background: rgba(0,0,0,.5);
            border-radius: .1rem
        }

        .rules-container .rules::-webkit-scrollbar-thumb {
            border-radius: .1rem;
            background: -webkit-gradient(linear,left bottom,left top,color-stop(0.44,#31459f),color-stop(0.72,#4B91C9),color-stop(0.86,#0d122a))
        }

        .rules-container .rules:-webkit-scrollbar-thumb:hover {
            background: #555
        }

        .rules-container .rules .header {
            background: 0 0;
            text-transform: uppercase;
            font-size: .4rem;
            text-align: center;
            color: #4B91C9;
            border-bottom: .01rem solid;
            border-image: linear-gradient(to right,rgba(0,0,0,0),#c09848,rgba(0,0,0,0)) 1;
            padding: .15rem;
            border-top: 0
        }

        .rules-container .rules .content {
            padding: .15rem;
            color: #000;
            width: 100%;
            margin: auto;
            text-align: left
        }

            .rules-container .rules .content .rules-content {
                color: #000
            }

                .rules-container .rules .content .rules-content .sub-title-font-color {
                    color: #000
                }

                .rules-container .rules .content .rules-content p {
                    line-height: .35rem
                }

            .rules-container .rules .content.loading-box {
                display: flex;
                justify-content: center
            }

@media(max-width: 768px) {
    .rules-container {
        width: 100%;
        padding: 0;
        padding-bottom: 1rem
    }

        .rules-container p {
            line-height: .7rem !important
        }

        .rules-container .rules {
            width: 100% !important
        }

            .rules-container .rules .header {
                width: 100%;
                height: 1rem;
                font-size: .45rem !important;
                padding: .25rem !important;
                display: none
            }

            .rules-container .rules .content {
                padding: .25rem
            }

                .rules-container .rules .content .rules-container {
                    margin-top: .1rem;
                    padding-bottom: 2rem
                }

                    .rules-container .rules .content .rules-container p {
                        font-size: .35rem;
                        margin-bottom: .3rem !important
                    }
}

.vip-banner .vip-page {
    display: block
}

    .vip-banner .vip-page img {
        width: 100%;
        cursor: unset
    }

.vip-banner .vip-bottom {
    cursor: pointer
}

    .vip-banner .vip-bottom img {
        width: 100%
    }

    .vip-banner .vip-bottom .btnPlay {
        left: 11rem;
        height: .63rem;
        position: relative;
        top: -3rem;
        background: 0 0;
        width: 2.9rem
    }

        .vip-banner .vip-bottom .btnPlay span {
            display: none
        }

.vip-banner .nav-vip-menu-container {
    background: #4b91c9;
    height: .5rem;
    font-size: .2rem
}

    .vip-banner .nav-vip-menu-container .menu-wrapper {
        display: flex;
        justify-content: center;
        height: 100%;
        padding: .15rem 0;
        margin: 0 auto
    }

        .vip-banner .nav-vip-menu-container .menu-wrapper .nav-item {
            padding: 0 .4rem;
            height: 100%;
            cursor: pointer;
            text-transform: uppercase;
            display: flex;
            align-items: center
        }

            .vip-banner .nav-vip-menu-container .menu-wrapper .nav-item .headerLink {
                color: #4B91C9
            }

                .vip-banner .nav-vip-menu-container .menu-wrapper .nav-item .headerLink.active {
                    color: #c4901c
                }

                .vip-banner .nav-vip-menu-container .menu-wrapper .nav-item .headerLink:hover {
                    color: #c4901c
                }

.m-vip-container {
    padding: undefined
}

    .m-vip-container .vip-page {
        display: block
    }

        .m-vip-container .vip-page img {
            width: 100%;
            cursor: unset
        }

    .m-vip-container .vip-bottom {
        cursor: pointer
    }

        .m-vip-container .vip-bottom img {
            width: 100%
        }

        .m-vip-container .vip-bottom .btnPlay {
            left: 11rem;
            height: .63rem;
            position: relative;
            top: -3rem;
            background: 0 0;
            width: 2.9rem
        }

            .m-vip-container .vip-bottom .btnPlay span {
                display: none
            }

    .m-vip-container .nav-vip-menu-container {
        background: #4b91c9;
        height: 1rem
    }

        .m-vip-container .nav-vip-menu-container .menu-wrapper {
            display: flex;
            justify-content: space-between;
            height: 100%;
            width: undefined;
            padding: 0 .5rem;
            margin: 0 auto;
            flex-wrap: unset;
            grid-template-columns: unset;
            overflow-x: undefined
        }

            .m-vip-container .nav-vip-menu-container .menu-wrapper .nav-item {
                height: 100%;
                cursor: pointer;
                text-transform: uppercase;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                padding-left: .03rem;
                padding-right: .03rem;
                white-space: undefined
            }

                .m-vip-container .nav-vip-menu-container .menu-wrapper .nav-item .headerLink {
                    color: #4B91C9
                }

                    .m-vip-container .nav-vip-menu-container .menu-wrapper .nav-item .headerLink.active {
                        color: #c4901c
                    }

                    .m-vip-container .nav-vip-menu-container .menu-wrapper .nav-item .headerLink:hover {
                        color: #c4901c
                    }

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

    .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s
    }

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transform: translate3d(0,-0.3rem,0);
        transform: translate3d(0,-0.3rem,0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06)
    }

    70% {
        -webkit-transform: translate3d(0,-0.15rem,0);
        transform: translate3d(0,-0.15rem,0)
    }

    90% {
        -webkit-transform: translate3d(0,-0.04rem,0);
        transform: translate3d(0,-0.04rem,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transform: translate3d(0,-0.3rem,0);
        transform: translate3d(0,-0.3rem,0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06)
    }

    70% {
        -webkit-transform: translate3d(0,-0.15rem,0);
        transform: translate3d(0,-0.15rem,0)
    }

    90% {
        -webkit-transform: translate3d(0,-0.04rem,0);
        transform: translate3d(0,-0.04rem,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-0.1rem,0,0);
        transform: translate3d(-0.1rem,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0.1rem,0,0);
        transform: translate3d(0.1rem,0,0)
    }
}

@keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-0.1rem,0,0);
        transform: translate3d(-0.1rem,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0.1rem,0,0);
        transform: translate3d(0.1rem,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-0.06rem) rotateY(-9deg);
        transform: translateX(-0.06rem) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(0.05rem) rotateY(7deg);
        transform: translateX(0.05rem) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-0.03rem) rotateY(-5deg);
        transform: translateX(-0.03rem) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(0.02rem) rotateY(3deg);
        transform: translateX(0.02rem) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-0.06rem) rotateY(-9deg);
        transform: translateX(-0.06rem) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(0.05rem) rotateY(7deg);
        transform: translateX(0.05rem) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-0.03rem) rotateY(-5deg);
        transform: translateX(-0.03rem) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(0.02rem) rotateY(3deg);
        transform: translateX(0.02rem) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-30rem,0);
        transform: translate3d(0,-30rem,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,0.25rem,0);
        transform: translate3d(0,0.25rem,0)
    }

    75% {
        -webkit-transform: translate3d(0,-0.1rem,0);
        transform: translate3d(0,-0.1rem,0)
    }

    90% {
        -webkit-transform: translate3d(0,0.05rem,0);
        transform: translate3d(0,0.05rem,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-30rem,0);
        transform: translate3d(0,-30rem,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,0.25rem,0);
        transform: translate3d(0,0.25rem,0)
    }

    75% {
        -webkit-transform: translate3d(0,-0.1rem,0);
        transform: translate3d(0,-0.1rem,0)
    }

    90% {
        -webkit-transform: translate3d(0,0.05rem,0);
        transform: translate3d(0,0.05rem,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30rem,0,0);
        transform: translate3d(-30rem,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0.25rem,0,0);
        transform: translate3d(0.25rem,0,0)
    }

    75% {
        -webkit-transform: translate3d(-0.1rem,0,0);
        transform: translate3d(-0.1rem,0,0)
    }

    90% {
        -webkit-transform: translate3d(0.05rem,0,0);
        transform: translate3d(0.05rem,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30rem,0,0);
        transform: translate3d(-30rem,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0.25rem,0,0);
        transform: translate3d(0.25rem,0,0)
    }

    75% {
        -webkit-transform: translate3d(-0.1rem,0,0);
        transform: translate3d(-0.1rem,0,0)
    }

    90% {
        -webkit-transform: translate3d(0.05rem,0,0);
        transform: translate3d(0.05rem,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(30rem,0,0);
        transform: translate3d(30rem,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-0.25rem,0,0);
        transform: translate3d(-0.25rem,0,0)
    }

    75% {
        -webkit-transform: translate3d(0.1rem,0,0);
        transform: translate3d(0.1rem,0,0)
    }

    90% {
        -webkit-transform: translate3d(-0.05rem,0,0);
        transform: translate3d(-0.05rem,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(30rem,0,0);
        transform: translate3d(30rem,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-0.25rem,0,0);
        transform: translate3d(-0.25rem,0,0)
    }

    75% {
        -webkit-transform: translate3d(0.1rem,0,0);
        transform: translate3d(0.1rem,0,0)
    }

    90% {
        -webkit-transform: translate3d(-0.05rem,0,0);
        transform: translate3d(-0.05rem,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30rem,0);
        transform: translate3d(0,30rem,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-0.2rem,0);
        transform: translate3d(0,-0.2rem,0)
    }

    75% {
        -webkit-transform: translate3d(0,0.1rem,0);
        transform: translate3d(0,0.1rem,0)
    }

    90% {
        -webkit-transform: translate3d(0,-0.05rem,0);
        transform: translate3d(0,-0.05rem,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30rem,0);
        transform: translate3d(0,30rem,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-0.2rem,0);
        transform: translate3d(0,-0.2rem,0)
    }

    75% {
        -webkit-transform: translate3d(0,0.1rem,0);
        transform: translate3d(0,0.1rem,0)
    }

    90% {
        -webkit-transform: translate3d(0,-0.05rem,0);
        transform: translate3d(0,-0.05rem,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,0.1rem,0);
        transform: translate3d(0,0.1rem,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-0.2rem,0);
        transform: translate3d(0,-0.2rem,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,20rem,0);
        transform: translate3d(0,20rem,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,0.1rem,0);
        transform: translate3d(0,0.1rem,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-0.2rem,0);
        transform: translate3d(0,-0.2rem,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,20rem,0);
        transform: translate3d(0,20rem,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(0.2rem,0,0);
        transform: translate3d(0.2rem,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem,0,0);
        transform: translate3d(-20rem,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(0.2rem,0,0);
        transform: translate3d(0.2rem,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem,0,0);
        transform: translate3d(-20rem,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-0.2rem,0,0);
        transform: translate3d(-0.2rem,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem,0,0);
        transform: translate3d(20rem,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-0.2rem,0,0);
        transform: translate3d(-0.2rem,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem,0,0);
        transform: translate3d(20rem,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-0.1rem,0);
        transform: translate3d(0,-0.1rem,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,0.2rem,0);
        transform: translate3d(0,0.2rem,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-20rem,0);
        transform: translate3d(0,-20rem,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-0.1rem,0);
        transform: translate3d(0,-0.1rem,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,0.2rem,0);
        transform: translate3d(0,0.2rem,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-20rem,0);
        transform: translate3d(0,-20rem,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20rem,0);
        transform: translate3d(0,-20rem,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20rem,0);
        transform: translate3d(0,-20rem,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20rem,0,0);
        transform: translate3d(-20rem,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20rem,0,0);
        transform: translate3d(-20rem,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20rem,0,0);
        transform: translate3d(20rem,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20rem,0,0);
        transform: translate3d(20rem,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20rem,0);
        transform: translate3d(0,20rem,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20rem,0);
        transform: translate3d(0,20rem,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,20rem,0);
        transform: translate3d(0,20rem,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,20rem,0);
        transform: translate3d(0,20rem,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem,0,0);
        transform: translate3d(-20rem,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem,0,0);
        transform: translate3d(-20rem,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem,0,0);
        transform: translate3d(20rem,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem,0,0);
        transform: translate3d(20rem,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-20rem,0);
        transform: translate3d(0,-20rem,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-20rem,0);
        transform: translate3d(0,-20rem,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(4rem) rotateY(-1turn);
        transform: perspective(4rem) rotateY(-1turn)
    }

    0%,40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(4rem) translateZ(1.5rem) rotateY(-190deg);
        transform: perspective(4rem) translateZ(1.5rem) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(4rem) translateZ(1.5rem) rotateY(-170deg);
        transform: perspective(4rem) translateZ(1.5rem) rotateY(-170deg)
    }

    50%,80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(4rem) scale3d(.95,.95,.95);
        transform: perspective(4rem) scale3d(.95,.95,.95)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(4rem) rotateY(-1turn);
        transform: perspective(4rem) rotateY(-1turn)
    }

    0%,40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(4rem) translateZ(1.5rem) rotateY(-190deg);
        transform: perspective(4rem) translateZ(1.5rem) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(4rem) translateZ(1.5rem) rotateY(-170deg);
        transform: perspective(4rem) translateZ(1.5rem) rotateY(-170deg)
    }

    50%,80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(4rem) scale3d(.95,.95,.95);
        transform: perspective(4rem) scale3d(.95,.95,.95)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0
    }

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(4rem) rotateX(10deg);
        transform: perspective(4rem) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(4rem) rotateX(-5deg);
        transform: perspective(4rem) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0
    }

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(4rem) rotateX(10deg);
        transform: perspective(4rem) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(4rem) rotateX(-5deg);
        transform: perspective(4rem) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        opacity: 0
    }

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(4rem) rotateY(-20deg);
        transform: perspective(4rem) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(4rem) rotateY(10deg);
        transform: perspective(4rem) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(4rem) rotateY(-5deg);
        transform: perspective(4rem) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        opacity: 0
    }

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(4rem) rotateY(-20deg);
        transform: perspective(4rem) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(4rem) rotateY(10deg);
        transform: perspective(4rem) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(4rem) rotateY(-5deg);
        transform: perspective(4rem) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }

    30% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }

    30% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }

    30% {
        -webkit-transform: perspective(4rem) rotateY(-15deg);
        transform: perspective(4rem) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }

    30% {
        -webkit-transform: perspective(4rem) rotateY(-15deg);
        transform: perspective(4rem) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    60%,80% {
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    60%,80% {
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: center
    }

    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left
    }

    0%,20%,60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,7rem,0);
        transform: translate3d(0,7rem,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform-origin: top left
    }

    0%,20%,60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,7rem,0);
        transform: translate3d(0,7rem,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-10rem,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-10rem,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,0.6rem,0);
        transform: scale3d(.475,.475,.475) translate3d(0,0.6rem,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-10rem,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-10rem,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,0.6rem,0);
        transform: scale3d(.475,.475,.475) translate3d(0,0.6rem,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-10rem,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-10rem,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0.1rem,0,0);
        transform: scale3d(.475,.475,.475) translate3d(0.1rem,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-10rem,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-10rem,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0.1rem,0,0);
        transform: scale3d(.475,.475,.475) translate3d(0.1rem,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(10rem,0,0);
        transform: scale3d(.1,.1,.1) translate3d(10rem,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-0.1rem,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-0.1rem,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(10rem,0,0);
        transform: scale3d(.1,.1,.1) translate3d(10rem,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-0.1rem,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-0.1rem,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,10rem,0);
        transform: scale3d(.1,.1,.1) translate3d(0,10rem,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-0.6rem,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-0.6rem,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,10rem,0);
        transform: scale3d(.1,.1,.1) translate3d(0,10rem,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-0.6rem,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-0.6rem,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50%,to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50%,to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-0.6rem,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-0.6rem,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,20rem,0);
        transform: scale3d(.1,.1,.1) translate3d(0,20rem,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-0.6rem,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-0.6rem,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,20rem,0);
        transform: scale3d(.1,.1,.1) translate3d(0,20rem,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0.42rem,0,0);
        transform: scale3d(.475,.475,.475) translate3d(0.42rem,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-20rem,0,0);
        transform: scale(.1) translate3d(-20rem,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0.42rem,0,0);
        transform: scale3d(.475,.475,.475) translate3d(0.42rem,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-20rem,0,0);
        transform: scale(.1) translate3d(-20rem,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-0.42rem,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-0.42rem,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(20rem,0,0);
        transform: scale(.1) translate3d(20rem,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-0.42rem,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-0.42rem,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(20rem,0,0);
        transform: scale(.1) translate3d(20rem,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,0.6rem,0);
        transform: scale3d(.475,.475,.475) translate3d(0,0.6rem,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-20rem,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-20rem,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,0.6rem,0);
        transform: scale3d(.475,.475,.475) translate3d(0,0.6rem,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-20rem,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-20rem,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.share-dropdown-back-screen {
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.share-dropdown {
    position: absolute;
    background: #ededed;
    z-index: 9;
    border: .02rem solid #dcdcdc;
    width: 1.88rem;
    color: #000;
    backdrop-filter: blur(0.05rem)
}

    .share-dropdown .referral-copy {
        cursor: pointer;
        padding: .1rem !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: undefined;
        border-bottom: unset
    }

        .share-dropdown .referral-copy svg {
            width: .2rem;
            height: .2rem;
            margin-right: 0;
            margin-left: unset;
            fill: #000
        }

    .share-dropdown .react-share__ShareButton {
        width: 100%;
        padding: .1rem !important;
        align-items: center;
        display: flex;
        background: unset;
        color: undefined
    }

        .share-dropdown .react-share__ShareButton svg {
            width: .3rem;
            height: .3rem;
            margin-right: .15rem
        }

        .share-dropdown .react-share__ShareButton:hover {
            background: #dcdcdc !important
        }

            .share-dropdown .react-share__ShareButton:hover span {
                color: #fff !important
            }

@media(max-width: 768px) {
    .share-dropdown {
        width: 4rem
    }

        .share-dropdown .referral-copy svg {
            width: .4rem;
            height: .4rem
        }

        .share-dropdown .react-share__ShareButton svg {
            width: .7rem;
            height: .7rem
        }
}

.aff-home-landing-container {
    width: 11rem;
    margin: .6rem auto;
    display: grid;
    grid-template-columns: 35% 65%;
    align-items: center
}

    .aff-home-landing-container .aff-landing-header .aff-landing-title {
        font-size: .21rem;
        font-weight: 600;
        margin: .08rem 0
    }

    .aff-home-landing-container .aff-landing-header .aff-landing-desc {
        color: #888;
        margin: .08rem 0
    }

    .aff-home-landing-container .aff-landing-content {
    }

        .aff-home-landing-container .aff-landing-content .aff-landing-col {
            display: grid;
            grid-template-columns: 25% 25% 25% 25%;
            justify-content: center
        }

        .aff-home-landing-container .aff-landing-content img {
            width: .6rem;
            fill: #aaa;
            margin: 0 auto
        }

        .aff-home-landing-container .aff-landing-content .icon-1 {
            mask-image: url(/public/html/aff-home-landing/img/aff-icon-1.svg);
            mask-size: contain;
            mask-position: center;
            mask-repeat: no-repeat;
            -webkit-mask-box-image: url(/public/html/aff-home-landing/img/aff-icon-1.svg);
            -webkit-mask-size: 50%;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: center;
            margin: 0 auto;
            height: .6rem;
            width: .6rem;
            background: #b8b8b8
        }

        .aff-home-landing-container .aff-landing-content .icon-2 {
            mask-image: url(/public/html/aff-home-landing/img/aff-icon-2.svg);
            mask-size: contain;
            mask-position: center;
            mask-repeat: no-repeat;
            -webkit-mask-box-image: url(/public/html/aff-home-landing/img/aff-icon-2.svg);
            -webkit-mask-size: 50%;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: center;
            margin: 0 auto;
            height: .6rem;
            width: .6rem;
            background: #b8b8b8
        }

        .aff-home-landing-container .aff-landing-content .icon-3 {
            mask-image: url(/public/html/aff-home-landing/img/aff-icon-3.svg);
            mask-size: contain;
            mask-position: center;
            mask-repeat: no-repeat;
            -webkit-mask-box-image: url(/public/html/aff-home-landing/img/aff-icon-3.svg);
            -webkit-mask-size: 50%;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: center;
            margin: 0 auto;
            height: .6rem;
            width: .6rem;
            background: #b8b8b8
        }

        .aff-home-landing-container .aff-landing-content .icon-4 {
            mask-image: url(/public/html/aff-home-landing/img/aff-icon-4.svg);
            mask-size: contain;
            mask-position: center;
            mask-repeat: no-repeat;
            -webkit-mask-box-image: url(/public/html/aff-home-landing/img/aff-icon-4.svg);
            -webkit-mask-size: 50%;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: center;
            margin: 0 auto;
            height: .6rem;
            width: .6rem;
            background: #b8b8b8
        }

        .aff-home-landing-container .aff-landing-content .progressive-line-container .p-line {
            height: .3rem;
            width: .02rem;
            margin: 0 auto;
            background: #bdbdbd;
            z-index: 1
        }

        .aff-home-landing-container .aff-landing-content .progressive-title-container {
            text-align: center;
            text-transform: capitalize
        }

        .aff-home-landing-container .aff-landing-content .progressive-desc-container div {
            background: #f6f6f6;
            color: #888;
            width: 90%;
            border-radius: .05rem;
            text-align: center;
            margin: .1rem auto;
            padding: .15rem .06rem
        }

    .aff-home-landing-container .aff-progressive-container {
        position: relative
    }

        .aff-home-landing-container .aff-progressive-container .progressive-box-wrapper {
            width: 93%;
            height: .45rem;
            border: .03rem solid;
            border-color: #000;
            padding: .06rem .12rem;
            margin: .15rem auto 0;
            transform: skew(-20deg)
        }

            .aff-home-landing-container .aff-progressive-container .progressive-box-wrapper .progressive-box-inner {
                width: 100%;
                height: 100%;
                background: repeating-linear-gradient(90deg,#ededed,#ededed 0.12rem,white 0,white 0.27rem)
            }

        .aff-home-landing-container .aff-progressive-container .progressive-bar-status {
            width: 57%;
            position: absolute;
            height: .27rem;
            background: linear-gradient(90deg,#4B91C9,#3f57c4);
            margin: -.37rem .41rem 0;
            z-index: 999;
            transform: skew(-20deg);
            max-width: 88.5%
        }

        .aff-home-landing-container .aff-progressive-container .progressive-bar-level {
            margin: -.37rem auto 0;
            z-index: 999;
            position: relative
        }

            .aff-home-landing-container .aff-progressive-container .progressive-bar-level div {
                width: .33rem;
                height: .27rem;
                background: #fff;
                margin: 0 auto;
                border-radius: .05rem;
                transform: skew(-10deg);
                display: grid;
                place-items: center
            }

                .aff-home-landing-container .aff-progressive-container .progressive-bar-level div p {
                    width: .27rem;
                    height: .27rem;
                    display: grid;
                    border-radius: .06rem;
                    place-items: center;
                    background: #ff8a00;
                    color: #fff;
                    margin: 0 .01rem 0 0
                }

                .aff-home-landing-container .aff-progressive-container .progressive-bar-level div:last-child {
                    background: 0 0
                }

                .aff-home-landing-container .aff-progressive-container .progressive-bar-level div:nth-child(3) {
                    border-radius: .09rem
                }

.aff-linear-border {
    background: undefined
}

.aff-menu-container {
    border-top: unset;
    border-bottom: unset;
    background: linear-gradient(#4B91C9,#111630);
    font-family: unset
}

    .aff-menu-container:lang(km) {
        font-family: unset
    }

    .aff-menu-container ul {
        width: 11rem;
        margin: auto;
        display: flex;
        align-items: center;
        height: .45rem;
        position: relative
    }

        .aff-menu-container ul li {
            display: flex;
            align-items: center;
            padding: .1rem;
            height: 100%;
            border-top: undefined;
            border-bottom: undefined
        }

            .aff-menu-container ul li:first-child {
                padding: .1rem .05rem
            }

            .aff-menu-container ul li a svg {
                width: auto;
                height: .21rem;
                fill: #fff
            }

            .aff-menu-container ul li:hover, .aff-menu-container ul li.active {
                background: linear-gradient(#4B91C9,#111630);
                border-bottom: undefined
            }

                .aff-menu-container ul li:hover svg, .aff-menu-container ul li.active svg {
                    fill: #fff
                }

                .aff-menu-container ul li:hover p, .aff-menu-container ul li.active p {
                    color: #fff
                }

                .aff-menu-container ul li:hover .hover-line, .aff-menu-container ul li.active .hover-line {
                    border-bottom: .03rem solid #4b91c9;
                    width: .25rem;
                    margin-left: auto;
                    margin-right: auto;
                    position: absolute;
                    bottom: 0
                }

            .aff-menu-container ul li p {
                margin-bottom: 0;
                color: #fff;
                font-weight: unset;
                text-transform: capitalize
            }

            .aff-menu-container ul li .headerLink:before {
                content: undefined
            }

            .aff-menu-container ul li .headerLink .menu-item-title {
                display: flex;
                justify-content: center
            }

            .aff-menu-container ul li.portal-back-btn {
                margin-left: auto;
                height: auto
            }

                .aff-menu-container ul li.portal-back-btn .headerLink .menu-item-title p {
                    display: flex;
                    align-items: center;
                    color: #b01f46;
                    text-transform: uppercase
                }

                    .aff-menu-container ul li.portal-back-btn .headerLink .menu-item-title p::before {
                        content: "";
                        background: url(/public/html/images/aff/back-arrow-icon.png);
                        display: flex;
                        height: .25rem;
                        width: .35rem;
                        background-size: contain;
                        background-repeat: no-repeat;
                        margin-left: -.35rem
                    }

        .aff-menu-container ul .active {
            background: linear-gradient(#4B91C9,#111630);
            border-bottom: undefined
        }

            .aff-menu-container ul .active p {
                color: #fff
            }

.aff_loginbar_edit .header-control .form-control .btnAccount-container {
    width: 4.85rem;
    white-space: nowrap
}

.aff_loginbar_edit .header-control .form-control .detailAccount-container {
    margin-right: .1rem
}

.aff-commission-plan-wrapper {
    background: 0 0;
    background-size: unset;
    background-repeat: unset;
    background-position: unset;
    padding: unset
}

    .aff-commission-plan-wrapper .commission-plan-container {
        width: 10rem;
        margin: auto;
        padding: .3rem 0;
        background: undefined;
        text-align: undefined
    }

        .aff-commission-plan-wrapper .commission-plan-container header {
            width: 10rem;
            margin-left: auto;
            margin-right: auto;
            color: #4B91C9;
            padding: .15rem;
            text-transform: capitalize;
            font-size: .4rem;
            text-align: center;
            border-bottom: .01rem solid;
            border-image: linear-gradient(to right,rgba(0,0,0,0),#c09848,rgba(0,0,0,0)) 1;
            border-top: 0
        }

            .aff-commission-plan-wrapper .commission-plan-container header p {
                margin-bottom: 0
            }

        .aff-commission-plan-wrapper .commission-plan-container article {
            padding: .1rem;
            background: undefined;
            min-height: 5rem;
            color: #888;
            line-height: .2rem;
            font-size: .14rem;
            opacity: undefined
        }

            .aff-commission-plan-wrapper .commission-plan-container article a {
                color: #4B91C9
            }

            .aff-commission-plan-wrapper .commission-plan-container article ul {
                padding: unset
            }

                .aff-commission-plan-wrapper .commission-plan-container article ul li {
                    list-style-type: unset;
                    margin: unset
                }

                    .aff-commission-plan-wrapper .commission-plan-container article ul li ul li {
                        list-style-type: unset
                    }

.aff-faq-wrapper {
    background: 0 0;
    background-size: unset;
    background-repeat: unset;
    background-position: unset;
    padding: unset
}

    .aff-faq-wrapper .faq-container {
        width: 10rem;
        margin: auto;
        padding: .3rem 0;
        background: unset
    }

        .aff-faq-wrapper .faq-container header {
            width: 10rem;
            margin-left: auto;
            margin-right: auto;
            color: #4B91C9;
            padding: .15rem;
            text-transform: capitalize;
            font-size: .4rem;
            text-align: center;
            border-bottom: .01rem solid;
            border-image: linear-gradient(to right,rgba(0,0,0,0),#c09848,rgba(0,0,0,0)) 1;
            border-top: 0;
            background: 0 0;
            font-weight: 500;
            position: inherit
        }

            .aff-faq-wrapper .faq-container header p {
                margin-bottom: 0;
                border-bottom: 0;
                width: 100%;
                margin: 0
            }

        .aff-faq-wrapper .faq-container .faq-dropdown-icon {
            background: #ad1f46;
            border-radius: 1rem;
            width: .5rem;
            padding: .1rem;
            position: absolute;
            margin: auto;
            bottom: -.5rem;
            left: 0;
            right: 0
        }

        .aff-faq-wrapper .faq-container article {
            padding: .1rem;
            background: undefined;
            min-height: 5rem;
            color: #888;
            line-height: .2rem;
            font-size: .14rem;
            width: 10rem;
            margin: 0;
            opacity: undefined
        }

            .aff-faq-wrapper .faq-container article a {
                color: #4B91C9
            }

            .aff-faq-wrapper .faq-container article .collapse:nth-child(odd) {
                border: .01rem solid #bf5370;
                margin: .2rem 0;
                border-radius: .1rem
            }

                .aff-faq-wrapper .faq-container article .collapse:nth-child(odd) .collapse-header {
                    color: #870c32;
                    background: #fcede8;
                    padding: .1rem;
                    border-radius: .1rem;
                    font-weight: 700
                }

                    .aff-faq-wrapper .faq-container article .collapse:nth-child(odd) .collapse-header p {
                        margin-bottom: 0
                    }

                .aff-faq-wrapper .faq-container article .collapse:nth-child(odd) .collapse-item {
                    padding: .1rem;
                    color: #353535
                }

            .aff-faq-wrapper .faq-container article .collapse:nth-child(even) {
                border: .01rem solid #e6d3c5;
                margin: .2rem 0;
                border-radius: .1rem
            }

                .aff-faq-wrapper .faq-container article .collapse:nth-child(even) .collapse-header {
                    color: #7f5c05;
                    background: #fef2e4;
                    padding: .1rem;
                    border-radius: .1rem;
                    font-weight: 700
                }

                    .aff-faq-wrapper .faq-container article .collapse:nth-child(even) .collapse-header p {
                        margin-bottom: 0
                    }

                .aff-faq-wrapper .faq-container article .collapse:nth-child(even) .collapse-item {
                    padding: .1rem;
                    color: #353535
                }

            .aff-faq-wrapper .faq-container article ul li {
                list-style-type: unset;
                margin: unset
            }

.aff-contact-us-wrapper {
    background: 0 0
}

    .aff-contact-us-wrapper .contact-us-container {
        width: 10rem;
        margin: auto;
        padding: .3rem 0;
        min-height: 5rem
    }

        .aff-contact-us-wrapper .contact-us-container header {
            width: 10rem;
            margin-left: auto;
            margin-right: auto;
            color: #4B91C9;
            padding: .15rem;
            text-transform: capitalize;
            font-size: .4rem;
            text-align: center;
            border-bottom: .01rem solid;
            border-image: linear-gradient(to right,rgba(0,0,0,0),#c09848,rgba(0,0,0,0)) 1;
            border-top: 0
        }

            .aff-contact-us-wrapper .contact-us-container header p {
                margin-bottom: 0
            }

        .aff-contact-us-wrapper .contact-us-container article {
            padding: .1rem;
            color: #888;
            line-height: .24rem;
            font-size: .14rem;
            text-align: center;
            margin-top: .2rem
        }

            .aff-contact-us-wrapper .contact-us-container article a {
                color: #00e
            }

        .aff-contact-us-wrapper .contact-us-container .contact-us-list {
            margin-top: .5rem;
            display: flex;
            flex-wrap: wrap
        }

            .aff-contact-us-wrapper .contact-us-container .contact-us-list .contact-list-warpper {
                width: 30%;
                margin: .1rem .15rem;
                height: 1.8rem;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: .2rem;
                color: #888;
                cursor: pointer;
                transition: .3s;
                border-radius: .1rem;
                background: #f6f6f6;
                box-shadow: 0 .04rem .08rem 0 #00000033
            }

                .aff-contact-us-wrapper .contact-us-container .contact-us-list .contact-list-warpper .contact-svg-container {
                    width: 25%;
                    display: contents
                }

                    .aff-contact-us-wrapper .contact-us-container .contact-us-list .contact-list-warpper .contact-svg-container svg {
                        width: 25%;
                        fill: undefined
                    }

                .aff-contact-us-wrapper .contact-us-container .contact-us-list .contact-list-warpper .contact-content-container {
                    width: 60%;
                    margin: 0 .15rem;
                    word-wrap: break-word
                }

                    .aff-contact-us-wrapper .contact-us-container .contact-us-list .contact-list-warpper .contact-content-container .info-title {
                        margin-bottom: .15rem;
                        color: #4B91C9
                    }

                .aff-contact-us-wrapper .contact-us-container .contact-us-list .contact-list-warpper:hover {
                    background: 0 0;
                    box-shadow: 0 .03rem .06rem .02rem #d2d2d2
                }

.register-main-container.aff-register-container {
    background: undefined
}

    .register-main-container.aff-register-container .reg-container .reg-btn-container {
        margin: undefined
    }

    .register-main-container.aff-register-container .standard-form-field .standard-input {
        width: undefined
    }

    .register-main-container.aff-register-container .standard-form-field .standard-select-dropdown {
        top: .6rem
    }

.affiliate-register {
    padding: .21rem 0 0
}

    .affiliate-register .reg {
        width: 100%
    }

        .affiliate-register .reg .reg-title {
            width: 90%;
            margin: auto;
            background: undefined;
            color: undefined;
            padding: undefined
        }

        .affiliate-register .reg .reg-step {
            width: undeniable
        }

            .affiliate-register .reg .reg-step .reg-progress-container {
                width: undefined;
                margin: undefined
            }

                .affiliate-register .reg .reg-step .reg-progress-container .step-container {
                    height: .32rem;
                    width: .4rem
                }

                    .affiliate-register .reg .reg-step .reg-progress-container .step-container.on {
                        background: undefined
                    }

                        .affiliate-register .reg .reg-step .reg-progress-container .step-container.on.current-on {
                            background: undefined
                        }

                    .affiliate-register .reg .reg-step .reg-progress-container .step-container.step-done.on {
                        background: undefined
                    }

                        .affiliate-register .reg .reg-step .reg-progress-container .step-container.step-done.on.current-on {
                            background: undefined
                        }

                .affiliate-register .reg .reg-step .reg-progress-container .progressBar {
                    height: .02rem;
                    width: undefined;
                    background: #95959561
                }

                    .affiliate-register .reg .reg-step .reg-progress-container .progressBar.on {
                        background: undefined
                    }

        .affiliate-register .reg .reg-container {
            width: 65%;
            margin: auto
        }

            .affiliate-register .reg .reg-container .standard-checkbox {
                height: .22rem;
                width: .22rem
            }

            .affiliate-register .reg .reg-container .registerStep2_contact {
                position: relative
            }

            .affiliate-register .reg .reg-container .reg-success {
                color: BLACk;
                text-align: center
            }

                .affiliate-register .reg .reg-container .reg-success .reg-svg {
                    width: 1.8rem;
                    height: 1.8rem;
                    margin: .18rem 0 .3rem
                }

                .affiliate-register .reg .reg-container .reg-success .success-animation {
                    margin-bottom: .1rem
                }

                .affiliate-register .reg .reg-container .reg-success h4 a {
                    color: undefined;
                    text-decoration: undefined
                }

                    .affiliate-register .reg .reg-container .reg-success h4 a:hover {
                        background: #b6b6b6
                    }

                .affiliate-register .reg .reg-container .reg-success h3 {
                    margin-bottom: .1rem;
                    font-size: .24rem
                }

                .affiliate-register .reg .reg-container .reg-success .reg-success-btn {
                    display: block;
                    height: .5rem;
                    width: 60%;
                    margin: .3rem auto 0;
                    padding: 0 .4rem;
                    border-radius: .06rem;
                    font-size: .14rem;
                    font-weight: 600;
                    background: #b6b6b6;
                    opacity: .5;
                    pointer-events: auto
                }

                    .affiliate-register .reg .reg-container .reg-success .reg-success-btn:hover {
                        background: #b6b6b6;
                        opacity: .8;
                        transition: .3s
                    }

            .affiliate-register .reg .reg-container .reg-footer-notice {
                padding: .18rem .12rem .3rem;
                font-size: .12rem
            }

.aff-overview-container {
    width: 11rem;
    margin: .3rem auto;
    border: 0;
    padding: unset
}

    .aff-overview-container .aff-warpper {
        position: relative;
        padding: .1rem;
        background-attachment: undefined
    }

        .aff-overview-container .aff-warpper header {
            background: undefined;
            color: undefined;
            display: flex;
            align-items: center;
            font-weight: 700
        }

            .aff-overview-container .aff-warpper header p {
                margin-bottom: 0;
                padding: .1rem .15rem .1rem .1rem
            }

        .aff-overview-container .aff-warpper section {
            background: #f6f6f6;
            box-shadow: 0 .05rem .08rem 0 #00000033;
            padding: .1rem
        }

            .aff-overview-container .aff-warpper section .infor-contianer {
                margin: .1rem 0
            }

                .aff-overview-container .aff-warpper section .infor-contianer:nth-child(1) span {
                    color: #4B91C9
                }

                .aff-overview-container .aff-warpper section .infor-contianer:nth-child(2) {
                    margin-bottom: 0
                }

                .aff-overview-container .aff-warpper section .infor-contianer:nth-child(3) {
                    margin-top: .05rem
                }

                .aff-overview-container .aff-warpper section .infor-contianer .title-login {
                    margin-right: .1rem
                }

                .aff-overview-container .aff-warpper section .infor-contianer .title {
                    width: 15%;
                    font-weight: undefined
                }

                .aff-overview-container .aff-warpper section .infor-contianer span {
                    font-size: .14rem;
                    color: #4B91C9
                }

                .aff-overview-container .aff-warpper section .infor-contianer label {
                    color: BLACk
                }

            .aff-overview-container .aff-warpper section .float-container {
                margin: undefined
            }

                .aff-overview-container .aff-warpper section .float-container .float-span {
                    display: flex;
                    align-items: center
                }

                    .aff-overview-container .aff-warpper section .float-container .float-span a {
                        margin-right: .3rem;
                        width: 30%;
                        color: #00e;
                        font-style: undefined
                    }

                    .aff-overview-container .aff-warpper section .float-container .float-span .shareBtn-container {
                        margin-left: .2rem
                    }

                        .aff-overview-container .aff-warpper section .float-container .float-span .shareBtn-container .referral-btn {
                            background: #4B91C9;
                            padding: .1rem;
                            border-radius: .03rem;
                            width: 1.2rem;
                            color: undefined;
                            position: relative;
                            z-index: 1
                        }

                            .aff-overview-container .aff-warpper section .float-container .float-span .shareBtn-container .referral-btn:hover {
                                filter: brightness(110%)
                            }

        .aff-overview-container .aff-warpper .summary-section {
            display: flex;
            justify-content: space-between;
            padding: .2rem;
            overflow-x: scroll;
            flex-wrap: wrap
        }

            .aff-overview-container .aff-warpper .summary-section::-webkit-scrollbar {
                width: .1rem
            }

                .aff-overview-container .aff-warpper .summary-section::-webkit-scrollbar:horizontal {
                    height: .08rem
                }

            .aff-overview-container .aff-warpper .summary-section::-webkit-scrollbar-track {
                background-color: rgba(204,204,204,.3)
            }

            .aff-overview-container .aff-warpper .summary-section::-webkit-scrollbar-thumb {
                border-radius: .1rem;
                background: rgba(204,204,204,.5);
                box-shadow: inset 0 0 .06rem rgba(0,0,0,.2)
            }

            .aff-overview-container .aff-warpper .summary-section .summary-container {
                width: 30%;
                background: #fff;
                margin: 0 .02rem;
                border: 0;
                color: BLACk
            }

                .aff-overview-container .aff-warpper .summary-section .summary-container .header {
                    background: #f6f6f6;
                    padding: .1rem;
                    white-space: nowrap;
                    text-align: center;
                    font-size: .14rem;
                    color: undefined;
                    font-weight: 700;
                    border-radius: undefined
                }

                .aff-overview-container .aff-warpper .summary-section .summary-container .summary-content-warpper {
                    font-size: .14rem;
                    padding: .1rem;
                    color: undefined
                }

                    .aff-overview-container .aff-warpper .summary-section .summary-container .summary-content-warpper .summary-content-warpper-flex {
                        margin-bottom: .1rem;
                        display: flex;
                        justify-content: space-between
                    }

                        .aff-overview-container .aff-warpper .summary-section .summary-container .summary-content-warpper .summary-content-warpper-flex span {
                            color: undefined
                        }

                    .aff-overview-container .aff-warpper .summary-section .summary-container .summary-content-warpper .commission-content {
                        display: flex;
                        justify-content: space-between;
                        margin-bottom: .1rem
                    }

                .aff-overview-container .aff-warpper .summary-section .summary-container .summary-container:nth-child(4n) {
                    margin-top: .3rem
                }

            .aff-overview-container .aff-warpper .summary-section .NoRecord_without_table {
                color: undefined
            }

        .aff-overview-container .aff-warpper .react-datepicker-popper {
            width: 2.8rem
        }

            .aff-overview-container .aff-warpper .react-datepicker-popper .react-datepicker {
                width: 100%
            }

                .aff-overview-container .aff-warpper .react-datepicker-popper .react-datepicker .react-datepicker__month-container {
                    width: 100%
                }

                    .aff-overview-container .aff-warpper .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header {
                        padding-bottom: .8em;
                        font-size: 1em
                    }

                    .aff-overview-container .aff-warpper .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month-wrapper {
                        display: flex;
                        align-items: center;
                        justify-content: space-between
                    }

            .aff-overview-container .aff-warpper .react-datepicker-popper .react-datepicker__month-text {
                width: 3rem;
                border-radius: .1rem;
                padding: .1rem
            }

        .aff-overview-container .aff-warpper .aff-date-input {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: unset;
            padding: .05rem .1rem;
            border: none;
            border-radius: .05rem;
            color: #888;
            background: #ededed;
            text-align: undefined
        }

@media(max-width: 768px) {
    .aff-hybrid-overview-container .overview-container .header-summary:has(.calendar-wrapper):has(.dd-calendar-type) {
        flex-direction: column;
        align-items: start
    }
}

.aff-hybrid-overview-container .calendar-wrapper {
    display: flex;
    align-items: center
}

    .aff-hybrid-overview-container .calendar-wrapper .standard-form-field {
        margin-bottom: 0
    }

        .aff-hybrid-overview-container .calendar-wrapper .standard-form-field .standard-select-arrow::after {
            top: .11rem
        }

@media(max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .standard-form-field .standard-select-arrow::after {
        top: .25rem
    }
}

.aff-hybrid-overview-container .calendar-wrapper .standard-select {
    border: none;
    height: .3rem;
    padding: 0 .04rem
}

@media(max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .standard-select {
        min-height: auto;
        height: 1rem
    }
}

@media(min-width: 769px) {
    .aff-hybrid-overview-container .calendar-wrapper .standard-select {
        background: undefined;
        width: 120px
    }
}

.aff-hybrid-overview-container .calendar-wrapper .dd-calendar-type {
    min-width: 1rem;
    width: fit-content;
    margin-right: .1rem
}

@media(max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .dd-calendar-type {
        margin-right: 8px;
        min-width: 2.8rem;
        flex: 1 1 auto
    }

        .aff-hybrid-overview-container .calendar-wrapper .dd-calendar-type select {
            padding: 0 .15rem;
            height: 40px
        }
}

.aff-hybrid-overview-container .calendar-wrapper .picker-wrapper {
    display: flex;
    align-items: center
}

    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .label {
        margin-right: .03rem
    }

@media(max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .label {
        text-align: center
    }
}

@media(min-width: 769px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .label {
        white-space: nowrap
    }
}

.aff-hybrid-overview-container .calendar-wrapper .picker-wrapper:not(:last-child) {
    margin-right: .05rem
}

.aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .aff-date-input {
    height: .3rem
}

@media(max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .aff-date-input {
        height: 40px;
        border-radius: .1rem;
        margin-bottom: 0
    }
}

@media(max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper.full .react-datepicker-popper {
        flex: 1 1 auto;
        width: auto !important
    }
}

.aff-custom-table-popup {
    width: 55%
}

    .aff-custom-table-popup .aff-dialog-search-container {
        display: grid;
        grid-template-columns: 35% 30%;
        grid-gap: .27rem;
        margin: 0 0 .23rem
    }

        .aff-custom-table-popup .aff-dialog-search-container .standard-form-field {
            margin: 0
        }

        .aff-custom-table-popup .aff-dialog-search-container .transaction-button-section {
            align-items: flex-end
        }

            .aff-custom-table-popup .aff-dialog-search-container .transaction-button-section .standard-submit-form-button {
                width: 100%
            }

    .aff-custom-table-popup .aff-dialog-table-container {
        overflow-x: scroll;
        overflow-y: hidden
    }

        .aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar {
            width: .1rem
        }

            .aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar:horizontal {
                height: .08rem
            }

        .aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar-track {
            background-color: rgba(204,204,204,.3)
        }

        .aff-custom-table-popup .aff-dialog-table-container::-webkit-scrollbar-thumb {
            border-radius: .1rem;
            background: rgba(204,204,204,.5);
            box-shadow: inset 0 0 .06rem #d2d2d2
        }

        .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table {
            width: 100%;
            white-space: nowrap;
            border-top: unset;
            border-bottom: unset;
            background: #f6f6f6;
            color: BLACk
        }

            .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .expressDialog_tr_first {
                background: #d5d5d5
            }

            .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table thead {
                background: #d5d5d5
            }

                .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table thead th {
                    border-right: .015rem solid #dcdcdc
                }

                    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table thead th:last-child {
                        border: none
                    }

                .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table thead .aff-dialog-second-th th {
                    padding: .1rem;
                    font-size: .12rem;
                    text-align: left;
                    color: BLACk
                }

            .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .aff-dialog-inner-th {
                background: #d5d5d5;
                padding: .1rem;
                font-size: .12rem;
                text-align: left;
                color: BLACk
            }

            .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr {
                text-align: center
            }

                .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td {
                    padding: .1rem;
                    font-size: .12rem
                }

                    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td button {
                        background: #4B91C9;
                        padding: .05rem;
                        border-radius: .05rem;
                        color: unset
                    }

                    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td.aff-dialog-column-member-login {
                        display: grid;
                        grid-template-columns: 80% 20%;
                        grid-gap: .11rem;
                        align-items: center
                    }

                    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td .aff-dialog-copy-icon {
                        width: .18rem;
                        height: .18rem;
                        fill: #b8b8b8;
                        cursor: pointer
                    }

                .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:first-child, .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr.aff-custom-table-header-2 {
                    border-top: 0;
                    border-bottom: .015rem solid #dcdcdc;
                    background: undefined;
                    color: BLACk;
                    border-left: 0;
                    text-align: center
                }

                    .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:first-child th, .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr.aff-custom-table-header-2 th {
                        padding: .1rem;
                        font-size: .12rem;
                        text-align: center;
                        background: undefined
                    }

                        .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:first-child th:last-child, .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr.aff-custom-table-header-2 th:last-child {
                            padding-right: .1rem
                        }

                .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:last-child {
                    border: none
                }

                .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(2) td {
                    padding: .1rem;
                    border-bottom: .015rem solid #dcdcdc;
                    color: BLACk
                }

                .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(3) td {
                    padding: .1rem;
                    border-bottom: .015rem solid #dcdcdc
                }

                .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(4) td {
                    padding: .1rem;
                    border-bottom: .015rem solid #dcdcdc
                }

                .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(5) td {
                    padding: .1rem;
                    border-bottom: .015rem solid #dcdcdc
                }

                .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(6) td {
                    padding: .1rem;
                    border-bottom: .015rem solid #dcdcdc
                }

            .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .NoRecord {
                text-align: center
            }

            .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .emptyHistoryContainer {
                height: 1rem
            }

            .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .bank-details-bank-img {
                height: .25rem;
                margin-right: .05rem
            }

            .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .bank-item svg {
                height: .25rem;
                margin: 0 .05rem 0 0;
                width: .25rem;
                vertical-align: middle
            }

@media(max-width: 768px) {
    .aff-custom-table-popup {
        width: 95%
    }

        .aff-custom-table-popup .aff-dialog-search-container {
            grid-template-columns: 100%;
            margin: 0 0 .3rem
        }

            .aff-custom-table-popup .aff-dialog-search-container .standard-form-field .standard-input {
                margin: .14rem 0 0
            }

            .aff-custom-table-popup .aff-dialog-search-container .transaction-button-section {
                width: 50%
            }

        .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table thead .aff-dialog-second-th th {
            padding: .2rem;
            font-size: .24rem
        }

        .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table .aff-dialog-inner-th {
            padding: .2rem;
            font-size: .24rem
        }

        .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td {
            padding: .2rem;
            font-size: .24rem
        }

            .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td button {
                padding: .1rem
            }

            .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr td .aff-dialog-copy-icon {
                width: .3rem;
                height: .3rem;
                margin: 0 0 0 .21rem
            }

        .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:first-child th {
            padding: .2rem;
            font-size: .24rem
        }

        .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(2) td {
            padding: .2rem
        }

        .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(3) td {
            padding: .2rem
        }

        .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(4) td {
            padding: .2rem
        }

        .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(5) td {
            padding: .2rem
        }

        .aff-custom-table-popup .aff-dialog-table-container .aff-custom-table tr:nth-child(6) td {
            padding: .2rem
        }
}

.aff-gallery-outer-bg {
    background: undefined
}

    .aff-gallery-outer-bg .aff-gallery-container {
        width: 11rem;
        margin: .3rem auto;
        border: 0;
        padding: unset;
        background: Transparent;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 56%
    }

        .aff-gallery-outer-bg .aff-gallery-container header {
            background: #f6f6f6
        }

            .aff-gallery-outer-bg .aff-gallery-container header p {
                margin-bottom: 0;
                padding: .1rem;
                text-transform: unset
            }

        .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper {
            margin: 0 0 .2rem;
            padding: .2rem .1rem;
            background: #f6f6f6;
            border-radius: .1rem;
            box-shadow: 0 0 .1rem .01rem #d2d2d2
        }

            .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper section {
                padding: 0 .2rem
            }

                .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper section .standard-form-one-row-container {
                    align-items: flex-end;
                    margin-bottom: .2rem
                }

                    .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper section .standard-form-one-row-container .aff-form-warper {
                        margin-right: 2%;
                        width: 23.5%
                    }

                        .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper section .standard-form-one-row-container .aff-form-warper:last-child {
                            margin-right: 0;
                            display: flex;
                            justify-content: flex-end
                        }

                    .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper section .standard-form-one-row-container button {
                        padding: 0 .6rem;
                        white-space: nowrap
                    }

            .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section {
                padding: 0
            }

                .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container {
                    padding: .2rem;
                    background: #f6f6f6;
                    margin: .2rem;
                    box-shadow: 0 .05rem .08rem 0 #00000033
                }

                    .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container .aff-preview-warpper {
                        display: flex;
                        justify-content: space-between
                    }

                        .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container .aff-preview-warpper .content-container {
                            width: 35%;
                            padding-right: .3rem
                        }

                            .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container .aff-preview-warpper .content-container .content {
                                margin-bottom: .1rem
                            }

                                .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container .aff-preview-warpper .content-container .content span {
                                    font-size: .14rem;
                                    color: undefined
                                }

                                .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container .aff-preview-warpper .content-container .content textarea {
                                    color: undefined;
                                    background: undefined;
                                    height: 1.5rem
                                }

                        .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container .aff-preview-warpper .img-container {
                            width: 65%
                        }

                            .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .aff-preview-container .aff-preview-warpper .img-container img {
                                width: 100%
                            }

                .aff-gallery-outer-bg .aff-gallery-container .aff-content-warper .gallery-img-section .NoRecord_without_table {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: .8rem;
                    width: 100%;
                    color: undefined
                }

@media(max-width: 768px) {
    .affiliate-register .reg .reg-container .reg-success .reg-success-btn {
        border-radius: .1rem;
        height: .85rem;
        font-size: .25rem;
        width: auto;
        margin: .3rem auto 0;
        background-color: undefined
    }

    .affiliate-register .standard-form-field .standard-select-dropdown {
        top: 1.15rem
    }

    .affiliate-register .m-register-benefits-content {
        display: flex;
        justify-content: center;
        margin: .2rem auto
    }

        .affiliate-register .m-register-benefits-content .m-register-benefits-bg {
            width: 100%
        }
}

.aff-m-commission-plan-wrapper {
    padding: .31rem .31rem 1.2rem;
    font-size: .24rem;
    line-height: .37rem;
    color: #888;
    background: 0 0;
    margin: undefined;
    background-size: undefined;
    background-position: undefined;
    background-repeat: undefined
}

    .aff-m-commission-plan-wrapper header {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        color: #4B91C9;
        padding: .15rem;
        text-transform: uppercase;
        font-size: .54rem;
        text-align: center;
        border-bottom: .01rem solid;
        border-image: linear-gradient(to right,rgba(0,0,0,0),#c09848,rgba(0,0,0,0)) 1;
        border-top: 0
    }

        .aff-m-commission-plan-wrapper header p {
            margin-bottom: 0
        }

.aff-m-faq-wrapper {
    padding: .31rem .31rem 1.2rem;
    font-size: .24rem;
    line-height: .37rem;
    color: #888;
    background: 0 0
}

    .aff-m-faq-wrapper header {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        color: #4B91C9;
        padding: .15rem;
        text-transform: uppercase;
        font-size: .54rem;
        text-align: center;
        border-bottom: undefined;
        border-image: linear-gradient(to right,rgba(0,0,0,0),#c09848,rgba(0,0,0,0)) 1;
        border-top: 0;
        background: 0 0;
        font-weight: 500;
        position: inherit
    }

        .aff-m-faq-wrapper header p {
            margin-bottom: 0;
            border-bottom: 0;
            width: 100%;
            margin: 0;
            padding-bottom: 0
        }

    .aff-m-faq-wrapper .faq-dropdown-icon {
        background: #ad1f46;
        border-radius: 1rem;
        width: .8rem;
        padding: .1rem;
        position: absolute;
        margin: auto;
        bottom: -.7rem;
        left: 0;
        right: 0
    }

    .aff-m-faq-wrapper article .collapse:nth-child(odd) {
        border: .01rem solid #bf5370;
        margin: 0 0 .5rem;
        border-radius: .3rem
    }

        .aff-m-faq-wrapper article .collapse:nth-child(odd) .collapse-header {
            color: #870c32;
            background: #fcede8;
            padding: .5rem;
            border-radius: .3rem;
            font-weight: 700
        }

            .aff-m-faq-wrapper article .collapse:nth-child(odd) .collapse-header p {
                margin-bottom: 0
            }

        .aff-m-faq-wrapper article .collapse:nth-child(odd) .collapse-item {
            padding: .5rem;
            color: #353535
        }

    .aff-m-faq-wrapper article .collapse:nth-child(even) {
        border: .01rem solid #e6d3c5;
        margin: 0 0 .5rem;
        border-radius: .3rem
    }

        .aff-m-faq-wrapper article .collapse:nth-child(even) .collapse-header {
            color: #7f5c05;
            background: #fef2e4;
            padding: .5rem;
            border-radius: .3rem;
            font-weight: 700
        }

            .aff-m-faq-wrapper article .collapse:nth-child(even) .collapse-header p {
                margin-bottom: 0
            }

        .aff-m-faq-wrapper article .collapse:nth-child(even) .collapse-item {
            padding: .5rem;
            color: #353535
        }

    .aff-m-faq-wrapper article p span a {
        color: undefined
    }

.aff-m-contact-us-wrapper {
    padding: .31rem .31rem 1.2rem;
    font-size: .24rem;
    line-height: .37rem;
    color: #888;
    background: 0 0
}

    .aff-m-contact-us-wrapper header {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        color: #4B91C9;
        padding: .15rem;
        text-transform: uppercase;
        font-size: .54rem;
        text-align: center;
        border-bottom: .01rem solid;
        border-image: linear-gradient(to right,rgba(0,0,0,0),#c09848,rgba(0,0,0,0)) 1;
        border-top: 0
    }

        .aff-m-contact-us-wrapper header p {
            margin-bottom: 0
        }

    .aff-m-contact-us-wrapper a {
        color: #00e
    }

    .aff-m-contact-us-wrapper .contact-us-list {
        margin-top: .3rem;
        display: flex;
        flex-wrap: wrap
    }

        .aff-m-contact-us-wrapper .contact-us-list .contact-list-warpper {
            width: 100%;
            height: 3.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: .4rem;
            text-align: center;
            flex-direction: column;
            padding: .2rem;
            color: #888;
            cursor: pointer;
            border-radius: .05rem;
            background: #f6f6f6;
            box-shadow: 0 .04rem .08rem 0 #00000033
        }

            .aff-m-contact-us-wrapper .contact-us-list .contact-list-warpper .contact-svg-container svg {
                width: 1rem;
                height: 1rem
            }

            .aff-m-contact-us-wrapper .contact-us-list .contact-list-warpper .contact-content-container {
                margin-top: .2rem
            }

    .aff-m-contact-us-wrapper .m-contact-container {
        margin: .5rem 0
    }

.affiliate-m-register {
    background: undefined;
    border-radius: undefined;
    margin: undefined;
    width: undefined;
    min-height: undefined
}

    .affiliate-m-register .reg {
        width: 100%;
        margin: undefined;
        padding: 1.5rem 0
    }

        .affiliate-m-register .reg:has(>img) {
            padding: 0;
            display: flex;
            flex-direction: column
        }

            .affiliate-m-register .reg:has(>img) img {
                width: 80%;
                margin: auto
            }

            .affiliate-m-register .reg:has(>img) .reg-step {
                margin: .5rem auto
            }

            .affiliate-m-register .reg:has(>img) .reg-container {
                margin-top: 0
            }

        .affiliate-m-register .reg .reg-title {
            width: 90%;
            margin: auto
        }

        .affiliate-m-register .reg .reg-step {
            width: 65%;
            margin: undefined;
            height: undefined
        }

            .affiliate-m-register .reg .reg-step .reg-progress-container .step-container {
                height: .9rem;
                width: 2rem
            }

                .affiliate-m-register .reg .reg-step .reg-progress-container .step-container.on {
                    background: undefined
                }

                    .affiliate-m-register .reg .reg-step .reg-progress-container .step-container.on.current-on {
                        background: undefined
                    }

                .affiliate-m-register .reg .reg-step .reg-progress-container .step-container.step-done.on {
                    background: undefined
                }

                    .affiliate-m-register .reg .reg-step .reg-progress-container .step-container.step-done.on.current-on {
                        background: undefined
                    }

            .affiliate-m-register .reg .reg-step .reg-progress-container .progressBar {
                height: .02rem;
                width: undefined;
                background: #95959561
            }

                .affiliate-m-register .reg .reg-step .reg-progress-container .progressBar.on {
                    background: undefined
                }

        .affiliate-m-register .reg .reg-logo {
            width: 100%;
            text-align: center
        }

            .affiliate-m-register .reg .reg-logo .logo-fixed-size {
                max-height: 2.25rem
            }

            .affiliate-m-register .reg .reg-logo img {
                width: 50%;
                padding: .6rem 0
            }

        .affiliate-m-register .reg .reg-container {
            width: 100%;
            margin-top: 1.2rem
        }

            .affiliate-m-register .reg .reg-container .standard-form-container {
                width: 80%;
                margin: auto
            }

            .affiliate-m-register .reg .reg-container .standard-error-validation {
                margin-bottom: .4rem
            }

            .affiliate-m-register .reg .reg-container .reg-btn-container {
                width: 100%;
                margin: .5rem 0 0;
                float: undefined
            }

                .affiliate-m-register .reg .reg-container .reg-btn-container .standard-submit-button {
                    width: undefined
                }

            .affiliate-m-register .reg .reg-container .registerStep2_contact {
                position: relative
            }

            .affiliate-m-register .reg .reg-container .reg-btn-container-prevnext {
                width: 100%;
                margin: undefined;
                float: undefined
            }

            .affiliate-m-register .reg .reg-container .reg-success {
                width: 80%;
                margin: auto;
                text-align: center
            }

                .affiliate-m-register .reg .reg-container .reg-success svg {
                    width: undefined;
                    fill: undefined
                }

                .affiliate-m-register .reg .reg-container .reg-success .success-animation {
                    margin-bottom: .3rem
                }

                    .affiliate-m-register .reg .reg-container .reg-success .success-animation #successAnimation {
                        width: 2.5rem;
                        height: 2.5rem
                    }

                .affiliate-m-register .reg .reg-container .reg-success h3 {
                    font-size: undefined;
                    margin: 0 0 .3rem;
                    text-transform: undefined
                }

                .affiliate-m-register .reg .reg-container .reg-success .reg-success-btn {
                    display: block;
                    background: linear-gradient(#4B91C9 25%,#0d122a 140%);
                    border-radius: .1rem;
                    height: .8rem;
                    font-size: .25rem;
                    width: 48%;
                    margin: 1rem auto 0
                }

            .affiliate-m-register .reg .reg-container .react-datepicker .react-datepicker__navigation {
                top: .4rem !important;
                font-size: .5rem !important
            }

            .affiliate-m-register .reg .reg-container .reg-footer-notice {
                width: 80%;
                margin: 0 auto;
                color: undefined
            }

.aff-m-overview-container {
    margin: 0 0 1.3rem;
    padding: .2rem .3rem;
    background: unset
}

    .aff-m-overview-container .overview-container {
        margin: 0 0 .3rem
    }

@media screen and (max-width: 768px) {
    .aff-m-overview-container .overview-container .overview-time-filter-wrapper {
        width: 100% !important
    }

        .aff-m-overview-container .overview-container .overview-time-filter-wrapper .overview-date-picker-filter-wrapper {
            width: calc(100%/2) !important
        }

        .aff-m-overview-container .overview-container .overview-time-filter-wrapper .month-day-filter {
            min-width: calc(100%/3)
        }

        .aff-m-overview-container .overview-container .overview-time-filter-wrapper .start-date-picker-wrapper {
            width: calc(100%/3)
        }

        .aff-m-overview-container .overview-container .overview-time-filter-wrapper .end-date-picker-wrapper {
            width: calc(100%/3)
        }
}

.aff-m-overview-container .overview-container header {
    padding: .2rem .2rem .1rem;
    color: undefined;
    display: flex;
    align-items: center;
    font-weight: 700
}

    .aff-m-overview-container .overview-container header p {
        font-weight: 700;
        text-transform: capitalize;
        margin-right: .15rem
    }

.aff-m-overview-container .overview-container section {
    background: #f6f6f6;
    box-shadow: 0 .05rem .08rem 0 #00000033;
    border: 0;
    border-width: undefined
}

    .aff-m-overview-container .overview-container section .infor-content {
        padding: .3rem
    }

        .aff-m-overview-container .overview-container section .infor-content label {
            color: undefined
        }

        .aff-m-overview-container .overview-container section .infor-content span {
            color: undefined
        }

    .aff-m-overview-container .overview-container section .overview-content {
        display: flex;
        justify-content: space-between;
        align-items: undefined;
        padding: .3rem;
        border-bottom: .05rem solid unset
    }

        .aff-m-overview-container .overview-container section .overview-content label {
            display: block;
            margin: 0 0 .2rem;
            color: undefined
        }

        .aff-m-overview-container .overview-container section .overview-content a {
            color: #00e;
            font-weight: undefined;
            font-style: undefined
        }

        .aff-m-overview-container .overview-container section .overview-content .left-content {
            width: 65%;
            padding-right: .2rem
        }

        .aff-m-overview-container .overview-container section .overview-content .right-content {
            width: 35%
        }

            .aff-m-overview-container .overview-container section .overview-content .right-content button {
                font-size: .24rem;
                background: #4B91C9;
                padding: .2rem;
                width: 100%;
                color: undefined;
                border-radius: unset
            }

                .aff-m-overview-container .overview-container section .overview-content .right-content button:first-child {
                    margin: 0 0 .2rem
                }

.aff-m-overview-container .overview-container .Summary-section {
    padding: .3rem;
    color: undefined
}

    .aff-m-overview-container .overview-container .Summary-section .overview-content-inner-bg {
        background: #f6f6f6;
        padding: .3rem;
        margin-bottom: .3rem
    }

        .aff-m-overview-container .overview-container .Summary-section .overview-content-inner-bg .overview-content-warpper {
            display: flex;
            justify-content: space-between;
            margin: 0 0 .3rem
        }

    .aff-m-overview-container .overview-container .Summary-section .aff-no-record {
        color: undefined;
        padding: undefined
    }

    .aff-m-overview-container .overview-container .Summary-section label {
        color: undefined
    }

.aff-m-overview-container .overview-container .react-datepicker-popper {
    width: 4rem
}

    .aff-m-overview-container .overview-container .react-datepicker-popper .react-datepicker {
        width: 100%
    }

        .aff-m-overview-container .overview-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container {
            width: 100%
        }

            .aff-m-overview-container .overview-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__header {
                padding-bottom: .8em;
                font-size: 1em
            }

            .aff-m-overview-container .overview-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month-wrapper {
                display: flex;
                align-items: center;
                justify-content: space-between
            }

    .aff-m-overview-container .overview-container .react-datepicker-popper .react-datepicker__month-text {
        width: 3rem;
        border-radius: .1rem;
        padding: .1rem
    }

.aff-m-overview-container .overview-container .aff-date-input {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: unset;
    padding: .05rem .1rem;
    border: none;
    border-radius: .05rem;
    color: #888;
    background: #ededed;
    font-size: .24rem;
    margin: 0 0 .15rem;
    font-weight: undefined
}

@media(max-width: 768px) {
    .aff-hybrid-overview-container .overview-container .header-summary:has(.calendar-wrapper):has(.dd-calendar-type) {
        flex-direction: column;
        align-items: start
    }
}

.aff-hybrid-overview-container .calendar-wrapper {
    display: flex;
    align-items: center
}

    .aff-hybrid-overview-container .calendar-wrapper .standard-form-field {
        margin-bottom: 0
    }

        .aff-hybrid-overview-container .calendar-wrapper .standard-form-field .standard-select-arrow::after {
            top: .11rem
        }

@media(max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .standard-form-field .standard-select-arrow::after {
        top: .25rem
    }
}

.aff-hybrid-overview-container .calendar-wrapper .standard-select {
    border: none;
    height: .3rem;
    padding: 0 .04rem
}

@media(max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .standard-select {
        min-height: auto;
        height: 1rem
    }
}

@media(min-width: 769px) {
    .aff-hybrid-overview-container .calendar-wrapper .standard-select {
        background: undefined;
        width: 120px
    }
}

.aff-hybrid-overview-container .calendar-wrapper .dd-calendar-type {
    min-width: 1rem;
    width: fit-content;
    margin-right: .1rem
}

@media(max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .dd-calendar-type {
        margin-right: 8px;
        min-width: 2.8rem;
        flex: 1 1 auto
    }

        .aff-hybrid-overview-container .calendar-wrapper .dd-calendar-type select {
            padding: 0 .15rem;
            height: 40px
        }
}

.aff-hybrid-overview-container .calendar-wrapper .picker-wrapper {
    display: flex;
    align-items: center
}

    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .label {
        margin-right: .03rem
    }

@media(max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .label {
        text-align: center
    }
}

@media(min-width: 769px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .label {
        white-space: nowrap
    }
}

.aff-hybrid-overview-container .calendar-wrapper .picker-wrapper:not(:last-child) {
    margin-right: .05rem
}

.aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .aff-date-input {
    height: .3rem
}

@media(max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper .aff-date-input {
        height: 40px;
        border-radius: .1rem;
        margin-bottom: 0
    }
}

@media(max-width: 768px) {
    .aff-hybrid-overview-container .calendar-wrapper .picker-wrapper.full .react-datepicker-popper {
        flex: 1 1 auto;
        width: auto !important
    }
}

.m-reports-history-landing-container {
    padding: .35rem .2rem 1.6rem
}

    .m-reports-history-landing-container .conversion-rate-info-box-container {
        position: relative;
        margin: 0 0 .15rem
    }

        .m-reports-history-landing-container .conversion-rate-info-box-container .conversion-rate-info-box {
            display: flex;
            align-items: center;
            cursor: pointer;
            justify-content: flex-end
        }

            .m-reports-history-landing-container .conversion-rate-info-box-container .conversion-rate-info-box svg {
                width: .5rem;
                height: .5rem;
                fill: #4B91C9;
                margin: 0 .05rem 0 0
            }

            .m-reports-history-landing-container .conversion-rate-info-box-container .conversion-rate-info-box p {
                color: #888;
                margin: 0
            }

        .m-reports-history-landing-container .conversion-rate-info-box-container .conversion-rate-info-list-container {
            position: absolute;
            right: 0;
            z-index: 999;
            width: auto;
            background: #282828;
            padding: .2rem;
            margin: .15rem 0 0
        }

            .m-reports-history-landing-container .conversion-rate-info-box-container .conversion-rate-info-list-container p {
                color: #888;
                margin: 0 0 .05rem
            }

            .m-reports-history-landing-container .conversion-rate-info-box-container .conversion-rate-info-list-container::before {
                content: '';
                position: absolute;
                left: 45%;
                top: -.12rem;
                width: 0;
                height: 0;
                border-bottom: .13rem solid #282828;
                border-left: .07rem solid transparent;
                border-right: .07rem solid transparent
            }

    .m-reports-history-landing-container .history-control-section .history-control-panel {
        background: #f6f6f6;
        margin: 0 0 .35rem;
        padding: .25rem .3rem;
        border-radius: .1rem;
        backdrop-filter: undefined;
        position: relative;
        z-index: 1
    }

        .m-reports-history-landing-container .history-control-section .history-control-panel .form-panel {
            grid-template-columns: none;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            justify-content: space-between
        }

            .m-reports-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field {
                width: 49%
            }

                .m-reports-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field:first-child {
                    grid-column: 1/span 3;
                    width: 100%
                }

                .m-reports-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field:last-child {
                    grid-column: 1/span 1;
                    width: 100%
                }

                .m-reports-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field.Transaction-Type-selection {
                    grid-column: 1/span 3;
                    width: 100%
                }

                .m-reports-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field.Status-selection {
                    grid-column: 1/span 3;
                    width: 100%
                }

                .m-reports-history-landing-container .history-control-section .history-control-panel .form-panel .standard-form-field.full-width {
                    grid-column: 1/span 3;
                    width: 100%
                }

            .m-reports-history-landing-container .history-control-section .history-control-panel .form-panel .transaction-button-section {
                margin: .15rem 0
            }

        .m-reports-history-landing-container .history-control-section .history-control-panel .range-wrapper {
            width: 100%;
            margin-bottom: .2rem
        }

            .m-reports-history-landing-container .history-control-section .history-control-panel .range-wrapper .standard-form-field {
                margin-bottom: .05rem
            }

            .m-reports-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options {
                display: flex
            }

                .m-reports-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options div {
                    min-width: 1.2rem;
                    border: .01rem solid #dcdcdc;
                    margin-right: .1rem;
                    border-radius: .1rem;
                    height: .8rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: .05rem .1rem;
                    cursor: pointer
                }

                    .m-reports-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options div.active {
                        border: .02rem solid #4b91c9
                    }

                    .m-reports-history-landing-container .history-control-section .history-control-panel .range-wrapper .range-options div.disabled {
                        opacity: .3;
                        pointer-events: none
                    }

    .m-reports-history-landing-container .m-standard-content-container {
        border: transparent
    }

        .m-reports-history-landing-container .m-standard-content-container .history-container {
            padding: 0
        }

            .m-reports-history-landing-container .m-standard-content-container .history-container .history-info-container {
                background: #f6f6f6;
                border-radius: .1rem;
                backdrop-filter: undefined
            }

            .m-reports-history-landing-container .m-standard-content-container .history-container .pagination-container {
                padding: 0
            }

    .m-reports-history-landing-container .react-datepicker-popper {
        width: 3.5rem
    }

        .m-reports-history-landing-container .react-datepicker-popper .react-datepicker {
            width: 100%
        }

            .m-reports-history-landing-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container {
                width: 100%
            }

                .m-reports-history-landing-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker-year-header {
                    padding-bottom: .8em;
                    font-size: 1em
                }

                .m-reports-history-landing-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month-wrapper {
                    display: flex;
                    align-items: center;
                    justify-content: center
                }

                .m-reports-history-landing-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month {
                    margin: auto
                }

                    .m-reports-history-landing-container .react-datepicker-popper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__day {
                        width: 1.8em
                    }

        .m-reports-history-landing-container .react-datepicker-popper .react-datepicker__month-text {
            width: 1.1rem !important;
            border-radius: .1rem;
            padding: .21rem 0 !important
        }

        .m-reports-history-landing-container .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
            border-bottom-width: .05rem
        }

.aff-m-gallery-container .img-container {
    margin: .4rem 0 0
}

    .aff-m-gallery-container .img-container header {
        background: #f6f6f6;
        padding: .2rem;
        color: unset;
        font-size: .25rem
    }

        .aff-m-gallery-container .img-container header p {
            margin-bottom: 0
        }

    .aff-m-gallery-container .img-container .img-content {
        background: #f6f6f6;
        margin-bottom: .5rem;
        padding: .4rem;
        box-shadow: 0 .05rem .08rem 0 #00000033
    }

        .aff-m-gallery-container .img-container .img-content .gallery-content {
            margin-bottom: .25rem;
            color: undefined
        }

        .aff-m-gallery-container .img-container .img-content textarea {
            border: .01rem #dcdcdc;
            background: #fff;
            min-height: 3rem;
            padding: .1rem;
            color: undefined
        }

        .aff-m-gallery-container .img-container .img-content .img-preview {
            margin-top: .4rem
        }

            .aff-m-gallery-container .img-container .img-content .img-preview img {
                width: 100%
            }

    .aff-m-gallery-container .img-container .aff-no-record {
        display: flex;
        align-items: center;
        justify-content: center;
        height: .8rem;
        width: 100%;
        font-size: .25rem
    }

.hover {
    width: 60% !important;
}

    .hover > img {
        display: none !important;
    }

    .hover > span {
        display: block !important;
    }

.form-control {
    display: flex !important;
    width: unset !important;
    height: unset !important;
    padding: unset !important;
    font-size: unset !important;
    font-weight: unset !important;
    line-height: unset !important;
    color: unset !important;
    background-color: unset !important;
    background-clip: unset !important;
    border: unset !important;
    border-radius: unset !important;
    transition: unset !important;
}

.accordion-slider-item-icon {
    max-width: 93px;
}

.announcement-container {
    background-color: #013B7A;
    color: #fff;
    border-radius: 5px;
    margin: 15px 0;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    margin-left: 200px;
    margin-right: 200px;
}

    .announcement-container > [data-section="title"], .announcement-container > [data-section="date"] {
        display: flex;
        align-items: center;
    }

    .announcement-container [data-icon="announcement"] {
        display: inline-block;
        height: 30px;
        width: 30px;
        background: center no-repeat;
        background-image: var(--image-src);
        background-position: -5px -151px;
        margin-right: 5px;
    }

    .announcement-container > [data-section="announcements"] {
        width: 60%;
        background: #070d2f;
        overflow: hidden;
    }

.tickercontainer {
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
}

    .tickercontainer .mask {
        position: relative;
        width: 100%;
        overflow: hidden;
        overflow: hidden;
    }

.announcement-list {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

    .announcement-list marquee {
        display: flex;
    }

.carousel-indicators {
    margin-bottom: 10px !important;
}

    .carousel-indicators > li {
        background: rgba(255, 255, 255, 0.38) !important;
        width: 13px !important;
        border-top: 3px solid transparent !important;
        border-bottom: 8px solid transparent !important;
        margin-right: 6px;
        margin-left: 6px;
        transform: unset !important;
        border-radius: 50% !important;
        transition-duration: 0.5s !important;
    }

        .carousel-indicators > li.active {
            background: #4B91C9 !important;
            width: 40px !important;
            transform: unset !important;
            border-radius: 0.4rem !important;
        }

.css-dla0tr {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 11rem;
    margin: 0px auto;
}

.css-c4mqj5 {
    display: inline-block;
    width: 1rem;
    color: #4B91C9;
    font-size: 0.18rem;
    font-weight: 700;
}

.css-17b1yo8 {
    height: 0.07rem;
    background: rgb(75, 145, 201);
    border-radius: 0.06rem 0px 0px 0.06rem;
    margin: -0.1rem 0px 0px;
    width: 70%;
}

.css-qzqtvj {
    font-size: 0.12rem;
    margin: 0.1rem 0px 0px;
    text-transform: capitalize;
    color: #4B91C9;
}

.css-iaum7g {
    width: 2.2rem;
    height: 0.1rem;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0.06rem;
    margin: 0.15rem auto 0px;
}

.css-18dpj0j {
    display: flex;
    width: 1.73rem;
    color: #4B91C9;
    font-size: 0.18rem;
    font-weight: 700;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 0.5rem;
    -webkit-box-align: center;
    align-items: center;
}

.css-mkg24m {
    color: #4B91C9;
    font-size: 0.14rem;
    font-weight: bold;
}

h3 {
    font-size: unset !important;
}

.css-fbpmko {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0.12rem 0.16rem;
    place-items: center;
    background: rgba(255, 255, 255, 0.9);
    color: #4B91C9;
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 0.36rem;
    border-radius: 0px 0px 0.1rem 0.1rem;
}

.css-1x2vdcz {
    color: #4B91C9;
    font-weight: 500;
}

.css-14uxfub {
    color: rgb(75, 145, 201);
    pointer-events: auto;
    text-align: right;
}

.css-1uexrwj {
    color: rgb(255, 255, 255);
    font-size: 0.3rem;
    font-weight: 700;
    position: absolute;
    top: 30%;
    left: 0.5rem;
    margin: 0px auto;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}



ol {
    margin-bottom: 10px !important;
}