.w-checkbox {
    display: block;
    margin-bottom: 5px;
    padding-left: 20px;
}

    .w-checkbox::before {
        content: ' ';
        display: table;
        -ms-grid-column-span: 1;
        grid-column-end: 2;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: 1;
        grid-row-end: 2;
        -ms-grid-row: 1;
        grid-row-start: 1;
    }

    .w-checkbox::after {
        content: ' ';
        display: table;
        -ms-grid-column-span: 1;
        grid-column-end: 2;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: 1;
        grid-row-end: 2;
        -ms-grid-row: 1;
        grid-row-start: 1;
        clear: both;
    }

.w-checkbox-input {
    float: left;
    margin-bottom: 0px;
    margin-left: -20px;
    margin-right: 0px;
    margin-top: 4px;
    line-height: normal;
}

.w-checkbox-input--inputType-custom {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    width: 12px;
    height: 12px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

    .w-checkbox-input--inputType-custom.w--redirected-checked {
        background-color: #3898ec;
        border-top-color: #3898ec;
        border-bottom-color: #3898ec;
        border-left-color: #3898ec;
        border-right-color: #3898ec;
        background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .w-checkbox-input--inputType-custom.w--redirected-focus {
        box-shadow: 0px 0px 3px 1px #3898ec;
    }

.body_main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #102331;
    font-family: 'Noto Sans KR', sans-serif;
    color: #fff;
}

.body_login {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    clear: left;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #102331;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    color: #fff;
}

.frame {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 600px;
    padding-top: 20px;
    padding-bottom: 150px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.registbox {
    width: 525px;
    height: 100%;
    margin-bottom: 20px;
    padding: 30px 50px;
    background-color: #172d3e;
    box-shadow: 0 1px 20px 2px rgba(0, 0, 0, 0.3);
}

.loginbox {
    width: 525px;
    height: 485px;
    padding: 30px 50px;
    background-color: #172d3e;
    box-shadow: 1px 1px 20px 2px rgba(0, 0, 0, 0.3);
}

.logintitle {
    margin-bottom: 30px;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
}

.regist_form1 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: minmax(50px, 1fr) auto;
    grid-template-rows: minmax(50px, 1fr) auto;
}

.regist_formblock {
    margin-bottom: 0px;
}

.field-label {
    margin-bottom: 10px;
    color: #82baf6;
    font-weight: 400;
}

.login_textfeild {
    height: 40px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.15);
    color: #fff;
}

.regist_form2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.checkbox-field {
    margin-top: 20px;
    color: hsla(0, 0%, 100%, 0.5);
}

.checkbox {
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, 0.5);
    background-color: #82baf6;
}

.checkbox-label {
    margin-bottom: 20px;
}

.select {
    width: 200px;
    height: 40px;
    border: 1px none #000;
    border-radius: 4px;
    background-color: #102331;
    color: #fff;
}

.leftdown_warp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.openaccount_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    height: 40px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 2px;
    border-color: #14af81;
    border-radius: 3px;
    background-color: transparent;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    color: #14af81;
    font-size: 15px;
}

    .openaccount_btn:hover {
        background-color: #14af81;
        color: #fff;
    }

.login_topiogo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 525px;
    height: 100px;
    margin-bottom: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.login_formblcok {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.forgottxt {
    width: 130px;
    color: #14af81;
    font-size: 15px;
    line-height: 30px;
}

.text-block-2 {
    font-size: 17px;
    font-weight: 500;
    text-align: center;
}

.text-block-3 {
    text-align: center;
}

.div-block {
    padding-bottom: 10px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.loginbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 110px;
    height: 40px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 2px;
    border-color: #14af81;
    border-radius: 2px;
    background-color: transparent;
    color: #14af81;
    font-size: 15px;
}

.form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.login_add {
    margin-top: 10px;
    margin-bottom: 10px;
}

.regist_textfeild {
    height: 40px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.15);
    color: #fff;
}

.login_link {
    color: #14af81;
}

.login_addtxt {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
}

.div-block_left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.custermer_body {
    clear: left;
    font-family: 'Noto Sans KR', sans-serif;
    color: #000;
    font-size: 15px;
}

.body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    color: #000;
}

.language_form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 57%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.all {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 1040px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.custemer_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 71px;
    max-width: 1160px;
    min-width: 1040px;
    padding-right: 40px;
    padding-left: 40px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.custermer_block1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 300px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #05b591;
    background-image: linear-gradient(150deg, #0c4a5d, #05b591);
}

.banner_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    max-width: 1160px;
    min-width: 1160px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

.serch_bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    min-width: 600px;
    margin-top: 40px;
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 100px;
    background-color: #fff;
}

.custermer_title1 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 300;
}

.button1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 120px;
    height: 35px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #14af81;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

.custermer_block2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 50px 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sidemenu_box {
    height: 360px;
    min-width: 300px;
    background-color: #f2f2f5;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}

.custermer_sidemenubtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    padding: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .custermer_sidemenubtn:hover {
        border-right: 4px solid #14af81;
        background-color: rgba(7, 202, 141, 0.1);
    }

    .custermer_sidemenubtn.click {
        border-right: 4px solid #14af81;
        background-color: rgba(7, 202, 141, 0.05);
        color: #14af81;
    }

.custermer_comtainer {
    max-width: 850px;
    min-width: 850px;
    padding-right: 20px;
    padding-left: 30px;
}

.custermer_title2 {
    font-size: 25px;
    line-height: 50px;
    font-weight: 400;
}

.custermer_sidemenutitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
}

.titleblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100px;
    padding: 20px 20px 30px 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    font-weight: 500;
}

.block_between {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.custermer_updatetxt {
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
}

.snscircle {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    margin-left: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(0, 0, 0, 0.6);
    border-radius: 20px;
}

.snsblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
}

.bord {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
/*    min-height: 500px;*/
    margin-top: 20px;
    padding-right: 35px;
    padding-bottom: 20px;
    padding-left: 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.maintext_title {
    font-size: 25px;
    line-height: 40px;
    font-weight: 500;
}

.maintext_text.legal {
    padding: 10px;
    background-color: #f2f2f5;
    font-size: 14px;
    font-style: normal;
}

.textbord {
    margin-top: 20px;
}

.menucontent_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
}

.arrow {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: 600;
    text-align: center;
}

.bottomfixed_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 120px;
    height: 50px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 200px;
    background-color: #14af81;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}

    .bottomfixed_btn:hover {
        background-color: #029874;
    }

.bottom_fixedbtn_block {
    position: fixed;
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    height: 55px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.chat {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.additional_bord {
    width: 100%;
    min-height: 200px;
    padding: 20px 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.bottom_contentbox {
    width: 100%;
    height: 280px;
    background-color: #f2f2f5;
}

.text-field-5 {
    width: 100%;
    height: 100%;
    margin-bottom: 0px;
    border-style: none;
    background-color: transparent;
    font-size: 20px;
}

.form-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    margin-bottom: 0px;
    margin-left: 20px;
}

.form-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.searchbtn {
    position: absolute;
    width: 55px;
    height: 55px;
    background-color: transparent;
}

.serchbtn {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.searchicon {
    width: 30px;
    height: 30px;
    opacity: 0.45;
}

.custermer_bottombtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 90px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.bottom_contentblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-width: 1000px;
    padding: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bottombtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    color: #000;
    font-weight: 500;
}

    .bottombtn:hover {
        background-color: rgba(7, 202, 141, 0.1);
        color: #029874;
    }

.sidemenu_listblock {
    max-width: 500px;
}

.button-3 {
    display: none;
}

.image-3 {
    display: block;
}

.additional_title {
    line-height: 35px;
}

.additional_text {
    font-size: 25px;
    line-height: 40px;
    font-weight: 500;
}

.bootom_content_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 600px;
    min-width: 600px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 30px;
}

.bottomcontent_title {
    font-size: 25px;
    line-height: 40px;
}

.footer_text {
    margin-top: 5px;
    line-height: 30px;
    cursor: pointer;
}

    .footer_text:hover {
        color: #fff;
    }

.footer_btnlist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-width: 800px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.title_input {
    margin-top: 10px;
}

.textarea {
    min-height: 500px;
    margin-top: 10px;
}

.select-field {
    margin-top: 10px;
}

.submit-button {
    width: 150px;
    height: 40px;
    margin-top: 20px;
    border-radius: 5px;
    background-color: #14af81;
    font-size: 14px;
}

.custermer_listblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: block;
    height: 40px;
    padding-left: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .custermer_listblock:hover {
        border-bottom-color: rgba(7, 202, 141, 0.3);
        background-color: rgba(7, 202, 141, 0.1);
    }

    .custermer_listblock:active {
        color: #029874;
        font-weight: 500;
    }

.btnblock_right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.button-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 120px;
    height: 35px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #14af81;
}

.custermer_block3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 600px;
    min-width: 1040px;
    padding: 50px 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.custermermain_listblock1 {
    display: -ms-grid;
    display: grid;
    margin-bottom: 50px;
    grid-auto-columns: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.custermermain_btn {
    width: 350px;
    height: 280px;
    padding: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #f2f2f5;
    border-radius: 5px;
    background-color: #f2f2f5;
    font-size: 18px;
    text-align: center;
}

    .custermermain_btn:hover {
        border-color: #14af81;
        color: #14af81;
    }

.custermermain_btn2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 350px;
    height: 70px;
    padding: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #f2f2f5;
    border-radius: 5px;
    background-color: #f2f2f5;
    font-size: 18px;
    text-align: center;
}

    .custermermain_btn2:hover {
        border-color: #14af81;
        color: #14af81;
    }

.custermermain_listblock2 {
    display: -ms-grid;
    display: grid;
    margin-bottom: 50px;
    grid-auto-columns: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.title_color1 {
    margin-bottom: 20px;
    color: #14af81;
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
}

.custemerimg1 {
    width: 280px;
    height: 200px;
    max-width: none;
    margin-bottom: 20px;
}

.top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    min-width: 1040px;
    padding-right: 100px;
    padding-left: 100px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #172d3e;
}

    .top._2 {
        padding-right: 0px;
        padding-left: 0px;
    }

.logo_block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 180px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo {
    width: 170px;
    /*    height: 38px;*/
}

.top_right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 620px;
}

.top_left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 550px;
    padding-right: 15px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.blue_topbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    min-width: 100px;
    padding: 0px 13px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    font-weight: 500;
}

    .blue_topbtn:hover {
        background-color: rgba(130, 186, 246, 0.1);
    }

    .blue_topbtn.click {
        background-color: rgba(130, 186, 246, 0.1);
        color: #82baf6;
    }

.div-block-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.select-field-2 {
    width: 120px;
    margin-bottom: 0px;
    padding: 5px 20px 5px 5px;
    border-style: solid;
    border-width: 1px 1px 3px;
    border-color: transparent transparent #029874;
    background-color: transparent;
    color: #029874;
}

.form-block-2 {
    height: 35px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.select-field-3 {
    width: 120px;
    margin-bottom: 0px;
    padding-right: 18px;
    padding-left: 8px;
    border: 1px solid transparent;
    background-color: #172d3e;
    color: #fff;
    font-size: 14px;
}

.form-block-3 {
    margin-bottom: 0px;
    margin-left: 10px;
}

.loginregist {
    display: none;
    width: 80px;
    height: 30px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #14af81;
    border-radius: 3px;
    background-color: transparent;
    color: #14af81;
}

    .loginregist.regist {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100px;
        border-color: #82baf6;
        -webkit-transition: background-color 400ms ease;
        transition: background-color 400ms ease;
        color: #82baf6;
    }

        .loginregist.regist:hover {
            background-color: #82baf6;
            color: #fff;
        }

    .loginregist.login {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: background-color 400ms ease;
        transition: background-color 400ms ease;
    }

        .loginregist.login:hover {
            background-color: #14af81;
            color: #fff;
        }

    .loginregist.logout {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: background-color 400ms ease;
        transition: background-color 400ms ease;
    }

        .loginregist.logout:hover {
            background-color: #14af81;
            color: #fff;
        }

.frame2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 850px;
    min-width: 1040px;
    margin: 30px 100px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.frame3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 700px;
    min-width: 1040px;
    margin: 30px 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.blue_bord {
    min-height: 700px;
    min-width: 1040px;
    padding-bottom: 30px;
    background-color: #172d3e;
}

.text-field4 {
    width: 100%;
    height: 45px;
    margin-bottom: 0px;
    border: 1px none #000;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.22);
    color: #fcfdff;
    font-size: 14px;
    letter-spacing: 0px;
}

    .text-field4::-webkit-input-placeholder {
        color: #fff;
    }

    .text-field4:-ms-input-placeholder {
        color: #fff;
    }

    .text-field4::-ms-input-placeholder {
        color: #fff;
    }

    .text-field4::placeholder {
        color: #fff;
    }

.text-field5 {
    width: 100%;
    height: 45px;
    margin-bottom: 0px;
    border: 1px none #000;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.22);
    color: #fcfdff;
    font-size: 14px;
    letter-spacing: 0px;
    text-align:center;
}

    .text-field5::-webkit-input-placeholder {
        color: #fff;
    }

    .text-field5:-ms-input-placeholder {
        color: #fff;
    }

    .text-field5::-ms-input-placeholder {
        color: #fff;
    }

    .text-field5::placeholder {
        color: #fff;
    }

.text-span-53 {
    margin-right: 12px;
    font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    color: #fff;
    font-size: 4px;
}

.btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    margin-left: 20px;
    padding-top: 1px;
    padding-bottom: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-radius: 4px;
    background-color: #14af81;
    color: #333;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 2px;
    text-decoration: none;
}

