CHARSET "UTF-8";

#section1{width:100%; margin:0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
#section2{width:100%; margin:0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
#section3{width:100%; margin:0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
#section4{width:100%; margin:0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
#section5{width:100%; margin:0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
#section6{width:100%; margin:0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #section1{width:100%; margin:0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #section2{width:100%; margin:0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #section3{width:100%; margin:0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #section4{width:100%; margin:0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #section5{width:100%; margin:0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #section6{width:100%; position:relative; margin:0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}

#section6 #eight_b{ /*position:absolute;*/ bottom:60px; width:100%;}
#section6 #eight_c{ /*position:absolute;*/ bottom:0px; width:100%;}













/*
#jiantou{width:29px; position:fixed; left:50%;  margin-left:-14.5px; height:23px; bottom:-6px;}*/

.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.twitter-share-button{
	position: fixed;
	z-index: 99;
	right: 149px;
	top: 9px;
}


#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
}
#infoMenu ul{
	padding: 0 40px;
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;
	color: #333;
}
#infoMenu li a:hover{
	text-decoration:underline;
}
#infoMenu li{
	display:inline-block;
	position:relative;
}
#examplesList{
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	text-align:left;
}
#examplesList ul{
	padding:0;
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover{
	color: #f2f2f2;
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
}
#examplesList h3{
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
}

/* Overwriting fullPage.js tooltip color
* --------------------------------------- */
#pp-nav.custom .pp-tooltip{
	color: #AAA;
}