@charset "utf-8";
/* CSS Document */
body{ font:12px/1.5 tahoma,arial,Arial; border:0; margin:0 auto; padding:0;  font-family:'microsoft yahei';}
img{ border:0;}
ul,li,dl,dt,dd,p,td,input,h3{ margin:0; padding:0; list-style-type:none; }
a{text-decoration:none;}
a:hover{text-decoration:none;}
.detail-summary dt {
float: left;
width: 164px;
height: 118px;
border: 1px solid #ddd;
}
.detail-summary dt img {
width: 100%;
position: relative;
top: 10px;
}
.detail-summary {
padding: 20px 0;
}
.detail-summary dd {
margin-left: 190px;
}
.detail-summary dd .desc {
margin-top: 4px;
color: #666;
line-height: 26px;
}
.detail-summary dd .level {
line-height: 16px;
margin-top: 8px;
color: #666;
}
.detail-title {
margin-top: 24px;
height: 38px;
overflow: hidden;
background-color: #f5f5f5;
border-left: solid 2px #00a2c9;
}
.detail-title .tit {
padding-left: 18px;
font-size: 15px;
color: #333;
margin-top: 8px;
}
.partner-detail-content {
padding: 2px 16px 0;
}
h2 { font-weight:normal;
font-size: 14px;
}
.partner-detail-content .detail-info {
line-height: 28px;
margin-top: 2px;
color: #666;
}
.partner-detail-content .detail-img {
padding: 30px 24px;
}







.content{width:100%; margin:0 auto; padding:0; height:auto;}
.header{ width:100%; margin:0 auto;}
.top{height:75px;width:1200px; margin:0 auto;}
.top_l{ float:left; margin-top:14px;}

