@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 640px) {
	
	
	.login-wrap { width: 340px; top: 55%; margin-left: -170px; }
	
	#light {
		top: 1%;
		width: 300px;
		margin-left: -150px;
	}
	
	.light-box-innerwrap { position:relative; margin:40px 0 0; padding:0; }
	.light-box-innerwrap h1 { text-align:center; padding:0; margin:0; font-size:15px; font-weight:400; color:#999; }
	.light-box-innerwrap h2 { text-align:center; padding:0; margin:0; font-size:11px; font-weight:300; color:#555; }
	.light-box-innerwrap .input-posistion { margin:10px 20px 0 }
	.recommend-input { width:100%; height:40px; border:0; background-color:#050505; text-indent:10px; font-size:12px; color:#fff; border-radius:8px; }
	.recommend-input:focus { outline:none; }

	.light-box-innerwrap .agree-button { position:relative; margin:10px 20px 0; padding:12px 0 16px 0; text-align:center; font-size:14px; color:#eee; background:#333; cursor:pointer; display:block; border-radius:8px;
		-webkit-transition: background-color 0.30s linear;
		-moz-transition: background-color 0.30s linear;
		-o-transition: background-color 0.30s linear;
		transition: background-color 0.30s linear;
	}
	.light-box-innerwrap .agree-button:hover { background:#fc0; color:#222; }

	.light-box-innerwrap .close-button { position:absolute; top:-15px; right:15px; cursor:pointer; }

	
	.register-wrap { width: 340px; margin-left: -170px; top: 1%; }
	.register-innerwrap { padding: 30px 10px 50px; }
	
	
}