/**
 * login样式设置.
 * 
 * ## README
 * 动态背景设置, [参考来源](https://codepen.io/mimikos/pen/wKqyqY).
 * 
 * @version: $Id: login.css 7157 2024-05-07 03:52:03Z fuy $
 */

html,
body {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  background: #191d1e; /* Old browsers */
  background: -moz-linear-gradient(0deg, #191d1e 50%, #283139 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(50%, #191d1e),
    color-stop(100%, #283139)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(0deg, #191d1e 50%, #283139 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(0deg, #191d1e 50%, #283139 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(0deg, #191d1e 50%, #283139 100%); /* IE10+ */
  background: linear-gradient(0deg, #191d1e 50%, #283139 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191d1e', endColorstr='#283139',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  background-attachment: fixed;
}

#container {
  display: flex;
  justify-content: center;
}

#projector {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.login-form {
  width: 370px;
  margin: 10% auto 10px auto;
  font-size: 15px;
  background-color: #fff;
  z-index: 999;
  position: absolute;
}

.login-form form {
  margin-bottom: 15px;
  /* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); */
  padding: 30px;
}
.login-form h2 {
  margin: 0 0 15px;
  font-size: 20px;
}