
.signin-group {
	margin: 0 auto; padding: 60px 80px;
    border-radius: 3px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .01),
    			3px -3px 3px rgba(0, 0, 0, .01),
    			-3px 3px 3px rgba(0, 0, 0, .01),
    			-3px -3px 3px rgba(0, 0, 0, .01);
    border: 1px solid #efefef;
}
.signin-group .logo-img {
	width: 170px; height: 58px; margin: 20px auto; display: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.signin-group form .form-control {
	margin: 0 0 5px; height: auto; font-size: 14px;
}
.signin-group .auto-save-container:after { content: ''; display: block; clear: both; }
.signin-group .auto-save-container .auto-save { float: right; }
.signin-group .auto-save-container .auto-save .form-group {
	float: left; margin: 0 15px 0 0;
}
.signin-group .auto-save-container .auto-save .form-group:last-child { margin: 0; }
.signin-group .auto-save-container .auto-save .form-group label {
	cursor: pointer;
	font-size: 14px; font-weight: 500;
    color: #a2a2a2;
}

.signin-group .siginin-btn {
	display: block; width: 100%;
	margin: 7px 0; padding: 11px 0; 
    background-color: var(--point-main);
    font-size: 14px; font-weight: 500; color: #fff;
    border: none; outline: none;
}

.signin-group .search-join:after { content: ''; display: block; clear: both; }
.signin-group .search-join > a {
	display: block; float: left; margin: 0 15px 0 0;
	color: #333; font-size: 14px;
	text-decoration: underline;
}
.signin-group .search-join > a:last-child { float: right; margin: 0; }

@media screen and (max-width: 640px) {
	.signin-group {
		width: calc(100% - 30px); margin: 30px auto; padding: 15px;
	}
}