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

.w-form-formradioinput--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: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

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

    .w-form-formradioinput--inputType-custom.w--redirected-checked {
        border-top-width: 4px;
        border-bottom-width: 4px;
        border-left-width: 4px;
        border-right-width: 4px;
        border-top-color: #3898ec;
        border-bottom-color: #3898ec;
        border-left-color: #3898ec;
        border-right-color: #3898ec;
    }

.homeloginbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    background-color: transparent;
    background-image: url('../images/button-bg.webp');
    background-size: auto 40px;
    background-repeat: repeat-x;
}

    .homeloginbtn.primarygra {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 18px;
        padding-left: 18px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 20px;
        cursor: pointer;
    }

.s-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px 20px;
    background-color: #2a2a2a;
}

.logoblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 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;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

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

    .btnblock.login {
        display: block;
    }

.text-block {
    color: #97764d;
    font-size: 22px;
    font-weight: 500;
}

.contentblock {
    display: block;
}

    .contentblock.spacepage {
        padding-bottom: 120px;
    }

.body {
    background-color: #2a2a2a;
    font-family: Kanit, sans-serif;
    color: #000;
    font-weight: 300;
}

.welcometext {
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 20px;
    color: #fff;
    font-size: 16px;
}

.image {
    width: auto;
    max-width: none;
}

.slider {
    height: 30vh;
}

.cashbacklabel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 10px;
    padding-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;
    border-style: solid;
    border-width: 1px;
    border-color: #e1c99d;
    border-radius: 10px;
    color: #e1c99d;
    font-size: 16px;
}

    .cashbacklabel.primarygra {
        border-radius: 30px;
        color: #fff;
    }

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

    .menuiconblock.samplerow {
        display: none;
    }

.menuicon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90px;
    height: 90px;
    max-height: 100px;
    max-width: 100px;
    padding: 10px 5px;
    -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: 15px;
    background-color: #2f2f2f;
    box-shadow: 0 7px 6px 1px #000;
    cursor: pointer;
}

    .menuicon:hover {
        box-shadow: 0 7px 6px 1px rgba(151, 118, 77, 0.25);
    }

    .menuicon.active {
        max-height: 100%;
        max-width: 100%;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e5cd9c), to(#b29761));
        background-image: linear-gradient(180deg, #e5cd9c, #b29761);
        box-shadow: 0 7px 6px 1px #000;
    }

.menuiconlabel {
    padding-top: 5px;
    color: #e1c99d;
}

    .menuiconlabel.active {
        color: #fff;
    }

.icon-menu {
    height: 36px;
    max-width: none;
}

.footer {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 480px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    -o-object-fit: fill;
    object-fit: fill;
}

.logomenublock {
    position: relative;
    left: auto;
    top: 0%;
    right: auto;
    bottom: auto;
    z-index: 1;
    display: block;
    width: 200px;
    margin-right: auto;
    margin-bottom: -28px;
    margin-left: auto;
    -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;
    -o-object-fit: fill;
    object-fit: fill;
}

.mainfooterblock {
    display: -ms-grid;
    display: grid;
    margin-bottom: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    justify-items: center;
    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;
    grid-template-rows: auto;
    border-style: none;
    border-width: 1px;
    border-color: #fff #e1c99d #e1c99d;
    background-color: #000;
}

.mainmenuitem {
    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: 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;
}

.mainmenulabel {
    color: #e1c99d;
    text-decoration: none;
}

.mainmenucover.primarygra {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    margin-right: auto;
    margin-left: auto;
    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-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;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-radius: 50px;
}

.image-5 {
    height: 36px;
}

.modalmain {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 10;
    display: none;
    overflow: visible;
    max-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;
}

.modalblock.topblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.modalblock.titleblock {
    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;
    -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;
}

.modalblock.formlogin {
    padding-right: 0px;
    padding-left: 0px;
}

.modalblock.footerblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 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;
    border-style: solid none none;
    border-width: 1px;
    border-color: rgba(225, 201, 157, 0.4);
}

.modalblock.regsuccessstatus {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -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;
}

.modalblock.regstatusnetworkfail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 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;
}

.modalblock._w-comimg {
    padding-right: 20px;
    padding-left: 20px;
}

.closeloginbtnmodal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: transparent;
    background-image: url('../images/cross.svg');
    background-position: 50% 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

.footertext {
    padding-right: 5px;
    color: #000;
    font-size: 16px;
}

.registerbtn {
    color: #97764d;
    font-size: 16px;
    font-weight: 500;
}

