body,
html { background: #fbcf02 }
.link,.texts{width:550px;margin:0 auto;color:#505050;display:block;clear:both;padding:10px 0;}
.link a{display:inline-block;padding:12px 25px;text-align:center;background:#70bc18;color:#fff;border-radius:5px;width:200px;font-size:16px; margin:0 12.5px;text-decoration:none;}
.link a.blue{background:#39abe5;}
.img { text-align:center;font-size: 24px;height: 50px;line-height: 50px;overflow: hidden;}
.img span { color:#F00;}
#main { width: 576px; position: absolute; padding: 0px 197px 0; height: 700px; overflow: hidden; top: 50%; left: 50%; margin-top: -350px; margin-left: -485px; }
.main-notice { margin-top: 30px; text-align: center; color: #3d3d3d }
.main-notice h1 { font-size: 48px; height: 64px; line-height: 64px; overflow: hidden; }
.main-notice h2 { font-size: 34px; height: 52px; line-height: 52px; overflow: hidden; }
.main-notice h3 { margin-top: 20px }
.cloud01,
.cloud02 { display: block; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; position: absolute; z-index: 20; -webkit-animation: cloud-scale-keyframes 0.7s linear 0s infinite alternate; -moz-animation: cloud-scale-keyframes 0.7s linear 0s infinite alternate; animation: cloud-scale-keyframes 0.7s linear 0s infinite alternate; }
.cloud01 { background-image: url(../images/404-cloud01.gif); width: 79px; height: 48px; left: 18px; top: 86px; }
.cloud02 { background-image: url(../images/404-cloud02.gif); width: 115px; height: 53px; right: 41px; top: 71px; }
.main-bg { background: url(../images/404-main.gif) 0 0 no-repeat; height: 350px; position: relative; }
.main-bg h1,
.main-bg h2,
.main-bg h3,
.main-bg h4,
.main-bg h5,
.main-bg h6 { background-repeat: no-repeat; background-position: 0 0; overflow: hidden; position: absolute; -webkit-animation: light-keyframes 2s linear 0s infinite forwards; -moz-animation: light-keyframes 2s linear 0s infinite forwards; animation: light-keyframes 2s linear 0s infinite forwards; }
.main-bg h1 { width: 10px; height: 5px; left: 312px; top: 202px; }
.main-bg h2 { width: 12px; height: 8px; left: 369px; top: 206px; }
.main-bg h3 { width: 12px; height: 5px; left: 293px; top: 233px; }
.main-bg h4 { width: 21px; height: 10px; left: 319px; top: 207px; }
.main-bg h5 { width: 15px; height: 7px; left: 362px; top: 219px; }
.main-bg h6 { width: 15px; height: 12px; left: 356px; top: 200px; }
@-webkit-keyframes cloud-scale-keyframes { 0% {
 transform:scale(0.9);
 -moz-transform:scale(0.9);
 -webkit-transform:scale(0.9);
}
100% {
 transform:scale(1.1);
 -moz-transform:scale(1.1);
 -webkit-transform:scale(1.1);
}
}
@-moz-keyframes cloud-scale-keyframes { 0% {
 transform:scale(0.9);
 -moz-transform:scale(0.9);
 -webkit-transform:scale(0.9);
}
100% {
 transform:scale(1.1);
 -moz-transform:scale(1.1);
 -webkit-transform:scale(1.1);
}
}
@keyframes cloud-scale-keyframes { 0% {
 transform:scale(0.9);
 -moz-transform:scale(0.9);
 -webkit-transform:scale(0.9);
}
100% {
 transform:scale(1.1);
 -moz-transform:scale(1.1);
 -webkit-transform:scale(1.1);
}
}
@-webkit-keyframes light-keyframes { 0% {
 -moz-opacity:1;
 filter:alpha(opacity: 100);
 opacity: 1;
}
5% {
 -moz-opacity:0;
 filter:alpha(opacity: 0);
 opacity: 0;
}
10% {
 -moz-opacity:1;
 filter:alpha(opacity: 100);
 opacity: 1;
}
15% {
 -moz-opacity:0;
 filter:alpha(opacity: 0);
 opacity: 0;
}
20% {
 -moz-opacity:1;
 filter:alpha(opacity: 100);
 opacity: 1;
}
25% {
 -moz-opacity:0;
 filter:alpha(opacity: 0);
 opacity: 0;
}
30% {
 -moz-opacity:1;
 filter:alpha(opacity: 100);
 opacity: 1;
}
}
@-moz-keyframes light-keyframes { 0% {
 -moz-opacity:1;
 filter:alpha(opacity: 100);
 opacity: 1;
}
5% {
 -moz-opacity:0;
 filter:alpha(opacity: 0);
 opacity: 0;
}
10% {
 -moz-opacity:1;
 filter:alpha(opacity: 100);
 opacity: 1;
}
15% {
 -moz-opacity:0;
 filter:alpha(opacity: 0);
 opacity: 0;
}
20% {
 -moz-opacity:1;
 filter:alpha(opacity: 100);
 opacity: 1;
}
25% {
 -moz-opacity:0;
 filter:alpha(opacity: 0);
 opacity: 0;
}
30% {
 -moz-opacity:1;
 filter:alpha(opacity: 100);
 opacity: 1;
}
}
@keyframes light-keyframes { 0% {
 -moz-opacity:1;
 filter:alpha(opacity: 100);
 opacity: 1;
}
5% {
 -moz-opacity:0;
 filter:alpha(opacity: 0);
 opacity: 0;
}
10% {
 -moz-opacity:1;
 filter:alpha(opacity: 100);
 opacity: 1;
}
15% {
 -moz-opacity:0;
 filter:alpha(opacity: 0);
 opacity: 0;
}
20% {
 -moz-opacity:1;
 filter:alpha(opacity: 100);
 opacity: 1;
}
25% {
 -moz-opacity:0;
 filter:alpha(opacity: 0);
 opacity: 0;
}
30% {
 -moz-opacity:1;
 filter:alpha(opacity: 100);
 opacity: 1;
}
}