/*
Author:my.radexmarkets.co.uk
Verson:0.1.0
*/
/* Minification failed. Returning unminified contents.
(2462,1): run-time error CSS1019: Unexpected token, found '}'
(4827,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '1%'
(4837,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '1%'
(7992,26): run-time error CSS1035: Expected colon, found 'align-items'
(8567,23): run-time error CSS1039: Token not allowed after unary operator: '-rm-font-book'
(8592,23): run-time error CSS1039: Token not allowed after unary operator: '-rm-font-book'
(8656,23): run-time error CSS1039: Token not allowed after unary operator: '-rm-font-book'
(8919,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8919,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(8920,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8920,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(8922,2): run-time error CSS1019: Unexpected token, found '@keyframes'
(8922,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
 */
@charset "utf-8";

html {
    -ms-overflow-style: scrollbar
}

a {
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    color: #003B4D
}

    a.linked {
        border-bottom: 1px solid #003b4d
    }

        a.linked:hover {
            border-bottom: 1px solid #003b4d
        }

*:focus {
    outline: none !important
}

a:active, a:focus, a:hover {
    outline: 0;
    text-decoration: none;
    color: #003b4d
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, body, h1, h2, h3, h4, h5, h6 {
    text-shadow: none
}

* {
    margin: 0;
    padding: 0
}

html {
    height: 100%
}

body {
    font-size: 14px;
    background: #fff;
    min-width: 320px;
    overflow-x: hidden;
    color: #595757
}

img {
    max-width: 100%
}

li {
    list-style: none
}

.clear {
    clear: both
}

.uppercase {
    text-transform: uppercase
}

::selection {
    background: #595757;
    color: #fff
}

.datepicker {
    color: #595757
}

::-moz-selection {
    background: #595757;
    color: #fff
}

.pT10 {
    padding-top: 10px !important
}

.pB10 {
    padding-bottom: 10px !important
}

.pT15 {
    padding-top: 15px !important
}

.pB15 {
    padding-bottom: 15px !important
}

.mT10, .form-mT10 {
    margin-top: 10px !important
}

.mT15, .form-mT15 {
    margin-top: 15px !important
}

.mB15 {
    margin-bottom: 15px !important
}

.c000 {
    color: #000
}

.text-green, .profit, .green {
    color: #00aa38
}

.badge {
    margin-top: -18px
}

.text-red, .loss, .red {
    color: #F44336
}

.text-orange {
    color: #ffc107
}

.text-blue {
    color: #6993ff
}

.font10 {
    font-size: 10px
}

.label {
    font-size: 12px
}

.label-danger, .label-red {
    background-color: #f5e1e0;
    color: #d9534f
}

.label-success {
    background: #d7f3fb;
    color: #003B4D
}

.label-primary {
    background: #e2ebff;
    color: #235df3
}

.label-lakeblue {
    background: #d7f3f3;
    color: #2ca29b;
    font-weight: normal
}

.label-orange {
    background-color: #fff4de;
    color: #ffa800
}

.label-info {
    background-color: #d1f5ff;
    color: #5bc0de
}

.label-success, .label-primary, .label-danger, .label-default, .label-red, .label-info, .label-orange {
    font-weight: normal
}

.bgf2 {
    background: #f2f2f2
}

.text-underline {
    text-decoration: underline
}

input {
    background-color: transparent
}

th, td {
    text-align: center;
    vertical-align: middle !important;
    padding: 2px 5px !important;
    height: 36px;
    font-size: 13px
}

table a {
    text-decoration: underline
}

table .buttons.buttons-success {
    padding: 0 7px;
    margin-left: 6px;
    font-size: 12px
}

table div .buttons.buttons-success {
    padding: 4px 20px;
    margin-left: 0;
    font-size: 14px;
    min-width: 120px
}

.table th, .table thead th {
    font-weight: 600;
    border-bottom: 2px solid #eee !important;
    text-transform: capitalize;
    background: #fff;
    height: 60px
}

tfoot {
    border-top: 2px solid #eee
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: none
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f4f4f4
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #fff
}

.table-responsive::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #f5f5f5
}

.table-responsive::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #f5f5f5
}

.table-responsive::-webkit-scrollbar-thumb {
    height: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #B4B4B5
}

th {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

    th span {
        margin-left: 4px;
        width: 16px;
        height: 16px;
        display: inline-block;
        background: url(../Static/images/sort.png);
        vertical-align: middle
    }

    th.tablesorter-headerDesc span {
        background: url(../Static/images/sorted-descending.png)
    }

    th.tablesorter-headerAsc span {
        background: url(../Static/images/sorted-ascending.png)
    }

    th.no-sort {
        cursor: text
    }

.btn-black {
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 36px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 6px 20px;
    margin-top: 30px;
    font-size: 18px;
    min-width: 215px;
}

.cashback-features-box .list-group-item {
}

.welcome-banner-box {
    height: 600px;
    background: url(../Static/images/welcome-bonus-banner-02.png) no-repeat;
    background-position: center;
    padding-top: 70px;
    background-size: contain
}

.cashback-banner-box {
    background: url(../Static/images/Cashback_Website_banner.jpg) no-repeat;
    background-position: center;
    background-size: contain
}

.tradablebonus-banner-box {
    height: 500px;
    background: none !important;
    background-position: 80% 70% !important;
    padding-top: 70px;
    background-size: 500px
}

.onehundred-banner-box {
    background: none !important;
}

.tradable-bonus-container {
    display: flex;
    justify-content: left
}

.tradable-bonus-video {
    width: 100%;
}

.tradable-bonus-video-container {
    padding-left: 11rem
}

.tradablebonus-banner-box .container:first-child {
    padding-left: 0
}
/*notification bar*/
.notification-bar-home {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border-radius: 0.25rem;
    display: block !important;
    font-size: 15px;
    box-shadow: 3px 3px 3px 0 #dedede;
    -webkit-box-shadow: 3px 3px 3px 0 #dedede;
}

.notification-area {
    gap: 1%
}

.alert-dismissible .close {
    position: absolute;
    top: 15%;
    right: 21px
}

.tradable-features-box .list-group {
    width: 110%
}

.tradable-features-1 {
    background: url(../Static/images/cashback-fetures.jpg) no-repeat;
    background-position: left bottom;
    height: 85%;
    background-size: contain
}

.tradable-features-l > .welcome-baner-text {
    margin-bottom: 5px;
}

.tradable-last-text {
    margin-bottom: 100px !important;
}

.features-right-area {
    display: flex;
    align-items: end;
}

.btn-switch {
    display: flex;
    justify-content: start;
}

    .btn-switch .bootstrap-switch-handle-on {
        background: #003B4D !important;
        margin-top: 0 !important;
    }

    .btn-switch .bootstrap-switch-handle-off {
        margin-top: 0 !important;
    }

    .btn-switch .bootstrap-switch-label {
        margin-top: 0 !important;
    }

.two-steps-box {
    border: 1px solid grey;
    border-radius: 10px;
    width: 60%;
    display: block;
    margin: auto;
    padding: 30px 50px;
}

    .two-steps-box .col {
        justify-content: center;
        align-items: center;
        gap: 30px;
    }

.two-steps-text > span:nth-child(2) {
    margin-top: 15px;
}

.feature-text-section {
    width: 35%;
    padding-left: 90px;
}

.fbf-feature-text-section {
    width: 42%;
    padding-left: 45px;
}

.btn-fbf {
    border-radius: 5px;
    padding: 10px 40px !important;
    font-size: 16px !important;
}

.fbf-features-intro-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.what-is-fbf-text-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 700px;
    background-image: url(../Static/images/FBF_intro_background.png);
    gap: 60px;
    background-size: contain;
    padding-top: 110px;
}

.what-is-fbf-text {
    color: grey;
}

.what-is-fbf-title {
    font-size: 30px;
}

.fbf-feature-intro-title {
    font-size: 30px;
    margin-bottom: 25px;
}

.fbf-feature-icon-box {
    gap: 35px;
    margin-bottom: 60px;
    flex-direction: column;
    align-items: center;
}

.fbf-feature-icons-section {
    width: 58%;
    padding-right: 0px;
}

.feature-icon-box img, .fbf-feature-icon-box img {
    width: 100px;
}

    .feature-icon-box img:hover, .fbf-feature-icon-box img:hover {
        transform: scale(1.1);
    }

.fbf-box {
    margin-top: 13rem;
    padding: 0px 0px 0px 45px !important;
}

.fbf-banner-img {
    margin-top: 13rem;
    height: 380px;
    width: auto;
    margin-right: 8rem;
}

.fbf-check {
    border-radius: 50%;
    background: black;
    vertical-align: baseline;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: 15px;
    text-align: center;
    vertical-align: middle;
}

    .fbf-check img {
        height: 12px;
        width: 15px;
    }

.how-to-become-fbf-title {
    font-size: 30px;
    margin-bottom: 50px;
}

.how-to-become-fbf-section {
    display: flex;
    flex-direction: column;
}

.how-to-become-fbf-section {
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.how-to-become-fbf-step {
    text-align: center;
    width: 60%;
    border-radius: 10px;
    padding: 25px;
    border: 0.5px solid rgb(224,224,224);
    background: linear-gradient(rgba(255, 255, 255, 1), rgba(221, 224, 229, 1));
}

.how-to-become-fbf-section > .vertical-line:last-child {
    height: 100px;
}

.fbf-apply-form {
    padding: 30px 120px 45px;
    width: 80%;
    border: 0.5px solid rgb(224,224,224);
    border-radius: 10px;
    display: block;
    margin: auto;
    margin-bottom: 100px;
}

.fbf-contact-form {
    padding: 0px;
}

.fbf-image-box img {
    height: 329px;
    margin-left: 30px;
    margin-top: 12px;
}

.fbf-container {
    width: auto;
}

.fbf-promo-toggle-btn2 {
    margin: 30px auto 15px;
}

.fbf-btn {
    padding: 6px 80px;
    border-radius: 5px;
}

@media screen and (max-width:767px) {
    .table-responsive {
        border: 1px solid #eee
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .table-responsive {
        margin-bottom: 15px;
        border: 1px solid #eee
    }
}

.wrapper, body {
    height: 100%;
    position: relative
}

.fixed .wrapper, .main-header .logo, .user-panel {
    overflow: hidden
}

.wrapper:after, .wrapper:before {
    content: " ";
    display: table
}

.modal-backdrop {
}

.modal-header button.close {
    background: url(../Static/images/slide-close.svg);
    width: 35px;
    height: 35px
}

.public-modal .modal-header button.close {
    position: absolute;
    right: 20px;
    top: 20px
}

.modal-title {
    font-size: 18px;
    font-weight: bold
}

.modal-body > p i {
    margin-right: 5px
}

.modal-body > p {
    text-align: center;
    margin-bottom: 15px
}

.modal-footer {
    text-align: center
}

    .modal-footer > a {
        display: block;
        text-decoration: underline;
        font-size: 12px;
        margin-top: 5px
    }

.modal .buttons i {
    margin-left: 5px;
    margin-right: 0
}

.modal-call-back {
    position: relative
}

    .modal-call-back > div {
        position: absolute;
        width: 97px;
        top: 1px;
        height: 92%;
        left: 2px;
        padding: 15px 2px;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        text-align: center
    }

        .modal-call-back > div input {
            border: none;
            text-align: center;
            width: 100%;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-right: 1px solid #eaeaea;
            padding-left: 5px;
            padding-right: 5px
        }

            .modal-call-back > div input:focus {
                border-color: #eaeaea !important
            }

    .modal-call-back > input {
        padding-left: 105px;
        overflow: hidden
    }

@media only screen and (max-width:767px) {
    .public-modal .modal-header button.close {
        top: 15px;
        right: 15px;
        background-size: 80% 80%;
        background-repeat: no-repeat
    }
}

.error-box {
    text-align: center
}

    .error-box button {
        padding: 10px 28px;
        margin-bottom: 35px;
        border-radius: 52px;
        -webkit-border-radius: 52px;
        -moz-border-radius: 52px
    }

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../Static/images/selArrow.svg) !important;
    background-repeat: no-repeat;
    background-position: 98%
}

    select::-ms-expand {
        display: none
    }

textarea {
    resize: none
}

.input-group-addon {
    background: #003b4d;
    color: #fff;
    border: 1px solid #003b4d;
    padding: 6px 16px;
    font-size: 16px
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer
}

    button.buttons[disabled], a.buttons[disabled] {
        background: #f3f3f3 !important;
        color: #b5b5b5 !important
    }

        button.buttons[disabled]:hover, a.buttons[disabled]:hover {
            background: #f3f3f3 !important;
            cursor: not-allowed;
            border-color: #f3f3f3 !important;
            color: #b5b5b5 !important
        }

label {
    font-weight: normal
}

.bor4 {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.form-control {
    btnRightdow: none !important;
    -webkit-box-shadow: none !important;
    border: 2px solid #b4b4b5;
    height: 50px;
    color: #595757;
    padding: 4px 10px;
    text-transform: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

textarea.form-control {
    height: 160px
}

.form-control[disabled], fieldset[disabled] .form-control {
    color: #999
}

.form-control[readonly] {
    background-color: #fff
}

input:focus, select:focus, textarea:focus {
    border-color: #003B4D !important;
    transition: border-color .8s;
    -webkit-transition: border-color .8s;
    -moz-transition: border-color .8s;
    -ms-transition: border-color .8s;
    outline: none !important
}

.has-feedback .form-control-feedback {
    line-height: 48px;
    margin-right: 5px
}

.has-success .form-control {
    border-color: #003B4D
}

.has-danger .form-control, .has-danger .chosen-single {
    border-color: #d81e06 !important
}

.help-block {
    color: #d81e06;
    margin-bottom: 0;
    font-size: 12px
}

.form-group label em {
    color: #d81e06;
    font-style: normal;
    line-height: inherit;
    margin-right: 3px
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #b4b4b5 !important
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #b4b4b5 !important
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #b4b4b5 !important
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #b4b4b5 !important
}

.alert {
    display: none
}

@media only screen and (min-width:768px) {
    .form-horizontal .control-label, .old-data .col-lg-6 {
        padding-right: 0;
        padding-top: 15px
    }

    #auto-trade-modal .control-label {
        padding-top: 5px
    }
}

button {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border: none
}

.buttons {
    display: inline-block;
    border: 2px solid transparent;
    color: #fff;
    overflow: hidden
}

    .buttons i {
        margin-right: 5px
    }

form .buttons {
    width: 100%;
    height: 50px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

table .buttons {
    height: auto;
    padding: 4px 20px;
    width: auto;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px
}

.buttons.buttons-primary {
    background: #6993ff
}

.buttons.buttons-orange {
    background: #f88000
}

.buttons.buttons-success {
    background: #003B4D
}

.buttons.buttons-danger {
    background: #f44336
}

.buttons.buttons-gray {
    background: #5f5f5f;
    color: #fff
}

@media only screen and (min-width:768px) {
    .buttons.buttons-primary:hover {
        background: #fff;
        border: 2px solid #6993ff;
        color: #6993ff
    }

    .buttons.buttons-success:hover {
        background: #fff;
        border: 2px solid #003B4D;
        color: #003B4D
    }

    .buttons.buttons-orange:hover {
        background: #fff;
        border: 2px solid #f88000;
        color: #f88000 !important
    }

    .buttons.buttons-gray:hover {
        background: #fff;
        border: 2px solid #5f5f5f;
        color: #5f5f5f !important
    }

    .buttons.buttons-danger:hover {
        background: #fff;
        border: 2px solid #f44336;
        color: #f44336
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .icon-form .col-lg-3 {
        width: 100%;
        float: left
    }
}

option {
    font-size: 13px
}

.form-group {
    margin-bottom: 25px
}

.main-header {
    z-index: 1030;
    padding: 20px 15px;
    background: #f5f5f8;
    background-image: url(../Static/images/header.png);
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-size: cover
}

    .main-header .header-l {
        float: left
    }

.navbar {
    margin-bottom: 0;
    min-height: 0
}

.main-header .header-l form .input-group-addon {
    padding: 0
}

.main-header .header-l form button {
    display: block;
    padding: 6px 12px;
    background: transparent
}

.main-header .header-l form #pc-toggle {
    vertical-align: middle;
    display: block;
    content: "";
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    width: 43px;
    height: 44px;
    background: url(../Static/images/slide-toggle.svg);
    background-repeat: no-repeat;
    background-position: center
}

@media only screen and (max-width:991px) {
    .main-header {
        padding: 10px 15px
    }

    select {
        background-position: 92%
    }

    .two-steps-box > div:first-child {
        flex-direction: column;
    }
}

.sidebar-toggle:before {
    vertical-align: middle;
    display: block;
    content: "";
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    width: 43px;
    height: 44px;
    background: url(../Static/images/slide-toggle.svg);
    background-repeat: no-repeat;
    background-position: center
}

.main-header .navbar-custom-menu {
    float: right;
    padding-top: 10px
}

.navbar-custom-menu ul {
    margin-bottom: 0
}

    .navbar-custom-menu ul:after {
        content: "";
        display: block;
        clear: both
    }

.main-header .navbar-custom-menu > ul > li {
    display: block;
    float: left;
    position: relative;
    padding: 2px 12px;
    color: #595757;
    text-align: center
}

.main-header .navbar-custom-menu .portal-name a {
    font-size: 16px;
    color: #595757
}

.navbar-custom-menu > ul > li > a.right-bar-language {
    margin-top: -3px;
    display: block;
    font-size: 13px;
    color: #fff
}

    .navbar-custom-menu > ul > li > a.right-bar-language > i {
        margin-left: 5px
    }

    .navbar-custom-menu > ul > li > a.right-bar-language img {
        margin-right: 5px
    }

.right-bar-toogle > a {
    display: block;
    margin-top: -5px
}

.scale-up {
    position: relative;
    position: absolute;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transition: all 0.5s;
    z-index: 12;
    width: 120px;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 2px 3px 4px 0px #919191;
    -webkit-box-shadow: 2px 3px 4px 0px #919191;
    top: 45px
}

    .scale-up:after {
        position: absolute;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid white;
        top: -7px;
        right: 23px
    }

.right-bar-active ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px)
}

.scale-up li a:hover {
    background: #f5f5f5
}

.scale-up li a {
    display: block;
    padding: 10px 15px;
    font-size: 13px;
    color: #595757;
    text-align: center
}

    .scale-up li a img {
        margin-right: 5px
    }

@media (max-width:365px) {
    .main-header .navbar-custom-menu > ul > li {
        padding: 2px 6px
    }

        .main-header .navbar-custom-menu > ul > li button {
            padding: 6px 4px
        }
}

.chosen-container {
    font-size: 14px
}

    .chosen-container-active.chosen-with-drop .chosen-single, .chosen-container .chosen-drop, .chosen-container-active .chosen-single {
        border: 2px solid #003b4d
    }

.chosen-container-single .chosen-single {
    height: 50px;
    line-height: 44px;
    border: 2px solid #b4b4b5;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

.chosen-container .chosen-results li:hover, .chosen-container .chosen-results li.highlighted {
    background: #003b4d
}

.chosen-container-single a:not([href]):not([tabindex]).chosen-single:not(.chosen-default) {
    color: #595757 !important
}

.chosen-container-single .chosen-single div {
    top: 2px
}

.chosen-container-single .chosen-single span {
    overflow: hidden
}

.chosen-container-single a:not([href]):not([tabindex]) {
    color: #b4b4b5 !important
}

.chosen-container-single .chosen-search input[type="text"] {
    padding: 5px
}

.internal-transfer-text p {
    margin-top: 10px;
    color: #4b5056;
    font-size: 12px
}

.main-sidebar {
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 290px;
    z-index: 10;
    background: #fff;
    height: 100%;
    box-shadow: 0 0 6px 0 #8a8a8a;
    -webkit-box-shadow: 0 0 6px 0 #8a8a8a;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #fff;
    padding: 0;
    overflow: auto;
    transition: width .5s;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -ms-transition: width .5s;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .main-sidebar::-webkit-scrollbar-track {
        background: #f5f5f5
    }

    .main-sidebar::-webkit-scrollbar {
        width: 10px;
        height: 1px
    }

    .main-sidebar::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px
    }

    .main-sidebar.main-sidebar-IB {
        width: 265px
    }

.sidebar-overflow--inherit {
    overflow: inherit;
    width: 265px;
    box-shadow: none;
    -webkit-box-shadow: none
}

.main-sidebar .floatingWindow {
    position: absolute;
    right: -10px;
    width: 390px;
    top: 225px;
    z-index: -100;
    background-color: #ffffff;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out
}

.main-sidebar-open .main-sidebar .floatingWindow {
    top: 155px
}

.main-sidebar .floatingWindow--show {
    right: -410px
}

.floatingWindow--show .floatingWindowContent {
    box-shadow: 0 0 6px 0 #8a8a8a;
    -webkit-box-shadow: 0 0 6px 0 #8a8a8a
}

.main-sidebar .floatingWindowContent {
    width: 100%;
    max-height: 300px;
    overflow: hidden;
    white-space: normal;
    min-height: 280px;
    overflow: auto;
    padding-bottom: 15px
}

    .main-sidebar .floatingWindowContent::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: #f5f5f5
    }

    .main-sidebar .floatingWindowContent::-webkit-scrollbar-track {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-color: #f5f5f5
    }

    .main-sidebar .floatingWindowContent::-webkit-scrollbar-thumb {
        height: 10px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-color: #eee
    }

