body {
    padding: 0;
    margin-right: 0;
    margin-top: 0;
    margin: 0;
    font-size: 14pt;
    font-family: "微軟正黑體","Ariel";
}

input:focus {
    outline: none;
}

::placeholder {
    color: #b5b5b6;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b5b5b6;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #b5b5b6;
}

.divBGL {
    display: inline-block;
    width: 50%;
    height: 100%;
    background-color: #403f44;
    position: absolute;
    text-align: right;
}

    .divBGL:before {
        content: '';
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

.divBGLI {
    width: 80%;
    max-width: 300px;
    display: inline-block;
    margin-right: 200px;
    vertical-align: middle;
}

.divLogo {
    width: 150px;
    margin: 0px auto;
}

    .divLogo img {
        max-width: 100%;
    }

.divBGLF {
    text-align: left;
    color: #ffffff;
    line-height: 150%;
    font-size: 10pt;
    margin-top: 200px;
}

    .divBGLF a {
        color: #ffffff;
    }

    .divBGLF ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

.divBGR {
    display: inline-block;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0px;
    text-align: left;
}

    .divBGR:before {
        content: '';
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

.divBGRI {
    width: 80%;
    max-width:350px;
    padding-right:20px;
    display: inline-block;
    margin-left: 200px;
    vertical-align: middle;
}

.divTitle {
    width: 100%;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    font-size: 28pt;
    font-weight: bold;
    color: #1f70b1
}

.CtrlItems {
    width: 100%;
    margin-top: 20px;
}

    .CtrlItems input[type=text], .CtrlItems input[type=password] {
        background-color: #f7f7f7;
        width: calc(96% - 5px);
        height: 35px;
        padding: 2%;
        border: none;
        border-left: 5px solid #1f70b1;
        border-radius: 3px;
        font-size: 14pt;
    }

    .CtrlItems .ItemsName {
        display: inline-block;
        line-height: 45px;
        color: #a4b6d6;
        cursor: pointer;
    }

        .CtrlItems .ItemsName .redio {
            display: block;
            float: left;
            width: 21px;
            height: 21px;
            margin: 12px;
            border: solid 1px #1f70b1;
            border-radius: 5px;
            transition: all 240ms ease-in-out;
            user-select: none;
        }

        .CtrlItems .ItemsName .Selt {
            background-color: #1f70b1
        }

    .CtrlItems #aForget {
        display: inline-block;
        line-height: 45px;
        color: #a4b6d6;
        float: right;
    }

    .CtrlItems.Ctrl {
        margin-top: 30px;
    }

        .CtrlItems.Ctrl #btnLogin {
            display: block;
            -webkit-appearance: none;
            width: 100%;
            background-color: #1f70b1;
            border: none;
            border-radius: 3px;
            color: #ffffff;
            cursor: pointer;
            text-decoration: none;
            line-height: 50px;
            transition: all 240ms ease-in-out;
            text-align:center;
        }

            .CtrlItems.Ctrl #btnLogin:hover {
                background-color: #06497e;
            }