@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: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes bounce {
	0%,100%,20%,53%,80% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	40%,43% {
		-webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		-webkit-transform: translate3d(0,-15px,0);
		transform: translate3d(0,-15px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0)
	}
}

@keyframes bounce {
	0%,100%,20%,53%,80% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	40%,43% {
		-webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
		-webkit-transform: translate3d(0,-15px,0);
		transform: translate3d(0,-15px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes flash {
	0%,100%,50% {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

@keyframes flash {
	0%,100%,50% {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

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

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05)
	}

	100% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05)
	}

	100% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

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

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	30% {
		-webkit-transform: scale3d(1.25,.75,1);
		transform: scale3d(1.25,.75,1)
	}

	40% {
		-webkit-transform: scale3d(0.75,1.25,1);
		transform: scale3d(0.75,1.25,1)
	}

	50% {
		-webkit-transform: scale3d(1.15,.85,1);
		transform: scale3d(1.15,.85,1)
	}

	65% {
		-webkit-transform: scale3d(.95,1.05,1);
		transform: scale3d(.95,1.05,1)
	}

	75% {
		-webkit-transform: scale3d(1.05,.95,1);
		transform: scale3d(1.05,.95,1)
	}

	100% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	30% {
		-webkit-transform: scale3d(1.25,.75,1);
		transform: scale3d(1.25,.75,1)
	}

	40% {
		-webkit-transform: scale3d(0.75,1.25,1);
		transform: scale3d(0.75,1.25,1)
	}

	50% {
		-webkit-transform: scale3d(1.15,.85,1);
		transform: scale3d(1.15,.85,1)
	}

	65% {
		-webkit-transform: scale3d(.95,1.05,1);
		transform: scale3d(.95,1.05,1)
	}

	75% {
		-webkit-transform: scale3d(1.05,.95,1);
		transform: scale3d(1.05,.95,1)
	}

	100% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

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

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

	10%,30%,50%,70%,90% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	20%,40%,60%,80% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}
}

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

	10%,30%,50%,70%,90% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	20%,40%,60%,80% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}
}

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

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0,0,1,15deg);
		transform: rotate3d(0,0,1,15deg)
	}

	40% {
		-webkit-transform: rotate3d(0,0,1,-10deg);
		transform: rotate3d(0,0,1,-10deg)
	}

	60% {
		-webkit-transform: rotate3d(0,0,1,5deg);
		transform: rotate3d(0,0,1,5deg)
	}

	80% {
		-webkit-transform: rotate3d(0,0,1,-5deg);
		transform: rotate3d(0,0,1,-5deg)
	}

	100% {
		-webkit-transform: rotate3d(0,0,1,0deg);
		transform: rotate3d(0,0,1,0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0,0,1,15deg);
		transform: rotate3d(0,0,1,15deg)
	}

	40% {
		-webkit-transform: rotate3d(0,0,1,-10deg);
		transform: rotate3d(0,0,1,-10deg)
	}

	60% {
		-webkit-transform: rotate3d(0,0,1,5deg);
		transform: rotate3d(0,0,1,5deg)
	}

	80% {
		-webkit-transform: rotate3d(0,0,1,-5deg);
		transform: rotate3d(0,0,1,-5deg)
	}

	100% {
		-webkit-transform: rotate3d(0,0,1,0deg);
		transform: rotate3d(0,0,1,0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	10%,20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
		transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
	}

	100% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	10%,20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
		transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
	}

	100% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

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

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

	15% {
		-webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
		transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
	}

	30% {
		-webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
		transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
		transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
	}

	60% {
		-webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
		transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
		transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
	}

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

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

	15% {
		-webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
		transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
	}

	30% {
		-webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
		transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
		transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
	}

	60% {
		-webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
		transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
		transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
	}

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

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

@-webkit-keyframes bounceIn {
	0%,100%,20%,40%,60%,80% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes bounceIn {
	0%,100%,20%,40%,60%,80% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	20% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	40% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}

	80% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
	0%,100%,60%,75%,90% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

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

@keyframes bounceInDown {
	0%,100%,60%,75%,90% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

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

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

@-webkit-keyframes bounceInLeft {
	0%,100%,60%,75%,90% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px,0,0);
		transform: translate3d(-3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0)
	}

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

@keyframes bounceInLeft {
	0%,100%,60%,75%,90% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px,0,0);
		transform: translate3d(-3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0)
	}

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

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

@-webkit-keyframes bounceInRight {
	0%,100%,60%,75%,90% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px,0,0);
		transform: translate3d(3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px,0,0);
		transform: translate3d(-25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(-5px,0,0);
		transform: translate3d(-5px,0,0)
	}

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

@keyframes bounceInRight {
	0%,100%,60%,75%,90% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px,0,0);
		transform: translate3d(3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px,0,0);
		transform: translate3d(-25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(-5px,0,0);
		transform: translate3d(-5px,0,0)
	}

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

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

