.login-root[data-v-0e5a0abf] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(0deg, #3e300f, #807136 30%, #c2b25d 50%, #807136 80%, #3e300f), linear-gradient(0deg, #ddb137, #000);
    background-blend-mode: normal, normal
}

.login-root .login-content[data-v-0e5a0abf] {
    position: absolute;
    top: var(--pc10);
    left: 0;
    right: 0;
    bottom: auto;
    width: var(--pc289);
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: auto
}

.login-root .login-content .logo[data-v-0e5a0abf] {
    width: calc(var(--pc1)*127);
    height: calc(var(--pc1)*90);
    background: url(../img/logo.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: calc(var(--pc1)*127) calc(var(--pc1)*90);
    margin-top: var(--pc59);
    -webkit-mask-image: url(../img/logo.png);
    mask-image: url(../img/logo.png);
    -webkit-mask-size: calc(var(--pc1)*127) calc(var(--pc1)*90);
    mask-size: calc(var(--pc1)*127) calc(var(--pc1)*90);
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    overflow: hidden;
    position: relative
}

.login-root .login-content .logo[data-v-0e5a0abf]:before {
    content: "";
    position: absolute;
    top: 0;
    left: -55%;
    width: 50%;
    height: 100%;
    transform: skewX(-30deg);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .0392157), hsla(0, 0%, 100%, .698039), hsla(0, 0%, 100%, .745098));
    background-repeat: no-repeat;
    -webkit-animation: shimmer 3s infinite;
    animation: shimmer 3s infinite
}