@media only screen and (min-width:1500px) {
    .features-right-area li {
        width: 110%
    }

    .main-sidebar .floatingWindowContent {
        min-height: 420px
    }
}

.onehundred-bonus-box {
    width: 50%;
}

.onehundred-title {
    font-size: 42px !important;
    margin-bottom: 47px;
}

.onehundred-banner-title {
    line-height: 1.7;
    font-size: 17px;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    font-family: "Gotham-Book","Roboto","微软雅黑";
    width: auto
}

.onehundred-features-title-box h4 {
    font-size: 42px !important;
    margin: 0 !important;
}

.onehundred-bonus-feature-title {
    margin: 0;
    font-size: 42px;
}

.onehundred-features-line {
    height: 1px;
    background: #515151;
    width: 65%;
    margin-left: 30px;
}

.onehundred-features-title-box {
    display: flex;
    align-items: center;
    margin: 0 0 50px 0 !important;
    flex-wrap: nowrap !important;
}

.onehundred-bonus-box {
    width: 50%;
}

.onehundred-features-box > .row > .list-group {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0
}

    .onehundred-features-box > .row > .list-group .list-group-item {
        display: flex;
        width: 33.3%;
        margin-bottom: 35px;
        justify-content: flex-start;
        padding: 0
    }

    .onehundred-features-box > .row > .list-group span:nth-child(2) {
        width: 80%;
        line-height: 1.5;
    }

.onehundred-bonus-image-box img {
    width: 443px;
    height: 329px;
    margin-left: 30px;
    margin-top: 12px;
}

.forty-bonus-image-box img {
    width: 443px;
    margin-left: 30px;
    margin-top: -70px;
}

.onehundred-bonus-container {
    display: flex;
}

.onehundred-features-box .list-group .badge {
    background: none;
    width: auto;
    height: auto;
}

.onehundred-features-box .badge img {
    width: 40px !important;
    height: 40px !important;
}

.onehundred-banner-box {
    height: auto !important;
}

.main-sidebar .floatingWindow .ibTtee {
    position: absolute;
    right: -100px;
    top: -29px;
    line-height: 28px;
    width: 100px;
    padding-left: 20px;
    background-color: #003b4d;
    border-radius: 15px 15px 0 0;
    transform: rotate( 90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate( 90deg);
    -o-transform: rotate(90deg);
    transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    color: #ffffff;
    cursor: pointer
}

@media screen and (min-width:501px) and (max-width:767px) {
    .main-sidebar .floatingWindow {
        width: 230px
    }

    .main-sidebar .floatingWindow--show {
        right: -230px
    }

    .main-sidebar.main-sidebar-IB, .sidebar-overflow--inherit {
        width: 276px
    }
}

@media screen and (max-width:500px) {
    .sidebar-overflow--inherit {
        display: none
    }
}

.main-sidebar .logo {
    margin: 48px 0 60px;
    text-align: center;
    height: 84px
}

    .main-sidebar .logo .site-logo {
        display: inline-block;
        width: 131px;
        margin-right: 15px
    }

.main-sidebar .sidebar-menu > li > a > i {
    margin-right: 15px;
    height: 20px;
    display: inline-block;
    text-align: center
}

.sidebar-menu > li > a.disabled {
    color: #ccc
}

.sidebar-menu > li.active > a.disabled {
    font-weight: normal
}

.main-sidebar .sidebar-menu > li > a > i img {
    width: 20px;
    display: inline-block
}

.sidebar-menu:hover {
    overflow: visible
}

.sidebar-menu .sign-out {
    position: absolute !important;
    bottom: 30px;
    left: 0;
    right: 0
}

.sidebar-menu > li > a {
    display: block;
    padding: 10px 25px;
    position: relative;
    font-size: 14px;
    -webkit-transition: all .4s;
    transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .5s;
    color: #595757
}

    .sidebar-menu > li > a span {
        vertical-align: middle
    }

.sidebar-menu > li:hover > a.treeview.active > i {
    background-position: 0 0
}

.sidebar-menu {
    margin-top: 80px
}

    .sidebar-menu > li {
        padding: 0 10px
    }

        .sidebar-menu > li.active > a {
            font-weight: bold
        }

.treeview > a {
    position: relative
}

    .treeview > a:after {
        font-family: 'FontAwesome';
        content: "\f105";
        position: absolute;
        right: 10px;
        top: 11px;
        font-size: 14px;
        font-weight: bold
    }

.treeview.menu-icon-down > a:after {
    content: "\f106"
}

.treeview-menu, .treeview-second-menu {
    display: none;
    background: #fff;
    padding: 0
}

.treeview-second {
    position: relative
}

    .treeview-second > i {
        display: block;
        font-style: normal;
        position: absolute;
        right: 10px;
        top: 15px
    }

        .treeview-second > i:after {
            font-family: 'FontAwesome';
            content: "\f196";
            position: absolute;
            right: 0px;
            top: -5px;
            font-size: 16px;
            cursor: pointer
        }

    .treeview-second.second-menu-icon > i:after {
        content: "\f147"
    }

.main-sidebar-open .treeview-second .treeview-second-menu li a {
    text-align: center;
    padding: 10px 0
}

    .main-sidebar-open .treeview-second .treeview-second-menu li a:hover {
        background: #003B4D;
        color: #fff
    }

.main-sidebar-open .treeview li {
    padding: 0
}

.treeview-menu .treeview-menu {
    padding-left: 15px
}

.treeview-menu > li > a, .treeview-second-menu > li > a {
    padding: 5px 0 5px 48px;
    display: block;
    color: #595757;
    text-transform: capitalize;
    font-size: 13px
}

    .treeview-menu > li > a.linkChecked, .treeview-second-menu > li > a.linkChecked {
        font-weight: bold
    }

.sidebar-collapse .treeview-menu > li > a {
    padding: 10px 5px 10px 30px
}

.sidebar-menu .menu-open > .treeview-menu {
    display: block
}

.sidebar-menu .menu-open > .treeview-second-menu {
    display: block
}

.sidebar-expanded-on-hover .main-sidebar {
    box-shadow: 3px 0 8px #eee;
    -webkit-box-shadow: 3px 0 8px #eee
}

.main-sidebar .user-panel, .sidebar-menu, .sidebar-menu > li.header {
    white-space: nowrap;
    overflow: hidden
}

.sidebar-collapse .sidebar-menu.tree {
    padding: 0
}

.sidebar-symbol-btn {
    padding: 25px
}

    .sidebar-symbol-btn button {
        width: 100%;
        margin-bottom: 15px;
        padding: 10px 5px;
        border-radius: 36px;
        -webkit-border-radius: 36px;
        -moz-border-radius: 36px
    }

.content-wrapper, .main-footer {
    margin-left: 285px;
    transition: margin-left .5s;
    -webkit-transition: margin-left .5s;
    -moz-transition: margin-left .5s;
    -ms-transition: margin-left .5s
}

.content-wrapper {
    min-height: 100%;
    z-index: 800;
    padding-top: 18px
}

.sidebar-open {
    overflow: hidden !important
}

.modal-open {
    overflow: hidden !important
}

.mini-logo {
    display: none
}

@media only screen and (min-width:768px) {
    .main-sidebar-open .treeview > a:after {
        display: none
    }

    .main-sidebar-open .content-wrapper, .main-sidebar-open .main-footer {
        margin-left: 90px
    }

    .main-sidebar-open .sidebar-menu {
        overflow: inherit
    }

        .main-sidebar-open .sidebar-menu > li {
            position: relative;
            border-left: 2px solid transparent;
            padding: 0
        }

        .main-sidebar-open .sidebar-menu .menu-open > .treeview-menu {
            display: none
        }

    .main-sidebar-open .treeview-menu > li > a {
        padding: 10px 25px
    }

    .main-sidebar-open .main-sidebar {
        width: 80px;
        overflow: inherit
    }

    .main-sidebar-open .main-sidebar-IB, .main-sidebar-open .sidebar-overflow--inherit {
        width: 70px !important
    }

    .main-sidebar-open .sidebar-menu > li.active {
        background: #f5f5f5;
        border-left: 2px solid #003b4d
    }

    .main-sidebar-open .sidebar-menu > li > a {
        padding: 10px 15px;
        text-align: center
    }

        .main-sidebar-open .sidebar-menu > li > a > span, .main-sidebar-open .treeview-menu {
            position: absolute;
            display: block;
            display: none;
            top: 0;
            box-shadow: 0 0 3px 0 #ddd;
            -webkit-box-shadow: 0 0 3px 0 #ddd;
            text-align: center;
            border-top-right-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px
        }

        .main-sidebar-open .sidebar-menu > li > a > span {
            left: 78px;
            background: #fff;
            padding: 10px 25px
        }

    .main-sidebar-open .treeview-menu {
        left: 78px;
        display: none !important
    }

    .main-sidebar-open .main-sidebar-IB .treeview li {
        padding: 0
    }

    .main-sidebar-open .main-sidebar-IB .sidebar-menu > li > a > span, .main-sidebar-open .main-sidebar-IB .treeview-menu {
        left: 68px
    }

    .treeview:hover .treeview-menu {
        background: #fff
    }

    .main-sidebar-open .sidebar-menu > li:hover .treeview-menu {
        display: block !important
    }

    .main-sidebar-open .treeview a > span {
        display: none !important
    }

    .main-sidebar-open .sidebar-menu .badge {
        display: none !important
    }

    .main-sidebar-open .sidebar-menu > li:hover span {
        display: block;
        transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -ms-transition: all .5s
    }

    .main-sidebar-open .sidebar-menu > li:hover > a {
        background: #f5f5f5
    }

    .main-sidebar-open .sidebar-menu > li span:hover, .main-sidebar-open .treeview-menu > li > a:hover {
        background: #003b4d;
        color: #fff;
        border-top-right-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px
    }

    .main-sidebar-open .logo .site-logo {
        display: none
    }

    .main-sidebar-open .logo .mini-logo {
        display: block
    }
}

@media screen and (max-width:767px) {
    .content-wrapper {
        min-height: auto !important
    }

    .sidebar-open .main-sidebar {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -moz-transform: translate(0,0);
        transform: translate(0,0)
    }

    .main-sidebar {
        box-shadow: none;
        -webkit-box-shadow: none;
        -webkit-transform: translate(-290px,0);
        -ms-transform: translate(-290px,0);
        -moz-transform: translate(-290px,0);
        transform: translate(-290px,0);
        -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
        -ms-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
        transition: transform .3s ease-in-out,width .3s ease-in-out
    }

    .main-header .header-l {
        float: none
    }

    .sidebar-menu {
        border-top: none
    }

    .content-wrapper, .main-footer {
        -ms-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
        -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
        -ms-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
        transition: transform .3s ease-in-out,margin .3s ease-in-out
    }
}

@media (min-width:768px) {
    .sidebar-collapse .main-sidebar {
        -webkit-transform: translate(-276px,0);
        -ms-transform: translate(-276px,0);
        -moz-transform: translate(-276px,0);
        transform: translate(-276px,0)
    }
}

@media (max-width:767px) {
    .content-wrapper, .main-footer {
        margin-left: 0
    }

    .sidebar-open .content-wrapper, .sidebar-open .main-footer {
        -webkit-transform: translate(276px,0);
        -ms-transform: translate(276px,0);
        -moz-transform: translate(276px,0);
        -moz-transform: translate(276px,0);
        transform: translate(276px,0)
    }
}

@media only screen and (max-width:767px) {
    .sidebar-menu .sign-out {
        position: static !important
    }
}

@media only screen and (max-height:780px) {
    .sidebar-menu .sign-out {
        position: static !important
    }
}

.home-top-box {
    margin-top: 50px
}

.aui-chang-list {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-color: #000;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    position: relative;
    margin-bottom: 20px
}

.aui-bg-client {
    background-image: url(../Static/images/aui-bg-client.png)
}

.aui-bg-IB {
    background-image: url(../Static/images/aui-bg-IB.png)
}

.aui-user-text {
    text-align: center;
    position: relative;
    height: 235px
}

    .aui-user-text h1 {
        color: #b4b4b5;
        font-size: 24px;
        position: absolute;
        left: 0;
        right: 0
    }

    .aui-user-text h2 {
        position: absolute;
        color: #fff;
        margin: 0;
        text-align: center;
        left: 0;
        right: 0;
        top: 48%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%)
    }

        .aui-user-text h2.line1 {
            font-size: 24px;
            line-height: 30px
        }

        .aui-user-text h2.line2 {
            font-size: 22px;
            line-height: 28px
        }

    .aui-user-text span {
        margin: 0;
        display: block;
        color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 20px
    }

        .aui-user-text span em {
            font-size: 15px;
            font-style: normal
        }

        .aui-user-text span b {
            font-weight: normal
        }

.cash-wallet h2 {
    font-size: 24px;
    color: #595757
}

.scroll-box {
    margin: 20px 0;
    color: #000
}

    .scroll-box p {
        height: 44px;
        overflow: hidden
    }

    .scroll-box b {
        font-size: 30px;
        float: left;
        margin-right: 5px;
        font-weight: normal
    }

.scroll-num span {
    display: inline-block;
    width: 100%;
    height: 44px;
    font-size: 30px;
    line-height: 42px
}

.scroll-box .scroll-num .sign-box span {
    width: 15px
}

.scroll-box .scroll-num .digit-container {
    width: 18px
}

.scroll-box .l {
    float: left
}

@media only screen and (min-width:1500px) {
    .aui-user-text h2 {
        padding: 0 20%
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .aui-user-text h2 {
        padding: 0 20%
    }
}

@media only screen and (max-width:1439px) {
    .onehundred-bonus-container {
        width: 100%;
    }

    .tradable-bonus-video-container {
        padding-left: 0
    }

    .tradable-bonus-video {
        width: 90%;
    }

    .no-cash-wallet {
        display: none
    }

    .fbf-apply-form {
        padding: 30px 20px 45px
    }

    .what-is-fbf-text-section {
        height: auto;
        padding-top: 50px;
    }
}

@media only screen and (min-width:1439px) {
    .onehundred-bonus-container {
        width: 1140px;
        padding-left: 0;
        padding-right: 0;
    }

    .fbf-banner-container {
        width: 1230px;
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:1199px) {
    .tradable-bonus-container {
        flex-direction: column-reverse
    }

    .tradable-bonus-video {
        width: 80%;
    }

    .features-right-area li {
        width: 100%;
    }

    .two-steps-box {
        width: 100%;
    }
}

@media screen and (max-width:991px) {
    .home-top-box {
        margin-top: 30px
    }

    .aui-user-text h2 {
        padding: 0 5%
    }
}

.tools-item-box {
    margin: 10px 0 50px
}

    .tools-item-box::after {
        content: "";
        display: block;
        clear: both
    }

    .tools-item-box ul {
        margin: 0
    }

        .tools-item-box ul li .tools-item {
            background: #fbfbfb;
            padding: 24px 0 34px;
            color: #24272A;
            position: relative;
            display: block;
            text-align: center;
            margin-top: 15px;
            border: 2px solid #eee;
            box-shadow: 3px 3px 3px 0 #949494;
            -webkit-box-shadow: 3px 3px 3px 0 #949494
        }

            .tools-item-box ul li .tools-item p {
                margin: 0;
                text-align: center;
                height: 40px
            }

                .tools-item-box ul li .tools-item p img {
                    height: 40px
                }

            .tools-item-box ul li .tools-item h3 {
                color: #999;
                margin-top: 0;
                text-align: left;
                font-size: 12px;
                position: absolute;
                top: 5px;
                left: 5px
            }

#open-tools-modal {
    cursor: pointer
}

    #open-tools-modal p {
    }

.tools-item-box ul li .tools-item span {
    position: absolute;
    bottom: 5px;
    display: block;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    line-height: 12px
}

.modal-content .tools-item-box {
    margin: 0 0 40px
}

    .modal-content .tools-item-box li {
        position: relative
    }

#page-tools-box li a, #open-tools-modal {
    float: none;
    vertical-align: middle;
    display: inline-block
}

#append-modal .tools-item-box li a {
    width: 132px
}

.modal-content .tools-item-box li a:hover {
    cursor: pointer
}

.modal-content .tools-item-box li a .tools-item::after {
    content: "\f067";
    font: normal normal normal 14px/1 FontAwesome;
    display: block;
    position: absolute;
    top: -8px;
    right: -8px;
    color: #ffffff;
    font-size: 12px;
    background: #595757;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center
}

.modal-content .tools-item-box .right-box li a .tools-item::after {
    background: #999;
    content: "\f068"
}

.tools-item-box ul li .tools-item {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

@media only screen and (min-width:992px) {
    #page-tools-box li a, #open-tools-modal {
        width: 132px
    }

    .apply-account-box2.public-modal .modal-dialog {
        width: 900px
    }

    .tools-item-box ul li .tools-item:hover {
        box-shadow: 3px 3px 3px 0 #656363;
        -webkit-box-shadow: 3px 3px 3px 0 #656363
    }
}

@media only screen and (max-width:991px) {
    .tools-item-box ul li .tools-item {
        font-size: 13px
    }
}

@media only screen and (min-width:768px)and (max-width:991px) {
    .tools-item-box a, #open-tools-modal {
        width: 132px !important
    }
}

@media only screen and (max-width:767px) {
    .tools-item-box {
        display: none
    }
}

.online-float-box {
    position: fixed;
    z-index: 11;
    top: 50%;
    right: 0;
    margin-top: -80px;
    background: #fff;
    box-shadow: 0px 1px 4px 0px #000;
    -webkit-box-shadow: 0px 1px 4px 0px #000;
    border: 2px solid #eee;
    border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px
}

    .online-float-box a {
        display: block;
        margin: 20px 5px;
        height: 30px
    }

        .online-float-box a img {
            width: 30px
        }

    .online-float-box > div {
        position: relative
    }

        .online-float-box > div span {
            position: absolute;
            left: -95px;
            top: 0;
            width: 82px;
            display: block;
            background: #fff;
            padding: 5px;
            z-index: 1;
            box-shadow: 2px 2px 7px -1px #595757;
            -webkit-box-shadow: 2px 2px 7px -1px #595757;
            -moz-box-shadow: 0 1px 3px 0px #595757;
            border: 1px solid #eee;
            text-align: center;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            visibility: hidden;
            opacity: 0;
            transform: translateX(-10px);
            -moz-transform: translateX(-10px);
            -ms-transform: translateX(-10px);
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out
        }

            .online-float-box > div span:after {
                position: absolute;
                width: 0;
                height: 0;
                border-left: 8px solid #ffffff;
                border-right: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-top: 8px solid transparent;
                top: 7px;
                right: -15px;
                content: "";
                display: block;
                clear: both
            }

        .online-float-box > div:hover span {
            visibility: visible;
            opacity: 1;
            transform: translateX(0px);
            -moz-transform: translateX(0px);
            -ms-transform: translateX(0px)
        }

    .online-float-box .call-back {
        margin: 25px 0 0
    }

@media only screen and (min-width:768px) {
    .public-modal .modal-dialog {
        width: 550px
    }

    .public-modal .modal-header {
        border-bottom: none
    }

    .public-modal .modal-title {
        padding: 15px 50px
    }

    .public-modal .modal-body {
        padding: 0px 70px 0 70px
    }

    .public-modal .modal-footer {
        border-top: none;
        padding-top: 0
    }

    .public-modal .form-group {
        margin-bottom: 15px
    }
}

.legal-document-box {
    margin: 0 0 15px
}

    .legal-document-box .pdf-documents {
        margin: 25px 0 15px 0
    }

        .legal-document-box .pdf-documents i {
            margin-right: 15px;
            font-size: 30px;
            color: #f44336;
            vertical-align: middle
        }

        .legal-document-box .pdf-documents a {
            color: #595757;
            display: block
        }

            .legal-document-box .pdf-documents a:hover {
                color: #003b4D
            }

        .legal-document-box .pdf-documents .pdf-title {
            font-size: 14px;
            vertical-align: middle
        }

@media only screen and (min-width:1200px) and (max-width:1440px) {
    .legal-document-box .col-lg-3 {
        width: 50%
    }
}

.legal-document-box .pdf-documents a p {
    margin-top: 10px
}

