@charset "utf-8";
/* CSS Document */

.homeheader-animation {
  width: 265px;
  height: 500px;
  overflow: hidden; }

.subheader-animation {
  width: 250px;
  height: 250px;
  position: relative;
  overflow: hidden; }

.ballon-homeheader {
  position: absolute;
    top: 0;
    left: -192px;
    width: 593px;
    height: 568px;
  background: url(balloon-homeheader.png) no-repeat top center;
  animation: ballon-swing 5s infinite;
  -moz-animation: ballon-swing 5s infinite; 
  -webkit-animation: ballon-swing 5s infinite;
  -o-animation: ballon-swing 5s infinite;   
 }

.ballon-subheader {
  position: absolute;
  top: -10px;
  left: 10px;
  width: 310px;
  height: 310px;
  background: url(balloon-subheader.png) no-repeat -3px 12px;
  animation: ballon-swing 5s infinite; 
   -moz-animation: ballon-swing 5s infinite; 
  -webkit-animation: ballon-swing 5s infinite;
  -o-animation: ballon-swing 5s infinite;   
  }

.boy-header {
  position: absolute;
       top: 150px;
    left: 102px;
    width: 121px;
    height: 234px;
  background: url(boy-header.png) no-repeat; }

.girl-header {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 250px;
  height: 250px;
  background: url(girl-header.png) no-repeat; }

@keyframes ballon-swing {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(10deg); }
  100% {
    transform: rotate(0deg); } }
@-moz-keyframes ballon-swing {
  0% {
    -moz-transform: rotate(0deg); }
  50% {
    transform: rotate(10deg); }
  100% {
    transform: rotate(0deg); } }
