@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animatedslow {
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}




@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}



@-webkit-keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-50deg);
            transform: rotate(-50deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rotate {
  -webkit-animation-name: rotate;
          animation-name: rotate;
}



@-webkit-keyframes boxsize {
  0% {
    -webkit-transform: scale(1.1,1.1);
            transform: scale(1.1,1.1);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes boxsize {
  0% {
    -webkit-transform: scale(1.1,1.1);
            transform: scale(1.1,1.1);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.boxsize {
  -webkit-animation-name: boxsize;
          animation-name: boxsize;
}


@-webkit-keyframes tobig {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  30% {
    -webkit-transform: none;
            transform: none;
  }


  100% {
  	-webkit-transform: scale(1.04,1.04);
            transform: scale(1.04,1.04);
  }
}

@keyframes tobig {
  0% {
    -webkit-transform: none;
            transform: none;

  }

  30% {
    -webkit-transform: none;
            transform: none;
  }
  100% {    
  	-webkit-transform: scale(1.04,1.04);
            transform: scale(1.04,1.04);
  }
}

.tobig {
  -webkit-animation-name: tobig;
          animation-name: tobig;
}





.cgsize{
	overflow:hidden;
}
.cgsize img{
    transition: all 1s ease 0s;
    -webkit-transform: all 1s ease 0s;
}
.cgsize:hover img{
	transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
}

.slidedown{
	-webkit-transform:translateY(0px);
	-webkit-animation:animations 4s ease 0s;
	transform:translateY(0px);
	animation:animations 4s ease 0s;
}
@-webkit-keyframes animations{
	0%{-webkit-transform:translateY(-700px);}
	30%{-webkit-transform:translateY(-372px);}
	100%{-webkit-transform:translateY(0px);}
}

@keyframes animations{
	0%{transform:translateY(-700px);}
	30%{-webkit-transform:translateY(-372px);}
	100%{transform:translateY(0px);}
}

.slidedown2{
	-webkit-transform:translateY(0px);
	-webkit-animation:animations2 2s ease 0s;
	transform:translateY(0px);
	animation:animations2 2s ease 0s;
}
@-webkit-keyframes animations2{
	0%{-webkit-transform:translateY(-140px);}
	100%{-webkit-transform:translateY(0px);}
}

@keyframes animations2{
	0%{transform:translateY(-140px);}
	100%{transform:translateY(0px);}
}



@-webkit-keyframes ani_yao {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  25% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  75% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes ani_yao {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  25% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  75% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}