body {
    margin:0;
    padding:0;
}

ul {
    margin:0;
    padding:0;
}

.login-box {
    display: flex;
    align-items: center;
}

.login-left {
    flex:1 1;
}

.login-bg {
    background-image: url('../Images/login_bg.jpeg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    min-height: 700px;
}

.login-content img{
    width:160px;
}

.login-content {
    padding: 0 110px;
    box-sizing:border-box;
    min-height:530px;
}

.login-form {
    margin-top:50px;
}

.login-swiper ul li {
    display: inline-block;
    margin-right: 20px;
    padding: 10px 0 2px 0;
    font-weight: 500;
    font-size: 22px;
    cursor: pointer;
    color: #909090;
}

.login-type-active {
    border-bottom: 2px solid #f60;
    color: #222 !important;
}

.login-ipt {
    box-sizing:border-box;
    margin-top:20px;
}

    .login-ipt input {
        margin-top:10px;
    }

#iptAccount, #iptPwd {
    outline: none;
    border: none;
    box-shadow: none;
    background: #f8f8f8;
    font-size: 14px;
    height: 100%;
    line-height: 100%;
    width: 100%;
    height:48px;
    line-height:48px;
    text-indent:20px;
    border-radius: 5px;
}

.login-error {
    margin:10px 0;
}

#errorMsg {
    font-size:12px;
    color:red;
}

.login-btn {
    margin-top: 20px;
}

    .login-btn button {
        outline: none;
        width: 100%;
        height: 48px;
        line-height: 48px;
        text-align: center;
        background: #f60;
        font-size: 18px;
        color: #fff;
        border: none;
        border-radius:5px;
        cursor:pointer;
    }

.login-disabled-btn button {
    background: rgba(255, 102, 0,0.5) !important;
}


@media(max-width:577px) {
    .login-bg {
        min-height:inherit;
    }

    .login-content {
        padding:0 35px;
    }
}