/* globle border-box setting, no margin, no padding */
* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}
html,body {
  font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 1vmax;
  margin: 0px;
  box-sizing: border-box;
  min-width:1200px;
  background-color: #5e0000;
  color: #fff;
}
  
/* logo part stylesheet are between here ... */
.logos {
  position: fixed;
  top: 6rem;
  left: 40rem;
}
.logo {
  font-size: 5em;
  font-weight: bolder;
}
.sub_logo {
  font-size: 1.65em;
  position: fixed;
  top: 10.5rem;
}   
.system_version {
  font-size: 1em;
  position: fixed;
  top: 12.7rem;
}
/* ... and here (nave part stylesheet) */
  
/* copy infos stylesheet between here ... */
.copy_info_up {
  font-size: 1em;
  position: fixed;
  right: 0.5rem;
  bottom: 1.6rem;
}
.copy_info_down {
  font-size: 1em;
  position: fixed;
  right: 0.7rem;
  bottom: 0.5rem;
}
/* ... and here (copy infos stylesheet)   */

.hidden_msgs {
    display: none;
}
.err_msg {
  position: fixed;
  font-size: 1em;
  text-align: center;
  top: 24rem;
  left: 40rem;
  width: 22em;
}

/* login conponents stylesheet are between here ... */
.login_components {
  position: fixed;
  top: 15rem;
  left: 40rem;
}
.input_box {
  background-color: #9e9e9e;
  color: #fff;
  font-size: 1em;
  font-weight: bolder;
  text-align: center;
  padding: 0.3em;
  margin-bottom: 1rem;
  border-radius: 1em;
  border-color: #fff;
  width: 21em;
}
.input_button {
  background-color: #410000;
  font-size: 1em;
  font-weight: bolder;
  text-align: center;
  color: #fff;
  padding: 0.3em;
  margin-left: 3rem;
  border-radius: 1em;
  border-color: #fff;
  width: 15em;
}
.input_box::placeholder{
  color: rgb(211, 211, 211);
}
.input_button:hover {
  background-color: #830101;
}
/* ... and here (login conponents stylesheet) */