@charset "utf-8";
body {
	color: #999;
	background-color: #f1f4fd;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

a {
	color: #444;
}
/**/
.login-screen {
	min-height: 100vh;
	box-sizing: border-box;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-image: url(../img/login_bg.jpg);/*background.5825f033.svg*/
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-color: #00589e;
}
.login-card {
     width: 920px;
     max-width: 100%;
     overflow: hidden;
     background-color:#FFFFFF;
	 display: flex;
	 flex-direction:row;
	 align-items: center;
	 justify-content: center;
	 border-radius: 3px;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	background: rgba(255, 255, 255, 1);
	border: none;
	 
}

.login-screen .cover {
            flex: 1;
            padding: 36px 8px 50px 8px;
            box-sizing: border-box;
            background-color: #1681fd;
            background-image: url(../img/login-bg.png?v=1.13);
            background-repeat: no-repeat;
            background-position: bottom;
            background-size: 88%;
            text-align: center;
			height: 550px;
}
.login-screen .wells {
            width: 400px;
            flex-shrink: 0;
            padding: 32px 48px 0;
            box-sizing: border-box;
			height: 550px;
			background-color:#f5f5f5;
        }
.login-head {
			display:none
           }
.profile-img-card {
            width: 100px;
            height: 100px;
            display: block;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            margin: 10px auto 30px;
            border: 5px solid #fff;
        }

        .profile-name-card {
            text-align: center;
        }
@media (max-width: 767px) {
            .login-screen {
                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-screen .cover {
			    width: 100%;
                padding: 24px 12px 100px;
                background-size: auto 100px;
			}
			.login-screen .well {
			    width: 100%;
			}
		   .profile-img-card {
            margin: -113px auto 30px;
          }
        }
.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: 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;
}