body {
	color: #999;
	background-color: #f1f4fd;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

a {
	color: #444;
}
.login-wrapper {
	min-height: 100vh;
	box-sizing: border-box;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-image: url(../img/manystore/login-bg-2f630cea.png);
	background-repeat: no-repeat;
	background-size: 100% 100%
}
.login-card {
     width: 920px;
     max-width: 100%;
     overflow: hidden;
     background-color:#FFFFFF;
	 display: flex;
	 flex-direction:row;
	 align-items: center;
	 justify-content: center;
	 
}

.login-cover {
            flex: 1;
            padding: 36px 8px;
            box-sizing: border-box;
            background-color: #1681fd;
            background-image: url(../img/manystore/login-img-f0a89e6b.png);
            background-repeat: no-repeat;
            background-position: bottom;
            background-size: contain;
            text-align: center;
			height: 550px
			/*width:520px;
			float:left*/
}

.login-body {
            width: 400px;
            flex-shrink: 0;
            padding: 32px 48px 0;
            box-sizing: border-box;
			height: 550px
			/*float:right;*/
}
.heading-text{
   font-size: 24px; margin-top: 18px;
}
.login-title {
	color: #fffffffa;
	font-size: 26px;
	margin: 0 0 6px;
	font-weight: 400;
	font-family: AliPuHui;
	letter-spacing: 1.2px
}

.login-subtitle {
	color: #fffc;
	font-size: 16px;
	margin: 20px 0 0;
	font-weight: 400;
	font-family: AliPuHui;
	letter-spacing: 4px
}
.login-form {
	padding: 40px 0px;
	position: relative;
	z-index: 99;
}

#login-form {
	margin-top: 20px;
}

#login-form .input-group {
	margin-bottom: 18px;
}

#login-form .form-control {
	font-size: 15px;
	border-radius: 0 5px 5px 0;
	height:44px;
	line-height:44px;
	border:0;
}
#login-form .input-group{
    border:1px solid #D2D6DE;
    border-radius: 5px;
}
#login-form .input-group-addon{
border-radius: 5px 0 0 5px;
border:0;
}
#login-form .input-group-addon .glyphicon{ color:#D9DBE0}
#login-form .form-group{ padding-top:10px;}
#login-form  .btn{
    border:none;
    outline:none;
    background-color:transparent;
    box-shadow:none;
}
@media screen and (max-width: 768px) {
            .login-wrapper {
                padding: 0;
                display: block;
                background: #fff;
            }

            .login-card {
                
                background: none;
                box-shadow: none;
                border-radius: 0;
				display: flex;
	            flex-direction:column;
	            align-items: center;
	            justify-content: center;
            }

            .login-cover {
			    width: 100%;
                padding: 24px 12px 100px;
                background-size: auto 100px;
            }

            .login-body {
                width: 100%;
            }
        }