.bank-transfer-box .bank-transfer-text {
    padding: 15px 30px;
    min-height: 440px;
    box-shadow: 0 0 6px 2px #e7e7e7;
    margin-bottom: 15px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    font-family: 'Lato Regular','微软雅黑'
}

    .bank-transfer-box .bank-transfer-text h4 {
        font-family: 'Lato Regular','微软雅黑';
        font-weight: bold;
        font-size: 15px;
        border-bottom: 1px dashed #858585;
        margin-bottom: 15px;
        padding-bottom: 15px
    }

    .bank-transfer-box .bank-transfer-text ul {
    }

        .bank-transfer-box .bank-transfer-text ul li {
            color: #313131;
            margin-bottom: 20px
        }

            .bank-transfer-box .bank-transfer-text ul li b {
                padding-left: 8px
            }

@media only screen and (min-width:1641px) {
    .bank-transfer-box .promotion_tab {
        width: 83.33333333%;
        margin-left: auto;
        margin-right: auto
    }
}

}

@media only screen and (min-width:1200px) and (max-width:1640px) {
    .bank-transfer-box .promotion_wrap .col-lg-5 {
        width: 50%
    }
}

@media only screen and (max-width:1199px) {
    .bank-transfer-box .promotion_tab {
        overflow-x: auto
    }
}

.download-box {
    margin-top: 15px
}

.download-box-wrap {
    border: 2px solid #eee;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    overflow: hidden;
    margin: 15px 0
}

.download-box-title {
    padding: 15px;
    font-size: 20px;
    background: #ececec;
    margin: 0
}

.download-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
    position: relative;
    border-bottom: 1px dashed #eee
}

    .download-detail:last-child {
        border-bottom: none
    }

.download-box-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0
}

.download-box-img {
    margin-right: 20px;
    text-align: center;
    font-size: 40px;
    line-height: 0;
    color: #595757
}

    .download-box-img img {
        height: 36px
    }

.download-box-btn a {
    display: block;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px
}

.download-box-img i.fa-windows {
    font-size: 34px
}

.download-box-btn a img {
    width: 32px;
    height: 32px
}

.download-box-text p {
    margin-bottom: 0;
    font-size: 18px
}

@media only screen and (max-width:580px) {
    .download-detail {
        padding: 15px 5px
    }

    .download-box-img {
        margin-right: 10px;
        width: 100%
    }

    .download-box-text {
        -webkit-box-flex: inherit;
        -webkit-flex: inherit;
        flex: inherit;
        width: 100%
    }

    .download-box-btn {
        width: 85px
    }

    .download-box-text p {
        font-size: 14px
    }
}

.accounts-more {
    text-align: center;
    display: none;
    margin-top: 50px
}

    .accounts-more a {
        font-size: 14px;
        color: #383838;
        background: #fff;
        border-radius: 36px;
        padding: 8px 20px;
        display: inline-block;
        min-width: 230px;
        text-align: center;
        border: 1px solid #efefef;
        margin: 0 5px 25px
    }

        .accounts-more a img {
            width: 30px;
            margin-right: 8px
        }

.chosen-apply {
    margin-bottom: 15px
}

    .chosen-apply .form-group {
        margin-bottom: 0
    }

    .chosen-apply button {
        height: 50px;
        margin-bottom: 10px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border: 0;
        background: #fff;
        border: 2px solid #b4b4b5;
        width: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease
    }

.apply-account-box label {
    font-size: 20px
}

.apply-account-box input[type="password"] {
    font-size: 16px
}

.apply-account-box button {
    font-size: 16px
}

.apply-account-box {
    margin-top: 45px
}

.apply-account-btn {
    width: 300px;
    margin: 90px auto 25px
}

@media only screen and (max-width:1200px) {
    .onehundred-banner-box {
        height: auto !important;
    }

    .onehundred-bonus-container {
        flex-direction: column-reverse;
    }

    .onehundred-bonus-box {
        width: 100% !important;
    }

    .onehundred-features-box > .row > .list-group .list-group-item {
        width: 50%;
    }

    .tradable-bonus-container {
        width: 100%;
    }

    .onehundred-features-box {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .tradablebonus-box .tradable-banner-text {
        width: 70%;
    }

    .fbf-features-intro-section {
        padding-top: 0
    }

    .fbf-image-box img {
        margin-bottom: 30px;
    }
}

@media only screen and (min-width:1200px) and (max-width:1599px) {
    .apply-account-box .col-lg-4 {
        width: 45%
    }

    .apply-account-box .col-lg-offset-2 {
        margin-left: 3.333333%
    }

    .apply-account-box .col-lg-offset-1 {
        margin-left: 3.333333%
    }

    .apply-account-box2 .modal-dialog .col-lg-offset-1 {
        margin-left: 7.3333333%
    }

    .apply-account-box2 .modal-dialog .col-lg-5 {
        width: 46.3333333%
    }
}

@media only screen and (min-width:1600px) {
    .apply-account-box .col-lg-offset-2 {
        margin-left: 14.666667%
    }

    .apply-account-box .col-lg-offset-1 {
        margin-left: 3.3333333%
    }

    .apply-account-box .modal-dialog .col-lg-offset-1 {
        margin-left: 7.3333333%
    }

    .apply-account-box2 .modal-dialog .col-lg-5 {
        width: 46.3333333%
    }

    .apply-account-box2 .modal-dialog .col-md-offset-4 button {
        margin-top: 25px
    }
}

.apply-account-box2 .modal-content form {
    margin: 0 15px
}

@media only screen and (max-width:1199px) {
    .apply-account-btn {
        width: 100%;
        margin: 15px 0;
        padding: 0 15px
    }
}

.chosen-apply button.apply-active {
    background: #003b4D;
    color: #fff;
    border: 2px solid #003b4D
}

.icon-form button {
    width: 180px
}

.table-form .form-control {
    height: 40px
}

.table-form .chosen-container-single .chosen-single {
    height: 40px;
    line-height: 36px
}

.table-form form .buttons {
    height: 40px
}

.table-form i.pull-left {
    position: absolute
}

.trading-history-line {
    padding-left: 30px;
    position: relative
}

    .trading-history-line .datepicker-icon {
        left: -20px;
        top: 7px
    }

    .trading-history-line .datepicker-icon-line {
        left: -5px;
        top: 10px
    }

    .trading-history-line .timeframe-icon {
        top: 6px;
        left: -5px
    }

    .trading-history-line .currency-icon {
        height: 31px;
        top: 6px;
        left: -5px
    }

        .trading-history-line .currency-icon img {
            width: 31px;
            height: 31px
        }

    .trading-history-line .search-icon {
        left: -5px;
        top: 6px;
        height: 26px;
        width: 26px
    }

    .trading-history-line .account-icon {
        left: -5px;
        top: 6px;
        height: 29px
    }

    .trading-history-line .i-number-icon {
        left: -5px;
        top: 5px
    }

@media screen and (min-width:1200px) {
    .table-form .icon-form .col-lg-3 {
        width: 20%
    }

    .table-form .icon-form .col-lg-6 {
        width: 38%
    }
}

@media only screen and (max-width:991px) {
    .dp-form-group {
        margin-bottom: 10px
    }
}

.apply-success-box {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 35px;
    padding: 25px 15px 35px;
    border-bottom: 1px dashed #eee
}

    .apply-success-box h3 {
        font-size: 18px;
        margin-bottom: 15px;
        color: #f00
    }

        .apply-success-box h3 i {
            color: #f00;
            margin-right: 8px
        }

    .apply-success-box h4 {
        font-weight: 600;
        margin-bottom: 20px
    }

.apply-success-btns button {
    padding: 10px 28px;
    margin-bottom: 35px;
    border-radius: 52px;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    width: 100%
}

.apply-success-box h4 img {
    vertical-align: middle;
    padding-right: 18px;
    width: 80px;
    height: auto;
}

.apply-success-btns {
    padding: 35px 15px 50px
}

.trading-central-box {
    position: relative;
    overflow: auto
}

    .trading-central-box #frame-loading {
        text-align: center;
        font-size: 28px;
        position: absolute;
        top: 20px;
        left: 0;
        right: 0
    }

    .trading-central-box #tradingcentral {
        height: 900px;
        width: 100%
    }

@media only screen and (max-width:1400px) {
    .apply-success-box h4 img {
        display: block;
        margin: 0 auto 15px
    }

    .apply-success-btns .col-lg-offset-5.col-lg-2 {
        width: 50%;
        margin: 0 auto;
        margin-left: 24.33333%
    }
}

@media screen and (min-width:1200px) {
    .team-performance-btn.col-lg-offset-5 {
        margin-left: 39%
    }

    .icon-form .team-performance-btn.col-lg-offset-5 button {
        width: 89%
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .trading-central-box #tradingcentral {
        height: 1200px
    }
}

@media screen and (max-width:767px) {
    .trading-central-box #tradingcentral {
        height: 450px
    }

    .apply-success-btns .col-lg-offset-5.col-lg-2 {
        width: 100%;
        margin-left: 0
    }
}

.tables_length {
    margin: 0 0 10px
}

    .tables_length .custom-select {
        font-size: 12px;
        border: 1px solid #eee;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        width: auto;
        padding: 2px 23px;
        color: #333;
        box-shadow: none;
        -webkit-box-shadow: none
    }

.tables_filter {
    text-align: right;
    margin: 0 0 10px
}

    .tables_filter input {
        font-size: 12px;
        border: 1px solid #eee;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        width: auto;
        padding: 3px 7px;
        color: #333
    }

@media screen and (max-width:991px) {
    .tables_length {
        display: none
    }

    .tables_filter {
        text-align: left
    }
}

.nav-pagination::before {
    display: table;
    content: ""
}

.nav-pagination::after {
    clear: both;
    display: table;
    content: " "
}

.nav-pagination span {
    margin-top: 8px;
    display: block;
    float: left;
    color: #747a80;
    font-size: 13px
}

.pagination {
    float: right;
    margin: 0 0 20px 0
}

    .pagination > li > a {
        color: #003B4D
    }

    .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%
    }

    .pagination > li > a, .pagination > li > span {
        padding: 0;
        margin-left: 5px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border: none
    }

    .pagination li a:hover {
        background-color: #eee
    }

    .pagination > li > a.pagination-ellipsis {
        border: none
    }

        .pagination > li > a.pagination-ellipsis:hover, .pagination > li > a.pagination-ellipsis:focus {
            cursor: auto;
            background: none;
            border-color: transparent;
            color: #374957
        }

    .pagination li a.current {
        color: #fff;
        background-color: #003B4D
    }

    .pagination a.disabled, .pagination a.disabled:focus, .pagination a.disabled:hover {
        cursor: not-allowed;
        color: #003B4D;
        background: #fff
    }

@media screen and (max-width:991px) {
    .nav-pagination span {
        float: none;
        margin-bottom: 10px;
        text-align: right
    }
}

.footer-menu {
    text-align: center;
    padding: 25px 0
}

    .footer-menu a {
        margin: 0 7px 0 0;
        color: #6c757d;
        font-size: 12px
    }

.footer-text {
    font-size: 12px;
    padding-bottom: 20px;
    color: #6c757d
}

    .footer-text p a {
        text-decoration: underline
    }

@media screen and (max-width:551px) {
    .footer-menu {
        display: none
    }
}

.portlet {
    margin-bottom: 25px;
    padding: 15px 20px;
    box-shadow: 4px 4px 4px 0 #ababab;
    -webkit-box-shadow: 4px 4px 4px 0 #ababab;
    border: 2px solid #eee;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px
}

    .portlet > .portlet-title {
    }

        .portlet > .portlet-title:before, .portlet > .portlet-title:after {
            content: " ";
            display: table
        }

        .portlet > .portlet-title > .caption {
            float: left;
            display: inline-block;
            font-weight: 300;
            color: #595757;
            padding: 10px 0;
            margin-bottom: 15px
        }

            .portlet > .portlet-title > .caption button {
                padding: 5px 29px !important
            }

            .portlet > .portlet-title > .caption > .caption-subject {
                font-size: 22px;
                text-transform: capitalize
            }

            .portlet > .portlet-title > .caption > .caption-helper {
                font-size: 14px;
                font-weight: bold;
                margin-top: 5px;
                color: #003B4D !important
            }

            .portlet > .portlet-title > .caption > .caption-minutes {
                line-height: 13px;
                color: #9eacb4;
                font-size: 13px
            }

            .portlet > .portlet-title > .caption > .caption-small {
                line-height: 13px;
                color: #6b6b6b !important;
                font-size: 13px
            }

        .portlet > .portlet-title > .tools {
            float: right;
            display: inline-block;
            padding: 10px 0;
            margin-top: -5px
        }

            .portlet > .portlet-title > .tools button {
                padding: 2px 20px;
                border-radius: 16px;
                -webkit-border-radius: 16px;
                -moz-border-radius: 16px
            }

        .portlet > .portlet-title:after {
            clear: both
        }

.portlet-body .portlet-body-title {
    font-size: 22px;
    text-align: center;
    display: block;
    padding: 10px 0
}

.portlet-body form hr {
    border-top: 1px dashed #eee !important
}

.portlet-body form > hr {
    margin-top: 0
}

@media only screen and (max-width:991px) {
    .portlet-body form > hr {
        display: none
    }
}

.autotrade-wrap .portlet .portlet-body form {
    margin-top: 25px
}

.portlet-body-scroll::-webkit-scrollbar-track {
    background: #f5f5f5
}

.portlet-body-scroll::-webkit-scrollbar {
    width: 10px;
    height: 1px
}

.portlet-body-scroll::-webkit-scrollbar-thumb {
    background: #b4b4b5
}

.social-trade-notes {
    margin: 30px 0px
}

    .social-trade-notes h3 {
        font-size: 22px
    }

.multiple-buttons-table button {
    margin: 5px auto
}

.addFundPortlet .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.addFundPortlet .col-12 {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.hl-cta-text {
    width: calc(100% - 540px);
    padding: 15px
}

.addFundPortlet .caption {
    color: #333;
    width: 320px;
    padding: 15px
}

    .addFundPortlet .caption .caption-subject {
        font-size: 16px;
        color: #28353f !important;
        font-weight: bold
    }

    .addFundPortlet .caption .caption-helper {
        font-weight: bold;
        color: #f88000;
        font-size: 12px
    }

        .addFundPortlet .caption .caption-helper > span {
            display: block;
            margin: 5px 0
        }

.addFundPortlet .tools {
    width: 220px;
    margin: 0 auto;
    text-align: center
}

    .addFundPortlet .tools button {
        padding: 8px 26px;
        font-size: 13px;
        font-weight: bold;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px
    }

@media screen and (max-width:1350px) {
    .caption {
        width: 100%
    }

    .hl-cta-text {
        width: 100%
    }

    .addFundPortlet .tools {
        margin: 15px auto
    }
}

.dashboard-tabs > li > a {
    display: block;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden
}

.dashboard-tabs.manage-tabs {
    margin-bottom: 0
}

.dashboard-tabs .Gain {
    background-color: #003B4D
}

.dashboard-tabs .Drawdown {
    background-color: #214453
}

.dashboard-tabs .Profit {
    background-color: #ff634a
}

.dashboard-tabs > li > a .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 35px;
    line-height: 35px
}

.visual > i {
    margin-left: -35px;
    font-size: 110px;
    line-height: 110px;
    color: white;
    opacity: .1;
    filter: alpha(opacity=10)
}

.dashboard-tabs > li > a span {
    color: #fff;
    clear: both;
    display: block;
    padding: 6px 10px 6px 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    opacity: .7;
    filter: alpha(opacity=70)
}

.dashboard-tabs > li > a.Gain span {
    background-color: #05303c
}

.dashboard-tabs > li > a.Drawdown span {
    background-color: #18323e
}

.dashboard-tabs > li > a.Profit span {
    background-color: #e45942
}

.dashboard-tabs > li > a span i {
    display: inline-block;
    margin-top: 1px;
    float: right
}

.dashboard-tabs > li > a p {
    margin-bottom: 5px;
    position: absolute;
    right: 15px;
    padding-right: 15px
}

    .dashboard-tabs > li > a p strong {
        display: block;
        color: white;
        padding-top: 25px;
        text-align: right;
        font-size: 30px;
        line-height: 36px;
        letter-spacing: -1px;
        margin-bottom: 0;
        font-weight: 300;
        font-family: "微软雅黑"
    }

    .dashboard-tabs > li > a p em {
        color: white;
        font-style: normal;
        opacity: 1;
        filter: alpha(opacity=100);
        text-align: right;
        display: block;
        font-size: 16px;
        letter-spacing: 0;
        font-weight: 300
    }

@media only screen and (min-width:768px) {
    .dashboard-tabs .Gain:hover {
        background-color: #05303c
    }

    .dashboard-tabs .Drawdown:hover {
        background-color: #18323e
    }

    .dashboard-tabs .Profit:hover {
        background-color: #e45942
    }
}

.jqstooltip {
    width: auto !important;
    height: auto !important
}

.autotrade-wrap .nav-tabs {
    margin-bottom: 10px
}

.fa.fa-times-circle {
    cursor: pointer;
    font-size: 20px
}

.autotrade-wrap .list-group-item {
    font-size: 13px
}

.autotrade-wrap .progress-table td {
    padding: 15px 0 !important;
    border: none !important
}

.autotrade-wrap .progress-table .progress {
    margin: 0;
    border: 0;
    background-image: none;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.minimal-balance-box .popover > .arrow, .mainRiskTip-box .popover > .arrow, .minimal-balance-tip-box .popover > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    border-width: 11px;
    top: -22px
}

.mainRiskTip-box #pop-mainRiskTip span {
    width: 10px;
    height: 10px;
    display: inline-block
}

.minimal-balance-box .popover > .arrow:after, .mainRiskTip-box .popover > .arrow:after, .minimal-balance-tip-box .popover > .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover-max-width-2 + .popover {
    max-width: 480px
}

#pop-minimal-balance, #pop-mainRiskTip, #minimal-balance-tip-box {
    display: none
}

.minimal-balance-box, .mainRiskTip-box, .minimal-balance-tip-box {
    padding-bottom: 0px;
    text-align: center;
    position: relative
}

    .minimal-balance-box > span.dotted {
        z-index: 1000;
        font-size: 14px;
        font-weight: bold;
        text-align: center
    }

    .minimal-balance-tip-box .popover {
        width: 490px;
        display: block;
        position: relative;
        position: absolute;
        right: 0;
        margin: 0 auto
    }

@media only screen and (max-width:1199px) {
    .minimal-balance-box .popover {
        width: 90%
    }

    .mainRiskTip-box .popover {
        width: 276px
    }

        .mainRiskTip-box .popover > .arrow {
            left: 13%
        }
}

@media only screen and (max-width:767px) {
    .popover {
        width: 276px;
        max-width: 276px
    }

    .nav-tabs > li > a {
        font-size: 13px;
        padding: 8px
    }
}

.nav-tabs {
    margin-bottom: 10px
}

.fa.fa-times-circle {
    cursor: pointer;
    font-size: 20px
}

.list-group-item {
    font-size: 13px
}

.progress-table td {
    padding: 15px 0 !important;
    border: none !important
}

.progress-bar-danger {
    background-color: #ff5d31
}

.progress-bar-success {
    background-color: #276370
}

.progress-table .progress {
    margin: 0;
    border: 0;
    background-image: none;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.minimal-balance-box .popover > .arrow, .mainRiskTip-box .popover > .arrow, .minimal-balance-tip-box .popover > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    border-width: 11px;
    top: -22px
}

.mainRiskTip-box #pop-mainRiskTip span {
    width: 10px;
    height: 10px;
    display: inline-block
}

.minimal-balance-box .popover > .arrow:after, .mainRiskTip-box .popover > .arrow:after, .minimal-balance-tip-box .popover > .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover-max-width-2 + .popover {
    max-width: 480px
}

#pop-minimal-balance, #pop-mainRiskTip, #minimal-balance-tip-box {
    display: none
}

.minimal-balance-box, .mainRiskTip-box, .minimal-balance-tip-box {
    padding-bottom: 0px;
    text-align: center;
    position: relative
}

    .minimal-balance-box > span.dotted {
        z-index: 1000;
        font-size: 14px;
        font-weight: bold;
        text-align: center
    }

    .minimal-balance-box .popover, .mainRiskTip-box .popover {
        max-width: 490px;
        display: block;
        position: relative;
        position: absolute;
        top: 30px;
        right: 0;
        margin: 0 auto
    }

    .minimal-balance-tip-box .popover {
        width: 490px;
        display: block;
        position: relative;
        position: absolute;
        right: 0;
        margin: 0 auto
    }

@media only screen and (max-width:1199px) {
    .minimal-balance-box .popover {
        width: 90%
    }

    .mainRiskTip-box .popover {
        width: 276px
    }

        .mainRiskTip-box .popover > .arrow {
            left: 13%
        }
}

