/* outside-page */

/* page-form */	
@media (min-width: 768px) {
.outside-page .page-form {
    padding: 0;
    margin: 20px 100px;}
}
@media (max-width: 767px) {
.outside-page .page-form {
    margin-bottom: 20px;}
	
}	


/* page-form-center */
@media (min-width: 768px) {
.outside-page .page-form.page-form-center {
    max-width: 380px;
	margin: 30px auto 0;}
}
@media (max-width: 767px) {
.outside-page .page-form.page-form-center {
    max-width: 100%;
	margin-top: 15px;}	
}

	
/* head */
.outside-page .head {
	box-shadow: #ccc 0 0 8px 1px;
    padding: 10px 0;
    text-align: center;}
@media (min-width: 768px) {
.outside-page .head {
	margin-bottom: 30px;}
.outside-page .head img {
	height: 45px;}
}	
@media (max-width: 767px) {
.outside-page .head {
	margin-bottom: 15px;}
.outside-page .head img {
	height: 35px;}
}
	
	
/* reset-by	*/
.outside-page .page-form .reset-by {
	text-align: center;
    display: block;
    padding: 5px 0;
    color: #03bbaa;}



/* message-icon */	
.outside-page .fa.message-icon {
    text-align: center;
    display: block;
	color: #ccc;}
@media (min-width: 768px) {
.outside-page .fa.message-icon {
	font-size: 28px;}
}
@media (max-width: 767px) {
.outside-page .fa.message-icon {
	font-size: 20px;}
}

/* fa-color */
.outside-page .fa.fa-key {
	color: #bcc358;}
.outside-page .fa.fa-envelope {
	color: #8aff8a;}
.outside-page .fa.fa-external-link {
	color: #9097cc;}	

/* page-body */
.outside-page .page-form .page-body h2 {
    font-size: 15px;
	color: #4591c5;}
@media (max-width: 767px) {
.outside-page .page-form .page-body label {
    padding-top: 0;}	
}