html { height: 100%; }
body { position: relative; height: 100%; background: #efefef; }

.Contents { margin: auto; width: 890px; height: 500px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
    .LoginFrmWrap { width: 100%; position: relative; border: 1px solid #ccc; background: #fff url('../img/common/bg/login_bg_001.jpg') no-repeat; box-shadow: 0 2px 1px 0 rgba(0,0,0,0.25); padding: 20px; margin-bottom: 10px; box-sizing: border-box; text-align: right; }
    .LoginFrm { width: 300px; display: inline-block; text-align: left; position: relative; }
        .LoginFrm .LogoImg { background: url('../img/common/logo/logo_002.jpg') no-repeat; width: 100%; height: 60px; display: block; margin-bottom: 10px; }
        .LoginFrm .UserIdLbl { display: block; font-size: 16px; color: #666; font-weight: bold; margin-bottom: 10px; }
        .LoginFrm .UserId { display: block; font-size: 16px; padding: 7px 14px; line-height: 1.5; border: 1px solid #d0d0d0; width: 100%; box-sizing: border-box; margin-bottom: 20px; ime-mode: disabled; }
        .LoginFrm .UserId:focus { outline: none; box-shadow: 0 0 0 2px #78dcfa; border: 1px solid #569eb3; }
        .LoginFrm .Passwd.Lbl { display: block; font-size: 16px; color: #666; font-weight: bold; margin-bottom: 10px; }
        .LoginFrm .Passwd { display: block; font-size: 16px; padding: 7px 14px; line-height: 1.5; border: 1px solid #d0d0d0; width: 100%; box-sizing: border-box; margin-bottom: 20px; }
        .LoginFrm .Passwd:focus { outline: none; box-shadow: 0 0 0 2px #78dcfa; border: 1px solid #569eb3; }
        .LoginFrm .LoginBtn { display: block; width: 100%; box-sizing: border-box; background: #1251a3; text-align: center; color: #fff; font-size: 16px; line-height: 1.5; padding: 10px 0; border-bottom: 2px solid #39a8d6; border-radius: 3px; margin-bottom: 10px; }
        .LoginFrm .ChooseLang { float: right; line-height: 1.5; font-size: 14px; }
            .LoginFrm .ChooseLang input { vertical-align: middle; }
        .LoginFrm .IsAdmin { line-height: 1.5; font-size: 14px; }
            .LoginFrm .IsAdmin input { vertical-align: middle; }
        .LoginFrm .UserIdSave { line-height: 1.5; font-size: 14px; }
            .LoginFrm .UserIdSave input { vertical-align: middle; }
        .LoginFrm .PasswdChange { position: absolute; left: 0; right: 0; top: 60px; height: 260px; background: #fff; padding: 10px 0; }
            .LoginFrm .PasswdChange label { font-size: 12px; font-weight: bold; padding-bottom: 5px; display: block; }
            .LoginFrm .PasswdChange .ErrMsg { border: 1px solid #ffc266; background: #fe9; padding: 3px 6px; display: block; border-radius: 2px; margin-bottom: 10px; }
            .LoginFrm .PasswdChange .PasswdHint { color: #393; }
                .LoginFrm .PasswdChange .PasswdHint.Error { color: #900; }
            /*.LoginFrm .PasswdChange .CloseBtn { font-size: 24px; position: absolute; left: 7px; top: 0; }*/
            .LoginFrm .PasswdChange .Passwd { padding: 3px 7px; font-size: 12px; margin-bottom: 10px; }
			.LoginFrm .PasswdChange .LoginChangePwBtn { display: block; width: 100%; box-sizing: border-box; background: #1251a3; text-align: center; color: #fff; font-size: 12px; line-height: 1.1; padding: 10px 0; border-bottom: 2px solid #39a8d6; border-radius: 3px; margin-bottom: 10px; }
            .LoginFrm .PasswdChange .CloseBtn { display: block; width: 100%; box-sizing: border-box; background: #e0e0e0; text-align: center; color: #333; font-size: 12px; line-height: 1.1; padding: 10px 0; border-bottom: 2px solid #39a8d6; border-radius: 3px; }

.Contents .ButtonList { display: block; text-align: center; width: 100%; clear: both; }

body.AppMessenger { -webkit-user-select: none; -webkit-app-region: no-drag; }
    body.AppMessenger .Contents { width: 100%; height: 100%; margin: 0; }
    body.AppMessenger .LoginFrmWrap { width: 100%; height: 100%; padding: 30px 0 0 0; margin: 0; background: #fff; text-align: center; }
    body.AppMessenger .LoginFrm { margin-top: auto; margin-bottom: auto; width: 240px; }
    body.AppMessenger .LogoImg { -webkit-app-region: drag; }
body.AppMessenger .BtnMinimize { width: 25px; height: 25px; display: block; position: absolute; top: 5px; right: 30px; -webkit-app-region: no-drag; }
    body.AppMessenger .BtnMinimize > span { width: 13px; height: 13px; background: url('../img/messenger/messenger.png') 0 0; display: block; margin: 6px 0 0 6px; }
    body.AppMessenger .BtnMinimize:hover > span,
    body.AppMessenger .BtnMinimize:active > span { background-position: -13px 0; }
body.AppMessenger .BtnClose { width: 25px; height: 25px; display: block; position: absolute; top: 5px; right: 5px; -webkit-app-region: no-drag; }
    body.AppMessenger .BtnClose > span { width: 13px; height: 13px; background: url('../img/messenger/messenger.png') -26px 0; display: block; margin: 6px 0 0 6px; }
    body.AppMessenger .BtnClose:hover > span,
    body.AppMessenger .BtnClose:active > span { background-position: -39px 0; }

@media screen and (max-width: 500px) {
    html body.LoginPage { background: #fff; }
    html body.LoginPage .Contents { width: 100%; height: auto; }
    html body.LoginPage .LoginFrmWrap { background: none; height: auto; box-shadow: none; border: none; }
    html body.LoginPage .LoginFrmWrap .LoginFrm { width: 100%;  box-sizing: border-box; }
    html .LoginFrm .PasswdChange { border: none; left: 0; right: 0; }
}