body {
  margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif!important; word-wrap: break-word; 
  color:#fff;
  background-position: top center;
  background-size: cover;      
}

#login {
  position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -300px;
  margin-top: -85px;
  float: none; 
  width: 600px; 
  color: #fff;
  text-align: center;
  
  background: rgb(0,0,0,0.5);
  border-radius: 10px;
  padding: 20px;
}

.copyright a {
  color: #fff;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px)
and (orientation : portrait) {
  .Area_Logo
  {
    width: 100%;
  }
  .Area_Signin
  {
    width: 100%;
  }
  body { background-image: none; background-color: #003399; }
}