* {
	font-family: 'Oxygen', sans-serif;
}
html, body {
	height: 100%;
}
body {
	cursor: default;
	margin: 0;
	background: #efeff3;
	overflow-y: scroll;
	color: #000;
}
.text-lighter {
	color: #666;
}
a {
	color: #138;
}
input {
	font-size: initial;
}
::placeholder, ::-webkit-input-placeholder, :-ms-input-placeholder, ::-moz-placeholder {
	color: #777;
}
input[type=text], textarea, div.box {
	cursor: text;
}
button, input[type=button] {
	cursor: pointer;
	background: none;
	border: none;
	color: #138;
}
button:hover, input[type=button]:hover {
	text-decoration: underline;
}
input[type=submit] {
	cursor: pointer;
	background: #EFEFEF;
	border: 1px solid #DADADA;
	color: #014;
	border-radius: 2px;
}
button[disabled], input[type=submit][disabled], input[type=button][disabled] {
	cursor: default;
	/*color: #fff !important;*/
	background: #777 !important;
	border-color: #666 !important;
	opacity: .8 !important;
}
select, input[type=text] {
	background-color: white !important;
	border: none !important;
	box-shadow: rgba(0, 0, 0, .25) 0 1px 2px !important;
	border-radius: 3px !important;
}

#classification {
	position: relative;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: rgba(0, 0, 0, .3) 0 1px 2px;
	background-color:green;
	color: #FFF;
	padding: 6px;
	text-align: center;
}

#header {
	position: relative;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	background: #112a44;
	font-size: 0;
	box-shadow: rgba(0, 0, 0, .3) 0 1px 2px;
}
#header_contents {
	position: relative;
}
#header_contents > div {
	font-size: initial;
}
#logo {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 120px;
	line-height: 56px;
	padding: 10px 20px;
	background: #001933;
	text-decoration: none;
	font-weight: normal;
	font-size: 40px;
	letter-spacing: 1px;
	color: #fff;
}
#logo img {
	position: relative;
	vertical-align: top;
	top: 14px;
	margin: 0 -2px 0 -3px;
	width: 33px;
	height: 33px;
}
#header .servicename {
	display: inline-block;
	margin: 25px 30px 0;
	font-size: 23px;
	color: #ffffff;
}

.wrapper-white {
	padding: 20px;
	background: #f6f7fa;
	border-radius: 2px;
	box-shadow: #bbb 0 1px 2px;
}
.wrapper-white h1 {
	margin-top: 0;
}
.wrapper-white p {
	margin-bottom: 0;
}
#container {
	display: inline-block;
	position: relative;
	z-index: 2;
	vertical-align: top;
	width: 100%;
	margin: 10vh 0 15vh;
}
.contained {
	width: 880px;
	max-width: 80vw;
	margin: 0 auto;
	text-align: center;
}
#content {
	text-align: left;
}
.text-center {
	text-align: center;
}

#iagree {
	font-size: 20px;
	padding: 10px 16px;
}

footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #112a44;
	color: white;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
}

footer > * {
	margin-left: 15px;
	margin-right: 15px;
}

footer img {
	width: 40px;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

@media screen and (max-width: 600px) {
	.contained {
		max-width: none;
		width: 100%;
	}
	#content {
		border-radius: 0;
		padding: 27px;
	}
}
@media screen and (max-width: 450px) {
	#header .servicename {
		margin: 27px 20px 0 0;
		font-size: 20px;
		max-width: 180px;
		text-align: right;
		float: right;
	}
}
@media screen and (max-height: 600px) {
	#container {
		margin: 120px 0 70px;
	}
	footer {
		position: relative;
	}
}
@media screen and (max-width: 370px) {
	#logo {
		width: 100%;
		padding: 10px 0;
		text-align: center;
	}
	#header .servicename {
		display: block;
		float: none;
		text-align: center;
		margin: 0;
		padding: 10px 0;
		max-width: none;
	}
	#container {
		margin: 25px 0 75px;
	}
	footer {
		display: block;
		padding: 10px;
	}
	footer > * {
		margin: 0;
		text-align: left;
		line-height: 15px;
	}
	footer img {
		float: left;
		padding: 0;
		margin-right: 10px;
	}
}