@-webkit-keyframes bounceInUp {
	0%,100%,60%,75%,90% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0)
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes bounceInUp {
	0%,100%,60%,75%,90% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0)
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	50%,55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9)
	}

	50%,55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}
}

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

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}
}

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

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}
}

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

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	40%,45% {
		opacity: 1;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}
}

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

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

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

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

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

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

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

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

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}

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

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}

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

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

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

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

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

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

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

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}

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

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}

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

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

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

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

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

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

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

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}

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

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}

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

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

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

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

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

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

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

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}

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

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}

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

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

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

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

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1
	}

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

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}

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

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

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}
}

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

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

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

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

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

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

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}
}

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

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}

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

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

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

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

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}
}

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

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}

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

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

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

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

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}
}

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

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
		transform: perspective(400px) rotate3d(0,1,0,-360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
		transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
		transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95,.95,.95);
		transform: perspective(400px) scale3d(.95,.95,.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
		transform: perspective(400px) rotate3d(0,1,0,-360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
		transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
		transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95,.95,.95);
		transform: perspective(400px) scale3d(.95,.95,.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
		transform: perspective(400px) rotate3d(1,0,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
		transform: perspective(400px) rotate3d(1,0,0,-5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
		transform: perspective(400px) rotate3d(1,0,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
		transform: perspective(400px) rotate3d(1,0,0,-5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
		transform: perspective(400px) rotate3d(0,1,0,90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
		transform: perspective(400px) rotate3d(0,1,0,-20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
		transform: perspective(400px) rotate3d(0,1,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
		transform: perspective(400px) rotate3d(0,1,0,-5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
		transform: perspective(400px) rotate3d(0,1,0,90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
		transform: perspective(400px) rotate3d(0,1,0,-20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
		transform: perspective(400px) rotate3d(0,1,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
		transform: perspective(400px) rotate3d(0,1,0,-5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
		transform: perspective(400px) rotate3d(0,1,0,-15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
		transform: perspective(400px) rotate3d(0,1,0,90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
		transform: perspective(400px) rotate3d(0,1,0,-15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
		transform: perspective(400px) rotate3d(0,1,0,90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%,0,0) skewX(-30deg);
		transform: translate3d(100%,0,0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

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

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%,0,0) skewX(-30deg);
		transform: translate3d(100%,0,0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

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

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(100%,0,0) skewX(30deg);
		transform: translate3d(100%,0,0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(100%,0,0) skewX(30deg);
		transform: translate3d(100%,0,0) skewX(30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,-200deg);
		transform: rotate3d(0,0,1,-200deg);
		opacity: 0
	}

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

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,-200deg);
		transform: rotate3d(0,0,1,-200deg);
		opacity: 0
	}

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

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

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}

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

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}

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

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

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}

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

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}

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

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

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}

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

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}

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

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

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,-90deg);
		transform: rotate3d(0,0,1,-90deg);
		opacity: 0
	}

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

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,-90deg);
		transform: rotate3d(0,0,1,-90deg);
		opacity: 0
	}

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

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

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,200deg);
		transform: rotate3d(0,0,1,200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,200deg);
		transform: rotate3d(0,0,1,200deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,90deg);
		transform: rotate3d(0,0,1,90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,90deg);
		transform: rotate3d(0,0,1,90deg);
		opacity: 0
	}
}

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

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,60% {
		-webkit-transform: rotate3d(0,0,1,80deg);
		transform: rotate3d(0,0,1,80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,80% {
		-webkit-transform: rotate3d(0,0,1,60deg);
		transform: rotate3d(0,0,1,60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0,700px,0);
		transform: translate3d(0,700px,0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,60% {
		-webkit-transform: rotate3d(0,0,1,80deg);
		transform: rotate3d(0,0,1,80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,80% {
		-webkit-transform: rotate3d(0,0,1,60deg);
		transform: rotate3d(0,0,1,60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0,700px,0);
		transform: translate3d(0,700px,0);
		opacity: 0
	}
}

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

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
		transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
	}

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

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
		transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
	}

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

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

@-webkit-keyframes rollOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
		transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
		transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
	}
}

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

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

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

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
		animation-timing-function: cubic-bezier(0.175,.885,.32,1)
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
		animation-timing-function: cubic-bezier(0.175,.885,.32,1)
	}
}

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

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
		transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
		animation-timing-function: cubic-bezier(0.175,.885,.32,1)
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
		transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
		animation-timing-function: cubic-bezier(0.175,.885,.32,1)
	}
}

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

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
		transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
		animation-timing-function: cubic-bezier(0.175,.885,.32,1)
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
		transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
		animation-timing-function: cubic-bezier(0.175,.885,.32,1)
	}
}

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

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
		animation-timing-function: cubic-bezier(0.175,.885,.32,1)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
		animation-timing-function: cubic-bezier(0.175,.885,.32,1)
	}
}

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

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	100% {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	100% {
		opacity: 0
	}
}

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

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
		animation-timing-function: cubic-bezier(0.175,.885,.32,1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
		animation-timing-function: cubic-bezier(0.175,.885,.32,1)
	}
}

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

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px,0,0);
		transform: scale(.1) translate3d(-2000px,0,0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px,0,0);
		transform: scale(.1) translate3d(-2000px,0,0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

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

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px,0,0);
		transform: scale(.1) translate3d(2000px,0,0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
		transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px,0,0);
		transform: scale(.1) translate3d(2000px,0,0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

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

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
		animation-timing-function: cubic-bezier(0.175,.885,.32,1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
		-webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
		animation-timing-function: cubic-bezier(0.175,.885,.32,1)
	}
}

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

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

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

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

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

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

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

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

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

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}
}

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

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

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

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

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

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}

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





/*第一个屏幕样式类名1开始*/

.bg10 { position: absolute; left: 50%; top:0%; width:865px; height:55px ; margin-left:-433px;
		background:url(image/bg1_main_title.png) no-repeat;background-size:contain; transition: all 1s;height:200px;}
.bg7_10 { position: absolute; left: 50%; top:0; width:420px; height:44px ; margin-left: -210px; 
		background: url(image/fullpage/three-01.png) no-repeat; transition: all 1s;}
.bg11 { position: absolute; bottom: -280px; left:50% ; width:1025px; margin: 0 0 0 -513px; height: 30px; 
		background: url(image/bg1_main_title1.png) no-repeat; opacity: 0; transition: all 1.7s; bottom: 90px\0;}
.bg7_11 { position: absolute; bottom: -280px; left:50% ; width:270px; margin: 0 0 0 -400px; height: 300px; 
		 opacity: 0; transition: all 1.7s; bottom: 90px\0; text-align:center;}
.bg12 { position: absolute; bottom: -100px; left:50% ; 
		 opacity: 0; transition: all 1.7s; bottom: 90px\0;  z-index: 25;cursor:pointer;}
.bg12 a	{background:url(image/bg1_button.png) 0 -60px no-repeat; width:216px; margin: 0 0 0 -108px; height:60px; display:block}	
.bg12 a:hover { background:url(image/bg1_button.png) 0 0px no-repeat;}
.bg7_12 { position: absolute; bottom: -100px; left:55% ; width:480px; margin: 0 0 0 -38px; height:255px; 
		 opacity: 0; transition: all 1.7s; bottom: 90px\0; z-index:9}
		 
/*第一个屏幕样式类名1结束*/	

/*绘制时间追述屏幕的背景------数字4*/




.bg04 { position: absolute; width: 1028px; height: 547px; left: 50%; top:58%; margin: -278px 0 0 -514px; text-indent: -9999px;
		background:url(image/bg4_linepic.png) no-repeat; opacity: 0; 
		-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; }
		
		
		
/*开放接口*/
.bg17 { position: absolute; bottom: 0px; left:50% ; width: 1125px; margin-left:-563px; height:535px; 
		background:url(image/aaa.jpg) no-repeat; opacity: 0; transition: all 1.7s; bottom: 90px\0;}
		
		
		
/*对接线路*/

.bg06_4 { position: absolute; width: 1064px; height: 521px; left: 50%; top:58%;_top:58%;top:60%\9; margin: -260px 0 0 -532px; text-indent: -9999px;
		background:url(image/map.png) no-repeat; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; background-size:89% 89% !important;  background-size:90% 90% \9; }
		
		
		
		
		
		


 
* { margin: 0; padding: 0;}
body { font: 16px/1.8 "Microsoft Yahei",verdana;}

