body {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #FAFAFA;
}

/* 2017/08/15 : Login Page */
.main_style{
    display: block;
    margin: 20px auto;
    max-width: 980px;
}
.login_header {
    display: block;
    margin: 10px;
}
.login_content {
    display: block;
    margin: 10px;
}
.content_left_6 {
    display: inline-block;
    vertical-align :top;
    width: 59%;
}
.content_right_4 {
    display: inline-block;
    vertical-align: top;
    width: 39%;
}
/* 2017/08/14 : Login Title */
.login_header .logo {
    display: inline-block;
    vertical-align: top;
    min-width: 100px;
    max-width: 160px;
    width: 24%;
    height: 100px;
}
.login_header .login_title_style {
    display: inline-block;
    vertical-align: top;
    min-width: 75%;
    width: 80%;
    height: 100px;
}
.login_title_style .upper_title {
    height: 45px;
    position: relative;
    padding-left: 20px;
}
    .login_title_style .upper_title .login_title_name_style {
        position: absolute;
        bottom: 0px;
    }
.login_title_style .lower_title {
    height: 45px;
    padding-left: 50px;
}
    .login_title_style .lower_title .login_title_name_style {

    }
.login_title_style .separateline {
    
}
/* Services Introduction */
.login_introduce_style {
    margin: 10px;
}

    .login_introduce_style ol {
        list-style-type: none;
        margin: 10px;
    }

    .login_introduce_style li {
        color: #000;
        font-size: 14px;
        font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial';
    }

.introduce_subject {
    margin: 10px;
    color: #06F;
    font-size: 16px;
    font-weight: bolder;
    font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial';
}
/* Login Panel */
.login_panel {
    margin: 10px auto;
    width: 260px;
    border: 5px solid #555555;
    border-radius: 20px;
    background-color: #eeeeee;
    font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial';
}

    .login_panel .title {
        margin: 30px auto 15px;
        text-align: center;
    }

        .login_panel .title .panel_title_style {
            color: #999;
            font-size: 16px;
            font-weight: bolder;
        }

    .login_panel .field {
        margin: 5px 15px;
    }
    .login_panel .community {
        margin: 5px 15px 20px;
        text-align: center;
    }

        .login_panel .community .panel_login_style {
            width: 30px;
            height: 30px;
        }

        .login_panel .field .panel_word_style {
            color: #06F;
            font-size: 16px;
            font-weight: bolder;
        }

        .login_panel .field .input {
            width: 100%;
        }

        .login_panel .field .img_captcha {
            width: 100%;
            height: 60px;
        }

        .login_panel .field .ibtn_Refresh {
            width: 20px;
            height: 20px;
        }

    .login_panel .btns {
        margin: 10px 15px 5px;
        text-align: center;
    }

        .login_panel .btns .btn {
            margin: 5px;
            background-color: #FBFBFB;
            border: 1px solid #ccc;
            font-size: 14px;
            color: #284775;
        }

    .login_panel .msg {
        margin: 20px 15px 35px;
    }

        .login_panel .msg .panel_message_style {
            color: #F00;
            font-size: 13px;
            font-weight: normal;
        }