@charset "utf-8";
@media screen and (min-width:480.99px), projection {
BODY {
	margin:0;
	padding:0;
	background:#d4d6d8;
	color:#000;
	width:900px
}
section, footer, aside, nav, article {
	display:block
}
img, a img {
	border:0
}
@keyframes fade {
0% {
opacity:0;
visibility:visible
}
5% {
opacity:1
}
14% {
opacity:1
}
15% {
opacity:0
}
100% {
opacity:0
}
}
#show {
	opacity:1;
	visibility:visible;
	position:relative;
	top:0;
	left:0
}
#topimage {
	float:left;
	width:464px;
	height:290px;
	background:url(abort.jpg) no-repeat
}
.top {
	position:relative;
	height:290px;
	width:464px;
	overflow:hidden;
	float:left;
	padding:0;
	margin:0
}
.top img {
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	visibility:hidden;
	animation-name:fade;
	animation-duration:50s;
	animation-iteration-count:infinite;
	padding:0;
	margin:0
}
.top img:nth-child(1) {
	animation-delay:0
}
.top img:nth-child(2) {
	animation-delay:5s
}
.top img:nth-child(3) {
	animation-delay:10s
}
.top img:nth-child(4) {
	animation-delay:15s
}
.top img:nth-child(5) {
	animation-delay:20s
}
.top img:nth-child(6) {
	animation-delay:25s
}
.top img:nth-child(7) {
	animation-delay:30s
}
.top img:nth-child(8) {
	animation-delay:35s
}
.top img:nth-child(9) {
	animation-delay:40s
}
.top img:nth-child(10) {
	animation-delay:45s
}
nav {
	padding:5px 0 0 13px;
	float:left;
	font:12px Verdana, Arial, Sans-Serif;
	height:287px;
	line-height:16px;
	width:423px;
	margin:0
}
nav ul {
	list-style-type:none;
	margin:15px 0 0;
	padding:0
}
aside {
	padding:27px 15px 0 20px;
	float:left;
	width:140px;
	font:11px Verdana;
	color:#757575;
	line-height:130%;
	margin:0
}
article {
	padding:0 0 0 24px;
	margin:0;
	font:14px Verdana;
	float:left;
	text-align:justify;
	width:700px;
	line-height:130%;
	border-left:1px dashed #aaa
}
h1 {
	font:26px Arial;
	font-weight:700;
	padding:14px 0 0
}
A:link {
	text-decoration:underline;
	color:#004f84
}
A:visited {
	text-decoration:underline;
	color:#004f84
}
A:hover {
	text-decoration:none;
	color:#3d64ad
}
A:active {
	text-decoration:underline;
	color:red
}
#online {
	color:#910003
}
.mobi {
	display:none
}
footer {
	width:700px;
	padding:30px 0 15px 24px;
	float:left;
	border-left:1px dashed #aaa;
	margin-left:175px
}
footer ul {
	padding:0;
	margin:0
}
footer li {
	display:inline-block
}
footer li a:link, footer li a:visited {
	display:inline-block;
	border:1px solid;
	font:12px Verdana;
	font-weight:700;
	text-align:center;
	padding:4px 20px;
	background-color:#888;
	border-color:#333;
	text-decoration:none;
	color:#fff;
	border-radius:4px;
	margin:0 6px 0 0
}
footer li a:hover {
	border:1px solid;
	background-color:#fff;
	border-color:#037;
	color:#037
}
footer li a:active {
	border:1px solid;
	background-color:red;
	border-color:#fff;
	color:#fff
}
img {
	border:0
}
.img1 {
	margin:6px 0 5px 12px;
	float:right;
	border:1px solid #999
}
.img2 {
	margin:0 0 5px 12px;
	float:right
}
h2 {
	font:18px;
	margin:35px 0 10px;
	padding:0
}
}
@media screen and (max-width:480px) {
BODY {
	padding:0;
	margin:0 auto;
	background:#d4d6d8;
	color:#000;
	width:96%
}
iframe {
	width:100%!important;
	height:auto!important
}
img {
	max-width:100%;
	height:auto;
	border:0
}
.mobi {
	width:100%;
	height:auto;
	border:0
}
aside, .mobile {
	display:none
}
article {
	font:18px Verdana;
	text-align:justify;
	line-height:130%
}
h1 {
	font:26px Arial;
	font-weight:700;
	padding:14px 0 0;
	text-align:left
}
nav {
	padding:0;
	font:12px Verdana, Arial, Sans-Serif;
	text-align:center
}
nav ul {
	list-style-type:none;
	padding:0
}
nav li a:link, nav li a:visited, nav li a:hover {
	display:block;
	width:100%;
	border:1px solid #333;
	font:12px Verdana;
	font-weight:700;
	text-align:center;
	background-color:#888;
	text-decoration:none;
	color:#fff;
	border-radius:4px;
	margin:0 0 3px;
	padding:6px 0
}
nav li a:active, nav li a:focus {
	border:1px solid;
	background-color:red;
	border-color:#fff;
	color:#fff
}
footer ul {
	padding:25px 0 0;
	margin:0
}
footer li {
	display:inline-block
}
footer li a:link, footer li a:visited {
	display:inline-block;
	border:1px solid;
	font:12px Verdana;
	font-weight:700;
	text-align:center;
	padding:4px 20px;
	background-color:#888;
	border-color:#333;
	text-decoration:none;
	color:#fff;
	border-radius:4px;
	margin:0 6px 2px 0
}
footer li a:active, footer li a:focus {
	border:1px solid;
	background-color:#fff;
	border-color:#037;
	color:#037
}
A:link {
	text-decoration:underline;
	color:#004f84
}
A:visited {
	text-decoration:underline;
	color:#004f84
}
A:hover {
	text-decoration:none;
	color:#3d64ad
}
A:active, A:focus {
	text-decoration:underline;
	color:red
}
.img1 {
	margin:0 0 10px;
	border:1px solid #999;
	width:100%
}
.img2 {
	display:none
}
h2 {
	font:22px;
	margin:20px 0 7px;
	padding:0;
	text-align:left
}
@keyframes fade {
0% {
opacity:0
}
5% {
opacity:1
}
14% {
opacity:1
}
15% {
opacity:0
}
100% {
opacity:0
}
}
.top {
	position:relative;
	height:auto;
	width:100%;
	padding:0;
	margin:0
}
.top img {
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	animation-name:fade;
	animation-duration:50s;
	animation-iteration-count:infinite;
	height:auto;
	width:100%;
	padding:0;
	margin:0;
	border:0
}
.top img:nth-child(1) {
	animation-delay:0
}
.top img:nth-child(2) {
	animation-delay:5s
}
.top img:nth-child(3) {
	animation-delay:10s
}
.top img:nth-child(4) {
	animation-delay:15s
}
.top img:nth-child(5) {
	animation-delay:20s
}
.top img:nth-child(6) {
	animation-delay:25s
}
.top img:nth-child(7) {
	animation-delay:30s
}
.top img:nth-child(8) {
	animation-delay:35s
}
.top img:nth-child(9) {
	animation-delay:40s
}
.top img:nth-child(10) {
	animation-delay:45s
}
#show {
	opacity:1;
	visibility:visible;
	position:relative;
	top:0;
	left:0
}
#topimage {
	margin:0;
	padding:0
}
}