@charset "utf-8";
/* CSS Document */


html{
	padding:0;
	margin:0;
}
body{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif, "微軟正黑體";
	padding: 0px !important;
	margin: 0px !important;
	background-color: #f1f2f7;
}

.signin {
    width: 800px;
    margin: 100px auto 0;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}
.signin h1 {
    margin: 0;
    padding: 15px;
    text-align: center;
    background: #5b6e84;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 300;
}
.login-wrap {
    padding: 15px;
}
.login-wrap div{
    margin-bottom: 15px;
}
.login-wrap .login-name {
    font-size: 24px;
}
.login-wrap .login-img img{
	max-height:80px;
}
.login-wrap .Vcode {
	width:100%;
	overflow:hidden;
}
.login-wrap .Vcode div{
	padding:0;
}
.login-wrap .Vcode img{
	height:34px;
}
.login-wrap .btn-login {
    background: #5b6e84;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    box-shadow: 0 4px #e56b60;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
	.container {
		height: calc(100vh - 30px);
		padding:0;
		margin:15px;
		background-color:#FFF;
	}
	.signin {
		width: 100%;
		margin: 0px auto;
	}
}

/*









@media (max-width: 768px) {
	.container {
		height: calc(100% - 30px);
		padding:0px;
		margin:15px;
		background-color:#FFF;
	}
	.signin {
		width: 100%;
		margin: 0px auto;
	}
}
*/