@media only screen and (max-width:767px) {
    .popover {
        width: 276px;
        max-width: 276px
    }

    .nav-tabs > li > a {
        font-size: 13px;
        padding: 8px
    }

    .portlet > .portlet-title > .caption, .portlet > .portlet-title > .tools {
        float: none;
        display: block
    }
}

.dotted {
    border-bottom: 1px dotted #626060
}

.pointer {
    cursor: pointer
}

.bold {
    font-weight: bold
}

.bootstrap-switch {
    border-color: #e1eaf2
}

    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
        background: #003B4D
    }

    .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
        color: #fff;
        background: #f44336
    }

.f12 {
    font-size: 12px !important
}

.f13 {
    font-size: 13px !important
}

.f14 {
    font-size: 14px !important
}

.bg1 {
    background: #f5f5f5
}

.dffddd {
    background: #dffddd
}

.fee4e4 {
    background: #fee4e4
}

.bor-defe8f1 {
    border: 1px solid #eee
}

.display-none {
    display: none
}

.bold {
    font-weight: bold
}

.ATpaused {
    height: 50px;
    border-left: 4px solid #003b4d;
    margin: 8px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.input-group input {
    height: 50px
}

    .input-group input:focus {
        border-color: #003b4d !important
    }

.input-group-btn .spinner-down {
    background: #F44336;
    color: #fff
}

.input-group-btn .spinner-up {
    background: #003B4D;
    color: #fff
}

.input-group-btn .spinner-down:hover {
    background: #c32023
}

.input-group-btn .spinner-up:hover {
    background: #022b38
}

.flex-container-start {
    background: #eee;
    padding: 15px;
    margin-bottom: 15px
}

    .flex-container-start input[type="checkbox"] {
        display: inline-block;
        vertical-align: middle;
        margin: 0
    }

    .flex-container-start label {
        margin: 0;
        font-size: 13px;
        cursor: pointer;
        margin-right: 20px
    }

@media only screen and (max-width:767px) {
    .flex-container-start span {
        display: block;
        margin-bottom: 5px 0
    }

    .bor-defe8f1 {
        border: none
    }
}

.table-bordered {
    border: 2px solid #eee
}

.show-entries {
    font-size: 13px
}

    .show-entries select {
        padding: 5px 20px;
        border: 1px solid #e7ecf1 !important;
        font-size: 13px;
        background-position: 93%
    }

        .show-entries select option {
            font-size: 13px
        }

#auto-trade-modal input, #auto-trade-modal select {
    height: 34px
}

#auto-trade-modal table.progress-table td {
    border-top: none;
    font-size: 13px
}

#auto-trade-modal .progress-table .progress {
    margin-bottom: 0
}

#auto-trade-modal .modal-content {
    overflow: inherit
}

#auto-trade-modal .auto-trade-modal-text {
    height: 250px;
    overflow: auto;
    padding: 20px 15px;
    background: #f9f9f9;
    border: 2px solid #eee;
    font-size: 11px
}

.auto-trade-modal-text::-webkit-scrollbar-track {
    background: #f5f5f5
}

.auto-trade-modal-text::-webkit-scrollbar {
    width: 8px;
    height: 1px
}

.auto-trade-modal-text::-webkit-scrollbar-thumb {
    background: #eee
}

.pop-loading, .fund-manage-loading {
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    background: rgba(0,0,0,.1);
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .pop-loading p, .fund-manage-loading > div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        z-index: 8;
        padding: 10px;
        background: #fff;
        color: #333;
        min-width: 300px;
        box-shadow: 0 0px 3px 1px #999;
        -webkit-box-shadow: 0 0px 3px 1px #999
    }

.toTop {
    display: block;
    position: fixed;
    bottom: 90px;
    z-index: 900;
    width: 45px;
    height: 45px;
    line-height: 40px;
    font-size: 24px;
    color: #fff !important;
    background: #003B4D;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    right: 20px;
    display: none
}

    .toTop:hover {
        background: #0d5469
    }

.ver-inline-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 15px
}

.margin-bottom-10 {
    margin-bottom: 10px !important
}

.ver-inline-menu li {
    background: #faf5f0;
    border-left: solid 2px #f7d6ba;
    padding: 0;
    text-align: center;
    margin-bottom: 2px
}

    .ver-inline-menu li a {
        font-size: 14px;
        color: #28353f;
        display: block;
        padding: 15px 5px;
        font-weight: bold
    }

    .ver-inline-menu li i {
        color: #bfa78d;
        font-size: 15px;
        margin: 0 8px 0 0;
        text-align: center
    }

    .ver-inline-menu li.active, .ver-inline-menu li:hover a {
        font-size: 14px
    }

        .ver-inline-menu li.active, .ver-inline-menu li.active i {
            color: #fff;
            background: #f88000;
            text-decoration: none
        }

            .ver-inline-menu li.active a {
                color: #fff
            }

    .ver-inline-menu li.active {
        border-left: solid 2px #f88000
    }

        .ver-inline-menu li.active i {
            background: #f88000 !important
        }

@media only screen and (min-width:1680px) {
    .ver-inline-menu li.col-lg-2 {
        width: 20%
    }
}

@media only screen and (min-width:1200px) and (max-width:1679px) {
    .ver-inline-menu li.col-lg-2 {
        width: 33.3333%
    }
}

@media only screen and (max-width:1199px) {
    .ver-inline-menu li {
        text-align: left
    }
}

.faqs-page .panel {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0
}

.faqs-page .panel-heading > a.collapsed {
    background: 0;
    color: #303030 !important;
    border-color: #e3e9ed
}

.faqs-page .panel-heading > a {
    color: #28353f !important;
    padding: 14px 60px 14px 15px;
    display: block;
    position: relative;
    background: #e3e9ed;
    border: 1px solid #e3e9ed
}

.faq-page .panel-body {
    padding: 15px;
    margin-top: 15px;
    border: 1px solid #f5f5f5
}

.panel-default > .panel-heading {
    background: none
}

.faqs-page .panel-heading > a span.icon {
    display: block;
    height: 30px;
    width: 30px;
    background: #606060;
    position: absolute;
    right: 15px;
    top: 10px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease
}

    .faqs-page .panel-heading > a span.icon:before, .faqs-page .panel-heading > a span.icon:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        width: 14px;
        height: 2px;
        background: #fff;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        -webkit-transition: all .5s ease
    }

    .faqs-page .panel-heading > a span.icon:after {
        width: 2px;
        height: 0
    }

.faqs-page .panel-heading > a.collapsed span.icon {
    background: #606060
}

    .faqs-page .panel-heading > a.collapsed span.icon:before, .faqs-page .panel-heading > a.collapsed span.icon:after {
        background: #fff
    }

    .faqs-page .panel-heading > a.collapsed span.icon:after {
        height: 14px
    }

.faqs-page .panel-heading > a span.icon:after {
    width: 2px;
    height: 0
}

.faqs-page .tab-content {
    box-shadow: 0 0 2px 0 #ddd;
    margin-top: 15px;
    -webkit-box-shadow: 0 0 2px 0 #ddd
}

.faqs-page .panel-group .panel-heading + .panel-collapse > .list-group, .faqs-page .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none
}

.faqs-page .panel-body {
    padding: 15px 30px
}

@media only screen and (max-width:991px) {
    .faqs-page .panel-body {
        padding: 15px
    }
}

.fund-manage-banner {
    background: url(../Static/images/banner-mt4-mt5-sm.png) no-repeat;
    background-position: center;
    overflow: hidden;
    padding: 30px 15px;
    background-size: cover;
    text-align: center
}

    .fund-manage-banner span {
        color: #fff;
        font-size: 22px;
        padding: 5px;
        display: block
    }

    .fund-manage-banner button {
        padding: 8px 80px;
        border-radius: 32px;
        -webkit-border-radius: 32px;
        -moz-border-radius: 32px;
        font-size: 16px;
        letter-spacing: 2px
    }

@media only screen and (min-width:992px) and (max-width:1199px) {
    .fund-manage-banner button {
        padding: 8px 50px
    }
}

@media only screen and (max-width:767px) {
    .fund-manage-banner span {
        font-size: 16px;
        margin-bottom: 15px
    }
}

.ApplyFundManage {
    color: #0a0a0a
}

    .ApplyFundManage .fundTitle h2 {
        margin-top: 0;
        font-size: 24px;
        margin-bottom: 15px
    }

.fundSingle {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 10px
}

.fundSingleShape {
    position: relative;
    margin-bottom: 20px
}

.fundSingle .fundSingleShape i {
    font-size: 60px;
    position: absolute;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 8%;
    width: 60px;
    height: 60px
}

.fundSingle h3 {
    margin: 0 auto 15px;
    font-size: 18px
}

    .fundSingle h3 i {
        margin-right: 5px
    }

.fundSingle p {
    margin: 0 auto;
    font-weight: bold;
    max-width: 320px
}

.apply-fund-manage {
    color: #0a0a0a
}

.disabled {
    cursor: not-allowed
}

.underline {
    text-decoration: underline
}

.trade-pause, .trade-cog, .trade-times-circle {
    cursor: pointer;
    font-size: 25px;
    margin-top: 2px
}

.trade-settings-input {
    border-bottom: 1px dashed #ececec;
    margin-bottom: 15px
}

.trade-setting-checkbox {
    cursor: pointer;
    margin-bottom: 5px
}

    .trade-setting-checkbox i {
        display: inline-block;
        width: 20px
    }

#jstree {
    max-height: 200px;
    overflow: auto;
    background: #f8f8f8
}

.trade-settings-input .col-md-3 p {
    margin-top: 5px;
    text-align: right
}

.trade-settings-input .col-md-3 input {
    height: 34px
}

.trade-settings-input .col-md-6 p {
    color: #777;
    font-size: 12px;
    margin-bottom: 25px;
    margin-top: 6px
}

.setting-page-fixed {
    position: fixed;
    top: 0;
    z-index: 9;
    background: #fff;
    box-shadow: 0 0 4px 2px #b7b7b7;
    -webkit-box-shadow: 0 0 4px 2px #b7b7b7;
    margin-top: 0;
    padding: 15px;
    left: 290px;
    right: 15px
}

#availableSystems button {
    width: 120px
}

.show-help-block {
    color: #777;
    font-size: 12px;
    margin-top: 6px
}

@media screen and (max-width:1199px) {
    #Settings {
        position: static !important;
        box-shadow: none;
        -webkit-box-shadow: none
    }

    .trade-settings-input .col-md-3 p {
        text-align: left
    }
}

i.fa-circle-o {
    color: #bdbec2;
    margin-right: 8px
}

i.fa-dot-circle-o {
    color: #003b4d
}

input[type="checkbox"], input[type="radio"] {
    display: none
}

.stock-box {
    color: #010101
}

    .stock-box .stock-question-box {
        border: 1px solid #e6e7ea;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        margin-bottom: 30px
    }

    .stock-box .stock-question {
        padding: 20px 15px
    }

        .stock-box .stock-question p {
            margin: 0;
            padding: 15px 0
        }

        .stock-box .stock-question a {
            display: block;
            padding: 15px;
            border: 1px solid #f6f6f6;
            background: #f6f6f6;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            text-align: center;
            color: #36363e;
            font-weight: bold
        }

            .stock-box .stock-question a:hover, .stock-box .stock-question a:focus {
                color: #36363e !important
            }

            .stock-box .stock-question a.answer-check {
                background: #fff;
                border: 1px solid #20bf55
            }

                .stock-box .stock-question a.answer-check i {
                    color: #20bf55;
                    margin-right: 8px
                }

    .stock-box .stock-answer {
        background: #f5f5f5;
        padding: 20px 15px 0;
        display: none
    }

        .stock-box .stock-answer .chosen-shares a, .stock-box .stock-answer .chosen-shares a:focus, .stock-box .stock-answer .chosen-shares a:hover {
            color: #4b5056;
            margin: 10px 5% 15px 0
        }

            .stock-box .stock-answer .chosen-shares a i {
                margin-right: 8px;
                width: 16px
            }

    .stock-box p em {
        color: #f00;
        font-style: normal
    }

@media only screen and (max-width:991px) {
    .stock-box .stock-question p {
        padding: 0 15px 15px 0
    }

    .buttons-group .buttons {
        margin-bottom: 5px
    }
}

.cash-wallet-btns .wallet-btn button {
    font-size: 12px
}

@media only screen and (min-width:1490px) and (max-width:1780px) {
    .cash-wallet-btns .col-lg-offset-4.col-md-6.col-lg-2 {
        width: 9.999%
    }

    .cash-wallet-btns .wallet-btn {
        width: 23.333%
    }
}

@media only screen and (min-width:1200px) and (max-width:1489px) {
    .cash-wallet-btns .col-lg-offset-4.col-md-6.col-lg-2 {
        width: 33.33333333%;
        margin-bottom: 15px
    }

    .cash-wallet-btns .wallet-btn {
        width: 33.33333333%;
        float: none;
        margin-left: 33.33333%
    }
}

@media only screen and (max-width:991px) {
    .cash-wallet-btns .col-lg-offset-4.col-md-6.col-lg-2 {
        margin-bottom: 15px
    }
}

.internal-trasfer-box {
    font-size: 12px;
    background-color: #f2dede;
    border-color: #fff
}

    .internal-trasfer-box p em {
        color: #f00
    }

    .internal-trasfer-box .table-box-text {
        color: #a94442 !important
    }

        .internal-trasfer-box .table-box-text ul {
            padding-left: 28px
        }

    .internal-trasfer-box li {
        margin: 5px 0;
        list-style: disc
    }

    .internal-trasfer-box .table-box-text h5 {
        font-weight: bold
    }

        .internal-trasfer-box .table-box-text h5 i {
            font-size: 20px
        }

#remove-account-modal {
    color: #333
}

    #remove-account-modal h5 {
        text-align: center;
        font-weight: bold
    }

    #remove-account-modal p {
        font-size: 13px
    }

.remove-account {
    padding: 15px
}

    .remove-account span {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: middle;
        cursor: pointer
    }

        .remove-account span i {
            display: inline-block;
            width: 20px;
            font-size: 16px;
            vertical-align: middle
        }

.autotrade-wrap table td {
    border-top: 1px solid #e7ecf1 !important
}

.upload-box .upload-box-status {
    border: 2px solid #b4b4b5;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    margin-top: 15px;
    padding: 30px;
    margin-bottom: 30px;
    text-align: center
}

    .upload-box .upload-box-status p {
        font-size: 18px;
        margin-bottom: 0
    }

    .upload-box .upload-box-status h3 {
        color: #003B4D;
        font-size: 25px;
        margin: 10px 0 0 0
    }

        .upload-box .upload-box-status h3.unverified {
            color: #e86060
        }

            .upload-box .upload-box-status h3.unverified img {
                vertical-align: bottom
            }

        .upload-box .upload-box-status h3 img {
            margin-right: 5px;
            width: 26px;
            height: 26px
        }

.upload-box .upload-box-text {
    border: 2px solid #b4b4b5;
    text-align: center;
    padding: 30px 30px 0;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    margin-bottom: 30px
}

    .upload-box .upload-box-text h4 {
        margin-bottom: 15px
    }

    .upload-box .upload-box-text .control-label {
        margin-top: -15px
    }

.upload-box #J_file_wrap {
    border: 2px dotted #b4b4b5;
    display: block;
    width: 100%;
    text-align: center;
    padding: 70px 15px;
    color: #ccc;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px
}

span.span-thumbnail {
    display: block;
    width: 200px;
    height: 200px;
    float: left;
    line-height: 188px;
    text-align: center;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #e3e9ed;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 5px 15px
}

    span.span-thumbnail img {
        max-height: 100%
    }

@media only screen and (min-width:768px) and (max-width:1199px) {
    span.span-thumbnail {
        width: 47%
    }
}

@media only screen and (max-width:767px) {
    span.span-thumbnail {
        width: 100%;
        margin: 0 0 15px
    }

    .upload-box #J_file_wrap {
        width: 100%
    }

    .upload-box .upload-box-text .control-label {
        margin-top: 0
    }
}

span.span-thumbnail::after {
    content: "";
    display: table;
    clear: both
}

.shares-box-title {
    padding: 15px 15px 15px 30px;
    background: #f7f7f7;
    font-weight: bold;
    color: #010101;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 15px;
    position: relative
}

    .shares-box-title i {
        display: inline-block;
        height: 30px;
        width: 6px;
        background: #f44336;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        position: absolute;
        top: 10px;
        left: 15px
    }

.shares-box {
    border: 1px solid #f5f5f5;
    margin-bottom: 35px;
    color: #010101;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

.shares-box-form {
    padding: 15px
}

.shares-box-2 {
    color: #6f6f6f;
    margin-top: 10px;
    font-size: 12px
}

.shares-box-3 {
    padding: 15px;
    color: #010101
}

    .shares-box-3 h5 {
        margin: 0;
        font-weight: bold;
        margin-bottom: 15px;
        line-height: 18px
    }

    .shares-box-3 ul {
        padding-left: 5px
    }

        .shares-box-3 ul li {
            margin-bottom: 10px
        }

            .shares-box-3 ul li p {
                padding-left: 15px;
                margin-top: 5px;
                margin-bottom: 0
            }

            .shares-box-3 ul li i {
                display: inline-block;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                background: #003B4D;
                vertical-align: middle;
                margin-right: 8px
            }

    .shares-box-3 li span {
        border-bottom: 1px solid
    }

    .shares-box-3 .shares-box-agree {
        border-top: 1px dashed #eee;
        padding-top: 30px;
        margin: 30px 0
    }

    .shares-box-3 .chosen-shares a {
        background: #f6f6f6;
        margin-top: 5px;
        font-weight: bold;
        display: block;
        padding: 10px 15px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        text-align: center;
        float: right;
        margin-right: 15px
    }

        .shares-box-3 .chosen-shares a i {
            display: inline-block;
            width: 20px;
            vertical-align: middle
        }

.autograph {
    width: 100%;
    height: 45px;
    overflow: hidden
}

    .autograph img {
        max-height: 100%
    }

.shares-chosen {
    padding-left: 15px;
    margin-bottom: 25px
}

.shares-date {
    margin: 0
}

    .shares-date li {
        margin-right: 16px;
        text-align: center
    }

        .shares-date li em {
            color: #888;
            display: block;
            font-style: normal
        }

        .shares-date li span {
            display: block
        }

.shares-question a:focus, .shares-question a:hover {
    color: #010101
}

.shares-question a:focus {
    border-color: #f44336
}

.shares-question a {
    text-align: center;
    display: block;
    background: #f6f6f6;
    border: 1px solid transparent
}

    .shares-question a.chosen {
        background: #fff;
        border: 1px solid #f44336
    }

.shares-box .shares-chosen a {
    color: #36363e;
    display: block;
    margin: 15px 0;
    width: max-content
}

@media only screen and (max-width:991px) {
    .shares-box-3 .chosen-shares a {
        float: none
    }

    .shares-box-title span {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .shares-box .form-group label {
        text-align: left
    }
}

.icon-ul li:before {
    font-family: "FontAwesome";
    content: "\f00c";
    font-size: 14px;
    color: #f08859;
    padding: 0 10px;
    position: absolute;
    left: -5px
}

.icon-ul li {
    margin-bottom: 20px;
    padding-left: 30px;
    position: relative
}

@media only screen and (min-width:1365px) and (max-width:1499px) {
    .withdrawal-btn-box .col-lg-5 {
        width: 50%
    }
}

.old-data {
    padding: 30px 15px 20px;
    border-bottom: 1px dashed #eee
}

    .old-data p {
        color: #4b5056
    }

.submit-tips {
    padding: 25px 0 0;
    border-top: 1px dashed #eee
}

@media only screen and (min-width:768px) {
    .old-data label {
        text-align: right
    }
}

.changeTel input.form-control {
    padding-left: 125px
}

.changeTel .telLine {
    display: block;
    position: absolute;
    height: 40px;
    border-left: 1px solid #eee;
    z-index: 1;
    left: 94px;
    top: 4px
}

.changeTel .changeTelSel {
    position: absolute;
    top: 2px;
    height: 90%;
    left: 20px
}

    .changeTel .changeTelSel input {
        border: 0;
        top: 13px;
        width: 93px;
        padding: 0 2px;
        text-align: center
    }

        .changeTel .changeTelSel input:focus {
            box-shadow: none !important;
            -webkit-box-shadow: none !important
        }

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #003b4d !important
}

@-webkit-keyframes type-orange {
    1%,100% {
        border-color: #003b4d
    }

    50% {
        border-color: #003b4d
    }
}

@keyframes type-orange {
    1%,100% {
        border-color: #003b4d
    }

    50% {
        border-color: #003b4d
    }
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
    background-color: #003b4d !important;
    -webkit-animation-name: none;
    animation-name: none
}

    .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
        background-color: #095d77 !important
    }