#superContainer {

    height: 100%;
    position: relative;
}
.section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slide {
    float: left;
}
.slide, .slidesContainer {
    height: 100%;
    display: block;
}
.slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.section.table, .slide.table {
    display: table;
    width: 100%;
}
.tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}
.controlArrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.controlArrow.prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.controlArrow.next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.scrollable {
    overflow: scroll;
}
.easing {
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

#fullPage-nav {
    position: fixed;
    z-index: 100;
    top: 60% ;
	right:0 ; 
    opacity: 1 ;
}
#fullPage-nav.right {
    right: 0px;
}
#fullPage-nav.left {
    left: 17px;
}
.fullPage-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fullPage-slidesNav.bottom {
    bottom: 17px;
}
.fullPage-slidesNav.top {
    top: 17px;
}
#fullPage-nav ul,
.fullPage-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fullPage-nav li,
.fullPage-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fullPage-slidesNav li {
    display: inline-block;
}
#fullPage-nav li a,
.fullPage-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
    background: #333;
}
#fullPage-nav span,
.fullPage-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.fullPage-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    top: -2px;
}
.fullPage-tooltip.right {
    right: 20px;
}
.fullPage-tooltip.left {
    left: 20px;
}


/* 圆点导航 */
#fullPage-nav {
	_display: none;
	font-size: 12px;
	width: 43px;
	height: 280px;
}

#fullPage-nav li {
	width: 40px;
	height: 21px;
	margin: 10px 0 0;
	vertical-align: middle;
}

#fullPage-nav li a {
	float: right;
	width: 21px;
	height: 21px;
	color: #8F9DA4;
	text-decoration: none;
	text-align: right;
	
}

#fullPage-nav li .active {
	background-position: 0 6px;
}

#fullPage-nav span {
	display: none;
}

.fullPage-tooltip {
	float: left;
	top: 0;
	margin-right: 5px;
	font: 12px "Microsoft Yahei";
	color: #8F9DA4;
	line-height: 21px;
}
/* 圆点导航 */


.section { position: relative; overflow: hidden;padding-top:84px;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}

.bg13 {
    position: absolute;
    top: 50%;
    margin-top: 303px;
    left: 50%;
    width: 1348px;
    margin: 0px;
    height: 607px;
    margin-left: -624px;
    background: url(image/bg1_left_pen.png) no-repeat;
    opacity: 0;
    transition: all 1s;
    bottom: 90px\0;
}
.bg14 { position: absolute; bottom: 0px; left:50% ; width: 1180px; margin-left:-590px; top:50%;margin-top:-205px; height:410px; 
		background: url(image/bg1_left_pen.png) no-repeat; opacity: 0; transition: all 1.7s; bottom: 90px\0;}
.bg15 { position: absolute; bottom: -260px ; left:50% ; width:310px; margin: 0 0 0 -155px; height: 44px; 
		background: url(image/fullpage/four-02.png) no-repeat; opacity: 0; transition: all 1.7s; bottom: 90px\0;}

.bg16 { position: absolute; left: 50%; top: 50%; width: 167px; height:44px ; margin: 15px 0 0 -83px; font-size: 14px; color: #fff; 
		background-image: url(image/fullpage/three-03.png) ; opacity: 0; transition: all 0.5s;}


/* CSS3过度及动画 */
.active strong, .active h3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}


.active .bg04 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.active .bg06_4 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.active .bg6_04 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}




.active .bg10 { top:50% ; margin-top:-100px ; transition-delay: 0.7s;}
.active .bg11 { bottom:50% ; margin-bottom:-10px ; opacity: 1; transition-delay: 0.3s; }
.active .bg12 { bottom:40% ; margin-bottom:-80px ; opacity: 1; transition-delay: 0.5s; }







.active .bg7_10 { top:40% ; margin-top:-100px ; transition-delay: 0.7s;}
.active .bg7_11 { bottom:42% ; margin-bottom:-150px ; opacity: 1; transition-delay: 0.3s; }
.active .bg7_12 { bottom:42% ; margin-bottom:-150px ; opacity: 1; transition-delay: 0.5s; }
.active .bg14 { bottom:50% ; margin-bottom:100px ; opacity: 1; transition-delay: 0.7s;}


.active .bg15 { bottom:50% ; margin-bottom:25px ; opacity: 1; transition-delay: 0.3s; }
.active .bg16 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.active .bg17 { bottom:50% ; margin-bottom:-268px ; opacity: 1; transition-delay: 0.7s; }
.active .bg5_01 { bottom:50% ; margin-bottom:-250px ; opacity: 1; transition-delay: 0.7s; }
.active .bg18 { bottom:50% ; margin-bottom:-268px ; opacity: 1; transition-delay: 0.7s;}
.active .bg19 { bottom:50% ; margin-bottom:-268px ; opacity: 1; transition-delay: 0.3s; }
.active .bg5_19 { bottom:50% ; margin-bottom:-251px ; opacity: 1; transition-delay: 0.3s; }

/* for lt ie 10*/
.ltie10 strong, .ltie10 h3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}