.anotice2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 29px;
    text-align: left;
    letter-spacing: 0px;
}

.text-block-11 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 60%;
    height: 45px;
    padding-left: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.22);
    color: #14af81;
    font-size: 14px;
    letter-spacing: 0px;
}

.tablewrap {
    width: 60%;
}

.btnwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.dwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 81%;
    padding: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.dtitle {
    width: 14%;
    margin-top: 11px;
    font-size: 14px;
}

.btntxt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 40px;
    padding-bottom: 2px;
    padding-left: 40px;
    padding-top:7px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #14af81;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
}

.pbtnwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tablewrap4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 25px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.anotice {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    margin-left: 2px;
    padding-top: 0px;
    padding-bottom: 3px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #14af81;
    font-size: 14px;
}

.pbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 32%;
    height: 35px;
    margin-bottom: 12px;
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.22);
    border-radius: 4px;
    background-color: hsla(0, 0%, 100%, 0.03);
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0px;
}

    .pbtn:hover {
        background-color: #14af81;
        font-weight: 400;
    }

    .pbtn.reset {
        border-color: #14af81;
        border-radius: 4px;
        color: #14af81;
        font-weight: 700;
    }

        .pbtn.reset:hover {
            color: #fff;
        }

.btn2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    margin-left: 20px;
    padding-top: 1px;
    padding-bottom: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-radius: 4px;
    background-color: #14af81;
    color: #333;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 2px;
    text-decoration: none;
}

.deposit_warn_warp {
    width: 100%;
    padding: 10px 17px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.22);
    border-radius: 4px;
    background-color: hsla(0, 0%, 100%, 0.03);
}

.deposit_warn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 74%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.form-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 50px;
    padding-left: 50px;
}

.btnlist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .btnlist.footer {
        display: none;
    }

.mob_sidebtn {
    display: none;
}

.footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 350px;
    min-width: 1040px;
    padding: 30px 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #172d3e;
}

.all_blue {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 1040px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.logo_footer {
    /*   width: 135px;
    height: 38px;*/
}

.footer_block2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.footer_menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-width: 231px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: hsla(0, 0%, 100%, 0.6);
    font-size: 13px;
}

.footer_block1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 155px;
    margin-bottom: 20px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mymoney {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 47%;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    font-size: 19px;
    line-height: 27px;
    letter-spacing: 1px;
}

.deposit_wallettitle {
    margin-right: 2px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -1px;
}

.deposit_wallet {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 74%;
    margin-bottom: 24px;
    padding: 20px 25px 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.22);
}

.text-block-13 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 60%;
    height: 45px;
    padding-left: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.22);
    color: #fff;
    font-size: 12px;
    letter-spacing: 0px;
}

.useraccount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 60%;
    height: 45px;
    padding-left: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.22);
    color: #82baf6;
    font-size: 12px;
    letter-spacing: 0px;
}

.warn_warp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 74%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.colortext_leftup {
    position: absolute;
    left: auto;
    top: 10%;
    right: 3%;
    bottom: auto;
    color: #82baf6;
    font-size: 13px;
    letter-spacing: 0px;
}

.footer_title {
    color: #f2f2f5;
    font-size: 14px;
    font-weight: 600;
}

.listpage_block {
    padding-right: 50px;
    padding-left: 50px;
}

.listblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.dateform {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #82baf6;
    font-size: 15px;
    font-weight: 600;
}

.date_select {
    width: 160px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #102331;
    color: #fff;
}

.date_input {
    width: 200px;
    margin-bottom: 0px;
    border-style: none;
    border-width: 1px;
    border-radius: 4px;
    background-color: hsla(0, 0%, 100%, 0.1);
    color: #fff;
}

.listbord {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 400px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid rgba(130, 186, 246, 0.5);
    border-bottom: 1px solid rgba(130, 186, 246, 0.5);
}

.listtop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #82baf6;
}

.list_bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
}

    .list_bar:hover {
        background-color: rgba(130, 186, 246, 0.1);
    }

.list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 10%;
    height: 100%;
    padding: 5px 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid hsla(0, 0%, 100%, 0.15);
    border-right: 1px solid hsla(0, 0%, 100%, 0.15);
    text-align: center;
}

    .list._2 {
        width: 16%;
    }

    .list._3 {
        width: 20%;
    }

    .list._1 {
        width: 15%;
    }

        .list._1.left {
            border-left-style: none;
            border-left-color: hsla(0, 0%, 100%, 0.15);
        }

    .list._4 {
        width: 25%;
    }

    .list.left {
        border-left-style: none;
    }

.copyright {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    margin-top: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: hsla(0, 0%, 100%, 0.3);
}

.paging_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    margin-top: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.paging_btnbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 200px;
    font-weight: 500;
}

.paging_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 35px;
    height: 35px;
    margin-right: 5px;
    margin-left: 5px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    background-color: transparent;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
}

    .paging_btn:hover {
        background-color: rgba(130, 186, 246, 0.15);
    }

    .paging_btn.next {
        width: 60px;
        margin-right: 10px;
        background-color: rgba(130, 186, 246, 0.15);
    }

        .paging_btn.next:hover {
            background-color: rgba(130, 186, 246, 0.45);
        }

    .paging_btn.click {
        background-color: rgba(130, 186, 246, 0.45);
        color: #fff;
    }

.bordtop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.2);
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.button-6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 180px;
    height: 100%;
    padding: 0px 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    color: hsla(0, 0%, 100%, 0.5);
}

    .button-6:hover {
        background-color: rgba(130, 186, 246, 0.1);
    }

    .button-6.click {
        background-color: #172d3e;
        box-shadow: 7px 0 12px -10px rgba(0, 0, 0, 0.5);
        color: #fff;
    }

.bord_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    padding-left: 50px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
}

.subtitle_blue {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    color: #82baf6;
    font-size: 14px;
    line-height: 20px;
}

.text.ok {
    color: #14af81;
    font-weight: 500;
}

.text.cancle {
    color: #f44b44;
    font-weight: 500;
}

.text.req {
    color: #82baf6;
    font-weight: 500;
}

.text.long {
    color: #14af81;
}

.text.short {
    color: #f44b44;
}

.text.up {
    color: #14af81;
}

.text.down {
    color: #f44b44;
}

.button2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 120px;
    height: 35px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #14af81;
    border-radius: 5px;
    background-color: transparent;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    color: #14af81;
    font-size: 12px;
    font-weight: 500;
}

    .button2:hover {
        background-color: #14af81;
        color: #fff;
    }

.list_none {
    display: none;
    min-height: 105px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #82baf6;
}

    .list_none.none {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

.logo-_login {
    /*  width: 300px;*/
    height: 55px;
}

.button-7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 40px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #82baf6;
    border-radius: 4px;
    background-color: transparent;
    color: #82baf6;
}

    .button-7.ok {
        border-style: solid;
        background-color: #82baf6;
        color: #fff;
    }

.pop {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: none;
    margin-right: auto;
    margin-left: auto;
}

.authpop_back {
    display: none;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
}

.div-block-77 {
    width: 500px;
    height: 300px;
    padding: 20px;
    background-color: #172d3e;
}

.auth_input {
    border-style: none;
    border-width: 1px;
    background-color: hsla(0, 0%, 100%, 0.1);
    color: #82baf6;
}

.reauest {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 40px;
    margin-left: auto;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #82baf6;
}

.form-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.warn2 {
    padding-right: 10px;
}

.pop_buttonblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.popbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    height: 40px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #14af81;
    border-radius: 4px;
    background-color: transparent;
    color: #14af81;
    font-weight: 500;
}

    .popbtn.ok {
        background-color: #14af81;
        color: #fff;
    }

.my_infoblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid rgba(130, 186, 246, 0.3);
}

.bord_title2 {
    font-size: 20px;
    line-height: 30px;
}

.profileimg_block {
    width: 100px;
    height: 100px;
    margin-right: 50px;
}

.profile_block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.profile_warp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 400px;
    margin-right: 20px;
    margin-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.title_colorblue {
    color: #82baf6;
    font-size: 15px;
    line-height: 30px;
    font-weight: 600;
}

.forgetpw_back {
    display: none;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
}

.forgetpw_popblock {
    width: 500px;
    height: 250px;
    padding: 20px;
    background-color: #172d3e;
}

.button-8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    height: 35px;
    margin-left: auto;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #14af81;
    border-radius: 4px;
    background-color: transparent;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    color: #14af81;
}

    .button-8:hover {
        background-color: #14af81;
        color: #fff;
    }

.button-9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    height: 35px;
    margin-top: 20px;
    margin-left: auto;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #14af81;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
}

    .button-9:hover {
        border-style: solid;
        border-width: 1px;
        border-color: #14af81;
        background-color: #fff;
        color: #14af81;
    }

.accountset_back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
}

.div-block-78 {
    width: 900px;
    height: 650px;
    padding: 20px 30px;
    background-color: #172d3e;
}

.form-block-5 {
    width: 400px;
    margin-bottom: 0px;
}

    .form-block-5._2.all {
        min-width: auto;
    }

    .form-block-5._1.all {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-width: auto;
    }

.div-block-79 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.settingblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.bankselect {
    margin-left: 20px;
    border: 1px none #000;
    border-radius: 4px;
    background-color: #102331;
    color: #fff;
}

.button-10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    height: 35px;
    margin-left: 20px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #82baf6;
}

.addinform {
    color: hsla(0, 0%, 100%, 0.5);
}

.pop_buttonblock2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.mob_bottombtn {
    display: none;
    width: 100%;
    height: 90px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.minapage_frame {
    min-width: 1040px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.mainpage_block1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100px;
    padding-top: 80px;
    padding-bottom: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mainpage_listbord {
    width: 1160px;
    margin-bottom: 50px;
}

.mainpage_listbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    padding-right: 10px;
    padding-left: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
}

    .mainpage_listbar.top {
        padding-right: 10px;
        padding-left: 75px;
    }

.iconbtn {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 45px;
    height: 45px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.mainpage_listcontent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 130px;
    margin-left: auto;
    padding: 5px 10px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    text-align: right;
}

    .mainpage_listcontent.top {
        height: auto;
        min-width: auto;
        padding-right: 0px;
        padding-left: 0px;
        background-color: transparent;
        font-size: 12px;
    }

.image-7 {
    width: 10px;
    height: 12px;
    margin-left: 10px;
}

.txt.up {
    color: #14af81;
}

.txt.down {
    color: #f44b44;
}

.mainpage_bord {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1000px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mainpage_volume {
    margin-right: auto;
    margin-left: auto;
    font-size: 15px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
}

.big {
    font-size: 30px;
    line-height: 60px;
    font-weight: 500;
}

    .big.up {
        color: #14af81;
    }

    .big.down {
        color: #f44b44;
    }

.mainpage_block2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 650px;
    padding: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.2);
}

.mainpage_mainittle {
    margin-bottom: 50px;
    font-size: 50px;
    line-height: 70px;
    text-align: center;
}

.button-11 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 140px;
    height: 50px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #14af81;
    border-radius: 4px;
    background-color: transparent;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    color: #14af81;
    font-size: 17px;
}

    .button-11:hover {
        background-color: #14af81;
        color: #fff;
    }

.button-26 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 140px;
    height: 25px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #14af81;
    border-radius: 4px;
    background-color: transparent;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    color: #14af81;
    font-size: 15px;
}

    .button-26:hover {
        background-color: #14af81;
        color: #fff;
    }