@-webkit-keyframes ballon-swing {
  0% {
    -webkit-transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(10deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
@-o-keyframes ballon-swing {
  0% {
    -o-transform: rotate(0deg); }
  50% {
    -o-transform: rotate(10deg); }
  100% {
    -o-transform: rotate(0deg); } }

/*# sourceMappingURL=animation.css.map */



.homeheader-animation2 {
  width: 265px;
  height: 500px;
  overflow: hidden; }

.subheader-animation2 {
  width: 250px;
  height: 250px;
  position: relative;
  overflow: hidden; }

.ballon-homeheader2 {
  position: absolute;
     top: 20px;
    left: -190px;
    width: 568px;
    height: 568px;
  background: url(xxzzy2.png) no-repeat top center;
  animation: ballon-swing 10s infinite; 
    -moz-animation: ballon-swing 10s infinite; 
  -webkit-animation: ballon-swing 10s infinite;
  -o-animation: ballon-swing 10s infinite; 
  }
   

.ballon-subheader2 {
  position: absolute;
  top: -10px;
  left: 10px;
  width: 310px;
  height: 310px;
  background: url(xxzzy2.png) no-repeat -3px 12px;
  animation: ballon-swing 5s infinite; 
    -moz-animation: ballon-swing 5s infinite; 
  -webkit-animation: ballon-swing 5s infinite;
  -o-animation: ballon-swing 5s infinite; 
  }

.boy-header2 {
  position: absolute;
  top: 108px;
  left: 58px;
  width: 135px;
  height: 260px;
  background: url(xxzzy1.png) no-repeat; }


.homeheader-animation3 {
         width: 330px;
    height: 370px;
  overflow: hidden; }

.subheader-animation3 {
  width: 250px;
  height: 250px;
  position: relative;
  overflow: hidden; }

.ballon-homeheader3 {
  position: absolute;
    top: 118px;
    left: 248px;
    width: 67px;
    height: 250px;
  background: url(aixin.png) no-repeat bottom center;
  animation: ballon-swing 3s infinite;
 -moz-animation: ballon-swing 3s infinite; 
  -webkit-animation: ballon-swing 3s infinite;
  -o-animation: ballon-swing 3s infinite;   } 

@keyframes ballon-swing {
  0% {
    transform: rotate(5deg); }
  50% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(5deg); } }
@-moz-keyframes ballon-swing {
  0% {
    -moz-transform: rotate(5deg); }
  50% {
    -moz-transform: rotate(-5deg); }
  100% {
    -moz-transform: rotate(5deg); } }
@-webkit-keyframes ballon-swing {
  0% {
    -webkit-transform: rotate(5deg); }
  50% {
    -webkit-transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(5deg); } }
@-o-keyframes ballon-swing {
  0% {
    -o-transform: rotate(5deg); }
  50% {
    -o-transform: rotate(-5deg); }
  100% {
    -o-transform: rotate(5deg); } }

.ballon-subheader3 {
  position: absolute;
  top: -10px;
  left: 10px;
  width: 310px;
  height: 310px;
  background: url(aixin.png) no-repeat -3px 12px;
  animation: ballon-swing 3s infinite;
    -moz-animation: ballon-swing 3s infinite; 
  -webkit-animation: ballon-swing 3s infinite;
  -o-animation: ballon-swing 3s infinite; 
   }

.boy-header3 {
  position: absolute;
    top: 68px;
    left: 68px;
    width: 195px;
    height: 158px;
  background: url(aixin2.png) no-repeat; }


   .homeheader-animation4 {
  width: 446px;
  height: 350px;
  overflow: hidden; }

.subheader-animation4 {
  width: 250px;
  height: 250px;
  position: relative;
  overflow: hidden; }

.ballon-homeheader4 {
  position: absolute;
  top: -135px;
  left: 60px;
  width: 568px;
  height: 568px;
  background: url(dcr.png) no-repeat center;
  animation: ballon-swing 3s infinite; 
-moz-animation: ballon-swing 3s infinite; 
  -webkit-animation: ballon-swing 3s infinite;
  -o-animation: ballon-swing 3s infinite;   } 
  
  @keyframes ballon-swing {
  0% {
    transform: rotate(3deg); }
  50% {
    transform: rotate(-3deg); }
  100% {
    transform: rotate(3deg); } }
@-moz-keyframes ballon-swing {
  0% {
    -moz-transform: rotate(3deg); }
  50% {
    -moz-transform: rotate(-3deg); }
  100% {
    -moz-transform: rotate(3deg); } }
@-webkit-keyframes ballon-swing {
  0% {
    -webkit-transform: rotate(3deg); }
  50% {
    -webkit-transform: rotate(-3deg); }
  100% {
    -webkit-transform: rotate(3deg); } }
@-o-keyframes ballon-swing {
  0% {
    -o-transform: rotate(3deg); }
  50% {
    -o-transform: rotate(-3deg); }
  100% {
    -o-transform: rotate(3deg); } }


.ballon-subheader4 {
  position: absolute;
  top: -10px;
  left: 10px;
  width: 310px;
  height: 310px;
  background: url(dcr.png) no-repeat -3px 12px;
  animation: ballon-swing 3s infinite; 
    -moz-animation: ballon-swing 3s infinite; 
  -webkit-animation: ballon-swing 3s infinite;
  -o-animation: ballon-swing 3s infinite; 
  }

@keyframes ballon-swing {
  0% {
    transform: rotate(5deg); }
  50% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(5deg); } }
@-moz-keyframes ballon-swing {
  0% {
    -moz-transform: rotate(5deg); }
  50% {
    -moz-transform: rotate(-5deg); }
  100% {
    -moz-transform: rotate(5deg); } }
@-webkit-keyframes ballon-swing {
  0% {
    -webkit-transform: rotate(5deg); }
  50% {
    -webkit-transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(5deg); } }
@-o-keyframes ballon-swing {
  0% {
    -o-transform: rotate(5deg); }
  50% {
    -o-transform: rotate(-5deg); }
  100% {
    -o-transform: rotate(5deg); } }

.boy-header4{
  position: absolute;
  top: 108px;
  left: 58px;
  width: 385px;
  height:204px;
  background: url(dcr2.png) no-repeat; }