@media screen and (max-width: 960px) {
	#loginBox { margin: 10px; }
	#loginBox > div { float: none; width: 60%; }
	#loginBox .rightBox { display: none; }
}
@media screen and (max-width: 640px) {
	#loginBox { position: relative; padding-bottom: 0; }
	#loginBox:before { position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.42); top: 0; left: 0; z-index: 1; content: ""; }
	#loginBox > div { position: relative; width: 80%; z-index: 2; }
	#loginBox form p { width: 100%; }
	#memberList ul li { width: 46%; }
	#memberList ul li a:after { left: 30%; }
}
@media screen and (max-width: 480px) {
	#loginBox { background: none; }
	#loginBox > div { width: 100%; }
	#memberList ul li a:after { left: 22%; }
}
@media screen and (max-width: 450px) {
	#memberList ul { text-align: center; }
	#memberList ul li { width: 90%; }
	#memberList ul li a:after { left: 33%; }
}