/* Author:my.radexmarkets.co.uk Verson:0.1.0 */ /* Minification failed. Returning unminified contents. (29,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (460,2): run-time error CSS1019: Unexpected token, found '}' (877,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (877,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '1%' (879,2): run-time error CSS1019: Unexpected token, found '@keyframes' (879,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '1%' (1350,1): run-time error CSS1019: Unexpected token, found '}' (3443,20): run-time error CSS1039: Token not allowed after unary operator: '-rm-font-book' (3468,20): run-time error CSS1039: Token not allowed after unary operator: '-rm-font-book' (3524,20): run-time error CSS1039: Token not allowed after unary operator: '-rm-font-book' (4135,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4177,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4178,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4304,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (4304,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (4305,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4305,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (4307,2): run-time error CSS1019: Unexpected token, found '@keyframes' (4307,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (4863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4905,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ @charset "utf-8"; @font-face { font-family: 'OpenSauceOne-Light'; src: url('/Static/fonts/OpenSauceOne/OpenSauceOne-Light.ttf'); } @font-face { font-family: 'OpenSauceOne-Bold'; src: url('/Static/fonts/OpenSauceOne/OpenSauceOne-Bold.ttf'); } @font-face { font-family: 'OpenSauceOne-Medium'; src: url('/Static/fonts/OpenSauceOne/OpenSauceOne-Medium.ttf'); } @font-face { font-family: 'OpenSauceOne-Regular'; src: url('/Static/fonts/OpenSauceOne/OpenSauceOne-Regular.ttf'); } @font-face { font-family: 'OpenSauceOne-SemiBold'; src: url('/Static/fonts/OpenSauceOne/OpenSauceOne-SemiBold.ttf'); } :root { --rm-font-thin: 'OpenSauceOne-Thin', "Gotham-Thin", "Roboto", "微軟雅黑"; --rm-font-light: 'OpenSauceOne-Light', "Gotham-Light", "Roboto", "微軟雅黑"; --rm-font-book: 'OpenSauceOne-Regular', "Gotham-book", "Roboto", "微軟雅黑"; --rm-font-bold: 'OpenSauceOne-Bold', 'Gotham-Bold', "Roboto", "微軟雅黑"; } @media (min-width:1900px){.container{width:1900px} }a{transition:none;-webkit-transition:none;-moz-transition:none} @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:#000} /*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:#000} .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:40px;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.png) no-repeat;background-position:center;padding-top:70px;background-size:contain} .cashback-banner-box{background:url(../Static/images/cashback-bonus-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 #e0e0e0;border-radius: 8px;/*width: 460px;*/display: block;padding: 24px;} .two-steps-box .col {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 span{max-width:460px;font-size:13px;white-space: normal;word-break: break-word; overflow-wrap: break-word;} .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:#000;color:#fff;border:1px solid #000;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:1px solid #828282;height:45px !important;color:#595757;padding:10px 24px;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:#000;color:#fff;} .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:#FF3333;font-size:12px} .main-sidebar{position:relative;position:absolute;top:66px;left:0;min-height:100%;width:276px;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: 75%;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;} .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:46px;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:#000} .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-bottom:10px;padding-left:15px} .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:110px} .main-sidebar-open .sidebar-menu{overflow:inherit} .main-sidebar-open .sidebar-menu>li{position:relative;border-left:2px solid transparent;display:block} .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:115px;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:576px){.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(-276px,0);-ms-transform:translate(-276px,0);-moz-transform:translate(-276px,0);transform:translate(-276px,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:576px){ .content-wrapper, .main-footer { margin-left: 0px !important; } .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:65px} .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 a{color:black;font-weight:700;text-decoration: underline;} .aui-user-text li{list-style-type:disc !important;} .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-bottom: -20px; margin-top: 90px } .aui-user-text h2{padding:0 5%}} .tools-item-box{margin:20px 0 25px} .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;border:1px solid #E0E0E0;border-radius:8px;-moz-border-radius:8px;background-color:white;} .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:black;padding:10px 0;/*margin-bottom:15px;*/font-size:16px} .portlet>.portlet-title>.caption button{padding:5px 29px !important} .portlet>.portlet-title>.caption>.caption-subject{font-size:16px;text-transform:capitalize;font-weight:600} .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>.login-member-name{display:block;margin-bottom:17px;font-size:14px;min-height:24.41px} .account-portlet {padding: 20px;display: flex;justify-content: space-between;align-items: center;} .account-portlet>.left-account>.caption>.caption-subject{font-size:16px;text-transform:capitalize;font-weight:600} .account-portlet>.right-search{flex:1;display:flex;justify-content:flex-end;margin-left:10px} .account-portlet>.right-search>.search-box{border:1px solid #e0e0e0;padding:5px 8px;border-radius:8px;width:100%;max-width:450px;height:35px;box-sizing:border-box} .account-portlet>.right-search>.search-box input{width:80%;border:none;padding-left:5px;font-size:15px;} .portlet p {border-bottom:1px solid #e0e0e0;} .portlet p span {float:right;} .portlet-body .portlet-body-title{font-size:16px;/*text-align:center;*/display:block;padding:20px;} .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} .portlet-content {float:left;display:inline-block;color:black;padding:10px 0;font-size:40px;line-height:44px} .left-account {margin-top:7px} .card-info {display:flex;justify-content:space-between} .card-lables {display:flex;justify-content:flex-start;padding-top:6px} .card-status {color:white;background-color:black;border-radius:8px;height:18px;text-align:center;font-size:11px;padding:2px 10px;display:inline-block;margin:3px 3px 8px 3px} .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:1px 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:#000;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;text-align:center;right:20px;display:none} .toTop:hover{background:#000} .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:#FFB800;border-color:#fff} .internal-trasfer-box p em{color:#f00} .internal-trasfer-box .table-box-text, .table-box-text u{color:#000 !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:12px 24px;background-color: #000; border-radius: 8px;color:#fff;font-family:OpenSauceOne-Medium;font-size:12px;} .submit-tips li{list-style-type: disc !important;} @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} @-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:#000 !important;-webkit-animation-name:none;animation-name:none;border-radius:8px;font-family:OpenSauceOne-Medium;font-size:12px;padding:12px 32px !important;} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover{background-color:#000 !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:8px;-webkit-border-radius:8px;-moz-border-radius:4px;color:#fff;background-color:black;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;justify-content:center;overflow:hidden;min-height:64px;cursor: pointer;} .withdrawal-btn-box .info-box{padding-right:5px} .info-box-icon{display:block;height:19px;width:18px;text-align:center;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;margin-bottom:0;} /*.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:16px;color:white;font-size:16px;} .info-box-content .info-box-number{display:block;font-size:16px;text-align:center;color: white;} .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} #customer-IB,#customer{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;margin-left:-15px} .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{margin-bottom:25px} .promo-panel-detail{line-height:1.5} .st-promo-panel-detail{line-height:1.5;padding: 30px 55px 15px 60px;} .promo-panel-detail p ,.st-promo-panel-detail p{margin-bottom:20px;position:relative;padding-left:35px} .promo-panel-detail p i ,.st-promo-panel-detail p i{font-weight:bold;font-style:normal} .promo-panel-detail p em ,.st-promo-panel-detail p em {position:absolute;left:0;font-style:normal} .promo-panel-detail p a ,.st-promo-panel-detail p a{color:#225bfb} .promo-panel-detail p a:hover ,.st-promo-panel-detail p a:hover{text-decoration:underline} .promo-panel-detail ul li ,.st-promo-panel-detail ul li{position:relative;padding-left:35px} .promo-panel-detail ul li em ,.st-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} /*.promo-panel-detail li,.st-promo-panel-detail li {margin-left: 50px;}*/ @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/new-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:14px} .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;margin-bottom:10px;color:#FF3333;} .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:1px solid #828282;width:95%;text-align:center;border-radius:4px;padding:4px;color:#656565} .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-color:#eeeeee !important;color:#656565;cursor:default;border:1px solid #828282;} /*.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-top:30px} .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;font-size:12px;} .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:#eee;} .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-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;} .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-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;*/} .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;} } @media only screen and (max-width:1500px) { .tradable-bonus-container{width:auto} } @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 screen and (max-width: 1440px) { .empty-space .col-lg-10 { max-width: calc(100% - 115px); } .main-sidebar { width: 115px; overflow: inherit; } .main-sidebar .sidebar .sidebar-menu span { display: none; } .sidebar-menu > li > a { padding: 10px !important; text-align: center } .content-wrapper, .main-footer { margin-left: 110px; } .right-footer { padding-top: 11% !important; } .right-login-footer { padding-top: 16% !important; } } @media only screen and (max-width:1400px) { .pt-follower-body { padding-left: 15% !important; padding-right: 15% !important; } .verification-card { min-height: 340px !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 screen and (max-width: 991px) { .tab-buttons { margin: 10px 0; } .left-footer { padding-left: 0px !important; padding-top: 20px !important; } .portlet-body-title { text-align: center; } .verification-card { margin-bottom: 15px; } .left-section { width: 100% !important; } .edit-btn { float: none !important; display: block; margin: 15px auto !important; } .filter-section { padding-right: 35px !important; } .fund-form { padding: 0 15% !important; } .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; } .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-subjects { 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; } .social-trading-banner { height: 1229px !important; background: url(../Static/images/top-trader-background-phone.png) no-repeat !important; background-position: center top !important; } .p-bot { padding-bottom: 10px; } } @media screen and (max-width: 960px) { .footer { flex-direction: column !important; align-items: center !important; } .login-footer { flex-direction: column !important; align-items: center !important; } .left-login-footer { margin-right: 0 !important; } .right-login-footer { padding-top: 1% !important; } } @media screen and (max-width: 768px) { #header-line { display: none } .login-logo { display: none } .login-mini-logo { display: block !important; margin-right: auto; } .nav { display: flex; justify-content: space-between; align-items: center; } .nav span { display: none } .left-container, .right-container { flex: none; width: 100%; padding: 10px; } .left-login-footer { margin: 0 !important; width: 100% !important; padding: 0px 10px } .right-login-footer { padding: 5px !important; } .footer{ padding-left:10px !important; } .right-footer { padding: 5px !important; } .left-footer { margin: 0 !important; width: 100% !important; padding: 15px } .tagline { display: none } .disclaimer { display: flex !important; align-items: center !important; } footer { flex-direction: column; align-items: center; } .links { display: flex; flex-direction: column !important; text-align: center } .home-top-box { margin-top: 65px !important; } .tab-buttons { margin: 10px 0; } .filter-section { flex-direction: column; align-items: self-start !important; gap: 10px !important; padding-top: 25px !important; } .date-range-group, .filter-meta-group { width: 100%; justify-content: space-between; } .ptcard { padding-top: 25px !important; } .icon { padding-top: 0px !important; } .tools-btn-btm { margin-bottom: 0px !important; } } @media screen and (max-width: 576px) { .empty-space .col-lg-10 { max-width: 100%; } .disclaimer { display: flex !important; align-items: center !important; } footer { flex-direction: column; align-items: center; } .links { flex-direction: column !important; } .footer { padding-bottom: 110px !important; } .hidden-hr { display: block !important; position: fixed; bottom: 0 } .pl-sidebar-menu { display: flex !important; justify-content: space-between; position: fixed; bottom: -10px; background-color: #fff; min-width: 100%; padding: 15px; border-top: 1px solid #E0E0E0; } .menu-item { text-align: center; } .menu-item span { display: block; color: black; width: 65px; /* overflow-wrap: break-word;*/ } .menu-item img { width: 40px; height: 40px } #dataTable { display: none; } .transaction-card { margin-bottom: 25px; padding: 15px 20px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04); border: 1px solid #E0E0E0; border-radius: 8px; } .transaction-card p { border-bottom: 1px solid #e0e0e0; } .transaction-card p span { float: right; } .transaction-card b { font-size: 14px; } .financial-card { margin-top: 15px; } .card-lable { display: flex; justify-content: flex-start; } .card-item { display: flex; justify-content: flex-end; } .card-body { flex-direction: column; align-items: flex-start !important; gap: 12px; } .promotion-time { order: -1; align-self: flex-start; margin-bottom: 0px !important; position: absolute; right: 16px; align-self: auto; } .card-body ul { order: 1; padding: 40px 0 0 24px !important; } .download-card-detail { flex-direction: column; } .download-card-text .download-card-text.right-align { justify-content: space-between !important; } .download-card-text span { flex: 1; } .tc-card { flex-direction: column; align-items: flex-start; } .btn-download-container { display: flex; justify-content: center; padding-top: 30px !important; } #Tradingcentral_pc { display: none !important; } #Tradingcentral_phone { display: block !important; } #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; } .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; } .lpoa-card { margin-bottom: 25px; padding: 15px 20px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04); border: 1px solid #E0E0E0; border-radius: 8px; } .lpoa-card p { padding-bottom:10px; display:flex; justify-content:space-between; } .lpoa-card strong { display: inline-block; white-space: nowrap; } .lpoa-card span { display:flex; justify-content:flex-end; } /* .lpoa-card select{ width:50%; }*/ .buttons.buttons-success { width: 120px; height: 30px; border-radius: 4px; font-size: 14px !important; margin-left: 0; } .mam-table select { width: 120px !important; } .nav-pagination { display: flex; flex-direction: column; align-items: center; } .showpage, .showdata { float: none; } .nav-tabs { display: flex; flex-wrap: wrap; justify-content: flex-start; border-bottom: none !important; } .nav-tabs > li { width: 48%; text-align: left; border-bottom: 1px solid black; margin-bottom: 10px; } .search-section { display: flex; justify-content: flex-end; width: 100%; } .newsdetail-card-body { flex-direction: column; align-items: flex-start !important; } .newsdetail-card-body img, .newsdetail-card-body b { margin-bottom:10px; } .exchange-btn img { padding-right: 20px !important; } .tradingcentral-image img { height: 160px !important; } } @media screen and (max-width: 430px) { .fund-form { padding: 0 !important; } .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 screen and (max-width: 375px) { .card { padding: 0px !important; } .traders-text { font-size: 14px !important; } .number { margin-right: 30px !important; } } input[type="checkbox"] { margin-right: 5px; width: 18px; } header { padding: 10px 0; border-bottom: 1px solid #E0E0E0; top: 0; z-index: 1000; background-color: white; position: fixed; width: 100% } .login-logo { height: 24px } .login-logo img { width: 240px; height: 40px } header .login-language { margin-top: 5px; margin-bottom: 0; display: flex; gap:10px; } header .login-language li { position: relative } header .login-language li.right-bar-toogle > a img { width: 20px; height: 20px } .login-mini-logo { display: none; } .login-language .scale-up { border: 1px solid #eee } .header-span { font-size: 16px; font-weight: 500; } .header-button { background-color: #20C745; } .header-website-button { background-color: #000; } .header-website-button, .header-button { max-width: 150px; min-width: 100px; padding: 0 10px; white-space: nowrap; font-size: 16px; height: 40px; text-align: center; border-radius: 8px; color: #fff; border: none; } .nav a button { display: inline-block; text-decoration: none; } body { margin: 0; font-family: 'Open Sauce One', sans-serif; background-color: #fff; color: #333; } .profile-dropdown { position: relative; display: inline-block; } .btn.dropdown-toggle { background-color: transparent; border: none; padding: 0; } .btn.dropdown-toggle:focus, .btn.dropdown-toggle:active, .btn.dropdown-toggle:focus:active { outline: none; box-shadow: none; background-color: transparent; } .profile-img { width: 40px; height: 40px; border-radius: 50%; margin-right: 5px; margin-left: 10px; object-fit: cover; object-position: center; } .dropdown-header { font-size: 16px; font-weight: bold; color: #333; padding: 0px; background: #fff; margin: 0; border-bottom: 1px solid #e5e5e5; } .dropdown-menu > li > a { padding: 10px 20px; color: #333; background: #fff; } .dropdown-menu > li > a:hover { background-color: #f5f5f5; } .lang-icon { border-radius: 50px; } .footer { display: flex; justify-content: space-between; padding:64px 0 50px 0; } .login-footer { display: flex; justify-content: space-around; padding: 64px 0 50px 0; } .left-login-footer { margin-right: 10%; width: 550px } .left-footer { width: 555px; padding-left: 30px } .right-footer { padding-top: 9%; text-align: right; padding-right: 20px } .right-footer a { margin: 0 10px; } .right-footer p { margin-top: 10px; color:#505050 } .right-login-footer { padding-top: 12%; text-align: right; padding-right: 20px; } .right-login-footer a { margin: 0 10px; } .right-login-footer p { margin-top: 10px; } .pl-sidebar-menu { display:none } .hidden-hr { display: none; } .disclaimer { font-size: 12px; color: #505050; margin-top: 10px; line-height: 18px; text-align: justify; } .links { font-size: 12px; margin-bottom: 10px } .disclaimer a, .links a { color: black !important; } .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: 70px; height: 40px; background: url(../Static/images/slide-toggle.svg); background-repeat: no-repeat; background-position: center; } .account-alert { /* 下方layout開始 */ background-color: #FFB800; margin-top: 20px; font-size: 12px; border-radius: 8px; line-height: 18px; padding: 12px 24px 12px 24px; } .tab-buttons { display: flex; background-color: #EEEEEE; padding: 10px; border-radius: 8px; height: 52px; } .tab-button { flex: 1; text-align: center; padding: 5px 0; cursor: pointer; margin-right: 5px; border-radius: 4px; transition: transform 0.3s ease, background-color 0.3s, color 0.3s; transform: translateX(0); } .tab-button.active { text-align: center; background-color: #ffffff; color: #000; padding: 5px; transform: translateX(5%); } .promo-alert { display: flex; background-color: #000000; color: #ffffff; border-radius: 8px; line-height: 18px; padding: 12px 24px 12px 24px; align-items: center; height:52px; font-size:12px; } .promo-alert a { color: #ffffff; text-decoration: underline; font-weight:700; font-size:12px; } .card-icon { display: flex; justify-content: flex-end; position: relative } .card { height: 100%; width: 100%; border: 2px dashed #ccc; display: flex; justify-content: center; align-items: center; text-align: center; position: relative; border-radius: 8px; cursor: pointer; background-color: white; padding-top:148px; padding-bottom:148px; } .card img { width: 20px; height: 20px } .card span { margin-top: 10px; display: block; } .verification-card { border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; text-align: left; background-color: #fff; margin-right: 15px; min-height:315px; } .card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; border-bottom: 1px solid #e0e0e0; } .card-header h4 { margin: 0; } .status img{ width:36px; height:36px; margin-bottom:5px; } .card-content { padding-left: 10px; margin-bottom: 15px; } .card-content li { margin-bottom: 5px; list-style:disc !important; } .card-content-wrapper { display: flex; justify-content: space-between; } .verification-button { background-color: #000; color: #fff; border: none; font-size: 12px; height: 40px; width: 100px; text-align: center; border-radius: 8px; align-self: flex-end; margin-bottom: 20px; } .verification-container { display: flex; } .left-section { width: 40%; } .form-label { padding-left: 20px; } .form-label em { color: red; font-style: normal; line-height: inherit; margin-right: 3px; } .form-input { width: 100%; height: 45px; border: 1px solid #828282; border-radius: 8px; padding: 10px 24px 10px 24px; margin-bottom: 13px; } .telform-input{ padding-left:10px !important; } .edit-btn { float: right; margin-top: 10px; } .form-input[disabled] { cursor: not-allowed; background-color: #EEEEEE; } .disabled-style { cursor: not-allowed; background-color: #EEEEEE; } .modal-header b { display: block; text-align: center; } .error-code { padding-left: 35px; padding-bottom: 10px; color: #FF3333; } .btn-container { text-align: right; margin-top: 10px; } .modal-step { display: none; } .modal-step.active { display: block; } .id-card { height: 100%; width: 100%; border: 1px solid #828282; display: flex; justify-content: center; align-items: center; text-align: center; position: relative; border-radius: 8px; cursor: pointer; background-color: white; padding-top: 100px; padding-bottom: 100px; margin-bottom: 20px; overflow: hidden; } .id-card.has-image { padding-top: 0; padding-bottom: 0; } .id-card img { width: 46px; height: 46px; max-width: 100%; max-height: 100%; object-fit: cover; } .code-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; margin: 50px auto; padding: 20px; border: 1px solid #e0e0e0; border-radius: 10px; text-align: center; background-color:#fff; } .code-container h4{ font-family:OpenSauceOne-Medium; } .verification-input { width: 32px; height: 42px; margin: 5px; font-size: 24px; text-align: center; border: 1px solid #828282; border-radius: 8px; } .btn-custom { width: 90%; padding: 15px; margin: 10px 0; font-size: 12px; background-color: #000; color: #fff; border-radius: 8px; } .btn-row { display: flex; justify-content: space-between; } .btn-secondary-custom { background-color: #000; border-radius: 8px; font-size: 12px; width: 45%; padding: 15px; color: #fff; } .exchange{ display:flex; justify-content:space-between; } .exchange-text { display: flex; justify-content: flex-start; } .exchange-btn { display: flex; justify-content: flex-end; padding: 10px 0; } .exchange-btn img { padding:0 10px; } .text-exchange { font-size: 16px; text-transform: capitalize; padding-top: 15px; font-family: OpenSauceOne-SemiBold; } .btn-exchange { background-color: #eeeeee; border-radius: 8px; border: 1px solid #e0e0e0; color: black; padding: 5px 5px 5px 20px; font-family:OpenSauceOne-Medium; font-size:12px; } .autocomplete-list { display: none; border: 1px solid #ccc; position: absolute; background: white; z-index: 1000; max-height: 155px; overflow-y: auto; margin-top: -13px; } .autocomplete-list div { padding: 10px 24px 10px 24px; cursor: pointer; } .autocomplete-list div:hover { background: #f0f0f0; } .deposit-box { background-color: #20C745; margin-bottom: 15px; padding: 15px; display: -webkit-flex; align-items: center; justify-content: center; border-radius: 8px; min-height: 64px; cursor: pointer; } .search-box { border: 1px solid #e0e0e0; padding: 5px 8px; border-radius: 8px; width: 100%; height: 40px; box-sizing: border-box; } .search-box input { width: 80%; border: none; padding-left: 5px; font-size: 15px; } .filter-section { display: flex; align-items: center; gap: 45px; padding: 20px 0; } .caption-title { font-size: 16px; text-transform: capitalize; font-weight: 600; } .date-range-group { display: flex; align-items: center; gap: 5px; } .filter-meta-group { display: flex; gap: 5px; } .input-with-icon { position: relative; } .input-with-icon img { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; pointer-events: none; } .input-with-icon input { padding-left: 35px; } input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; } input[type="date"]::-ms-expand { display: none; } /*#paginationControls, #paginationControls, #showdataControls { display: flex; align-items: center; justify-content: center; } #paginationControls button, #showdataControls button, #showdataControls h6 { margin-right: 23px; background-color: white; font-size: 12px; } #paginationControls1, #paginationControls2, #showdataControls1, #showdataControls2 { display: flex; align-items: center; justify-content: center; } #paginationControls1 button, #paginationControls2 button, #showdataControls1 button, #showdataControls2 button, #showdataControls1 h6, #showdataControls2 h6 { margin-right: 23px; background-color: white; font-size: 12px; }*/ .paginationControls { display: flex; list-style: none; padding: 0; margin: 0; align-items: center; justify-content: center; } .paginationControls > li { margin: 0 5px; } .paginationControls > li > a, .paginationControls > li > span { position: relative; /*float: left;*/ padding: 8px 12px; /*margin-left: -1px;*/ color: #000000; background-color: #fff; } .paginationControls > li > a:focus, .paginationControls > li > a:hover, .paginationControls > li > span:focus, .paginationControls > li > span:hover { cursor: pointer; color: #23527c; background-color: #eee; border-color: #ddd } .paginationControls > .active > a, .paginationControls > .active > a:focus, .paginationControls > .active > a:hover, .paginationControls > .active > span, .paginationControls > .active > span:focus, .paginationControls > .active > span:hover { color: white; cursor: default; background-color: black !important; border-radius: 8px; display: inline-block; height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; } .paginationControls > .disabled > a, .paginationControls > .disabled > a:focus, .paginationControls > .disabled > a:hover, .paginationControls > .disabled > span, .paginationControls > .disabled > span:focus, .paginationControls > .disabled > span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } .paginationControls.ellipsis { float: left; margin: 0 8px; line-height: 28px; color: #000000 } .showdata { border: 1px solid #e0e0e0; border-radius: 8px; display: flex; float: left; padding: 6px; margin-bottom: 10px; height: 44px; max-width:349px; } .showdataControls { display: flex; list-style: none; padding: 0; margin: 0; align-items: center; } .showdata h6 { margin: 10px 20px; background-color: white; font-size: 13px; line-height: 0.8; } /*.paginationControls > li { margin: 0 10px; }*/ .showpage { border: 1px solid #e0e0e0; border-radius: 8px; display: flex; float: right; padding: 6px; margin-bottom: 10px; height: 44px; max-width:600px; } #pageNumbers button.active, #showdataControls button.active, #pageNumbers1 button.active, #showdataControls1 button.active, #pageNumbers2 button.active, #showdataControls2 button.active { color: white; background-color: black !important; border-radius: 8px; height: 32px; width: 32px; } .card-container { display: none; padding: 10px; } .status-cancelled { color: red; } .cancel-button { background-color: #828282; color: white; font-size:10px; padding: 0 7px; border-radius: 8px; cursor: pointer; height:18px; } .scroll-container { max-height: 100%; overflow-y: auto; text-align:center; } .scroll-container li { margin: 5px 150px; padding: 5px 0; border: 1px solid #000; border-radius: 8px; } .scroll-container a { color:#000; } .scroll-container a:hover { color: #9AA9AD; } .collapse-toggle { font-family: 'FontAwesome'; content: "\f106"; position: absolute; right: 62px; font-size: 14px; font-weight: bold; cursor: pointer; } .collapse-toggle.collapsed::before { content: "\f107"; } .collapse-toggle.expanded::before { content: "\f106"; } .hidden-content { display: none; } #btn_submit i { margin-right: 8px; padding: 0px 0px 0px 0px; } .tab-contents .portlet { display: none; height:150px; padding: 0px; position: relative; overflow: hidden; } .tab-contents .portlet.active { display: flex; } .news { width: 100%; align-items: center; justify-content: center; } .news img { width: 100%; height: auto; min-height: 100%; display: block; } #articles img { transform: translateY(-2%); } .deposit-notice { background-color: black; margin: 20px 0; font-size: 12px; border-radius: 8px; width: 100%; line-height: 18px; padding: 12px 20px 12px 20px; color: white; } .deposit-notice p { font-size: 16px; } .deposit-notice li { font-size: 12px; } .card-top { border-bottom: 1px solid #e0e0e0; padding-bottom: 24px; } .fund-box-icon { width: 50px; height: 50px; } .fund-card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; } .fund-card-header b { font-size: 12px; line-height: 18px; } .fund-form { padding: 0 30%; } .payment-method { font-size: 14px; color: #000; font-family: OpenSauceOne-Regular; } .header-right { display: flex; align-items: center; justify-content: center; } .fund-card-content { text-align: left; border-top: 1px solid #ddd; padding-top: 12px; font-family: OpenSauceOne-Regular; font-size:12px; } .deposit-details { border-top: 1px solid #ddd; padding-top: 8px; font-size: 14px; } .detail-row { display: flex; justify-content: space-between; margin-bottom: 8px; color: black; } .detail-row b, .detail-row span { color: black; font-family: OpenSauceOne-Regular; } .fund-portlet { margin-bottom: 15px; padding: 15px 20px; border-radius: 8px; -moz-border-radius: 8px; } .detail-row ul { padding-left: 10px; } .detail-row li { list-style: disc; padding-bottom: 5px; } .payment { width: 100%; height: 66px; border: 1px solid #828282; border-radius: 8px; padding: 10px 24px 10px 24px; margin-bottom: 13px; } .disable { background: #f3f3f3; cursor: not-allowed; } textarea.form-input { height: 120px } .custom-select-container { position: relative; background-image: url(../Static/images/selArrow.svg) !important; background-repeat: no-repeat; background-position: 98%; } .custom-select-display { display: flex; align-items: center; cursor: pointer; } .custom-select-options { position: absolute; top: 100%; width: 100%; border: 1px solid #ccc; background-color: #fff; display: none; list-style: none; z-index: 10; border-radius:8px 8px 0 0; } .custom-select-options li { padding: 5px 10px; cursor: pointer; } .custom-select-options li:hover { background-color: #A7BBC2; } .custom-select-options img { width: 30px; height: 30px; } .tool-portlet { margin-bottom: 25px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04); border: 1px solid #E0E0E0; border-radius: 8px; cursor: pointer; min-height:205px; } .tools-card-header { display: flex; align-items: center; justify-content: flex-start; background-color: #000; color: #fff; height: 75px; font-size: 14px; border-radius: 8px 8px 0 0; padding-left:24px; } .tools-icon{ width:25px; height:25px; margin-right:10px; } .promotion-portlet { margin-bottom: 25px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04); border: 1px solid #E0E0E0; border-radius: 8px; } .card-body { background-color: #fff; padding: 24px; color: #000; font-size: 12px; border-radius: 0 0 8px 8px; display: flex; justify-content: space-between; align-items: center; } /* .card-body ul { padding:24px 0 0 24px; } .card-body li { padding: 0 0 10px 0; list-style:disc; }*/ .news-portlet { margin-bottom: 25px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04); border: 1px solid #E0E0E0; border-radius: 8px; cursor: pointer; min-height: 305px; } .news-card-body { background-color: #fff; padding: 15px; color: #000; font-size: 14px; border-radius: 0 0 8px 8px; display: flex; justify-content: space-between; align-items: center; } .news-card-body b { font-size:12px; } .newsdetail-card-body { background-color: #fff; color: #000; font-size: 14px; border-radius: 0 0 8px 8px; display: flex; justify-content: space-between; align-items: center; font-size: 12px; } .newsdetail-card-body img, .news-card-body img { width: 25px; height: 25px; margin-right: 10px; } .promotion-image { position: relative; } .promotion-image img { width: 100%; height: 140px; object-fit: cover; border-radius: 8px 8px 0 0; } .gradient-bg { width: 100%; height: 85px; object-fit: cover; display: flex; align-items: center; justify-content: center; border-radius: 8px 8px 0 0; background: linear-gradient(to left, #FBFBFB, #D4D4D4); } .gradient-bg p { margin: 0px; } .promotion-time { border-radius: 4px; border: 1px solid #e0e0e0; padding: 0 10px 0 10px; margin-bottom: 117px; font-size:10px; } .social-trading-banner-box { padding-top: 70px; text-align: center; } .download-card-content { padding-top: 24px; border-top: 1px solid #e0e0e0; } .download-card-content span { font-size: 12px; line-height: 18px; } .download-card-detail { display: flex; justify-content: space-between; font-size: 12px; } .download-card-text { display: flex; align-items: center; justify-content: flex-start; flex: 1; padding-bottom: 24px; } .download-card-text.right-align { justify-content: flex-end; padding-bottom:24px; } .tc-card { display: flex; justify-content: space-between; font-size: 12px; align-items: center; } .tc-card span{ padding-right:30px; } .tradingcentral-image img { width: 100%; height: 180px; object-fit: cover; border-radius: 8px; } #Tradingcentral_pc{ display:block; } #Tradingcentral_phone{ display:none; } .btn-download-container { text-align: right; padding-top: 50px; } .download-button { background-color: #000; color: #fff; border: none; font-size: 12px; height: 40px; width: 100px; text-align: center; border-radius: 8px; align-self: flex-end; } #phone-img { display: none; } #pc-img { display: block; margin-left: auto; margin-right: auto; } .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: 0px 0px 12px rgba(0, 0, 0, 0.04); border: 1px solid #E0E0E0; border-radius: 8px; -moz-border-radius: 8px; background-color: rgba(255, 255, 255); } .follower-body { padding-left: 7%; padding-right: 7%; } .traders-body { padding-left: 7%; padding-right: 7%; height: 520px; } .traders-box { padding-left: 5%; height: 500px; } .caption-subjects { padding-left: 15px; font-size: 15px; line-height: 26px; } .captions { 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; } .btn-text-center { text-align: center; margin-left: -20px; } .rm-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; } .rm-card img { width: 48px; height: 48px; border-radius: 50%; } .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; } .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; padding-top: 20px; } .pt-card-container { display: grid; padding-top: 20px; justify-content:center; } .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; /* 初始化偏移 */ } .accounts-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; } .st-promo-panel { box-shadow: 0 0 15px 0 #ddd; margin-bottom: 25px; font-size: 15px; } .promo-panel h4 { padding: 15px 10px 15px 0; color: #000; font-size: 14px; } .st-promo-panel h4 { background: #313131; padding: 15px 10px 15px 60px; color: #fff; text-transform: uppercase; font-size: 22px; line-height: 24px; } .rm-card-content { flex-grow: 1; text-align: center; margin: 0 5px; } .text-content li { list-style: disc; font-size: 12px; } .importance-notice { border: 1px solid #e0e0e0; background-color: #eeeeee; border-radius: 8px; padding: 15px; margin-bottom: 20px; font-size:12px; } .importance-notice b { font-size:16px; } .switch-button { position: relative; display: inline-block; width: 60px; height: 34px; float: right; margin-top: 10px; } .switch-button input { display: none; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: .4s; transition: .4s; border: 1px solid black; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: black; -webkit-transition: .4s; transition: .4s; } input.default:checked + .slider { background-color: white; border-radius: 25px; border: 1px solid black; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } .slider.round { border-radius: 35px; width: 50px; height: 30px; } .slider.round:before { border-radius: 50%; } .switch-text { position: absolute; top: 50%; transform: translateY(-50%); font-size: 12px; color: #333; transition: opacity 0.3s; pointer-events: none; } .on-text { right: -15px; opacity: 0; font-size: 12px; } .off-text { left: -35px; opacity: 1; font-size: 12px; } input.default:checked ~ .on-text { opacity: 1; } input.default:checked ~ .off-text { opacity: 0; } .center{ display:flex; align-items:center; } .p-20{ padding:20px 0; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: none !important; border-bottom: 3px solid black !important; color: black !important; } .nav-tabs>li> a { border: none !important; color:black; } .nav-tabs { border-bottom: 1px solid black; } .card-text { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; max-height: 5.5em; line-height: 1.5em; margin-bottom: 1rem; padding: 15px; } .newscard-text { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; max-height: 5.5em; line-height: 1.5em; margin-bottom: 1rem; padding: 15px; } .news-time { border-radius: 4px; border: 1px solid #e0e0e0; padding: 0 10px 0 10px; font-size:10px; } .news-image img { width: 100%; height: 300px; object-fit: cover; border-radius: 8px; } .tab-pane { opacity: 1; transition: opacity 0.5s ease-in-out; } .select { background-image: url(../Static/images/selArrow.svg) !important; background-repeat: no-repeat; background-position: 90%; } .select2-container .select2-selection { background-image: url(../Static/images/selArrow.svg) !important; background-repeat: no-repeat; background-position: 98%; display: block !important; width: 100% !important; height: 45px !important; border: 1px solid #828282 !important; border-radius: 8px !important; padding: 5px 24px 10px 15px !important; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #0659e0 !important; color: white; } .select2-container--default .select2-selection--multiple .select2-selection__clear { display:none; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: transparent !important; border: none !important; color: inherit; } #balance-display { font-family: OpenSauceOne-SemiBold; } .promotiondetal-time { border-radius: 4px; border: 1px solid #e0e0e0; padding: 0 10px 0 10px; font-size: 10px; } .opensauceone-m { font-family: OpenSauceOne-Medium; } .opensauceone-r { font-family: OpenSauceOne-Regular; } .promotiondetail-portlet { margin-bottom: 25px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.04); border: 1px solid #E0E0E0; border-radius: 8px; cursor: pointer; background-color: #eee; padding: 12px 20px; margin-top: 32px; } .promotion-header { display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .panel-heading a { font-size: 16px; text-decoration: none; position: relative; padding-right: 20px; font-family: "FontAwesome"; content: "\f107"; } .panel-heading a:after { font-family: "FontAwesome"; content: "\f107"; color: #000; position: absolute; } .panel-heading a[aria-expanded="true"]:after { transform: rotate(180deg); } .cashback-box { padding: 30px 10px; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .cashback-box li { list-style-type: disc !important; padding:3px 0; } .cashback-box ul { padding: 0 15px; } .donation-select { border: 1px solid #828282; border-radius: 8px; padding: 12px 117px 12px 24px; background-color: #eee; margin:12px 0; } .portlet li { /*list-style-type: disc !important;*/ } .modal-body { overflow-y: auto; max-height: 90vh; } .confirm-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; margin: 50px auto; border: 1px solid #e0e0e0; border-radius: 8px; text-align: center; background-color: #fff; padding: 32px; } .confirm-container p { font-family: OpenSauceOne-Medium; font-size: 16px; padding-bottom: 32px; border-bottom: 1px solid #e0e0e0; color: #000; } .confirm-span { font-family: OpenSauceOne-Regular; font-size: 12px; color: #000; margin: 32px 0px; } .jconfirm-box { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; margin: 50px auto !important; border: 1px solid #e0e0e0 !important; border-radius: 8px !important; text-align: center !important; background-color: #fff !important; padding: 22px !important; width: 100% !important; } .jconfirm-box p { font-family: OpenSauceOne-Medium; font-size: 16px; color: #000; } .jconfirm-title-c { border-bottom: 1px solid #e0e0e0; } .jconfirm .jconfirm-box div.jconfirm-content-pane, .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content { margin-bottom: 0px !important; } .full-center { display: flex; justify-content: center; align-items: center; height: 55vh; } .animate__animated { --animate-duration: 1.5s; } .lds-ring, .lds-ring div { box-sizing: border-box; } .lds-ring { display: inline-block; position: relative; width: 19px; height: 19px; vertical-align: middle; margin-right: 5px; margin-left: 5px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 15px; height: 15px; margin: 2px; border: 2px solid currentColor; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: currentColor transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .avatar-upload-wrapper { display: flex; justify-content: center; align-items: center; background-color: #828282; border-radius: 8px; margin: auto; cursor: pointer; overflow: hidden; position: relative; padding: 24px 12px; min-height:300px; min-width:530px; } .avatar-circle-mask { width: 239px; height: 239px; border-radius: 50%; overflow: hidden; background-color: #fff; display: flex; align-items: center; justify-content: center; } .avatar-circle-mask img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .contact-portlet { margin-bottom: 25px; padding: 24px; border: 1px solid #E0E0E0; border-radius: 8px; -moz-border-radius: 8px; background-color: white; color:#000; font-size:12px; } .contact-portlet img{ margin-right:15px; } .tools-card-body { font-size: 12px; padding: 24px; } .promotion-card-body { background-color: #fff; padding: 24px; color: #000; font-size: 12px; border-radius: 0 0 8px 8px; display: flex; justify-content: space-between; align-items: center; min-height: 218px; } .promotion-card-body ul { padding: 24px 0 0 24px; } .promotion-card-body li { padding: 0 0 10px 0; list-style: disc; } /*@charset "utf-8";html,body{font-family:verdana,"微软雅黑"}*/ @charset "utf-8"; @font-face { font-family: 'OpenSauceOne-Light'; src: url('/Static/fonts/OpenSauceOne/OpenSauceOne-Light.ttf'); } @font-face { font-family: 'OpenSauceOne-Bold'; src: url('/Static/fonts/OpenSauceOne/OpenSauceOne-Bold.ttf'); } @font-face { font-family: 'OpenSauceOne-Medium'; src: url('/Static/fonts/OpenSauceOne/OpenSauceOne-Medium.ttf'); } @font-face { font-family: 'OpenSauceOne-Regular'; src: url('/Static/fonts/OpenSauceOne/OpenSauceOne-Regular.ttf'); } @font-face { font-family: 'OpenSauceOne-SemiBold'; src: url('/Static/fonts/OpenSauceOne/OpenSauceOne-SemiBold.ttf'); } :root { --rm-font-thin: 'OpenSauceOne-Thin', "Gotham-Thin", "Roboto", "微軟雅黑"; --rm-font-light: 'OpenSauceOne-Light', "Gotham-Light", "Roboto", "微軟雅黑"; --rm-font-book: 'OpenSauceOne-Regular', "Gotham-book", "Roboto", "微軟雅黑"; --rm-font-bold: 'OpenSauceOne-Bold', 'Gotham-Bold', "Roboto", "微軟雅黑"; } @media (min-width:1900px){.container{width:1900px} }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} a{transition:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none} /*header .login-language{margin-top:5px;margin-bottom:0;display:flex} 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-box1{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-box1 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{max-width:460px;font-size:13px;white-space: normal;word-break: break-word; overflow-wrap: break-word;} .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 } } @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:32px} .password-modal .password-text{padding:0px 65px 45px;text-align:center;} .password-modal-title{color:#000;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;pointer-events: none;} .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 #828282;} .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 #828282;height: 45px;} .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} @media screen and (max-width: 1550px) { .left-section { width: 30% !important; padding-top: 8% !important; } } @media screen and (max-width: 1440px) { .left-section { width: 30% !important; padding-top: 8% !important; } } @media screen and (max-width: 768px) { .signup-container { display: block; } .left-section { display: none } .right-section { width: 100%; margin: 0 15px 0 15px; padding-top: 15% !important } .login-button-container { text-align: center !important; } .span { display: block !important; text-align: center; font-size: 20px; font-weight: bold; } select { width: 80% } .action-container { flex-direction: column; } .legal-notice { max-width: none !important; width: 100% !important; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 576px){ .submit-button{ width:100% !important; } } .nav a button { display: inline-block; text-decoration: none; } body { margin: 0; background-color: #fff; color: #333; } .signup-container { display: flex; justify-content: space-around; } .left-section { width: 25%; padding-top: 8%; } .right-section { display: flex;padding-top: 6%;flex-direction: column; } .span { display: none } .feature { display: flex; align-items: center; margin-bottom: 50px; } .feature img { padding-right: 5%; } .text-box { width: 100%; height: 44px; border: 1px solid black; padding: 5px 10px; border-radius: 8px; background-color: #fff; display: flex; align-items: center; } .text { font-size: 14px; color: #000; } form { display: flex; flex-direction: column; } form input, form select { padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 8px; } .social-login { display: flex; flex-direction: column; margin: 15px 0; align-items: center; } .submit-button { align-items: center; background-color: #000; color: #fff; padding: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 2px; border-radius: 8px; width: 120px; height: 40px; font-size: 16px } .submit-button i{margin-right: 8px;padding: 0px 0px 0px 0px;} .login-button { background-color: #000; color: #fff; padding: 0px 32px 0px 32px; border-radius: 5px; margin-top: 15px; width: 110px; height: 40px; } .notice { text-align: center; font-size: 12px } .notice a { cursor:pointer; } .legal-notice { background-color: #FFB800; margin: 20px 0; font-size: 12px; border-radius: 8px; width: 100%; max-width: 540px; line-height: 18px; padding: 12px 20px 12px 20px; } .legal-notice li { list-style: disc; } a { color: #000; text-decoration: underline; } .button-google { background-color: #EEEEEE; color: black; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; margin-bottom: 10px; width: 100%; height: 40px; } .action-container { display: flex; justify-content: space-between; align-items: center; } .checkbox-container { display: flex; font-size: 14px; color: #333; align-items: center; } .checkbox-container label { margin-left: 5px; } .bottom-section { margin-top: 50px; } .tagline { font-size: 32px; font-weight: 500; margin-bottom: 20px; } .trustpilot { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .trustpilot img { width: 100px; height: auto; margin-right: 10px; } .rating { font-size: 24px; color: #4CAF50; } .button-logo { margin-right: 10px; width: 22px; height: 22px; } .tp-widget-trustscore { display: none; opacity: 0; height: 0; visibility: hidden; } #trust-score { display: none; opacity: 0; height: 0; visibility: hidden; } .login-button-container { text-align: right; margin-bottom:5%; } .form-input { width: 100%; height: 45px; border: 1px solid #828282; border-radius: 8px; padding: 10px 24px 10px 24px } .profile-dropdown { position: relative; display: inline-block; } .btn.dropdown-toggle { background-color: transparent; border: none; padding: 0; margin-left: 5px; } .btn.dropdown-toggle:focus, .btn.dropdown-toggle:active, .btn.dropdown-toggle:focus:active { outline: none; box-shadow: none; background-color: transparent; } .profile-img { border-radius: 50%; margin-right: 5px; } .dropdown-menu { left: auto; top: 75px; padding: 0; border: 1px solid #eee; position: absolute; } .dropdown-header { font-size: 16px; font-weight: bold; color: #333; padding: 10px 20px; background: #fff; margin: 0; border-bottom: 1px solid #e5e5e5; position: fixed; z-index: 1000; } .dropdown-menu > li > a { padding: 10px 20px; color: #333; background: #fff; } .dropdown-menu > li > a:hover { background-color: #f5f5f5; } .divider { margin: 0; } .account-card { border: 1px solid #ddd; border-radius: 4px; padding: 10px; margin-bottom: 20px; } .account-card h4 { margin-top: 0; } .account-card .meta-info { font-size: 14px; } .dropdown-menu > li > a:hover { background-color: #f5f5f5; } .custom-alert { background-color: #ffd11a; border-radius: 10px; } .tab-container { background-color: #f1f1f1; border-radius: 10px; margin-right: 20px; } .black-box { background-color: black; color: #fff; padding: 10px; border-radius: 10px; flex-grow: 1; } .balance-paper { padding: 20px; margin-top: 10px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); } .underline-link { color: #fff; text-decoration: underline; margin-left: 10px; } .alert { background-color: #f0ad4e; padding: 10px; text-align: center; color: white; font-weight: bold; } .form-label { margin-top: 15px; padding-left: 23px; } .error-code { padding-left: 35px; padding-bottom: 10px; color: #FF3333; } .animate__animated { --animate-duration: 1.5s; } .lds-ring, .lds-ring div { box-sizing: border-box; } .lds-ring { display: inline-block; position: relative; width: 19px; height: 19px; vertical-align: middle; margin-right: 5px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 15px; height: 15px; margin: 2px; border: 2px solid currentColor; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: currentColor transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }