.v_white {
    overflow: hidden;
}
.menu-body-bg {
    background: #24282A;
}
.gradient-body-1 {
    background: #F4F6F8;
}
.web .gradient-body-1 {
    background: #F4F6F8;
}
.gradient-body-1.black {
    background: #202931;
}
.gradient-body-1.white {
    background: #FFFFFF;
}
.v_white .header-dark {
    background: #000000;
    font-weight: 300;
}
.v_white .header-dark.border_bottom {
}
.v_white .main-menu-top-plus {
    border: 1px dashed #99A6B4;
    background: #F9FBFC;
}
.v_white .main-menu-top-plus-2 {
    background: #cedce7;
    border: 2px solid #bfd3e3;
}
.v_white .main-menu-top-1 {
    background: #161A1C;
    box-shadow: 0px 1px 0px #000000;
}
.v_white .main-menu-top-2 {
    background: #191D24;
    border: 2px solid #DCB464;
}
.v_white .main-menu-top-3 {
    background: #99b11d;
    border: 2px solid #829819;
}
.v_white .main-menu-top-4 {
    background: #37a0c8;
}
.v_white .main-menu-top-6 {
    background: #434854;
}
.v_white .main-menu-top-7 {
    background: #37a0c8;
}
.v_white .main-menu-top-8 {
    background: #37a0c8;
}
.v_white .main-menu-top h4, .v_white .main-menu-top-2 h4, .v_white .main-menu-top-3 h4, .v_white .main-menu-top-4 h4, .v_white .main-menu-top-5 h4, .v_white .main-menu-top-6 h4, .v_white .main-menu-top-7 h4, .v_white .main-menu-top-8 h4, .v_white .b-main-text, .v_white .user, .v_white .main-card h6.text-left {
    color: #FFFFFF;
}
.v_white .header-logo-center .active {
    color: #FFD582;
    line-height: 16px;
}
.v_white .header-logo-center a, .v_white .header-logo-center-1.header-dark a, .v_white .sub-top-2 .text-center span {
    color: #fff;
    font-weight: 500;
}
.v_white .sub-top-2 .text-center .tx-co-gr {
    color: rgba(35, 38, 40, 0.5);
}
.v_white .main-menu-top .button-half:nth-child(2) {
    border-left: 1px solid #8E4D4D;
    background: transparent;
    border-radius: 0px 0px 13px 0px;
}
.v_white .main-menu-top .button-gray {
    border-top: 1px solid #8E4D4D;
    border-left: 1px solid #8E4D4D !important;
}
.v_white .main-menu-top .button-half:nth-child(1) {
    background: transparent;
    border-radius: 0px 0px 0px 13px;
    border-top: 1px solid #8E4D4D;
}
.v_white .main-menu-top .button-half:nth-child(2) {
    border-top: 1px solid #8E4D4D;
    border-left: 1px solid #8E4D4D;
}
.v_white .main-menu-top .button-gray {
    border-top: 1px solid #8E4D4D !important;
}
.v_white .btn-card {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0 2px 0;
}
.v_white .btn-card a {
    background: #000B22;
    color: #FFFFFF;
    border-radius: 20px;
    width: 130px;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.v_white .btn-card a:nth-child(1) {
    margin-right: 15px;
}
.v_white .btn-card img {
    display: inline-block;
    width: 25px;
    margin-right: 8px;
}
.v_white .main-menu-top-2 .button-half:nth-child(2) {
    border-top: 1px solid #007a85;
    border-left: 1px solid #007a85;
}
.v_white .main-menu-top-2 .button-half:nth-child(1) {
    border-top: 1px solid #007a85;
}
.v_white .main-menu-top-3 .button-half:nth-child(2) {
    border-top: 1px solid #879c16;
    border-left: 1px solid #879c16;
}
.v_white .main-menu-top-3 .button-half:nth-child(1) {
    border-top: 1px solid #879c16;
}
.v_white .main-menu-top-4 .button-half:nth-child(2) {
    border-top: 1px solid #8E4D4D;
    border-left: 1px solid #8E4D4D;
}
.v_white .main-menu-top-4 .button-half:nth-child(1) {
    border-top: 1px solid #8E4D4D;
}
.v_white .main-menu-top-plus span {
    border: 2px dotted #a2030b;
    color: #a2030b;
}
.v_white .main-menu-top-plus-2 span {
    border: 2px dotted rgba(72, 181, 232, 0.5);
    color: rgba(72, 181, 232, 0.5);
}
.v_white .main-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.v_white .main-card-top i {
    margin-right: 10px;
    font-size: 16px;
}
.v_white .main-card-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-top: 1px solid #E7EAEE;
    height: 40px;
}
.v_white .card-title {
    color: #000B22;
    background: #E7EAEE;
    text-align: center;
    font-size: 13px;
    height: 26px;
    width: 100px;
    line-height: 26px;
    border-radius: 13px;
}
.v_white .card-title2 {
    color: #000B22;
    background: #E7EAEE;
    text-align: center;
    font-size: 13px;
    height: 26px;
    width: 100px;
    line-height: 26px;
    position: absolute;
    bottom: 2px;
    right: 2px;
    border-radius: 10px 0px 10px 0px;
}
.v_white .main-menu-top-6 .card-title {
    color: #434854;
    background: #fff;
    border: 2px solid #434854;
    border-radius: 15px 0px 10px 0px;
    padding: 0px 15px;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
}
.v_white .menu-line {
    background: #f1e3e2;
}
.v_white .menu-header {
    display: flex;
    align-items: center;
}
.v_white .sub-top-2 i, .v_white .sub-top-1 i {
    color: #000B22;
}
.v_white .menu-fixed a {
    color: #989ca0;
}
.v_white .menu-fixed-1 {
    display: flex;
    justify-content: space-between
}
.v_white .menu-fixed-1 a {
    color: #FFFFFF;
}
.v_white .menu-fixed-1 .active {
    color: #DCB464;
}
.v_white .menu-fixed-2 a {
    color: #FFFFFF;
}
.v_white .menu-fixed-2 .active {
    color: #DCB464;
}
.v_white .menu-fixed-3 {
    display: flex;
    justify-content: space-between;
    background: transparent url('/assets/images/home_menu.svg') 50% 0% no-repeat;
    background-size: cover;
    height: 86px;
    width: 100%;
    align-items: flex-end;
    max-width: 450px;
    margin: 0 auto;
    transition: transform 0.5s ease-out;
    transform: translateY(1000%);
}
.v_white .menu-fixed-3 > div a:only-child {
    width: 100%;
}
.v_white .menu-fixed-3 > div:not(.menu-fixed-3-backmenu) {
    width: 40%
}
/*
.v_white .menu-fixed-3 a:not(.menu-fixed-3-backmenu a) {
    color: #FFFFFF;
    z-index: 102;
}
*/
.v_white .menu-fixed-3 a.home_absolute {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: auto;
}
.v_white .menu-fixed-3 a.home_absolute img {
    margin: 11px auto !important;
    width: 60px;
    height: 60px;
}
.v_white .menu-fixed-3 .active {
    color: #DCB464;
}
@media all and (min-width: 480px) and (max-width: 767px) {
}
@media all and (min-width: 768px) {
}
.v_white .sub-top-2 .text-right span {
    color: #f5f5f5;
    opacity: 0.5;
}
.v_white .menu-fixed {
    background: #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    box-shadow: 0px -2px 10px #0000001a;
}
.v_white .menu-fixed-1 {
    background: #000000;
    box-shadow: 0px -1px 0px #FFFFFF1A;
}
.v_white .menu-fixed-2 {
    background: #000000;
    box-shadow: 0px -1px 0px #FFFFFF1A;
}
.v_white .qr-clone {
    color: #000B22;
    height: 66px;
    margin: 0 15px 0 15px;
    background: #F4F6F8;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.v_white .code-line:after {
}
.v_white .b-ok-dark, .v_white .footer-lan {
    background: #1086AB;
    color: #ffffff;
}
.v_white .b-ok-light {
    background: #780000;
    color: #ffffff;
}
.v_white .b-ok-text {
    color: #48b5e8;
}
.v_white .b-button-light {
    color: #ffffff;
    background: #E0B35E;
    border-radius: 29px;
}
.b-button-small {
    border-radius: 0px 0 0 0px !important;
    height: 58px !important;
}
.v_white .b-cancel-dark {
    background-color: #000;
    color: #ffffff;
    border-radius: 29px;
}
.v_white .tab-inactive {
    background: #AABCC2;
    color: #FFFFFF;
}
.v_white .sub-top-1 {
    background: #FFFFFF;
}
.v_white .sub-top-2 {
    background: #37A0C8;
    height: 123px;
    color: #FFFFFF;
    border-radius: 0px 0px 15px 15px;
    margin: 0px 15px 16px;
}
.v_white .sub-top-3 {
    background: #000;
    color: #FFFFFF;
}
.v_white .b-white {
    background-color: #ffffff;
}
.v_white .lock-amount {
    color: #f5f5f5;
    opacity: 0.5;
}
.v_white .main-menu-top-2 table td:nth-child(odd), .v_white .main-menu-top-2 table td:nth-child(even), .v_white h6.b-main-text, .v_white .main-menu-top table td:nth-child(odd), .v_white .main-menu-top table td:nth-child(even), .v_white .main-menu-top-3 table td:nth-child(odd), .v_white .main-menu-top-3 table td:nth-child(even) {
    color: #FFFFFF !important;
}
.v_white .main-menu-top-4 table td:nth-child(odd), .v_white .main-menu-top-4 table td:nth-child(even), .v_white .main-menu-top-5 table td:nth-child(odd), .v_white .main-menu-top-5 table td:nth-child(even),
.v_white .main-menu-top-6 table td:nth-child(odd), .v_white .main-menu-top-6 table td:nth-child(even),
.v_white .main-menu-top-7 table td:nth-child(odd), .v_white .main-menu-top-7 table td:nth-child(even) {
    color: #FFFFFF !important;
}
.v_white .main-menu-top-8 table td:nth-child(odd), .v_white .main-menu-top-8 table td:nth-child(even) {
    color: #FFFFFF !important;
}
.v_white .main-top p, .v_white .menu-header p {
    color: #FFFFFF;
}
.v_white .menu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #E8E8E8;
}
.v_white .menu-item img {
    margin-right: 20px;
    width: 8px;
    height: 14px;
}
.gradient-body-2 {
    background: #F4F6F8;
}
.gradient-body-3 {
    background: #ffffff;
}
.gradient-body-3.black {
    background: #202931;
}
.web .gradient-body-2 {
    max-width: 450px;
    margin: 0 auto;
}
.gradient-body-2.white {
    background: #ffffff;
}
.gradient-body-2.black {
    background: #202931;
}
.v_white .menu-list {
    padding: 0px 20px
}
.v_red .invest-txt, .v_yellow .invest-txt, .v_green .invest-txt, .v_bluegreen .invest-txt, .v_blue .invest-txt, .v_grey .invest-txt {
    border: 1px dashed rgba(255, 255, 255, 0.5);
}
.v_red .invest-txt, .v_yellow .invest-txt, .v_green .invest-txt, .v_bluegreen .invest-txt, .v_blue .invest-txt, .v_grey .invest-txt {
    color: #ffffff;
}
.invest-txt img {
    margin: auto;
    margin-bottom: 20px;
}
.invest-info {
    margin: 10px 13px;
}
.v_white .invest-info {
    font-size: 12px;
    line-height: 18px;
}
.v_white .invest-info table {
}
.v_white .invest-info tr {
    display: table-row;
    background: #f9fbfc;
    height: 30px;
}
.v_white .invest-info td {
    border-bottom: 1px solid #E7EAEE;
    text-align: left;
    padding: 0 0 0 5px;
}
.v_white .invest-info td:nth-child(odd) {
    text-align: left;
}
.v_white .invest-info td:nth-child(even) {
    text-align: right;
}
.v_white .none-text-1 {
    color: #848484;
}
.KCT_bg {
    positon: relative;
    background: #CE0003;
    border-radius: 10px;
}
.KCT_bg_in {
    positon: relative;
    background: #CE0003;
    border-radius: 10px;
}
.SPX_bg {
    positon: relative;
    background: #26638D;
    border-radius: 10px;
}
.SPX_bg_in {
    positon: relative;
    background: #26638D;
    border-radius: 10px;
}
.MATIC_bg {
    positon: relative;
    background: #7950DD;
    border-radius: 10px;
}
.MATIC_bg_in {
    positon: relative;
    background: #7950DD;
    border-radius: 10px;
}
.character {
    padding: 0px 10px;
}
.character.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.character .character_content {
    display: inline-block;
    width: 100%;
    border: 1px solid #E7EAEE;
    margin-bottom: 2px;
    padding: 8px 10px;
    background: #F9FBFC;
    height: 37px;
}
.character .character_content:last-child {
    margin-bottom: 2px;
}
.character .character_content p {
    font-size: 13px;
    margin-bottom: 0;
    line-height: 20px;
}
.character .character_content p span {
    float: right;
}
.character .character_content .no-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: calc(100% - 50px);
    text-align: right;
}
.character .character_content.radius_top_left {
    border-radius: 10px 0 0 0;
}
.character .character_content.radius_top_right {
    border-radius: 0 10px 0 0;
}
.character .character_content.radius_bottom {
    border-radius: 0 0 10px 10px;
}
.character .character_content.half {
    width: 49.7%;
}
.character span {
    font-weight: 600
}
.border_line {
    border-bottom: 1px solid #3e3e3e;
    display: block;
    margin: 0px 20px;
}
.border_line5 {
    border-bottom: 5px solid #454950;
}
.color-white {
    color: #ffffff !important;
}
.i_secure_num, .i_new_secure, .i_new_secure2, .i_secure_num2 {
    -webkit-text-security: disc;
}
.scrollLock {
    overflow: hidden;
}
.can_use {
    color: #2ECC71;
    font-size: 1.4em;
}
.result_txt {
    width: 75%;
    margin: 15% auto;
    color: #514949;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    font-size: 1.2em;
}
.wallet_addr {
    text-indent: 5px;
}
.state_ok {
    color: #E0B35E !important;
}
.state_yet {
    color: #1086AB;
}
.state_no {
    color: #a2030b;
}
.text-nomal {
    color: #0d414c;
}
.lan > a.active {
    display: block;
}
.lan > a.inactive {
    display: none;
}
.bold {
    font-weight: bold !important;
}
.height100 {
    height: 100%;
}
.width-20 {
    width: 20% !important;
}
.width-21 {
    width: 21% !important;
}
.width-100 {
    width: 100% !important;
}
.position-static {
    position: static !important;
}
.index-b {
    font-size: 20px !important;
    font-weight: 400;
}
.pre_coin {
    width: 50%;
}
#color {
    min-height: 800px;
}
.invest-txt {
    margin: 100px 13px 10px;
}
.blinking {
    -webkit-animation: blink 1s ease-in-out infinite alternate;
    -moz-animation: blink 1s ease-in-out infinite alternate;
    animation: blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
    0% {
        opacity: 0.5;
    }
    70% {
        opacity: 0.7;
    }
    80% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 0.5;
    }
    70% {
        opacity: 0.7;
    }
    80% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}