.button-12 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 110px;
    height: 50px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #14af81;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    font-size: 18px;
}

    .button-12:hover {
        border-style: none;
        border-width: 1px;
        border-color: #14af81;
        background-color: #fff;
        color: #14af81;
    }

.button-24 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 110px;
    height: 25px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #14af81;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    font-size: 15px;
}

.button-24:hover {
    border-style: none;
    border-width: 1px;
    border-color: #14af81;
    background-color: #fff;
    color: #14af81;
}

.div-block-82 {
    display: -ms-grid;
    display: grid;
    width: 1200px;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    -ms-grid-columns: 350px 450px 350px;
    grid-template-columns: 350px 450px 350px;
    -ms-grid-rows: 250px 320px;
    grid-template-rows: 250px 320px;
}

.mainpage_section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.image-8 {
    width: 106px;
    height: 102px;
    margin-right: 20px;
}

.mainpage_contexttxt {
    font-size: 15px;
    line-height: 25px;
}

.title {
    font-size: 18px;
    line-height: 40px;
    font-weight: 600;
}

.image-9 {
    width: 113px;
    height: 108px;
    margin-right: 20px;
}

.image-10 {
    width: 138px;
    height: 69px;
    margin-right: 20px;
}

.image-11 {
    width: 119px;
    height: 97px;
    margin-right: 20px;
}

.image-12 {
    width: 142px;
    height: 118px;
    margin-right: 20px;
}

.image-13 {
    width: 102px;
    height: 108px;
    margin-right: 20px;
}

.mainpage_blocktitle {
    margin-bottom: 20px;
    color: #029874;
    font-size: 50px;
    line-height: 60px;
    font-weight: 300;
}

.title_color2 {
    margin-bottom: 20px;
    color: #14af81;
    font-size: 20px;
    line-height: 30px;
}

.div-block-83 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1000px;
    min-height: 500px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    line-height: 25px;
}

.div-block-84 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 60%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.div-block-85 {
    width: 1200px;
    padding-left: 50px;
}

.body-2 {
    padding: 5px;
    clear: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #102331;
    font-family: 'Noto Sans KR', sans-serif;
    color: hsla(0, 0%, 100%, 0.89);
    letter-spacing: -0.2px;
}

.chart_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-height: 525px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .chart_wrap.banneroff {
        height: 100%;
        max-height: none;
    }

.dbox {
    width: 100%;
}

.orderhistorybox {
    width: 100%;
    background-color: #172d3e;
}

.titlebox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 31px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #172d3e;
    cursor: pointer;
}

.titlebox2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 31px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #172d3e;
    cursor: pointer;
}

.moreicon {
    width: 13px;
    height: 8px;
}

    .moreicon.close {
        width: 13px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

.t_txt {
    margin-left: 9px;
}

.container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 13px 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid hsla(0, 0%, 100%, 0.07);
    color: #fff;
}

    .container._2 {
        overflow: hidden;
        padding: 0px;
    }

.bsbox-n {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    margin-bottom: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.buy-btn-n {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 49%;
    height: 45px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #14af81;
    -webkit-transition: color 300ms ease, border-color 300ms ease, background-color 300ms ease;
    transition: color 300ms ease, border-color 300ms ease, background-color 300ms ease;
    color: #fff;
    text-decoration: none;
}

    .buy-btn-n:hover {
        border: 1px solid #14af81;
        background-color: #102331;
        color: #14af81;
    }

.text-block-8-n {
    margin-bottom: 4px;
    text-align: center;
}

.sell-btn-n {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 49%;
    height: 45px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #f44b44;
    -webkit-transition: border-color 300ms ease, color 300ms ease, background-color 300ms ease;
    transition: border-color 300ms ease, color 300ms ease, background-color 300ms ease;
    color: #fff;
    text-decoration: none;
}

    .sell-btn-n:hover {
        border: 1px solid #f44b44;
        background-color: #102331;
        color: #f44b44;
    }

.section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 1500px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.timebox {
    margin-bottom: 5px;
    background-color: #172d3e;
}

.t_text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    height: 31px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #102331;
    font-size: 13px;
}

    .t_text._2 {
        width: 79%;
        padding-right: 10px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
    }

.trow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.chartbox._2 {
    width: 100%;
    min-width: 50px;
    margin-bottom: 5px;
}

.chartbox.banneroff {
    height: 100%;
}

.chart {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 500px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-top: 1px solid hsla(0, 0%, 100%, 0.07);
    background-color: #172d3e;
}

    .chart.banneroff {
        height: 588px;
    }

.banner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 48px;
    margin-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    background-image: url('../images/background.html');
    background-position: 0% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.showmore {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 91px;
    height: 29px;
    padding: 0px 0px 2px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, 0.77);
    border-radius: 1px;
    background-color: transparent;
    font-size: 12px;
}

.btext {
    margin-right: 15px;
    margin-left: 15px;
    font-size: 13px;
}

.closeicon {
    position: absolute;
    left: auto;
    top: auto;
    right: 13px;
    bottom: auto;
    height: 14px;
    cursor: pointer;
}

.image-14 {
    height: 34px;
}

.d_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.drow {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 35px;
    margin-bottom: 7px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.deallistbuy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 48%;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #486e94;
    border-radius: 1px;
    background-color: rgba(72, 110, 148, 0.18);
    color: #fff;
    text-decoration: none;
}

.max {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    padding-bottom: 1px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #029475;
    border-radius: 1px;
    background-color: #102331;
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
    color: #029475;
    text-decoration: none;
}

    .max:hover {
        background-color: rgba(2, 148, 117, 0.26);
    }

.maxtxt {
    font-size: 13px;
}

.done {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
}

.minus {
    color: #486e94;
    font-size: 20px;
    font-weight: 500;
}

.minusbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 13%;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #486e94;
    border-radius: 1px;
    background-color: #102331;
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
    color: #fff;
    text-decoration: none;
}

    .minusbtn:hover {
        background-color: rgba(72, 110, 148, 0.25);
    }

.rrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 7px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.resetbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    height: 35px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #cb4341;
    border-radius: 1px;
    background-color: #102331;
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
    color: #cb4341;
    font-size: 13px;
}

    .resetbtn:hover {
        background-color: rgba(203, 67, 65, 0.23);
    }

.text-block-14 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 78.2%;
    height: 35px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.3);
    border-radius: 1px;
    background-color: #102331;
    -webkit-transition: border-color 300ms ease;
    transition: border-color 300ms ease;
    font-size: 13px;
    cursor: pointer;
}

    .text-block-14:hover {
        border-color: #486e94;
    }

.tradebox {
    background-color: #172d3e;
}

.t_toptxt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
}

    .t_toptxt._2 {
        width: 58%;
    }

    .t_toptxt.short {
        color: #f44b44;
    }

    .t_toptxt.long {
        color: #14af81;
    }

.t_top {
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #172d3e;
    color: hsla(0, 0%, 100%, 0.55);
}

.t_table {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 38px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
    cursor: pointer;
}

    .t_table:hover {
        background-color: rgba(16, 35, 49, 0.2);
    }

    .t_table._2 {
        background-color: rgba(16, 35, 49, 0.53);
        cursor: pointer;
    }

    .t_table._2 {
        -webkit-transition: background-color 300ms ease;
        transition: background-color 300ms ease;
        cursor: pointer;
    }

        .t_table._2:hover {
            background-color: rgba(19, 40, 55, 0.41);
        }

.section-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.positionbox {
    width: 55.8%;
    background-color: #172d3e;
}

    .positionbox._2 {
        width: 100%;
    }

.infobox {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    background-color: #172d3e;
}

    .infobox._2 {
        margin-top: 5px;
        padding: 10px 0px 10px 9px;
    }

.coinbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.image-15 {
    width: 33px;
}

.cinfo {
    color: hsla(0, 0%, 100%, 0.52);
    font-size: 12px;
}

    .cinfo.green {
        color: #049879;
    }

    .cinfo.red {
        color: #f44b44;
    }

.text-span-54 {
    color: #fff;
    text-decoration: underline;
}

.div-block-86 {
    margin-right: 10px;
}

.div-block-87 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.div-block-88 {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    width: 30px;
    height: 100%;
    border-top: 1px solid hsla(0, 0%, 100%, 0.07);
    border-right: 1px solid hsla(0, 0%, 100%, 0.07);
    border-left: 1px solid hsla(0, 0%, 100%, 0.07);
}

.link-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.07);
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}

    .link-block:hover {
        background-color: hsla(0, 0%, 100%, 0.05);
    }

    .link-block._2 {
        height: 100%;
    }

.text-span-55 {
    color: #fff;
    text-decoration: none;
}

.image-16 {
    display: none;
    margin-right: 3px;
    margin-left: 3px;
}

    .image-16.green {
        display: block;
    }

    .image-16.red {
        display: block;
    }

.plusbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 13%;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #486e94;
    border-radius: 1px;
    background-color: #102331;
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
    color: #fff;
    text-decoration: none;
}

    .plusbtn:hover {
        background-color: rgba(72, 110, 148, 0.25);
        color: #fff;
    }

.wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 590px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.popupframe {
    position: fixed;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    display: none;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.39);
}

.itempopup {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 40px 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 6px;
    background-color: #172c3d;
}

.itempopup .itempopup_btn {
    width: 100px;
    margin: 0 10px;
}

.itempopup .button-14.w-button.itempopup_btn {
    width: 83px;
    margin: 30px auto 0px auto;
}

.btc {
    width: 39px;
    height: 52px;
    background-image: url('../images/BTC_icon_off.svg');
    background-position: 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

.btcbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 138px;
    height: 110px;
    margin-right: 6px;
    margin-left: 6px;
    padding-bottom: 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #314657;
    border-radius: 4px;
    background-image: url('../images/BTC_icon_off.svg');
    background-position: 50% 26%;
    background-size: 40px 50px;
    background-repeat: no-repeat;
    -webkit-transition: border-color 300ms ease, color 300ms ease;
    transition: border-color 300ms ease, color 300ms ease;
    color: #314657;
    cursor: pointer;
}

    .btcbox:hover {
        border-color: #6698c0;
        background-image: url('../images/BTC_icon.svg');
        box-shadow: 0 0 3px 1px #6698c0;
        color: #fff;
    }

    .btcbox.choice {
        border-color: #6698c0;
        background-image: url('../images/BTC_icon.svg');
        background-size: 31px;
        box-shadow: 0 0 3px 1px #6698c0;
        color: #fff;
    }

    .btcbox._2 {
        width: 30%;
        height: 60px;
        margin-left: 0px;
        padding-bottom: 3px;
        background-position: 50% 20%;
        background-size: 24px;
    }

        .btcbox._2.click {
            background-image: url('../images/BTC_icon.svg');
            color: #fff;
        }

.item_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.ittile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 19px;
}

.item {
    margin-top: 6px;
    font-size: 17px;
}

    .item._2 {
        font-size: 13px;
    }

.close {
    height: 14px;
}

.closebtn {
    position: absolute;
    left: auto;
    top: 20px;
    right: 20px;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.eth {
    width: 31px;
    height: 53px;
    background-image: url('../images/ETH_icon_off.svg');
    background-position: 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

    .eth.choice {
        background-image: url('../images/ETH_icon.svg');
    }

.xrp {
    width: 43px;
    height: 48px;
    background-image: url('../images/XRP_icon_off.svg');
    background-position: 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

.ethbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 138px;
    height: 110px;
    margin-right: 6px;
    margin-left: 6px;
    padding-bottom: 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #314657;
    border-radius: 4px;
    background-image: url('../images/ETH_icon_off.svg');
    background-position: 50% 26%;
    background-size: 28px;
    background-repeat: no-repeat;
    -webkit-transition: border-color 300ms ease, color 300ms ease;
    transition: border-color 300ms ease, color 300ms ease;
    color: #314657;
    cursor: pointer;
}

    .ethbox:hover {
        border-color: #6698c0;
        background-image: url('../images/ETH_icon.svg');
        box-shadow: 0 0 3px 1px #6698c0;
        color: #fff;
    }

    .ethbox.choice {
        border-color: #6698c0;
        background-image: url('../images/ETH_icon.svg');
        box-shadow: 0 0 3px 1px #6698c0;
        color: #fff;
    }

    .ethbox._2 {
        width: 30%;
        height: 60px;
        margin-left: 0px;
        padding-bottom: 3px;
        background-position: 50% 17%;
        background-size: 21px;
    }

        .ethbox._2.click {
            background-image: url('../images/ETH_icon.svg');
            color: #fff;
        }

.xprbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 138px;
    height: 110px;
    margin-right: 6px;
    margin-left: 6px;
    padding-bottom: 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #314657;
    border-radius: 4px;
    background-image: url('../images/XRP_icon_off.svg');
    background-position: 50% 26%;
    background-size: 37px;
    background-repeat: no-repeat;
    -webkit-transition: border-color 300ms ease, color 300ms ease;
    transition: border-color 300ms ease, color 300ms ease;
    color: #314657;
    cursor: pointer;
}

    .xprbox:hover {
        border-color: #6698c0;
        background-image: url('../images/XRP_icon.svg');
        box-shadow: 0 0 3px 1px #6698c0;
        color: #fff;
    }

    .xprbox.choice {
        border-color: #6698c0;
        background-image: url('../images/XRP_icon.svg');
        box-shadow: 0 0 3px 1px #6698c0;
        color: #fff;
    }

    .xprbox._2 {
        width: 30%;
        height: 60px;
        margin-left: 0px;
        padding-bottom: 3px;
        background-position: 50% 20%;
        background-size: 28px;
    }

        .xprbox._2.click {
            background-image: url('../images/XRP_icon.svg');
            color: #fff;
        }


.nasdaqbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 138px;
    height: 110px;
    margin-right: 6px;
    margin-left: 6px;
    padding-bottom: 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #314657;
    border-radius: 4px;
    background-image: url('../../../img/xrp_icon.png');
    background-position: 50% 26%;
    background-size: 45px;
    background-repeat: no-repeat;
    -webkit-transition: border-color 300ms ease, color 300ms ease;
    transition: border-color 300ms ease, color 300ms ease;
    color: #314657;
    cursor: pointer;
}