.titletextstatusmodal {
    padding-top: 12px;
    padding-bottom: 40px;
    color: #000;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}

    .titletextstatusmodal.good {
        padding-top: 30px;
        padding-bottom: 0px;
        color: #97764d;
        font-weight: 500;
    }

    .titletextstatusmodal.bad {
        padding-top: 30px;
        color: #b6352d;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }

    .titletextstatusmodal.cuccess {
        padding-top: 20px;
        padding-bottom: 20px;
        color: #5bc763;
    }

.modalufalogo {
    display: block;
    height: 40px;
}

.inputtextmodal {
    border-radius: 3px;
    background-color: #f6f5f3;
    font-size: 16px;
}

    .inputtextmodal::-webkit-input-placeholder {
        background-color: #f6f5f3;
    }

    .inputtextmodal:-ms-input-placeholder {
        background-color: #f6f5f3;
    }

    .inputtextmodal::-ms-input-placeholder {
        background-color: #f6f5f3;
    }

    .inputtextmodal::placeholder {
        background-color: #f6f5f3;
    }

.inputpasswordmodal {
    border-radius: 3px;
    font-size: 16px;
}

.form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -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;
}

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

.mobelsubmitbtn {
    width: 120px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 50px;
    background-color: #000;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.25);
}

    .mobelsubmitbtn.register {
        margin-bottom: 30px;
    }

    .mobelsubmitbtn.login {
        margin-bottom: 40px;
        border-radius: 50px;
        background-color: #000;
        box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.25);
        font-size: 16px;
    }

    .mobelsubmitbtn.setpassword {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mobelsubmitbtn.newpassword {
        margin-top: 40px;
    }

    .mobelsubmitbtn.forgetpassword {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mobelsubmitbtn.bank {
        margin-top: 40px;
        margin-bottom: 40px;
    }

.forgetpasswordbtn {
    margin-top: 20px;
    margin-bottom: 60px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #97764d;
    font-size: 16px;
}

.homeregisterbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    margin-right: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    background-color: transparent;
    background-image: url('../images/button-bg.webp');
    background-position: 50% 50%;
    background-size: auto 40px;
    background-repeat: repeat-x;
    background-attachment: scroll;
    white-space: normal;
}

    .homeregisterbtn.primarygra {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-right: 10px;
        padding-right: 18px;
        padding-left: 18px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 20px;
        background-color: transparent;
        cursor: pointer;
    }

.modalregisterblock {
    position: relative;
    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;
}

.registerinfotext {
    color: #000;
}

.text-span-2 {
    color: #97764d;
    font-weight: 400;
}

.modalloginblock {
    position: relative;
    z-index: 12;
    width: 360px;
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-style: solid;
    border-width: 3px;
    border-color: #e1c99d;
    border-radius: 10px;
    background-color: #fff;
}

    .modalloginblock.modal {
        position: relative;
        z-index: 12;
        width: 337px;
        max-height: 100%;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        background-color: #fff;
    }

.modalsetpasswordblock {
    position: relative;
    z-index: 12;
    display: block;
}

    .modalsetpasswordblock.modal-bd {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

.modalforgetpasswordblock {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 360px;
    max-height: 100%;
    max-width: 100%;
    min-height: 450px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .modalforgetpasswordblock.modal-bd {
        max-height: none;
        min-height: auto;
        padding-bottom: 40px;
    }

.modalnewpasswordblock {
    position: relative;
    z-index: 12;
    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;
}

    .modalnewpasswordblock.modal-bd {
        padding-bottom: 40px;
    }

.backsteplink {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #97764d;
    font-size: 16px;
    text-decoration: underline;
}

.modalbankblock {
    position: relative;
    z-index: 12;
    display: block;
}

    .modalbankblock.modal-bd {
        -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-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

.contactbtn {
    color: #97764d;
}

.radioflex {
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.radiowrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 70px;
    -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-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.modalregisterstatusblock {
    position: relative;
    z-index: 12;
    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;
}

.statusdesctext {
    padding-top: 30px;
    font-weight: 400;
}

.statuswatingtext {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #97764d;
    font-size: 16px;
    font-weight: 500;
}

.banktargetboldtext {
    padding-bottom: 4px;
    font-size: 18px;
    font-weight: 500;
}

.statusinfoblock {
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
}

.modalstatusicon {
    height: 57px;
    margin-top: 40px;
}

.banktargetnametext {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
}

.statuscheckblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    margin-bottom: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.statuswrongbtn.fail.btn-outline._w-100 {
    width: 100%;
    margin-right: 0px;
}

.statuswrongbtn.btn-outline {
    margin-right: 15px;
    font-weight: 400;
}

.statusrightbtn.success.btn-fill._w-100 {
    width: 100%;
    margin-top: 40px;
    margin-right: 20px;
    margin-left: 20px;
}

.statusrightbtn.btn-fill {
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.25);
}

.modalotpblock {
    position: relative;
    z-index: 12;
    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;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.fullscreentopblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    margin-bottom: 60px;
    margin-left: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-size: 16px;
}

.link {
    padding-left: 10px;
    color: #000;
    text-decoration: none;
}

.titleotptext {
    padding-top: 12px;
    color: #000;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}

.descotptext {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    text-align: center;
}

.devidercard.banktarget.withdraw {
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, 0.3);
    border-radius: 12px;
}

    .devidercard.banktarget.withdraw.graygra {
        position: relative;
        color: #e1c99d;
    }

.devidercard.banktarget.withdraw-card {
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, 0.3);
    border-radius: 12px;
}

    .devidercard.banktarget.withdraw-card.graygra {
        position: relative;
        padding: 20px;
        color: #e1c99d;
    }

.keyblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.valueblock {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.titlewithblock.profile {
    padding-top: 0px;
    padding-right: 30px;
    padding-left: 30px;
}

.amountform {
    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;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.withdrawinput.input {
    height: auto;
    padding-right: 100px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.bankaccountcard {
    text-align: center;
}

.refreshbtn {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    margin-top: 20px;
    margin-right: 20px;
}

.balancenumber {
    margin-top: 10px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.totalbalancetext {
    display: inline;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.withdrawallbtn {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    background-color: transparent;
    color: #97764e;
    text-decoration: underline;
}

.withdrawdesctext {
    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;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #bdbdbd;
    text-align: center;
}

.image-13 {
    height: 84px;
    max-width: none;
}

.profileblock {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.profileusernametext {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}

.topdeviderblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    border-top: 1px solid #6b696f;
    cursor: pointer;
}

    .topdeviderblock.pf-phone {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 15px;
        -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;
        cursor: pointer;
    }

.profilevaluetext {
    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: #fff;
    cursor: pointer;
}

.profilekeyicon {
    height: 18px;
}

.editprofilebtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.image-14 {
    height: 18px;
    max-width: none;
}

.modalprofileblock {
    position: relative;
    z-index: 12;
}

    .modalprofileblock.modal-bd {
        display: block;
    }

        .modalprofileblock.modal-bd.stbank {
            -webkit-box-flex: 0;
            -webkit-flex: 0 auto;
            -ms-flex: 0 auto;
            flex: 0 auto;
        }

        .modalprofileblock.modal-bd.cfbank {
            display: block;
            -webkit-box-flex: 0;
            -webkit-flex: 0 auto;
            -ms-flex: 0 auto;
            flex: 0 auto;
        }

.profilemodaltopblock {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    -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-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.profile {
    position: relative;
    margin-bottom: 100px;
    padding: 60px 20px 20px;
}

    .profile.spacepage {
        margin-bottom: 0px;
    }

.profiletitlelabel {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.profileclosemodalbtn {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.longprimaryprofilebtn.btn-fill._w-100 {
    width: 100%;
}

.profileinput {
    padding-left: 36px;
}

    .profileinput.input {
        display: block;
        margin-bottom: 20px;
    }

.profileinputblock {
    position: relative;
}

.profileinputicon {
    margin-bottom: 2px;
}

.profileerrorblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    margin-left: 20px;
    padding: 5px 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    background-color: rgba(214, 81, 81, 0.2);
}

    .profileerrorblock.notifail {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
        margin-left: 0px;
    }

.profileerrormessage {
    color: #d65151;
}

.otpinputrow {
    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;
}

.otpdigit.lastdigit.otpinputrow.input {
    padding-top: 8px;
    padding-right: 0px;
    padding-left: 0px;
}

.otpdigit.input {
    width: 50px;
    height: 60px;
    margin-right: 10px;
    margin-bottom: 0px;
    color: #97764d;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.countdownlabel {
    height: 20px;
    text-align: center;
}

.resendotpbtn {
    color: #97764d;
    font-size: 16px;
}

.otpresendblock {
    margin-top: 20px;
    margin-bottom: 60px;
    text-align: center;
}

.modaltoggleblock {
    position: relative;
    z-index: 22;
    display: none;
}

.show-simple-popup {
    margin: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    background-color: #254264;
}

.show-promotion-close {
    margin: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    background-color: #051528;
}

.controll-zone {
    display: block;
    -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;
}

.show-game-popup-loading {
    margin: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    background-color: #391863;
}

.show-promotion {
    margin: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    background-color: #051528;
}

.show-simplenocc-popup {
    margin-right: 15px;
}

.show-game-popup {
    margin: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    background-color: #63185b;
}

.show-simple-popup-close {
    margin: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    background-color: #254264;
}

.show-game-popup-close {
    margin: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    background-color: #63185b;
}

.drop {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    overflow: visible;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
}

.image-16 {
    height: 36px;
    max-width: none;
}

.image-17 {
    max-width: none;
}

.sizing-container {
    position: absolute;
    left: 50%;
    top: 50%;
    right: 0%;
    bottom: 0%;
    overflow: hidden;
    width: 480px;
    height: 750px;
    max-height: 100vh;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    -webkit-perspective: none;
    perspective: none;
    -webkit-perspective-origin: -50% -50%;
    perspective-origin: -50% -50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: -50% -50%;
    -ms-transform-origin: -50% -50%;
    transform-origin: -50% -50%;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

    .sizing-container.blackgra {
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        height: 100%;
        margin-top: auto;
        margin-bottom: auto;
        padding-bottom: 0px;
        box-shadow: 0 0 10px 1px #000;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

.container {
    overflow: hidden;
    max-height: 100vh;
    max-width: 480px;
}

.image-21 {
    height: 36px;
    padding-bottom: 8px;
}

.primarygra {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e5cd9c), to(#b29761));
    background-image: linear-gradient(180deg, #e5cd9c, #b29761);
}

.wrapper {
    overflow: auto;
    max-height: 100%;
    padding-bottom: 0px;
    border: 1px none #000;
}

.blackgra {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2a2a2a), to(#262626));
    background-image: linear-gradient(180deg, #2a2a2a, #262626);
}

.cashback {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
    padding-left: 20px;
    -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;
}

.dt-cashback {
    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;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.image-22 {
    width: auto;
    height: 75px;
    max-width: none;
    padding: 10px;
}

.ft-link {
    width: 100%;
    text-decoration: none;
    cursor: pointer;
}

.input {
    height: auto;
    border-style: solid;
    border-width: 1px;
    border-color: #f6f5f3;
    border-radius: 3px;
    background-color: #f6f5f3;
}

    .input:hover {
        box-shadow: 0 1px 5px 0 #e2bf94;
    }

    .input:active {
        background-color: #fff;
        color: #000;
    }

    .input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

    .input:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

    .input::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

    .input::placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

.inputtextmodal.input {
    margin-bottom: 20px;
    color: #000;
}

    .inputtextmodal.input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

    .inputtextmodal.input:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

    .inputtextmodal.input::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

    .inputtextmodal.input::placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

.inputpasswordmodal.input {
    margin-bottom: 0px;
    padding-right: 30px;
    color: #000;
}

    .inputpasswordmodal.input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

    .inputpasswordmodal.input:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

    .inputpasswordmodal.input::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

    .inputpasswordmodal.input::placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

.modal-bd {
    width: 360px;
    max-width: 100%;
    border-style: solid;
    border-width: 3px;
    border-color: #e1c99d;
    border-radius: 10px;
    background-color: #fff;
}

.div-block-3 {
    height: 80px;
}

.rad-btn-checked {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 9999;
    display: none;
    width: 20px;
    height: 20px;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    border-style: none;
    border-width: 0px;
    border-color: #fff;
    background-color: #fff;
    opacity: 1;
    outline-color: #97764d;
    outline-offset: 0px;
    outline-style: none;
    outline-width: 2px;
    text-align: left;
    mix-blend-mode: normal;
}

    .rad-btn-checked:hover {
        display: block;
        background-image: url('../images/Vector-Smart-Object_1Vector Smart Object.png');
        background-position: 50% 50%;
        background-size: 12px 10px;
        background-repeat: no-repeat;
        box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);
    }

    .rad-btn-checked.w--redirected-checked {
        top: 5px;
        display: block;
        padding-top: 0px;
        border-style: none;
        border-color: transparent;
        background-image: url('../images/choose-bank.svg');
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: scroll;
        mix-blend-mode: normal;
    }

    .rad-btn-checked.w--redirected-focus {
        display: block;
        box-shadow: 0 4px 9px 1px rgba(0, 0, 0, 0.25);
    }

.radio-button-field {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 48px;
    height: 48px;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    padding-left: 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-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 0 3px 0 rgba(151, 118, 77, 0.5);
    text-align: left;
}

.select-bank {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-right: 0px;
    clear: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    text-align: center;
}

.radio-button-label-9 {
    display: block;
    width: 48px;
    height: 48px;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0px 0px;
    background-size: 64px;
}

    .radio-button-label-9.label-ktc {
        background-image: url('../images/กรุงศรี96px_1กรุงศรี(96px).png');
        background-position: 0px 0px;
        background-size: auto 48px;
    }

    .radio-button-label-9.label-bbl {
        background-image: url('../images/krungthep.svg');
        background-size: auto 48px;
    }

    .radio-button-label-9.label-ktb {
        background-image: url('../images/krungthai.svg');
        background-size: auto 48px;
    }

    .radio-button-label-9.label-kbank {
        background-image: url('../images/kasikorn.svg');
        background-position: 50% 50%;
        background-size: auto 48px;
    }

    .radio-button-label-9.label-scb {
        background-image: url('../images/scb.svg');
        background-size: auto 48px;
    }

    .radio-button-label-9.label-ttb {
        background-image: url('../images/ttb.svg');
        background-size: auto 48px;
    }

    .radio-button-label-9.label-gsb {
        background-image: url('../images/omsin.svg');
        background-size: auto 48px;
    }

.waiting {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 40px;
    padding-bottom: 40px;
    -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;
}

.btn-outline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 120px;
    -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-style: solid;
    border-width: 1px;
    border-color: #825d30;
    border-radius: 30px;
    background-color: #fff;
    color: #825d30;
    font-size: 16px;
    font-weight: 400;
}

.btn-fill {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 120px;
    -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: 30px;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e5cd9c), to(#b29761));
    background-image: linear-gradient(180deg, #e5cd9c, #b29761);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

    .btn-fill.primarygra {
        width: 120px;
        background-color: transparent;
    }

    .btn-fill._w-100 {
        width: 100%;
    }

.promotionblock {
    position: relative;
    display: block;
    padding: 60px 20px 20px;
}

.heading {
    margin-bottom: 40px;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
}

.grid--promo {
    padding-bottom: 55px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.img-promo {
    width: 100%;
    max-width: none;
    border-radius: 20px;
}

.html-embed {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

.link-block {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    padding-top: 10px;
    padding-left: 10px;
    cursor: pointer;
}

.modalpromotion {
    position: relative;
    z-index: 12;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 480px;
    max-height: 100%;
    max-width: 100%;
    min-height: 800px;
    -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;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2a2a2a), to(#262626));
    background-image: linear-gradient(180deg, #2a2a2a, #262626);
}

    .modalpromotion.modal-bd {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

.modalpromotiondetail {
    position: relative;
    z-index: 12;
    display: none;
    width: auto;
    height: 100%;
    max-height: none;
    max-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;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2a2a2a), to(#262626));
    background-image: linear-gradient(180deg, #2a2a2a, #262626);
}

    .modalpromotiondetail.modal-bd {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

.modalpromotion {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: none;
    height: 100%;
    max-height: none;
    min-height: auto;
}

._w-div-cf-1 {
    display: block;
    overflow: visible;
    padding-right: 15px;
    padding-bottom: 90px;
    padding-left: 15px;
    -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;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cf-body {
    margin-bottom: 0px;
    padding: 10px 15px;
    border-radius: 5px;
}

.cf-form {
    margin-bottom: 0px;
}

.b-cf-detail {
    display: -ms-grid;
    display: grid;
    -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;
    grid-auto-columns: 1fr;
    grid-column-gap: 6px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.img-icon {
    margin-right: 5px;
    color: #fff;
}

.list-choice {
    color: #fff;
}

.b-cf-body {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    padding: 10px 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #767575;
    border-radius: 5px;
    background-image: linear-gradient(94deg, rgba(7, 7, 7, 0.05), rgba(118, 117, 117, 0.7), #767676);
}

.img-cf {
    width: 100%;
    border-radius: 10px;
}

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

    .btn-horizontal._w-100 {
        width: 100%;
    }

        .btn-horizontal._w-100.cf-pro {
            width: 80%;
            margin-right: auto;
            margin-left: auto;
        }

.b-header-02 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 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;
}

.t-cf-detail-04 {
    color: #e1c99d;
    font-size: 16px;
    font-weight: 500;
}

.btn-close {
    position: static;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 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: #e1c99d;
    cursor: pointer;
}

.img-info {
    width: 16px;
    height: auto;
    margin-left: 0px;
}

.icon-cf-close {
    width: 16px;
    cursor: pointer;
}

.input-cf {
    border: 1px none #000;
    border-radius: 30px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

    .input-cf::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

    .input-cf:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

    .input-cf::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

    .input-cf::placeholder {
        color: rgba(0, 0, 0, 0.7);
    }

.t-cf-detail-03 {
    color: #e1c99d;
    font-size: 14px;
    font-weight: 300;
}

.div-h-cf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-left: 17px;
    padding-top: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-popup-fill {
    display: block;
    width: 128px;
    height: 40px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    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: 8px;
    background-color: #051528;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b18efe), to(#704ded));
    background-image: linear-gradient(180deg, #b18efe, #704ded);
    text-decoration: none;
}

    .btn-popup-fill.p-0 {
        padding: 0px;
    }

        .btn-popup-fill.p-0.m-0 {
            margin-top: 0px;
            margin-right: 0px;
            margin-left: 0px;
        }

            .btn-popup-fill.p-0.m-0._w-100 {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                height: 50px;
                min-width: auto;
                border: 1px solid transparent;
                background-color: transparent;
            }

                .btn-popup-fill.p-0.m-0._w-100:hover {
                    background-image: -webkit-gradient(linear, left top, left bottom, from(#b18efe), to(#704ded));
                    background-image: linear-gradient(180deg, #b18efe, #704ded);
                }

.t-cf-form {
    margin-bottom: 10px;
    color: #e1c99d;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.t-cf-detail {
    color: #e0e0e0;
    font-size: 14px;
    font-weight: 300;
}

.b-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    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;
}

.txt-btn-popup {
    padding-right: 15px;
    padding-left: 15px;
    font-family: Kanit, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.cf-detail-1 {
    display: block;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-left: 0px;
    text-align: left;
}

.t-header-list {
    margin-bottom: 5px;
    padding-bottom: 0px;
    font-family: Sarabun, sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.t-list {
    font-family: Sarabun, sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
}

.popup-data-center-submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 35px;
    -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;
}

    .popup-data-center-submit.pd-0 {
        padding-right: 0px;
        padding-left: 0px;
    }

        .popup-data-center-submit.pd-0._w-100 {
            position: static;
            left: 0%;
            top: auto;
            right: 0%;
            bottom: 0%;
            z-index: 1;
            width: 100%;
            max-width: 100%;
            margin-right: auto;
            margin-left: auto;
            padding-right: 15px;
            padding-left: 15px;
            background-color: #262626;
        }

        .popup-data-center-submit.pd-0._w-100 {
            width: 100%;
            margin-right: auto;
            margin-left: auto;
            padding: 15px;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

.div-block-32 {
    width: 100%;
    max-width: 450px;
    margin-right: auto;
    margin-left: auto;
}

.t-cf-detail-02 {
    color: #e0e0e0;
    font-size: 16px;
    font-weight: 500;
}

.div-cf {
    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;
}

    .div-cf.br-right {
        border-right: 1px solid rgba(138, 104, 242, 0.4);
        border-radius: 1px;
    }

.div-cf-02 {
    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;
    border-right: 1px solid hsla(0, 0%, 100%, 0.3);
    border-left: 1px solid hsla(0, 0%, 100%, 0.3);
}

.ht-promotion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.bg-popup-fill-2 {
    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-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-radius: 8px;
    background-color: #cfcfcf;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b18efe), to(#704ded));
    background-image: linear-gradient(180deg, #b18efe, #704ded);
    color: #fff;
    cursor: pointer;
}

    .bg-popup-fill-2:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#704ded), to(#b18efe));
        background-image: linear-gradient(180deg, #704ded, #b18efe);
    }

    .bg-popup-fill-2:active {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#b18efe), to(#704ded));
        background-image: linear-gradient(180deg, #b18efe, #704ded);
    }

._w-promotion {
    display: block;
    overflow: auto;
    width: 100%;
    height: 100%;
    max-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;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.t-cf-header-02 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 5px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    font-family: Sarabun, sans-serif;
    color: #e1c99d;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
}

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

.t-promotion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 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;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Sarabun, sans-serif;
    color: #e1c99d;
    font-size: 20px;
    font-weight: 500;
}

.confirmbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 30px;
    background-color: transparent;
}

    .confirmbtn.primarygra {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .confirmbtn.primarygra.receivepro {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

        .confirmbtn.primarygra.cancelpro {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

.div-block-33 {
    position: relative;
    min-height: 800px;
}

.input-amount {
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

    .input-amount::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.6);
    }

    .input-amount:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.6);
    }

    .input-amount::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.6);
    }

    .input-amount::placeholder {
        color: rgba(0, 0, 0, 0.6);
    }

.modalpromotionactive {
    position: relative;
    z-index: 12;
    display: none;
    width: 480px;
    max-height: 100%;
    max-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;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2a2a2a), to(#262626));
    background-image: linear-gradient(180deg, #2a2a2a, #262626);
}

    .modalpromotionactive.modal-bd {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

._w-div-cf-1-2 {
    display: block;
    min-height: 600px;
    padding-right: 15px;
    padding-left: 15px;
    -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;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.prog-credit {
    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;
    color: #fff;
    line-height: 22px;
    font-weight: 300;
}

.list-choice-2 {
    color: #fff;
}

.circle-prog {
    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;
}

.progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    -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: transparent;
}

.act-promotion {
    position: relative;
}

.txt-box-1 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    padding: 5px 10px 5px 5px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #65e9dc;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
}

.baroverflow {
    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;
}

.txt-prog-1 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.txt-point {
    margin-top: -20px;
}

.div-h-cf-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 17px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.circle-progress-1 {
    margin-bottom: 20px;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, 0.35);
    border-radius: 5px;
    color: #fff;
}

.txt-proc-2 {
    color: #fff;
}

.image-40 {
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
}

.txt-active-1 {
    padding-bottom: 1px;
    color: #251e39;
    line-height: 14px;
}

.cf-detail-1-2 {
    margin-bottom: 80px;
    padding-left: 0px;
    text-align: left;
}

.t-header-list-2 {
    color: #251e39;
    font-size: 16px;
    font-weight: 600;
}

.t-list-2 {
    color: #251e39;
    font-size: 16px;
    font-weight: 300;
}

.t-cf-header-02-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 5px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    font-family: Kanit, sans-serif;
    color: #8a68f2;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
}

.history {
    position: relative;
    display: block;
    padding: 60px 20px 20px;
}

.popup-data-statement {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(180, 180, 180, 0.11);
}

.popup-data-title-statement {
    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: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-family: Kanit, sans-serif;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}

.text-block-37 {
    color: #bdbdbd;
}

.popup-data-value-right {
    font-family: Kanit, sans-serif;
    color: red;
    font-weight: 300;
    text-align: right;
}

    .popup-data-value-right.am-dept {
        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: #00d455;
        font-weight: 500;
    }

    .popup-data-value-right.am-with {
        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;
        font-weight: 500;
    }

.deposit {
    position: relative;
    display: block;
    padding: 60px 20px 20px;
}

.div-d-bank {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 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-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #6b696f;
    color: #fff;
}

    .div-d-bank.s-withdraw {
        padding-top: 40px;
        padding-bottom: 30px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

.t-h-bank {
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 300;
}

.b-d-bank {
    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;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.div-block-10 {
    width: auto;
    height: auto;
    padding-right: 0px;
}

.image-41 {
    height: 24px;
    padding-right: 5px;
    float: right;
}

.div-block-11 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -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;
}

.text-block-22 {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

.text-block-38 {
    color: #828282;
    font-size: 12px;
}

.t-h-bank-to {
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 300;
}

.b-destination {
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, 0.3);
    border-radius: 12px;
}

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

.logo-b-dest {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-right: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.bw-destination {
    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;
}

.div-block-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.dt-b-dest {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #fff;
}

.image-42 {
    height: 75px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.dest-b-name {
    font-size: 16px;
}

.dest-b-number {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 500;
}

.dest-b-nameacc {
    font-size: 16px;
}

.text-block-39 {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
    color: #828282;
    font-size: 12px;
}

.copy-destbank.primarygra {
    margin-top: 10px;
    border-radius: 25px;
    background-color: transparent;
}

.withdraw {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    max-height: 100%;
    min-height: 100%;
    padding: 60px 20px 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.graygra {
    background-image: linear-gradient(262deg, rgba(118, 117, 117, 0.6), rgba(87, 86, 86, 0.74) 82%, rgba(74, 74, 74, 0.63) 100%, rgba(7, 7, 7, 0.3));
}

.withdrawbtn-cf {
    width: 100%;
    border-radius: 35px;
    background-color: transparent;
}

    .withdrawbtn-cf.primarygra {
        font-size: 16px;
    }

.div-block-36 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.div-block-37 {
    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;
    -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;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.form-2 {
    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;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.form-block-3 {
    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;
    -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;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.div-block-38 {
    position: relative;
    display: block;
    -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-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.div-block-39 {
    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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.mobelsubmitbtn {
    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;
}

    .mobelsubmitbtn.back {
        margin-top: 40px;
    }

.link-block-2 {
    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;
    text-decoration: none;
    cursor: pointer;
}

    .link-block-2:hover {
        background-color: rgba(225, 201, 157, 0.2);
    }

.logout {
    position: relative;
    z-index: 12;
    display: block;
}

    .logout.modal-bd {
        -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-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

.text-block-40 {
    margin-top: 40px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

._w-selectbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    margin-bottom: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.logout-copy {
    position: relative;
    z-index: 12;
    display: block;
}

    .logout-copy.modal-bd {
        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;
        -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;
    }

.loadingstate {
    position: relative;
    z-index: 12;
    display: block;
}

    .loadingstate.modal-bd {
        padding-top: 60px;
        padding-bottom: 60px;
        -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-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

.div-block-17 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 50px;
    padding-bottom: 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;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.popup-title {
    margin-top: 20px;
    margin-bottom: 0px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-family: Kanit, sans-serif;
    color: #8a68f2;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
}

    .popup-title.mt-0 {
        margin-top: 0px;
        padding-bottom: 0px;
        color: #97764d;
    }

.div-block-40 {
    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;
}

.html-embed-2 {
    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;
}

.modalotptimeout {
    position: relative;
    z-index: 12;
    display: block;
}

    .modalotptimeout.modal-bd {
        padding-top: 0px;
        padding-bottom: 60px;
        -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-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

.boldtext {
    padding-bottom: 4px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.spacepage {
    padding-bottom: 120px;
}

.successpro-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 30px;
    background-color: transparent;
}

    .successpro-btn.primarygra {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 10px;
        background-color: #5bc763;
        background-image: none;
    }

        .successpro-btn.primarygra.receivepro {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

        .successpro-btn.primarygra.cancelpro {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

._w-btn {
    padding-right: 0px;
    padding-bottom: 40px;
    padding-left: 0px;
}

._w-iconinput {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-3 {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
}

.profileinput.input {
    margin-bottom: 20px;
}

.profilesuccessfulblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    margin-left: 20px;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: rgba(91, 199, 99, 0.2);
}

.image-43 {
    height: 16px;
    max-width: none;
    padding-right: 10px;
}

.profilesuccessfulmessage {
    color: #5bc763;
}

._w-allmodal {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

    ._w-allmodal.modal-bd {
        position: relative;
        overflow: visible;
        margin-right: auto;
        margin-left: auto;
    }

.modalregisterlogin-copy {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 10;
    display: none;
    overflow: visible;
    max-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;
}

.h-balance {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    padding: 10px 10px 10px 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 25px;
    background-color: rgba(108, 102, 102, 0.3);
    color: #e1c99d;
    font-weight: 400;
}

.image-44 {
    height: 18px;
    max-width: none;
    margin-left: 5px;
}

.text-block-41 {
    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;
    font-size: 18px;
    line-height: 19px;
    font-weight: 500;
}

._w-password {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.seepassword {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.img-seepassword {
    height: 18px;
    max-width: none;
}

.b-modal {
    position: static;
    overflow: auto;
    width: 100%;
}

.modalbankblock-copy {
    position: relative;
    z-index: 12;
    display: block;
}

    .modalbankblock-copy.modal-bd {
        -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-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

.logout-copy {
    position: relative;
    z-index: 12;
    display: block;
}

    .logout-copy.modal-bd {
        -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-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

.mask {
    width: 100%;
}

.image-45 {
    display: block;
    height: 40px;
    max-width: none;
}

.terms {
    position: relative;
    margin-bottom: 100px;
    padding: 60px 20px 20px;
}

    .terms.spacepage {
        margin-bottom: 0px;
    }

.article-title-full {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 60px;
    -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-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
    color: #00ffd9;
}

.title {
    margin-bottom: 20px;
    color: #e1c99d;
    font-size: 28px;
    font-weight: 300;
}

.desc {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}

.article-content {
    padding-top: 10px;
    padding-bottom: 60px;
}

.article-head {
    margin-top: 30px;
    color: #e1c99d;
    font-size: 20px;
    font-weight: 300;
}

.article-param {
    margin-top: 10px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    font-weight: 300;
}

.m-comingsoon {
    padding-top: 40px;
    padding-bottom: 40px;
}

.txt-coming-desc {
    padding-top: 40px;
    padding-bottom: 40px;
    color: #000;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}

    .txt-coming-desc.good {
        padding-top: 30px;
        padding-bottom: 0px;
        color: #97764d;
        font-weight: 500;
    }

    .txt-coming-desc.bad {
        padding-top: 30px;
        color: #b6352d;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
    }

    .txt-coming-desc.cuccess {
        padding-top: 20px;
        padding-bottom: 20px;
        color: #5bc763;
    }

.image-46 {
    max-width: 100%;
}

.lunching-loding {
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: #000;
}

    .lunching-loding.blackgra {
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        display: none;
    }

.txt-invented {
    padding-top: 10px;
    color: #e1c99d;
}

._w-block-launching {
    position: absolute;
    left: 50%;
    top: 50%;
    right: 0%;
    bottom: 0%;
    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;
    -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;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.block-launching {
    position: relative;
    height: 100%;
}

.img-logo {
    height: 45px;
}

.txt-proc-2-2 {
    font-family: Sarabun, sans-serif;
}

.profixedpercent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #262626;
}

.t-cf-header-con {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    font-family: Sarabun, sans-serif;
    color: #e1c99d;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    text-align: left;
}

.t-list-3 {
    font-family: Sarabun, sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.t-cf-header-02-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    font-family: Sarabun, sans-serif;
    color: #e1c99d;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    text-align: left;
}

.div-cf-1 {
    display: block;
    overflow: auto;
    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;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.t-cf-detail-2 {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

.cf-modal {
    position: relative;
    z-index: 12;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    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: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #262626;
}

.t-cf-detail-04-2 {
    color: #e1c99d;
    font-size: 16px;
    font-weight: 500;
}

._w-div-cf-1-3 {
    display: block;
    min-height: 600px;
    padding-right: 15px;
    padding-left: 15px;
    -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;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -o-object-fit: contain;
    object-fit: contain;
}

.procontent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

.b-header-02-2 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    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;
}

.t-cf-detail-02-2 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.pro-detail {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    display: block;
    overflow: auto;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    -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-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: transparent;
    box-shadow: 1px 1px 9px 4px #000;
}

.circle-progress-1-2 {
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-pro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 7px;
    padding-bottom: 7px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18px;
}

.txt-prog-1-2 {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

.img-info-2 {
    width: 20px;
    height: auto;
    margin-left: 0px;
}

.cf-detail-1-3 {
    display: none;
    margin-bottom: 15px;
    padding-left: 10px;
    text-align: left;
}

    .cf-detail-1-3.content {
        display: block;
        padding-left: 0px;
    }

.closepro {
    position: static;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 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;
    cursor: pointer;
}

.space-pro {
    display: block;
}

.t-cf-form-2 {
    margin-bottom: 0px;
    color: #e1c99d;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}

.div-block-41 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    max-width: 100%;
    -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;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.proturn {
    width: 100%;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #262626;
}

.t-header-list-3 {
    font-family: Sarabun, sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
}

.div-cf-02-2 {
    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;
    border-right: 1px solid rgba(138, 104, 242, 0.4);
    border-left: 1px solid rgba(138, 104, 242, 0.4);
}

.t-cf-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 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;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Sarabun, sans-serif;
    color: #e1c99d;
    font-size: 20px;
    font-weight: 500;
}

.cf-body-2 {
    margin-bottom: 0px;
    border-radius: 5px;
}

.t-cf-detail-03-2 {
    color: #e1c99d;
    font-size: 14px;
    font-weight: 300;
}

.div-h-cf-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 17px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 24px;
}

.link-block-5 {
    position: static;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 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;
    cursor: pointer;
}

.input-cf-2 {
    margin-bottom: 15px;
    border: 1px none #000;
    border-radius: 30px;
    color: #251e39;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

    .input-cf-2::-webkit-input-placeholder {
        color: #251e39;
    }

    .input-cf-2:-ms-input-placeholder {
        color: #251e39;
    }

    .input-cf-2::-ms-input-placeholder {
        color: #251e39;
    }

    .input-cf-2::placeholder {
        color: #251e39;
    }

.cf-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.list-choice-3 {
    color: #fff;
}

.p-detailproturn {
    display: none;
}

.grid-6 {
    overflow: visible;
    width: 100%;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.b-cf-body-2 {
    display: block;
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #b18efe;
    border-radius: 5px;
    background-color: rgba(138, 104, 242, 0.05);
    background-image: linear-gradient(274deg, #000, #fff);
}

.b-cf-detail-2 {
    display: -ms-grid;
    display: grid;
    -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;
    grid-auto-columns: 1fr;
    grid-column-gap: 6px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

@media screen and (min-width: 1280px) {
    .profixedpercent {
        max-width: none;
    }

    .proturn {
        max-width: none;
    }
}

@media screen and (min-width: 1440px) {
    .b-header {
        padding-left: 15px;
    }

    .div-cf-1 {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
    }

    .procontent {
        width: auto;
        height: auto;
        max-height: 100%;
        max-width: 100%;
    }

    .p-pro {
        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-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;
    }

    .img-info-2 {
        padding-top: 0px;
    }

    .t-cf-form-2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: auto;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .cf-header {
        padding-left: 0px;
    }

    .grid-6 {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }
}

@media screen and (min-width: 1920px) {
    .body {
        max-height: 100%;
        max-width: 100%;
    }

    .sizing-container.blackgra {
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        display: block;
        margin-top: auto;
        margin-bottom: auto;
        -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-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .container {
        max-height: 100%;
        max-width: 100%;
    }

    .cf-body {
        padding: 10px 15px;
    }

    .b-cf-body {
        padding: 10px 15px;
    }

    .b-header {
        padding-left: 15px;
    }

    .cf-detail-1 {
        margin-bottom: 60px;
    }

    .cf-detail-1-2 {
        margin-bottom: 60px;
    }

    .cf-detail-1-3 {
        margin-bottom: 60px;
    }

    .cf-body-2 {
        padding: 10px 15px;
    }

    .cf-header {
        padding-left: 0px;
    }

    .b-cf-body-2 {
        padding: 10px 15px;
    }
}

@media screen and (max-width: 991px) {
    .keyblock {
        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;
    }

    .valueblock {
        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;
    }

    .sizing-container.blackgra {
        height: 100%;
    }

    .grid--promo {
        padding-left: 0px;
    }

    .modalpromotion {
        min-height: 100%;
    }

    ._w-div-cf-1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: visible;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .list-choice {
        margin-bottom: 0px;
    }

    .b-cf-body {
        margin-bottom: auto;
    }

    .btn-horizontal._w-100.cf-pro {
        width: 100%;
    }

    .b-header-02 {
        position: static;
        padding-right: 0px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .btn-close {
        position: static;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 15px;
        -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;
    }

    .img-info {
        position: static;
        left: 75%;
        margin-left: 6px;
        padding-left: 0px;
    }

    .input-cf:hover {
        box-shadow: 0 0 10px 0 rgba(138, 104, 242, 0.4);
    }

    .input-cf:active {
        border-style: solid;
        border-width: 2px;
        border-color: #8a68f2;
    }

    .input-cf:focus {
        border-style: solid;
        border-width: 2px;
        border-color: #8a68f2;
    }

    .t-header-list {
        font-size: 16px;
    }

    .popup-data-center-submit.pd-0._w-100 {
        position: absolute;
        bottom: 0px;
        width: 500px;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .popup-data-center-submit.pd-0._w-100 {
        position: static;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .ht-promotion {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 0px;
        padding-left: 15px;
        -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;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    ._w-promotion {
        display: block;
        padding-bottom: 0px;
    }

    .t-cf-header-02 {
        font-size: 18px;
    }

    .t-promotion {
        font-size: 18px;
    }

    ._w-div-cf-1-2 {
        overflow: visible;
        height: 100%;
        min-height: 300px;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .txt-box-1 {
        padding-top: 2px;
    }

    .circle-progress-1 {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }

    .cf-detail-1-2 {
        margin-bottom: 100px;
        padding-left: 0px;
    }

    .t-header-list-2 {
        font-size: 16px;
    }

    .t-cf-header-02-2 {
        font-size: 18px;
    }

    .dt-b-dest {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .title {
        font-size: 40px;
    }

    .profixedpercent {
        max-width: none;
        padding-top: 15px;
    }

    .t-cf-header-con {
        font-size: 18px;
    }

    .div-cf-1 {
        display: block;
        height: 100%;
    }

    .cf-modal {
        position: relative;
        width: 500px;
        height: 100%;
        max-width: 100%;
        min-height: 750px;
        padding: 0px;
    }

    ._w-div-cf-1-3 {
        overflow: visible;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .b-header-02-2 {
        position: static;
        padding-right: 0px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .pro-detail {
        position: absolute;
        left: 0%;
        top: auto;
        right: 0%;
        bottom: 0%;
        display: block;
        height: auto;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    }

    .img-info-2 {
        position: static;
        left: 75%;
        margin-left: 6px;
        padding-left: 0px;
    }

    .cf-detail-1-3 {
        padding-left: 0px;
    }

        .cf-detail-1-3.content {
            display: block;
        }

    .closepro {
        position: static;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 15px;
        -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;
    }

    .space-pro {
        display: block;
    }

    .div-block-41 {
        height: auto;
    }

    .proturn {
        max-width: none;
        padding-top: 15px;
    }

    .t-header-list-3 {
        font-size: 16px;
    }

    .t-cf-header {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 18px;
    }

    .link-block-5 {
        position: static;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 15px;
        -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;
    }

    .input-cf-2:hover {
        box-shadow: 0 0 10px 0 rgba(138, 104, 242, 0.4);
    }

    .input-cf-2:active {
        border-style: solid;
        border-width: 2px;
        border-color: #8a68f2;
    }

    .input-cf-2:focus {
        border-style: solid;
        border-width: 2px;
        border-color: #8a68f2;
    }

    .cf-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 15px;
        -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;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .cf-header.cfh-close {
            display: none;
        }

    .grid-6 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .b-cf-body-2 {
        margin-bottom: auto;
    }
}

@media screen and (max-width: 767px) {
    .modalblock.footerblock {
        background-color: transparent;
    }

    .modalblock.titleblock {
        padding-right: 0px;
        padding-left: 0px;
    }

    .controll-zone {
        display: none;
    }

    .grid--promo {
        margin-right: 0px;
        padding-left: 0px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .btn-close {
        position: static;
        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;
    }

    .txt-btn-popup {
        font-size: 14px;
    }

    .t-header-list {
        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;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        font-size: 13px;
    }

    .t-list {
        font-size: 12px;
    }

    .popup-data-center-submit {
        padding-right: 20px;
        padding-bottom: 30px;
        padding-left: 20px;
    }

        .popup-data-center-submit.pd-0._w-100 {
            left: 0%;
            top: auto;
            right: 0%;
            bottom: 0%;
            width: 100%;
            padding-bottom: 20px;
        }

        .popup-data-center-submit.pd-0._w-100 {
            width: 100%;
            padding-bottom: 20px;
        }

    .ht-promotion {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .t-cf-header-02 {
        font-size: 16px;
    }

    .b-close {
        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;
    }

    .t-promotion {
        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;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 16px;
    }

    ._w-div-cf-1-2 {
        min-height: 200px;
    }

    .txt-box-1 {
        padding-top: 2px;
    }

    .txt-active-1 {
        font-size: 12px;
    }

    .t-header-list-2 {
        font-size: 14px;
    }

    .t-list-2 {
        font-size: 14px;
    }

    .t-cf-header-02-2 {
        font-size: 16px;
    }

    .popup-data-title-statement {
        font-size: 12px;
    }

    .title {
        font-size: 30px;
        text-align: center;
    }

    .desc {
        font-size: 18px;
    }

    .article-head {
        font-size: 22px;
    }

    .article-param {
        font-size: 14px;
    }

    .t-cf-header-con {
        font-size: 16px;
    }

    .t-list-3 {
        font-size: 14px;
        line-height: 22px;
    }

    .t-cf-header-02-3 {
        font-size: 14px;
    }

    .div-cf-1 {
        display: block;
    }

    .cf-modal {
        position: relative;
        width: 100%;
        min-height: 0px;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        border-radius: 0px;
    }

    ._w-div-cf-1-3 {
        min-height: 200px;
    }

    .pro-detail {
        max-height: 100%;
    }

    .closepro {
        position: static;
        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;
    }

    .t-cf-form-2 {
        font-size: 16px;
        line-height: 24px;
    }

    .t-header-list-3 {
        font-size: 14px;
        line-height: 24px;
    }

    .t-cf-header {
        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;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 16px;
    }

    .link-block-5 {
        position: static;
        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;
    }

    .cf-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .cf-close {
        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;
    }
}

@media screen and (max-width: 479px) {
    .homeloginbtn {
        height: 36px;
        margin-left: 8px;
        padding-right: 12px;
        padding-left: 12px;
        border-radius: 80px;
        background-size: auto 36px;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        font-family: Kanit, sans-serif;
        font-size: 13px;
        line-height: 17px;
        background-clip: border-box;
        -webkit-text-fill-color: inherit;
    }

        .homeloginbtn.primarygra {
            padding-right: 12px;
            padding-left: 12px;
        }

    .s-header {
        top: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-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;
    }

    .text-block {
        font-family: Kanit, sans-serif;
        color: #97764d;
        font-size: 22px;
        font-weight: 500;
    }

    .contentblock {
        -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;
    }

    .body {
        overflow: visible;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#2a2a2a), to(#262626));
        background-image: linear-gradient(180deg, #2a2a2a, #262626);
    }

    .welcometext {
        padding-top: 0px;
        padding-bottom: 18px;
        font-family: Kanit, sans-serif;
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
    }

    .image {
        position: static;
        width: 100%;
        height: auto;
        max-width: none;
        padding-right: 0px;
        padding-left: 0px;
        border-radius: 20px;
        box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.25);
        -o-object-fit: fill;
        object-fit: fill;
    }

    .left-arrow {
        display: none;
        overflow: hidden;
    }

    .icon {
        overflow: hidden;
    }

    .icon-2 {
        overflow: hidden;
    }

    .slider {
        background-color: transparent;
    }

    .slide-nav {
        padding-top: 20px;
    }

    .right-arrow {
        display: none;
    }

    .cashbacklabel {
        margin-right: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-style: solid;
        border-width: 1px;
        border-color: #e1c99d;
        border-radius: 15px;
        font-family: Kanit, sans-serif;
        color: #e1c99d;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        text-align: center;
    }

    .menuiconblock {
        display: -ms-grid;
        display: grid;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        padding-right: 20px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        grid-auto-columns: 1fr;
        grid-column-gap: 12px;
        grid-row-gap: 16px;
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        text-align: left;
    }

        .menuiconblock.lastrow {
            margin-bottom: 70px;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .menuiconblock.samplerow {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 0px;
            padding-bottom: 60px;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-align-content: stretch;
            -ms-flex-line-pack: stretch;
            align-content: stretch;
        }

    .menuicon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 75px;
        height: 75px;
        max-height: 100%;
        max-width: 100%;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        padding: 7px 5px;
        -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;
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        border-radius: 14px;
        box-shadow: 0 5px 10px 0 #000;
        cursor: pointer;
        -o-object-fit: fill;
        object-fit: fill;
    }

        .menuicon.active {
            padding: 5px;
            -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;
            -webkit-align-content: space-around;
            -ms-flex-line-pack: distribute;
            align-content: space-around;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#e5cd9c), to(#b29761));
            background-image: linear-gradient(180deg, #e5cd9c, #b29761);
        }

        .menuicon.hideitem {
            opacity: 0;
            cursor: auto;
        }

    .menuiconlabel {
        padding-top: 3px;
        font-family: Kanit, sans-serif;
        color: #e1c99d;
        font-size: 10px;
        text-align: center;
    }

        .menuiconlabel.active {
            color: #fff;
        }

    .icon-menu {
        width: auto;
        height: 30px;
        max-width: none;
    }

    .logomenublock {
        width: 160px;
        margin-bottom: -25px;
        -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;
    }

    .mainfooterblock {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #000;
        color: #000;
    }

    .mainmenuitem {
        width: 100%;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        text-align: center;
    }

    .mainmenulabel {
        font-family: Kanit, sans-serif;
        color: #e1c99d;
        font-size: 12px;
        line-height: 18px;
        font-weight: 300;
        text-align: center;
    }

        .mainmenulabel.ufamenu {
            padding-left: 0px;
        }

    .mainmenucover {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: -24px;
        padding-top: 0px;
        padding-bottom: 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;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        border-radius: 25px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e5cd9c), to(#b29761));
        background-image: linear-gradient(180deg, #e5cd9c, #b29761);
        text-align: center;
    }

        .mainmenucover.primarygra {
            width: 160px;
            height: auto;
            max-width: 100%;
            margin-bottom: 0px;
        }

    .image-4 {
        height: 34px;
        max-width: none;
    }

    .image-5 {
        height: 30px;
        max-width: none;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .modalmain {
        padding-right: 15px;
        padding-left: 15px;
    }

    .modalblock {
        display: block;
        width: auto;
        height: auto;
        padding: 0px;
        -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;
    }

        .modalblock.titleblock {
            padding-bottom: 0px;
            border: 1px none #000;
            border-radius: 0px;
        }

        .modalblock.formlogin {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .modalblock.footerblock {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

        .modalblock.formregister {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .modalblock.regstatusnotfound {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .modalblock.formforgetpassword {
            padding-right: 0px;
            padding-left: 0px;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .modalblock.formnewpassword {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .modalblock.formbank {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .modalblock.regsuccessstatus {
            padding-right: 40px;
            padding-left: 40px;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
        }

        .modalblock.regstatusnetworkfail {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            border-style: solid;
            border-color: transparent;
        }

        .modalblock._w-comimg {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

    .footertext {
        font-size: 14px;
    }

    .registerbtn {
        font-size: 14px;
    }

    .titletextstatusmodal {
        font-size: 18px;
    }

        .titletextstatusmodal.bad {
            padding-bottom: 20px;
            font-size: 18px;
        }

    .inputtextmodal {
        height: 40px;
        border: 1px none #000;
        background-color: #f6f5f3;
        font-family: Kanit, sans-serif;
        color: #000;
        font-weight: 300;
    }

        .inputtextmodal.input {
            font-size: 14px;
        }

    .inputpasswordmodal {
        height: 40px;
        border: 1px none #000;
        background-color: #f6f5f3;
        font-family: Kanit, sans-serif;
        color: #000;
        font-weight: 300;
    }

        .inputpasswordmodal.input {
            font-size: 14px;
        }

    .form-block {
        -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;
    }

    .mobelsubmitbtn {
        width: 135px;
        height: 40px;
        margin-top: 40px;
        border-radius: 20px;
        background-color: #000;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.26);
        font-family: Kanit, sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
    }

        .mobelsubmitbtn.register {
            font-size: 14px;
            line-height: 20px;
        }

        .mobelsubmitbtn.login {
            width: 120px;
            height: auto;
            margin-top: 0px;
            font-size: 14px;
        }

        .mobelsubmitbtn.setpassword {
            height: auto;
            border-radius: 25px;
            font-size: 14px;
            line-height: 20px;
        }

        .mobelsubmitbtn.newpassword {
            font-size: 14px;
            line-height: 20px;
        }

        .mobelsubmitbtn.bank {
            height: auto;
            margin-top: 40px;
            border-radius: 25px;
            font-size: 14px;
            line-height: 20px;
        }

    .forgetpasswordbtn {
        font-size: 14px;
    }

    .homeregisterbtn {
        height: 36px;
        margin-right: 0px;
        margin-left: 8px;
        padding-right: 12px;
        padding-left: 12px;
        border-radius: 80px;
        background-size: auto 36px;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        font-family: Kanit, sans-serif;
        font-size: 13px;
        line-height: 17px;
        background-clip: border-box;
        -webkit-text-fill-color: inherit;
    }

        .homeregisterbtn.primarygra {
            margin-right: 6px;
            padding-right: 12px;
            padding-left: 12px;
        }

    .modalregister {
        position: fixed;
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        z-index: 999;
        display: none;
        overflow: visible;
        -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-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
    }

        .modalregister._1 {
            display: none;
        }

    .modalregisterblock {
        position: relative;
        z-index: 12;
        display: block;
        overflow: visible;
        width: 337px;
        height: auto;
        max-width: 100%;
        margin: auto;
        padding: 14px;
        -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: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-style: solid;
        border-width: 3px;
        border-color: #e5cd9c;
        border-radius: 10px;
        background-color: #fff;
        -o-object-fit: fill;
        object-fit: fill;
    }

        .modalregisterblock.modal-bd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 360px;
            margin: 0px;
            padding: 0px;
        }

    .registerinfotext {
        font-size: 11px;
        text-align: center;
    }

    .text-span-2 {
        color: #825d30;
        font-weight: 500;
    }

    .closeregisterbtnmodal {
        width: 30px;
        height: 30px;
        padding: 10px;
        border: 1px none #000;
        background-color: transparent;
        background-image: url('../images/cross.svg');
        background-position: 50% 50%;
        background-size: 20px 20px;
        background-repeat: no-repeat;
        outline-color: #555;
        outline-offset: 0px;
        outline-style: none;
        outline-width: 3px;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .menubank {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 60px;
        height: 60px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        -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;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        border-radius: 14px;
        background-color: #526e83;
        box-shadow: 0 5px 10px 0 #000;
        cursor: pointer;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .menuforgetpass {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 60px;
        height: 60px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        -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;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        border-radius: 14px;
        background-color: #526e83;
        box-shadow: 0 5px 10px 0 #000;
        cursor: pointer;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .menunewpass {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 60px;
        height: 60px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        -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;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        border-radius: 14px;
        background-color: #526e83;
        box-shadow: 0 5px 10px 0 #000;
        cursor: pointer;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .menusetpass {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 60px;
        height: 60px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        -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;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        border-radius: 14px;
        background-color: #526e83;
        box-shadow: 0 5px 10px 0 #000;
        cursor: pointer;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .menuloading {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 60px;
        height: 60px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        -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;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        border-radius: 14px;
        background-color: #526e83;
        box-shadow: 0 5px 10px 0 #000;
        cursor: pointer;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .closesetpasswordbtnmodal {
        width: 30px;
        height: 30px;
        padding: 10px;
        border: 1px none #000;
        background-color: transparent;
        background-image: url('../images/cross.svg');
        background-position: 50% 50%;
        background-size: 20px 20px;
        background-repeat: no-repeat;
        outline-color: #555;
        outline-offset: 0px;
        outline-style: none;
        outline-width: 3px;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .modalsetpasswordblock {
        position: static;
        display: block;
        width: 337px;
        height: auto;
        max-width: 100%;
        min-height: 380px;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        padding: 14px;
        -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-style: solid;
        border-width: 3px;
        border-color: #e5cd9c;
        border-radius: 10px;
        background-color: #fff;
    }

        .modalsetpasswordblock.modal-bd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 360px;
            min-height: auto;
            margin-right: 0px;
            margin-left: 0px;
            padding: 0px;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

    .modalforgetpassword {
        position: fixed;
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        z-index: 999;
        display: none;
        -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-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
    }

    .modalforgetpasswordblock {
        position: relative;
        z-index: 12;
        display: block;
        width: 337px;
        max-height: 100%;
        max-width: 100%;
        min-height: 380px;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        padding: 14px;
        -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-style: solid;
        border-width: 3px;
        border-color: #e5cd9c;
        border-radius: 10px;
        background-color: #fff;
    }

        .modalforgetpasswordblock.modal-bd {
            width: 360px;
            margin-right: 0px;
            margin-left: 0px;
            padding: 0px;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

    .closeforgetpasswordbtnmodal {
        width: 30px;
        height: 30px;
        padding: 10px;
        border: 1px none #000;
        background-color: transparent;
        background-image: url('../images/cross.svg');
        background-position: 50% 50%;
        background-size: 20px 20px;
        background-repeat: no-repeat;
        outline-color: #555;
        outline-offset: 0px;
        outline-style: none;
        outline-width: 3px;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .modalnewpasswordblock {
        position: relative;
        z-index: 12;
        display: block;
        width: 337px;
        height: auto;
        max-height: 100%;
        max-width: 100%;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        padding: 14px;
        -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-style: solid;
        border-width: 3px;
        border-color: #e5cd9c;
        border-radius: 10px;
        background-color: #fff;
    }

        .modalnewpasswordblock.modal-bd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 360px;
            margin-right: 0px;
            margin-left: 0px;
            padding: 0px;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

    .closenewpasswordbtnmodal {
        width: 30px;
        height: 30px;
        padding: 10px;
        border: 1px none #000;
        background-color: transparent;
        background-image: url('../images/cross.svg');
        background-position: 50% 50%;
        background-size: 20px 20px;
        background-repeat: no-repeat;
        outline-color: #555;
        outline-offset: 0px;
        outline-style: none;
        outline-width: 3px;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .backsteplink {
        font-size: 14px;
    }

    .modalbank {
        position: fixed;
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        z-index: 999;
        display: none;
        -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-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
    }

    .modalbankblock {
        position: relative;
        z-index: 12;
        display: block;
        width: 337px;
        height: 520px;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding: 14px;
        -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-style: solid;
        border-width: 3px;
        border-color: #e5cd9c;
        border-radius: 10px;
        background-color: #fff;
    }

        .modalbankblock.modal-bd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 360px;
            height: auto;
            margin-right: 0px;
            margin-left: 0px;
            padding: 0px;
        }

    .closebankbtnmodal {
        width: 30px;
        height: 30px;
        padding: 10px;
        border: 1px none #000;
        background-color: transparent;
        background-image: url('../images/cross.svg');
        background-position: 50% 50%;
        background-size: 20px 20px;
        background-repeat: no-repeat;
        outline-color: #555;
        outline-offset: 0px;
        outline-style: none;
        outline-width: 3px;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .radioreal {
        display: none;
        margin-left: -10px;
    }

    .radioflex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: 10px;
        padding: 10px 0px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-auto-columns: 1fr;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
    }

    .radiowrapper {
        position: relative;
        width: 40px;
        height: 40px;
        margin: 5px 5px 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        border-radius: 50%;
    }

    .checkedicon {
        position: absolute;
        left: 0%;
        top: auto;
        right: 0%;
        bottom: 0%;
        z-index: 111;
        display: block;
        width: 24px;
        height: 24px;
        padding-right: 6px;
        padding-left: 6px;
        border-radius: 12px;
        background-color: #fff;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
        opacity: 0;
    }

    .radio-button-label {
        display: none;
    }

    .radio-button-label-2 {
        display: none;
    }

    .radio-button-label-3 {
        display: none;
    }

    .banklogo {
        position: absolute;
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        z-index: 1;
        width: 40px;
        height: 40px;
        max-width: none;
        border-radius: 50%;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
    }

    .radio-button-label-5 {
        display: none;
    }

    .radio-button-label-6 {
        display: none;
    }

    .radio-button-label-7 {
        display: none;
    }

    .radio-button-label-8 {
        display: none;
    }

    .modalregisterstatus {
        position: fixed;
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        z-index: 999;
        display: none;
        overflow: auto;
        -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-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
    }

    .modalregisterstatusblock {
        position: relative;
        z-index: 12;
        display: block;
        width: 337px;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        padding: 14px;
        -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-style: solid;
        border-width: 3px;
        border-color: #e5cd9c;
        border-radius: 10px;
        background-color: #fff;
    }

        .modalregisterstatusblock.modal-bd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 360px;
            margin-right: 0px;
            margin-left: 0px;
            padding: 0px;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .modalregisterstatusblock.modal-bd {
            padding: 0px;
        }

    .closeregisterstatusbtnmodal {
        width: 30px;
        height: 30px;
        padding: 10px;
        border: 1px none #000;
        background-color: transparent;
        background-image: url('../images/cross.svg');
        background-position: 50% 50%;
        background-size: 20px 20px;
        background-repeat: no-repeat;
        outline-color: #555;
        outline-offset: 0px;
        outline-style: none;
        outline-width: 3px;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .statuswatingtext {
        font-family: Kanit, sans-serif;
        color: #825d30;
        font-size: 18px;
        line-height: 30px;
        font-weight: 500;
        text-align: center;
    }

    .statusinfoblock {
        -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;
    }

    .banktargetnametext {
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: Kanit, sans-serif;
        color: #000;
        font-size: 16px;
        line-height: 30px;
        font-weight: 600;
        text-align: center;
    }

    .statuswrongbtn {
        width: 140px;
        height: 40px;
        border-style: solid;
        border-width: 1px;
        border-color: #825d30;
        border-radius: 20px;
        background-color: transparent;
        font-family: Kanit, sans-serif;
        color: #825d30;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
    }

        .statuswrongbtn.fail {
            width: 300px;
        }

        .statuswrongbtn.btn-outline {
            height: auto;
            margin-right: 8px;
            font-size: 14px;
        }

    .statusrightbtn {
        width: 140px;
        height: 40px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        border-radius: 20px;
        background-color: #825d30;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e5cd9c), to(#b29761));
        background-image: linear-gradient(180deg, #e5cd9c, #b29761);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        font-family: Kanit, sans-serif;
        color: #fff;
        text-align: center;
    }

        .statusrightbtn.success {
            width: 300px;
            -webkit-align-self: stretch;
            -ms-flex-item-align: stretch;
            -ms-grid-row-align: stretch;
            align-self: stretch;
        }

            .statusrightbtn.success.btn-fill._w-100 {
                height: auto;
                margin-right: 0px;
                margin-left: 0px;
            }

        .statusrightbtn.btn-fill {
            width: 100px;
            height: auto;
            font-size: 14px;
        }

    .modalotpblock {
        position: fixed;
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        z-index: 12;
        display: block;
        width: 100%;
        height: 100%;
        max-height: 100%;
        min-height: 600px;
        background-color: #fff;
    }

        .modalotpblock.modal-bd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            min-height: auto;
        }

    .otpcontentblock {
        padding-top: 60px;
    }

    .descotptext {
        font-family: Kanit, sans-serif;
        color: #000;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        text-align: center;
    }

    .headermenublock {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 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;
    }

    .backpagearea {
        width: 70px;
        padding-top: 10px;
        padding-bottom: 10px;
        cursor: pointer;
    }

    .image-7 {
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }

    .titleblock {
        padding-top: 0px;
        padding-bottom: 60px;
    }

    .maintitletext {
        font-family: Kanit, sans-serif;
        color: #fff;
        font-size: 22px;
        line-height: 30px;
        text-align: center;
    }

    .devidercard {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px;
        margin-bottom: 0px;
        padding-top: 10px;
        padding-bottom: 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;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        border-bottom: 1px solid #6b696f;
    }

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

            .devidercard.banktarget.withdraw {
                border-bottom-style: none;
            }

            .devidercard.banktarget.withdraw-card {
                border-bottom-style: none;
            }

        .devidercard.withdrawtarget {
            margin-bottom: 40px;
        }

        .devidercard.transaction {
            margin-top: 0px;
        }

    .keyblock {
        padding-right: 15px;
    }

    .valueblock {
        -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;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .bankusernametext {
        font-family: Kanit, sans-serif;
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        text-align: right;
    }

    .bankaccounttext {
        font-family: Kanit, sans-serif;
        color: #fff;
        font-size: 16px;
        font-weight: 300;
    }

    .bankdesctxt {
        font-family: Kanit, sans-serif;
        color: #828282;
        font-size: 12px;
        line-height: 18px;
        text-align: right;
    }

    .bankaccountblock {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 4px;
        padding-bottom: 4px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

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

    .banktargetcard {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 18px 15px;
        -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;
        border-style: solid;
        border-width: 1px;
        border-color: hsla(0, 0%, 100%, 0.35);
        border-radius: 12px;
        background-image: linear-gradient(172deg, #767575, rgba(7, 7, 7, 0.04));
    }

    .banktargetwarningtext {
        padding-top: 10px;
        padding-bottom: 20px;
        font-family: Kanit, sans-serif;
        color: #bdbdbd;
        font-size: 12px;
        font-weight: 300;
    }

    .banktargetaccounttext {
        font-family: Kanit, sans-serif;
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
    }

    .banktargetusernametext {
        font-family: Kanit, sans-serif;
        color: #fff;
        font-size: 18px;
        line-height: 28px;
        font-weight: 300;
    }

    .copyaccountnumberbtn {
        width: 140px;
        height: 34px;
        margin-top: 10px;
        margin-bottom: 0px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        border-radius: 20px;
        background-color: #825d30;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e5cd9c), to(#b29761));
        background-image: linear-gradient(180deg, #e5cd9c, #b29761);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        font-family: Kanit, sans-serif;
        color: #fff;
        font-size: 12px;
        line-height: 18px;
        font-weight: 300;
        text-align: center;
    }

    .image-9 {
        height: 76px;
    }

    .modaldepositcomplete {
        position: fixed;
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        z-index: 999;
        display: none;
        -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-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
    }

    .modaldepositblock {
        display: block;
        width: 330px;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        padding: 0px 14px;
        -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-style: solid;
        border-width: 3px;
        border-color: #e5cd9c;
        border-radius: 10px;
        background-color: #fff;
    }

    .succesmodaltitle {
        padding-top: 10px;
        font-family: Kanit, sans-serif;
        color: #5bc763;
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
    }

    .cashtext {
        padding-top: 10px;
        font-family: Kanit, sans-serif;
        color: #000;
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
    }

    .transactiontext {
        font-family: Kanit, sans-serif;
        color: #000;
        font-weight: 300;
    }

    .dissmissbtn {
        width: 108px;
        height: 40px;
        margin-top: 20px;
        border-radius: 20px;
        background-color: #000;
        font-family: Kanit, sans-serif;
        color: #fff;
        font-weight: 300;
        text-align: center;
    }

    .image-10 {
        height: 52px;
    }

    .flexmodalitem {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 280px;
        padding-top: 20px;
        padding-bottom: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .withdrawbtnblock {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
        margin-left: 0px;
        padding-right: 20px;
        padding-left: 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;
    }

    .longbtnprimary {
        width: 100%;
        height: 40px;
        margin-top: 10px;
        margin-bottom: 0px;
        padding-right: 0px;
        padding-left: 0px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        border-radius: 20px;
        background-color: #825d30;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e5cd9c), to(#b29761));
        background-image: linear-gradient(180deg, #e5cd9c, #b29761);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        font-family: Kanit, sans-serif;
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        text-align: center;
    }

        .longbtnprimary.infopromotion {
            margin-right: 20px;
            margin-left: 20px;
        }

    .titlewithblock {
        padding-top: 0px;
        padding-bottom: 10px;
    }

        .titlewithblock.profile {
            padding-right: 0px;
            padding-left: 0px;
        }

    .amountform {
        position: relative;
    }

    .withdrawinput {
        height: 40px;
        margin-top: 15px;
        padding-top: 0px;
        padding-bottom: 0px;
        box-shadow: 0 0 8px 0 #e2bf94;
        font-family: Kanit, sans-serif;
        font-weight: 300;
    }

        .withdrawinput.input {
            margin-top: 0px;
            padding-right: 80px;
            font-size: 12px;
        }

    .link-2 {
        position: absolute;
        left: auto;
        top: auto;
        right: 10px;
        bottom: 10px;
        font-family: Kanit, sans-serif;
        color: #97764e;
        font-weight: 300;
    }

    .refreshbtn {
        z-index: 2;
    }

    .balancenumber {
        padding-top: 5px;
        padding-bottom: 5px;
        font-family: Kanit, sans-serif;
        color: #fff;
        font-size: 18px;
        line-height: 30px;
        font-weight: 500;
    }

    .totalbalancetext {
        font-family: Kanit, sans-serif;
        color: #e1c99d;
        font-size: 12px;
        font-weight: 300;
    }

    .withdrawallbtn {
        padding-right: 10px;
        padding-left: 10px;
        font-family: Kanit, sans-serif;
        color: #97764e;
        font-size: 12px;
        font-weight: 300;
    }

    .text-block-2 {
        color: #bdbdbd;
    }

    .withdrawdesctext {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        font-family: Kanit, sans-serif;
        color: #bdbdbd;
        font-size: 12px;
        font-weight: 300;
        text-align: center;
    }

    .modalwithdrawcomplete {
        position: fixed;
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        z-index: 999;
        display: none;
        -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-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
    }

    .titlehistoryblock {
        padding-top: 0px;
        padding-bottom: 30px;
    }

    .walletlabel {
        color: #fff;
    }

    .trasactionvaluetext {
        font-family: Kanit, sans-serif;
        color: #5bc763;
        font-weight: 500;
    }

    .trasactionvaluewtext {
        font-family: Kanit, sans-serif;
        color: #d65151;
        font-weight: 500;
    }

    .historylist {
        overflow: auto;
        max-height: 60vh;
    }

    .promotionlist {
        overflow: auto;
        min-height: 30vh;
        margin-top: 20px;
        font-family: Kanit, sans-serif;
        color: #e0e0e0;
        font-size: 16px;
    }

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

    .image-12 {
        border-radius: 14px;
    }

    .titlehisinfoblock {
        padding-top: 0px;
        padding-bottom: 30px;
        color: #fff;
    }

    .suggestdatetimetext {
        font-family: Kanit, sans-serif;
        color: #bdbdbd;
        font-size: 12px;
    }

    .suggestcontent {
        margin-bottom: 40px;
        font-family: Kanit, sans-serif;
        font-size: 12px;
        font-weight: 200;
    }

    .suggesthilighttext {
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: Kanit, sans-serif;
        color: #e1c99d;
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
    }

    .promotiontitelabel {
        overflow: visible;
        margin-top: 20px;
        font-family: Kanit, sans-serif;
        color: #e0e0e0;
        font-size: 16px;
    }

    .profiletitletext {
        font-family: Kanit, sans-serif;
        color: #fff;
        font-size: 22px;
        line-height: 30px;
        text-align: left;
    }

    .image-13 {
        height: 76px;
    }

    .profileblock {
        -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;
    }

    .profileusernametext {
        font-size: 16px;
    }

    .topdeviderblock {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0px;
    }

        .topdeviderblock.pf-phone {
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 0px;
        }

    .profilevaluetext {
        font-size: 12px;
    }

    .profilekeyicon {
        padding-left: 20px;
    }

    .editprofilebtn {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .image-14 {
        position: static;
        overflow: visible;
        clear: none;
        text-align: left;
        text-decoration: none;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .modalwithdrawblock {
        display: block;
        width: 330px;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        padding: 0px 14px;
        -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-style: solid;
        border-width: 3px;
        border-color: #e5cd9c;
        border-radius: 10px;
        background-color: #fff;
    }

    .modalprofile {
        position: fixed;
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        z-index: 999;
        display: none;
        overflow: auto;
        -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-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
    }

    .modalprofileblock {
        display: block;
        width: 330px;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        padding: 0px 14px 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;
        border-style: solid;
        border-width: 3px;
        border-color: #e5cd9c;
        border-radius: 10px;
        background-color: #fff;
    }

        .modalprofileblock.modal-bd {
            width: 360px;
            margin-right: 0px;
            margin-left: 0px;
            padding-right: 0px;
            padding-left: 0px;
        }

    .profilemodaltopblock {
        -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;
    }

        .profilemodaltopblock.logout {
            padding-top: 10px;
            padding-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;
        }

    .profiletitlelabel {
        font-family: Kanit, sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }

        .profiletitlelabel.logout {
            text-align: center;
        }

    .text-field {
        font-family: Kanit, sans-serif;
        font-weight: 300;
    }

    .text-field-2 {
        font-family: Kanit, sans-serif;
        font-weight: 300;
    }

    .longprimaryprofilebtn {
        width: 100%;
        height: 40px;
        margin-top: 10px;
        margin-bottom: 0px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        border-radius: 20px;
        background-color: #825d30;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e5cd9c), to(#b29761));
        background-image: linear-gradient(180deg, #e5cd9c, #b29761);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        font-family: Kanit, sans-serif;
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        text-align: center;
    }

    .profileinputblock {
        position: relative;
    }

    .image-15 {
        position: absolute;
        left: 10px;
        top: 10px;
        height: 18px;
    }

    .profileinputicon {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 16px;
        height: 18px;
    }

    .profileerrorblock {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .profileerrormessage {
        font-family: Kanit, sans-serif;
        color: #d65151;
        font-size: 12px;
        font-weight: 300;
    }

    .profileerroricon {
        width: 16px;
        height: 16px;
        margin-right: 10px;
        padding-right: 0px;
        padding-bottom: 0px;
        background-image: url('../images/icon-error.svg');
        background-position: 50% 50%;
        background-size: contain;
        font-size: 16px;
        line-height: 16px;
    }

    .profilesuccessblock {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px;
        padding: 6px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: rgba(91, 199, 99, 0.2);
    }

    .profilesuccessicon {
        width: 16px;
        height: 16px;
        margin-right: 10px;
        padding-right: 0px;
        padding-bottom: 0px;
        background-image: url('../images/correct-green.svg');
        background-position: 50% 50%;
        background-size: contain;
        font-size: 16px;
        line-height: 16px;
    }

    .profilesuccessmessage {
        font-family: Kanit, sans-serif;
        color: #5bc763;
        font-size: 12px;
        font-weight: 300;
    }

    .profilelogoutblock {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .primaryprofilebtn {
        width: 130px;
        height: 40px;
        margin-top: 10px;
        margin-bottom: 0px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        border-radius: 20px;
        background-color: #825d30;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e5cd9c), to(#b29761));
        background-image: linear-gradient(180deg, #e5cd9c, #b29761);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        font-family: Kanit, sans-serif;
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        text-align: center;
    }

    .secondaryprofilebtn {
        width: 130px;
        height: 40px;
        margin-top: 10px;
        margin-bottom: 0px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        border-style: solid;
        border-width: 1px;
        border-color: #825d30;
        border-radius: 20px;
        background-color: #fff;
        font-family: Kanit, sans-serif;
        color: #825d30;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        text-align: center;
    }

    .text-field-3 {
        margin-right: 10px;
    }

    .otpdigit {
        height: 60px;
        margin-right: 10px;
        background-color: #f6f5f3;
        font-family: Kanit, sans-serif;
        color: #97764e;
        font-size: 26px;
        line-height: 34px;
        font-weight: 600;
    }

        .otpdigit.lastdigit {
            margin-right: 0px;
        }

    .div-block {
        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;
    }

    .otpresendblock {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .menuregisterlogin {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 60px;
        height: 60px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        -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;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        border-radius: 14px;
        background-color: #526e83;
        box-shadow: 0 5px 10px 0 #000;
        cursor: pointer;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .menulogin {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 60px;
        height: 60px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        -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;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        border-radius: 14px;
        background-color: #526e83;
        box-shadow: 0 5px 10px 0 #000;
        cursor: pointer;
        -o-object-fit: fill;
        object-fit: fill;
    }

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

    .image-16 {
        height: 34px;
        max-width: none;
    }

    .image-17 {
        height: 34px;
    }

    .image-18 {
        height: 34px;
    }

    .image-19 {
        height: 34px;
    }

    .image-20 {
        height: 34px;
    }

    .div-block-2 {
        overflow: visible;
        width: auto;
        max-width: 100%;
    }

    .sizing-container {
        height: 100%;
    }

        .sizing-container.blackgra {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }

    .icon-menu {
        height: 30px;
    }

    .slide {
        padding-right: 20px;
        padding-left: 20px;
    }

    .inputtextmodal.input {
        font-size: 14px;
    }

    .inputpasswordmodal.input {
        font-size: 14px;
    }

    .div-block-3 {
        height: 40px;
    }

    .radio-button-field {
        margin-right: 4px;
    }

    .select-bank {
        width: auto;
        padding-top: 20px;
    }

    .btn-outline {
        width: 100px;
    }

    .heading {
        font-size: 20px;
    }

    .grid--promo {
        margin-right: 0px;
        padding-right: 0px;
        padding-left: 0px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .modalpromotion {
        position: fixed;
        left: 0%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        z-index: 12;
        display: block;
        width: 100%;
        height: 100%;
        max-height: 100%;
        min-height: 600px;
        background-color: #fff;
    }

        .modalpromotion.modal-bd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            min-height: auto;
        }

    .modalpromotiondetail {
        z-index: 12;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        background-color: #fff;
    }

        .modalpromotiondetail.modal-bd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            min-height: auto;
        }

    .modalpromotion {
        display: none;
        min-height: auto;
    }

    ._w-div-cf-1 {
        overflow: visible;
        padding-right: 10px;
        padding-bottom: 100px;
        padding-left: 10px;
    }

    .b-cf-detail {
        grid-column-gap: 3px;
    }

    .list-choice {
        padding-left: 30px;
    }

    .b-cf-body {
        margin-bottom: 0px;
        padding-right: 10px;
        padding-left: 10px;
        border-color: #767575;
        background-color: #767575;
        background-image: linear-gradient(107deg, rgba(7, 7, 7, 0.4), #767575);
    }

    .b-header-02 {
        position: relative;
    }

    .t-cf-detail-04 {
        font-size: 14px;
    }

    .btn-close {
        position: static;
        padding-right: 10px;
        padding-left: 10px;
    }

    .img-info {
        margin-left: 0px;
    }

    .input-cf {
        font-size: 14px;
    }

    .t-cf-detail-03 {
        font-size: 12px;
    }

    .div-h-cf {
        margin-left: 8px;
    }

    .t-cf-form {
        font-size: 14px;
    }

    .t-cf-detail {
        font-size: 12px;
    }

    .b-header {
        padding-left: 10px;
    }

    .txt-btn-popup {
        font-size: 14px;
    }

    .t-header-list {
        font-size: 12px;
    }

    .t-list {
        font-size: 12px;
    }

    .popup-data-center-submit.pd-0._w-100 {
        z-index: 1;
        padding-bottom: 20px;
    }

    .popup-data-center-submit.pd-0._w-100 {
        padding-bottom: 20px;
    }

    .t-cf-detail-02 {
        font-size: 14px;
    }

    .div-cf-02 {
        border-right-color: hsla(0, 0%, 100%, 0.3);
        border-left-color: hsla(0, 0%, 100%, 0.3);
    }

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

    ._w-promotion {
        overflow: auto;
    }

    .t-cf-header-02 {
        padding-right: 20px;
        font-size: 14px;
    }

    .t-promotion {
        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;
        font-size: 14px;
    }

    .modalpromotionactive {
        z-index: 12;
        display: none;
        width: 100%;
        background-color: #fff;
    }

        .modalpromotionactive.modal-bd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            min-height: auto;
        }

    ._w-div-cf-1-2 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .list-choice-2 {
        padding-left: 30px;
    }

    .act-promotion {
        position: relative;
    }

    .txt-box-1 {
        padding-top: 0px;
    }

    .txt-prog-1 {
        font-size: 14px;
    }

    .div-h-cf-2 {
        margin-left: 8px;
    }

    .txt-proc-2 {
        font-size: 12px;
    }

    .txt-active-1 {
        font-size: 11px;
    }

    .t-header-list-2 {
        font-size: 12px;
    }

    .t-list-2 {
        font-size: 12px;
    }

    .t-cf-header-02-2 {
        padding-right: 20px;
        font-size: 14px;
    }

    .t-h-bank {
        font-size: 12px;
    }

    .text-block-22 {
        font-size: 12px;
    }

    .text-block-38 {
        font-size: 10px;
    }

    .t-h-bank-to {
        font-size: 12px;
    }

    .b-destination {
        border-radius: 12px;
    }

    .logo-b-dest {
        width: auto;
        margin-right: 10px;
    }

    .bw-destination {
        -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;
    }

    .dt-b-dest {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .image-42 {
        height: 64px;
    }

    .dest-b-name {
        font-size: 12px;
    }

    .dest-b-number {
        font-size: 18px;
        line-height: 20px;
    }

    .dest-b-nameacc {
        font-size: 12px;
    }

    .copy-destbank.primarygra {
        font-size: 12px;
    }

    .keyblock-copy {
        font-family: Kanit, sans-serif;
        color: #bdbdbd;
        font-weight: 300;
    }

    .withdrawbtn-cf.primarygra {
        font-size: 14px;
    }

    .div-block-37 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }

    .logout {
        position: relative;
        z-index: 12;
        display: block;
        width: 337px;
        height: 520px;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding: 14px;
        -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-style: solid;
        border-width: 3px;
        border-color: #e5cd9c;
        border-radius: 10px;
        background-color: #fff;
    }

        .logout.modal-bd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 360px;
            height: auto;
            margin-right: 0px;
            margin-left: 0px;
            padding: 0px;
        }

    .logout-copy {
        position: relative;
        z-index: 12;
        display: block;
        width: 337px;
        height: 520px;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding: 14px;
        -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-style: solid;
        border-width: 3px;
        border-color: #e5cd9c;
        border-radius: 10px;
        background-color: #fff;
    }

        .logout-copy.modal-bd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 360px;
            height: auto;
            margin-right: 0px;
            margin-left: 0px;
            padding: 0px;
        }

    .loadingstate {
        position: relative;
        z-index: 12;
        display: block;
        width: 337px;
        height: 520px;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding: 14px;
        -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-style: solid;
        border-width: 3px;
        border-color: #e5cd9c;
        border-radius: 10px;
        background-color: #fff;
    }

        .loadingstate.modal-bd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 360px;
            height: auto;
            margin-right: 0px;
            margin-left: 0px;
            padding-right: 0px;
            padding-left: 0px;
        }

    .popup-title.mt-0 {
        font-size: 16px;
    }

    .modalotptimeout {
        position: relative;
        z-index: 12;
        display: block;
        width: 337px;
        height: 520px;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding: 14px;
        -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-style: solid;
        border-width: 3px;
        border-color: #e5cd9c;
        border-radius: 10px;
        background-color: #fff;
    }

        .modalotptimeout.modal-bd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 360px;
            height: auto;
            margin-right: 0px;
            margin-left: 0px;
            padding: 0px;
        }

    .profilesuccessfulblock {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .profilesuccessfulmessage {
        font-family: Kanit, sans-serif;
        color: #d65151;
        font-size: 12px;
        font-weight: 300;
    }

    .modalregisterlogin-copy {
        padding-right: 15px;
        padding-left: 15px;
    }

    .modalbankblock-copy {
        position: relative;
        z-index: 12;
        display: block;
        width: 337px;
        height: 520px;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding: 14px;
        -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-style: solid;
        border-width: 3px;
        border-color: #e5cd9c;
        border-radius: 10px;
        background-color: #fff;
    }

        .modalbankblock-copy.modal-bd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 360px;
            height: auto;
            margin-right: 0px;
            margin-left: 0px;
            padding: 0px;
        }

    .logout-copy {
        position: relative;
        z-index: 12;
        display: block;
        width: 337px;
        height: 520px;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding: 14px;
        -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-style: solid;
        border-width: 3px;
        border-color: #e5cd9c;
        border-radius: 10px;
        background-color: #fff;
    }

        .logout-copy.modal-bd {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            width: 360px;
            height: auto;
            margin-right: 0px;
            margin-left: 0px;
            padding: 0px;
        }

    .image-45 {
        height: 36px;
    }

    .article-title-full {
        color: transparent;
    }

    .title {
        font-size: 24px;
    }

    .desc {
        font-size: 16px;
        line-height: 26px;
    }

    .article-head {
        font-size: 18px;
    }

    .article-param {
        font-size: 12px;
    }

    .txt-coming-desc {
        font-size: 18px;
    }

        .txt-coming-desc.bad {
            padding-bottom: 20px;
            font-size: 18px;
        }

    .txt-proc-2-2 {
        font-size: 12px;
    }

    .t-cf-header-con {
        margin-right: 0px;
        font-family: Sarabun, sans-serif;
        font-size: 13px;
        line-height: 16px;
    }

    .t-list-3 {
        font-family: Sarabun, sans-serif;
        font-size: 12px;
        line-height: 18px;
    }

    .t-cf-header-02-3 {
        margin-right: 0px;
        font-family: Sarabun, sans-serif;
        font-size: 12px;
        line-height: 16px;
    }

    .t-cf-detail-2 {
        font-size: 12px;
    }

    .cf-modal {
        position: relative;
        max-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .t-cf-detail-04-2 {
        font-size: 14px;
    }

    ._w-div-cf-1-3 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .b-header-02-2 {
        position: relative;
    }

    .t-cf-detail-02-2 {
        font-size: 14px;
    }

    .p-pro {
        font-size: 16px;
    }

    .txt-prog-1-2 {
        font-size: 14px;
    }

    .img-info-2 {
        margin-left: 0px;
    }

    .closepro {
        position: static;
        padding-right: 10px;
        padding-left: 10px;
    }

    .t-cf-form-2 {
        font-size: 14px;
    }

    .t-header-list-3 {
        font-family: Sarabun, sans-serif;
        font-size: 12px;
    }

    .t-cf-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 0px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-family: Sarabun, sans-serif;
        font-size: 14px;
    }

    .t-cf-detail-03-2 {
        font-size: 12px;
    }

    .div-h-cf-3 {
        margin-left: 8px;
    }

    .link-block-5 {
        position: static;
        padding-right: 10px;
        padding-left: 10px;
    }

    .input-cf-2 {
        font-size: 14px;
    }

    .cf-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0px;
    }

    .list-choice-3 {
        padding-left: 30px;
    }

    .b-cf-body-2 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .b-cf-detail-2 {
        grid-column-gap: 3px;
    }
}

#w-node-c3a344da-ef92-e1d2-519d-37822b82f1f0-990b5770 {
    -webkit-align-self: end;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
}

#w-node-f0d83b45-8d73-7404-3e52-5fbe7434c314-990b5770 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-row-align: end;
    align-self: end;
}

#w-node-_650398b4-78d8-1c81-7901-09803afe0133-990b5770 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_9995ac5c-ff47-638c-4637-55b9d961cbea-990b5770 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_1c38614d-9ab9-ce30-8a99-697518542e77-990b5770 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-dcb0dfa9-c44a-d5ed-09c2-f4fb47df6443-990b5770 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_7db102bc-d8ee-28f8-c393-ac8820a24936-990b5770 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_62b05079-355d-fad4-68cb-50cb30563651-990b5770 {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
}

@media screen and (min-width: 1440px) {
    #w-node-_62b05079-355d-fad4-68cb-50cb305635f0-990b5770 {
        -ms-grid-column-align: auto;
        justify-self: auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
    }
}

@media screen and (max-width: 991px) {
    #w-node-_62b05079-355d-fad4-68cb-50cb305635f0-990b5770 {
        -ms-grid-column-align: auto;
        justify-self: auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
    }

    #w-node-_62b05079-355d-fad4-68cb-50cb30563651-990b5770 {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
    }
}

@media screen and (max-width: 479px) {
    #btn-deposit.w-node-_4d77a38a-6b22-e37d-4f8d-78598e556251-990b5770 {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }

    #btn-withdraw.w-node-_359cfefb-8a17-ec88-a2bb-b8d418702f11-990b5770 {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }

    #w-node-_81e5e8f0-8153-9751-8891-2185e7ca4266-990b5770 {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }

    #btn-history.w-node-_928519a2-fcec-8416-cec8-96739fd0ba4c-990b5770 {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }

    #btn-promotion.w-node-_3429a9b0-bd91-7cab-937c-ba15fdf107d0-990b5770 {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }

    #w-node-_3e290466-acde-131f-9fc2-f0c8870e5935-990b5770 {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }

    #btn-profile.w-node-_83558b5d-4018-ad0e-3237-cc5ef08afbc3-990b5770 {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }
}