.login_0 {display: flex; flex-wrap: nowrap; align-items: top; max-width: 100%; justify-content: center; margin: 0px auto;}

          /* -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; */
.login_1 {flex-basis: 100%;}
  .login_1_0 {background: var(--color_1_100);}
  .login_1_1 {font-weight: 2; font-size: 24px; color: var(--white_100);}
  .login_1_2 {font-weight: 2; font-size: 72px; color: var(--white_100);}
.login_2 {flex-basis: 100%;}

.login_height_1 {position: fixed; width: 60%; top: 0px; bottom: 0px; left: 0px; text-align: center;}
.login_height_2 {position: fixed; width: 40%; top: 0px; bottom: 0px; left: 60%; right: 0px; text-align: center; background: #ffffff;}

.login_tbl {display: table; width: 100%; height: 100%;}
.login_tr {display: table-row;}
.login_td {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}

.login_form_0 {border: 2px solid var(--color_1_050); border-radius: 5px; margin: 0px auto; max-width: 350px;}
.login_form_1 {margin: 20px 20px 10px 20px;}
  .login_form_1_1 {line-height: 1.0; margin-bottom: 20px;}
    .login_form_1_1_a {font-size: 12px; font-weight: 1; margin-bottom: 5px;}
    .login_form_1_1_b {font-size: 24px; font-weight: 2;}
  .login_form_1_2 {margin-bottom: 10px;}
  .login_form_1_3 {margin: 20px 0px 30px 0px;}
.login_form_1_foot {font-size: 9px; padding-bottom: 5px;}

.login_input_eye {position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; cursor: pointer; background-size: 16px !important;}

/* Portrait */
@media only screen and (orientation:portrait) {
  .login_1 {display: none;}
  .login_height_2 {width: calc(100% - 20px); top: 10px; bottom: 10px; left: 10px; right: 10px;}
  .login_form_0 {max-width: 300px;}
}