/*
微商防伪系统制作：shejiweb.taobao.com
QQ：97543800
*/
body,html {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000000;
}
body{line-height:1 ;font-family:"Microsoft YaHei"; margin:0; padding:0;color:#fff;font-size:13px;} 
a:link{
color:#FFF;
text-decoration:none;
}
a:visited {
color: #FFF;
text-decoration:none;
}
a:hover {
color: #f00;
text-decoration:underline;
}
.sky {
  height:100%;background:#007fd5 url(bg.jpg) no-repeat; background-size:100%;
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.clouds_one {
  background: url("cloud_one.png") no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_one 50s linear infinite;
  -moz-animation: cloud_one 50s linear infinite;
  -o-animation: cloud_one 50s linear infinite;
  animation: cloud_one 50s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.clouds_two {
  background: url("cloud_two.png") no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_two 75s linear infinite;
  -moz-animation: cloud_two 75s linear infinite;
  -o-animation: cloud_two 75s linear infinite;
  animation: cloud_two 75s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.clouds_three {
  background: url("cloud_three.png") no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_three 100s linear infinite;
  -moz-animation: cloud_three 100s linear infinite;
  -o-animation: cloud_three 100s linear infinite;
  animation: cloud_three 100s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@-webkit-keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@-moz-keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}

@-webkit-keyframes cloud_two {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@-moz-keyframes cloud_two {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@keyframes cloud_two {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}

@-webkit-keyframes cloud_three {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@-moz-keyframes cloud_three {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@keyframes cloud_three {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
.login-container{position:absolute;margin:25% auto 0; left:0; right:0; z-index:999}
.login-container h1{text-align:center}
.login-container h1 img{width:90%}
form{width:90%;margin:15px auto 0;text-align:center}
input[type="text"]{width:90%;height:2.5em;line-height:2.5em;padding:0.5em;border:1px solid #ccc;border-radius:5px;}
input[type="submit"],input[type="button"]{cursor:pointer;width:90%;line-height:2.5em;margin-top:15px;padding:0; border-radius:5px;font-size:1.3em;color:#fff;border:none}

label.error{display: block; border-radius:5px; border:1px solid #ff0000; margin:10px auto 0;padding:5px; height:180%; line-height:180%; background-color:#fff0cc; text-align:left; width:90%}

.foot{ text-align:center; line-height:25px; color:#FFF;position:absolute; bottom:20px;left:0; right:0;}
@media (min-width:670px){
.login-container{margin:10% auto 0;}
.login-container h1 img{width:300px}
form{width:400px;}
input[type="text"]{width:370px;height:2em;line-height:2em;}
input[type="submit"],input[type="button"]{width:370px;line-height:2em;}
label.error{width:370px;}
}