html {
    height: 100%;
    font-size: 75%;
    /* 16px*75%=12px */
}

body {
    height: 100%;
    overflow: hidden;
    font-family: "Segoe UI", Helvetica, Verdana, Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
    font-size: 1rem;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    border: 0
}

input,
select,
textarea {
    font-size: 1.3rem;
}

input:focus,
select:focus,
textarea:focus {
    outline: 1px solid #8A8;
}

#WebIVR_login {
    background-image: url('../images/loginBg.png');
    background-position: center;
    display: block;
    text-align: left;
    width: 574px;
    height: 260px;
    line-height: 25px;
}

#WebIVR_login #language_box {
    text-align: right;
    width: 560px;
    margin-top: 5px;
}

#WebIVR_login #ver {
    font-size: 1.2rem;
    text-align: right;
    width: 560px;
    color: #CCC;
}

#WebIVR_login #manager_login_box {
    margin-left: 40px;
    margin-top: 60px;
    padding: 3px;
    width: 450px;
}

#manager_login_box #err {
    height: 25px;
    color: #F00;
    text-align: center;
}

#manager_login_box label {
    font-size: 1.3rem;
    width: 120px;
    text-align: right;
    display: inline-block;
}

#manager_login_box label::after {
    content: '\FF1A';
    /* \FF1A = "："*/
}

#captcha_input {
    width: 400px;
    height: 50px;
    display: inline-block;
    margin-bottom: 5px;
}

#captcha_input #captcha {
    margin-top: 3px;
    margin-left: 4px;
}

#captchaImage {
    border: 1px solid #999;
    margin-top: 3px;
    margin-left: 3px;
}

.center {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.clear {
    clear: both;
}

.bg_login {
    background-image: url('../images/bg.png');
    background-attachment: local;
    background-position: left top;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blackBtn {
    font-size: 1.5rem;
    background-color: #111;
    color: #FFF;
    border: none;
    min-height: 50px;
    min-width: 480px;
    cursor: pointer;
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    -o-border-radius: 3px 3px;
    border-radius: 3px 3px;
}

.blackBtn:hover {
    background-color: #464;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #464 0%, #111 100%);
    background: -moz-linear-gradient(top, #464 0%, #111 100%);
    background: -ms-linear-gradient(top, #464 0%, #111 100%);
    background: -o-linear-gradient(top, #464 0%, #111 100%);
    background: linear-gradient(to bottom, #464 0%, #111 100%);
}
