.backgroundBox{width: 880px; margin: 0 auto; }
#auth_login{padding: 70px 0; }
#auth_login > fieldset{width: 600px;margin: 0 auto; border: 1px solid #e0e0e0; }
#auth_login > fieldset > legend{width: 0; height: 0; display:block; overflow: hidden; }
.pwBox{width: 480px; margin: 0 auto; }
#q_password{width: 320px;margin: 10px auto; height: 30px;display:block;  }
.pwBox > button{width: 320px;margin: 10px auto; height: 30px;display:block; border-radius: 3px; border:0; color: #fff; font-size: 16px; font-weight: bold; background-color: #00bcd4; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);}
.pwBox > a{width: 320px;margin: 10px auto; height: 30px; line-height: 30px; text-align:center;display:block; border-radius: 3px; border:0; color: #fff; font-size: 16px; font-weight: bold; background-color: #999; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);}
fieldset{padding: 30px 0; }
fieldset > h4{width: 100%;margin: 30px auto; height: 30px;display:block; font-size: 14px; text-align: center; font-weight: bold; }


@media (max-width: 1279px) and (min-width: 641px) {
	.backgroundBox{width: 100%; margin: 0 auto; }
}

@media (max-width: 640px){
	.backgroundBox{width: 100%; margin: 0 auto; }
	#auth_login{padding: 40px 0; }
	#auth_login > fieldset{width: 90%; }
	.pwBox{width: 80%; margin: 0 auto; }
	#q_password{width: 100%;}
	.pwBox > button{width: 100%;}
	.pwBox > a{width: 100%;}
	fieldset > h4{width: 100%; font-size: 12px; }
}