/* Custom Styles */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:inherit;
	padding-top:0.1px;
	margin:0;
}
#warning {
	margin:110px auto 10px;
	padding:30px;
	width:300px;
	background:#FCC;
	color:red;
	font-size:12px;
}
#login_banner {
	padding:5px 20px;
	font-family:"Courier New",monospace;
	font-size:18px;
	font-weight:600;
	color:#F33;
	background-color:#FEA;
}
.login_screen {
	width: 834px;
	height: 433px;
	margin: 90px auto 30px;
	border-radius: 11px;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	border: 1px #808080 solid;
}
.login_screen .login_top_menu {
	background-image: url("../connicon.cgi?type=login_topbg");
	background-repeat: repeat-x;
	background-size: contain;
	height: 112px;
	border-radius: 10px 10px 0 0;
	padding:0 40px;
	color:red;
	font:700 24px Arial, Helvetica, sans-serif;
	text-align:center;
	overflow:auto;
}
.login_screen .login_top_menu:empty::before {
	display:block;
	width:100%;
	height:100%;
	background-image:url("../connicon.cgi?type=login_toplogo");
	background-repeat:no-repeat;
	background-position:left center;
	content:"";
}
.login_screen .login_panel {
	height: 298px;
}
.login_screen .login_panel > div {
	width: 200px;
	margin: 0 auto;
	padding: 40px;
}
.login_screen .login_panel > div > div {
	margin-bottom: 10px;
}
.login_screen .login_panel > div input {
	width: 200px;
}
.login_screen .login_panel .login_title {
	font-weight:bold;
}
.login_screen > .company {
	padding:5px 10px;
	background:#E9F1FC;
	border-radius:0 0 10px 10px;
	font-size:9px;
	height:23px;
	box-sizing:border-box;
}
@media only screen and (max-width: 600px) {
	html, body {
		min-width: 98vw;
	}
	.login_screen {
		width: 80vw;
	}
	.login_screen .login_top_menu {
		padding: 0;
		overflow-y:auto;
	}
	.login_screen .login_top_menu:empty::before {
		background-position:center;
	}
	/* font-size is set to avoid the focus zoom-in when using mobile phone */
	body { font-size: 16px; }
	input, select { font-size: 100%; }
}
