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

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, abbr, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time {
	margin: 0px;
	padding: 0px;
}
body {
	background: url(web_images/bg.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
}
html {
	font-family: "-apple-system", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif;
	background-color: #F5F6F7;
	color: #000;
	/* font-weight: lighter; */
	height: 100%;
	overflow: hidden;
}
.clear:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
#page {
	width: 90%;
	position: absolute;
	left: 5%;
	margin-left: 0%;
	border: 1px solid #D5D5D6;
	border-top-color: #E0E1E2;
	border-bottom-color: #C0C1C2;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
	border-radius: 6px;
	margin-top: 30px;
	background-color: rgba(0, 0, 0, 0.6);
}
#main {
	width: 70%;
	height: 90%;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 36px;
	padding-right: 36px;
}
#top {
	text-align: center;
}
#top .img_server {
	background-size: 175px 175px;
	height: 175px;
	width: 175px;
	display: inline-block;
}
#top .welcome_server {
	font-size: 28pt;
	line-height: 23pt;
	margin-top: 20px;
}
#top .welcome_server_desc {
	font-size: 13pt;
	color: #959595;
	width: 540px;
	margin: auto;
	margin-top: 15px;
}
#top .border_bottom {
	height: 1px;
	width: 100%;
	margin-top: 24px;
	background-color: #D7D7D7;
}
#bottom {
	padding-left: 12px;
	margin-bottom: 10px;
}
#bottom .item, #bottom a.item:link, #bottom a.item:visited, #bottom a.item:hover, #bottom a.item:active {
	width: 310px;
	height: 64px;
	float: left;
	margin: 25px 13px 0px 0px;
	outline: 0;
	text-decoration: none;
	color: #000;
}
#bottom .item .img_item {
	height: 64px;
	width: 64px;
	background-size: 64px 64px;
	float: left;
}
#bottom .item .item_desc_container {
	margin-left: 75px;
	padding-top: 3px;
}
#bottom .item .item_desc_container .item_title {
	font-size: 14pt;
}
#bottom .item .item_desc_container .item_desc {
	font-size: 9pt;
	color: #959595;
}
div#outer {
	display: table;
	height: 100%;
	width: 100%;
}
div#container {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#paragraph {
	padding: 20px 0 30px 40px;
	margin: 0 auto;
	text-align: left;
	width: 560px;
	color: #146b9d;
	font-size: 11pt;
	font-weight: bold;
	font-family: Verdana;
}
button {
  font-size: 18px;
  display: inline-block;
  outline: 0;
  border: 0;
  cursor: pointer;
  will-change: box-shadow,transform;
  background: radial-gradient( 100% 100% at 100% 0%, #89E5FF 0%, #5468FF 100% );
  box-shadow: 0px 0.01em 0.01em rgb(45 35 66 / 40%), 0px 0.3em 0.7em -0.01em rgb(45 35 66 / 30%), inset 0px -0.01em 0px rgb(58 65 111 / 50%);
  padding: 0 2em;
  border-radius: 0.3em;
  color: #fff;
  height: 2.6em;
  text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

button:hover {
  box-shadow: 0px 0.1em 0.2em rgb(45 35 66 / 40%), 0px 0.4em 0.7em -0.1em rgb(45 35 66 / 30%), inset 0px -0.1em 0px #3c4fe0;
  transform: translateY(-0.1em);
}

button:active {
  box-shadow: inset 0px 0.1em 0.6em #3c4fe0;
  transform: translateY(0em);
}