@charset "utf-8"; 
@import url("reset.css"); /* reset css */

/* login */

#container {position:relative; top: 150px; width: 840px; height: 618px; margin: 0 auto; background: url(/content/img/login/back.gif) 0 100% no-repeat;}
#container .motto {height: 70px; margin: 10px auto 20px auto; padding: 0; background: url(/content/img/login/motto.png) 50% 0 no-repeat;}
#container .box {position:relative; margin: 0 auto; width: 400px; height: 250px; padding-top: 15px; background: url('/content/img/login/box.png') no-repeat;}
#container .box .title {margin: 5px 0 0 60px;}
#container .box .blank {margin-left: 10px;}
#container .box ul {float: left; width: 195px; margin: 20px 0 0 60px;}
#container .box ul li {float: left; margin: 2px 0 5px;}
#container .box ul li span {float: left; display: block; width: 70px;}
#container .box ul li input {width: 110px; line-height: 1.2;}
#container .box .log_btn {display: block; float: left; margin-top: 24px; border: 0; width: 84px; height: 54px; background: url(/content/img/login/button.gif) no-repeat;}
#container .box .btn input:hover, 
#container .box .btn input:active, 
#container .box .btn input:focus {background: url(/content/img/login/button_over.gif) no-repeat;}
#container .box .atn_box {margin-top:5px; text-align: center;}
#container .box .atn_box .atn {font-size: 12px; color: #ca0001;}
#container .box .capslockMsg{position: relative;top: -26px;left: 126px;font-size: 14px;}
.none {display: none;}
.clear {clear: both;}
.event {margin-left: 75px; text-align: center;}