@charset "UTF-8";



#login { width: 300px; height: 200px;  margin:0 auto; padding-top:330px; padding-left:10px;  }
h1 { float: left; margin: 25px 35px; }
h2 { float: right; margin: 35px; }
#login div { position: relative; top: 50px; clear: both; width: 280px; margin: 0 0 0 0px;}
#login div p { margin-bottom: 5px; }
#login div p input { padding: 2px; border: 1px solid #ddd; }
#login div input.btn_login { position: absolute; top: 0; right: 0px; }

#login p.notLogin { color:#f00; padding-top: 5px; }

/* footer */
#footer { position: relative; top:580px; clear:both; text-align: center; }
#footer strong { color: #f00; }
/* //footer */


@media only screen and (max-width : 2000px) and (min-width : 1650px) {
#login {left:52.5%; }
}
@media only screen and (max-width : 1650px) and (min-width : 1000px) {
#login {left:53.5%; }
}
@media only screen and (max-width : 1000px) and (min-width : 700px) {
#login {left:55.3%; }

}