/*    .nasdaqbox:hover {
        border-color: #6698c0;
        background-image: url('../images/NASDAQ_icon.png?ver=20210128');
        box-shadow: 0 0 3px 1px #6698c0;
        color: #fff;
    }*/

.nasdaqbox:hover {
    border-color: #6698c0;
    box-shadow: 0 0 3px 1px #6698c0;
    color: #fff;
}

.nasdaqbox.choice {
    border-color: #6698c0;
    background-image: url('../../../img/xrp_icon.png');
    box-shadow: 0 0 3px 1px #6698c0;
    color: #fff;
}

.nasdaqbox._2 {
    width: 30%;
    height: 60px;
    margin-left: 0px;
    padding-bottom: 3px;
    background-position: 50% 17%;
    background-size: 21px;
}

.nasdaqbox._2.click {
    background-image: url('../../../img/xrp_icon.png');
    color: #fff;
}

.goldbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 138px;
    height: 110px;
    margin-right: 6px;
    margin-left: 6px;
    padding-bottom: 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #314657;
    border-radius: 4px;
    background-image: url('../../../img/eth_icon.png');
    background-position: 50% 26%;
    background-size: 45px;
    background-repeat: no-repeat;
    -webkit-transition: border-color 300ms ease, color 300ms ease;
    transition: border-color 300ms ease, color 300ms ease;
    color: #314657;
    cursor: pointer;
}

/*    .goldbox:hover {
        border-color: #6698c0;
        background-image: url('../images/GOLD_icon.svg?ver=20210128');
        box-shadow: 0 0 3px 1px #6698c0;
        color: #fff;
    }*/


.goldbox:hover {
    border-color: #6698c0;
    background-image: url('../../../img/eth_icon.png');
    box-shadow: 0 0 3px 1px #6698c0;
    color: #fff;
}

.goldbox.choice {
border-color: #6698c0;
background-image: url('../../../img/eth_icon.png');
box-shadow: 0 0 3px 1px #6698c0;
color: #fff;
}

.goldbox._2 {
width: 30%;
height: 60px;
margin-left: 0px;
padding-bottom: 3px;
background-position: 50% 17%;
background-size: 21px;
}

.goldbox._2.click {
    background-image: url('../../../img/eth_icon.png');
    color: #fff;
}

.hsibox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 138px;
    height: 110px;
    margin-right: 6px;
    margin-left: 6px;
    padding-bottom: 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #314657;
    border-radius: 4px;
    background-image: url('../images/HSI_icon_offa095.svg?ver=20210130');
    background-position: 50% 26%;
    background-size: 37px;
    background-repeat: no-repeat;
    -webkit-transition: border-color 300ms ease, color 300ms ease;
    transition: border-color 300ms ease, color 300ms ease;
    color: #314657;
    cursor: pointer;
}

/*    .hsibox:hover {
        border-color: #6698c0;
        background-image: url('../images/HSI_icon.png?ver=20210209');
        box-shadow: 0 0 3px 1px #6698c0;
        color: #fff;
    }*/

.hsibox:hover {
border-color: #6698c0;
background-image: url('../images/HSI_icon.svg');
box-shadow: 0 0 3px 1px #6698c0;
color: #fff;
}

.hsibox.choice {
border-color: #6698c0;
background-image: url('../images/HSI_icon.svg');
box-shadow: 0 0 3px 1px #6698c0;
color: #fff;
}

.hsibox._2 {
width: 30%;
height: 60px;
margin-left: 0px;
padding-bottom: 3px;
background-position: 50% 17%;
background-size: 21px;
}

.hsibox._2.click {
    background-image: url('../images/HSI_icon.svg');
    color: #fff;
}

.momenuclick2-n {
    display: none;
}

.momenuclick-n {
    display: none;
}

.mmenu {
    display: none;
}

.section3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    min-width: 1286px;
    margin-top: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 550px;
    margin-bottom: 5px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.userinfobox {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #172d3e;
}

.t_text2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: hsla(0, 0%, 100%, 0.89);
    font-size: 13px;
}

    .t_text2._2 {
        width: 79%;
        padding-right: 10px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
    }

.t_text3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 69%;
    height: 31px;
    padding-left: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1px;
    background-color: #102331;
    font-size: 13px;
}

    .t_text3._2 {
        width: 79%;
        padding-right: 10px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
    }

.tradersearch {
    width: 77%;
    height: 31px;
    margin-bottom: 0px;
    border: 1px none #000;
    background-color: rgba(130, 186, 246, 0.3);
    color: #fff;
}

.div-block-89 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.button-13 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    height: 31px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #82baf6;
    background-color: #102331;
    color: #82baf6;
}

.div-block-90 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 50px;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #102331;
    color: #82baf6;
}

.div-block-91 {
    width: 67%;
    height: 31px;
    margin-left: 8px;
    background-color: rgba(130, 186, 246, 0.3);
}

.button-14 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 31px;
    margin-top: 10px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #82baf6;
    background-color: transparent;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    color: #82baf6;
}

    .button-14:hover {
        background-color: #82baf6;
        color: #fff;
    }


.button-25 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 31px;
    margin-top: 10px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 0px;
    border-color: #82baf6;
    background-color: transparent;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    color: #82baf6;
}

    .button-25:hover {
        background-color: #82baf6;
        color: #fff;
    }

.container2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid hsla(0, 0%, 100%, 0.07);
    color: #fff;
}

    .container2._2 {
        padding: 0px;
    }

.image-17 {
    width: 30px;
    height: 30px;
}

.image-18 {
    width: 20px;
    height: 20px;
}

.image-19 {
    width: 30px;
    height: 30px;
}

.custermerimg2 {
    width: 300px;
    height: 180px;
}

.trader_input {
    width: 100%;
    height: 31px;
    margin-bottom: 0px;
    border: 1px none #000;
    background-color: rgba(130, 186, 246, 0.3);
    color: #fff;
}

.form-block-7 {
    width: 62%;
    margin-bottom: 0px;
    margin-left: 10px;
}

.trader_none_txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .trader_none_txt.ok {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

.t_searchblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .t_searchblock.none {
        color: #f44b44;
    }

.image-20 {
    width: 142px;
    height: 32px;
}

.image-21 {
    width: 140px;
    height: 31px;
}

.button-15 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 155px;
    height: 45px;
    border-radius: 4px;
    background-color: transparent;
    color: transparent;
}

.appstore_warp {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 155px;
    height: 45px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 4px;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
}

    .appstore_warp:hover {
        background-color: rgba(130, 186, 246, 0.3);
    }

.appstoreblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 320px;
    margin-top: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.main_block3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 200px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 40px;
    line-height: 40px;
}

.div-block-93 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 800px;
    height: 200px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 45px;
    line-height: 60px;
    font-weight: 300;
}

.button-16 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90px;
    height: 40px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #14af81;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}

    .button-16:hover {
        background-color: #fff;
        color: #14af81;
    }

.button-16-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90px;
    height: 40px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #14af81;
    border-radius: 4px;
    background-color: transparent;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    color: #14af81;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
}

    .button-16-copy:hover {
        background-color: #14af81;
        color: #fff;
    }

.text-block-32 {
    font-size: 45px;
    line-height: 60px;
    font-weight: 300;
}

.main_block4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 800px;
    padding-top: 100px;
    padding-bottom: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.div-block-94 {
    width: 1160px;
}

.image-22 {
    position: absolute;
    left: 600px;
    width: 416px;
    height: 506px;
}

.image-23 {
    width: 540px;
    height: 304px;
    margin-bottom: 20px;
}

.div-block-95 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    line-height: 25px;
}

.opinion_listbar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 500px;
    height: 120px;
    margin-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
    color: hsla(0, 0%, 100%, 0.4);
}

    .opinion_listbar.green {
        color: #14af81;
    }

.opinion_list {
    margin-left: 100px;
}

.image-24 {
    position: absolute;
    left: -3%;
    top: -5%;
    right: auto;
    bottom: auto;
}

    .image-24.green.disable {
        display: none;
    }

    .image-24.gray.disable {
        display: none;
    }

.image-25 {
    position: absolute;
    left: auto;
    top: auto;
    right: -3%;
    bottom: -5%;
}

    .image-25.green.disable {
        display: none;
    }

    .image-25.gray.disable {
        display: none;
    }

.div-block-96 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 17px;
    font-weight: 300;
}

.select-field-3-copy {
    width: 170px;
    height: 40px;
    margin-bottom: 0px;
    padding-right: 20px;
    border: 1px none #000;
    background-color: #102331;
    color: #fff;
    font-size: 14px;
}

.form-block-3-copy {
    width: 170px;
    margin-bottom: 0px;
    margin-left: auto;
}

.image-26 {
    display: none;
}

.btnlist-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .btnlist-copy.footer {
        display: none;
    }

.div-block-97 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 600px;
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.div-block-98 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    margin-top: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
}

.custermer_pagingbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    color: #000;
}

    .custermer_pagingbtn:hover {
        background-color: rgba(7, 202, 141, 0.3);
    }

    .custermer_pagingbtn.next {
        width: 55px;
        margin-right: 10px;
        margin-left: 10px;
        background-color: rgba(0, 0, 0, 0.1);
        font-weight: 700;
    }

        .custermer_pagingbtn.next:hover {
            background-color: rgba(7, 202, 141, 0.3);
        }

    .custermer_pagingbtn.click {
        background-color: rgba(7, 202, 141, 0.3);
        color: #029874;
    }

.body-3 {
    font-family: 'Noto Sans KR', sans-serif;
}

.image-27 {
    width: 100px;
    height: 100px;
}

.mobile_bottombtn {
    display: none;
    width: 100%;
    height: 90px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.div-block-99 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #82baf6;
}

.image-28 {
    width: 100px;
    height: 100px;
}

.profileimg_change {
    position: relative;
}

.button-17 {
    position: absolute;
    left: auto;
    top: auto;
    right: -5%;
    bottom: -5%;
    z-index: 2;
    width: 40px;
    height: 40px;
    background-color: transparent;
}

.image-29 {
    position: absolute;
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 30px;
    height: 30px;
}

