/* Original MAXIM7 login image, desktop geometry and labels retained. */
body { margin: 0; padding: 0; font-size: .9em; line-height: 1.6em; background: #fff; color: #000; font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif; }
a { color: #004098; }
#login_panel { position: relative; overflow: hidden; width: 900px; height: 600px; margin: 0 auto; }
.login-background { position: absolute; top: 0; left: 50%; width: 900px; height: 600px; transform: translateX(-50%); pointer-events: none; }
.login-background img { display: block; width: 100%; height: 100%; }
#login_panel_in { position: relative; z-index: 1; padding-top: 170px; width: 430px; margin: 0 auto; }
#login_bg { width: 100%; }
#login_bg td { font-size: 1.2em; text-align: center; }
#login_bg td.login_text { text-align: right; width: 39%; white-space: nowrap; }
#login_bg td.login_box { text-align: left; width: 61%; }
.login_textbox { box-sizing: content-box; border: 2px inset #ddd; border-radius: 6px; vertical-align: middle; width: 209px; height: 25px; font-size: 11pt; padding: 2px; }
.error-cell { min-height: 20px; height: 20px; }
.login_err_mes { color: #cf000e; font-weight: normal; font-size: .8em; text-align: center; }
.spacer { height: 20px; }
.notice { font-size: 8pt; }
.login-actions input[type=image] { max-width: 100%; }
.confirmation { max-width: 600px; padding: 32px; margin: 48px auto; border: 1px solid #d0d8e5; border-radius: 8px; }
.brand { max-width: 200px; }
.confirmation h1 { color: #294c92; font-size: 1.5em; }
.confirmation dt { font-weight: bold; }
.confirmation dd { margin: 0 0 12px; }
button { padding: 10px 24px; cursor: pointer; }
@media (max-width: 900px) { #login_panel { width: 100%; } }
@media (max-width: 480px) { .login-background { width: 720px; height: 480px; } #login_panel_in { width: 96%; padding-top: 150px; } #login_bg td { font-size: .95em; } .login_textbox { width: 160px; } .confirmation { margin: 16px; padding: 20px; } }