@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
.sleft{ float:left}
.ceshibox{ max-width:1000px; margin:0 auto; overflow:hidden; width:100%}
.ceshi{ width:100px; height:100px; margin:75px 75px 0; border-radius:50%}
.ceshi:nth-child(1n){ background:#2ecc71}
.ceshi:nth-child(2n){background:#3498db}
.ceshi:nth-child(3n){background:#9b59b6}

.ceshi:nth-child(5n){background:#34495e}
.bounce{ animation-name:bounce; -webkit-animation-name:bounce;}
.flash{ animation-name:flash;-webkit-animation-name:flash;}
.pulse{ animation-name:pulse;-webkit-animation-name:pulse;}
.rubberBand{ animation-name:rubberBand;-webkit-animation-name:rubberBand;}
.shake{ animation-name:shake;-webkit-animation-name:shake;}
.swing{ animation-name:swing;-webkit-animation-name:swing;}
.tada{ animation-name:tada;-webkit-animation-name:tada;}
.wobble{ animation-name:wobble;-webkit-animation-name:wobble;}
.bounceIn{ animation-name:bounceIn;-webkit-animation-name:bounceIn;}
.bounceInDown{ animation-name:bounceInDown;-webkit-animation-name:bounceInDown;}
.bounceInLeft{ animation-name:bounceInLeft;-webkit-animation-name:bounceInLeft;}
.bounceInRight{ animation-name:bounceInRight;-webkit-animation-name:bounceInRight;}
.bounceInUp{ animation-name:bounceInUp;-webkit-animation-name:bounceInUp;}
.bounceOut{ animation-name:bounceOut;-webkit-animation-name:bounceOut;}
.bounceOutDown{ animation-name:bounceOutDown;-webkit-animation-name:bounceOutDown;}
.bounceOutLeft{ animation-name:bounceOutLeft;-webkit-animation-name:bounceOutLeft;}
.bounceOutRight{ animation-name:bounceOutRight;-webkit-animation-name:bounceOutRight;}
.bounceOutUp{ animation-name:bounceOutUp;-webkit-animation-name:bounceOutUp;}
.fadeIn{ animation-name:fadeIn;-webkit-animation-name:fadeIn;}
.fadeInDown{ animation-name:fadeInDown;-webkit-animation-name:fadeInDown;}
.fadeInDownBig{ animation-name:fadeInDownBig;-webkit-animation-name:fadeInDownBig;}
.fadeInLeft{ animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;}
.fadeInLeftBig{ animation-name:fadeInLeftBig;-webkit-animation-name:fadeInLeftBig;}
.fadeInRight{ animation-name:fadeInRight;-webkit-animation-name:fadeInRight;}
.fadeInRightBig{ animation-name:fadeInRightBig;-webkit-animation-name:fadeInRightBig;}
.fadeInUp{ animation-name:fadeInUp;-webkit-animation-name:fadeInUp;}
.fadeInUpBig{ animation-name:fadeInUpBig;-webkit-animation-name:fadeInUpBig;}
.fadeOut{ animation-name:fadeOut;-webkit-animation-name:fadeOut;}
.fadeOutDown{ animation-name:fadeOutDown;-webkit-animation-name:fadeOutDown;}
.fadeOutDownBig{ animation-name:fadeOutDownBig;-webkit-animation-name:fadeOutDownBig;}
.fadeOutLeft{ animation-name:fadeOutLeft;-webkit-animation-name:fadeOutLeft;}
.fadeOutLeftBig{ animation-name:fadeOutLeftBig;-webkit-animation-name:fadeOutLeftBig;}
.fadeOutRight{ animation-name:fadeOutRight;-webkit-animation-name:fadeOutRight;}
.fadeOutRightBig{ animation-name:fadeOutRightBig;-webkit-animation-name:fadeOutRightBig;}
.fadeOutUp{ animation-name:fadeOutUp;-webkit-animation-name:fadeOutUp;}
.fadeOutUpBig{ animation-name:fadeOutUpBig;-webkit-animation-name:fadeOutUpBig;}
.flip{ animation-name:flip;-webkit-animation-name:flip;}
.flipInX{ animation-name:flipInX;-webkit-animation-name:flipInX;}
.flipInY{ animation-name:flipInY;-webkit-animation-name:flipInY;}
.flipOutX{ animation-name:flipOutX;-webkit-animation-name:flipOutX;}
.flipOutY{ animation-name:flipOutY;-webkit-animation-name:flipOutY;}
.lightSpeedIn{ animation-name:lightSpeedIn;-webkit-animation-name:lightSpeedIn;}
.lightSpeedOut{ animation-name:lightSpeedOut;-webkit-animation-name:lightSpeedOut;}
.rotateIn{ animation-name:rotateIn;-webkit-animation-name:rotateIn;}
.rotateInDownLeft{ animation-name:rotateInDownLeft;-webkit-animation-name:rotateInDownLeft;}
.rotateInDownRight{ animation-name:rotateInDownRight;-webkit-animation-name:rotateInDownRight;}
.rotateInUpLeft{ animation-name:rotateInUpLeft;-webkit-animation-name:rotateInUpLeft;}
.rotateInUpRight{ animation-name:rotateInUpRight;-webkit-animation-name:rotateInUpRight;}
.rotateOut{ animation-name:rotateOut;-webkit-animation-name:rotateOut;}
.rotateOutDownLeft{ animation-name:rotateOutDownLeft;-webkit-animation-name:rotateOutDownLeft;}
.rotateOutDownRight{ animation-name:rotateOutDownRight;-webkit-animation-name:rotateOutDownRight;}
.rotateOutUpLeft{ animation-name:rotateOutUpLeft;-webkit-animation-name:rotateOutUpLeft;}
.rotateOutUpRight{ animation-name:rotateOutUpRight;-webkit-animation-name:rotateOutUpRight;}
.hinge{ animation-name:hinge;-webkit-animation-name:hinge;}
.rollIn{ animation-name:rollIn;-webkit-animation-name:rollIn;}
.rollOut{ animation-name:rollOut;-webkit-animation-name:rollOut;}
.zoomIn{ animation-name:zoomIn;-webkit-animation-name:zoomIn;}
.zoomInDown{ animation-name:zoomInDown;-webkit-animation-name:zoomInDown;}
.zoomInLeft{ animation-name:zoomInLeft;-webkit-animation-name:zoomInLeft;}
.zoomInRight{ animation-name:zoomInRight;-webkit-animation-name:zoomInRight;}
.zoomInUp{ animation-name:zoomInUp;-webkit-animation-name:zoomInUp;}
.zoomOut { animation-name:zoomOut ;-webkit-animation-name:zoomOut ;}
.zoomOutDown{ animation-name:zoomOutDown;-webkit-animation-name:zoomOutDown;}
.zoomOutLeft{ animation-name:zoomOutLeft;-webkit-animation-name:zoomOutLeft;}
.zoomOutRight{ animation-name:zoomOutRight;-webkit-animation-name:zoomOutRight;}
.zoomOutUp{ animation-name:zoomOutUp;-webkit-animation-name:zoomOutUp;}
.slideInDown{ animation-name:slideInDown;-webkit-animation-name:slideInDown;}
.slideInLeft{ animation-name:slideInLeft;-webkit-animation-name:slideInLeft;}
.slideInRight{ animation-name:slideInRight;-webkit-animation-name:slideInRight;}
.slideInUp{ animation-name:slideInUp;-webkit-animation-name:slideInUp;}
.slideOutDown{ animation-name:slideOutDown;-webkit-animation-name:slideOutDown;}
.slideOutLeft{ animation-name:slideOutLeft;-webkit-animation-name:slideOutLeft;}
.slideOutRight { animation-name:slideOutRight ;-webkit-animation-name:slideOutRight ;}
.slideOutUp{ animation-name:slideOutUp;-webkit-animation-name:slideOutUp;}