.top_myprofile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-width: 150px;
    margin-left: 10px;
    padding: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
}

    .top_myprofile.on {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

.image-30 {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.image-31 {
    width: 10px;
    height: 30px;
}

    .image-31.green {
        display: none;
    }

        .image-31.green:hover {
            display: block;
        }

.text-block-33 {
    margin-right: auto;
    margin-left: auto;
}

.form-block-8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    margin-bottom: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.div-block-101 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 280px;
    margin-right: 10px;
    margin-left: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-block-9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    margin-right: 20px;
    margin-bottom: 0px;
}

.list_hidewarp {
    overflow: auto;
    width: 100%;
    height: 383px;
}

.list_hidewarp2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.main_bottombtn {
    display: none;
    width: 100%;
    height: 90px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.main_popback {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    background-color: rgba(0, 0, 0, 0.3);
}

.div-block-102 {
    min-height: 500px;
    min-width: 800px;
    padding: 20px;
    background-color: #172d3e;
}

.div-block-103 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    margin-top: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.div-block-104 {
    width: 100%;
    min-height: 380px;
    background-color: #102331;
}

.button-18 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    height: 35px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #14af81;
}

.form-block-10 {
    position: absolute;
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
    margin-bottom: 0px;
}

.tradepop_result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.traderesult {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 800px;
    height: 70px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(33%, #000), color-stop(66%, #000), to(transparent));
    background-image: linear-gradient(90deg, transparent, #000 33%, #000 66%, transparent);
    font-size: 15px;
}

    .traderesult.success {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(33%, #14af81), color-stop(66%, #14af81), to(transparent));
        background-image: linear-gradient(90deg, transparent, #14af81 33%, #14af81 66%, transparent);
        text-align: center;
    }

    .traderesult.fail {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(33%, #f44b44), color-stop(66%, #f44b44), to(transparent));
        background-image: linear-gradient(90deg, transparent, #f44b44 33%, #f44b44 66%, transparent);
    }

.image-32 {
    width: 25px;
    height: 25px;
    margin-right: 15px;
}

.systemmaintenance {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
}

.systrem_frame {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 800px;
    min-width: 1040px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.image-33 {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(7, 202, 141, 0.3), transparent 63%);
}

.image-34 {
    width: 30px;
    height: 30px;
}

.form-block-11 {
    width: 78%;
    height: 100%;
    margin-bottom: 0px;
}

.text-field-7 {
    height: 35px;
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, 0.3);
    background-color: #102331;
}

.copybtn {
    display: none;
    width: 100%;
    height: 31px;
    margin-top: 10px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #000;
    background-color: transparent;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
}

    .copybtn.stop {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border-color: #d14640;
        color: #f44b44;
    }

        .copybtn.stop:hover {
            background-color: #f44b44;
            color: #fff;
        }

    .copybtn.staet {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border-color: #14af81;
        color: #14af81;
    }

        .copybtn.staet:hover {
            background-color: #14af81;
            color: #fff;
        }

.button-19 {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: transparent;
    color: transparent;
}

.div-block-106 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.button-20 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
    height: 100%;
    margin-right: 5px;
    margin-left: 5px;
    padding: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #82baf6;
    background-color: transparent;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    color: #82baf6;
    font-size: 12px;
}

    .button-20:hover {
        background-color: #82baf6;
        color: #fff;
    }

    .button-20.click {
        background-color: #82baf6;
        color: #fff;
    }

.searchresult_location {
    margin-left: 10px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
}

.btnlist-copy-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 65%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .btnlist-copy-copy.footer {
        display: none;
    }

.history_search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 80px;
    height: 35px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #82baf6;
    border-radius: 4px;
    background-color: transparent;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    color: #82baf6;
}

    .history_search:hover {
        background-color: #82baf6;
        color: #fff;
    }

.body-4 {
    font-family: 'Noto Sans KR', sans-serif;
}

.div-block-107 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.section4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    min-width: 323px;
    margin-top: 5px;
    margin-right: 5px;
}

.box1 {
    width: 20%;
    margin-right: 5px;
}

.box2 {
    width: 80%;
    max-height: 619px;
    min-height: 150px;
}

.frame33 {
    min-height: 550px;
}

.copy_mainittle {
    margin-bottom: 40px;
    font-size: 50px;
    line-height: 70px;
    font-weight: 300;
    text-align: center;
}

.alarmbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #14af81;
    cursor: pointer;
}

.copyfollow_block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-width: 1160px;
    margin-bottom: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.copyfollow_list {
    display: -ms-grid;
    display: grid;
    margin-top: 20px;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
}

.form-block-12 {
    width: 100%;
}

.text-field-8 {
    width: 200px;
    height: 35px;
    margin-bottom: 0px;
    margin-left: 5px;
    border: 1px none #000;
    background-color: rgba(130, 186, 246, 0.5);
    color: #fff;
}

.div-block-108 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.search_warp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-left: auto;
}

.button-21 {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: transparent;
}

.searchbtn_warp {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 35px;
    height: 35px;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.search_btnicon {
    width: 25px;
    height: 25px;
}

.div-block-109 {
    width: 400px;
    height: 230px;
    padding: 15px 20px 10px;
    border-radius: 4px;
    background-color: #172d3e;
}

.div-block-110 {
    display: -ms-grid;
    display: grid;
    margin-top: 10px;
    grid-auto-columns: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 10px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 60px minmax(60px, 1fr);
    grid-template-rows: 60px minmax(60px, 1fr);
}

.image-35 {
    width: 55px;
    height: 55px;
}

.div-block-111 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 55px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
}

.followbth {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 45px;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
}

    .followbth._1 {
        margin-left: auto;
        background-color: #14af81;
    }

    .followbth._2 {
        background-color: #f44b44;
    }

.followinfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90px;
    height: 20px;
    padding: 1px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    background-color: #102331;
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 12px;
}

.image-36 {
    width: 14px;
    height: 10px;
    margin-right: 6px;
    opacity: 0.5;
}

.div-block-112 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 95%;
    margin-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.div-block-113 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right;
}

.followinfo_txt {
    margin-bottom: 5px;
    font-size: 16px;
}

    .followinfo_txt.up {
        color: #14af81;
    }

    .followinfo_txt.down {
        color: #f44b44;
    }

.followinfo_subtxt {
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 12px;
}

.copy_btnlist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .copy_btnlist.footer {
        display: none;
    }

.button-12-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 145px;
    height: 50px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #14af81;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    font-size: 17px;
}

    .button-12-copy:hover {
        border-style: none;
        border-width: 1px;
        border-color: #14af81;
        background-color: #fff;
        color: #14af81;
    }

.trader_pop {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: none;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    background-color: rgba(0, 0, 0, 0.3);
}

.div-block-114 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 500px;
    height: 500px;
    padding: 30px 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px;
    background-color: #172d3e;
}

.form-block-18 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.button-22 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
    height: 100%;
    margin-left: 15px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #14af81;
    border-radius: 5px;
    background-color: transparent;
    color: #14af81;
}

    .button-22:hover {
        background-color: #fff;
    }

.title7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 27px;
    line-height: 30px;
    font-weight: 500;
    text-align: center;
}

.button-23 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 47%;
    height: 100%;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #14af81;
    border-radius: 5px;
    background-color: #14af81;
    font-size: 17px;
}

    .button-23:hover {
        background-color: #fff;
        color: #14af81;
    }

.button-20-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 15%;
    height: 100%;
    margin-left: 10px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #14af81;
    border-radius: 5px;
    background-color: #14af81;
    color: #fff;
}

    .button-20-copy:hover {
        background-color: #fff;
        color: #00b4c9;
    }

.trader_pop1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 500px;
    height: 500px;
    padding: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    background-color: #111722;
}

.button-15-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 47%;
    height: 100%;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #14af81;
    border-radius: 5px;
    background-color: #fff;
    color: #14af81;
    font-size: 17px;
}

    .button-15-copy:hover {
        background-color: #14af81;
        color: #fff;
    }

.title3 {
    margin-bottom: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
}

.text-field-15 {
    width: 70%;
    height: 40px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 20px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.15);
    color: #fff;
}

.pop_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 85%;
    height: 40px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.text-field-15-copy {
    width: 70%;
    height: 40px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 20px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.15);
}

