@charset "UTF-8";

body {
  border-top: 4px solid #165a91;
}

#loginField {
  width:100%;
  max-width:320px;
  margin:0 auto;
  padding:30px 0;
}
  #loginField h1 {
    text-align:center;
    margin:0 0 20px 0;
    color:#165a91;
    font-size:16px;
    font-weight:bold;
  }

.errmsg {
	width:90%;
	background:#FFF;
	border:3px solid #f00;
	padding:10px;
	margin:0 auto 16px auto;
	text-align:left;
	color:#F00;
	box-sizing: border-box;
}

  #loginArea {
    padding:20px;
    background:#165a91;
  }
    #loginArea dl {
    }
      #loginArea dl dt {
        color:#fff;
        font-size:16px;
      }
      #loginArea dl dd {
      }
    #loginArea dl input {
	width:100%;
	box-sizing: border-box;
	font-size:16px;
	border:1px solid #ccc;
	padding: 5px;
	color: #333;
	background: #fff;
	border-radius: 5px;
	margin-bottom:5px;
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	
	-webkit-border-radius: 5px;
	
	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
	
	-moz-border-radius: 5px;
	
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
    }
  .btnFrame {
    padding:20px 0 10px;
  }
.btnFrame input{
  width:100%;
	box-sizing: border-box;
  border:0;
  border-radius:8px;
  background-color:#4b8dc4;
  color:#fff;
  font-size:16px;
  letter-spacing:1px;
  font-weight:bold;
  -webkit-appearance:none;
  cursor:pointer;
  height:50px;
}
.btnFrame input,
.btnFrame input:before,
.btnFrame input:after{
  -webkit-transition: all .3s;
  transition: all .3s;
}
.btnFrame input:hover{
  background-color:#d1e6ff;
  color:#165a91;
}