.ltie10 .bg6_02 {   bottom:50% ; margin-bottom:-260px ; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg04 {  opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .bg06_4 {  opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .bg6_04 {  opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}


.ltie10 .bg05 {    opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .bg09 {   bottom:50% ;margin-bottom:-303px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg10 {   top:50% ; margin-top:-100px ;  transition-delay: 0.7s;}
.ltie10 .bg11 {   bottom:50% ; margin-bottom:-10px ;  transition-delay: 0.3s; }
.ltie10 .bg12 {   bottom:40% ; margin-bottom:-80px ;  transition-delay: 0.5s; }
.ltie10 .bg13 {   bottom:50% ; margin-bottom:-253px ;  transition-delay: 0.7s; }
.ltie10 .bg7_10 {   top:40% ; margin-top:-100px ;  transition-delay: 0.7s;}
.ltie10 .bg7_11 {   bottom:42% ; margin-bottom:-150px ;  transition-delay: 0.3s; }
.ltie10 .bg7_12 {   bottom:42% ; margin-bottom:-150px ;  transition-delay: 0.5s; }
.ltie10 .bg14 {   bottom:50% ; margin-bottom:100px ; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg15 {   bottom:50% ; margin-bottom:25px ;  transition-delay: 0.3s; }
.ltie10 .bg16 {    opacity: 1; transition-duration: 1s; transition-delay: 2s;}
.ltie10 .bg17 {   bottom:50% ; margin-bottom:-268px ;  transition-delay: 0.7s; }
.ltie10 .bg5_01 {   bottom:50% ; margin-bottom:-250px ;  transition-delay: 0.7s; }
.ltie10 .bg18 {   bottom:50% ; margin-top:-268px ; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg19 {   bottom:50% ; margin-bottom:-268px ;  transition-delay: 0.3s; }
.ltie10 .bg5_19 {   bottom:50% ; margin-bottom:-251px ;  transition-delay: 0.3s; }








.p36{font-size:36px;}.p18{font-size:18px;}.mar25{margin-bottom:25px;}
.pwhile{color:#ffffff;}.pwe{font-weight:bold;}.bye{color:#ffe400}.b36{font-size:36px;}.b18{font-size:18px;}
.cf{color:#ff7874}.c5a{color:#5ac64f;}.c666{color:#666666;}.bnor{font-weight:normal;}
.bbl{color:#22a5e0;}.bea{color:#ea6a13}

/* 各栏目背景 */
body{ 			background:#2b2b37 ; 
				font-size:12px  ; 
				/* background-attachment: fixed */ 
}
#body_case{    
				width:100% ; height:100% ;
				 background:url(image/case_bg.jpg) #2b2b37  no-repeat ;
				background-size: cover;
				-ms-behavior: url(css/backgroundsize.min.htc);
				behavior: url(css/backgroundsize.min.htc);
}
#body_about{   
				width:100% ; height:100% ;
				 background:url(image/about_bg.jpg) #2b2b37 no-repeat ;
				background-size: cover;
				-ms-behavior: url(css/backgroundsize.min.htc);
				behavior: url(css/backgroundsize.min.htc);
}
#body_service{ 
				width:100% ; height:100% ;
				 background:url(image/service_bg.jpg) #2b2b37  no-repeat ;
				background-size: cover;
				-ms-behavior: url(css/backgroundsize.min.htc);
				behavior: url(css/backgroundsize.min.htc);
}
#body_news{     
				width:100% ; height:100% ;
				background:url(image/news_bg.jpg)  #2b2b37  no-repeat ;
				background-size: cover;
				-ms-behavior: url(css/backgroundsize.min.htc);
				behavior: url(css/backgroundsize.min.htc);
}
#body_contact{
				width:100% ; height:100% ;
				background:url(image/contact_bg.jpg) #2b2b37  no-repeat ;
				background-size: cover;
				-ms-behavior: url(css/backgroundsize.min.htc);
				behavior: url(css/backgroundsize.min.htc);
}
#body_case_more{
				background:url(image/zhuse_line.png) #34343f -920px 0 no-repeat ; 
				background-attachment:fixed; 
}


/*头部*/
/**header**/
#wrapHeader {	position:fixed;z-index:3000;
}
.wrapHeader {
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 84px;
	background:#ffffff;
}
#header {position:relative}
.header {
	width: 1180px;
	height: 84px;
	margin: 0 auto;
}
.logo {
	float: left;
	width: 241px;
	height: 50px;
	margin-right: 105px;
	margin-top:10px;
}
.nav {
	list-style: none;
	float:right;
	font-size: 16px;
	line-height: 84px;
}
.nav li {
	float: left;
}
.nav a {
	float: left;
	padding: 0 21px;
	color: #888;
	text-decoration: none;
}
.nav a:hover, .nav .cur {
	color: #36d68e;
}
.nav #login01{margin-left:50px;}
.nav #login01 span{padding:0px;color:#333333;float:left;}
.nav #login01 a{padding:0px;color:#333333;}
.fixedNav {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 1000;
	width: 24px;
	height: 141px;
	margin-top: -80px;
	padding-top: 24px;
	background:url(../xiaodao/img/sprite.png) no-repeat 0 -110px;
	list-style: none;
}
.fixedNav li {
	float: left;
	position: relative;
	width: 100%;
	height: 16px;
	padding-left: 3px;
	margin-bottom: 5px;
}
.fixedNav .icon {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../xiaodao/img/sprite.png) no-repeat -40px -131px;
	cursor: pointer;
}
.fixedNav .txt {
	display: none;
	position: absolute;
	left: -80px;
	top: 0;
	width: 76px;
	height: 19px;
	background: url(../xiaodao/img/sprite.png) no-repeat 0 -80px;
	color: #fff;
	font-size: 12px;
	line-height: 19px;
	text-align: center;
}
.fixedNav .cur .icon {
	background: url(../xiaodao/img/sprite.png) no-repeat -40px -110px;
}

/*导航*/
#nav{ position:fixed ; _position:absolute ; top:20% ; left:20px ; z-index:9998 ;width:70px ; height:78px ; overflow:hidden ; }
#nav .strip {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	cursor:pointer ;

	background:url(image/i_menu.png) no-repeat ;
	-webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	overflow: hidden
}
#nav .hover{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;

	cursor:pointer ;

	background:url(image/i_menu_2.png) no-repeat ;
	-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}	

#nav .hover{
	left: -100%
}

#nav:hover .strip .hover {
	left: 0%
}

/*会所导航*/
#menu {
	width: 100%;
	height: 100%;
	display:block ;
	
	background:url(image/fullpage/section1.jpg) no-repeat ;
	background-size: cover;
	-ms-behavior: url(css/backgroundsize.min.htc);
	behavior: url(css/backgroundsize.min.htc);
}

.menu_list {
	width: 100%;
	height: 100%;
}

.menu_list li{
	width: 33%;
	height: 50% ;
	float:left ;
	display:inline ;
	text-align:center ;
}

.menu_list li a{
	display:block ;
	width:280px ; height:190px ; padding-top:30px  ;
	margin: 0 auto ;
	color:#fff	;
	top:50% ; 
	margin-top : -110px ;
	
}