.accountbox2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    #btnDuplCheck {
        margin-top: 2px!important;
    }
    #swiper-wrapper-b322a10ed10e2236d {
        display: none;
    }
    #btnSendCode {
        margin-top: 2px !important;
    }
    #btnCheckCode {
        margin-top: 2px !important;
    }
    .body_main {
        font-size: 3vw;
        line-height: 4vw;
    }

    .body_login {
        font-size: 3vw;
        line-height: 4vw;
    }

    .frame {
        width: 100%;
        min-width: auto;
        padding-top: 12vw;
        padding-bottom: 12vw;
    }

    .registbox {
        width: 100%;
        height: 100%;
        margin-bottom: 4vw;
        padding: 6vw 10vw;
    }

    .loginbox {
        width: 100%;
        height: 100vw;
        padding: 6vw 10vw;
    }

    .logintitle {
        margin-bottom: 5vw;
        font-size: 5vw;
        line-height: 8vw;
    }

    .regist_form1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .regist_formblock {
        width: 100%;
    }

    .field-label {
        margin-top: 2vw;
        margin-bottom: 2vw;
    }

    .login_textfeild {
        height: 8vw;
        margin-bottom: 4vw;
        padding: 1vw 2vw;
    }

    .checkbox-field {
        margin-top: 4vw;
        margin-bottom: 1vw;
        padding-left: 4vw;
    }

    .select {
        width: 100%;
        height: 8vw;
        margin-bottom: 0px;
        padding: 1vw 3vw;
    }

    .leftdown_warp {
        margin-top: 6vw;
    }

    .openaccount_btn {
        width: 30vw;
        height: 8vw;
        font-size: 3vw;
    }

    .login_topiogo {
        width: 100%;
        height: 20vw;
        margin-bottom: 2vw;
    }

    .login_formblcok {
        margin-top: 6vw;
        margin-bottom: 6vw;
    }

    .forgottxt {
        width: 26vw;
        font-size: 3vw;
        line-height: 6vw;
    }

    .text-block-2 {
        margin-bottom: 1vw;
        font-size: 4vw;
    }

    .loginbtn {
        width: 22vw;
        height: 8vw;
        font-size: 3vw;
    }

    .login_add {
        margin-top: 2vw;
    }

    .regist_textfeild {
        height: 8vw;
        margin-bottom: 2vw;
        padding: 1vw 2vw;
    }

    .login_addtxt {
        margin-top: 2vw;
        margin-bottom: 2vw;
        font-size: 3vw;
    }

    .custermer_body {
        font-size: 3vw;
        line-height: 4vw;
    }

    .language_form {
        width: auto;
        margin-bottom: 0px;
    }

    .all {
        min-width: auto;
    }

    .custemer_top {
        width: 100%;
        height: 14vw;
        max-width: none;
        min-width: auto;
        padding-right: 3vw;
        padding-left: 3vw;
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .custermer_block1 {
        height: 60vw;
    }

    .banner_box {
        max-width: none;
        min-width: auto;
        padding-right: 4vw;
        padding-left: 4vw;
    }

    .serch_bar {
        width: auto;
        height: 11vw;
        min-width: 80vw;
    }

    .custermer_title1 {
        font-size: 6vw;
        line-height: 6vw;
        text-align: center;
    }

    .button1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 8vw;
        margin-top: 3vw;
        font-size: 3.5vw;
        line-height: 4vw;
    }

        .button1.request {
            display: none;
        }

    .custermer_block2 {
        width: 100%;
        padding: 10vw 4vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sidemenu_box {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        max-height: 50vw;
        min-width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .custermer_sidemenubtn {
        height: 10vw;
        padding: 2vw;
    }

        .custermer_sidemenubtn:hover {
            border-bottom: 1px solid #14af81;
            border-right-style: none;
        }

        .custermer_sidemenubtn.click {
            border-bottom: 1px solid #14af81;
            border-right-style: none;
        }

    .custermer_comtainer {
        min-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .custermer_title2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .custermer_title2.mobile {
            display: none;
        }

    .custermer_sidemenutitle {
        position: relative;
        height: 10vw;
    }

    .titleblock {
        height: auto;
        min-height: 27px;
        padding: 4vw 3vw;
    }

    .block_between {
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .custermer_updatetxt {
        font-size: 3.5vw;
    }

    .snscircle {
        width: 6vw;
        height: 6vw;
        margin-right: 1vw;
        margin-left: 1vw;
    }

    .bord {
        margin-top: 4vw;
        padding-right: 0vw;
        padding-left: 0px;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .maintext_title {
        font-size: 5vw;
        line-height: 8vw;
    }

    .maintext_text {
        font-size: 3.5vw;
        line-height: 4vw;
    }

        .maintext_text.legal {
            padding: 2vw;
            font-size: 2.5vw;
        }

    .menucontent_txt {
        text-align: center;
    }

    .menucontent_box {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 3vw;
        line-height: 4vw;
    }

    .bottomfixed_btn {
        font-size: 4vw;
        line-height: 4vw;
    }

    .bottom_fixedbtn_block {
        bottom: 17vw;
    }

    .additional_bord {
        min-height: 40vw;
        padding: 0;
    }

    .bottom_contentbox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        min-height: 40px;
        margin-bottom: 15vw;
    }

    .text-field-5 {
        padding: 1vw 2vw;
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .form-block {
        margin-left: 3vw;
    }

    .searchicon {
        width: 6vw;
        height: 6vw;
    }

    .custermer_bottombtn {
        position: fixed;
        left: auto;
        top: auto;
        right: auto;
        bottom: 0%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 15vw;
    }

    .bottom_contentblock {
        width: 100%;
        min-width: auto;
        padding: 4vw 4vw 10vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 6vw;
        text-align: center;
    }

    .bottombtn {
        width: 24vw;
        background-color: transparent;
        font-size: 3vw;
        line-height: 4vw;
    }

    .sidemenu_listblock {
        position: absolute;
        left: 0%;
        top: 10vw;
        right: 0%;
        bottom: 0%;
        z-index: 1;
        display: none;
        width: 100%;
        height: 50vw;
        max-width: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #f2f2f5;
    }

    .button-3 {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        padding: 0px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid rgba(0, 0, 0, 0.3);
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        background-color: transparent;
        color: #000;
        font-size: 5vw;
        line-height: 5vw;
    }

    .image-3 {
        position: absolute;
        right: 0px;
        width: 8vw;
        height: 8vw;
    }

    .additional_title {
        font-size: 3.5vw;
        line-height: 7vw;
    }

    .additional_text {
        font-size: 4.5vw;
        line-height: 8vw;
    }

    .bootom_content_box {
        max-width: none;
        min-width: auto;
        padding-top: 5vw;
        padding-bottom: 5vw;
        padding-left: 4vw;
        line-height: 6vw;
    }

    .bottomcontent_title {
        margin-bottom: 5vw;
        font-size: 5vw;
        line-height: 8vw;
    }

    .footer_text {
        margin-top: 1vw;
        font-size: 2.7vw;
        line-height: 6vw;
    }

    .footer_btnlist {
        width: 100%;
        min-width: auto;
        background-color: #fff;
    }

    .textarea {
        min-height: 50vw;
    }

    .custermer_listblock {
        height: 12vw;
        padding-left: 3vw;
    }

    .btnblock_right {
        height: 10vw;
    }

    .button-4 {
        width: 24vw;
        height: 7vw;
        margin-top: 3vw;
    }

    .custermer_block3 {
        width: 100%;
        min-height: 120vw;
        min-width: auto;
        padding: 10vw 5vw;
    }

    .custermermain_listblock1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: 10vw;
        padding-right: 5vw;
        padding-left: 5vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .custermermain_btn {
        width: 100%;
        height: 56vw;
        font-size: 3.5vw;
    }

    .custermermain_btn2 {
        width: 100%;
        height: 13vw;
        padding: 3vw;
        font-size: 3.5vw;
    }

    .custermermain_listblock2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: 10vw;
        padding-right: 5vw;
        padding-left: 5vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .custemerimg1 {
        width: auto;
        height: 40vw;
        min-width: 40vw;
        margin-bottom: 3vw;
    }

    .top {
        height: 12vw;
        min-width: 100%;
        padding-right: 1vw;
        padding-left: 1vw;
    }

        .top._2 {
            height: 12vw;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

    .logo_block {
        width: 45vw;
        margin-left: 2vw;
    }

    .logo {
        /*  width: 25vw;
        height: 7vw;*/
    }

    .top_right {
        min-width: auto;
    }

    .top_left {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 65vw;
        min-width: auto;
        font-size: 2.5vw;
        line-height: 4vw;
    }

    .blue_topbtn {
        height: 100%;
        min-width: 16vw;
        padding-right: 2vw;
        padding-left: 2vw;
        color: hsla(0, 0%, 100%, 0.9);
        font-size: 3.2vw;
        font-weight: 800;
        text-align: center;
    }

    .select-field-2 {
        width: 22vw;
        height: 7vw;
        padding: 1vw 4vw 1vw 1vw;
        font-size: 2.5vw;
    }

    .form-block-2 {
        height: 7vw;
        margin-left: 2vw;
    }

    .select-field-3 {
        width: 19vw;
        padding: 1vw 4vw 1vw 2vw;
    }

        .select-field-3.mobile {
            display: none;
        }

    .form-block-3 {
        display: none;
        margin-left: 1vw;
    }

    .loginregist {
        width: 16vw;
        height: 6vw;
    }

        .loginregist.regist {
            width: 19vw;
            margin-right: 1vw;
            margin-left: 1vw;
        }

        .loginregist.login {
            width: 15vw;
            margin-right: 2vw;
            margin-left: 2vw;
        }

        .loginregist.logout {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            margin-right: 2vw;
            margin-left: 2vw;
        }

    .frame2 {
        width: 100%;
        min-height: 100vw;
        min-width: auto;
        margin: 4vw 0px;
    }

    .blue_bord {
        width: 100%;
        min-height: auto;
        min-width: auto;
        padding-bottom: 6vw;
    }

    .text-field4 {
        height: 10vw;
        font-size: 3vw;
        line-height: 4vw;
    }

    .btn {
        width: 100%;
        height: 8.5vw;
        margin-top: 8vw;
        margin-left: 0vw;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .anotice2 {
        font-size: 3vw;
        line-height: 8vw;
    }

    .text-block-11 {
        width: 100%;
        height: 10vw;
        font-size: 3vw;
        line-height: 4vw;
    }

    .tablewrap {
        width: 100%;
    }

    .btnwrap {
        margin-top: 0vw;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .dwrap {
        width: 100%;
        margin-top: 0vw;
        padding: 8vw 0px 8vw 0vw;
    }

    .dtitle {
        width: auto;
        margin-top: 0px;
        margin-bottom: 4vw;
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .btntxt {
        padding-right: 5vw;
        padding-left: 5vw;
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .pbtnwrap {
        margin-top: 2vw;
    }

    .tablewrap4 {
        margin-bottom: 7vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .anotice {
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .pbtn {
        width: 48%;
        height: 10vw;
        margin-bottom: 3vw;
        font-size: 3vw;
        line-height: 4vw;
    }

    .btn2 {
        width: 100%;
        height: 8.5vw;
        margin-top: 8vw;
        margin-left: 3vw;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .deposit_warn {
        width: 100%;
        margin-top: 5vw;
    }

    .form-3 {
        padding-right: 5vw;
        padding-left: 5vw;
    }

    .btnlist {
        display: none;
    }

        .btnlist.footer {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            min-height: auto;
            padding: 0vw;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            background-color: #102331;
        }

    .mob_sidebtn {
        display: none;
        width: 10vw;
        height: 10vw;
    }

    .footer {
        width: 100%;
        height: 125vw;
        min-height: auto;
        min-width: auto;
        padding: 6vw 5vw;
    }

    .all_blue {
        min-width: auto;
        margin-bottom: 15vw;
        padding: 1vw 0px;
    }

    .logo_footer {
       /* width: auto;
        height: 7vw;*/
    }

    .footer_block2 {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
    }

    .footer_menu {
        min-width: auto;
        margin-right: 0px;
        margin-left: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .footer_block1 {
        margin-bottom: 4vw;
        padding-left: 0px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .mymoney {
        margin-bottom: 2vw;
        font-size: 4.5vw;
        line-height: 5vw;
    }

    .deposit_wallettitle {
        margin-bottom: 1vw;
        font-size: 4vw;
    }

    .deposit_wallet {
        width: 100%;
        margin-bottom: 5vw;
        padding: 5vw 4vw 3vw;
    }

    .text-block-13 {
        width: 100%;
        height: 10vw;
        font-size: 3vw;
        line-height: 4vw;
    }

    .useraccount {
        width: 100%;
        height: 10vw;
        font-size: 3vw;
        line-height: 4vw;
    }

    .warn_warp {
        width: 100%;
        margin-top: 5vw;
    }

    .colortext_leftup {
        left: 0%;
        top: -22%;
        right: auto;
        bottom: auto;
        font-size: 2.3vw;
        line-height: 3vw;
    }

    .footer_title {
        margin-top: 2vw;
        margin-bottom: 2vw;
        font-size: 3vw;
        line-height: 4vw;
    }

    .listpage_block {
        padding-right: 4vw;
        padding-left: 4vw;
    }

    .listblock {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .dateform {
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start;
        justify-items: center;
        grid-auto-columns: 1fr;
        grid-column-gap: 3vw;
        grid-row-gap: 3vw;
        -ms-grid-columns: minmax(23vw, 23vw) auto;
        grid-template-columns: minmax(23vw, 23vw) auto;
        -ms-grid-rows: auto auto auto;
        grid-template-rows: auto auto auto;
        font-size: 3vw;
    }

    .date_select {
        width: 75%;
        height: 7vw;
        padding: 1vw 3vw 1vw 2vw;
    }

    .date_input {
        width: 75%;
        height: 7vw;
        padding: 1vw 2vw;
        font-size: 3vw;
    }

    .listbord {
        overflow: auto;
        margin-top: 4vw;
        padding-bottom: 4vw;
    }

    .listtop {
        width: 250%;
        height: 10vw;
    }

    .list_bar {
        width: 250%;
        height: 11vw;
    }

    .list {
        padding: 1vw 2vw;
        font-size: 2.5vw;
    }

    .copyright {
        margin-top: 6vw;
    }

    .paging_btnbox {
        width: 100%;
        min-width: auto;
    }

    .paging_btn {
        width: 6vw;
        height: 6vw;
    }

        .paging_btn.next {
            width: 9vw;
        }

    .bordtop {
        height: 10vw;
    }

    .button-6 {
        width: 34vw;
        padding-right: 2vw;
        padding-left: 2vw;
        font-size: 3vw;
    }

    .bord_title {
        height: 13vw;
        margin-top: 4vw;
        margin-bottom: 5vw;
        padding-bottom: 0px;
        padding-left: 5vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        font-size: 5vw;
        line-height: 6vw;
    }

    .subtitle_blue {
        margin-left: 0px;
        font-size: 2.5vw;
        line-height: 4vw;
    }

    .button2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 7vw;
        font-size: 3vw;
        line-height: 4vw;
    }

    .logo-_login {
     /*   width: 60vw;*/
        height: 13vw;
    }

    .button-7 {
        height: 8vw;
    }

    .pop {
        display: none;
    }

    .authpop_back {
        display: none;
    }

    .div-block-77 {
        width: 90vw;
        height: 60vw;
        padding: 4vw;
    }

    .auth_input {
        height: 8vw;
        margin-right: 0px;
        margin-left: 0px;
        padding: 1vw 2vw;
    }

    .reauest {
        width: 19vw;
        height: 7vw;
        font-size: 3vw;
    }

    .warn2 {
        padding-right: 2vw;
        font-size: 2.5vw;
    }

    .pop_buttonblock {
        margin-top: 5vw;
        padding-right: 6vw;
        padding-left: 6vw;
    }

    .popbtn {
        width: 28vw;
        height: 7vw;
    }

    .form-block-4 {
        margin-bottom: 3vw;
    }

    .regist_warp {
        width: 100%;
    }

    .my_infoblock {
        width: 100%;
        padding-top: 2vw;
        padding-bottom: 2vw;
        padding-left: 0px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bord_title2 {
        margin-top: 3vw;
        margin-bottom: 3vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        font-size: 5vw;
        line-height: 6vw;
        text-align: center;
    }

    .profileimg_block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 20vw;
        height: 20vw;
        margin-right: 0px;
        margin-bottom: 1vw;
    }

    .profile_block {
        margin-top: 3vw;
        margin-bottom: 4vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    .profile_warp {
        min-width: 100%;
        margin: 2vw 0px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .title_colorblue {
        margin-top: 1vw;
        font-size: 3.5vw;
        line-height: 7vw;
    }

    .forgetpw_back {
        display: none;
    }

    .forgetpw_popblock {
        width: 100%;
        height: 52vw;
    }

    .button-8 {
        width: 30vw;
        height: 7vw;
        margin-top: 2vw;
        margin-left: 0px;
    }

    .button-9 {
        width: 40vw;
        height: 7vw;
        margin-top: 4vw;
        margin-right: auto;
        margin-left: auto;
    }

    .accountset_back {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .div-block-78 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: auto;
        padding: 4vw 5vw 6vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .form-block-5 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-top: 3vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .form-block-5._2.all {
            display: none;
        }

        .form-block-5._1 {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

            .form-block-5._1.all {
                display: none;
            }

    .div-block-79 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .pop_buttonblock2 {
        margin-top: 5vw;
        padding-right: 6vw;
        padding-left: 6vw;
    }

    .mob_bottombtn {
        position: fixed;
        left: 0%;
        top: auto;
        right: 0%;
        bottom: 0%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 15vw;
    }

    .minapage_frame {
        width: 100%;
        min-height: 100vw;
        min-width: auto;
        margin: 4vw 0px;
    }

    .mainpage_block1 {
        min-height: 120vw;
        padding: 16vw 4vw 10vw;
    }

    .mainpage_listbord {
        position: relative;
        overflow: auto;
        width: 100%;
    }

    .mainpage_listbar {
        width: 250%;
        height: 9vw;
        padding-left: 2vw;
    }

        .mainpage_listbar.top {
            width: 250%;
            padding-right: 2vw;
            padding-left: 5.5vw;
        }

    .iconbtn {
        width: 9vw;
        height: 9vw;
    }

    .mainpage_listcontent {
        width: 30vw;
    }

        .mainpage_listcontent.top {
            width: 18vw;
            padding-top: 1vw;
            padding-bottom: 1vw;
            font-size: 2vw;
        }

    .image-7 {
        width: 2vw;
        height: 2vw;
        margin-left: 2vw;
    }

    .mainpage_bord {
        width: 100%;
        height: 55vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .mainpage_volume {
        font-size: 3vw;
        line-height: 6vw;
    }

    .big {
        font-size: 6vw;
        line-height: 12vw;
    }

        .big.up {
            font-size: 6vw;
            line-height: 12vw;
        }

    .mainpage_block2 {
        width: 100%;
        min-height: auto;
        padding: 5vw;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .mainpage_mainittle {
        margin-bottom: 7vw;
        font-size: 9vw;
        line-height: 14vw;
    }

    .button-11 {
        width: 28vw;
        height: 10vw;
        margin-right: 4vw;
        margin-left: 4vw;
        font-size: 2.8vw;
    }

    .button-26 {
        width: 28vw;
        height: 7vw;
        margin-right: 4vw;
        margin-left: 4vw;
        font-size: 4vw;
    }

    .button-12 {
        width: 22vw;
        height: 10vw;
        font-size: 2.8vw;
    }

    .div-block-82 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-grid-columns: minmax(380px, 1fr) minmax(380px, 1fr);
        grid-template-columns: minmax(380px, 1fr) minmax(380px, 1fr);
        -ms-grid-rows: 200px 200px auto;
        grid-template-rows: 200px 200px auto;
    }

    .mainpage_section {
        margin-top: 4vw;
        margin-bottom: 4vw;
    }

    .image-8 {
        width: 20vw;
        height: 20vw;
        margin-right: 4vw;
    }

    .mainpage_contexttxt {
        font-size: 3vw;
        line-height: 5vw;
    }

    .title {
        font-size: 4vw;
        line-height: 7vw;
    }

    .image-9 {
        width: 22vw;
        height: 21vw;
        margin-right: 4vw;
    }

    .image-10 {
        width: 25vw;
        height: 11vw;
        margin-right: 4vw;
    }

    .image-11 {
        width: 23vw;
        height: 19vw;
        margin-right: 4vw;
    }

    .image-12 {
        width: 22vw;
        height: 20vw;
        margin-right: 2vw;
    }

    .image-13 {
        width: 20vw;
        height: 20vw;
        margin-right: 5vw;
    }

    .mainpage_blocktitle {
        width: 100%;
        margin-bottom: 6vw;
        font-size: 9vw;
        line-height: 11vw;
    }

    .div-block-83 {
        width: 100%;
        min-height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .div-block-84 {
        width: 100%;
        margin-bottom: 4vw;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 4vw;
        line-height: 6vw;
        text-align: center;
    }

    .div-block-85 {
        width: auto;
        padding-left: 0px;
    }

    .body-2 {
        padding-right: 0px;
        padding-left: 0px;
        clear: none;
    }

    .chart_wrap {
        height: auto;
        max-height: none;
    }

    .dbox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        min-width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .orderhistorybox {
        width: 100%;
        margin-bottom: 5px;
    }

    .titlebox {
        height: 9vw;
    }

    .titlebox2 {
        height: 9vw;
    }

    .moreicon {
        height: 2vw;
    }

    .t_txt {
        font-size: 3.2vw;
        line-height: 4vw;
    }

    .container {
        padding: 3vw;
    }

        .container._2 {
            height: 62vw;
        }

    .bsbox-n {
        margin-bottom: 0px;
        background-color: #192737;
    }

    .buy-btn-n {
        width: 48.5%;
        height: 15vw;
    }

    .text-block-8-n {
        font-size: 4vw;
        line-height: 4vw;
    }

    .sell-btn-n {
        width: 48.5%;
        height: 15vw;
    }

    .section {
        height: auto;
        min-width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .t_text {
        height: 10vw;
        font-size: 3.3vw;
    }

        .t_text._2 {
            width: 78%;
            padding-right: 3vw;
            padding-left: 3vw;
        }

    .trow {
        margin-bottom: 2vw;
    }

    .chartbox {
        width: 100%;
        min-width: auto;
        margin-bottom: 5px;
        margin-left: 0px;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

        .chartbox._2 {
            min-width: auto;
        }

    .chart {
        height: 100vw;
    }
        .chart.banneroff {
            height: 100vw;
        }
    .banner {
        height: 18vw;
        padding-right: 10vw;
        padding-left: 4vw;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .showmore {
        width: 22vw;
        height: 6vw;
        padding-bottom: 0.1vw;
        font-size: 2.8vw;
        line-height: 4vw;
    }

    .btext {
        width: 60vw;
        margin-right: 0px;
        margin-left: 0px;
        font-size: 2.5vw;
        line-height: 3vw;
    }

    .closeicon {
        left: auto;
        top: 3vw;
        right: 3vw;
        bottom: auto;
        height: 2.5vw;
    }

    .image-14 {
        height: 5vw;
        margin-bottom: 1vw;
    }

    .drow {
        height: 9vw;
        margin-bottom: 2vw;
    }

    .deallistsellbuytext {
        font-size: 3.3vw;
        line-height: 4vw;
    }

    .maxtxt {
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .minus {
        font-size: 3.3vw;
        line-height: 4vw;
    }

    .rrow {
        margin-bottom: 2vw;
    }

    .resetbtn {
        height: 9vw;
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .text-block-14 {
        height: 9vw;
    }

    .t_toptxt {
        width: 25%;
        padding-right: 1vw;
        padding-left: 1vw;
        font-size: 3vw;
        /*line-height: 4vw;*/
        text-align: center;
    }

        .t_toptxt._3 {
            width: 13%;
        }

    .t_top {
        height: 11vw;
    }

    .t_table {
        height: 10vw;
    }

        .t_table._2 {
            height: 10vw;
        }

    .section-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .positionbox {
        width: 100%;
    }

    .infobox._2 {
        margin-top: 1vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
    }

    .wrap {
        min-width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .popupframe {
        display: none;
        padding-right: 2vw;
        padding-left: 2vw;
        font-size: 3vw;
        line-height: 4vw;
    }

    .itempopup {
        width: 100%;
        padding: 6vw 1vw 8vw;
    }
    .nasdaqbox {
        width: 25%;
        height: 24vw;
        margin-right: 1vw;
        margin-left: 1vw;
        padding-bottom: 2.5vw;
    }
    .goldbox {
        width: 25%;
        height: 24vw;
        margin-right: 1vw;
        margin-left: 1vw;
        padding-bottom: 2.5vw;
    }
    .hsibox {
        width: 25%;
        height: 24vw;
        margin-right: 1vw;
        margin-left: 1vw;
        padding-bottom: 2.5vw;
    }

    .btcbox {
        width: 25%;
        height: 24vw;
        margin-right: 1vw;
        margin-left: 1vw;
        padding-bottom: 2.5vw;
    }

        .btcbox._2 {
            width: 30%;
            height: 11vw;
            padding-bottom: 0.3vw;
            background-position: 50% 18%;
            background-size: 4.5vw;
        }

    .item_wrap {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 3vw;
        line-height: 4vw;
    }

    .ittile {
        font-size: 3.5vw;
    }

    .item._2 {
        margin-top: 1vw;
    }

    .item._2 {
        font-size: 2.6vw;
    }

    .close {
        height: 3vw;
    }

    .ethbox {
        width: 27vw;
        height: 20vw;
        margin-right: 1vw;
        margin-left: 1vw;
        padding-bottom: 2.5vw;
    }

        .ethbox._2 {
            width: 30%;
            height: 11vw;
            padding-bottom: 0.3vw;
            background-position: 50% 15%;
            background-size: 4vw;
        }
    .item {
    font-size:12px;
    }
    .xprbox {
        width: 25%;
        height: 24vw;
        margin-right: 1vw;
        margin-left: 1vw;
        padding-bottom: 2.5vw;
    }

        .xprbox._2 {
            width: 30%;
            height: 11vw;
            padding-bottom: 0.3vw;
            background-position: 50% 18%;
            background-size: 5vw;
        }

    .momenuclick2-n {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 20%;
        height: 100%;
        padding-right: 3vw;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
    }

        .momenuclick2-n.login {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 20%;
            grid-auto-columns: 1fr;
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
            -ms-grid-rows: auto auto;
            grid-template-rows: auto auto;
        }

    .text-block-30 {
        display: none;
        padding: 1.8vw 2vw;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 3px;
        background-color: #f59108;
        color: #fff;
        font-size: 3.5vw;
        line-height: 3.5vw;
    }

    .menuprofile {
        width: 5vw;
        height: 5vw;
    }

    .momenuclick-n {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        padding-left: 3vw;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .micon {
        width: 5vw;
        height: 5vw;
    }

    .mobilemenuframe {
        position: fixed;
        left: 0%;
        top: 0%;
        right: auto;
        bottom: auto;
        z-index: 3;
        display: none;
        width: 100%;
        height: 100%;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: rgba(0, 0, 0, 0.18);
    }

    .mobilemenubox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 80%;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #132533;
        color: hsla(0, 0%, 100%, 0.89);
    }

    .mmenu {
        display: none;
        width: 20%;
    }

    .mtxt {
        width: 100%;
        color: hsla(0, 0%, 100%, 0.89);
        font-size: 3.3vw;
        line-height: 4vw;
        text-decoration: none;
    }

    .mbtn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 15vw;
        padding-left: 4vw;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
    }

    .section3 {
        width: 100%;
        height: auto;
        min-width: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .main {
        min-height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .userinfobox {
        margin-top: 0px;
    }

    .t_text2 {
        font-size: 3.3vw;
        line-height: 4vw;
    }

        .t_text2._2 {
            width: 78%;
            padding-right: 3vw;
            padding-left: 3vw;
        }

    .t_text3 {
        height: 8vw;
        padding-left: 2vw;
        font-size: 3.3vw;
        line-height: 4vw;
    }

        .t_text3._2 {
            width: 78%;
            padding-right: 3vw;
            padding-left: 3vw;
        }

    .tradersearch {
        height: 6vw;
    }

    .button-13 {
        height: 6vw;
    }

    .div-block-90 {
        min-height: 15vw;
        margin-bottom: 2vw;
    }

    .button-14 {
        height: 7vw;
        font-size: 3vw;
        line-height: 4vw;
    }

    .button-25 {
        height: 7vw;
        font-size: 3vw;
        line-height: 4vw;
    }

    .container2 {
        min-height: 40vw;
        padding: 3vw;
        font-size: 2.8vw;
        line-height: 4vw;
    }

    .image-17 {
        width: 5vw;
        height: 5vw;
    }

    .image-18 {
        width: 4vw;
        height: 4vw;
    }

    .image-19 {
        width: 5vw;
        height: 5vw;
    }

    .custermerimg2 {
        width: 60vw;
        height: 36vw;
    }

    .trader_input {
        height: 6vw;
    }

    .form-block-7 {
        width: 70%;
        margin-left: 2vw;
    }

    .image-20 {
        width: 28vw;
        height: 6vw;
    }

    .image-21 {
        width: 28vw;
        height: 6vw;
    }

    .button-15 {
        width: 30vw;
        height: 9vw;
    }

    .appstore_warp {
        width: 31vw;
        height: 9vw;
    }

    .appstoreblock {
        width: 67vw;
        margin-top: 4vw;
    }

    .main_block3 {
        width: 100%;
        height: 45vw;
        padding-top: 10vw;
        padding-bottom: 10vw;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 8vw;
        line-height: 8vw;
    }

    .div-block-93 {
        width: 100%;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 8vw;
        line-height: 11vw;
    }

    .button-16 {
        width: 24vw;
        height: 8vw;
        margin-right: 2vw;
        margin-left: 2vw;
        font-size: 3vw;
        line-height: 4vw;
    }

    .button-16-copy {
        width: 24vw;
        height: 8vw;
        font-size: 3vw;
        line-height: 4vw;
    }

    .main_block4 {
        padding: 5vw;
    }

    .image-22 {
        position: static;
        width: 100%;
        height: 101vw;
    }

    .image-23 {
        width: 100%;
        height: 60vw;
        margin-bottom: 4vw;
    }

    .div-block-95 {
        margin-top: 6vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 2.8vw;
        line-height: 5vw;
    }

    .opinion_listbar {
        width: 97%;
        height: 24vw;
        margin-bottom: 6vw;
        padding-right: 4vw;
        padding-left: 4vw;
    }

    .opinion_list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 6vw;
        margin-left: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .select-field-3-copy {
        width: 100%;
        padding: 1vw 4vw 1vw 2vw;
    }

    .form-block-3-copy {
        width: auto;
        margin-top: 4vw;
        margin-left: 1vw;
    }

    .image-26 {
        display: block;
        width: 5vw;
        height: 2vw;
        margin-left: auto;
    }

    .btnlist-copy {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-left: auto;
    }

        .btnlist-copy.footer {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            padding: 0vw;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            background-color: #102331;
        }

    .div-block-97 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: 3vw;
        padding-right: 0vw;
        padding-left: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .div-block-98 {
        height: 7vw;
        margin-top: 4vw;
        font-size: 2.8vw;
        line-height: 4vw;
    }

    .custermer_pagingbtn {
        width: 7vw;
        height: 7vw;
        margin-right: 1vw;
        margin-left: 1vw;
    }

        .custermer_pagingbtn.next {
            width: 10vw;
            margin-right: 1vw;
            margin-left: 1vw;
        }

    .mobile_bottombtn {
        position: fixed;
        left: auto;
        top: auto;
        right: auto;
        bottom: 0%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 15vw;
    }

    .image-28 {
        width: 20vw;
        height: 20vw;
    }

    .button-17 {
        width: 8vw;
        height: 8vw;
    }

    .image-29 {
        width: 6vw;
        height: 6vw;
    }

    .top_myprofile {
        display: none;
    }

    .form-block-8 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .div-block-101 {
        width: auto;
        margin-top: 2vw;
        margin-bottom: 2vw;
      /*  margin-left: 0px;*/
    }

    .form-block-9 {
        width: 100%;
        margin-right: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .list_hidewarp {
        height: 60vw;
    }

    .list_hidewarp2 {
        height: 69vw;
        padding-right: 1.5%;
    }

    .main_bottombtn {
        position: fixed;
        left: auto;
        top: auto;
        right: auto;
        bottom: 0%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 15vw;
    }

    .main_bottombtn {
        left: 0%;
        top: auto;
        right: 0%;
        bottom: 0%;
        z-index: 1;
        width: 100%;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .div-block-102 {
        width: 100%;
        min-height: 90vw;
        min-width: auto;
        padding: 4vw;
    }

    .tradepop_result {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .traderesult {
        width: 95%;
        height: 13vw;
        margin-top: 3vw;
        margin-bottom: 3vw;
        padding: 2vw 5vw;
    }

    .systrem_frame {
        min-height: 100vw;
        min-width: auto;
    }

    .text-block-34 {
        font-size: 8vw;
        line-height: 10vw;
    }

    .image-34 {
        width: 6vw;
        height: 6vw;
    }

    .form-block-11 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 78%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .text-field-7 {
        width: 100%;
        height: 9vw;
        padding: 2vw 3vw;
        font-size: 3vw;
    }

    .copybtn.staet {
        height: 7vw;
        margin-top: 2vw;
        font-size: 3vw;
        line-height: 4vw;
    }

    .div-block-105 {
        width: 20vw;
    }

    .button-19 {
        width: 7vw;
        height: 7vw;
    }

    .div-block-106 {
        height: 8vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 3.5vw;
    }

    .button-20 {
        margin-right: 1vw;
        margin-left: 1vw;
        font-size: 2.5vw;
    }

    .searchresult_location {
        font-size: 2.5vw;
    }

    .btnlist-copy-copy {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 71%;
        height: 100%;
        margin-left: auto;
    }

        .btnlist-copy-copy.footer {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            padding: 0vw;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            background-color: #102331;
        }

    .history_search {
        width: 100%;
        height: 7vw;
        margin-top: 2vw;
    }

    .div-block-107 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .section4 {
        width: auto;
        min-width: auto;
        margin-right: 0px;
    }

    .box1 {
        width: auto;
        margin-right: 0px;
    }

    .box2 {
        width: auto;
        max-height: 128vw;
        min-height: 30vw;
    }

    .frame3 {
        min-height: auto;
    }

    .copy_mainittle {
        margin-bottom: 7vw;
        font-size: 8vw;
        line-height: 14vw;
    }

    .alarmbtn {
        width: 10vw;
        height: 10vw;
    }

    .copyfollow_block {
        position: relative;
        overflow: auto;
        width: 100%;
        min-width: auto;
        margin-bottom: 5vw;
    }

    .copyfollow_list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-top: 4vw;
        padding-right: 3vw;
        padding-left: 3vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .text-field-8 {
        width: 40vw;
        height: 7vw;
        margin-left: 1vw;
    }

    .search_warp {
        padding-right: 3vw;
    }

    .button-21 {
        width: 7vw;
        height: 7vw;
    }

    .search_btnicon {
        width: 5vw;
        height: 5vw;
    }

    .div-block-109 {
        width: 100%;
        height: 45vw;
        padding: 3vw 4vw 2vw;
    }

    .div-block-110 {
        margin-top: 2vw;
        -ms-grid-rows: 12vw 12vw;
        grid-template-rows: 12vw 12vw;
    }

    .image-35 {
        width: 11vw;
        height: 11vw;
    }

    .div-block-111 {
        height: 11vw;
        font-size: 3vw;
    }

    .followbth {
        width: 20vw;
        height: 9vw;
    }

    .followinfo {
        width: 18vw;
        height: 4vw;
        font-size: 2vw;
    }

    .image-36 {
        width: 2.5vw;
        height: 2vw;
        margin-right: 1vw;
    }

    .followinfo_txt {
        margin-bottom: 1vw;
        font-size: 3vw;
    }

    .followinfo_subtxt {
        font-size: 2vw;
    }

    .copy_btnlist {
        margin-bottom: 4vw;
    }

        .copy_btnlist.footer {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            min-height: auto;
            padding: 0vw;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            background-color: #102331;
        }

    .button-12-copy {
        width: 28vw;
        height: 10vw;
        font-size: 2.8vw;
    }

    .div-block-114 {
        width: 95vw;
        height: 95vw;
        padding: 6vw 8vw;
    }

    .form-block-18 {
        margin-top: 3vw;
        margin-bottom: 3vw;
    }

    .button-22 {
        margin-left: 3vw;
        font-size: 2.5vw;
    }

    .title7 {
        font-size: 5.5vw;
        line-height: 8vw;
    }

    .button-23 {
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .button-20-copy {
        margin-left: 2vw;
        font-size: 2.5vw;
    }

    .trader_pop1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 91vw;
        padding: 4vw;
    }

    .button-15-copy {
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .title3 {
        margin-bottom: 2vw;
        font-size: 3vw;
        line-height: 4vw;
    }

    .text-field-15 {
        height: 8vw;
        padding-left: 4vw;
        font-size: 2.8vw;
    }

    .pop_btn {
        height: 8vw;
        margin-top: 2vw;
        margin-right: auto;
        margin-left: auto;
    }

    .text-field-15-copy {
        height: 8vw;
        padding-left: 4vw;
        font-size: 2.8vw;
    }

    .accountbox2 {
        height: 8vw;
        margin-top: 3vw;
        margin-bottom: 3vw;
    }
}

@media screen and (max-width: 479px) {
    .banner_box {
        padding: 4vw 5vw;
    }

    .serch_bar {
        height: 10vw;
        margin-top: 7vw;
        margin-bottom: 7vw;
    }

    .button1 {
        font-size: 3vw;
        line-height: 4vw;
    }

    .custermer_block2 {
        width: 100%;
    }

    .titleblock {
        width: 100%;
    }

    .block_between {
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .bord {
        width: 100%;
    }

    .maintext_title {
        font-size: 5vw;
        line-height: 8vw;
    }

    .maintext_text {
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .arrow {
        width: 4vw;
        height: 4vw;
        margin-right: 2vw;
        margin-left: 2vw;
    }

    .custermer_bottombtn {
        height: 17vw;
    }

    .bottombtn {
        font-size: 3vw;
        line-height: 4vw;
    }

    .additional_title {
        font-size: 3vw;
        line-height: 7vw;
    }

    .additional_text {
        font-size: 4vw;
        line-height: 8vw;
    }

    .bottomcontent_title {
        font-size: 5vw;
        line-height: 8vw;
    }

    .footer_text {
        font-size: 3vw;
        line-height: 6vw;
    }

    .custermer_block3 {
        width: 100%;
        min-height: auto;
    }

    .custermermain_listblock1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .custermermain_listblock2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .frame2 {
        min-width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }

    .button2 {
        font-size: 3vw;
        line-height: 4vw;
    }

    .mob_bottombtn {
        height: 17vw;
    }

    .minapage_frame {
        min-width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }

    .image-7 {
        margin-left: 2vw;
    }

    .popupframe {
        display: none;
    }

    .itempopup {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .mobile_bottombtn {
        height: 17vw;
    }

    .main_bottombtn {
        height: 17vw;
    }
}

#w-node-_6d4e6523-5d51-8b74-9665-8b053c057486-3a7e1f94 {
    -webkit-align-self: end;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
}

.body_main_light .top {
    background: #f7f7f7;
}

.body_main_light #top_menu_bar .w-button {
    color: #333;
}

.body_main_light .button-11 {
    color: #14af81;
}

.body_main_light .button-12 {
    color: #fff;
}

.body_main_light .mainpage_block2 {
    background: none;
}

.body_main_light .opinion_listbar {
    background: #f4f4f4;
    color: #333;
}

.body_main_light .button-16 {
    color: #fff;
}

.body_main_light .button-16-copy {
    color: #14af81;
}

.body_main_light .button-12:hover, .body_main_light .button-16:hover {
    border: #07CA90 solid 1px;
    background-color: #ffffff;
    color: #07CA90;
}

.body_main_light .button-11:hover, .body_main_light .button-16-copy:hover {
    color: #fff;
}

.body_main_light .mainpage_listbar.top {
    white-space: nowrap;
}


.IntroduceExchange {
    width: 100%;
    background-color: #fff;
    color: #101217
}

.IntroduceExchange__Wrapper {
    margin: 0 auto;
    padding: 40px 0 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .IntroduceExchange__Wrapper > span:first-child {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 10px
    }

@media (max-width:991px) {
    .IntroduceExchange__Wrapper > span:first-child {
        font-size: 18px
    }
}

.IntroduceExchange__Wrapper > span:nth-child(2) {
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 30px
}

@media (max-width:991px) {
    .IntroduceExchange__Wrapper > span:nth-child(2) {
        font-size: 14px;
        margin-bottom: 0;
        text-align: center
    }
}

@media (max-width:991px) {
    .IntroduceExchange__Wrapper {
        max-width: 396px;
        padding: 50px 16px;
        word-break: break-word
    }
}

.IntroduceExchange__Badges {
    width: 930px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:991px) {
    .IntroduceExchange__Badges {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.IntroduceExchange__Badge {
    width: 280px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .IntroduceExchange__Badge > img {
        height: 100px;
        margin-bottom: 10px
    }

@media (max-width:991px) {
    .IntroduceExchange__Badge {
        margin-top: 30px;
        width: 250px
    }

        .IntroduceExchange__Badge > img {
            height: 70px
        }
}

.IntroduceExchange__BadgeTitle {
    display: inline-block;
    margin: 20px 0 0;
    text-align: center;
    font-family: Spoqa Han Sans Neo Medium;
    font-size: 14px;
    font-weight: 700
}

@media (max-width:991px) {
    .IntroduceExchange__BadgeTitle {
        font-size: 13px;
        margin: 10px 0 0
    }
}

.IntroduceExchange__BadgeContent {
    margin: 10px 0 0;
    padding: 0 5px
}

    .IntroduceExchange__BadgeContent > span {
        display: inline-block;
        font-size: 12px;
        text-align: center;
        word-break: keep-all
    }

@media (max-width:991px) {
    .IntroduceExchange__BadgeContent {
        margin: 5px 0 0;
        padding: 0
    }

        .IntroduceExchange__BadgeContent > span {
            font-size: 11px
        }
}

@-webkit-keyframes shaking {
    10% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }