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:11% 10% 0 28%;width:50%}
.coco{position:relative;float:left;width:100%}
.coco img.hat{position:absolute;z-index:2;float:right;margin-top:42%;margin-left:17%;width:67%}
.coco img.circle{position:relative;z-index:1;float:left;padding:30% 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:-1%}
.bot{position:relative;float:left;width:100%;height:50px;text-align:center;margin-top:-25px}
.bot img{height:100%}