.menu_list .menu_01{ background:#30303a }
.menu_list .menu_02{ width:34% ; background:#34343f }
.menu_list .menu_03{ background:#2c2c35 }
.menu_list .menu_04{ background:none }
.menu_list .menu_05{ width:34% ; background:#30303a }
.menu_list .menu_06{ background:#292931 }

.menu_list li .menu_img{
	 width:150px ; height:70px ; border-bottom:1px dashed #4f4f55 ; margin: 0 auto ; margin-bottom:20px ; padding-bottom:10px ; 
	 }
.menu_list li .menu_img i{ 
	 display:block ; width:60px ; height:60px ; margin: 0 auto ;
	 }
.menu_list li .menu_english{ font-size:20px ; }
.menu_list li .menu_heng{ color:#3fb55f ; font-weight:bold ; }
	
.menu_home i{     background:url(image/i_menu_img.png) 0 0 no-repeat ; }	
.menu_case i{     background:url(image/i_menu_img.png) 0 -60px no-repeat ; }	
.menu_about i{    background:url(image/i_menu_img.png) 0 -120px no-repeat ; }	
.menu_service i { background:url(image/i_menu_img.png) 0 -180px no-repeat ; }	
.menu_news i{     background:url(image/i_menu_img.png) 0 -240px no-repeat ; }	
.menu_contact i{  background:url(image/i_menu_img.png) 0 -300px no-repeat ; }	

/*line*/
.menu_list li a {
	position: relative
	} 
.menu_list li a span {
	position: absolute;
	background-color: #3fb560;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.menu_list li a .line-1 {
	left: 0;
	top: 0;
	width: 0%;
	height: 2px
}

.menu_list li a .line-2 {
	right: 0;
	top: 0;
	width: 2px;
	height: 0%
}

.menu_list li a .line-3 {
	right: 0;
	bottom: 0;
	width: 0%;
	height: 2px
}

.menu_list li a .line-4 {
	left: 0;
	bottom: 0;
	width: 2px;
	height: 0%
}

.menu_list li a:hover .line-1,.menu_list li a:hover .line-3 {
	width: 100%
}

.menu_list li a:hover .line-2,.menu_list li a:hover .line-4 {
	height: 100%
}


/*内页导航*/
#in_nav{ position:fixed ; _position:absolute ; top:10px ; left:50% ; margin-left:-300px ;z-index:9999 ;width:540px ; height:50px }
#in_nav a{ color:#fff ; font-family:"Courier New"; display:block ; width:90px ; height:50px ; line-height:50px ; 
		   float:left ; display:inline ; }
#in_nav a:hover{ background:url(image/in_nav_bg.jpg) 1px 49px no-repeat ;}
#in_nav a.hover{ background:url(image/in_nav_bg.jpg) 1px 49px no-repeat ;}

@media screen and (max-width:900px) {

}
	 
/*关注*/
#follow{ position:fixed ; _position:absolute ; top:40% ; right:20px ; z-index:9998 ; width:50px ; height:155px ; }
#follow .i_follow_title{ width:100% ; height:35px ; }		 
#follow li{ width:50px ; height:30px ;  }		 
#follow li a{ display:block ; width:48px ; height:22px ; }		 
#follow li .xlwb{ background:url(image/i_follow_list.png) 20px 1px no-repeat ; }		 
#follow li .txqq{ background:url(image/i_follow_list.png) 20px -19px no-repeat ; }		 
#follow li .txwb{ background:url(image/i_follow_list.png) 20px -39px no-repeat ; }		 
#follow li .lianmeng{ background:url(image/i_follow_list.png) 20px -59px no-repeat ; }		 
#follow li .zhanku{ background:url(image/i_follow_list.png) 20px -79px no-repeat ; }		 

#follow li a {
	position: relative
	} 
#follow li a span {
	position: absolute;
	background-color: #3fb560;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

#follow li a .line-1 {
	left: 0;
	top: 0;
	width: 0%;
	height: 2px
}

#follow li a .line-2 {
	right: 0;
	top: 0;
	width: 2px;
	height: 0%
}

#follow li a .line-3 {
	right: 0;
	bottom: 0;
	width: 0%;
	height: 2px
}

#follow li a .line-4 {
	left: 0;
	bottom: 0;
	width: 2px;
	height: 0%
}

#follow li a:hover .line-1,#follow li a:hover .line-3 {
	width: 100%
}

#follow li a:hover .line-2,#follow li a:hover .line-4 {
	height: 100%
}


/*底部*/
#erweima{position:fixed ; _position:absolute ; bottom:50px ; right:20px ; z-index:9998 ; width:90px ; height:90px ;  }

#footer{ position:fixed ; _position:absolute ; bottom:0 ; left:0 ; z-index:9998 ; width:100% ; height:50px ; }
#footer .foot_content{ width:100% ; line-height:50px ; font-size:12px ; 
					   background:url(image/i_bottom_jt.png) 38px 5px no-repeat }
#footer .foot_content div{ padding:0 20px }

.apply_for_link:hover{ text-decoration:underline}


/*由下至上滑动通用按钮*/
.dwon_arrow{ position:fixed ; _position:absolute ; bottom:100px ; left:50% ; z-index:9999 ; 
			width:100px ; height:50px ;	margin-left:-50px  ;		  }
.dwon_arrow a{ display:block ;width:96px ; height:46px ; line-height:36px ; border:2px solid #3fb560 ; text-align:center ;
				 color:#fff ; font-weight:bold ; font-size:14px ;
				 background:url(image/dwon_arrow.png) bottom center no-repeat }