.login-root .login-content form[data-v-0e5a0abf] {
    margin-top: var(--pc20);
    padding-bottom: var(--pc20);
    width: 100%;
    border: solid var(--pc1) #f9e683;
    background-image: linear-gradient(90deg, #3e300f, #807136 20%, #c2b25d 50%, #807136 80%, #3e300f), linear-gradient(90deg, #3e300f, #c2b25d 45%, #3e300f);
    box-shadow: 0 var(--pc2) var(--pc3) 0 rgba(0, 0, 0, .16);
    border-radius: var(--pc10);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.login-root .login-content form .input[data-v-0e5a0abf] {
    width: var(--pc200);
    height: var(--pc25);
    background-color: #f2dcab;
    border: solid var(--pc1) #000;
    border-radius: var(--pc3);
    margin-top: var(--pc20);
    font-size: var(--pc10);
    display: flex;
    flex-direction: row;
    color: #000
}

.login-root .login-content form .input .label[data-v-0e5a0abf] {
    margin: 0 var(--pc7);
    font-family: mstiffheiprc;
    align-self: center
}

.login-root .login-content form .input input[data-v-0e5a0abf] {
    all: unset;
    flex-grow: 1;
    width: 0;
    height: 100%;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    display: flex;
    flex-direction: row;
    box-sizing: border-box
}

.login-root .login-content form .capcha-group[data-v-0e5a0abf] {
    margin-top: var(--pc20);
    display: flex;
    flex-direction: row;
    width: var(--pc200);
    height: var(--pc25);
    overflow: hidden
}

.login-root .login-content form .capcha-group>div.input[data-v-0e5a0abf] {
    flex-grow: 1;
    width: 0;
    height: 100%;
    margin-top: 0
}

.login-root .login-content form .capcha-group>div.capcha[data-v-0e5a0abf] {
    width: var(--pc66);
    height: 100%;
    margin-left: var(--pc20);
    background-color: var(--white);
    color: var(--black);
    font-size: var(--pc20);
    display: flex;
    align-items: center;
    justify-content: center
}

.login-root .login-content form .error[data-v-0e5a0abf] {
    color: #fa5655;
    font-size: var(--pc10);
    max-width: var(--pc283);
    height: var(--pc30);
    display: flex;
    align-items: center;
    justify-content: center
}

.login-root .login-content form .bar-line[data-v-0e5a0abf] {
    width: var(--pc200);
    border-bottom: solid var(--pc1) #f7e589;
    border-top: solid var(--pc1) #8f8147;
    height: var(--pc2);
    margin-bottom: var(--pc10)
}

.login-root .login-content form .buttons[data-v-0e5a0abf] {
    width: var(--pc283);
    display: flex;
    justify-content: center;
    flex-direction: row
}

.login-root .login-content form .buttons>div[data-v-0e5a0abf] {
    width: var(--pc133);
    height: var(--pc25);
    border-radius: var(--pc5);
    font-size: var(--pc14);
    display: flex;
    align-items: center;
    justify-content: center
}

.login-root .login-content form .buttons>div.submit[data-v-0e5a0abf] {
    width: var(--pc88);
    height: var(--pc25);
    font-size: var(--pc10);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #000;
    color: var(--white);
    border-radius: var(--pc5)
}

.login-root .login-content form .buttons>div.submit .btn-label[data-v-0e5a0abf] {
    z-index: 1;
    pointer-events: none
}

.login-root .login-content form .buttons>div.submit.disabled[data-v-0e5a0abf] {
    background-color: rgba(0, 0, 0, .5);
    cursor: not-allowed !important
}

.login-root .login-content form .buttons>div.submit[data-v-0e5a0abf]:after {
    position: absolute;
    content: " ";
    top: var(--pc2);
    left: var(--pc2);
    right: var(--pc2);
    height: 46%;
    width: calc(100% - var(--pc4));
    border-radius: var(--pc3);
    background-image: linear-gradient(0deg, #535353, #818181 60%, #afafaf), linear-gradient(#000, #000);
    background-blend-mode: normal, normal;
    z-index: 0;
    pointer-events: none
}

.login-root .login-content form .form-footer[data-v-0e5a0abf] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: var(--pc29)
}

.login-root .login-content form .form-footer .v-line[data-v-0e5a0abf] {
    height: var(--pc20);
    width: var(--pc1);
    background: #7a4f56;
    margin-left: var(--pc20);
    margin-right: var(--pc20)
}

.login-root .login-content form .form-footer[data-v-0e5a0abf]:first-child,
.login-root .login-content form .form-footer[data-v-0e5a0abf]:last-child {
    font-size: var(--pc10);
    color: #7a4f56
}

.login-root .customer-service[data-v-0e5a0abf] {
    position: absolute;
    top: auto;
    right: var(--pc22);
    bottom: var(--pc16);
    font-size: var(--pc11);
    display: flex;
    flex-direction: column;
    color: var(--white);
    align-items: center;
    cursor: pointer;
    z-index: 1
}

.login-root .customer-service>svg[data-v-0e5a0abf] {
    width: var(--pc25);
    height: var(--pc25);
    margin-bottom: var(--pc3)
}

.login-root .language[data-v-0e5a0abf] {
    position: absolute;
    left: auto;
    right: var(--pc40);
    top: var(--pc40);
    bottom: auto;
    font-size: var(--pc15);
    color: var(--white)
}

.login-root .footer[data-v-0e5a0abf] {
    position: absolute;
    top: auto;
    bottom: var(--pc10);
    left: 0;
    right: 0;
    margin: auto;
    font-size: var(--pc9);
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #f1d99a;
    font-family: simkai;
    z-index: 0
}

.login-root .footer .image-wrap[data-v-0e5a0abf] {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: var(--pc10)
}

.login-root .footer .image-wrap .fc[data-v-0e5a0abf] {
    background: url(../img/visa-img1@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: var(--pc147) var(--pc28);
    width: var(--pc147);
    height: var(--pc28)
}

.login-root .footer .image-wrap .ceza[data-v-0e5a0abf] {
    background: url(../img/visa-img2@2x.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: var(--pc100);
    height: var(--pc34);
    margin-left: var(--pc8);
    background-size: var(--pc100) var(--pc34)
}

@media (orientation:portrait) {
    .mobile .login-root .login-content[data-v-0e5a0abf] {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: var(--mp335)
    }

    .mobile .login-root .login-content .logo[data-v-0e5a0abf] {
        width: calc(var(--mp1)*127);
        height: calc(var(--mp1)*90);
        background: url(../img/logo.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: calc(var(--mp1)*127) calc(var(--mp1)*90);
        margin-top: var(--mp59);
        -webkit-mask-image: url(../img/logo.png);
        mask-image: url(../img/logo.png);
        -webkit-mask-size: calc(var(--mp1)*127) calc(var(--mp1)*90);
        mask-size: calc(var(--mp1)*127) calc(var(--mp1)*90);
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }

    .mobile .login-root .login-content form[data-v-0e5a0abf] {
        margin-top: var(--mp33);
        border-radius: var(--mp20);
        padding-bottom: var(--mp20);
        border: solid var(--mp1) #f9e683;
        border-radius: var(--mp10)
    }

    .mobile .login-root .login-content form .input[data-v-0e5a0abf] {
        font-size: var(--mp12);
        width: calc(var(--mp1)*310);
        height: var(--mp40);
        margin-top: var(--mp25);
        border-radius: var(--mp5)
    }

    .mobile .login-root .login-content form .input .label[data-v-0e5a0abf] {
        margin: 0 var(--mp17)
    }

    .mobile .login-root .login-content form .error[data-v-0e5a0abf] {
        height: var(--mp40);
        font-size: var(--mp14)
    }

    .mobile .login-root .login-content form .capcha-group[data-v-0e5a0abf] {
        margin-top: var(--mp25);
        width: calc(var(--mp1)*310);
        height: var(--mp40);
        overflow: hidden
    }

    .mobile .login-root .login-content form .capcha-group>div.input[data-v-0e5a0abf] {
        flex-grow: 1;
        width: 0;
        height: 100%;
        margin-top: 0
    }

    .mobile .login-root .login-content form .capcha-group>div.capcha[data-v-0e5a0abf] {
        width: var(--mp66);
        margin-left: var(--mp20);
        background-color: var(--white);
        font-size: var(--mp20)
    }

    .mobile .login-root .login-content form .bar-line[data-v-0e5a0abf] {
        width: calc(var(--mp1)*310);
        border-bottom: solid var(--mp1) #f7e589;
        border-top: solid var(--mp1) #8f8147;
        height: var(--mp2);
        margin-bottom: var(--mp10)
    }

    .mobile .login-root .login-content form .buttons[data-v-0e5a0abf] {
        width: 100%
    }

    .mobile .login-root .login-content form .buttons>div[data-v-0e5a0abf] {
        width: var(--mp125);
        height: var(--mp40);
        border-radius: var(--mp5);
        font-size: var(--mp14);
        border: solid var(--mp1) #000
    }

    .mobile .login-root .login-content form .buttons>div[data-v-0e5a0abf]:after {
        position: absolute;
        content: " ";
        top: var(--mp2);
        left: var(--mp2);
        right: var(--mp2);
        width: calc(100% - var(--mp4));
        border-radius: var(--mp5)
    }

    .mobile .login-root .login-content form .form-footer[data-v-0e5a0abf] {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: var(--mp20)
    }

    .mobile .login-root .login-content form .form-footer .v-line[data-v-0e5a0abf] {
        height: var(--mp20);
        width: var(--mp1);
        margin-left: var(--mp55);
        margin-right: var(--mp55)
    }

    .mobile .login-root .login-content form .form-footer[data-v-0e5a0abf]:first-child,
    .mobile .login-root .login-content form .form-footer[data-v-0e5a0abf]:last-child {
        font-size: var(--mp16)
    }

    .mobile .login-root .customer-service[data-v-0e5a0abf] {
        right: var(--mp22);
        bottom: var(--mp95);
        font-size: var(--mp11)
    }

    .mobile .login-root .customer-service>svg[data-v-0e5a0abf] {
        width: var(--mp25);
        height: var(--mp25);
        margin-bottom: var(--mp3)
    }

    .mobile .login-root .language[data-v-0e5a0abf] {
        font-size: var(--mp12);
        top: var(--mp20);
        right: var(--mp20)
    }

    .mobile .login-root .footer[data-v-0e5a0abf] {
        position: absolute;
        top: auto;
        bottom: var(--mp10);
        left: 0;
        right: 0;
        margin: auto;
        font-size: var(--mp9);
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #f1d99a;
        font-family: simkai
    }

    .mobile .login-root .footer .image-wrap[data-v-0e5a0abf] {
        display: flex;
        align-items: center;
        flex-direction: row;
        margin-bottom: var(--mp10)
    }

    .mobile .login-root .footer .image-wrap .fc[data-v-0e5a0abf] {
        background: url(../img/visa-img1@2x.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: var(--mp147) var(--mp28);
        width: var(--mp147);
        height: var(--mp28)
    }

    .mobile .login-root .footer .image-wrap .ceza[data-v-0e5a0abf] {
        background: url(../img/visa-img2@2x.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        width: var(--mp100);
        height: var(--mp34);
        margin-left: var(--mp8);
        background-size: var(--mp100) var(--mp34)
    }

    .mobile .login-root .footer .footer-text[data-v-0e5a0abf] {
        max-width: calc(var(--mp1)*340);
        text-align: center
    }
}