/* CSS Document */

.main { width: 100%; height: 100%; position:relative; }

.form-box{ width: 100%; max-width: 480px; margin: 0 auto; position:absolute; top:50%; left:50%; background-color: #ffffff; border-radius:10px; padding: 30px; transform:translate(-50%, -50%); }
.form-head{ margin-bottom: 20px; font-size: 1.2rem; }
.form-group{ margin-bottom: 20px; position:relative; }
.form-group .form-control{ width:100%; padding: 12px; line-height:normal; color: #555; background-color: #fff;border: 1px solid #dbdbdb; border-radius: 5px; font-size: .7rem; }
.form-group .form-control.short{ width: 290px; }

.form-group.last{ margin-bottom: 0; }

#verifycodebox{ float: right; border:1px solid #ccc; background-color:#ffffff; }
#verifycodebox img{ display:block; }
.btn-button{ padding: 8px 30px; line-height:normal; float: right; background-color: #0099ff; color: #f8f8f8; border-radius: 25px; font-size: .8rem; border: none; }
@media screen and (max-width: 480px) {
	.form-group .form-control.short { width: 130px; }
}