@keyframes blink {
    0% {
        opacity: 0.5;
    }
    70% {
        opacity: 0.7;
    }
    80% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}
.display-inblock {
    display: inline-block !important;
}
.last-login {
    position: absolute;
    right: 25px;
    top: 45px;
    text-align: right;
}
.line-height {
    line-height: 18px !important;
}
#refresh-loadingbar {
    margin-top: 0 !important;
    top: 60px !important;
}
#loading-img {
    height: 40px;
}
.inline-span {
    position: absolute;
    color: #f5f5f5;
    bottom: 15px;
    font-size: 13px;
    left: 19px;
}
.inline-span-pw {
    position: absolute;
    color: #f5f5f5;
    bottom: 15px;
    font-size: 13px;
    left: 10px;
}
.icon-reload {
    display: inline-block;
    position: relative;
    -webkit-animation: rotate 1.5s linear infinite;
    animation: rotate 1.5s linear infinite;
    color: #262626;
}
.icon-big {
    width: 21px;
    height: 22px;
    vertical-align: sub;
}
.icon-small {
    width: 16px;
    height: 16px;
}
.icon-inline {
    display: inline-block;
    top: 12px;
    right: 19px;
    position: absolute;
}
.icon-qrcode {
    position: absolute;
    right: 0;
    top: 0;
}
.icon-camera {
    position: absolute;
    width: 20px;
    height: 17px;
    bottom: 24px;
    right: 19px;
}
.icon-camera2 {
    position: absolute;
    width: 30px;
    height: 25px;
    bottom: 24px;
    right: 19px;
    cursor: pointer;
}
.mainnet-notice {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 15px;
}
.mainnet-notice img {
    margin-right: 5px;
}
.input-icon {
    margin: 0;
}
.input-icon span:not(.icon-camera, .icon-camera2) {
    position: absolute;
    left: 13px;
    top: 3px;
    font-size: 14px;
    color: #848484;
    z-index: 10;
}
.input-login-icon {
    margin: 0 13px;
    display: flex;
    align-items: center;
}
.input-login-icon span {
    position: absolute;
    left: 12px;
    top: 0px;
    font-size: 12px;
    color: #848484;
    z-index: 10;
}
.input-register-icon {
    display: flex;
    align-items: center;
}
.input-register-icon span:first-child {
    position: absolute;
    left: 12px;
    top: 2px;
    font-size: 14px;
    color: #848484;
    z-index: 10;
}
.input-send span:nth-child(1) {
    position: absolute;
    left: 8%;
    top: 2px;
    font-size: 12px;
    color: #929292;
    z-index: 10;
}
.input-send span:nth-child(3) {
    position: absolute;
    font-size: 16px;
    color: #303030;
    bottom: 4px;
    right: 32px;
    font-weight: 500;
}
.input-send input {
    width: 90%;
    margin: auto;
    padding-right: 60px;
    text-indent: 38px;
}
.input-number span:first-child {
    position: absolute;
    left: 13px;
    top: 2px;
    font-size: 12px;
    color: #848484;
    z-index: 10;
}
.input-number span:nth-child(3) {
    position: absolute;
    right: 13px;
    top: 9px;
    font-size: 16px;
    color: #303030;
    z-index: 1;
    font-weight: 400;
}
.login-bottom-button {
    color: #333333;
    position: fixed;
    bottom: 25px;
    left: 0px;
    right: 0px;
    max-width: 450px;
    margin: 0 auto;
}
.login-bottom-button p {
    color: #848484;
    font-size: 14px;
    text-decoration: underline;
}
.my_info_lvl {
    background: #36566c;
    border-radius: 24px;
    text-align: center;
    color: #ffffff;
    width: 94px;
    height: 46px;
    line-height: 42px;
    font-size: 15px;
    position: absolute;
    right: 7px;
    top: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.myinfo_step .btn_area {
    position: absolute;
    right: 15px;
/*    bottom: 15px;*/
    font-size: 14px;
    color: #848484;
    z-index: 10;
    cursor: pointer;
    text-decoration: underline;

}
@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
.force-left {
    text-align: left !important;
}
.added_text {
    margin: 0;
    font-size: 12px;
}
.height-60 {
    height: 60px !important;
}
.align-self-center {
    align-self: center;
    word-break: break-word;
    white-space: nowrap;
}
.b-ok-dark {
    background: #a2030b;
    color: #ffffff;
}
.display-flex {
    display: flex !important;
    flex-direction: column;
}
.display-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.staking-title {
    font-size: 16px;
    color: #000B22;
    font-weight: 400;
    text-align: center;
}
.staking_step4_box img {
    margin: 30px auto 15px;
}
.staking_step4_box p:nth-child(2) {
    color: #E8E8E8;
    font-size: 15px;
    text-align: center;
    margin-bottom: 27px;
}
.staking_step4_box p:nth-child(3) {
    color: #E8E8E8;
    font-size: 14px;
    text-align: center;
    margin-bottom: 30px;
}
.staking_step4_box p:nth-child(3) span{
    color: #FFD582;
}
.info-text {
    color: #333333;
}
.top-text {
    margin-top: 3px;
}
.spon-text {
    display: inline-block;
    color: #FFFFFF;
    margin-right: 13px;
}
.spon-img {
    display: inline-block;
    vertical-align: middle;
}
.spon-link {
    text-align: left;
}
.register-title {
    margin: 30px auto 10px;
    text-align: left;
    color: #E8E8E8;
    font-size: 14px;
}
.resister-text img {
    display: inline-block;
}
.resister-text {
    text-align: left;
    margin-top: 10px;
}
.resister-text p {
    margin-bottom: 0;
    line-height: 21px;
    color: #AAAAAA;
}
.invest-notice {
    margin: 0;
    text-align: left;
    color: #FFD582;
    font-size: 12px;
    line-height: 20px;
}
.secure-title {
    text-align: center;
    color: #ffffff;
    font-size: 14px;
}
.secure-ok-td {
    color: #FFFFFF !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}
.secure-del-td {
    font-size: 16px !important;
}
.secure-ok-button {
    display: inline-block;
    height: 45px;
    border-radius: 38px;
    font-weight: 400;
}
.secure-ok-button div {
    line-height: 45px;
}
.secure-img {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 66px;
}
.secure-img div {
    width: 50px;
}
.secure-img p.secure_circle {
    background: transparent;
    border-radius: 50%;
    border: 1px solid #D6D6D6;
    width: 13px;
    vertical-align: middle;
    display: inline-block;
    height: 13px;
    margin: 0;
    text-align: center;
}
.secure-img p.secure_circle.active {
    background: #E0B35E;
    border: 1px solid #E0B35E;
}
.secure-img > div img {
    margin: auto;
}
.default-color {
    color: #333333;
}
.language-title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #f5f5f5;
}
.language-bg {
    margin-top: 95px !important;
    background: transparent url('/assets/images/img_map.svg') 0% 0% no-repeat padding-box;
    opacity: 0.4;
    width: 375px;
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.language .korea {
    width: 120px;
    height: 30px;
    background: #035C9A 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 0.8;
    color: #f5f5f5;
}
.display-flex-center-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.staking-type-box {
    height: 25.5vh;
    background: #1086AB 0% 0% no-repeat padding-box;
    border-top-right-radius: 13px;
    border-top-left-radius: 13px;
    margin: auto;
}
.staking-type-box .b-main-text-1 {
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    left: 112px;
    font-weight: bold;
}
.staking-type-box-eth {
    height: 25.5vh;
    background: #0D365A 0% 0% no-repeat padding-box;
    margin: auto;
    z-index: 2;
}
.staking-type-box-eth .b-main-text-1 {
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    left: 112px;
    font-weight: bold;
}
.staking-type-box-vip {
    height: 25.5vh;
    background: #1C1C1C 0% 0% no-repeat padding-box;
    margin: auto;
    z-index: 2;
}
.staking-type-box-bg {
    position: fixed;
    bottom: 0;
    height: 50vh;
    width: 100%;
    background: #566E75 0% 0% no-repeat padding-box;
    margin: auto;
    z-index: 1;
}
.staking-type-box-vip .b-main-text-1 {
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    left: 112px;
    font-weight: bold;
}
.staking-type-box-vip .staking-type-box-index {
    height: 100%;
}
.total-spon-text {
    position: absolute;
    right: 0;
    top: 18px;
}
.button.b-ok-light {
    background: #E0B35E;
    color: #ffffff;
    border-radius: 29px;
}

.button.b-light {
    background: #000;
    color: #ffffff;
    border-radius: 29px;
}
.button.b-disable {
    background: #9b9b9b !important;
    color: #ffffff !important;
}
.input-round-title {
    color: #E8E8E8;font-size: 16px;font-weight: 400;cursor: default;
}
.input-round-mg-0-title {
    color: #E8E8E8;
    font-size: 14px;
}
.address-line {
    height: 5px;
    background: #454950;
    margin-top: 27px;
}
.guide-box {
    margin-bottom: 10px;
}
.guide-box p {
    margin: 0;
    color: #000000;
}
.opacity-button-text {
    position: fixed;
    bottom: 15px;
    font-size: 16px;
    color: #f5f5f5;
}
.notice-title {
    justify-content: center;
    color: #ffffff !important;
}
.border-bottom-bold {
    border-bottom: 6px solid #E7EBF1;
}
.white-space {
    width: 100%;
    height: 20px;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    border-radius: 15px 15px 0px 0px;
}
/* 캡차용 css (ci_captcha) */
#captchaId {
    margin: auto;
}
.next-amount > div {
    width: 98px;
    height: 45px;
    border-radius: 38px;
}
.icon-right-arrow {
    position: absolute;
    right: 18px;
}
.light-bold {
    font-weight: 400;
}
.swap_symbol {
    position: absolute;
    right: 8px;
    bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #E8E8E8;
}
.swap_token_input {
    height: 70px;
    line-height: 43px;
    display: block;
    width: 100%;
    text-indent: 10px;
    font-size: 16px;
    color: #E8E8E8;
    padding: 25px 55px 25px 60px;
    text-align: right;
    font-weight: 700;
    border: 1px solid #3E3E3E;
    background: #000000;
}
.i_token_amount {
    border: 1px solid #E0B35E;
    pointer-events: none;
}
.swap_token_input.SPX {
    padding: 25px 45px 25px 60px;
}
.swap_token_input.NZERO {
    padding: 25px 65px 25px 60px;
}
.swap_token_input.CARMIN {
    padding: 25px 77px 25px 60px;
}
.swap_token_input.KCT {
    padding: 25px 45px 25px 60px;
}
.swap_token_input.BNB {
    padding: 25px 43px 25px 60px;
}
.swap_token_input.USDT {
    padding: 25px 55px 25px 60px;
}
.swap_token_input.MATIC {
    padding: 25px 62px 23px 60px;
}
.swap_token_icon {
    position: absolute;
    top: 2px;
    left: 12px;
    font-size: 14px;
    text-align: right;
    color: #848484;
}
.swap_token_icon .swap_token_img {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
}
.swap_token_icon .swap_icon_down {
    display: inline-block;
    vertical-align: middle;
}
.swap_token_icon span {
    vertical-align: middle;
}
.swap_fee_info {
    color: #E0B35E;
    margin-top: 5px;
    text-align: right;
}
.tab-staking-table .red {
    color: #E30000;
}
.tab-staking-table .blue {
    color: #0024e3;
}
.swap_warning_info {
    text-align: left;
    margin: 20px auto;
}
.swap_warning_info ul {
    list-style-type: none; /* Remove default list style */
    padding: 0;
}
.swap_warning_info li {
    color: #AAAAAA;
    margin: 0;
    line-height: 17px;
    text-indent: -0.9em;
    margin-left: 30px;
    font-weight: 300;
    font-size: 12px;
}
.swap_warning_info li::before {
    content: "-";
    color: #AAAAAA;
    display: inline-block;
    width: 1em;
}
.swap_warning_info hr {
    border: 0.1px solid #c1c1c1;
    margin-bottom: 5px;
}
.swap_warning_info p {
    color: #929292;
    margin: 0;
    line-height: 18px;
    text-align: left;
}
.swap_warning_info img {
    display: inline-block;
    margin-right: 5px;
}
.swap_warning_info span {
    color: #000B22;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.swap_warning_info li span {
    color: #E30000;
}
.swap-refresh {
    color: #ffffff;
    float: right;
    background: #36566C;
    border-radius: 29px;
    width: 115px;
    height: 34px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swap-refresh img {
    margin-right: 5px;
}
.sending-refresh{
    border-radius: 100px;
    background: #000;
    width: 35px;
    height: 35px;
}
.sending-refresh img {
    width: 17px !important;
    height: 35px !important;
    display: inline-block;
    transition: transform 1s ease-in-out;
    cursor: pointer;
}
.swap_icon_img {
    display: inline-block;
    margin: 10px 0 5px;
}
.swap_krw {
    position: absolute;
    top: 23px;
    left: 10px;
    font-size: 12px;
    color: #191D24;
}
.swap-history-table {
    width: 100%;
    margin: 0px auto 30px;
    border-collapse: separate;
    border-spacing: 0 7px

}
.swap-history-table tr {
    font-size: 13px;
    background: #F4F6F8;
    height: 50px;
}
.swap-history-table td:nth-child(1) {
    width: 20%;
    text-align: center;
    padding: 0 5px 0 12px;
    border-radius: 15px 0 0 15px;
}

.swap-history-table td:last-child {
    border-radius: 0 15px 15px 0;
    font-size: 11px;
    color: #000;
    text-align: center;
    width: 70%;
}
.swap-history-table img {
    display: inline-block;
    width: 12px;
    height: 11px;
    vertical-align: middle;
}
.staking_add_token {
    margin: 10px 10px;
    color: #000B22;
}
.staking_add_token span:nth-child(3) {
    position: absolute;
    top: 37px;
    left: 9px;
    font-size: 12px;
    text-align: left;
    display: inline-block;
    color: #848484;
}
.staking_add_token span:nth-child(4) {
    position: absolute;
    font-size: 16px;
    color: #303030;
    top: 49px;
    right: 10px;
    font-weight: 500;
}
.add_token_input {
    height: 55px;
    line-height: 43px;
    display: block;
    width: 100%;
    text-indent: 10px;
    font-size: 19px;
    background: #FFFFFF;
    color: #000B22;
    border-radius: 3px;
    padding: 25px 53px 23px 50px;
    text-align: right;
    font-weight: 600;
    border: 1px solid #D2D8DB;
}
.btn_add_token {
    border-collapse: separate;
    border-spacing: 5px 5px;
    margin: auto;
}
.btn_add_token td {
    width: 25%;
    line-height: 40px;
    background: #D2D8DB;
    color: #FFFFFF;
    height: 40px;
    font-size: 12px;
    border-radius: 5px;
}
.btn_add_token.td5 td {
    width: 20%;
}
.tab2list-table {
    width: 100%;
    margin-bottom: 30px;
}
.tab2list-table td {
    border-bottom: 1px solid #E7EBF1;
    height: 50px;
}
.tab2list-table td:nth-child(1) {
    color: #000;
    text-align: left;
    font-size: 13px;
}
.tab2list-table td:nth-child(2) {
    color: #000;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    font-size: 13px;
}
.tab2list-table .txinfo span {
    color: #E8E8E8
}
.intro-logo-img {
    margin-top: 17%;
}
.intro-logo-img img {
    width: 50%;
    height: auto;
    max-width: 200px;
    margin: auto;
}
.intro-logo-img.no-main {
    text-align: center;
    margin-top: 60px;
}
.intro-logo-img-frame {
    z-index: 9999999999;
    height: 100vh;
    background: #000000;
    margin: 0 auto;
}
.intro-logo-img-frame:after {
    content: "";
    background-image: url("/assets/images/login_logo.svg");
    background-size: 100% 100%;
    width: 30%;
    height: 70%;
    display: inline-block;
}
.staking-banner {
    text-align: center;
    margin: 0px auto;
}
.staking-banner img {
    display: inline-block;
    width: 95%;
}
/*.intro-logo-img-frame img {margin:auto; z-index: 9999999999;width: 100%;position: relative;
    top: 50%; transform: translateY(-50%);}*/
.intro-logo-copyright-frame {
    color: #FFFFFF;
    position: absolute;
    bottom: 5px;
    font-size: 12px;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999999;
}
.login-body {
    background: #24282A;
    position: absolute;
    left: 15px;
    bottom: 15px;
    right: 15px;
    top: 220px;
    border-radius: 15px;
    text-align: center;
    cursor: default;
}
.regist-body {
    background: #24282A;
    position: absolute;
    left: 15px;
    bottom: 15px;
    right: 15px;
    top: 60px;
    border-radius: 15px;
    text-align: center;
}
.token_txt_balance {
    display: flex;
    justify-content: space-between;
    margin: 10px 10px;
}
.b-card-logo {
    position: absolute;
    top: 15px;
    left: 30px;
    color: #E8E8E8;
    font-size: 14px;
}
.b-card-logo img {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-bottom: 7px;
}
.history-tab ul {
    display: flex;
    font-size: 15px;
    margin: 0 0 0 0px;
}
.history-tab.refresh ul {
    justify-content: space-between;
}
.history-tab ul li {
    min-width: 30%;
    padding: 8px 0;
    text-align: center;
    color: #AAAAAA;
    margin: 0;
    height: 46px;
}
.history-tab ul li.active-class {
    color: #000B22;
    font-weight: 600;
    height: 46px;
}
.history-tab-content {
    overflow: auto;
}
.history-table {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 0;
}
.history-table p {
    margin: 0;
    line-height: 18px;
}
.history-table td {
    border-bottom: 1px solid #e4ebec;
}
.history-table td:nth-child(1) {
    width: 30px;
    text-align: center;
    font-size: 26px;
}
.history-table td:nth-child(1) i {
    font-size: 17px;
    vertical-align: middle;
}
.history-table td:nth-child(2) {
    color: #262626;
    padding: 10px 5px;
    text-align: left;
    font-size: 15px;
}
.history-table td:nth-child(3) {
    color: #abafaf;
    padding: 10px 5px;
    text-align: right;
    font-size: 12px
}
.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
    display: inline-block;
    margin-left: 5px;
    height: 17px;
    font-size: 11px !important;
    line-height: 20px;
}
.badge-pill div:before {
    display: none !important;
}
.pill-1lv {
    color: #fff !important;
    background-color: #52B976;
}
.pill-2lv {
    color: #fff !important;
    background-color: #E9465E;
}
.pill-3lv {
    color: #fff !important;
    background-color: #6052A3;
}
.pill-4lv {
    color: #000 !important;
    background-color: #DECEE5;
}
.pill-5lv {
    color: #fff !important;
    background-color: #F39E22;
}
.alert-popup {
    min-height: 200px;
    padding: 20px;
    background: #FFFFFF;
    z-index: 9999999;
    border-radius: 10px;
    text-align: center;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    position: fixed;
    width: 92%;
    cursor: default;
}
.alert-popup p {
    font-weight: 500;
    color: #303030;
    font-size: 15px;
    line-height: 20px;
}
.alert-popup img {
    margin: 30px auto 20px;
    width: 50px
}
.alert-bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    margin: 0 0 0 0;
}
.alert-bg:after {
    content: '';
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%
}
.web .alert-popup {
    max-width: 430px;
}
.alert-text2 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 75px 0 43px;
}
.alert-text2 img {
    margin: 0 6px 0 0;
}
#menu-notice {
    position: fixed; background: white; inset: 5vh 5vw 10vh; z-index: 99999; border-radius: 20px; padding: 20px; overflow: scroll; height: -webkit-fill-available;
}
.web #menu-notice {
    max-width: 600px;
    margin: 0 auto;
}
.notice_title {
    font-weight: bold; font-size: 17px; margin-bottom: 15px; display: flex; justify-content: center
}
.notice_content {
    white-space: pre-line; overflow: scroll; height: calc(100% - 65px);text-align: center;
}
.guard-bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9998;
    margin: 0 0 0 0;
}
.guard-bg:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}
.password_toggle {
    position: absolute;
    top: 25px;
    right: 10px;
    width: 19px;
    height: 16px;
}
.user_popup {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    overflow: auto;
    z-index: 999999;
}
.user_popup.active {
    display: block;
}
.user_popup .user_popup_content {
    width: 90%;
    border-radius: 10px;
    position: absolute;
    padding: 10px 20px;
    max-height: calc(100% - 100px);
    top: 22%;
    display: flex;
    flex-direction: column;
    backdrop-filter: blur(40px);
    background: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.user_popup .user_popup_content .user_popup_content_head {
    color: #000B22;
    border-bottom: 1px solid #D2D8DB;
    position: relative;
}
.user_popup .user_popup_content .user_popup_content_head h4 {
    font-size: 18px;
    font-weight: 400;
    padding: 5px;
}
.user_popup .user_popup_content .user_popup_content_head img {
    position: absolute;
    top: 7px;
    right: 0px;
    width: 19px;
}
.user_popup .user_popup_content .user_popup_content_body .btn_swap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65%;
    color: #ffffff;
    font-size: 15px;
    margin: 10px auto;
    background-color: #000B22;
    border-radius: 29px;
    font-weight: 400;
    height: 50px;
}
.user_popup.vali_check .user_popup_content .user_popup_content_body {
    margin-top: 10px;
}
.user_popup.vali_check .user_popup_content .user_popup_content_body .user_popup_item {
    padding: 2px 0;
}
.user_popup .user_popup_content .user_popup_content_body .user_popup_item {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .08);
    color: #000;
    column-gap: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 12px 0;
    width: 100%;
    font-size: 13px;
}
.user_popup .user_popup_content .user_popup_content_body .user_popup_item div {
    display: inline-block;
}
.user_popup .user_popup_content .user_popup_content_body .user_popup_item .check_div {
    width: 100px;
}
.user_popup .user_popup_content .user_popup_content_body .user_popup_item img {
    width: 40px;
    height: 35px;
    display: inline-block;
}
.user_popup .user_popup_content .user_popup_content_body .user_popup_item span {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333333;
}
.user_popup .user_popup_content .user_popup_content_body table {
    width: 100%;
}
.user_popup .user_popup_content .user_popup_content_body table td select {
    width: 200px;
}
.user_popup .user_popup_content .user_popup_content_body table td {
    font-size: 14px;
    padding: 7px 5px;
    border-bottom: 1px solid #ddd;
}
.user_popup .user_popup_content .user_popup_content_body textarea {
    width: 99%;
    height: 20vh;
    resize: none;
}
/*.user_popup .user_popup_content .user_popup_content_body table td:first-child{width:150px;}*/
.user_popup .user_popup_content .user_popup_content_footer {
    text-align: center;
    padding: 25px 0 10px;
}
@keyframes loader88 {
    0% {
        transform: rotate(100deg);
    }
    25% {
        transform: rotate(80deg);
    }
    50% {
        transform: rotate(60deg);
    }
    75% {
        transform: rotate(40deg);
    }
    85% {
        transform: rotate(20deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@keyframes loader8 {
    0% {
        transform: scaleX(2) scaleY(2);
    }
    100% {
        transform: scaleX(1) scaleY(1);
    }
}
.wallet_bg {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #FFFFFF;
}
.img_check {
    position: relative;
    top: 2px;
}
.none {
    display: none !important;
}
#i_tel_code {
    background: transparent;
}


.btn_buy:disabled {background: #6DADA4; color: rgba(255, 255, 255, 0.5);cursor: default;}
.buy-input-icon > div > input{
    height: 68px;
    display: block;
    width: 100%;
    font-size: 16px;
    background: #000000;
    color: #E8E8E8;
    font-weight: 700;
    padding-top: 9px;
    padding-right: 60px; text-align: right;
}
.buy-input-icon > div > input::placeholder{
    font-size: 16px!important; font-weight: 700; text-align: right; color: #E8E8E8!important;
}
.buy-input-icon > div{
    width: 100%;
}
.buy-input-icon > div > span{
    position: absolute;
    right: 13px;
    bottom: 14px;
    font-size: 16px;
    color: #E8E8E8;
    cursor: default;
}

.buy-input-icon {
    width: 100%;
    border: 1px solid #3E3E3E;
    font-size: 20px;
    text-align: right;
    height: 70px;
    cursor: default;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.buy-input-icon > span:nth-child(1){
    position: absolute;
    left: 12px;
    top: 7px;
    font-size: 14px;
    color: #848484;
    cursor: default;
    z-index: 1;
}
.buy-input-icon > span:nth-child(2){
    color:#E8E8E8;
    font-size: 16px;
    font-weight: 700;
    text-align: right;
    word-break: break-all;
}
.buy-input-icon > span:last-child{
    color:#E8E8E8;
    min-width: 60px;
    font-size: 16px;
    text-align: right;
    padding: 0 10px 0 5px;
}

.point {
    margin-top: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.point p{color: #000000;
    font-size: 16px;
    font-weight: 700;
    cursor: default;margin: 0;}
.point_balance { width: 73%; border: 1px solid #D9DEF3; background: #FFFFFF; font-size: 20px; text-align: right; height: 60px; line-height: 60px; border-radius: 20px; cursor: default;display: flex;align-items: center;justify-content: flex-end;}
.point_balance p { text-align: right; display: inline-block; margin: 0; color: #000000; font-size: 20px; font-weight: 700;word-break: break-all;}
.point_balance span { font-weight: 700;font-size: 20px;width: 70px;text-align: center;}

.info-box {
    min-width: 88%;
    margin: 25px auto;
    color: #AAAAAA;
    text-align: left;
    font-size: 13px;
    cursor: default;
}
.info-box img {
    display: inline-block;
    margin-right: 5px;
}
.info-box span {
    color: #FF2D2D;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.info-box p {
    line-height: 20px;
    font-size: 12px;
    color: #989898;
    font-weight: 400;
    margin:0;
}
.info-box p span{
    font-weight: 700;
    color:#000000;
    display: inline-block;
}
.info-box ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.info-box li::before {
    content: "-";
    color: #AAAAAA;
    display: inline-block;
    width: 8px;
}
.info-box li {
    color: #AAAAAA;
    margin: 0;
    line-height: 18px;
    text-indent: -7px;
    margin-left: 15px;
    font-weight: 400;
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
}
.info-box li span {
    color: #E30000;
    display: unset;
}

.buy_result { width: 90%; margin: auto; text-align: center;}
.buy_result p:nth-child(1){ padding: 33px 0 25px; margin: 0; font-size: 16px; color: #ffffff; }
.buy_result p:last-child{ color:#FF4141; margin: 0; line-height: 16px;}
.buy_result p:last-child i{ padding-right: 3px;}

.notic_buy {font-size: 12px; text-align: right;margin-bottom: 10px;cursor: default;}
.notic_usdt {font-size: 12px;margin: 0;color: #ff0000;
    line-height: 12px;
}
.notic_usdt span{font-weight: 700;}
.notic_usdt2 {font-size: 12px; color:#ff0000;cursor: default;margin: 0;
}
.notic_buy span{font-weight: 700;}

.type_etoken .balance_box{
    width: 100%;
    text-align: right;
    font-size: 16px;
    color:#E8E8E8;
    border-top: 1px solid #A5A5A5;
    padding-top: 16px;
}
.type_etoken .balance_box span:first-child{
    font-weight: 700;
}
.type_etoken .balance_box span:last-child{
    margin-left: 5px;
}

#staking_step_3_token #master_addr{
    color:#E8E8E8;
    font-size: 14px;
    cursor: pointer;
}
#staking_step_3_token button.addr_copy{
    border-radius: 30px;
    background: #000000;
    color: #FFFFFF;
    width: 115px;
    height: 35px;
    margin-top: 20px;
    margin-bottom: 65px;
    cursor: pointer;
}
#staking_step_3_token button.addr_copy div{
    display: flex;
    justify-content: center;
    align-items: center;
}

#staking_step_3_token button.addr_copy div img{
    margin-right: 5px;
}
#staking_step_4_token .addr_copy{
    cursor: pointer;
    text-align: left!important;
}
#staking_step_4_token .addr_copy img{
    float: right;
    width: 18px;
    height: 18px;
}


.staking-txhash .title p{
    color: #E8E8E8;
    font-size: 14px;
    text-align: center;
}
.staking-txhash .title span{
    color: #FFD582;
}

.staking-txhash .box{
    border: 1px solid #555658;
    padding: 20px 15px;
}

.staking-txhash .box > p{
    color:#E8E8E8;
    font-size: 14px;
    line-height: 14px;
    margin:0;
}
.staking-txhash .box > div{
    text-align: center;
}
.staking-txhash .box > div > button{
    color: #fff;
    width: 115px;
    height: 35px;
    margin-top: 10px;
    border-radius: 30px;
    background: #000;
    float: unset;
}
.staking-txhash .box > span{
    color:#E8E8E8;
    font-size: 13px;
    margin-top: 10px;
    line-height: 13px;
}

.staking-txhash #expect{
    color:#E8E8E8;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}

.staking-txhash #hash_area span{
    color:#E8E8E8;
    font-size: 16px;
    text-align: left;
}
.staking-txhash #hash_area textarea{
    color : #E8E8E8;
    background: #000000;
    border: 1px solid #3E3E3E;
    width: 100%;
    height: 80px;
    padding: 10px;
}

.s_notic_usdt {position: absolute; margin: 0; top:40px; right: 13px; font-size: 11px; }
.s_notic_usdt2 {position: absolute; margin: 0; top:40px; right: 13px; font-size: 11px; display: none;}

.button-controller-double {position:fixed;bottom:0px;left:0;right:0;z-index:100;display: flex;justify-content: center;align-items: center;}
.button-controller-double-1{position:fixed;bottom:0;left:0;right:0;z-index:100;display: flex;justify-content: center;align-items: center;}
.button-controller-double-2{ position: relative; display: flex;justify-content: center;align-items: center; margin: 20px 0;}

.swap-history {
    width: 100%;
    margin: 0px auto 10px;
    border-collapse: separate;
    border-spacing: 0 7px;
    font-size: 13px;
    background: #F4F6F8;
    border-radius: 5px;
    padding: 20px;
}