#main h1
	{
	margin-bottom: 10px;
	}

 #main h1 + div
	{
	margin-bottom: 30px;
	}
 
/*--------- FORM ------------------------------------------------------------------------------------------------------------------------------------------*/

 .error
	{
	margin: 10px 0;
	color: red;
	}

 .form
	{
	text-align: left;
	}

 .form label
	{
	display: inline-block;
	font-size: 14px;
	width: 100px;
	}

 .form.step-2 label
	{
	width: auto;
	margin-right: 10px;
	}

 .form.step-2 .field
	{
	width: 200px !important;
	font-size: 18px;
	}

 .notice-1
	{
	margin-bottom: 3px;
	color: #000000;
	}

 .no-code
	{
	display: inline-block;
	margin-bottom: 20px;
	color: #909090;
	}
 .no-code:hover
	{
	color: #0088ff;
	text-decoration: underline;
	}

 .form.step-3 label
	{
	width: 130px;
	}

 .recovery-result a:hover
	{
	text-decoration: underline;
	}


/*-------- MOBILE --------*/

@media (max-width: 480px) 
 {

 .form.step-1 label,
 .form.step-3 label
	{
	display: block;
	width: 100%;
	margin-bottom: 4px;
	}

 #main .field
	{
	width: 100%;
	max-width: 260px;
	}

 .form.step-2 .field
	{
	width: 150px !important;
	}
 }