body{background:#f5f5f5}
.bg{position:relative;z-index:1;float:left;width:100%;height:100%}
.bg img{float:left;width:100%;opacity:0}
.wrap{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}
.logo{position:relative;float:left;width:100%;height:50px;text-align:center}
.logo img{width:auto;height:100%}
.top{position:relative;float:left;margin-left:-99%;width:100%;opacity:0}
.top img{float:left;margin:3% 10% 0 10%;width:80%}
.coco{position:relative;float:left;width:100%}
.coco img.hat{position:absolute;z-index:2;float:left;margin:0;width:100%}
.coco img.circle{position:relative;z-index:1;float:left;padding:20% 0 15% 0;width:100%}
@keyframes wobble-vertical{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);-ms-transform:translateY(-20px)}
20%{-webkit-transform:translateY(6px);transform:translateY(6px);-ms-transform:translateY(6px)}
40%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-ms-transform:translateY(-4px)}
60%{-webkit-transform:translateY(2px);transform:translateY(2px);-ms-transform:translateY(2px)}
80%{-webkit-transform:translateY(-1px);transform:translateY(-1px);-ms-transform:translateY(-1px)}
100%{-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
}
.coco ul{position:absolute;width:100%;height:100%}
.a{position:absolute;z-index:3;display:block;opacity:0}
.a a{float:left;width:100%}
.a a img{float:left;width:100%}
.a.a0{top:40%;left:3%}
.a.a1{top:66%;left:74%}
.a.a2{top:76%;left:42%}
.a.a3{top:40%;left:80%}
.a.a4{top:66%;left:9%}
.bot{position:relative;float:left;width:100%;height:30px;text-align:center}
.bot img{height:100%}