@charset "UTF-8";

.login { max-width: 300px; margin: 20px auto; padding: 20px 0;}
	.login p { padding: 5px 0; text-align: center; font-size: 16px;}
	.login input[type=text], .login input[type=password] { box-sizing: border-box; padding: 8px 8px; margin:0 0 10px 0; font-size: 16px; width: 100%; border-color:#0059B3; border-style: solid; background-color: #CCDEF0;}
	.login input[type=submit], .login input[type=button] { display:block; width:100%; margin:0 auto; padding:8px 0; overflow:hidden; border:none; text-align:center; color:#FFF; background: linear-gradient(180deg, #999999, #444); cursor: pointer; opacity: 1; transition: .3s; font-size: 16px;}
		.login input[type=submit]:hover, .login input[type=button]:hover { opacity: .7;}

.logintxt { text-align: left;}
	.logintxt p { padding: 10px 0; font-size: 16px;}
		.logintxt p a { color:#666; text-decoration: none;}
			.logintxt p a:hover { color:#46499C; text-decoration: underline;}


@media all and (min-width:320px) {
	/* 320px+ settings */
}

@media all and (min-width:640px) {
	/* 640px+ settings */
}

@media all and (min-width:740px) {
	/* 740px+ settings */
	
}

@media all and (min-width:960px) {
	/* 960px+ settings */
}

@media all and (min-width:1200px) {
	/* 1200px+ settings */
}

@media all and (min-width:1600px) {
	/* 1200px+ settings */

}