.confirmTel {
    position: relative
}

    .confirmTel span {
        position: absolute;
        width: 70px !important;
        text-align: center;
        overflow: hidden;
        line-height: 50px;
        height: 50px
    }

    .confirmTel em {
        position: absolute;
        height: 40px;
        border-left: 1px solid #eee;
        left: 70px;
        top: 4px
    }

    .confirmTel input {
        padding-left: 85px
    }

@media only screen and (min-width:1701px) and (max-width:1920px) {
    .change-address .chosen-container.chosen-with-drop .chosen-drop {
        width: 180px
    }
}

@media screen and (max-width:1700px) {
    .change-address div {
        margin-bottom: 5px;
        width: 100%
    }

    .change-address .col-lg-4 .col-lg-4 {
        width: 100%
    }
}

.fast-internal-transfer {
    border-top: 1px dashed #eee;
    padding: 25px 15px
}

    .fast-internal-transfer button {
        margin: 15px 0
    }

#fast-transfer {
    cursor: pointer
}

    #fast-transfer span {
        color: #a7a7a7;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: middle;
        cursor: pointer
    }

.fast-internal-transfer span i {
    display: inline-block;
    width: 20px;
    vertical-align: middle
}

.contact-box > p {
    margin: 0 0 30px
}

.contact-box-text {
    padding: 25px 25px 0 35px;
    border-top: 1px dashed #eee
}

    .contact-box-text p b {
        padding: 0 10px 0 15px;
        font-weight: normal;
        color: #003b4d
    }

    .contact-box-text h4 {
        font-size: 15px;
        position: relative;
        font-weight: 600;
        margin-bottom: 20px
    }

        .contact-box-text h4 i {
            position: absolute;
            left: -35px;
            top: -2px;
            height: 22px;
            width: 22px
        }

    .contact-box-text p {
        margin-bottom: 20px
    }

    .contact-box-text .contact-email-box {
        position: relative;
        margin-bottom: 15px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        padding: 0px;
        border: 1px solid #eee;
        overflow: hidden;
        min-height: 180px
    }

        .contact-box-text .contact-email-box h5 {
            font-size: 15px;
            z-index: auto;
            background: #003b4d;
            color: #fff;
            padding: 15px;
            margin: 0
        }

        .contact-box-text .contact-email-box div {
            padding: 25px 15px 30px;
            text-align: center
        }

        .contact-box-text .contact-email-box a {
            display: inline-block
        }

        .contact-box-text .contact-email-box span {
            display: block;
            margin-top: 15px
        }

@media only screen and (min-width:1200px) and (max-width:1500px) {
    .contact-box-text .col-lg-3 {
        width: 50%
    }
}

.info-box {
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    background: #003b4d;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 2px solid #003b4d;
    overflow: hidden;
    min-height: 104px
}

.withdrawal-btn-box .info-box {
    padding-right: 5px
}

.info-box-icon {
    display: block;
    height: 70px;
    width: 70px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    background: #fff;
    margin-bottom: 0;
    border: 2px solid #fff
}

.info-box:hover .info-box-icon {
    border: 2px solid #003b4d
}

.info-box-linked, .info-box:hover {
    background: #fff;
    border-color: #003b4d;
    color: #595757
}

.info-box-linked {
    cursor: default
}

    .info-box-linked .info-box-icon {
        border: 2px solid #003b4d
    }

.info-box-content {
    margin-left: 30px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0
}

    .info-box-content .info-box-number {
        display: block;
        font-size: 20px
    }

    .info-box-content .info-box-text {
        font-size: 18px
    }

@media only screen and (min-width:1440px) and (max-width:1900px) {
    .info-box-content .info-box-number {
        font-size: 17px
    }

    .info-box-content {
        margin-left: 15px
    }

    .info-box-icon {
        width: 60px;
        height: 60px
    }
}

@media only screen and (min-width:1440px) and (max-width:1660px) {
    .fund-btn-box .col-md-6 {
        width: 33.333333%
    }
}

@media only screen and (min-width:1200px) and (max-width:1439px) {
    .client-home-top > .col-lg-4 {
        width: 100%
    }

    .client-home-top > .col-lg-8 {
        width: 100%
    }

    .fund-btn-box .col-md-6 {
        width: 33.333333%
    }

    .info-box {
        max-height: 104px
    }

    .withdrawal-btn-box .info-box {
        max-height: inherit
    }
}

@media only screen and (max-width:1439px) {
    .info-box-content .info-box-number {
        font-size: 16px
    }

    .info-box-content .info-box-text {
        font-size: 16px
    }

    .info-box-icon {
        width: 55px;
        height: 55px
    }

    .info-box-content {
        margin-left: 15px
    }
}

.trading-account-box {
    margin-bottom: -2px;
    margin-top: 45px
}

    .trading-account-box a {
        margin-bottom: 0;
        display: block;
        color: #595757;
        font-size: 20px;
        height: 75px;
        padding-top: 15px
    }

    .trading-account-box .trading-account-linked a:hover {
        color: #595757
    }

    .trading-account-box a:hover {
        color: #595757
    }

    .trading-account-box a img {
        margin-right: 15px
    }

    .trading-account-box .trading-account-linked a {
        border: 2px solid #eee;
        border-radius: 16px 16px 0 0;
        -webkit-border-radius: 16px 16px 0 0;
        -moz-border-radius: 16px 16px 0 0;
        background: #fff;
        border-bottom: transparent;
        font-size: 22px;
        padding-left: 20px;
        padding-top: 20px
    }

@media only screen and (min-width:1440px) and (max-width:1660px) {
    .withdrawal-btn-box .col-md-6 {
        width: 33.333333%
    }
}

@media only screen and (min-width:1200px) and (max-width:1439px) {
    .withdrawal-btn-box .col-md-6 {
        width: 50%
    }
}

@media only screen and (min-width:1100px) {
    .trading-account-portlet .portlet {
        border-radius: 0 16px 16px 16px;
        -moz-border-radius: 0 16px 16px 16px;
        -webkit-border-radius: 0 16px 16px 16px
    }

    .trading-account-portlet .portlet-title {
        display: none
    }
}

@media only screen and (max-width:1439px) and (min-width:1100px) {
    .trading-account-box a {
        font-size: 18px;
        padding-top: 18px
    }

        .trading-account-box a img {
            margin-right: 5px
        }

    .trading-account-box .col-xs-4.col-lg-3 {
        width: 33.3333333%
    }
}

@media only screen and (max-width:1099px) {
    .trading-account-portlet .table-box {
        margin-top: 10px
    }

    .trading-account-box {
        display: none
    }

    .accounts-more {
        display: block
    }
}

#preloader {
    background: #07080b;
    text-align: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999
}

    #preloader p video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        max-width: 100%;
        width: 1200px
    }

#preloader1 {
    background: #fff;
    text-align: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999
}

@media only screen and (min-width:1200px) and (max-width:1440px) {
    #preloader p video {
        width: 70%;
        max-width: 70%
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    #preloader p video {
        width: 80%;
        max-width: 80%
    }
}

@media only screen and (min-width:540px) and (max-width:991px) {
    #preloader p video {
        width: 100%;
        max-width: 100%
    }
}

@media only screen and (max-width:539px) {
    #preloader p video {
        width: 180%;
        max-width: 180%
    }
}

.chart-foot-client {
    margin-top: 30px;
    text-align: center
}

    .chart-foot-client span {
        border: 1px solid #595757;
        text-align: center;
        border-radius: 50%;
        display: inline-block;
        padding: 5px
    }

    .chart-foot-client b {
        font-size: 28px;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        margin-left: 15px
    }

.chart-portlet {
    border: 2px solid #eee;
    padding: 30px;
    margin-bottom: 15px
}

.chart-portlet-title {
    font-size: 20px
}

.chart-foot-btn {
    margin-top: 30px;
    background: #003b4D;
    color: #fff;
    text-align: center;
    padding: 15px 5px;
    border-radius: 8px
}

    .chart-foot-btn h5 {
        font-size: 20px
    }

    .chart-foot-btn p {
    }

@media only screen and (min-width:1500px) {
    .chart-portlet-three .chart-foot-btn {
        width: 80%;
        margin: 30px auto 0
    }
}

@media only screen and (max-width:991px) {
    .chart-portlet {
        padding: 15px
    }

    .chart-foot-client span {
        width: 45px
    }

    .chart-foot-client b {
        font-size: 24px
    }

    .chart-foot-client {
        margin-top: 15px
    }

    .chart-foot-btn {
        margin-top: 15px
    }

    #withdrawal, #customer-IB, #customer, #deposit {
        height: 300px !important
    }
}

.social-new {
    margin-top: 25px
}

    .social-new .social-new-box {
    }

    .social-new .social-new-box-ul {
    }

        .social-new .social-new-box-ul ul {
            margin-bottom: 0;
            border-right: 1px solid #eee
        }

        .social-new .social-new-box-ul li {
            position: relative;
            margin-bottom: 15px
        }

            .social-new .social-new-box-ul li i {
                position: absolute;
                left: -25px;
                font-size: 19px
            }

                .social-new .social-new-box-ul li i img {
                }

.social-new-box h4 {
    padding: 0 20px
}

.social-text {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px
}

.social-new .social-new-box-top {
    padding: 20px
}

.social-new-box-ul {
    padding: 20px 30px
}

.social-new button {
    padding: 5px 15px;
    border-radius: 16px
}

.social-new .social-new-box-btn {
    text-align: center;
    margin-bottom: 30px
}

@media only screen and (min-width:1200px) {
    .social-new .social-new-box-top {
        min-height: 220px
    }
}

@media screen and (max-width:991px) {
    .social-new .social-new-box-ul ul {
        border-right: none
    }

    .social-new .social-new-box-ul li:last-child {
        margin-bottom: 0
    }

    .social-new .social-new-box-top {
        padding: 0
    }

    .social-new .social-new-box-ul {
        padding: 0 25px 0
    }

    .social-new-box h4 {
        padding: 0
    }

    .social-new .social-new-box-btn {
        margin-top: 30px
    }
}

@media (min-width:768px) {
    .affiliate-box .form-horizontal .control-label {
        text-align: left
    }
}

.affiliate-box {
    overflow: auto
}

    .affiliate-box .affiliate-btm label i {
        font-style: normal;
        display: inline-block;
        margin-right: 15px
    }

.treeview, .treeview ul {
    padding: 0;
    margin: 0;
    list-style: none
}

    .treeview ul {
        background-color: white;
        margin-top: 4px
    }

* html .hitarea {
    display: inline;
    float: none
}

.treeview li {
    margin: 0;
    padding: 3px 0 3px 16px
}

.main-sidebar-IB .treeview li {
    padding: 3px 0
}

.treeview a.selected {
    background-color: #eee
}

#treecontrol {
    margin: 1em 0;
    display: none
}

.treeview li.collapsable, .treeview li.expandable {
    background-position: 0 -176px
}

.treeview li.last {
    background-position: 0 -1766px;
    border-bottom: 0 !important
}

.treeview li.lastCollapsable {
    background-position: 0 -111px;
    border-bottom: 0 !important
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
    background-position: 0 0
}

.filetree li {
    padding: 3px 0 2px 16px
}

.filetree span.file, .filetree span.folder {
    padding: 1px 0 1px 25px;
    display: inline-block;
    margin: 2px 0
}

.filetree span.folder {
    background: url("../Static/images/folder.svg") -2px center no-repeat;
    cursor: pointer
}

.filetree li.expandable span.folder {
    background: url("../Static/images/folder-closed.svg") 0 center no-repeat
}

.filetree span.file a, .filetree span.folder a {
    color: #595757
}

.affiliate-box .affiliate-top ul li {
    margin: 10px 0
}

.affiliate-box i, .affiliate-box b {
    display: inline-block;
    vertical-align: middle
}

.affiliate-box i {
    font-style: normal;
    width: 155px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.affiliate-box b {
    padding: 0 15px
}

.affiliate-box label {
    vertical-align: middle;
    padding: 0 15px;
    margin: 0
}

.affiliate-box input {
    padding-left: 45px;
    padding-right: 6px;
    vertical-align: middle;
    width: 490px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 6px 10px;
    background: #edf7f9;
    margin-right: 5px
}

    .affiliate-box input:focus {
        border: 1px solid #e4e4e4 !important
    }

.affiliate-box a {
    background: #003b4d;
    color: #fff !important;
    padding: 5px 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 12px;
    vertical-align: middle
}

@media only screen and (max-width:1440px) {
    .affiliate-box label {
        display: block;
        margin-top: 2px
    }

    .affiliate-box input {
        width: 80%
    }

    .filetree span.file, .filetree span.folder {
        display: block
    }
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

@media only screen and (min-width:1200px) {
    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.promotion_box {
    padding: 25px 0px
}

    .promotion_box, .promotion_box button, .promotion_box h2, .promotion_box h4 {
        font-family: "Gotham-Light","Roboto","微软雅黑"
    }

.promotion_tab {
    height: 43px;
    margin-bottom: 40px;
    overflow: hidden;
    text-align: center
}

.promotion_tab_ul {
    font-size: 17px;
    height: 100%;
    display: inline-block
}

.bank-transfer-box .promotion_tab {
    height: 30px
}

.promotion_tab::-webkit-scrollbar {
    width: 10px;
    height: 1px
}

.promotion_tab::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #535353
}

.promotion_tab::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #ededed
}

.bank-transfer-box .promotion_tab_ul {
    height: 30px;
    font-size: 14px
}

    .bank-transfer-box .promotion_tab_ul p {
        width: 200px;
        padding: 6px 6px 3px
    }

    .bank-transfer-box .promotion_tab_ul li {
        width: 200px;
        padding: 6px 6px 3px
    }

    .bank-transfer-box .promotion_tab_ul .promotion2_title {
        left: 155px
    }

    .bank-transfer-box .promotion_tab_ul .promotion3_title {
        left: 310px
    }

    .bank-transfer-box .promotion_tab_ul .promotion4_title {
        left: 465px
    }

.bank-transfer-box .promotion-shadow span {
    border-top: 0
}

.promotion_tab_ul li:after {
    display: block;
    content: "";
    clear: both
}

.promotion_tab_ul li {
    width: 250px;
    text-align: center;
    float: left;
    cursor: pointer;
    padding: 12px 30px 6px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border: 1px solid #313131;
    background: #fff;
    border-bottom: none
}

    .promotion_tab_ul li:hover {
        background: #efefef;
        transition: all .5s
    }

.clear {
    clear: both
}

.promotion_wrap .cashback-bonus-banner {
    text-align: center
}

    .promotion_wrap .cashback-bonus-banner img {
        width: 100%
    }

.promotion_wrap .cashback-bonus-title {
    background: #5E98A5;
    padding: 12px 15px;
    text-align: center;
    margin: 45px 0 0;
    font-family: "Gotham-Book","微软雅黑";
    font-size: 20px;
    color: #fefefe;
    line-height: 26px
}

.promotion-icon-ul {
    background: #000;
    color: #fff;
    padding: 45px 15px 30px 80px
}

    .promotion-icon-ul ul li:before {
        content: "";
        display: block;
        width: 19px;
        height: 15px;
        background: url(../Static/images/icon-li.png) no-repeat;
        position: absolute;
        padding: 0 10px;
        position: absolute;
        left: 0px;
        top: 8px
    }

    .promotion-icon-ul ul li {
        margin-bottom: 15px;
        position: relative;
        font-size: 16px;
        padding-left: 30px
    }

.promo-toggle-btn {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../Static/images/adu-icon.jpg) no-repeat center center;
    cursor: pointer;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    background-position: 0 center
}

    .promo-toggle-btn.promo_show {
        background-position: -50px center
    }

.promo-toggle-btn2 {
    margin: 30px auto 15px
}

.promo-panel {
    box-shadow: 0 0 15px 0 #ddd;
    margin-bottom: 25px;
}

.st-promo-panel {
    box-shadow: 0 0 15px 0 #ddd;
    margin-bottom: 25px;
    font-size: 15px;
}

.promo-panel h4 {
    background: #313131;
    padding: 15px 10px 15px 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px
}

.st-promo-panel h4 {
    background: #313131;
    padding: 15px 10px 15px 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 24px;
}

.promo-panel-detail {
    padding: 30px 55px 15px 60px;
    line-height: 1.5
}

    .promo-panel-detail p {
        margin-bottom: 20px;
        position: relative;
        padding-left: 35px
    }

        .promo-panel-detail p i {
            font-weight: bold;
            font-style: normal
        }

        .promo-panel-detail p em {
            position: absolute;
            left: -10px;
            font-style: normal
        }

        .promo-panel-detail p a {
            color: #225bfb
        }

            .promo-panel-detail p a:hover {
                text-decoration: underline
            }

    .promo-panel-detail li {
        margin-left: 50px;
    }

    .promo-panel-detail ul li {
        position: relative;
        padding-left: 35px;
        margin-bottom: 15px
    }

    .promo-panel-detail ul {
        padding-left: 35px
    }

        .promo-panel-detail ul li em {
            position: absolute;
            font-style: normal;
            left: 0
        }

    .promo-panel-detail table {
        width: 100%;
        margin: 0 auto
    }

        .promo-panel-detail table thead th {
            font-size: 15px;
            border: 1px solid #003b4d;
            background: #003b4d;
            color: #fff;
            font-weight: normal;
            padding-top: 10px;
            padding-bottom: 10px
        }

        .promo-panel-detail table tbody tr td {
            padding-top: 10px;
            padding-bottom: 10px;
            border: 1px solid #313131;
            font-size: 16px
        }

        .promo-panel-detail table.cashback-table1 th {
            padding-left: 20px
        }

        .promo-panel-detail table.cashback-table2 {
            text-align: center
        }

    .promo-panel-detail .iphone-giveaway-table {
        text-align: center;
        margin-bottom: 20px
    }

        .promo-panel-detail .iphone-giveaway-table th {
            border: 1px solid #444
        }

        .promo-panel-detail .iphone-giveaway-table th, .promo-panel-detail .iphone-giveaway-table td {
            padding-left: 5px;
            padding-right: 5px
        }

    .promo-panel-detail table.cashback-table1 tr td:nth-child(odd) {
        padding-left: 20px
    }

    .promo-panel-detail table.cashback-table1 tr td:nth-child(even) {
        text-align: center
    }

    .promo-panel-detail table.cashback-table2 .border-r-fff {
        border-right: 1px solid #fff
    }

@media only screen and (min-width:1261px) and (max-width:1600px) {
    .bank-transfer-box .promotion_tab_list .promotion_wrap .col-lg-5 {
        width: 50%
    }
}

@media only screen and (min-width:1200px) and (max-width:1260px) {
    .bank-transfer-box .promotion_tab_list .promotion_wrap .col-lg-5 {
        width: 100%
    }
}

@media screen and (max-width:991px) {
    .table-responsive table {
        min-width: 800px
    }
}

.mB5 {
    margin-bottom: 5px !important
}

.promo-toggle-wrap {
    font-size: 18px;
    margin: 0 auto;
    padding: 0 0 15px;
    display: none
}

.promo-toggle-top {
    padding: 30px 15px 15px
}

    .promo-toggle-top span {
        font-size: 18px;
        width: 250px
    }

.promotion-shadow {
    height: 40px;
    position: relative;
    margin: 0 auto
}

.promotion-foot-shadow {
    overflow: hidden
}

.promotion-shadow span {
    position: absolute;
    box-shadow: 0 0 45px -15px #777;
    -webkit-box-shadow: 0 0 45px -15px #777;
    width: 100%;
    height: 40px;
    border-top: 2px solid #eee;
    left: 0
}

.promotion-foot-shadow span {
    top: -40px
}

.promotion-top-shadow span {
    top: 0
}

.promotion_tab_ul li.promotion_title_linked {
    background: #313131;
    color: #fff
}

.section-title {
    margin: 20px 0 15px
}

    .section-title h2 {
        color: #000;
        margin-bottom: 0;
        text-transform: uppercase;
        font-size: 24px;
        text-align: center;
        font-family: 'Gotham-Book',"微软雅黑";
        line-height: 1.2
    }

.promotion-form {
    padding-top: 15px
}

.apply-bonus-form form button {
    border: 1px solid #000;
    background: #000;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 36px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 6px 20px;
    margin-top: 30px;
    font-size: 18px;
    min-width: 215px
}

    .apply-bonus-form form button:hover {
        color: #000 !important;
        background-color: transparent;
        border: 1px solid #000
    }

.contact-form.apply-bonus-form .piaochecked {
    color: #36363e;
    font-size: 15px;
    margin: 5px 0;
    padding-left: 30px;
    position: relative
}

.contact-form.apply-bonus-form label, .contact-form.apply-bonus-form .radiospan {
    font-size: 15px;
    margin-top: 0
}

.contact-form.apply-bonus-form .piaochecked em {
    position: absolute;
    left: 0;
    top: 1px
}

.radiospan label, .piaochecked label {
    cursor: pointer;
    margin-bottom: 0;
    vertical-align: middle
}

