* {
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
}

#web_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 1000px;
    z-index: -10;
    zoom: 1;
    background: url("/img/login/bg.png");
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}

.frame {
    position: fixed;
    top: 50%;
    margin-top: -1.25rem;
    right: 0.4rem;
    height: 2.2rem;
    width: 2.35rem;
}

.words {
    cursor: default;
    height: 0.5rem;
}

.corporateName {
    text-align: center;
    background: linear-gradient(178deg, #00E8CF, #009FF1);
    background: -webkit-linear-gradient(178deg, #00E8CF, #009FF1);
    background: -moz-linear-gradient(178deg, #00E8CF, #009FF1);
    background: -ms-linear-gradient(178deg, #00E8CF, #009FF1);
    background: -o-linear-gradient(178deg, #00E8CF, #009FF1);
    font-family: Microsoft JhengHei;
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#00E8CF, endColorstr=#009FF1);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -o-text-fill-color: transparent;
}

.corporateNameChinese {
    font-size: 0.175rem;
    font-weight: bolder;
    letter-spacing: 0.01rem;
}

.corporateNameEnglish {
    font-weight: bolder;
    letter-spacing: 0.025rem;
    font-size: 0.085rem;
}

.chart {
    height: 1.7rem;
    width: 100%;
    position: relative;
}

.imgs {
    height: 100%;
    width: 100%;
}

.userLogin {
    cursor: default;
    width: 100%;
    height: 0.39rem;
    position: absolute;
    top: 0px;
    font-size: 0.1rem;
    display: flex;
    letter-spacing: 0.03rem;
    font-family: Microsoft JhengHei;
    color: #00bff4;
    justify-content: center;
    align-items: center;
}

.inputBox {
    position: absolute;
    top: 0.35rem;
    height: 1.25rem;
    width: 100%;
}

.userMing {
    height: 0.33rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.accountLogin {
    display: flex;
    align-items: center;
    outline: none;
    background: url("/img/login/key.png") no-repeat 0.07rem 0.055rem rgba(0, 191, 244, 0.2);
    background-size: 0.1rem 0.1rem;
    border: 0.01rem solid #0E70B1;
    padding-left: 0.23rem;
}

.passwordLogin {
    display: flex;
    align-items: center;
    outline: none;
    background: url("/img/login/adm.png") no-repeat 0.07rem 0.055rem rgba(0, 191, 244, 0.2);
    background-size: 0.1rem 0.1rem;
    border: 0.01rem solid #0E70B1;
    padding-left: 0.23rem;
}

input[type="text"] {
    width: 1.63rem;
    border: 0px !important;
    font-weight: 100;
    color: #ffffff;
    padding: 0.05rem 0 0.05rem 0.01rem;
    font-size: 0.1rem;
}

input[type="password"] {
    width: 1.63rem;
    border: 0px !important;
    font-weight: 100;
    color: #ffffff;
    padding: 0.05rem 0 0.05rem 0.01rem;
    font-size: 0.1rem;
}

.passwordLock {
    height: 0.19535rem;
    margin: 0px 0.22789rem 0.0521rem 0.22789rem;
    position: relative;
}

#input-sy+label {
    display: block;
    width: 0.06511rem;
    height: 0.06511rem;
    border: 0.00652rem solid #E9E9E9;
    border-radius: 0.0131rem;
    background: #E9E9E9;
    position: absolute;
    top: 0.03582rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

#input-sy:checked+label::before {
    display: block;
    content: "\2714";
    text-align: center;
    font-size: 0.06511rem;
    color: #0E70B1;
}

.passwordOne {
    position: absolute;
    top: 0.0163rem
}

.passwordTwo {
    position: absolute;
    top: 0.0163rem;
    right: -0.22789rem;
}

input[type=checkbox] {
    display: none;
    visibility: hidden;
}

.rememberPassword {
    width: 0.6511rem;
    margin-left: 0.13021rem;
    font-size: 0.0782rem;
    color: #ffffff;
    cursor: default;
    position: absolute;
    top: 0.0196rem;
}

.forgetPassword {
    /* width: 0.6511rem; */
    width: 1.07rem;
    font-size: 0.0782rem;
    position: absolute;
    top: 0.0196rem;
    right: 0px;
}

a {
    cursor: pointer;
    color: #ffffff;
    text-decoration: none;
}

input {
    caret-color: #ffffff;
    background-color: transparent;
    outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: white !important;
    color: white !important;
}

.loginButton {
    cursor: pointer;
    width: 1.8881rem;
    height: 0.22789rem;
    margin: 0 0.22789rem;
    outline: #1B1B1B;
    display: flex;
    letter-spacing: 0.0261rem;
    /* font-weight: bold; */
    justify-content: center;
    align-items: center;
    background: #0BA1F8;
    border: 0.00656rem solid #0BA1F8;
    font-family: Microsoft JhengHei;
    color: #ffffff;
    font-size: 0.0912rem;
}


/* WebKit browsers */

input::-webkit-input-placeholder {
    color: #ffffff !important;
    font-size: 0.0782rem;
    letter-spacing: 0.0261rem;
}


/* Mozilla Firefox 4 to 18 */

input:-moz-placeholder {
    color: #ffffff !important;
    opacity: 1;
    font-size: 0.0782rem;
    letter-spacing: 0.0261rem;
}


/* Mozilla Firefox 19+ */

input::-moz-placeholder {
    color: #ffffff !important;
    opacity: 1;
    font-size: 0.0782rem;
    letter-spacing: 0.0261rem;
}


/* Internet Explorer 10+ */

input:-ms-input-placeholder {
    color: #ffffff !important;
    font-size: 0.0782rem;
    letter-spacing: 0.0261rem;
}