.navbox{height:70px;position:relative;z-index:9;float:left;}
.nav{width:600px;margin:0 auto; height:70px; float:left; margin-left:150px;}
.nav li{float:left;height:56px; margin-top:15px;position:relative; padding:0px 15px;}
.nav li a{float:left;display:block; width:97px; height:56px; overflow:hidden;}
.nav li a:hover,.nav li a:visited{ width:97px; height:56px; background:url(../img/nav.jpg) no-repeat; color:#FFF;}
.nav li a span{float:left;display:block;margin-top:-7px;line-height:63px;font-size:16px;cursor:pointer;width:97px;text-align:center; color:#3a648a;}
.nav li a span:hover{color:#3a648a;}
.nav li.selected .submenu{display:block; width:97px;margin-left:9px;}
.nav li .submenu{display:none;position:absolute;top:39px;left:6px;}
.nav li .submenu{width:120px;background:#3a648a;}
.nav li .submenu li{float:none; height:20px;line-height:20px;margin-left:-15px;}
.nav li .submenu li.last{border:none;}
.nav li .submenu li a{float:none;padding:0;text-align:center;height:15px;line-height:15px; color:#FFF;}
.nav li .submenu li a:hover{ color:#d8e0f8;}

.top_r{ width:100px; height:75px; float:right; line-height:75px;}
.top_r a{color:#3a648a; margin-left:20px;}

#op ul p{padding: 15px 25px 0 25px;
background: url(../img/as.png) no-repeat 0 0;
text-indent: -999em;}
#op{margin-bottom:-20px;margin-left:25px;}
#op  ul li{margin-bottom:5px;}
#op ul li:hover{ color:#333}
#op ul{position: absolute;height:150px;padding: 15px 25px 5px 25px;
background-color: #FFF;
z-index: 2000px;
background: -webkit-gradient(linear, 100% 30%, 100% 100%, from(#FFFFFF), to(#CCCCCC));
background: -moz-linear-gradient(top, #FFFFFF 30%, #CCCCCC 100%);
background: -o-linear-gradient(top, #FFFFFF 30%, #CCCCCC 100%);
background: -ms-linear-gradient(top, #FFFFFF 30%, #CCCCCC 100%);
background: linear-gradient(top, #FFFFFF 30%, #CCCCCC 100%);
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
box-shadow: 0px 1px 5px #333;
-moz-box-shadow: 0px 1px 5px #333;
-webkit-box-shadow: 0px 1px 5px #333;
margin-top: -85px;
margin-left: 0px;
width: 310px;
border: 5px solid #666;
color: #333;
text-shadow: 0px 1px 0 #FFF;
display: block;
text-decoration:none;}



#outer ul p{padding: 15px 25px 0 25px;
background: url(../img/qw.png) no-repeat 0 0;
text-indent: -999em;}
#outer{margin-bottom:-20px; margin-left:25px;}
#outer  ul li{margin-bottom:5px;}
#outer ul li a:hover{ text-decoration:underline;color:#333}
#outer ul{position: absolute;height:150px;padding: 15px 25px 5px 25px;
background-color: #FFF;
z-index: 2000px;
background: -webkit-gradient(linear, 100% 30%, 100% 100%, from(#FFFFFF), to(#CCCCCC));
background: -moz-linear-gradient(top, #FFFFFF 30%, #CCCCCC 100%);
background: -o-linear-gradient(top, #FFFFFF 30%, #CCCCCC 100%);
background: -ms-linear-gradient(top, #FFFFFF 30%, #CCCCCC 100%);
background: linear-gradient(top, #FFFFFF 30%, #CCCCCC 100%);
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
box-shadow: 0px 1px 5px #333;
-moz-box-shadow: 0px 1px 5px #333;
-webkit-box-shadow: 0px 1px 5px #333;
margin-top: -85px;
margin-left: 0px;
width: 310px;
border: 5px solid #666;
color: #333;
text-shadow: 0px 1px 0 #FFF;
display: block;
text-decoration:none;}


#ou{margin-bottom:-20px; margin-left:25px;}
#ou ul p{padding: 15px 25px 0 25px;
background: url(../img/mumu.png) no-repeat 0 0;
text-indent: -999em;
}

#ou  ul li{margin-bottom:5px;}
#ou ul li a:hover{ text-decoration:underline;color:#333}
#ou ul{position: absolute;height:150px;padding: 15px 25px 5px 25px;
background-color: #FFF;
z-index: 2000px;
background: -webkit-gradient(linear, 100% 30%, 100% 100%, from(#FFFFFF), to(#CCCCCC));
background: -moz-linear-gradient(top, #FFFFFF 30%, #CCCCCC 100%);
background: -o-linear-gradient(top, #FFFFFF 30%, #CCCCCC 100%);
background: -ms-linear-gradient(top, #FFFFFF 30%, #CCCCCC 100%);
background: linear-gradient(top, #FFFFFF 30%, #CCCCCC 100%);
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
box-shadow: 0px 1px 5px #333;
-moz-box-shadow: 0px 1px 5px #333;
-webkit-box-shadow: 0px 1px 5px #333;
margin-top: -85px;
margin-left: 0px;
width: 310px;
border: 5px solid #666;
color: #333;
text-shadow: 0px 1px 0 #FFF;
display: block;
text-decoration:none;}
.main{ width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-bottom:30px;}
.maint{ height:125px; width:1198px; border:1px solid #dedddd;margin-top:30px;}
.maintt{ height:57px; line-height:57px; border-bottom:1px solid #e2e0e0; color:#3a648a; font-size:16px; padding-left:30px; }
.maintm ul{ width:365px; height:65px; float:left; margin-top:26px; margin-left:30px;}
.maintm a{width:365px; height:75px; color:#676666;}
.maintm a:hover{ color:#00a2ca;}
.img{margin-top: -7px; width:78px; height:78px; border:1px solid #dedcdc; background:url(../img/case.png) center center no-repeat; float:left;} 
.img1{margin-top: -7px; width:78px; height:78px; border:1px solid #dedcdc; background:url(../img/qianyuedongtai.png) center center no-repeat; float:left;}
.img2{margin-top: -7px; width:78px; height:78px; border:1px solid #dedcdc; background:url(../img/jiejue.png) center center no-repeat; float:left;}
.bt{margin-top:-10px; font-size:12px; font-weight:bold;}
.text{ float:left; margin-left:12px; width:270px; height:80px;text-indent:1em; line-height:20px; overflow:hidden;}
.footer{width:100%; height:auto;}
.footert{ width:100%; height:120px;background:#3a648a;}
.footertm{ width:1200px; margin:0 auto; line-height:30px; color:#FFF;}
.footertm li{padding-top:30px; width:394px; float:left; margin-left:6px;}
.footerm{width:100%; height:60px;background:#345b7d;}
.footermm{ width:1200px; margin:0 auto; text-align:center; color:#cdcfd2; line-height:42px;}
.footertm img{margin-left:10px; vertical-align:middle;}
.footertm a{ color:#FFF;}





#obo_slider{position:relative;margin:0 auto;}
.oneByOne1{	margin:0;width:100%;height:390px;background:#fff; position:relative;overflow:hidden;}
#obo_slider .oneByOne_item{position:absolute;width:100%;height:390px;overflow:hidden;}                           
#obo_slider .oneByOne_item span{font:13px 'PT Sans', Arial, Tahoma, Verdana, Sans-Serif;color:#393939;}
#obo_slider .oneByOne_item a{text-decoration:none;color:#B22222;}
#obo_slider .oneByOne_item span.slide2Txt1{position:relative;float:left;margin:120px 12px 0 120px;color:#9ACD32;font-size:24px;background:#FFFFFF;padding:8px;}
#obo_slider .oneByOne_item span.slide2Txt2{position:relative;clear:left;float:left;margin:6px 12px 0 120px;color:#666666;font-size:18px;background:#FFFFFF;padding:8px;}
#obo_slider .oneByOne_item span.slide2Txt3{position:relative;clear:left;float:left;margin:6px 12px 0 120px;color:#666666;font-size:12px;background:#FFFFFF;padding:8px;}
#obo_slider img.wp1_1{position:absolute;top:70px;left:512px;}
#obo_slider img.wp1_2{position:absolute;top:0px;left:660px;}
#obo_slider img.wp1_3{position:absolute;top:0px;right:0px;}
#obo_slider img.wp1_left{left:0;right:auto;}
#obo_slider .oneByOne_item span.txt1{clear:left;position:relative;float:left;margin:70px 0 0 10px; font-size:24px;font-family:'Microsoft Yahei', 'Simsun';}
#obo_slider .oneByOne_item  span.txt1 a{color:#FFFFFF;}
#obo_slider .oneByOne_item span.txt2{clear:left;position:relative;float:left; margin-top:10px; margin-bottom:20px;color:#5eafcd;font-size:18px;font-family:'Microsoft Yahei', 'Simsun'; color:#FFF; line-height:30px;}
#obo_slider .oneByOne_item span.txt3{clear:left;position:relative;float:left;margin:0 0 0 10px;width:400px;font-family:'Microsoft Yahei', 'Simsun';}
#obo_slider .oneByOne_item span.txt4{clear:left;position:relative;float:left; margin-left:250px;width:400px;font-family:'Microsoft Yahei', 'Simsun'; background:} 
#obo_slider .oneByOne_item span.txt4 a{display:block;text-align:center;cursor:pointer;color:#FFF;width:151px;height:39px;padding:17px 0 0 0;}
.btn_l{background:url(../images/sprite.png) no-repeat scroll 0 -123px rgba(0, 0, 0, 0);border:medium none;color:#3FA3C9;cursor:pointer;font:italic bold 16px 'Microsoft Yahei','Simsun';height:56px;padding:0;width:151px;}
.btn_l:hover{background-position:-157px -123px;}
#obo_slider img.wp1{position:absolute;top:240px;right:240px;}
#obo_slider img.wp2{position:absolute;top:200px;left:470px;}
#obo_slider img.wp3{position:absolute;top:100px;left:700px;}
#obo_slider .oneByOne_item span.txt_right{padding-left:550px;}
#obo_slider .oneByOne_item span.txt4.txt_right{padding-left:735px;}
#obo_slider .oneByOne_item span.txt_right2{margin-left:250px;}
#obo_slider .oneByOne_item span.short{width:290px;margin-top:20px;}
.oneByOne1{background:#63b4d2 url(../images/moover_shadow.png) center top no-repeat;}
#obo_slider .oneByOne_item span.txt1, #obo_slider .oneByOne_item span.txt3{color:#fff; font-size:50px;}
#obo_slider .oneByOne_item span.txt1{margin-top:110px;}
#obo_slider .oneByOne_item span.txt1.blue{margin-top:66px;}
#obo_slider .oneByOne_item span.blue{background:#fff;color:#3fa3c9;}

#obo_slider .oneByOne_item .slide3_bot{margin-top:5px;}
.arrowButton .prevArrow, .arrowButton .nextArrow{top:180px;}
#obo_slider .oneByOne_item span.wp1{clear:left;position:relative;float:left;margin:120px 12px 0 60px; background:#20B2AA;padding:8px;color:#FFFFFF;font-size:40px;}
#obo_slider .oneByOne_item span.wp1 a{color:#FFFFFF;}  
#obo_slider .oneByOne_item span.wp2{clear:left;position:relative;float:left;margin:12px 12px 0 60px; color:#FFFFFF;background:#5F9EA0;padding:8px;font-size:16px;}
#obo_slider .oneByOne_item img.bigImage{ position:absolute;top:0; left:0;}
#obo_slider .oneByOne_item span.slide5Txt1{position:relative;float:left;margin:150px 12px 0 600px;color:#9ACD32;font-size:24px;  background:#FFFFFF;padding:8px;}
#obo_slider .oneByOne_item span.slide5Txt2{position:relative;clear:left;float:left;margin:12px 12px 0 600px;color:#666666;	font-size:12px;  background:#FFFFFF;padding:8px;}
.buttonArea{float:left;left:38%;position:relative;top:285px;}
.buttonCon{  float:left;position:relative;}
.buttonCon .theButton{display:none;color:#B22222;width:10px;height:11px;background:url(../images/circlebutton.png) -5px -3px no-repeat;text-indent:-9999px;border:0;float:left;margin-right:5px;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;behavior:url(PIE.htc);}
.buttonArea a.active{background-position:-5px -25px;background-color:#5eafcd;} 
.arrowButton{ cursor:pointer;  }
.arrowButton .prevArrow{background:url(../img/next.png) no-repeat; width:60px;height:60px;position:absolute;top:200px;left:50px;}
.arrowButton .nextArrow{background:url(../img/pre.png) no-repeat;width:60px;height:60px;position:absolute;top:200px;right:50px;}
.arrowButton .prevArrow:hover, .arrowButton .nextArrow:hover{opacity:.9;}

.animate0{
   	-webkit-animation-duration:.6s;
	-webkit-animation-delay:0s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-moz-animation-duration:.6s;
	-moz-animation-delay:0s;
	-moz-animation-timing-function:ease;
	-moz-animation-fill-mode:both;
	-ms-animation-duration:.6s;
	-ms-animation-delay:0s;
	-ms-animation-timing-function:ease;
	-ms-animation-fill-mode:both;
	animation-duration:.6s;
	animation-delay:0s;
	animation-timing-function:ease;
	animation-fill-mode:both;	          
}         

.animate1{
   	-webkit-animation-duration:.6s;
	-webkit-animation-delay:.2s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-moz-animation-duration:.6s;
	-moz-animation-delay:.2s;
	-moz-animation-timing-function:ease;
	-moz-animation-fill-mode:both;
	-ms-animation-duration:.6s;
	-ms-animation-delay:.2s;
	-ms-animation-timing-function:ease;
	-ms-animation-fill-mode:both;
	animation-duration:.6s;
	animation-delay:.2s;
	animation-timing-function:ease;
	animation-fill-mode:both;	          
} 

.animate2{
   	-webkit-animation-duration:.6s;
	-webkit-animation-delay:.4s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-moz-animation-duration:.6s;
	-moz-animation-delay:.4s;
	-moz-animation-timing-function:ease;
	-moz-animation-fill-mode:both;
	-ms-animation-duration:.6s;
	-ms-animation-delay:.4s;
	-ms-animation-timing-function:ease;
	-ms-animation-fill-mode:both;
	animation-duration:.6s;
	animation-delay:.4s;
	animation-timing-function:ease;
	animation-fill-mode:both;	          
} 

.animate3{
   	-webkit-animation-duration:.6s;
	-webkit-animation-delay:.6s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-moz-animation-duration:.6s;
	-moz-animation-delay:.6s;
	-moz-animation-timing-function:ease;
	-moz-animation-fill-mode:both;
	-ms-animation-duration:.6s;
	-ms-animation-delay:.6s;
	-ms-animation-timing-function:ease;
	-ms-animation-fill-mode:both;
	animation-duration:.6s;
	animation-delay:.6s;
	animation-timing-function:ease;
	animation-fill-mode:both;	          
}   

.animate4{
   	-webkit-animation-duration:.6s;
	-webkit-animation-delay:.8s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-moz-animation-duration:.6s;
	-moz-animation-delay:.8s;
	-moz-animation-timing-function:ease;
	-moz-animation-fill-mode:both;
	-ms-animation-duration:.6s;
	-ms-animation-delay:.8s;
	-ms-animation-timing-function:ease;
	-ms-animation-fill-mode:both;
	animation-duration:.6s;
	animation-delay:.8s;
	animation-timing-function:ease;
	animation-fill-mode:both;	          
}  

.animate5{
   	-webkit-animation-duration:.6s;
	-webkit-animation-delay:1s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-moz-animation-duration:.6s;
	-moz-animation-delay:1s;
	-moz-animation-timing-function:ease;
	-moz-animation-fill-mode:both;
	-ms-animation-duration:.6s;
	-ms-animation-delay:1s;
	-ms-animation-timing-function:ease;
	-ms-animation-fill-mode:both;
	animation-duration:.6s;
	animation-delay:1s;
	animation-timing-function:ease;
	animation-fill-mode:both;	          
}    


.animated{
	-webkit-animation:1s ease;
	-moz-animation:1s ease;
	-ms-animation:1s ease;
	animation:1s ease;
}

.animated.hinge{
	-webkit-animation:2s ease;
	-moz-animation:2s ease;
	-ms-animation:2s ease;
	animation:2s ease;
}

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

@-moz-keyframes flash{0%, 50%, 100%{opacity:1;}	25%, 75%{opacity:0;}}

@-ms-keyframes flash{0%, 50%, 100%{opacity:1;}	25%, 75%{opacity:0;}}

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

.flash{
	-webkit-animation-name:flash;
	-moz-animation-name:flash;
	-ms-animation-name:flash;
	animation-name:flash;
}
@-webkit-keyframes shake{
	0%, 100%{-webkit-transform:translateX(0);}
	10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);}
	20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);}
}

@-moz-keyframes shake{
	0%, 100%{-moz-transform:translateX(0);}
	10%, 30%, 50%, 70%, 90%{-moz-transform:translateX(-10px);}
	20%, 40%, 60%, 80%{-moz-transform:translateX(10px);}
}

@-ms-keyframes shake{
	0%, 100%{-ms-transform:translateX(0);}
	10%, 30%, 50%, 70%, 90%{-ms-transform:translateX(-10px);}
	20%, 40%, 60%, 80%{-ms-transform:translateX(10px);}
}

@keyframes shake{
	0%, 100%{transform:translateX(0);}
	10%, 30%, 50%, 70%, 90%{transform:translateX(-10px);}
	20%, 40%, 60%, 80%{transform:translateX(10px);}
}

.shake{
	-webkit-animation-name:shake;
	-moz-animation-name:shake;
	-ms-animation-name:shake;
	animation-name:shake;
}
@-webkit-keyframes bounce{
	0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);}
	40%{-webkit-transform:translateY(-30px);}
	60%{-webkit-transform:translateY(-15px);}
}

@-moz-keyframes bounce{
	0%, 20%, 50%, 80%, 100%{-moz-transform:translateY(0);}
	40%{-moz-transform:translateY(-30px);}
	60%{-moz-transform:translateY(-15px);}
}

@-ms-keyframes bounce{
	0%, 20%, 50%, 80%, 100%{-ms-transform:translateY(0);}
	40%{-ms-transform:translateY(-30px);}
	60%{-ms-transform:translateY(-15px);}
}

@keyframes bounce{
	0%, 20%, 50%, 80%, 100%{transform:translateY(0);}
	40%{transform:translateY(-30px);}
	60%{transform:translateY(-15px);}
}

.bounce{
	-webkit-animation-name:bounce;
	-moz-animation-name:bounce;
	-ms-animation-name:bounce;
	animation-name:bounce;
}
@-webkit-keyframes tada{
	0%{-webkit-transform:scale(1);}	
	10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
	40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
	100%{-webkit-transform:scale(1) rotate(0);}
}

@-moz-keyframes tada{
	0%{-moz-transform:scale(1);}	
	10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
	40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
	100%{-moz-transform:scale(1) rotate(0);}
}

@-ms-keyframes tada{
	0%{-ms-transform:scale(1);}	
	10%, 20%{-ms-transform:scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90%{-ms-transform:scale(1.1) rotate(3deg);}
	40%, 60%, 80%{-ms-transform:scale(1.1) rotate(-3deg);}
	100%{-ms-transform:scale(1) rotate(0);}
}

@keyframes tada{
	0%{transform:scale(1);}	
	10%, 20%{transform:scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg);}
	40%, 60%, 80%{transform:scale(1.1) rotate(-3deg);}
	100%{transform:scale(1) rotate(0);}
}

.tada{
	-webkit-animation-name:tada;
	-moz-animation-name:tada;
	-ms-animation-name:tada;
	animation-name:tada;
}
@-webkit-keyframes swing{
	20%, 40%, 60%, 80%, 100%{ -webkit-transform-origin:top center; }
	20%{ -webkit-transform:rotate(15deg); }	
	40%{ -webkit-transform:rotate(-10deg); }
	60%{ -webkit-transform:rotate(5deg); }	
	80%{ -webkit-transform:rotate(-5deg); }	
	100%{ -webkit-transform:rotate(0deg); }
}

@-moz-keyframes swing{
	20%, 40%, 60%, 80%, 100%{ -moz-transform-origin:top center; }
	20%{ -moz-transform:rotate(15deg); }	
	40%{ -moz-transform:rotate(-10deg); }
	60%{ -moz-transform:rotate(5deg); }	
	80%{ -moz-transform:rotate(-5deg); }	
	100%{ -moz-transform:rotate(0deg); }
}

@-ms-keyframes swing{
	20%, 40%, 60%, 80%, 100%{ -ms-transform-origin:top center; }
	20%{ -ms-transform:rotate(15deg); }	
	40%{ -ms-transform:rotate(-10deg); }
	60%{ -ms-transform:rotate(5deg); }	
	80%{ -ms-transform:rotate(-5deg); }	
	100%{ -webkit-transform:rotate(0deg); }
}

@keyframes swing{
	20%, 40%, 60%, 80%, 100%{ transform-origin:top center; }
	20%{ transform:rotate(15deg); }	
	40%{ transform:rotate(-10deg); }
	60%{ transform:rotate(5deg); }	
	80%{ transform:rotate(-5deg); }	
	100%{ transform:rotate(0deg); }
}

.swing{
	-webkit-animation-name:swing;
	-moz-animation-name:swing;
	-ms-animation-name:swing;
	animation-name:swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble{
  0%{ -webkit-transform:translateX(0%); }
  15%{ -webkit-transform:translateX(-25%) rotate(-5deg); }
  30%{ -webkit-transform:translateX(20%) rotate(3deg); }
  45%{ -webkit-transform:translateX(-15%) rotate(-3deg); }
  60%{ -webkit-transform:translateX(10%) rotate(2deg); }
  75%{ -webkit-transform:translateX(-5%) rotate(-1deg); }
  100%{ -webkit-transform:translateX(0%); }
}

@-moz-keyframes wobble{
  0%{ -moz-transform:translateX(0%); }
  15%{ -moz-transform:translateX(-25%) rotate(-5deg); }
  30%{ -moz-transform:translateX(20%) rotate(3deg); }
  45%{ -moz-transform:translateX(-15%) rotate(-3deg); }
  60%{ -moz-transform:translateX(10%) rotate(2deg); }
  75%{ -moz-transform:translateX(-5%) rotate(-1deg); }
  100%{ -moz-transform:translateX(0%); }
}

@-ms-keyframes wobble{
  0%{ -ms-transform:translateX(0%); }
  15%{ -ms-transform:translateX(-25%) rotate(-5deg); }
  30%{ -ms-transform:translateX(20%) rotate(3deg); }
  45%{ -ms-transform:translateX(-15%) rotate(-3deg); }
  60%{ -ms-transform:translateX(10%) rotate(2deg); }
  75%{ -ms-transform:translateX(-5%) rotate(-1deg); }
  100%{ -ms-transform:translateX(0%); }
}

@keyframes wobble{
  0%{ transform:translateX(0%); }
  15%{ transform:translateX(-25%) rotate(-5deg); }
  30%{ transform:translateX(20%) rotate(3deg); }
  45%{ transform:translateX(-15%) rotate(-3deg); }
  60%{ transform:translateX(10%) rotate(2deg); }
  75%{ transform:translateX(-5%) rotate(-1deg); }
  100%{ transform:translateX(0%); }
}

.wobble{
	-webkit-animation-name:wobble;
	-moz-animation-name:wobble;
	-ms-animation-name:wobble;
	animation-name:wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse{
   0%{ -webkit-transform:scale(1); }	50%{ -webkit-transform:scale(1.1); } 100%{ -webkit-transform:scale(1); }}
@-moz-keyframes pulse{
    0%{ -moz-transform:scale(1); }	50%{ -moz-transform:scale(1.1); } 100%{ -moz-transform:scale(1); }}
@-ms-keyframes pulse{
    0%{ -ms-transform:scale(1); }	
	50%{ -ms-transform:scale(1.1); }
    100%{ -ms-transform:scale(1); }
}
@keyframes pulse{
    0%{ transform:scale(1); }	
	50%{ transform:scale(1.1); }
    100%{ transform:scale(1); }
}

.pulse{
	-webkit-animation-name:pulse;
	-moz-animation-name:pulse;
	-ms-animation-name:pulse;
	animation-name:pulse;
}
@-webkit-keyframes fadeIn{0%{opacity:0;}	100%{opacity:1;}}

@-moz-keyframes fadeIn{0%{opacity:0;}	100%{opacity:1;}}

@-ms-keyframes fadeIn{0%{opacity:0;}	100%{opacity:1;}}

@keyframes fadeIn{0%{opacity:0;}	100%{opacity:1;}}

.fadeIn{
	-webkit-animation-name:fadeIn;
	-moz-animation-name:fadeIn;
	-ms-animation-name:fadeIn;
	animation-name:fadeIn;
}
@-webkit-keyframes fadeInUp{
	0%{
		opacity:0;
		-webkit-transform:translateY(20px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@-moz-keyframes fadeInUp{
	0%{
		opacity:0;
		-moz-transform:translateY(20px);
	}
	
	100%{
		opacity:1;
		-moz-transform:translateY(0);
	}
}

@-ms-keyframes fadeInUp{
	0%{
		opacity:0;
		-ms-transform:translateY(20px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateY(0);
	}
}

@keyframes fadeInUp{
	0%{
		opacity:0;
		transform:translateY(20px);
	}
	
	100%{
		opacity:1;
		transform:translateY(0);
	}
}

.fadeInUp{
	-webkit-animation-name:fadeInUp;
	-moz-animation-name:fadeInUp;
	-ms-animation-name:fadeInUp;
	animation-name:fadeInUp;
}
@-webkit-keyframes fadeInDown{
	0%{
		opacity:0;
		-webkit-transform:translateY(-20px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@-moz-keyframes fadeInDown{
	0%{
		opacity:0;
		-moz-transform:translateY(-20px);
	}
	
	100%{
		opacity:1;
		-moz-transform:translateY(0);
	}
}

@-ms-keyframes fadeInDown{
	0%{
		opacity:0;
		-ms-transform:translateY(-20px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateY(0);
	}
}

@keyframes fadeInDown{
	0%{
		opacity:0;
		transform:translateY(-20px);
	}
	
	100%{
		opacity:1;
		transform:translateY(0);
	}
}

.fadeInDown{
	-webkit-animation-name:fadeInDown;
	-moz-animation-name:fadeInDown;
	-ms-animation-name:fadeInDown;
	animation-name:fadeInDown;
}
@-webkit-keyframes fadeInLeft{
	0%{
		opacity:0;
		-webkit-transform:translateX(-20px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}

@-moz-keyframes fadeInLeft{
	0%{
		opacity:0;
		-moz-transform:translateX(-20px);
	}
	
	100%{
		opacity:1;
		-moz-transform:translateX(0);
	}
}

@-ms-keyframes fadeInLeft{
	0%{
		opacity:0;
		-ms-transform:translateX(-20px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateX(0);
	}
}

@keyframes fadeInLeft{
	0%{
		opacity:0;
		transform:translateX(-20px);
	}
	
	100%{
		opacity:1;
		transform:translateX(0);
	}
}

.fadeInLeft{
	-webkit-animation-name:fadeInLeft;
	-moz-animation-name:fadeInLeft;
	-ms-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
@-webkit-keyframes fadeInRight{
	0%{
		opacity:0;
		-webkit-transform:translateX(20px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}

@-moz-keyframes fadeInRight{
	0%{
		opacity:0;
		-moz-transform:translateX(20px);
	}
	
	100%{

		opacity:1;
		-moz-transform:translateX(0);
	}
}

@-ms-keyframes fadeInRight{
	0%{
		opacity:0;
		-ms-transform:translateX(20px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateX(0);
	}
}

@keyframes fadeInRight{
	0%{
		opacity:0;
		transform:translateX(20px);
	}
	
	100%{
		opacity:1;
		transform:translateX(0);
	}
}

.fadeInRight{
	-webkit-animation-name:fadeInRight;
	-moz-animation-name:fadeInRight;
	-ms-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
@-webkit-keyframes fadeInUpBig{
	0%{
		opacity:0;
		-webkit-transform:translateY(2000px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@-moz-keyframes fadeInUpBig{
	0%{
		opacity:0;
		-moz-transform:translateY(2000px);
	}
	
	100%{
		opacity:1;
		-moz-transform:translateY(0);
	}
}

@-ms-keyframes fadeInUpBig{
	0%{
		opacity:0;
		-ms-transform:translateY(2000px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateY(0);
	}
}

@keyframes fadeInUpBig{
	0%{
		opacity:0;
		transform:translateY(2000px);
	}
	
	100%{
		opacity:1;
		transform:translateY(0);
	}
}

.fadeInUpBig{
	-webkit-animation-name:fadeInUpBig;
	-moz-animation-name:fadeInUpBig;
	-ms-animation-name:fadeInUpBig;
	animation-name:fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig{
	0%{
		opacity:0;
		-webkit-transform:translateY(-2000px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@-moz-keyframes fadeInDownBig{
	0%{
		opacity:0;
		-moz-transform:translateY(-2000px);
	}
	
	100%{
		opacity:1;
		-moz-transform:translateY(0);
	}
}


@-ms-keyframes fadeInDownBig{
	0%{
		opacity:0;
		-ms-transform:translateY(-2000px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateY(0);
	}
}

@keyframes fadeInDownBig{
	0%{
		opacity:0;
		transform:translateY(-2000px);
	}
	
	100%{
		opacity:1;
		transform:translateY(0);
	}
}

.fadeInDownBig{
	-webkit-animation-name:fadeInDownBig;
	-moz-animation-name:fadeInDownBig;
	-ms-animation-name:fadeInDownBig;
	animation-name:fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig{
	0%{
		opacity:0;
		-webkit-transform:translateX(-2000px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig{
	0%{
		opacity:0;
		-moz-transform:translateX(-2000px);
	}
	
	100%{
		opacity:1;
		-moz-transform:translateX(0);
	}
}
@-ms-keyframes fadeInLeftBig{
	0%{
		opacity:0;
		-ms-transform:translateX(-2000px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateX(0);
	}
}
@keyframes fadeInLeftBig{
	0%{
		opacity:0;
		transform:translateX(-2000px);
	}
	
	100%{
		opacity:1;
		transform:translateX(0);
	}
}

.fadeInLeftBig{
	-webkit-animation-name:fadeInLeftBig;
	-moz-animation-name:fadeInLeftBig;
	-ms-animation-name:fadeInLeftBig;
	animation-name:fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig{
	0%{
		opacity:0;
		-webkit-transform:translateX(2000px);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}

@-moz-keyframes fadeInRightBig{
	0%{
		opacity:0;
		-moz-transform:translateX(2000px);
	}
	
	100%{
		opacity:1;
		-moz-transform:translateX(0);
	}
}

@-ms-keyframes fadeInRightBig{
	0%{
		opacity:0;
		-ms-transform:translateX(2000px);
	}
	
	100%{
		opacity:1;
		-ms-transform:translateX(0);
	}
}

@keyframes fadeInRightBig{
	0%{
		opacity:0;
		transform:translateX(2000px);
	}
	
	100%{
		opacity:1;
		transform:translateX(0);
	}
}

.fadeInRightBig{
	-webkit-animation-name:fadeInRightBig;
	-moz-animation-name:fadeInRightBig;
	-ms-animation-name:fadeInRightBig;
	animation-name:fadeInRightBig;
}
@-webkit-keyframes fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}

@-moz-keyframes fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}

@-ms-keyframes fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}

@keyframes fadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}

.fadeOut{
	-webkit-animation-name:fadeOut;
	-moz-animation-name:fadeOut;
	-ms-animation-name:fadeOut;
	animation-name:fadeOut;
}
@-webkit-keyframes fadeOutUp{
	0%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp{
	0%{
		opacity:1;
		-moz-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateY(-20px);
	}
}
@-ms-keyframes fadeOutUp{
	0%{
		opacity:1;
		-ms-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateY(-20px);
	}
}
@keyframes fadeOutUp{
	0%{
		opacity:1;
		transform:translateY(0);
	}
	
	100%{
		opacity:0;
		transform:translateY(-20px);
	}
}

.fadeOutUp{
	-webkit-animation-name:fadeOutUp;
	-moz-animation-name:fadeOutUp;
	-ms-animation-name:fadeOutUp;
	animation-name:fadeOutUp;
}
@-webkit-keyframes fadeOutDown{
	0%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateY(20px);
	}
}

@-moz-keyframes fadeOutDown{
	0%{
		opacity:1;
		-moz-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateY(20px);
	}
}

@-ms-keyframes fadeOutDown{
	0%{
		opacity:1;
		-ms-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateY(20px);
	}
}

@keyframes fadeOutDown{
	0%{
		opacity:1;
		transform:translateY(0);
	}
	
	100%{
		opacity:0;
		transform:translateY(20px);
	}
}

.fadeOutDown{
	-webkit-animation-name:fadeOutDown;
	-moz-animation-name:fadeOutDown;
	-ms-animation-name:fadeOutDown;
	animation-name:fadeOutDown;
}
@-webkit-keyframes fadeOutLeft{
	0%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateX(-20px);
	}
}

@-moz-keyframes fadeOutLeft{
	0%{
		opacity:1;
		-moz-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateX(-20px);
	}
}

@-ms-keyframes fadeOutLeft{
	0%{
		opacity:1;
		-ms-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateX(-20px);
	}
}
@keyframes fadeOutLeft{
	0%{
		opacity:1;
		transform:translateX(0);
	}
	
	100%{
		opacity:0;
		transform:translateX(-20px);
	}
}

.fadeOutLeft{
	-webkit-animation-name:fadeOutLeft;
	-moz-animation-name:fadeOutLeft;
	-ms-animation-name:fadeOutLeft;
	animation-name:fadeOutLeft;
}
@-webkit-keyframes fadeOutRight{
	0%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateX(20px);
	}
}

@-moz-keyframes fadeOutRight{
	0%{
		opacity:1;
		-moz-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateX(20px);
	}
}

@-ms-keyframes fadeOutRight{
	0%{
		opacity:1;
		-ms-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateX(20px);
	}
}

@keyframes fadeOutRight{
	0%{
		opacity:1;
		transform:translateX(0);
	}
	
	100%{
		opacity:0;
		transform:translateX(20px);
	}
}

.fadeOutRight{
	-webkit-animation-name:fadeOutRight;
	-moz-animation-name:fadeOutRight;
	-ms-animation-name:fadeOutRight;
	animation-name:fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig{
	0%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateY(-2000px);
	}
}

@-moz-keyframes fadeOutUpBig{
	0%{
		opacity:1;
		-moz-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateY(-2000px);
	}
}

@-ms-keyframes fadeOutUpBig{
	0%{
		opacity:1;
		-ms-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateY(-2000px);
	}
}

@keyframes fadeOutUpBig{
	0%{
		opacity:1;
		transform:translateY(0);
	}
	
	100%{
		opacity:0;
		transform:translateY(-2000px);
	}
}

.fadeOutUpBig{
	-webkit-animation-name:fadeOutUpBig;
	-moz-animation-name:fadeOutUpBig;
	-ms-animation-name:fadeOutUpBig;
	animation-name:fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig{
	0%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateY(2000px);
	}
}

@-moz-keyframes fadeOutDownBig{
	0%{
		opacity:1;
		-moz-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateY(2000px);
	}
}

@-ms-keyframes fadeOutDownBig{
	0%{
		opacity:1;
		-ms-transform:translateY(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateY(2000px);
	}
}

@keyframes fadeOutDownBig{
	0%{
		opacity:1;
		transform:translateY(0);
	}
	
	100%{
		opacity:0;
		transform:translateY(2000px);
	}
}

.fadeOutDownBig{
	-webkit-animation-name:fadeOutDownBig;
	-moz-animation-name:fadeOutDownBig;
	-ms-animation-name:fadeOutDownBig;
	animation-name:fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig{
	0%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateX(-2000px);
	}
}

@-moz-keyframes fadeOutLeftBig{
	0%{
		opacity:1;
		-moz-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateX(-2000px);
	}
}

@-ms-keyframes fadeOutLeftBig{
	0%{
		opacity:1;
		-ms-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateX(-2000px);
	}
}

@keyframes fadeOutLeftBig{
	0%{
		opacity:1;
		transform:translateX(0);
	}
	
	100%{
		opacity:0;
		transform:translateX(-2000px);
	}
}

.fadeOutLeftBig{
	-webkit-animation-name:fadeOutLeftBig;
	-moz-animation-name:fadeOutLeftBig;
	-ms-animation-name:fadeOutLeftBig;
	animation-name:fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig{
	0%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateX(2000px);
	}
}
@-moz-keyframes fadeOutRightBig{
	0%{

		opacity:1;
		-moz-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateX(2000px);
	}
}
@-ms-keyframes fadeOutRightBig{
	0%{
		opacity:1;
		-ms-transform:translateX(0);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateX(2000px);
	}
}
@keyframes fadeOutRightBig{
	0%{
		opacity:1;
		transform:translateX(0);
	}
	
	100%{
		opacity:0;
		transform:translateX(2000px);
	}
}

.fadeOutRightBig{
	-webkit-animation-name:fadeOutRightBig;
	-moz-animation-name:fadeOutRightBig;
	-ms-animation-name:fadeOutRightBig;
	animation-name:fadeOutRightBig;
}
@-webkit-keyframes bounceIn{
	0%{
		opacity:0;
		-webkit-transform:scale(.3);
	}
	
	50%{
		opacity:1;
		-webkit-transform:scale(1.05);
	}
	
	70%{
		-webkit-transform:scale(.9);
	}
	
	100%{
		-webkit-transform:scale(1);
	}
}

@-moz-keyframes bounceIn{
	0%{
		opacity:0;
		-moz-transform:scale(.3);
	}
	
	50%{
		opacity:1;
		-moz-transform:scale(1.05);
	}
	
	70%{
		-moz-transform:scale(.9);
	}
	
	100%{
		-moz-transform:scale(1);
	}
}

@-ms-keyframes bounceIn{
	0%{
		opacity:0;
		-ms-transform:scale(.3);
	}
	
	50%{
		opacity:1;
		-ms-transform:scale(1.05);
	}
	
	70%{
		-ms-transform:scale(.9);
	}
	
	100%{
		-ms-transform:scale(1);
	}
}

@keyframes bounceIn{
	0%{
		opacity:0;
		transform:scale(.3);
	}
	
	50%{
		opacity:1;
		transform:scale(1.05);
	}
	
	70%{
		transform:scale(.9);
	}
	
	100%{
		transform:scale(1);
	}
}

.bounceIn{
	-webkit-animation-name:bounceIn;
	-moz-animation-name:bounceIn;
	-ms-animation-name:bounceIn;
	animation-name:bounceIn;
}
@-webkit-keyframes bounceInUp{
	0%{
		opacity:0;
		-webkit-transform:translateY(2000px);
	}
	
	60%{
		opacity:1;
		-webkit-transform:translateY(-30px);
	}
	
	80%{
		-webkit-transform:translateY(10px);
	}
	
	100%{
		-webkit-transform:translateY(0);
	}
}
@-moz-keyframes bounceInUp{
	0%{
		opacity:0;
		-moz-transform:translateY(2000px);
	}
	
	60%{
		opacity:1;
		-moz-transform:translateY(-30px);
	}
	
	80%{
		-moz-transform:translateY(10px);
	}
	
	100%{
		-moz-transform:translateY(0);
	}
}
@-ms-keyframes bounceInUp{
	0%{
		opacity:0;
		-ms-transform:translateY(2000px);
	}
	
	60%{
		opacity:1;
		-ms-transform:translateY(-30px);
	}
	
	80%{
		-ms-transform:translateY(10px);
	}
	
	100%{
		-ms-transform:translateY(0);
	}
}
@keyframes bounceInUp{
	0%{
		opacity:0;
		transform:translateY(2000px);
	}
	
	60%{
		opacity:1;
		transform:translateY(-30px);
	}
	
	80%{
		transform:translateY(10px);
	}
	
	100%{
		transform:translateY(0);
	}
}

.bounceInUp{
	-webkit-animation-name:bounceInUp;
	-moz-animation-name:bounceInUp;
	-ms-animation-name:bounceInUp;
	animation-name:bounceInUp;
}
@-webkit-keyframes bounceInDown{
	0%{
		opacity:0;
		-webkit-transform:translateY(-2000px);
	}
	
	60%{
		opacity:1;
		-webkit-transform:translateY(30px);
	}
	
	80%{
		-webkit-transform:translateY(-10px);
	}
	
	100%{
		-webkit-transform:translateY(0);
	}
}

@-moz-keyframes bounceInDown{
	0%{
		opacity:0;
		-moz-transform:translateY(-2000px);
	}
	
	60%{
		opacity:1;
		-moz-transform:translateY(30px);
	}
	
	80%{
		-moz-transform:translateY(-10px);
	}
	
	100%{
		-moz-transform:translateY(0);
	}
}

@-ms-keyframes bounceInDown{
	0%{
		opacity:0;
		-ms-transform:translateY(-2000px);
	}
	
	60%{
		opacity:1;
		-ms-transform:translateY(30px);
	}
	
	80%{
		-ms-transform:translateY(-10px);
	}
	
	100%{
		-ms-transform:translateY(0);
	}
}

@keyframes bounceInDown{
	0%{
		opacity:0;
		transform:translateY(-2000px);
	}
	
	60%{
		opacity:1;
		transform:translateY(30px);
	}
	
	80%{
		transform:translateY(-10px);
	}
	
	100%{
		transform:translateY(0);
	}
}

.bounceInDown{
	-webkit-animation-name:bounceInDown;
	-moz-animation-name:bounceInDown;
	-ms-animation-name:bounceInDown;
	animation-name:bounceInDown;
}
@-webkit-keyframes bounceInLeft{
	0%{
		opacity:0;
		-webkit-transform:translateX(-2000px);
	}
	
	60%{
		opacity:1;
		-webkit-transform:translateX(30px);
	}
	
	80%{
		-webkit-transform:translateX(-10px);
	}
	
	100%{
		-webkit-transform:translateX(0);
	}
}

@-moz-keyframes bounceInLeft{
	0%{
		opacity:0;
		-moz-transform:translateX(-2000px);
	}
	
	60%{
		opacity:1;
		-moz-transform:translateX(30px);
	}
	
	80%{
		-moz-transform:translateX(-10px);
	}
	
	100%{
		-moz-transform:translateX(0);
	}
}

@-ms-keyframes bounceInLeft{
	0%{
		opacity:0;
		-ms-transform:translateX(-2000px);
	}
	
	60%{
		opacity:1;
		-ms-transform:translateX(30px);
	}
	
	80%{
		-ms-transform:translateX(-10px);
	}
	
	100%{
		-ms-transform:translateX(0);
	}
}

@keyframes bounceInLeft{
	0%{
		opacity:0;
		transform:translateX(-2000px);
	}
	
	60%{
		opacity:1;
		transform:translateX(30px);
	}
	
	80%{
		transform:translateX(-10px);
	}
	
	100%{
		transform:translateX(0);
	}
}

.bounceInLeft{
	-webkit-animation-name:bounceInLeft;
	-moz-animation-name:bounceInLeft;
	-ms-animation-name:bounceInLeft;
	animation-name:bounceInLeft;
}
@-webkit-keyframes bounceInRight{
	0%{
		opacity:0;
		-webkit-transform:translateX(2000px);
	}
	
	60%{
		opacity:1;
		-webkit-transform:translateX(-30px);
	}
	
	80%{
		-webkit-transform:translateX(10px);
	}
	
	100%{
		-webkit-transform:translateX(0);
	}
}

@-moz-keyframes bounceInRight{
	0%{
		opacity:0;
		-moz-transform:translateX(2000px);
	}
	
	60%{
		opacity:1;
		-moz-transform:translateX(-30px);
	}
	
	80%{
		-moz-transform:translateX(10px);
	}
	
	100%{
		-moz-transform:translateX(0);
	}
}

@-ms-keyframes bounceInRight{
	0%{
		opacity:0;
		-ms-transform:translateX(2000px);
	}
	
	60%{
		opacity:1;
		-ms-transform:translateX(-30px);
	}
	
	80%{
		-ms-transform:translateX(10px);
	}
	
	100%{
		-ms-transform:translateX(0);
	}
}

@keyframes bounceInRight{
	0%{
		opacity:0;
		transform:translateX(2000px);
	}
	
	60%{
		opacity:1;
		transform:translateX(-30px);
	}
	
	80%{
		transform:translateX(10px);
	}
	
	100%{
		transform:translateX(0);
	}
}

.bounceInRight{
	-webkit-animation-name:bounceInRight;
	-moz-animation-name:bounceInRight;
	-ms-animation-name:bounceInRight;
	animation-name:bounceInRight;
}
@-webkit-keyframes bounceOut{
	0%{
		-webkit-transform:scale(1);
	}
	
	25%{
		-webkit-transform:scale(.95);
	}
	
	50%{
		opacity:1;
		-webkit-transform:scale(1.1);
	}
	
	100%{
		opacity:0;
		-webkit-transform:scale(.3);
	}	
}

@-moz-keyframes bounceOut{
	0%{
		-moz-transform:scale(1);
	}
	
	25%{
		-moz-transform:scale(.95);
	}
	
	50%{
		opacity:1;
		-moz-transform:scale(1.1);
	}
	
	100%{
		opacity:0;
		-moz-transform:scale(.3);
	}	
}

@-ms-keyframes bounceOut{
	0%{
		-ms-transform:scale(1);
	}
	
	25%{
		-ms-transform:scale(.95);
	}
	
	50%{
		opacity:1;
		-ms-transform:scale(1.1);
	}
	
	100%{
		opacity:0;
		-ms-transform:scale(.3);
	}	
}

@keyframes bounceOut{
	0%{
		transform:scale(1);
	}
	
	25%{
		transform:scale(.95);
	}
	
	50%{
		opacity:1;
		transform:scale(1.1);
	}
	
	100%{
		opacity:0;
		transform:scale(.3);
	}	
}

.bounceOut{
	-webkit-animation-name:bounceOut;
	-moz-animation-name:bounceOut;
	-ms-animation-name:bounceOut;
	animation-name:bounceOut;
}
@-webkit-keyframes bounceOutUp{
	0%{
		-webkit-transform:translateY(0);
	}
	
	20%{
		opacity:1;
		-webkit-transform:translateY(20px);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateY(-2000px);
	}
}

@-moz-keyframes bounceOutUp{
	0%{
		-moz-transform:translateY(0);
	}
	
	20%{
		opacity:1;
		-moz-transform:translateY(20px);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateY(-2000px);
	}
}

@-ms-keyframes bounceOutUp{
	0%{
		-ms-transform:translateY(0);
	}
	
	20%{
		opacity:1;
		-ms-transform:translateY(20px);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateY(-2000px);
	}
}

@keyframes bounceOutUp{
	0%{
		transform:translateY(0);
	}
	
	20%{
		opacity:1;
		transform:translateY(20px);
	}
	
	100%{
		opacity:0;
		transform:translateY(-2000px);
	}
}

.bounceOutUp{
	-webkit-animation-name:bounceOutUp;
	-moz-animation-name:bounceOutUp;
	-ms-animation-name:bounceOutUp;
	animation-name:bounceOutUp;
}
@-webkit-keyframes bounceOutDown{
	0%{
		-webkit-transform:translateY(0);
	}
	
	20%{
		opacity:1;
		-webkit-transform:translateY(-20px);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown{
	0%{
		-moz-transform:translateY(0);
	}
	
	20%{
		opacity:1;
		-moz-transform:translateY(-20px);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateY(2000px);
	}
}

@-ms-keyframes bounceOutDown{
	0%{
		-ms-transform:translateY(0);
	}
	
	20%{
		opacity:1;
		-ms-transform:translateY(-20px);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateY(2000px);
	}
}

@keyframes bounceOutDown{
	0%{
		transform:translateY(0);
	}
	
	20%{
		opacity:1;
		transform:translateY(-20px);
	}
	
	100%{
		opacity:0;
		transform:translateY(2000px);
	}
}

.bounceOutDown{
	-webkit-animation-name:bounceOutDown;
	-moz-animation-name:bounceOutDown;
	-ms-animation-name:bounceOutDown;
	animation-name:bounceOutDown;
}
@-webkit-keyframes bounceOutLeft{
	0%{
		-webkit-transform:translateX(0);
	}
	
	20%{
		opacity:1;
		-webkit-transform:translateX(20px);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateX(-2000px);
	}
}

@-moz-keyframes bounceOutLeft{
	0%{
		-moz-transform:translateX(0);
	}
	
	20%{
		opacity:1;
		-moz-transform:translateX(20px);

	}
	
	100%{
		opacity:0;
		-moz-transform:translateX(-2000px);
	}
}

@-ms-keyframes bounceOutLeft{
	0%{
		-ms-transform:translateX(0);
	}
	
	20%{
		opacity:1;
		-ms-transform:translateX(20px);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateX(-2000px);
	}
}

@keyframes bounceOutLeft{
	0%{
		transform:translateX(0);
	}
	
	20%{
		opacity:1;
		transform:translateX(20px);
	}
	
	100%{
		opacity:0;
		transform:translateX(-2000px);
	}
}

.bounceOutLeft{
	-webkit-animation-name:bounceOutLeft;
	-moz-animation-name:bounceOutLeft;
	-ms-animation-name:bounceOutLeft;
	animation-name:bounceOutLeft;
}
@-webkit-keyframes bounceOutRight{
	0%{
		-webkit-transform:translateX(0);
	}
	
	20%{
		opacity:1;
		-webkit-transform:translateX(-20px);
	}
	
	100%{
		opacity:0;
		-webkit-transform:translateX(2000px);
	}
}

@-moz-keyframes bounceOutRight{
	0%{
		-moz-transform:translateX(0);
	}
	
	20%{
		opacity:1;
		-moz-transform:translateX(-20px);
	}
	
	100%{
		opacity:0;
		-moz-transform:translateX(2000px);
	}
}

@-ms-keyframes bounceOutRight{
	0%{
		-ms-transform:translateX(0);
	}
	
	20%{
		opacity:1;
		-ms-transform:translateX(-20px);
	}
	
	100%{
		opacity:0;
		-ms-transform:translateX(2000px);
	}
}

@keyframes bounceOutRight{
	0%{
		transform:translateX(0);
	}
	
	20%{
		opacity:1;
		transform:translateX(-20px);
	}
	
	100%{
		opacity:0;
		transform:translateX(2000px);
	}
}

.bounceOutRight{
	-webkit-animation-name:bounceOutRight;
	-moz-animation-name:bounceOutRight;
	-ms-animation-name:bounceOutRight;
	animation-name:bounceOutRight;
}
@-webkit-keyframes rotateIn{
	0%{
		-webkit-transform-origin:center center;
		-webkit-transform:rotate(-200deg);
		opacity:0;
	}
	
	100%{
		-webkit-transform-origin:center center;
		-webkit-transform:rotate(0);
		opacity:1;
	}
}
@-moz-keyframes rotateIn{
	0%{
		-moz-transform-origin:center center;
		-moz-transform:rotate(-200deg);
		opacity:0;
	}
	
	100%{
		-moz-transform-origin:center center;
		-moz-transform:rotate(0);
		opacity:1;
	}
}
@-ms-keyframes rotateIn{
	0%{
		-ms-transform-origin:center center;
		-ms-transform:rotate(-200deg);
		opacity:0;
	}
	
	100%{
		-ms-transform-origin:center center;
		-ms-transform:rotate(0);
		opacity:1;
	}
}
@keyframes rotateIn{
	0%{
		transform-origin:center center;
		transform:rotate(-200deg);
		opacity:0;
	}
	
	100%{
		transform-origin:center center;
		transform:rotate(0);
		opacity:1;
	}
}

.rotateIn{
	-webkit-animation-name:rotateIn;
	-moz-animation-name:rotateIn;
	-ms-animation-name:rotateIn;
	animation-name:rotateIn;
}
@-webkit-keyframes rotateInUpLeft{
	0%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
}

@-moz-keyframes rotateInUpLeft{
	0%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
}

@-ms-keyframes rotateInUpLeft{
	0%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
}

@keyframes rotateInUpLeft{
	0%{
		transform-origin:left bottom;
		transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		transform-origin:left bottom;
		transform:rotate(0);
		opacity:1;
	}
}

.rotateInUpLeft{
	-webkit-animation-name:rotateInUpLeft;
	-moz-animation-name:rotateInUpLeft;
	-ms-animation-name:rotateInUpLeft;
	animation-name:rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft{
	0%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(-90deg);
		opacity:0;
	}
	
	100%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
}

@-moz-keyframes rotateInDownLeft{
	0%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(-90deg);
		opacity:0;
	}
	
	100%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
}

@-ms-keyframes rotateInDownLeft{
	0%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(-90deg);
		opacity:0;
	}
	
	100%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
}

@keyframes rotateInDownLeft{
	0%{
		transform-origin:left bottom;
		transform:rotate(-90deg);
		opacity:0;
	}
	
	100%{
		transform-origin:left bottom;
		transform:rotate(0);
		opacity:1;
	}
}

.rotateInDownLeft{
	-webkit-animation-name:rotateInDownLeft;
	-moz-animation-name:rotateInDownLeft;
	-ms-animation-name:rotateInDownLeft;
	animation-name:rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight{
	0%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(-90deg);
		opacity:0;
	}
	
	100%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
}

@-moz-keyframes rotateInUpRight{
	0%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(-90deg);
		opacity:0;
	}
	
	100%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
}

@-ms-keyframes rotateInUpRight{
	0%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(-90deg);
		opacity:0;
	}
	
	100%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
}

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

.rotateInUpRight{
	-webkit-animation-name:rotateInUpRight;
	-moz-animation-name:rotateInUpRight;
	-ms-animation-name:rotateInUpRight;
	animation-name:rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight{
	0%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
}

@-moz-keyframes rotateInDownRight{
	0%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
}

@-ms-keyframes rotateInDownRight{
	0%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
}

@keyframes rotateInDownRight{
	0%{
		transform-origin:right bottom;
		transform:rotate(90deg);
		opacity:0;
	}
	
	100%{
		transform-origin:right bottom;
		transform:rotate(0);
		opacity:1;
	}
}

.rotateInDownRight{
	-webkit-animation-name:rotateInDownRight;
	-moz-animation-name:rotateInDownRight;
	-ms-animation-name:rotateInDownRight;
	animation-name:rotateInDownRight;
}
@-webkit-keyframes rotateOut{
	0%{
		-webkit-transform-origin:center center;
		-webkit-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-webkit-transform-origin:center center;
		-webkit-transform:rotate(200deg);
		opacity:0;
	}
}

@-moz-keyframes rotateOut{
	0%{
		-moz-transform-origin:center center;
		-moz-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-moz-transform-origin:center center;
		-moz-transform:rotate(200deg);
		opacity:0;
	}
}

@-ms-keyframes rotateOut{
	0%{
		-ms-transform-origin:center center;
		-ms-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-ms-transform-origin:center center;
		-ms-transform:rotate(200deg);
		opacity:0;
	}
}

@keyframes rotateOut{
	0%{
		transform-origin:center center;
		transform:rotate(0);
		opacity:1;
	}
	
	100%{
		transform-origin:center center;
		transform:rotate(200deg);
		opacity:0;
	}
}

.rotateOut{
	-webkit-animation-name:rotateOut;
	-moz-animation-name:rotateOut;
	-ms-animation-name:rotateOut;
	animation-name:rotateOut;
}
@-webkit-keyframes rotateOutUpLeft{
	0%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(-90deg);
		opacity:0;
	}
}

@-moz-keyframes rotateOutUpLeft{
	0%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(-90deg);
		opacity:0;
	}
}

@-ms-keyframes rotateOutUpLeft{
	0%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(-90deg);
		opacity:0;
	}
}

@keyframes rotateOutUpLeft{
	0%{
		transform-origin:left bottom;
		transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-transform-origin:left bottom;
		-transform:rotate(-90deg);
		opacity:0;
	}
}

.rotateOutUpLeft{
	-webkit-animation-name:rotateOutUpLeft;
	-moz-animation-name:rotateOutUpLeft;
	-ms-animation-name:rotateOutUpLeft;
	animation-name:rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft{
	0%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-webkit-transform-origin:left bottom;
		-webkit-transform:rotate(90deg);
		opacity:0;
	}
}

@-moz-keyframes rotateOutDownLeft{
	0%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-moz-transform-origin:left bottom;
		-moz-transform:rotate(90deg);
		opacity:0;
	}
}

@-ms-keyframes rotateOutDownLeft{
	0%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-ms-transform-origin:left bottom;
		-ms-transform:rotate(90deg);
		opacity:0;
	}
}

@keyframes rotateOutDownLeft{
	0%{
		transform-origin:left bottom;
		transform:rotate(0);
		opacity:1;
	}
	
	100%{
		transform-origin:left bottom;
		transform:rotate(90deg);
		opacity:0;
	}
}

.rotateOutDownLeft{
	-webkit-animation-name:rotateOutDownLeft;
	-moz-animation-name:rotateOutDownLeft;
	-ms-animation-name:rotateOutDownLeft;
	animation-name:rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight{
	0%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(90deg);
		opacity:0;
	}
}

@-moz-keyframes rotateOutUpRight{
	0%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(90deg);
		opacity:0;
	}
}

@-ms-keyframes rotateOutUpRight{
	0%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(90deg);
		opacity:0;
	}
}

@keyframes rotateOutUpRight{
	0%{
		transform-origin:right bottom;
		transform:rotate(0);
		opacity:1;
	}
	
	100%{
		transform-origin:right bottom;
		transform:rotate(90deg);
		opacity:0;
	}
}

.rotateOutUpRight{
	-webkit-animation-name:rotateOutUpRight;
	-moz-animation-name:rotateOutUpRight;
	-ms-animation-name:rotateOutUpRight;
	animation-name:rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight{
	0%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-webkit-transform-origin:right bottom;
		-webkit-transform:rotate(-90deg);
		opacity:0;
	}
}

@-moz-keyframes rotateOutDownRight{
	0%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-moz-transform-origin:right bottom;
		-moz-transform:rotate(-90deg);
		opacity:0;
	}
}

@-ms-keyframes rotateOutDownRight{
	0%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(0);
		opacity:1;
	}
	
	100%{
		-ms-transform-origin:right bottom;
		-ms-transform:rotate(-90deg);
		opacity:0;
	}
}

@keyframes rotateOutDownRight{
	0%{
		transform-origin:right bottom;
		transform:rotate(0);
		opacity:1;
	}
	
	100%{
		transform-origin:right bottom;
		transform:rotate(-90deg);
		opacity:0;
	}
}

.rotateOutDownRight{
	-webkit-animation-name:rotateOutDownRight;
	-moz-animation-name:rotateOutDownRight;
	-ms-animation-name:rotateOutDownRight;
	animation-name:rotateOutDownRight;
}
@-webkit-keyframes hinge{
	0%{ -webkit-transform:rotate(0); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; }	
	20%, 60%{ -webkit-transform:rotate(80deg); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; }	
	40%{ -webkit-transform:rotate(60deg); -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; }	
	80%{ -webkit-transform:rotate(60deg) translateY(0); opacity:1; -webkit-transform-origin:top left; -webkit-animation-timing-function:ease-in-out; }	
	100%{ -webkit-transform:translateY(700px); opacity:0; }
}

@-moz-keyframes hinge{
	0%{ -moz-transform:rotate(0); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out; }	
	20%, 60%{ -moz-transform:rotate(80deg); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out; }	
	40%{ -moz-transform:rotate(60deg); -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out; }	
	80%{ -moz-transform:rotate(60deg) translateY(0); opacity:1; -moz-transform-origin:top left; -moz-animation-timing-function:ease-in-out; }	
	100%{ -moz-transform:translateY(700px); opacity:0; }
}

@-ms-keyframes hinge{
	0%{ -ms-transform:rotate(0); -ms-transform-origin:top left; -ms-animation-timing-function:ease-in-out; }	
	20%, 60%{ -ms-transform:rotate(80deg); -ms-transform-origin:top left; -ms-animation-timing-function:ease-in-out; }	
	40%{ -ms-transform:rotate(60deg); -ms-transform-origin:top left; -ms-animation-timing-function:ease-in-out; }	
	80%{ -ms-transform:rotate(60deg) translateY(0); opacity:1; -ms-transform-origin:top left; -ms-animation-timing-function:ease-in-out; }	
	100%{ -ms-transform:translateY(700px); opacity:0; }
}

@keyframes hinge{
	0%{ transform:rotate(0); transform-origin:top left; animation-timing-function:ease-in-out; }	
	20%, 60%{ transform:rotate(80deg); transform-origin:top left; animation-timing-function:ease-in-out; }	
	40%{ transform:rotate(60deg); transform-origin:top left; animation-timing-function:ease-in-out; }	
	80%{ transform:rotate(60deg) translateY(0); opacity:1; transform-origin:top left; animation-timing-function:ease-in-out; }	
	100%{ transform:translateY(700px); opacity:0; }
}

.hinge{
	-webkit-animation-name:hinge;
	-moz-animation-name:hinge;
	-ms-animation-name:hinge;
	animation-name:hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn{
	0%{ opacity:0; -webkit-transform:translateX(-100%) rotate(-120deg); }
	100%{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn{
	0%{ opacity:0; -moz-transform:translateX(-100%) rotate(-120deg); }
	100%{ opacity:1; -moz-transform:translateX(0px) rotate(0deg); }
}

@-ms-keyframes rollIn{
	0%{ opacity:0; -ms-transform:translateX(-100%) rotate(-120deg); }
	100%{ opacity:1; -ms-transform:translateX(0px) rotate(0deg); }
}

@keyframes rollIn{
	0%{ opacity:0; transform:translateX(-100%) rotate(-120deg); }
	100%{ opacity:1; transform:translateX(0px) rotate(0deg); }
}

.rollIn{
	-webkit-animation-name:rollIn;
	-moz-animation-name:rollIn;
	-ms-animation-name:rollIn;
	animation-name:rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut{
    0%{
		opacity:1;
		-webkit-transform:translateX(0px) rotate(0deg);
	}

    100%{
		opacity:0;
		-webkit-transform:translateX(100%) rotate(120deg);
	}
}

@-moz-keyframes rollOut{
    0%{
		opacity:1;
		-moz-transform:translateX(0px) rotate(0deg);
	}

    100%{
		opacity:0;
		-moz-transform:translateX(100%) rotate(120deg);
	}
}

@-ms-keyframes rollOut{
    0%{
		opacity:1;
		-ms-transform:translateX(0px) rotate(0deg);
	}

    100%{
		opacity:0;
		-ms-transform:translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut{
    0%{
		opacity:1;
		transform:translateX(0px) rotate(0deg);
	}

    100%{
		opacity:0;
		transform:translateX(100%) rotate(120deg);
	}
}

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









/*内页*/
.inner_banner{ width:100%;height:102px; margin:0 auto; overflow:hidden; background:url(../img/banner.png) no-repeat 50% 0px;}
.inner_main{ width:100%; background:#ededed; margin:0px;min-height:600px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>600?"600px":""); }
.inner_mainm{ width:1200px; margin:0 auto;overflow:hidden;}
.inner_main_l{ float:left; width:185px; margin-top:45px;}
.inner_main_l li{ margin-bottom:20px;}
.inner_main_l a{ width:183px; height:37px; background:#FFF; display:block; line-height:37px; text-align:center; font-size:16px; color:#3a648a;}
.inner_main_l a:hover,.inner_main_l a:visited{ background:#3a648a; color:#FFF; }
.inner_main_r{float:left; width:965px; padding:0px 25px;background:#FFF;min-height:600px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>600?"600px":"");padding-bottom:30px; }
.inner_main_rt{ height:39px; line-height:39px; border-bottom:1px dashed #bebebe; color:#a2a1a1;}
.inner_main_rm{ overflow:hidden;}
.inner_rm_tc{ height:269px;}
.inner_rm_t{ color:#d20202; font-size:16px; margin-top:20px;}
.inner_rm_tm{ color:#7b7979; text-indent:2em; line-height:22px; margin-top:10px;}
.inner_xiang{ width:200px; height:209px; border:1px solid #cbcac5; padding:11px; margin-top:30px; float:left; margin-left:20px;}
.inner_xiangimg{ width:205px; height:100px;}
.inner_xiang a{ color:#d16161; float:right;}

.inner_bot{ width:955px; height:122px; border:1px solid #d7d6d3; margin-top:35px;}
.inner_bot li{ height:30px; line-height:30px; border-bottom:1px solid #d2d1cd; padding-left:15px;}
.inner_bot a{ color:#8f8e8e;}




/*APP页面*/

.x_main_rm{}
.x_rm_t{ font-size:13px;font-weight: bold; font-family: 'Microsoft YaHei'；color:#AAAAAA;margin-top:20px; margin-bottom:6px;}
.x_rm_m{ color:#7b7979; text-indent:2em; line-height:22px; }
.x_rm_tt{color:#444446; font-size:14px; margin-top:25px; margin-bottom:15px;}
.main-middle-APP-three{ margin-top:30px; overflow:hidden;}
.main-middle-APP-three ul{ width:171px; height:250px; border:1px #c8c8c8 solid; text-align:center; padding-top:10px; margin-top:30px; float:left; margin-left:40px;}





/*产品介绍详细页面*/
.main-middle-zong-one p{color:#7b7979; line-height:22px; text-indent:2em;}
#con { margin-top:20px; WIDTH:950px;}
#tags {WIDTH: 950px; HEIGHT: 37px; border-bottom:1px #5e72ae solid; font-size:14px;}
#tags LI { FLOAT: left; HEIGHT:37px; width:108px; line-height:22px;}
#tags LI.selectTag{ background:url(../img/NC.jpg) no-repeat;}
#tags LI A { FLOAT: left; COLOR: #5e72ae; LINE-HEIGHT: 37px;  HEIGHT:37px; width:108px; text-align:center;}
#tags LI.selectTag A {COLOR:#FFF; LINE-HEIGHT:37px; HEIGHT: 37px; }
#tagContent { }
.tagContent {PADDING-RIGHT: 10px; DISPLAY: none;  BACKGROUND: url(images/bg.gif) repeat-x; PADDING-BOTTOM: 10px; WIDTH: 950px; COLOR: #474747; PADDING-TOP: 10px; HEIGHT:auto;}
#tagContent DIV.selectTag {DISPLAY: block}
.tagContent ul{ margin-top:10px;}
.tagContent li{ color:#7b7979; line-height:22px;}
.tagContent span{ color:#444446;}



/*文字介绍页面*/
.main-middle-wen{ line-height:20px;min-height:500px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>500?"500px":"");  }
.main-middle-wen-two{ overflow:hidden;}
.main-middle-wen-two img {margin-right:20px; padding-top:5px;}
.main-middle-wen-title{ font-size:14px; color:#444446; margin-bottom:10px; line-height:22px;}
.main-middle-wen-main{ color:#7b7979; text-indent:2em; width:730px;line-height:22px;}
.main-middle-wen-one{ margin-top:15px; width:700px;margin-right:10px;}
.main-middle-wen-one-title{color:#e15e5e; font-size:14px; margin-bottom:10px;width:730px; margin-top:10px;}
.main-middle-wen-one-main { margin-bottom:5px; }
.main-middle-wen-one-main p{ color:#7b7979; text-indent:2em; line-height:22px;}




/*服务流程页面*/
.main-middle-fu{ width:950px; height:auto; line-height:20px;}
.main-middle-fu ul{ margin-top:15px;}
.main-middle-fu li{ margin-top:7px;}
.main-middle-fu-title{color:#e15e5e; font-size:14px;}
.main-middle-fu-main{ color:#656464;}
.main-middle-fu-main p{ color:#222223; padding-bottom:3px;}


/*购买指南页面*/
.main-middle-gou ul{ margin-top:10px;line-height:20px;}
.main-middle-gou-title{color:#e15e5e; font-size:14px;}
.main-middle-gou-one-main{ color:#656464; width:auto; height:90px;}
.main-middle-gou-one-main p{padding-bottom:3px; width:700px; height:70px; overflow:hidden; float:left; padding-top:10px; color:#656464;}
.main-middle-gou-two-title p{color:#222223; line-height:20px; padding-top:10px; padding-bottom:3px;}
.main-middle-gou-three-main p{padding-bottom:3px;padding-top:10px; color:#656464;}
.main-middle-gou-four-main{color:#656464; padding-bottom:3px; padding-top:10px; }
.main-middle-gou-four-main a{ color:#656464;}



/*新闻中心页面*/
.main-middle-new{ width:970px; height:auto;}
.main-middle-new ul{width:970px; height:33px;overflow:hidden; margin-top:5px;}
.main-middle-new li{ float:left;}
.main-middle-new-title{ width:925px; height:30px; background:#f4f4f4;padding-top:10px; margin-left:15px;}
.main-middle-new-title span{ color:#444446; font-size:12px;padding-left:15px;font-family: 'Microsoft YaHei', sans-serif;}
.main-middle-new-title p{width:700px; height:50px; overflow:hidden;color:#7b7979; padding:10px 15px; line-height:20px;}
/*解决方案页面*/
.main-middle-newL{ width:970px; height:auto;}
.main-middle-newL ul{width:970px; height:143px;overflow:hidden; margin-top:12px;}
.main-middle-newL li{ float:left;}
.main-middle-newL-title{ width:725px; height:130px; background:#f4f4f4;padding-top:10px; margin-left:15px;}
.main-middle-newL-title span{ color:#444446; font-size:14px;padding-left:15px;}
.main-middle-newL-title p{width:700px; height:55px; overflow:hidden;color:#7b7979; padding:10px 15px; line-height:20px;}

/*在线下单页面*/
.main-middle-ding{ overflow:hidden;}
.main-middle-ding ul{ margin-top:10px;}
.main-middle-ding input{ width:450px;}
.registera{ width:800px; height:auto; float:left; margin-top:20px;}
.entrya{ margin-bottom:20px; line-height:25px; }
.entrya input{ width:420px; height:25px; line-height:25px; background:url(../img/login_textBg.jpg) repeat-x; border:#cecdcd 1px solid; margin-left:10px;  vertical-align:middle;}
.entrya p{ margin-left:140px; margin-top:5px; color:#414040;}
.entry-titlea{width:120px; height:25px; text-align:right;display:inline-block; color:#636363; vertical-align:middle;}
.entry-titlea1{ width:120px; height:25px; text-align:right;display:inline-block; color:#636363; vertical-align:middle; margin-right:9px;}
.entrya span{  vertical-align:middle; } 
.entrya input{ vertical-align:middle; }
.entrya textarea{ width:400px; height:72px;font-family:'microsoft yahei'; display:block;border:#b7b7b7 1px solid; resize:none;  font-size:12px; float:left; color:#999; margin-left:15px; }
.entrya-button{ color:#FFF; font-size:14px; width:80px; height:28px; line-height:15px; border:none;font-family:'microsoft yahei';  margin-top:10px;}
.cars{width:420px; margin-left:17px; border:1px #cecdcd solid;vertical-align:middle; font-size:14px; padding:3px;}
.guild { margin-top:20px;}
.guild span{ color:#ff5834; font-size:14px;}
.guild p{ line-height:20px; color:#414040; margin-top:7px;}

/*收费标准页面*/
.main-middle-fei ul{ width:350px; height:320px; border-right:1px #bebebe dashed; margin-top:35px; text-align:center; float:left;}
.main-middle-fei-title{color:#e15e5e; font-size:14px;}
.main-middle-fei-main{color:#464545; line-height:30px; text-align:left; margin-left:95px; margin-top:20px;}
.main-middle-fei-btn{background:url(../img/fei3.jpg) no-repeat; width:78px; height:30px;margin-top:30px;line-height:30px;margin-left:130px;}

/*联系我们页面*/
.main-middle-dz{ color:#7b7979; line-height:20px;min-height:130px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>130?"130px":""); margin-top:15px;width:820px; border-bottom:1px #bebebe dashed;}
.main-middle-dz ul{ margin-bottom:20px; float:left; width:270px;}
.main-middle-dz-title{color:#444446; font-size:14px; margin-bottom:10px;}
.main-middle-liu{ margin-top:20px;}
.main-middle-liu p{ color:#e15e5e; font-size:14px;}
.register{ width:660px; height:auto; float:left;}
.register{ margin-top:20px;}
.entry{ margin-bottom:10px;}
.entry input{ width:200px; height:25px; line-height:25px; background:url(../img/login_textBg.jpg) repeat-x; border:#cecdcd 1px solid; margin-left:10px;  vertical-align:middle;}
.entry-title{width:120px; height:36px; text-align:right;  display:inline-block; color:#636363;}
.entry-span{ color:#666; margin-left:10px;}
.entry img{ vertical-align:middle;}
.entryl {  line-height:50px;  }
.entryl span{  vertical-align:middle; float:left;} 
.entryl input{ vertical-align:middle; }
.entryl textarea{ width:400px; min-height:72px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>72?"72px":""); font-family:'microsoft yahei'; display:block;border:#b7b7b7 1px solid; resize:none;  font-size:12px; float:left; color:#999; margin-left:15px; }
.entryl-button{ color:#FFF; font-size:14px; width:80px; height:28px; line-height:15px; border:none;font-family:'microsoft yahei';  margin-top:10px;}

.main-middle-one{ height:615px; width:auto;  margin-top:20px;}
.main-middle-one-title a{ color:#222223; font-size:14px;}
.main-right{ width:190px; height:auto; margin-left:20px; float:left; margin-top:35px; position:relative;}
.main-middle-one-main-main{height:615px; width:940px; padding-top:10px; overflow:hidden;}
.main-middle-one-main-main a{color:#656464; width:720px; float:left;height:auto;display:block; text-indent:2em; line-height:22px;}
.main-middle-one-main-mainl a{color:#3152b6; font-size:12px; line-height:20px;}


.footer{ background:#5e72ae; width:100%; height:155px; overflow:hidden;}
.fotter-main{ width:1000px; margin:0 auto; color:#FFF;}
.fotter-main ul{ margin-top:20px; margin-left:20px;}
.fotter-main a{ color:#FFF; line-height:22px;}

/*新增内容*/
#xinzen{ margin-top:50px}
#xinzen ul{clear:both; height:240px}
#xinzen ul li{ float:left; width:30%; height:200px; margin-left:3%; position:relative}
#xinzen ul li span{ position:absolute; left:50px; top:190px; font-size:16px; color:#3a648a}
#xinzen ul li img{ width:100%; height:220px; cursor:pointer}