.radiospan, .piaochecked {
    display: block;
    margin: 12px 15px 0 0px;
    cursor: pointer;
    line-height: 20px
}

    .radiospan em, .piaochecked em {
        display: inline-block;
        width: 16px;
        height: 16px;
        cursor: pointer;
        text-align: center;
        background-image: url(../Static/images/radio-icon.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        vertical-align: middle;
        margin-right: 10px
    }

.radio1, .check1 {
    width: 16px;
    height: 16px;
    margin-top: 0px !important;
    opacity: 0;
    cursor: pointer;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0)
}

.radiospan.on em, .piaochecked.on_check em {
    background-position: -16px 0
}

@media only screen and (min-width:1500px) {
    .promotion-foot-shadow, .promotion-top-shadow {
        width: 90%
    }

    .promo-toggle-wrap {
        width: 100%;
        padding: 0 60px
    }
}

@media only screen and (min-width:1200px) {
    .bank-transfer-box.promotion_box {
        padding: 40px 30px
    }

    .promotion-form {
        width: 830px;
        margin: 0 auto
    }

    .promo-panel-detail table.cashback-table1 {
        width: 620px
    }

    .promo-panel-detail table.cashback-table2 {
        width: 580px
    }
}

@media only screen and (max-width:991px) {
    .promotion_tab_ul {
        font-size: 15px;
        width: max-content;
        width: -moz-max-content;
        width: -ms-max-content
    }

    .promotion_tab {
        height: 34px;
        overflow-x: auto
    }

    .promotion_tab_ul li {
        width: 180px;
        padding: 5px 5px 5px;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px
    }

    .promotion-icon-ul {
        padding: 45px 15px 30px
    }

    .promo-panel h4 {
        padding: 15px;
        font-size: 16px
    }

    .st-promo-panel h4 {
        padding: 15px;
        font-size: 16px
    }

    .promo-panel-detail {
        padding: 30px 15px
    }

    .promotion-icon-ul ul li {
        font-size: 16px
    }

    .promo-toggle-top span {
        font-size: 18px
    }

    .apply-bonus-form form button {
        font-size: 16px
    }

    .promo-toggle-wrap {
        font-size: 16px
    }

    .promotion-form {
        padding-top: 15px !important
    }
}

@media only screen and (max-width:400px) {
    .promotion_wrap .cashback-bonus-title {
        font-size: 18px;
        letter-spacing: 4px;
        line-height: 24px;
        margin-top: 25px
    }

    .promotion_tab {
        margin-bottom: 25px
    }
}

.social-master {
    margin-top: 25px
}

    .social-master .more {
        padding: 10px;
        text-align: center;
        display: none
    }

        .social-master .more a {
            padding: 8px 34px;
            color: #fff;
            background: #003b4d;
            border-radius: 16px;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px
        }

    .social-master .dropdown-menu a {
        text-decoration: none
    }

    .social-master .table-top {
        padding: 20px 0 25px 0
    }

    .social-master .search-box {
        position: relative
    }

        .social-master .search-box input {
            border: 2px solid #b4b4b5;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            padding: 5px 30px 5px 5px;
            width: 100%
        }

        .social-master .search-box button {
            position: absolute;
            right: 7px;
            font-size: 15px;
            background: none;
            top: 4px;
            cursor: pointer
        }

    .social-master table td {
        padding: 10px 5px !important;
        border-top: none !important
    }

    .social-master table th {
        border-top: none !important
    }

    .social-master table td p {
        margin-bottom: 0
    }

.traders-ranking {
    position: relative;
    text-align: center;
    width: 220px;
    display: inline-block
}

.social-master .traders-ranking span {
    color: #fff;
    display: block;
    text-align: center;
    background: url(../Static/images/traders-ranking-bg.png);
    position: absolute;
    background-size: contain;
    left: 10px
}

.social-master .traders-ranking p {
    display: inline-block;
    border: 2px solid #b4b4b5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    overflow: hidden
}

    .social-master .traders-ranking p img {
    }

.social-master .first-traders-ranking {
    width: 210px;
    display: inline-block
}

    .social-master .first-traders-ranking span {
        font-size: 20px;
        width: 41px;
        height: 53px;
        line-height: 40px
    }

    .social-master .first-traders-ranking p {
        width: 80px;
        line-height: 70px;
        height: 80px
    }

        .social-master .first-traders-ranking p img {
        }

.social-master .all-traders-ranking {
    width: 205px;
    display: inline-block
}

    .social-master .all-traders-ranking span {
        font-size: 16px;
        width: 39px;
        height: 50px;
        line-height: 40px
    }

    .social-master .all-traders-ranking p {
        width: 70px;
        line-height: 60px;
        height: 70px
    }

        .social-master .all-traders-ranking p img {
        }

.social-master .first-traders-name {
}

    .social-master .first-traders-name span {
    }

.social-master .first-traders-name {
}

    .social-master .first-traders-name span {
    }

.social-master .first-traders-name {
}

    .social-master .first-traders-name p {
        font-size: 18px
    }

    .social-master .first-traders-name span {
    }

.social-master .all-traders-name {
}

    .social-master .all-traders-name p {
    }

    .social-master .all-traders-name span {
    }

.social-master .first-traders-num {
}

    .social-master .first-traders-num span {
    }

.social-master .first-traders-num {
}

    .social-master .first-traders-num span {
    }

.social-master .first-traders-num {
}

    .social-master .first-traders-num p {
        font-size: 18px
    }

    .social-master .first-traders-num span {
    }

.social-master .all-traders-num {
}

    .social-master .all-traders-num p {
    }

    .social-master .all-traders-num span {
    }

.fc-form input, .fc-form a, .fc-form button {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important
}

.chat-fc-form-outer {
    font-family: verdana,"微软雅黑" !important
}

    .chat-fc-form-outer p.fc-header {
        margin: 0 !important
    }

    .chat-fc-form-outer p.fc-header {
        position: relative !important;
        font-family: verdana,"微软雅黑" !important
    }

    .chat-fc-form-outer div.fc-form p {
        font-size: 14px;
        line-height: 20px !important;
        font-family: verdana,"微软雅黑" !important;
        margin-bottom: 40px !important;
        margin-top: 15px
    }

    .chat-fc-form-outer div.fc-form ul li label {
        font-size: 13px
    }

    .chat-fc-form-outer div.fc-form ul li {
        margin-bottom: 35px !important;
        margin-top: 15px
    }

.form.chat-fc-form {
    min-height: 165px
}

.chat-fc-form-outer div.fc-form ul li input {
    font-family: verdana,"微软雅黑" !important;
    padding: 8px 0 8px 10px !important;
    font-size: 13px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%
}

.chat-fc-form-outer div.fc-form a.fc-button {
    text-decoration: none;
    font-size: 14px
}

div.chat-fc-form-outer {
    max-width: 384px !important
}

.chat-fc-form-outer div.fc-form ul li label {
    top: -12px !important;
    font-family: verdana,"微软雅黑" !important;
    font-weight: normal !important
}

.chat-fc-form-outer div.fc-form a.fc-button {
    margin-bottom: 8px
}

@media only screen and (max-width:640px) {
    div.chat-fc-form-outer {
        width: 100% !important;
        max-width: 100% !important
    }

    .chat-fc-form-outer div.fc-form ul li input {
        width: 100%
    }
}

.usdt_address_tips {
    display: block;
    font-size: 14px;
    margin-top: 5px
}

.card-frame {
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    height: 100% !important
}

@media screen and (min-width:31rem) {
    .card-frame {
        width: 100% !important;
        height: 100% !important
    }
}

.send-code-box .enter-code-tips label {
    vertical-align: middle;
    display: inline-block;
    margin-top: 15px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .send-code-box .enter-code-tips {
        text-align: right
    }
}

@media only screen and (min-width:1676px) {
    .send-code-box .enter-code-tips {
        text-align: right
    }

    .send-code-box .enter-code-ipt {
        padding-left: 8px
    }

    .send-code-box .enter-code-tips {
        padding-right: 0
    }
}

@media only screen and (min-width:1676px) and (max-width:1800px) {
    .send-code-box .btn-send-code {
        padding-right: 0
    }
}

@media only screen and (min-width:1200px) and (max-width:1675px) {
    .send-code-box .col-md-4.col-lg-4 {
        width: 100%
    }
}

@media only screen and (max-width:991px) {
    .send-code-box .enter-code-tips {
        text-align: left
    }
}

.tc-banner {
    color: #494949;
    margin-bottom: 30px
}

    .tc-banner img {
        width: 100%;
        margin-bottom: 25px
    }

    .tc-banner p {
        font-size: 16px
    }

.tc-notice {
    color: #333
}

    .tc-notice b {
        display: block;
        margin-bottom: 10px
    }

.tc-box {
    padding: 20px
}

    .tc-box .what-offer {
        background: #282828;
        font-size: 21px;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        padding: 8px 0;
        margin-bottom: 20px
    }

.tc-offer-text {
    padding: 0 30px
}

    .tc-offer-text span {
        color: #494949;
        font-size: 15px
    }

    .tc-offer-text h2 {
        position: relative;
        font-size: 22px;
        margin: 5px 0 15px 0;
        color: #494949;
        line-height: 24px
    }

        .tc-offer-text h2 i.tc-square {
            position: absolute;
            left: -30px;
            height: 8px;
            width: 8px;
            background: #333;
            top: 8px
        }

    .tc-offer-text p {
        color: #333
    }

.tc-box hr {
    border-top: 1px solid #939393
}

.tc-list button {
    font-size: 18px;
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    padding: 5px 8px;
    min-width: 170px;
    font-family: "Gotham-Light","Roboto","微软雅黑"
}

.tc-button {
    position: relative
}

span.tc-tips {
    position: absolute;
    right: 0;
    left: 0;
    top: 55px;
    color: rgba(0,0,0,.5)
}

@media only screen and (min-width:1200px) {
    .tc-banner p {
        text-align: center;
        font-size: 21px;
        padding: 0 110px
    }

    .tc-notice {
        padding: 0 45px
    }

    .tc-button {
        text-align: right;
        padding-right: 50px
    }

    .tc-list .col-lg-8 {
        width: 69.666667%
    }

    .tc-list .col-lg-4 {
        width: 30.33333333%
    }
}

@media only screen and (max-width:1199px) {
    .tc-box {
        padding: 0
    }

    .tc-list {
        padding: 10px 0
    }

    .tc-box .what-offer {
        font-size: 20px
    }

    .tc-button {
        text-align: center;
        padding-right: 0
    }

    .tc-offer-text h2 {
        margin-top: 0
    }

    .tc-offer-text {
        padding: 0 0 0 30px
    }

    .tc-list button {
        font-size: 14px;
        padding: 6px 8px
    }

    span.tc-tips {
        position: static;
        display: block;
        margin-top: 15px
    }
}

#tc-tips-modal .modal-header {
    border-bottom: none
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
    font-size: 20px
}

.mam-search-btn {
    text-align: right
}

.mam-form.icon-form button {
    width: 100%
}

.mam-table select {
    border: 2px solid #b4b4b5;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    padding: 4px
}

.mam-table table .buttons.buttons-success {
    width: 100%;
    height: 30px;
    border-radius: 4px;
    font-size: 14px !important;
    margin-left: 0
}

.mam-table .table-bordered > tbody > tr > td, .mam-table .table-bordered > tbody > tr > th, .mam-table .table-bordered > tfoot > tr > td, .mam-table .table-bordered > tfoot > tr > th, .mam-table .table-bordered > thead > tr > td, .mam-table .table-bordered > thead > tr > th {
    border: 2px solid #eee
}

.mam-table button[disabled] {
    background: #dedede !important;
    color: #333;
    cursor: default
}

    .mam-table button[disabled]:hover {
        border-color: #dedede !important;
        color: #333;
        background: #dedede !important
    }

@media only screen and (min-width:1921px) {
    .table-form .mam-form.icon-form .col-lg-3 {
        width: 22%
    }
}

@media only screen and (min-width:1200px) {
    .table-form .mam-form.icon-form .col-lg-3 {
        width: 21%
    }

    .table-form .mam-form.icon-form .col-lg-offset-5 {
        margin-left: 44.666667%
    }

    .table-form .mam-form.icon-form .col-lg-2 {
        width: 13.333337%
    }
}

@media only screen and (max-width:991px) {
    .table-box.mam-table {
        overflow-x: auto
    }
}
/* .welcome-banner-box{height:600px;background:url(../Static/images/welcome-bonus-banner.png) no-repeat;background-position:center;padding-top:70px;background-size:contain}
*/ .dw-bonus-banner {
    background: url(../Static/images/dw-bonus-banner_cn.png) no-repeat;
    background-position: center
}

.welcome-title {
    font-size: 42px;
    font-family: "Gotham-book","微软雅黑";
    color: #161616;
    line-height: 1.2;
    text-transform: uppercase
}

.tradable-title {
    font-size: 38px
}

.fbf-title {
    margin-bottom: 35px;
}

.welcome-box {
    padding: 30px 35px 0;
    font-family: "Gotham-book","微软雅黑"
}

    .welcome-box h5 {
        margin-bottom: 40px
    }

.welcome-baner-text {
    color: #515151;
    font-size: 17px;
    line-height: 1.4
}

.tradable-banner-text {
    font-size: 18px;
    letter-spacing: 0.05px
}

.onehundred-banner-text {
    line-height: 1.7;
    font-size: 17px;
    margin-bottom: 30px;
    font-family: "Gotham-Book","Roboto","微软雅黑";
    width: auto !important;
}

.welcome-learn-more {
    color: #000;
    font-size: 16px;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 15px;
    font-weight: bold;
    color: #515151
}

.tradable-learn-more {
    font-size: 14px
}

.onehundred-learn-more {
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 0;
}

.welcome-learn-more i img {
    height: 22px;
    vertical-align: bottom
}

.welcome-box .welcome-risk button {
    padding: 6px 30px;
    font-size: 20px;
    margin-top: 80px
}

.welcome-risk {
    text-transform: uppercase;
    display: inline-block;
    text-align: center
}

    .welcome-risk p {
        font-size: 16px;
        color: #515151;
        margin-top: 10px
    }

        .welcome-risk p a {
            font-weight: bold;
            font-family: "Gotham-book","微软雅黑"
        }

.easy-start-box {
    font-family: "Gotham-book","微软雅黑";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-image: url(../Static/images/easy-start-bg.png);
    padding: 140px 0;
    color: #fff
}

.easy-start-content {
    width: 100%
}

.easy-start-box h5 {
    text-align: center;
    color: #fff;
    margin-bottom: 30px
}

.easy-start-box p {
    font-size: 17px;
    text-align: center;
    margin-bottom: 10px
}

.easy-start-content .easy-steps-title {
    font-size: 17px;
    border-bottom: 1px solid rgba(255,255,255,.6);
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-transform: uppercase;
    margin-top: 45px
}

.easy-start-content ul li {
    font-size: 17px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 12px 15px
}

    .easy-start-content ul li span, .easy-steps-title b {
        width: 50%;
        display: inline-block;
        text-align: center
    }

        .easy-steps-title b i {
            font-style: normal;
            color: #c9c9c9
        }

    .easy-start-content ul li:nth-child(odd) {
        background: #f4f4f4;
        color: #414141;
        padding: 8px 15px
    }

.welcome-steps-box {
    font-family: "Gotham-book","微软雅黑";
    text-align: center;
    color: #161616
}

.welcome-steps-bg {
    background: url(../Static/images/welcome-steps.png) no-repeat;
    background-position: right;
    padding: 120px 15px 60px
}

.dw-steps-box {
    margin: 45px 15px 100px
}

.welcome-steps-box h2 {
    font-size: 28px;
    font-family: 'Gotham-Book',"微软雅黑";
    color: #161616
}

.welcome-steps-box h5 {
    margin: 20px 0 60px
}

.welcome-steps-box .step-box-btn p {
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #fff;
    margin: 25px 0
}

    .welcome-steps-box .step-box-btn p a {
        background: #000;
        float: left;
        color: #fff;
        text-align: center;
        padding: 6px 25px;
        display: block;
        width: 72%;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        font-size: 16px
    }

    .welcome-steps-box .step-box-btn p .dot-left {
        display: block;
        float: left
    }

    .welcome-steps-box .step-box-btn p::after {
        content: "";
        display: block;
        clear: both
    }

    .welcome-steps-box .step-box-btn p .dot-right {
        display: block;
        float: left
    }

    .welcome-steps-box .step-box-btn p span {
        width: 14%;
        height: 32px;
        line-height: 32px
    }

    .welcome-steps-box .step-box-btn p i {
        display: inline-block;
        width: 8px;
        height: 8px;
        background: #000;
        border-radius: 50%;
        margin: 0 6px
    }

.dw-banner-box {
    background: none
}

    .dw-banner-box .welcome-box {
        position: relative
    }

.dw-banner-lg {
    position: absolute;
    right: -70px;
    width: 720px;
    top: -12px;
    padding: 30px 80px
}

.dw-steps-apply .step-box-btn {
    background: #000;
    border-radius: 4px;
    color: #fff;
    padding: 20px 15px;
    line-height: 24px
}

    .dw-steps-apply .step-box-btn li {
        margin: 20px 0
    }

.dw-steps-apply > p {
    line-height: 30px;
    margin-bottom: 20px
}

@media only screen and (min-width:1921px) {
    .easy-start-box {
        background-color: #000
    }
}

@media only screen and (min-width:1500px) {
    .welcome-box {
        padding: 40px 15px 0;
        width: 1170px;
        margin: 0 auto
    }

    .tradablebonus-box {
        padding: 70px 0px 0;
        width: auto;
        margin: 0
    }
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .welcome-box {
        padding: 30px 15px 0
    }
}

@media only screen and (min-width:1200px) and (max-width:1260px) {
    .dw-banner-lg {
        right: 0;
        padding: 45px 0 30px 220px
    }
}

@media only screen and (min-width:1300px) {
    .welcome-steps-box .step-box-btn {
        width: 900px;
        margin: 0 auto
    }
}

@media only screen and (min-width:1200px) {
    .welcome-banner-small {
        display: none
    }

    .welcome-box h5 {
        width: 325px
    }

    .welcome-baner-text {
        width: 340px
    }

    .onehundred-banner-title {
        line-height: 1.7;
        font-size: 17px;
        letter-spacing: 0.5px;
        margin-bottom: 16px;
        font-family: "Gotham-Book","Roboto","微软雅黑";
        width: auto
    }

    .welcome-steps-box .container, .easy-start-box .container {
        width: 100%
    }
}

