@charset "utf-8";
/* CSS Document */
*{ padding:0xp; margin:0px;}
body,td,th {
	font-size: 100%;
	color: #FFF;
}
.login{ background:url(bg.jpg) top center no-repeat; background-size:100%; color:#fff;}
.video{ width:800px; /*height:600px; background-image:url(startpic.jpg);
	background-repeat:no-repeat;*/
	/*border:solid 2px #000;*/
	background-position:center center;
	margin:0px auto;}
.top{ width:100%;}
.top img{ width:100%;}
.fooer{ text-align:center; margin-top:30px; font-size:16px; line-height:26px; }
.fooer a{ color:#FFF;text-decoration:none; }
.logo img{ display:block; margin:10px auto; margin-bottom:20px;}
@media only screen and (max-device-width: 400px) { 
	.video{ width:94%; /*height:600px; background-image:url(startpic.jpg);
	background-repeat:no-repeat;
	border:solid 2px #000;*/
	background-position:center center;
	margin:0px auto;
	background-size:100%;}
	.logo img{ display:block; margin:10px auto; margin-bottom:20px; width:94%; margin:10px 3% 45px;}
	.login{ background:url(bg.jpg) top center repeat; background-size:100%; color:#fff;}
	.fooer{ text-align:center; margin-top:50px; font-size:14px; line-height:24px; }
}
@media only screen and (min-device-width: 400px) and (max-device-width: 600px) { 
   .video{ width:94%; /*height:600px; background-image:url(startpic.jpg);
	background-repeat:no-repeat;
	border:solid 2px #000;*/
	background-position:center center;
	margin:0px auto;
	background-size:100%; }
	.logo img{ display:block; margin:10px auto; margin-bottom:20px; width:94%; margin:10px 3% 45px;}
	.login{ background:url(bg.jpg) top center repeat; background-size:100%; color:#fff;}
	.fooer{ text-align:center; margin-top:50px; font-size:1.2em; line-height:1.3em; }
}
@media only screen and (min-device-width: 600px) and (max-device-width: 800px) { 
   .video{ width:94%; /*height:400px; background-image:url(startpic.jpg);
	background-repeat:no-repeat;
	border:solid 2px #000;*/
	background-position:center center;
	margin:0px auto;
	background-size:100%; }
	.logo img{ display:block; margin:10px auto; margin-bottom:20px; width:94%; margin:10px 3% 45px;}
	.login{ background:url(bg.jpg) top center repeat; background-size:100%; color:#fff;}
	.fooer{ text-align:center; margin-top:50px; font-size:1.2em; line-height:1.3em;}
}
@media only screen and (min-device-width: 800px) and (max-device-width: 1300px) { 
   .video{ width:94%; /*height:500px; background-image:url(startpic.jpg);
	background-repeat:no-repeat;
	border:solid 2px #000;*/
	background-position:center center;
	margin:0px auto;
	background-size:100%; }
	.logo img{ display:block; margin:10px auto; margin-bottom:20px; width:94%; margin:10px 3% 45px;}
	.login{ background:url(bg.jpg) top center repeat; background-size:100%; color:#fff;}
	.fooer{ text-align:center; margin-top:50px; font-size:14px; line-height:26px; }
}
@media only screen and (min-width: 1300px) { 
 .login{ background:url(bg.jpg) top center repeat; background-size:100%; color:#fff;}
}