.dwon_arrow a:hover{ color:#3fb560 }


/* 案例介绍 */
.case_box { position:fixed ; _position:absolute ; top:50% ; left:50% ; z-index:9999 ; 
 		    width:1100px ; height:310px ; margin-top:-155px ; margin-left:-550px ; }
			
.case_box .c_b_left{ width:285px ; height:305px ; background:url(image/c_left_bg.png) top left no-repeat ;}
.case_box .c_b_left a{ display:block ; width:80px ; height:25px ; margin-top:140px  ; margin-left:150px ; 
					   background:url(image/c_left_arrow.png) top center no-repeat ;			 }
.case_box .c_b_left a:hover{ background:url(image/c_left_arrow.png) bottom center no-repeat ;}

.case_box .c_b_right{ width:400px ; height:305px ;  margin-left:110px ; }
.case_box .c_b_right .r_content_english{ line-height:30px ;}

.case_box .c_b_xunjia{ width:110px ; height:190px ; }
.case_box .c_b_xunjia a{ display:block ; width:110px ; height:190px ; 
						 background:url(image/c_r_xunjia.png) top left no-repeat ; }

/* 案例详情 */
.case_xx{ width:1150px ; overflow:auto ;  margin: 0 auto ; padding:50px 0 ;  }

.case_bigimg{ width:730px ; height:auto ; }
.case_bigimg img{ width:730px ;}

.case_test{ width:340px ;  position:fixed ; margin-left:60px ; }
.case_test .jibenziliao{ height:auto ; line-height:30px}
.case_test .jibenziliao h2{ margin-bottom:10px ; color:#40b660 ; padding-bottom:10px ;
							background:url(image/in_nav_bg.jpg) bottom left no-repeat}
.case_test .jibenziliao span{ color:#92929c }
.case_test .jibenziliao a{ color:#92929c ;text-decoration:underline   }
.case_test .jibenziliao a:hover{ text-decoration:none  }

.case_xx_arr{  display:block ; width:100px ; height:35px ; line-height:35px ; margin-top:20px ; 
			   background:#40b660 ; text-align:center ; border-radius:20px ; color:#fff ;}
.case_xx_arr2{ width:98px ; height:33px ; line-height:33px ; background:none ; border:1px solid #40b660 ; color:#fff}
.case_xx_arr2:hover{  background:#40b660 ; color:#fff }


/* 关于介绍 */
.about_box { position:fixed ; _position:absolute ; top:50% ; left:50% ; z-index:9999 ; 
 		    width:1100px ; height:465px ; margin-top:-232px ; margin-left:-550px ; }
			
.about_box .c_b_left{ width:530px ; height:465px ; background:url(image/a_left_bg.png) top no-repeat ; }
.a_people{ width:100px ; height:auto ; line-height:14px ; padding-top:50px ; margin-top:35px ; font-weight:bold ; }
.a_people_one{ background:url(image/a_people_one.png) top left no-repeat ; color:#2d2d37 ; }
.a_people_two{ background:url(image/a_people_two.png) top left no-repeat ; color:#fff ; }

.about_box .c_b_right{ width:400px ; height:auto ;  margin-left:130px ; }
.about_box .c_b_right .r_content_english{ line-height:30px ;}
.about_box .c_b_xunjia{ width:110px ; height:190px ; }
.about_box .c_b_xunjia a{ display:block ; width:110px ; height:190px ; 
						 background:url(image/c_r_xunjia.png) top left no-repeat ; }


/**设计师列表**/
.tabs { position: relative ; position:fixed ; _position:absolute ; top:50% ; left:50% ; z-index:9999;
		width:480px ; height:225px; padding:280px 0 0 580px ; margin-left:-530px  ; margin-top:-230px ; }
.tabs ul { padding: 0; font-size: 0; width:480px ; overflow:auto ;}
.tabs ul li { display: inline-block;  _display: inline; _zoom: 1 ; width:48px ; height:48px ; margin:0 ; float:left;}
.tabs ul a { display:block ; width:48px ; height:48px ;position:relative ; color:#fff ;  }
.tabs ul a img{ display:block ; width:48px ; height:48px ;}
.tabs ul a .designer_name { display:none ; position:absolute; top:0 ; left:0 ; z-index:9999 ; font-size:12px ;
						    width:48px ; height:48px ; line-height:48px ; background:#3fb560 ; text-align:center ; }
.tabs ul .active a .designer_name { display:block ;}

/*设计师*/
.tabs .tab-text { height:505px ; width:920px ; position:absolute ; top:0 ; left: 0 ; z-index:-1}
/*pic*/
.tabs .tab-text .designer_img{ width:460px ; height:505px ; line-height:24px ; background: ; float:left }

.btn_share{ width:135px ; height:30px ; margin-top:-80px ; margin-left:120px ; z-index:9999; position:absolute; }
.btn_share a{ display:block ; width:30px ; height:30px ; margin-left:15px ; float:left ; display:inline ;
-webkit-transition: background .3s ease,color 0.2s linear;-moz-transition: background .3s ease, color 0.2s linear;
		-o-transition: background .3s ease, color 0.2s linear;transition: background .3s ease, color 0.2s linear;  }
.btn_share a.btn_qq{ background:url(image/btn_share.png) top left no-repeat }
.btn_share a.btn_mail{ background:url(image/btn_share.png) center left no-repeat }
.btn_share a.btn_link{ background:url(image/btn_share.png) bottom left no-repeat }
.btn_share a.btn_qq:hover{ background:url(image/btn_share.png) top right no-repeat }
.btn_share a.btn_mail:hover{ background:url(image/btn_share.png) center right no-repeat }
.btn_share a.btn_link:hover{ background:url(image/btn_share.png) bottom right no-repeat }
.btn_share a:hover{ }
/* text */
.tabs .tab-text .designer_about{ width:336px ; height:230px ; line-height:24px ; float:right }
.tabs .tab-text .designer_about h3{ color:#3fb560 ; margin-bottom:10px ; }

/* 按钮 */
.prev,.next { display: inline-block; margin-bottom:20px; padding:3px 12px ; color: #fff ; background-color:none;
		border:1px solid #fff ; font-family:"宋体" ; font-size:14px ; }
.prev:hover,.next:hover{ border:1px solid #3fb560 ; color:#3fb560 ; }


/* 服务项目 */
.service_box{ position:fixed ; _position:absolute ; top:50% ; left:50% ; z-index:9999  ; 
 		    width:1040px ; height:280px ; margin-top:-140px ; margin-left:-500px ;}
.service_box ul li{ width:260px ; height:280px ; float:left ; display:inline ; }
.service_box ul li .serve_img{ width:260px ; height:210px ; margin: 0 auto ; cursor:pointer }
.serve01{ background:url(image/serve01.png) center no-repeat}
.serve02{ background:url(image/serve02.png) center no-repeat}
.serve03{ background:url(image/serve03.png) center no-repeat}
.serve04{ background:url(image/serve04.png) center no-repeat}
.serve01:hover{ background:url(image/serve011.png) center no-repeat ; 	transition: background 0.5s ; }
.serve02:hover{ background:url(image/serve022.png) center no-repeat ; 	transition: background 0.5s ; }
.serve03:hover{ background:url(image/serve033.png) center no-repeat ; 	transition: background 0.5s ; }
.serve04:hover{ background:url(image/serve044.png) center no-repeat ; 	transition: background 0.5s ; }

/*弹窗样式*/
#dialogBg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.9;
	filter: alpha(opacity=90);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}

#dialog {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: none;
	background:url(image/i_menu_bg.jpg) bottom left no-repeat ;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}


.s_l_text{ width:100px ; height:100px ; margin-top:70px ; display:none ; }
.s_eg{padding:10px 0 ; background:url(image/eg_bg.png) left top no-repeat ; line-height:13px ; font-size:11px }
.s_cn{}
.s_r_bigglaas{ width:45px ; height:45px ; margin-top:85px ; display:none ;  background:url(image/bigglaas.png) no-repeat ;}

.service_box ul li .serve_img:hover .s_l_text{ display:block ;}
.service_box ul li .serve_img:hover .s_r_bigglaas{ display:block ;}
.service_box ul li:hover .serve_text .font16{ color:#3fb560 }

.service_box ul li .serve_text{ width:260px ; height:auto ; padding-top:30px ; text-align:center ; margin: 0 auto ; }


/* 服务项目*新窗口 */
#serve_more{ position:fixed ; _position:absolute ; top:50% ; left:50% ; margin:-240px 0 0 -240px ;
			 width:480px ; height:480px ; background:#3fb560 ; border-radius:450px }
.serve_more_close_btn{ position:absolute ; right:40px ; top:50px ; display:block ; 
					   width:40px ; height:40px; line-height:40px;text-align:center ; background:#35353d ; border-radius:40px }
.serve_more_close_btn:hover{ color:#3fb560 }

.serve_more_title{ text-align:center ; padding:70px 0 30px 0 ; background:url(image/serve_more_title_bg.png) bottom center no-repeat  }
.serve_more_text{ width:330px; height:140px; margin: 0 auto ; margin-top:40px ; text-align:center ; background:}
.serve_more_arr{ width:120px; height:35px ; line-height:35px ; text-align:center ; border:1px solid #5bd77e ; border-radius:30px ; background:#3ab25c ;
				 position:absolute ; bottom:85px ; left:125px ; overflow:hidden  }
.serve_more_arr2{ width:120px; height:35px ; line-height:35px ; text-align:center ; border:1px solid #c6e9d0 ; border-radius:30px ;   background:#65c480 ; 
				  filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9;  opacity: 0.9;
			 	  position:absolute ; bottom:85px ; right:125px ;  overflow:hidden  
 }
 
.serve_more_arr a{ display: block ; width:120px; height:35px;}
.serve_more_arr2 a{ display: block ; width:120px; height:35px;}
.serve_more_arr:hover{ z-index:10000 ; background:#fff ; border-color:#fff }
.serve_more_arr:hover a{ color:#3fb560 }  
.serve_more_arr2:hover{  background:#fff ; border-color:#fff }
.serve_more_arr2:hover a{ color:#3fb560 }

/* 服务客户*弹窗 */
.s_tc_title{ width:100% ; height:58px ; text-align:center ; border-bottom:2px solid #3fb560 ; }
.s_tc_main{ width:880px ; height:320px ; background:#35353d ; margin: 0 auto ; padding:30px 0 ;}

.customer_list{ width:810px ; height:320px ; margin: 0 auto ; overflow:hidden ; overflow-y:auto ;  }
.customer_list img{ width:810px ; height:320px ; }
/**/


/* 新闻*弹窗 */
#news_more{ position:fixed ; left:50% ; top:50% ; background:none ; width:900px; height:480px ; margin:-270px 0 0 -450px ; }
#news_more .exchange_btn{ 
						display:block ; color:#fff ; background:#3fb560 ; font-weight:normal ; 
						width:90px; height:90px;  line-height:90px ; text-align:center ; border-radius:100px ; 
						position:absolute ; left:50% ; bottom:-68px ; margin-left:-78px ;
						filter:alpha(opacity=80);  
						-moz-opacity:0.8;  
						-khtml-opacity: 0.8;  
						opacity: 0.8;
}
#news_more .exchange_btn2{ 
						display:block ; color:#fff ; background:#3fb560 ; font-weight:normal ;  
						width:90px; height:90px;  line-height:90px ; text-align:center ; border-radius:100px ; 
						position:absolute ; left:50% ; bottom:-68px ; margin-left:0 ;
						filter:alpha(opacity=80);  
						-moz-opacity:0.8;  
						-khtml-opacity: 0.8;  
						opacity: 0.8; 
}

.n_tc_main{ width:880px ; height:348px ; background:#35353d ; margin: 0 auto ; padding:30px 0 ; }
.content_scroll{ width:800px ; height:348px ; overflow-y:auto ; margin:0px auto ; color:#ccc ; padding-right:20px ; line-height:24px ;}

/* 友情链接*新页面 */
#friendlink{ position:fixed ; left:50% ; top:50% ; background:none ; width:900px; height:440px ; margin:-240px 0 0 -450px ;}
#friendlink .exchange_btn{ 
						display:block ; color:#fff ; background:#3fb560 ; font-weight:normal ; 
						width:90px; height:90px;  line-height:90px ; text-align:center ; border-radius:100px ; 
						position:absolute ; left:50% ; bottom:-68px ; margin-left:-78px ;
						filter:alpha(opacity=80);  
						-moz-opacity:0.8;  
						-khtml-opacity: 0.8;  
						opacity: 0.8;
}
#friendlink .exchange_btn2{ 
						display:block ; color:#fff ; background:#3fb560 ; font-weight:normal ;  
						width:90px; height:90px;  line-height:90px ; text-align:center ; border-radius:100px ; 
						position:absolute ; left:50% ; bottom:-68px ; margin-left:0 ;
						filter:alpha(opacity=80);  
						-moz-opacity:0.8;  
						-khtml-opacity: 0.8;  
						opacity: 0.8; 
}

.friendlink_list{ width:810px ; height:320px ; margin: 0 auto ; overflow:hidden ; overflow-y:auto ; background: }
.friendlink_list a{ display:inherit ; border:none ; color:#999 ; font-weight:normal ; font-size:12px ; background:none ;
padding:0 ; float:left ; display:inline ; text-align:left ; width:135px ; height:30px ; line-height:30px ; }
.friendlink_list a:hover{ text-decoration:underline ; color:#3fb560 ;}


/* 新闻列表 */
.news_box { position:fixed ; _position:absolute ; top:50% ; left:50% ; z-index:9999  ; 
 		    width:1100px ; height:500px ; margin-top:-230px ; margin-left:-550px ;}
.news_box .n_left{ width:330px ; height:420px ; background:url(image/n_l_bg.png) top no-repeat ; }
.news_box .n_left .n_l_title{ margin-top:40px;  }
.news_box .n_left .n_l_text{ margin-top:120px ; margin-left:16px;  }

.news_box .n_right{ width:550px ; height:500px ; margin-left:150px ;}
.news_box .n_right ul li{ width:100% ; height:60px ; margin-top:30px ; line-height:22px ;  }
.news_box .n_right ul li dt{ width:56px ; height:56px ; margin-right:20px ; text-align:center; 
							 float:left ; display:inline ; color:#fff ;
						     border:2px solid #3fb560 ; font-family:Arial, Helvetica, sans-serif }
.news_box .n_right ul li dt div{ padding-top:8px;}
.news_box .n_right ul li .font14{ padding-bottom:8px ; color:#fff ; background:url(image/in_nav_bg.jpg) 79px 25px no-repeat }
.news_box .n_right ul li a { color:#c7c7cb }
.news_box .n_right ul li:hover dt { background:#3fb560 }
.news_box .n_right ul li:hover .font14 { color:#3fb560 }

.arr_news{ width:100% ; height:20px;}
.arr_news span{ display:block ; width:20px ; height:20px ; line-height:20px ; border-radius:20px ; 
				background:#28282b ; color:#FFFFFF ; text-align: center ; font-family:"宋体" ; 
				float:left ; display:inline ; margin-left:10px; cursor:pointer}
.arr_news span.hover{ background:#3fb560 ; color:#fff ; }
.arr_news span:hover{ background:#fff ; color:#3fb560 ; }


/* 联系页 */
.contact_box { position:fixed ; _position:absolute ; top:50% ; left:50% ; z-index:9999 ; background: ; 
 		       width:920px ; height:360px ; margin-top:-180px ; margin-left:-460px ;}

.contact_box .c_l_left{ width:295px ; height:360px ; background:url(image/c_l_bg.png) top no-repeat ; }
.contact_box .c_r_right {width:300px ; height:360px ; background:# ; }
.r_content_text{ font-size:14px ; font-weight:bold ; line-height:40px ;}


/* 联系弹出页 */
.contact_tc_input{ width:750px ; height:350px ; background: ; margin: 0 auto ; margin-top:5px ;   }
.contact_tc_input .c_input{ width:360px ; height:50px ; background:#27272c ; float:left ; display:inline ;
							border:none ; color:#7e7e81 ; font-size:14px ; margin:5px 0 5px 10px ; padding:0 5px 0 5px ; }
.contact_tc_input .c_textarea{ width:730px ; height:170px ; line-height:20px ; background:#27272c ; float:left ; display:inline ;
						  	   border:none ; color:#7e7e81 ; font-size:14px ; margin-left:10px ; margin-top:5px ; padding:5px ; }
.contact_tc_input .c_button{   width:730px ; height:45px ; background:#3fb560 ; float:left ; display:inline ; cursor:pointer ;
							   border:none ; color:#fff ; font-size:14px ; margin-left:10px ; margin-top:10px ; font-weight:bold	 }
.contact_tc_input input:focus{ background:#fff ; color:#3fb560 }
.contact_tc_input textarea:focus{ background:#fff ; color:#3fb560 }

.bg7_12 a{background:url(image/bg7_gologin.png) no-repeat;}
.bg7_12 .login_in{width:309px;height:77px;display:block;background-position:0px 0px;}
.bg7_12 .login_in:hover{width:309px;height:77px;display:block;background-position:0px -79px;}








/* CSS3滚动条 */
::selection {background: #222 ; color: white ; text-shadow: none ;}
::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2 ;  border-radius:50px}
::-webkit-scrollbar{width:5px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background:#3fb560;  border-radius:50px}
::-webkit-scrollbar-thumb:hover{background:#3fb560 ; cursor:pointer}  


/* 页面选中颜色 */
::-moz-selection {
	background: #222;
	color: #fff;
}

::selection {
	background: #222;
	color: #fff;
} 

*:focus {
	outline: none;
}
/*消除谷歌下input边框* /



/* 清除内外边距 */  
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
   _background-image:url(about:blank);
   _background-attachment:fixed;

} 

  
/* 设置默认字体 */ 
body, button, input, select, textarea {
	font-family: "微软雅黑","宋体","Arail";
	font-size: 12px;
	line-height: 24px;
}

.titleFont
{
    font-family: "Microsoft yahei","微软雅黑","Tahoma","Verdana","Arial","sans-serif";
}

.contentFont
{
    font-family: "宋体","新宋体","Arial","sans-serif";
}

.enFont
{
    font-family: "Arial","sans-serif";
}

.yahei {
	font-family: "微软雅黑","宋体","Arail";
}

.songti {
	font-family: "宋体","微软雅黑","Arail";
}

.Arail {
	font-family: "Arail","宋体","微软雅黑";
}

.Courier_New {
	font-family: "Courier New", Courier, monospace
}

.Georgia {
	font-family: Georgia, "Arail", Times, serif
}


/* 列表元素 */ 
ul,ol,li {
	list-style: none;
}

img {
	border: none;
}


/* a标签 */ 
a {
	text-decoration: none ; color:#fff ;
}

a:hover {
	text-decoration: none ;
} 


/* 定义浮动居中 */ 
.fl {
	float: left;
	display: inline
}

.fr {
	float: right;
	display: inline
}

.center {
	margin: 0 auto;
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}


/* 重置h标签 */ 
h1 {
	font-size: 22px
}

h2 {
	font-size: 20px
}

h3 {
	font-size: 18px
}

h4 {
	font-size: 16px
}

h5 {
	font-size: 14px
}

h6 {
	font-size: 12px
}


/* 字体大小 */ 
.font12 {
	font-size: 12px
}

.font14 {
	font-size: 14px
}

.font16 {
	font-size: 16px
}

.font18 {
	font-size: 18px
}

.font20 {
	font-size: 20px
}

.font22 {
	font-size: 22px
}

.font24 {
	font-size: 24px
}

.font26 {
	font-size: 26px
}

.font28 {
	font-size: 28px
}


.font30 {
	font-size: 30px
}


/* 主色 */ 
.zhuse{ color:#3fb560 }


/* 所有颜色 */ 
.chi {
	color: #FF0000
}

.cheng {
	color: #f65f04
}

.huang {
	color: #f6e204
}

.lv {
	color: #2cdf03
}

.qing {
	color: #01ede5
}


.lan {
	color: #27B4FD;
}

.zi {
	color: #590afa
}

.hei {
	color: #000
}

.bai {
	color: #fff
}

.hui {
	color: #999
}


/* 定义边距 */ 
.mt5 {
	margin-top: 5px
}

.mr5 {
	margin-right: 5px
}

.mb5 {
	margin-bottom: 5px
}

.ml5 {
	margin-left: 5px
}

.mt10 {
	margin-top: 10px
}

.mr10 {
	margin-right: 10px
}

.mb10 {
	margin-bottom: 10px
}

.ml10 {
	margin-left: 10px
}

.mt15 {
	margin-top: 15px
}

.mr15 {
	margin-right: 15px
}

.mb15 {
	margin-bottom: 15px
}

.ml15 {
	margin-left: 15px
}

.mt20 {
	margin-top: 20px
}

.mr20 {
	margin-right: 20px
}

.mb20 {
	margin-bottom: 20px
}

.ml20 {
	margin-left: 20px
}

.mt25 {
	margin-top: 25px
}

.mr25 {
	margin-right: 25px
}

.mb25 {
	margin-bottom: 25px
}

.ml25 {
	margin-left: 25px
}

.mt30 {
	margin-top: 30px
}

.mr30 {
	margin-right: 30px
}

.mb30 {
	margin-bottom: 30px
}

.ml30 {
	margin-left: 30px
}

.mt35 {
	margin-top: 35px
}

.mr35 {
	margin-right: 35px
}


.mb35 {
	margin-bottom: 35px
}


.ml35 {
	margin-left: 35px
}

.mt40 {
	margin-top: 40px
}

.mr40 {
	margin-right: 40px
}

.mb40 {
	margin-bottom: 40px
}

.ml40 {
	margin-left: 40px
}

.mt50 {
	margin-top: 50px;
}

.mr50 {
	margin-right: 50px;
}

.mb50 {
	margin-bottom: 50px;
}

.ml50 {
	margin-left: 50px;
}


.pd10 {
	padding:10px
}

.pd20 {
	padding:20px
}

.pd30 {
	padding:30px
}

.pd40 {
	padding:40px
}

.pd50 {
	padding:50px
}