*{
		box-sizing: border-box;
	}
	a{
		text-decoration: none;
	}
	html,
	body{
		width: 100%;
		height: 100%;
		margin:0px;
		padding: 0px;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
		font-weight: 400;
		font-family: 'Open Sans', sans-serif;
	}
	fieldset{
		border:none;
	}
	input{
		width: 100%;
		margin-bottom: 20px;
		background: #ffffff;
		border: 1px solid;
		padding: 7px;
		border-radius: 3px;
	}
	.row{
		width: 100%;
		height: 100%;
		background: #ffffff;
	}
	.container{
		background: rgba(38, 109, 179, 0.8);
		border: 1px solid #10314d;
		border-radius: 3px;
		padding: 0px 30px 20px 30px;
		width: 40%;
		position: absolute;
		top: 21%;
		left: 50%;
		transform: translate(-50%);
	}
	.logo{
		width: 50%;
		padding-top: 80px;
		float: left;
		text-align: center;
	}
	.logo img{
		width: 100%;
	}
	.login-box{
		width: 50%;
/* 		float: left; */
    	margin: auto;
	}
	.header{
		color: #ffffff;
		font-size: 18px;
		text-align: center;
	}
	.btn{
		width: 100%;
		background: #4274eae6;
		border:1px solid #1b2229;
		border-radius: 3px;
		padding: 11px;
		cursor: pointer;
		color: #ffffff;
		margin-top: 10%;
	}
	.btn:hover{
		background:#266db3;
	}
	.fotter{
		background: #518ac2;
		border-top: 1px solid #10314d;
		padding: 20px 30px 20px 30px;
		width: 100%;
		position: absolute;
		bottom: 0;
	}
	.fotter-left{
		display: inline-block;
		float: left;
	}
	.fotter-left a{
		color: #88d8ff;
	}
	.fotter-left ul{
		padding: 0;
		margin: 0;
	}
	.fotter-left ul li{
		display: inline-block;
		list-style: none;
		border-right: 1px solid #88d8ff;
		padding-right: 10px;
		margin-right: 10px;
		line-height: 16px;
	}
	.fotter-left ul li:last-child{
		border-right: none;
	}
	.fotter-right{
		display: inline-block;
		float: right;
		color: #88d8ff;
	}