@media only screen and (min-width:992px) {
    .welcome-steps-box .step-box-btn p a:hover {
        transform: scale(1.01,1.01);
        -webkit-transform: scale(1.01,1.01);
        -moz-transform: scale(1.01,1.01);
        -ms-transform: scale(1.01,1.01)
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
}

@media only screen and (min-width:768px) {
    .easy-start-content {
        width: 438px;
        margin: 0 auto
    }
}

@media only screen and (max-width:1920px) {
    .welcome-banner-box {
        background-position: right
    }
}

@media only screen and (max-width:1199px) {
    .welcome-box {
        padding: 0 0 70px
    }

    .dw-welcome-box .welcome-title {
        margin-top: 80px
    }

    .welcome-learn-more {
        font-size: 15px
    }

        .welcome-learn-more i img {
            height: 20px
        }

    .welcome-banner-box {
        background: none;
        height: auto;
        padding-top: 0
    }

    .tradablebonus-banner-box {
        height: auto
    }

    .dw-banner-box .dw-banner-lg {
        display: none
    }

    .welcome-title {
        font-size: 30px
    }

    .welcome-steps-box h2 {
        font-size: 24px
    }

    .welcome-steps-bg {
        padding: 64px 15px;
        background-size: contain
    }

    .welcome-steps-box .container, .easy-start-box .container {
        width: 100%
    }

    .welcome-steps-box h2 {
        font-size: 20px !important
    }

    .welcome-steps-box {
        margin-left: -15px;
        margin-right: -15px
    }

    .welcome-steps-bg {
        padding: 45px 0;
        background-size: contain
    }

    .dw-steps-box {
        padding: 35px 0 45px 0;
        margin: 0
    }

    .welcome-steps-box h5 {
        margin: 15px 0 35px
    }

    .welcome-steps-box .step-box-btn p a {
        width: 100%
    }

    .welcome-steps-box .step-box-btn p span {
        display: none !important
    }
}

@media only screen and (max-width:991px) {
    .easy-start-content ul li {
        font-size: 16px
    }

    .welcome-risk {
        display: block
    }

    .easy-start-box p {
        font-size: 16px;
        margin-bottom: 5px
    }

    .easy-start-content .easy-steps-title {
        font-size: 15px
    }

    .welcome-steps-box .step-box-btn p a {
        font-size: 14px;
        padding: 6px 10px
    }
}

@media only screen and (max-width:767px) {
    .welcome-baner-text {
        font-size: 16px
    }

    .welcome-box .welcome-risk button {
        font-size: 16px;
        padding: 6px 30px;
        min-width: 220px;
        margin-top: 25px
    }

    .welcome-title {
        font-size: 26px !important
    }
}

.cashback-features-box {
    padding: 75px 0 100px
}

.tradable-features-box {
    padding: 80px 0 110px
}

h4.cashback-sub-title {
    font-size: 32px;
    font-family: 'Gotham-Book',"微软雅黑";
    text-transform: uppercase;
    margin-bottom: 60px;
    line-height: 1.2
}

h4.tradable-sub-title {
    margin-bottom: 30px
}

h4.tradable-sub-title {
    font-size: 28px
}

.cashback-features-box h4.cashback-sub-title {
    color: #000
}

.cashback-features-box .list-group-item {
    font-size: 18px;
    font-family: 'Gotham-Book',"微软雅黑";
    border: none;
    padding: 5px 35px;
    line-height: 1.2
}

.tradable-features-box .list-group-item {
    font-size: 18px;
    font-family: 'Gotham-Book',"微软雅黑";
    border: none;
    padding: 5px 0px;
    line-height: 1.2
}

.cashback-features-box .badge {
    border-radius: 50%;
    background: #daedf3;
    vertical-align: baseline;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 24px;
    margin-right: 25px
}

.tradable-features-box .badge {
    background: black;
    flex-shrink: 0
}

.cashback-features-box .badge img {
    height: 12px;
    width: 15px
}

.cashback-account-box {
    color: #181818;
    padding-bottom: 110px
}

    .cashback-account-box h4.cashback-sub-title {
        color: #181818;
        text-align: center
    }

    .cashback-account-box .cashback-account-title {
        font-size: 16px;
        border-bottom: 1px solid #747474;
        margin-bottom: 10px;
        padding-bottom: 5px;
        text-transform: uppercase
    }

    .cashback-account-box ul li {
        font-size: 16px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        padding: 8px 15px
    }

        .cashback-account-box ul li span {
            width: 50%;
            display: inline-block;
            text-align: center
        }

.cashback-account-title b {
    text-align: center;
    display: block;
    font-family: 'Gotham-Book',"微软雅黑"
}

.cashback-account-box b i {
    font-style: normal;
    color: #181818;
    font-family: 'Gotham-Light',"微软雅黑"
}

.cashback-account-box ul li:nth-child(even) {
    background: #f4f4f4;
    color: #414141
}

.cashback-features-l {
    background: url(../Static/images/cashback-fetures.jpg) no-repeat;
    background-position: left bottom;
    height: 85%;
    background-size: contain
}

.cashback-features-box .list-group .badge {
    margin-top: 0
}

@media only screen and (min-width:1500px) {
    .cashback-text-box {
        width: 530px
    }

    .cashback-text-box-r {
        margin-left: 45px
    }

    .cashback-features-l, .tradable-features-1, .list-group, .cashback-text-box-l, .cashback-text-box-r {
        transition: all .5s;
        -webkit-transition: all .5s;
        -ms-transition: all .5s;
        -moz-transition: all .5s
    }

    .cashback-features-box:hover .list-group {
        padding-left: 20px
    }

    .tradable-features-box:hover .list-group {
        padding-left: 0px
    }

    .onehundred-features-box:hover .list-group {
        padding-left: 0px
    }

    .cashback-features-box:hover .cashback-features-l {
        padding-left: 5px
    }

    .tradable-features-box:hover .tradable-features-1 {
        padding-left: 5px
    }

    .cashback-account-box:hover .cashback-text-box-l {
        margin-left: 5px
    }

    .cashback-account-box:hover .cashback-text-box-r {
        margin-left: 40px
    }

    .cashback-account-box, .cashback-features-box {
        margin: 0 auto;
        width: 1140px
    }

    .tradable-features-box {
        width: 1170px
    }

    .onehundred-features-box {
        width: 1140px
    }
}

@media only screen and (min-width:1200px) {
    .cashback-account-box ul li:hover {
        background: #e5e5e5
    }

    .cashback-features-box .list-group {
        padding-left: 25px
    }

    .tradable-features-box .list-group {
        padding-left: 5px
    }

    .cashback-features-box .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .onehundred-features-box .row {
        margin: 0;
    }

    .cashback-box .welcome-baner-text {
        width: 380px
    }

    .tradablebonus-box .tradable-banner-text {
        width: 450px;
    }

    .cashback-banner-box .welcome-box h5 {
        width: 500px
    }

    .tradablebonus-banner-box .tradablebonus-box h5 {
        width: auto
    }
}

@media only screen and (max-width:1199px) {
    .cashback-account-box .table-responsive {
        border: none
    }

    .cashback-features-l {
        background: none
    }

    h4.cashback-sub-title {
        margin-bottom: 35px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .cashback-account-box {
        padding-bottom: 165px
    }

    .cashback-features-box {
        padding: 55px 0 60px
    }

    .cashback-account-box {
        padding-bottom: 60px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    h4.cashback-sub-title {
        font-size: 24px !important
    }

    .cashback-features-box .list-group-item {
        padding: 5px 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
}

@media only screen and (min-width:992px) {
}

@media only screen and (max-width:991px) {
    .cashback-banner-box {
        background: none !important
    }

    .cashback-account-box .cashback-account-title {
        font-size: 15px
    }

    .cashback-text-box.cashback-text-box-l {
        margin-bottom: 35px
    }

    .cashback-features-box .list-group-item {
        font-size: 16px;
        padding: 5px 0
    }

    .cashback-features-box {
        padding: 0 0 30px
    }

    .cashback-account-box {
        padding-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    h4.cashback-sub-title {
        font-size: 22px !important;
        text-align: left !important
    }
}

@media only screen and (max-width:450px) {
    .cashback-text-box .table-responsive ul {
        width: 445px
    }
}

.share-cfd-text {
}

    .share-cfd-text h5 {
        font-size: 20px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        background: #282828;
        color: #fff;
        padding: 8px 0;
        text-align: center;
        margin-bottom: 30px
    }

    .share-cfd-text h3 {
        font-size: 18px;
        text-align: center;
        font-weight: bold;
        margin-top: 15px
    }

    .share-cfd-text p {
        margin-top: 30px;
        margin-bottom: 25px
    }

.share-cfd-notes b {
    display: block;
    margin-bottom: 15px;
    margin-top: 20px
}

.share-cfd-notes p {
    position: relative;
    padding-left: 8px
}

    .share-cfd-notes p em {
        font-style: normal;
        position: absolute;
        left: 0
    }

.news-detail-author {
    position: relative;
    margin-top: -10px
}

.news-author-pop {
    cursor: text;
    text-align: left;
    padding: 15px;
    position: relative;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 98;
    width: 415px;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ffffff;
    box-shadow: 0 0px 8px 0px #a5a5a5;
    -moz-box-shadow: 0 0px 8px 0px #a5a5a5;
    -webkit-box-shadow: 0 0px 8px 0px #a5a5a5
}

.news-author-pop-btn {
    color: #595757;
    display: inline-block
}

    .news-author-pop-btn span {
        color: #076f8f;
        display: inline-block;
        line-height: 14px;
        font-weight: bold;
        position: relative;
        border: 2px solid;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        width: 16px;
        height: 16px;
        text-align: center;
        font-size: 12px
    }

        .news-author-pop-btn span:hover {
            color: #003B4D
        }

    .news-author-pop-btn:hover .news-author-pop {
        display: block;
        visibility: visible;
        opacity: 1;
        color: #595757
    }

.news-author-pop-active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    display: block
}

.news-author-pop .arrow-author {
    cursor: pointer;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
    border-left: 10px solid transparent;
    position: absolute;
    display: block
}

@media only screen and (min-width:1200px) {
    .news-author-pop {
        right: -8px;
        top: 15px
    }

        .news-author-pop .arrow-author {
            top: -18px;
            right: 5px
        }
}

@media only screen and (max-width:1199px) {
    .news-author-pop {
        left: -8px;
        top: 15px
    }

        .news-author-pop .arrow-author {
            top: -18px;
            left: 5px
        }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .news-detail-author {
        text-align: left
    }
}

@media only screen and (max-width:510px) {
    .news-author-pop .author-detail {
        font-size: 12px
    }

    .tradable-features-box .badge {
        margin-right: 10px
    }
}

@media only screen and (min-width:400px) and (max-width:445px) {
    .news-author-pop {
        width: 370px
    }
}

@media only screen and (min-width:350px) and (max-width:399px) {
    .news-author-pop {
        width: 320px
    }
}

@media only screen and (max-width:349px) {
    .news-author-pop {
        width: 280px
    }
}

.not-select {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

.usingCard_tips {
    display: inline-block;
    display: none;
    font-size: 14px;
    margin-top: 5px
}

.two-facto-box {
}

    .two-facto-box .card-title {
        margin-top: 70px;
        margin-bottom: 50px;
    }

        .two-facto-box .card-title a {
            display: block;
            margin-bottom: 20px;
            padding: 15px 15px 15px 60px;
            border: 2px solid #ababab;
            border-radius: 16px;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            -ms-border-radius: 16px;
            min-height: 130px;
            color: #494949;
            font-size: 17px;
            position: relative
        }

            .two-facto-box .card-title a i {
                position: absolute;
                left: 30px;
                top: 19px;
                display: inline-block;
                width: 16px;
                height: 15px;
                cursor: pointer;
                background-image: url(../Static/images/radio-icon-gray.png);
                background-repeat: no-repeat;
                background-position: 0 0
            }

            .two-facto-box .card-title a span {
                display: inline-block;
                color: #003d4b;
                font-size: 14px;
                margin-top: 10px;
                line-height: 1.3
            }

            .two-facto-box .card-title a.card-titles-on i {
                background-position: -16px 0
            }

    .two-facto-box .send-code-box {
        margin-top: 60px
    }

        .two-facto-box .send-code-box .col-sm-6 {
            margin-bottom: 15px
        }

        .two-facto-box .send-code-box .btn-send-code .btnSendCode {
            transition: width 0s;
            -webkit-transition: width 0s;
            -moz-transition: width 0s;
            -ms-transition: width 0s;
            transition: background 0.5s;
            -webkit-transition: background 0.5s;
            -moz-transition: background 0.5s;
            -ms-transition: background 0.5s
        }

@media only screen and (min-width:1499px) {
    .two-facto-box .card-title, .two-facto-box .send-code-box {
        width: 1055px;
        margin-left: auto;
        margin-right: auto
    }

        .two-facto-box .card-title a {
            width: 490px;
            margin-left: auto;
            margin-right: auto
        }

        .two-facto-box .send-code-box .btn-send-code {
            text-align: right;
            padding-right: 25px
        }

        .two-facto-box .send-code-box .enter-code-ipt {
            text-align: left;
            padding-left: 25px
        }

            .two-facto-box .send-code-box .btn-send-code button, .two-facto-box .send-code-box .enter-code-ipt input {
                width: 160px
            }
}

@media only screen and (min-width:1200px) and (max-width:1675px) {
    .two-facto-box .send-code-box .col-md-5 {
        width: 100%
    }

    .two-facto-box .card-title a {
        min-height: 145px
    }
}

@media only screen and (min-width:992px) and (max-width:1498px) {
    .two-facto-box .send-code-box {
        width: 370px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .two-facto-box .card-title .col-md-6 {
        width: 100%
    }

        .two-facto-box .card-title .col-md-6 a {
            width: 75%;
            margin-left: auto;
            margin-right: auto
        }
}

@media only screen and (min-width:992px) {
    .two-facto-btn-box {
        width: 372px;
        margin-left: auto;
        margin-right: auto
    }
}

.menu-save {
    vertical-align: middle;
    height: 16px;
    margin-left: 5px
}

.radioDisabled em {
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../Static/images/radio-icon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.radioDisabled.on em {
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../Static/images/radio-icon.png);
    background-repeat: no-repeat;
    background-position: -16px 0;
}

.radioDisabled label {
    margin-bottom: 0;
    vertical-align: middle;
    cursor: not-allowed;
    color: #cfcfcf;
}

.contact-form.apply-bonus-form .agree_save {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    margin-top: 30px;
    text-align: center;
}

    .contact-form.apply-bonus-form .agree_save > p {
        display: inline-block;
        margin: 10px;
    }

.contact-form.apply-bonus-form .agree_saveTips {
    color: #000;
    font-size: 12px;
    margin-top: -15px;
    text-align: center
}

    .contact-form.apply-bonus-form .agree_saveTips a {
        text-decoration: underline
    }

        .contact-form.apply-bonus-form .agree_saveTips a:hover {
            text-decoration: none;
        }

@media only screen and (min-width:1200px) {
    .contact-form.apply-bonus-form .piaochecked {
        margin-left: 70px;
    }

    .traders-body {
        flex-direction: column;
        可能在非常小的螢幕上改為縱向排列 align-items: center;
    }
}

@media only screen and (max-width:1500px) {
    .tradable-bonus-container {
        width: auto
    }

    .traders-body {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    .follower-body {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
}

@media only screen and (max-width:991px) {
    .contact-form.apply-bonus-form .agree_save {
        width: 100%;
        text-align: left
    }

    .contact-form.apply-bonus-form .agree_saveTips {
        text-align: left;
    }

    .contact-form.apply-bonus-form .agree_save > p {
        margin: 10px 8px;
    }

    .onehundred-features-box {
        padding: 50px 0 30px;
    }

    .fbf-image-box img {
        height: auto;
        margin-left: 0
    }

    .what-is-fbf-text-section {
        gap: 25px;
        padding-top: 50px;
        height: auto;
    }

    .what-is-fbf-title {
        font-size: 25px;
    }

    .what-is-fbf-text {
        width: 90%;
    }

    .fbf-title {
        font-size: 25px;
        margin-bottom: 30px;
    }

    .fbf-apply-form {
        padding: 30px 30px 45px;
        width: 90%;
    }

    .fbf-features-intro-section {
        padding-bottom: 40px;
    }
}

@media only screen and (max-width:860px) {
    .onehundred-features-box > .row > .list-group .list-group-item {
        width: 100%;
    }

    .fbf-container {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:1199px) {
    .tradable-features-1 {
        background: none
    }
}

#announcementModal .modal-title {
    margin: 10px;
    text-align: center;
    line-height: initial;
    font-size: 24px;
}

.announcementModalBody {
    padding: 25px
}

    .announcementModalBody p {
        text-align: left;
        font-size: 16px
    }

.announcementModalClose {
    position: absolute;
    right: 30px;
}

@media only screen and (max-width:570px) {
    #announcementModal .modal-title {
        font-size: 18px;
    }

    .announcementModalBody p {
        font-size: 13px
    }
}

@media only screen and (max-width:510px) {
    .onehundred-bonus-image-box img {
        margin-left: 0;
        padding-left: 30px;
    }

    .tradable-features-box .badge {
        margin-right: 10px
    }

    .onehundred-bonus-container {
        padding-left: 0;
        padding-right: 0;
    }

    .onehundred-features-box {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

        .onehundred-features-box > .row {
            margin: 0;
        }

            .onehundred-features-box > .row:nth-child(2) {
                padding-left: 20px;
                padding-right: 20px;
                margin: 0;
            }

    .onehundred-features-line {
        margin-left: 20px;
    }

    .fbf-image-box img {
        margin-left: 0;
        padding-left: 0px;
    }

    .fbf-apply-form {
        padding: 30px 20px 45px;
    }

    .what-is-fbf-title {
        font-size: 20px;
    }

    .what-is-fbf-text {
        font-size: 12px;
    }

    .section-title .fbf-apply-title {
        font-size: 20px;
    }

    .fbf-btn {
        padding: 6px 60px;
    }
}

@media only screen and (max-width:1400px) {
    .pt-follower-body {
        padding-left: 15% !important;
        padding-right: 15% !important;
    }
}

@media only screen and (max-width:1200px) {
    .traders-body, .social-trading-banner {
        height: auto !important;
    }

    .social-trading-portlet {
        padding-left: 15px !important;
    }

    .center-content span {
        font-size: 17px;
    }

    .traders-box {
        padding-left: 0% !important;
        height: 470px !important;
    }

    .center-content {
        padding-top: 30px !important;
        padding-left: 0px !important;
    }

    .pt-follower-body {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    .app-container {
        flex-direction: column;
    }

    .card-group {
        align-items: center;
        margin: 0;
    }

    .appvideo-box {
        order: -1;
        margin-bottom: 40px;
    }

    .tab {
        padding: 0px 20% !important;
    }
}

@media only screen and (max-width:991px) {
    .social-trading-portlet {
        padding-left: 30px !important;
        padding-top: 0px !important;
        margin-bottom: 35px !important;
        margin-top: 50px !important;
    }

    .center-content {
        padding-top: 40px !important;
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    pc-img {
        display: none !important;
    }

    .social-trading-banner {
        height: 1229px !important;
        background: url(../Static/images/top-trader-background-phone.png) no-repeat !important;
        background-position: center !important;
    }

    .follower-body {
        padding-left: 15% !important;
        padding-right: 15% !important;
    }

    .caption {
        display: block !important;
    }

    .portlet-container {
        justify-content: center !important;
        padding-left: 50px;
    }

        .portlet-container img {
            padding-right: 15px;
        }

    .caption-subject {
        padding-left: 0px !important;
    }

    .pt-portlet-container img {
        display: none !important;
    }

    .pt-box {
        padding: 0 50px 0 0 !important;
    }

    .tab {
        padding: 0px 10% !important;
    }

    .tools-btn-btm {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .tools-btn-btm a {
            display: block;
            text-align: center;
            margin: 15px;
        }

    .pelican-trading-banner {
        padding-top: 0px !important;
    }
}

@media only screen and (max-width:768px) {
    /*	.portlet-container {
		padding-left: 100px !important;
	}*/
    .ptcard {
        padding-top: 25px !important;
    }

    .icon {
        padding-top: 0px !important;
    }

    .tools-btn-btm {
        margin-bottom: 0px !important;
    }
}

@media only screen and (max-width:576px) {
    #phone-img {
        display: block !important;
        margin-left: auto;
        margin-right: auto;
    }

    #pc-img {
        display: none !important;
    }

    .traders-body {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }

    /*		.social-trading-banner {
			height: 1229px !important;
			background: url(../Static/images/top-trader-background-phone.png) no-repeat !important;
		}*/

    .text-box {
        padding: 15px 5px !important;
    }

    .portlet-container {
        padding-left: 20px !important;
    }

    .pelican-banner-box {
        background: url(../Static/images/PelicanTrading-phonebg.png) no-repeat !important;
        padding-top: 0px !important;
        width: 350px !important;
        height: 280px !important;
        min-height: 280px !important;
    }

    .pt-box {
        padding: 20px 0px !important;
    }

    .pelicantrading-title {
        font-size: 24px !important;
    }

    .pelicantrading-baner-text {
        font-size: 15px !important;
        line-height: 30px !important;
    }

    .tab {
        padding: 0px 0% !important;
    }

    .number {
        margin-right: 145px !important;
        font-size: 22px !important;
    }

    .content strong {
        font-size: 13px;
    }

    .ptcard {
        width: 350px !important;
        padding: 20px !important;
    }

    .icon {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 0px !important;
    }

    .app-card {
        display: flex;
        align-items: center;
        width: 350px !important;
        height: 135px !important;
        padding: 30px !important;
    }

        .app-card img {
            padding-right: 15px;
        }
}

@media only screen and (max-width:430px) {
    .traders-name, .traders-text {
        font-size: 16px !important;
    }

    .follower-body {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }

    .portlet-container {
        padding-left: 0px !important;
    }

    .stat {
        padding-left: 0px !important;
    }

    .number {
        margin-right: 90px !important;
    }
}

@media only screen and (max-width:375px) {
    .card {
        padding: 0px !important;
    }

    .traders-text {
        font-size: 14px !important;
    }

    .number {
        margin-right: 30px !important;
    }
}

#phone-img {
    display: none;
}

#pc-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.social-trading-banner-box {
    padding-top: 70px;
    text-align: center;
}

.social-trading-baner-text {
    padding-bottom: 40px;
    font-size: 15px;
}

.social-trading-title {
    font-size: 32px;
    font-family: "Gotham-book","微软雅黑";
    color: #161616;
    line-height: 1.2;
    text-align: center;
}

.social-trading-banner {
    background: url(../Static/images/toptrader-background.png) no-repeat;
    background-position: center;
    padding-top: 75px;
    background-size: contain;
    height: 600px;
}

.social-trading-portlet {
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 30px;
    -webkit-box-shadow: 4px 4px 4px 0 #ababab;
    border: 1px solid #eee;
    border-radius: 8px;
    -moz-border-radius: 8px;
    background-color: rgba(255, 255, 255);
}

.follower-body {
    padding-left: 15%;
    padding-right: 15%;
}

.traders-body {
    padding-left: 15%;
    padding-right: 15%;
    height: 520px;
}

.traders-box {
    padding-left: 5%;
    height: 500px;
}

.caption-subject {
    padding-left: 15px;
    font-size: 15px;
    line-height: 26px;
}

.caption {
    display: flex;
    justify-content: center;
    align-items: center;
}

.portlet-container {
    display: flex;
}

.center-content {
    padding-left: 30px;
    padding-top: 25px
}

    .center-content span {
        font-size: 20px;
    }

.btn-rounded {
    background-color: #000;
    color: #fff;
    border-radius: 8px;
    height: 42px;
    width: 180px;
    text-align: center;
}

.btn-disable {
    background-color: #EEEEEE;
    color: #828282;
    border-radius: 8px;
    height: 42px;
    width: 180px;
    text-align: center;
    border: 1px solid #828282;
}

.traders-number {
    font-size: 15px;
    color: #828282;
    display: grid;
    padding: 15px
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.traders-name {
    font-size: 18px;
    color: black;
    font-family: var(--rm-font-book);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 15px;
}

.stat {
    display: grid;
    border-left: 1px solid #828282;
    padding-left: 10px;
    padding-top: 5px;
}

.label {
    font-size: 10px;
    color: #828282;
    text-align: left;
    font-weight: 100 !important;
}

.traders-text {
    font-size: 18px;
    color: black;
    font-family: var(--rm-font-book);
    margin-left: 10px
}

.text-center {
    text-align: center;
    padding-bottom: 50px;
}

.card {
    width: 100%;
    height: 85px;
    border: 1px solid #828282;
    border-radius: 8px;
    background-color: white;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .card img {
        width: 48px;
        height: 48px;
        border-radius: 50%;
    }

.card-content {
    flex-grow: 1;
    text-align: center;
    margin: 0 5px;
}

.promo-toggle {
    font-size: 15px;
    margin: 0 auto;
    padding: 0 15px 15px;
    display: none;
}

.pelican-learn-more {
    color: #000;
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: bold;
}

.pelican-banner-box {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    min-height: 320px;
    max-width: 1170px;
    width: 100%;
    background: url(../Static/images/PelicanTradingbg.png) no-repeat;
    background-position: center;
    padding-top: 70px;
    background-size: cover;
}

.pt-box {
    padding: 0 50px 0 65px;
    font-family: var(--rm-font-book)
}

.pt-portlet-container {
    display: flex;
}

.pelicantrading-title {
    font-size: 40px;
    color: #000000;
    text-align: left;
    margin-bottom: 20px;
}

    .pelicantrading-title img {
        padding-right: 20px;
    }

.pelicantrading-baner-text {
    color: #000000;
    font-size: 17px;
    line-height: 40px;
    text-align: left;
    /*	font-family: 'OpenSauceOne-Regular';*/
}

.pelican-trading-banner {
    background-position: center;
    padding-top: 75px;
    background-size: contain;
}

.pt-follower-body {
    padding-left: 20%;
    padding-right: 20%;
}

.pelican-trading-title {
    font-size: 30px;
    font-family: "Gotham-book", "微软雅黑";
    color: #000000;
    line-height: 45px;
    text-align: center;
    padding-bottom: 20px;
}

.pelican-trading-baner-text {
    padding-bottom: 40px;
    font-size: 15px;
    color: black;
    line-height: 22.5px;
}

.tools-banner-btn {
    background: none;
    margin-top: 0;
    padding: 0 5px;
}

    .tools-banner-btn img {
        padding-right: 25px;
    }

.tools-btn-btm {
    margin-bottom: 45px;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.card-container {
    display: grid;
    justify-content: center;
    padding-top: 20px;
}

.ptcard {
    background: linear-gradient(to bottom, #ffffff, #e0e0e0);
    padding: 50px;
    border-radius: 8px;
    margin-bottom: 40px;
    border: 1px solid #e0e0e0;
    width: 500px;
    height: 205px;
    text-align: left;
}

.icon {
    padding-top: 25px;
}

    .icon img {
        width: 50px;
        height: 50px;
    }

.contents h5 {
    margin-bottom: 15px;
    font-size: 17px;
    color: black;
}

.contents p {
    font-size: 15px;
    line-height: 22.5px;
}

.app-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 20px;
    margin-left: 20px;
}

.appvideo-box {
    width: 303px;
    height: 600px;
    object-fit: cover;
}

video {
    height: 100%;
    object-fit: cover;
}

.app-card {
    background-color: #F5F6F8;
    padding: 40px;
    border-radius: 20px;
    width: 318px;
    height: 222px;
    margin: 0 20px 40px 20px;
    opacity: 0;
    text-align: left;
}

    .app-card h3 {
        font-size: 17px;
        color: black;
    }

    .app-card p {
        font-size: 15px;
        color: #636D7D;
        line-height: 22.5px;
    }

.discover-card {
    position: relative;
    left: -100px; /* 初始化偏移 */
}

.postion-card {
    position: relative;
    left: -100px; /* 初始化偏移 */
}

.activity-card {
    position: relative;
    right: -100px; /* 初始化偏移 */
}

.account-card {
    position: relative;
    right: -100px; /* 初始化偏移 */
}

.grid-tabs {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
}

    .grid-tabs a {
        color: black;
    }

.tab {
    padding: 0px 30%;
    display: flex;
    justify-content: flex-start;
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
    cursor: pointer;
    transition: background 0.3s ease;
}

#tab4 {
    border-bottom: 1px solid #e0e0e0;
}

.tab-container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px 0;
    cursor: pointer;
    transition: background 0.3s ease;
}

.number {
    font-size: 30px;
    font-weight: bold;
    margin-right: 200px;
    color: #000;
}

.content {
    flex: 1;
    text-align: left;
    font-size: 15px;
}

    .content strong {
        display: block;
        margin-bottom: 5px;
        font-size: 15px;
        color: black;
    }

    .content p {
        font-size: 15px;
        color: black;
    }

.tab:hover {
    background: linear-gradient(to right, #ffffff 0%, #E1E4E8 50%, #ffffff 100%);
}

.triangleicon {
    text-align: center;
    padding: 5% 0;
}

.pt-baner-text {
    font-size: 15px;
    color: black;
    line-height: 22.5px;
}

@charset "utf-8";html,body{font-family:verdana,"微软雅黑"}
@media (min-width:1600px){.container{width:1540px}
}a{transition:none;-webkit-transition:none;-moz-transition:none}
.anim{position:relative;margin-bottom:0}
label.anim a{display:inline-block;float:right}
.agileits-login label{font-size:1em;color:#fff;font-weight:400;cursor:pointer;position:relative}
.cbx{color:#003b4d;-webkit-user-select:none;user-select:none;cursor:pointer;padding:0 0 0 25px;border-radius:6px;overflow:hidden;transition:all 0.2s ease}
.cbx span{float:left}
.cbx span:first-child{vertical-align:middle;position:relative;width:18px;height:18px;border-radius:4px;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);border:2px solid #003b4d;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease}
.cbx span:first-child svg{position:absolute;top:2px;left:1px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all 0.3s ease;transition-delay:0.1s;transform:translate3d(0,0,0)}
.cbx span:last-child{padding-left:8px}
.cbx:hover span:first-child{border-color:#003b4d}
.inp-cbx:checked+.cbx span:first-child{background:#003b4d;border-color:#003b4d;animation:wave 0.4s ease}
.inp-cbx:checked+.cbx span:first-child svg{stroke-dashoffset:0}
.inline-svg{position:absolute;width:0;height:0;pointer-events:none;user-select:none}
@-moz-keyframes wave{50%{transform:scale(0.9)}
}@-webkit-keyframes wave{50%{transform:scale(0.9)}
}@-o-keyframes wave{50%{transform:scale(0.9)}
}@keyframes wave{50%{transform:scale(0.9)}
}.password-modal .chosen-container .chosen-results::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}
.password-modal .chosen-container .chosen-results::-webkit-scrollbar-track{border-radius:10px;-webkit-border-radius:10px;-webkit-border-radius:10px;background-color:#e6e6e6}
.password-modal .chosen-container .chosen-results::-webkit-scrollbar-thumb{height:40px;border-radius:4px;-webkit-border-radius:4px;-webkit-border-radius:4px;background-color:#003b4d}
.password-modal .chosen-container .chosen-results{scrollbar-width:8px;scrollbar-arrow-color:#003b4d;scrollbar-face-color:#003b4d;scrollbar-3dlight-color:#f00;scrollbar-shadow-color:#003b4d;scrollbar-track-color:#e6e6e6;scrollbar-base-color:#003b4d}
.password-modal .chosen-container-single .chosen-search{display:none}
.password-modal .chosen-container-single .chosen-single abbr{display:none}
.reset-password-page-modal{margin-top:90px}
.reset-password-page-modal .password-text i{margin-right:5px;font-size:18px;color:#003b4d;vertical-align:middle}
header{padding:25px 0}
a{transition:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none}
header .login-language{margin-top:5px;margin-bottom:0}
header .login-language li{position:relative}
header .login-language li .right-bar-toogle>a>img{}
header .login-language li .right-bar-toogle>a>i{}
header .login-language li.right-bar-toogle>a img{width:20px;height:20px}
.login-language .scale-up{border:1px solid #eee}
.page-line{height:55px;background:#f9f9f9;border-bottom:5px solid #003b4d;position:relative}
.page-line-shadow{background:url(../Static/images/footer-box-shadow.png) repeat-x;height:12px;position:absolute;left:0;right:0;width:100%}
.risk-box{text-align:center;margin:90px 0 40px 0;padding:0 15px}
.risk-box .link-box{margin-bottom:15px}
.risk-box .link-box img{height:18px;margin:0 10px}
.risk-box a{font-size:15px}
.risk-box em{padding:0 10px;color:#8c8c8c}
.right-form{width:600px;margin:0 auto;border:2px solid #003b4d;padding:40px 60px;background:#fff;position:relative;min-height:390px}
#login-form-code{display:none}
#login-form-code .right-form-top h4{text-transform:capitalize}
.login-form-code{display:none}
.login-form-code .input-box{text-align:center;margin-top:40px;position:relative}
.code-error{color:#e86060;display:block;position:absolute;bottom:-25px;left:0;right:0;font-size:13px}
.login-form-code .input-box input{width:315px;height:84px;font-size:24px;text-align:center}
.login-form-code .code-text{text-align:center;margin-bottom:45px;margin-top:45px;}
.login-form-code .code-text p{font-size:15px}
.login-form-code .code-text .getCodeHere{color: #58727c;}
.login-form-code .code-text .getCodeHere span{color: #003b4d;text-decoration: underline;cursor: pointer;}
.login-form-code .code-text .codeTips{color:#003b4d;display: none;}
.login-form-code .code-text .getCode{color:#58727c;display: none;}
.login-form-code .code-text .getCode button{background:none;vertical-align:bottom;vertical-align:auto;font-size:15px;font-family:verdana,"微软雅黑"}
.login-form-code .code-text .getCode button{color:#003b4d}
.login-form-code .code-text .getCode button:hover{text-decoration:underline}
.login-form-code .right-form-btm .login-button .cancel-btn{float:left}
.login-container .login-title{font-family:'GOtham-Book',"微软雅黑";font-size:30px;text-align:center;margin:60px 0 30px;color:#003b4d;text-transform:uppercase}
.login-container .login-title span{font-family:"Lato Regular","微软雅黑"}
.right-form-top{margin-bottom:25px}
.right-form-top h4{color:#003b4d;margin:0;font-family:"Gotham-Book","微软雅黑";font-size:22px;text-transform:uppercase}
.right-form-top a{text-align:right;display:block}
.right-form-btm{position:relative}
.error-box{color:#e86060;margin:0;position:absolute;left:0;top:0}
.error-box p{height:30px;margin:0;padding-right:10px}
.error-box p img{height:30px}
.error-box span{display:block;width:235px;text-align:left}
.login-button{text-align:right;margin:0}
.login-button button{text-transform:uppercase;font-family:'Gotham-Light',"微软雅黑";font-size:22px;min-width:165px;height:44px;border-radius:36px;-webkit-border-radius:36px;-moz-border-radius:36px;background:#003b4d;border:2px solid #003b4d;color:#fff;padding:0 15px}
.login-button button:hover{background:#fff;border:2px solid #003b4d;color:#003b4d}
.login-button button i{display:inline-block;margin-right:8px}
.input-box{margin-bottom:20px}
.input-box label{font-size:15px;color:#36363e;min-width:80px;text-align:right;margin-right:20px;margin-bottom:0}
.client-account-num{}
.input-box input{border:1px solid #003b4d;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:14px 10px;width:80%}
.input-box input:focus{box-shadow:0px 0px 3px 0px #003b4d !important;-webkit-box-shadow:0px 0px 3px 0px #003b4d !important}
.check-box{margin-bottom:20px}
.check-box p{display:inline-block;margin:0}
.check-box a{float:right}
@media only screen and (min-width:600px) and (max-width:991px){.right-form-btm{width:75%;margin:0 auto}
}@media screen and (max-width:991px){.risk-box a{font-size:12px}
.login-form-code .code-text .getCode,.login-form-code .code-text .codeTips,.login-form-code .code-text .getCode button{font-size:14px;line-height:1.2}
.login-form-code .code-text .codeTips{margin-bottom:10px}
.input-box input{width:100% !important}
.login-form-code .input-box input{width:315px !important;height:66px;font-size:22px}
.risk-box em{padding:0}
.login-form-code .right-form-btm .login-button{text-align:right}
.login-container .login-title{font-size:24px;margin:45px 0}
.right-form{width:100%;padding:30px 15px}
.input-box label{text-align:left;width:100%;padding-top:0;margin-bottom:5px}
.login-button{text-align:center}
.error-box{top:-30px;width:100%}
.error-box p{width:10%}
.error-box span{width:89%;font-size:13px}
.cbx{padding-left:2px}
.risk-box{margin:90px 0 25px}
}@media only screen and (max-width:450px) {#error-box {padding: 25px 25px 35px 25px;}.error-box {padding-top: 30px;}}
@media only screen and (min-width:450px) and (max-width:900px) {#error-box {padding: 20px;}.error-box {padding-top: 20px;}
}@media only screen and (max-width:767px) {.input-box input { width: 100% !important; padding: 10px; height: auto}.login-button button {font-size: 18px; height: 38px }
}.login-logo{display:inline-block;height:24px}.login-logo img{width:280px}
@media screen and (min-width:400px) and (max-width:767px){.login-logo img{width:240px}
}@media screen and (max-width:399px){.login-logo img{width:220px}
.login-form-code .input-box input{width:100% !important}
.login-form-code .right-form-btm .login-button button{min-width:130px !important}
}@media screen and (max-width:320px){.check-box a{float:none;display:block}
.right-form-top a{text-align:left}
.login-form-code .right-form-btm .login-button button{min-width:115px !important}
.login-button button{font-size:16px;line-height:26px}
}.password-modal{color:#36363e}
.reset-password-page-modal .password-modal-title{font-size:24px}
.password-modal .password-text{padding:0px 65px 45px}
.password-modal-title{font-family:'DIN-Regular',"微软雅黑";font-size:32px;color:#494949;text-align:center;margin-bottom:30px;margin-top:35px}
.password-modal .modal-content{border:2px solid #003b4d;-webkit-box-shadow:0 0px 2px 0 #909090;box-shadow:0 0px 2px 0 #909090}
@media screen and (min-width:992px){.right-bg-shadow{position:absolute;width:616px;left:-10px;height:98%;top:-3px;background:url(../Static/images/right-bg-shadow.png);z-index:-1}
.modal-backdrop{opacity:0 !important;filter:alpha(opacity=0) !important}
.password-modal form .form-group .col-md-offset-4{margin-left:30%}
.password-modal form .form-group>.col-md-4{width:28.9999%}
.password-modal form .form-group>.col-md-5{width:42.9999%}
}@media screen and (max-width:991px){.input-box.d-flex{display:block !important}
.password-modal .password-text{padding:0 0 30px}
.password-modal .password-modal-title{font-size:22px;margin:30px 0 20px}
.password-modal{font-size:14px}
.reset-password-page-modal{margin-top:45px}
}.fogot-birth-box .help-block{margin-left:-10px}
.password-modal .forgot-btn{display:block;margin:20px 0}
.password-modal .forgot-btn i{display:inline-block}
.password-modal .forgot-btn span{display:inline-block;vertical-align:middle;width:92px;height:28px;border:1px solid #003b4d;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;text-align:center;line-height:26px;font-family:'DIN-Regular',"微软雅黑";font-size:14px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}
.password-modal .cancel-btn span{margin-left:2px}
.password-modal .forgot-btn button{color:#003b4d;background:#fff;display:inline-block;vertical-align:middle;width:92px;height:28px;border:1px solid #003b4d;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;text-align:center;line-height:26px;font-family:'DIN-Regular',"微软雅黑";font-size:14px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}
.password-modal .cancel-btn:hover span{background:#003b4d;color:#fff}
.password-modal .forgot-btn button:hover{background:#003b4d;color:#fff}
.password-modal .submit-btn{text-align:right}
.password-modal .submit-btn:hover span{border:1px solid #000}
.password-modal .submit-btn:hover span em{background:#000}
.password-modal .submit-btn span{margin-right:2px}
.password-modal .submit-btn span em{font-style:normal;display:block;border:1px solid #f7f7f7;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;height:26px;line-height:24px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}
.password-modal .form-control{border:1px solid #003b4d;padding-left:10px}
.password-modal .form-control:focus{box-shadow:0px 0px 3px 0px #003b4d !important;-webkit-box-shadow:0px 0px 3px 0px #003b4d !important}
.password-modal .chosen-container-active.chosen-with-drop .chosen-single,.password-modal .chosen-container .chosen-drop,.password-modal .chosen-container-active .chosen-single{border:1px solid #003b4d;box-shadow:0px 0px 3px 0px #003b4d !important;-webkit-box-shadow:0px 0px 3px 0px #003b4d !important}
.fogot-password .col-lg-41,.fogot-password .col-lg-42,.fogot-password .col-lg-43{padding-right:0}
.fogot-password .col-lg-42,.fogot-password .col-lg-43{padding-left:5px;width:28.9999%}
.fogot-password .col-lg-41{width:38%}
.password-modal .chosen-container-single .chosen-single{border:1px solid #003b4d}
.password-modal .chosen-drop{padding:10px;border-radius:8px !important;-webkit-border-radius:8px !important;-moz-border-radius:8px !important}
.password-modal .chosen-container .chosen-results{padding-right:8px}
.password-modal .chosen-container .chosen-results li{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:2px 12px}
.password-modal .chosen-single{padding-left:10px !important}
.password-modal .chosen-container-active.chosen-with-drop .chosen-single{border-radius:8px !important;-webkit-border-radius:8px !important;-moz-border-radius:8px !important}
.password-modal .chosen-container-single .chosen-single{line-height:48px}
.password-modal .chosen-container-active.chosen-with-drop .chosen-single div:after{background-image:url(../images/chosen-up.png);width:15px;height:10px;background-size:100%;top:0}
.password-modal .chosen-container-single .chosen-single div{top:0}
.password-modal .chosen-container-single .chosen-single div:after{background-image:url(../images/chosen-down.png);width:15px;height:10px;background-size:100%;top:0}
.password-modal .help-block{margin-top:12px}
@media screen and (max-width:1199px){.fogot-birth-box .help-block{margin-left:0}
}@media screen and (max-width:991px){.password-modal .forgot-btn{text-align:center}
.password-modal .form-group{margin-bottom:15px}
.password-modal .form-control{padding:10px;height:auto}
.password-modal .chosen-container-single .chosen-single{line-height:38px}
.password-modal .chosen-container-active.chosen-with-drop .chosen-single .password-modal .chosen-container-single .chosen-single,.password-modal .form-control{border-radius:4px !important;-webkit-border-radius:4px !important;-moz-border-radius:4px !important}
.chosen-container-single .chosen-single{height:auto !important}
/*.fogot-password .col-lg-42,.fogot-password .col-lg-43{width:29.499999%}*/
/*.fogot-password .col-lg-41,.fogot-password .col-lg-42,.fogot-password .col-lg-43{padding-right:15px}*/
}@media (min-width:992px){.password-modal .modal-lg{width:810px}
}footer{position:relative}
footer .footer-box-shadow{background:url(../Static/images/footer-box-shadow.png) repeat-x;height:12px;position:absolute;left:0;right:0;width:100%}
.footer-text{color:#8da0aa;padding:25px 0 15px;text-align:center}
.input-container {
    position: relative;
    flex: 1;
}

    .input-container input {
        flex: 1; 
    }

    .input-container i {
        position: absolute;
        right: 5%;
        cursor: pointer;
        top: 50%;
        transform: translateY(-50%);
    }
.grecaptcha-badge {
    bottom: 13% !important;
}