body{
		color: #333;
		font-family: "Microsoft JhengHei";
	}


	/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-size: 5em;
		margin:0;
		padding:0;
		z-index:5;
		position:absolute;
		top:60px;
		right:20px;
		font-size:4em;
		background:#eee;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		padding:5px 20px;
		box-shadow:2px 2px 5px #999;
		border:5px solid #FFF;
	}
	h2{
		font-size: 2em;
		margin: 0 0 18px 0;
		font-family: arial,helvetica;
	}



	.btn_next{
		font-size: 2em;
		margin:0;
		padding:0;
		z-index:5;
		position:absolute;
		bottom:20px;
		right:20px;
		background:#eee;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		padding:5px 20px;
		box-shadow:2px 2px 5px #999;
		border:5px solid #ffde00;
	}
	.btn_next a{
		color:#333;	
	}
	.btn_1, .btn_2, .btn_3, .btn_4, .btn_5{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		opacity:0;
	}
	.btn_1.active, .btn_2.active, .btn_3.active, .btn_4.active, .btn_5.active{
		opacity:1;
	}
	.btn_1.active{
		-webkit-transition-delay: 1.5s;
    	transition-delay: 1.5s;
	}
	.btn_2.active{
		-webkit-transition-delay: 7s;
    	transition-delay: 7s;
	}
	.btn_3.active{
		-webkit-transition-delay: 4s;
    	transition-delay: 4s;
	}
	.btn_4.active{
		-webkit-transition-delay: 14s;
    	transition-delay: 14s;
	}
	.btn_5.active{
		-webkit-transition-delay: 3.3s;
    	transition-delay: 3.3s;
	}
	
	.arrow_notice{
		background:url(../imgs_cms/arrow_notice.png) no-repeat;
		width:119px;
		height:104px;
		top:170px;
		left:50px;
		position:absolute;
		z-index:10;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
		opacity:0;
	}
	.arrow_notice.active{
		-webkit-transition-delay: 3.3s;
    	transition-delay: 3.3s;
		opacity:1;
		-webkit-transform: translate3d(0px, -50px, 0px)  ;
		-moz-transform:translate3d(0px, -50px, 0px) ;
		-ms-transform:translate3d(0px, -50px, 0px)  ;
		transform:translate3d(0px, -50px, 0px)  ;
	}
	
	

	/* Common styles
	* --------------------------------------- */
	img{
	    -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;
	}
	.section{
		text-align:center;
		overflow:hidden;
	}
	.wrap{
		width: 100%;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	.box{
		text-align: left;
		color: #808080;
		font-size: 1.2em;
		line-height: 1.6em;
	}




	/* Section 0
	* --------------------------------------- */
	#section0{
		/*padding: 60px 0;*/
		z-index:0;
	}
	#section0 img{
		height: 100%;
		margin: 40px 0 0 0;
	}




	/* Section 1
	* --------------------------------------- */
	#section1{
		z-index:5;
	}

	#section1 .box{
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -192px;
		margin-left: 89px;
		width: 395px;
		z-index: 1;
	}
	#section1 .imgsContainer{
		display: block;
		position: absolute;
		z-index: 1;
		top: 42%;
		left: 58%;
		margin-top: -325px;
		margin-left: -747px;
		width: 800px;
		height: 696px;
	}
	
	.reg_member{
		
		-webkit-transition: all 5s ease-in-out;
		-moz-transition: all 5s ease-in-out;
		-o-transition: all 5s ease-in-out;
		transition: all 5s ease-in-out;
		display: block;
		height: 100%;
		position: absolute;
		top: -150px;
		z-index:0;
		width: 100%;
		background:url(../imgs_cms/slider1_bg.jpg) center center no-repeat;
		
	}
	.reg_member.active{
		top: 0px;
		
	}
	
	.reg_note{
		-webkit-transition: all 3s ease-in-out;
		-moz-transition: all 3s ease-in-out;
		-o-transition: all 3s ease-in-out;
		transition: all 3s ease-in-out;
		display: block;
    width:549px;
	height:753px;
    position: absolute;
    bottom: -670px;
	left:400px;
	z-index:3;
	background:url(../imgs_cms/note.png) no-repeat;
	opacity:0;
	-webkit-transition-delay: 3s; /* Safari */
    transition-delay: 3s;
	-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform:scale(1);
		transform: scale(1);
		
	
	}
	
	.reg_note.active{
		opacity:1;
		-webkit-transform: translate3d(0px, -450px, 0px) scale(0.9) ;
		-moz-transform:translate3d(0px, -450px, 0px) scale(0.9) ;
		-ms-transform:translate3d(0px, -450px, 0px) scale(0.9)   ;
		transform:translate3d(0px, -450px, 0px) scale(0.9)   ;
		
	}
	
	.kid_1, .kid_2, .kid_3{
		display:inline;
		position:relative;
		opacity:1;
		-webkit-transition: all 5s ease-in-out;
		-moz-transition: all 5s ease-in-out;
		-o-transition: all 5s ease-in-out;
		transition: all 5s ease-in-out;
		-moz-transform: scale(0.8);
	   -webkit-transform: scale(0.8);
	   -o-transform: scale(0.8);
	   transform: scale(0.8);
		
   
		
	}
	.kid_1{
		background:url(../imgs_cms/ava_1.png) no-repeat;
		width:580px;
		height:960px;
		left:50px;
		top:60px;
		position:absolute;



	}
	.kid_2{
		background:url(../imgs_cms/ava_2.png) no-repeat;
		width:549px;
		height:960px;
		left:450px;
		top:200px;
		position:absolute;


	}
	.kid_3{
		background:url(../imgs_cms/ava_3.png) no-repeat;
		width:570px;
		height:960px;
		left:850px;
		top:200px;
		position:absolute;


	}
	.kid_1.active, .kid_2.active, .kid_3.active{
		opacity:0;

	}
	.kid_1.active{
		-webkit-transform: translate3d(200px, 120px, 0px) scale(0.5);
		-moz-transform: translate3d(200px, 120px, 0px) scale(0.5);
		-ms-transform:translate3d(200px, 120px, 0px) scale(0.5);
		transform: translate3d(200px, 120px, 0px) scale(0.5);
		z-index:3;
	}
	.kid_2.active{
		-webkit-transform: translate3d(0px, 120px, 0px) scale(0.5);
		-moz-transform: translate3d(0px, 120px, 0px) scale(0.5);
		-ms-transform:translate3d(0px, 120px, 0px) scale(0.5);
		transform: translate3d(0px, 120px, 0px) scale(0.5);
	}
	.kid_3.active{
		-webkit-transform: translate3d(-200px, 120px, 0px) scale(0.5);
		-moz-transform: translate3d(-200px, 120px, 0px) scale(0.5);
		-ms-transform:translate3d(-200px, 120px, 0px) scale(0.5);
		transform: translate3d(-200px, 120px, 0px) scale(0.5);
	}

	.kid_wrap{
		display:block;
	}
	
	.mem_form{
		background:url(../imgs_cms/note.png) no-repeat;
		width:549px;
		height:753px;
		left:800px;
		top:350px;
		position:absolute;
		z-index:1;
	}
	
	.memcard{
		opacity:0;
		background:url(../imgs_cms/mem_card.png) no-repeat;
		width:738px;
		height:458px;
		position:absolute;
		margin-left:100px;
		bottom:20px;
		
		-webkit-transform: translate3d(0px, 0px, 0px) scale(0.6);
		-moz-transform: translate3d(0px, 0px, 0px) scale(0.6);
		-ms-transform:translate3d(0px, 0px, 0px) scale(0.6);
		transform: translate3d(0px, 0px, 0px) scale(0.6);
	}
	.memcard.active{
		opacity:1;
		-webkit-transition-delay: 2.5s; /* Safari */
    	transition-delay: 2.5s;
		-webkit-transition-duration: 4s; /* Safari */
    	transition-duration: 4s;
	}
	
	.form_wrap{
		opacity:1;
		
		-webkit-transition: all 1.2s ease-in-out;
		-moz-transition: all 1.2s ease-in-out;
		-o-transition: all 1.2s ease-in-out;
		transition: all 1.2s ease-in-out;
	
	}
	.form_wrap.active{
		opacity:0;
		-webkit-transition-delay: 2s; /* Safari */
    	transition-delay: 2s;
		-webkit-transform: translate3d(-300px, 0px, 0px);
		-moz-transform: translate3d(-300px, 0px, 0px);
		-ms-transform: translate3d(-300px, 0px, 0px);
		transform: translate3d(-300px, 0px, 0px);
	}
	
	.mem_tick{
		background:url(../imgs_cms/tick.png) no-repeat;
		background-size:70px 70px;
		width:70px;
		height:70px;
		left:1170px;
		top:570px;
		position:absolute;
		z-index:2;
		opacity:0;
		-moz-transform: scale(0);
	   -webkit-transform: scale(0);
	   -o-transform: scale(0);
	   transform: scale(0);
	   -webkit-transition-delay: 0.5s; /* Safari */
    	transition-delay: 0.5s;
	}
	.mem_tick.active{
		opacity:1;
		-moz-transform: scale(1);
	   -webkit-transform: scale(1);
	   -o-transform: scale(1);
	   transform: scale(1);
	   animation: bounce 1s .5s;
	}

	
.attn_tick{
	background:url(../imgs_cms/tick.png);
	width:187px;
	height:187px;
	display:block;
	position:absolute;
	z-index:10;

}
.attn_tick_1{
	margin-top:475px;
	margin-left:108px;
	
}
.attn_tick_1.active{
	-webkit-transition-delay: 0.5s; /* Safari */
    transition-delay: 0.5s;
}
.attn_tick_2{
	margin-top:585px;
	margin-left:108px;
	
}
.attn_tick_2.active{
	-webkit-transition-delay: 0.9s; /* Safari */
    transition-delay: 0.9s;
}
.attn_tick_3{
	margin-top:363px;
	margin-left:230px;
	
}
.attn_tick_3.active{
	-webkit-transition-delay: 6.1s; /* Safari */
    transition-delay: 6.1s;
}
.attn_tick_4{
	margin-top:475px;
	margin-left:230px;
	
}
.attn_tick_4.active{
	-webkit-transition-delay: 6.3s; /* Safari */
    transition-delay: 6.3s;
}
.attn_tick_5{
	margin-top:585px;
	margin-left:230px;
	
}
.attn_tick_5.active{
	-webkit-transition-delay: 6.5s; /* Safari */
    transition-delay: 6.5s;
}
.attn_tick_6{
	margin-top:363px;
	margin-left:352px;
	
}
.attn_tick_6.active{
	-webkit-transition-delay: 11.2s; /* Safari */
    transition-delay: 11.2s;
}
.attn_tick_7{
	margin-top:475px;
	margin-left:352px;
	
}
.attn_tick_7.active{
	-webkit-transition-delay: 11.4s; /* Safari */
    transition-delay: 11.4s;
}
.attn_tick_8{
	margin-top:585px;
	margin-left:352px;
	
}
.attn_tick_8.active{
	-webkit-transition-delay: 11.9s; /* Safari */
    transition-delay: 11.9s;
}

.attn_tick_1, .attn_tick_2, .attn_tick_3, .attn_tick_4, 
.attn_tick_5, .attn_tick_6, .attn_tick_7, .attn_tick_8{
		opacity:0;
		-moz-transform: scale(0);
	   -webkit-transform: scale(0);
	   -o-transform: scale(0);
	   transform: scale(0);
		-webkit-transition: all 1.2s ease-in-out;
		-moz-transition: all 1.2s ease-in-out;
		-o-transition: all 1.2s ease-in-out;
		transition: all 1.2s ease-in-out;

}
.attn_tick_1.active, .attn_tick_2.active, .attn_tick_3.active, .attn_tick_4.active, 
.attn_tick_5.active, .attn_tick_6.active, .attn_tick_7.active, .attn_tick_8.active{
	opacity:1;
	-moz-transform: scale(0.4);
   -webkit-transform: scale(0.4);
   -o-transform: scale(0.4);
   transform: scale(0.4);

}
#staticImg .imgsContainer img{
	z-index:1;
}

#intro_text{
		opacity:0;
		transform: scale(0.8);
	}
#intro_text.active{
	opacity:1;
	transition: all 1s ease-in-out;
	transform: scale(1);
}
		
	
@-moz-keyframes bounce {
        0%{ -moz-transform:scale(0); opacity:0;}
        50%{ -moz-transform:scale(1.3); opacity:0.4; }
        75%{ -moz-transform:scale(0.9); opacity:0.7;}
        100%{ -moz-transform:scale(1); opacity:1;}
}

@-webkit-keyframes bounce {
        0%{ -webkit-transform:scale(0); opacity:0;}
        50%{ -webkit-transform:scale(1.3); opacity:0.4;}
        75%{ -webkit-transform:scale(0.9); opacity:0.7;}
        100%{ -webkit-transform:scale(1); opacity:1;}
}

	
	
	/*screen resolutions between 620px and 800px*/
	@media all and (min-width: 620px)
	 and (max-width: 800px){
		#section1 .imgsContainer{
			margin-top: -278px;
			margin-left: -685px;
			width: 647px;
			height: 563px;
		}
	}

	/*screen resolutions lower than 620px*/
	@media all and (max-width: 620px){
		#section1 .imgsContainer{
			margin-top: -208px;
			margin-left: -516px;
			width: 534px;
			height: 464px;
		}
	}
	/*
	#iphone2, #iphone3, #iphone4{
		opacity:0;
		-webkit-transition: all 1.2s ease-in-out;
		-moz-transition: all 1.2s ease-in-out;
		-o-transition: all 1.2s ease-in-out;
		transition: all 1.2s ease-in-out;
	}
	
	#iphone2{
		z-index: 10;
	}
	#iphone2.active{
		-webkit-transform: translate3d(0px, -20px, 0px);
		-moz-transform: translate3d(0px, -20px, 0px);
		-ms-transform:translate3d(0px, -20px, 0px);
		transform: translate3d(0px, -20px, 0px);
		opacity:1;

	}

	#iphone3{
		z-index: 12;
	}
	#iphone3.active{
		-webkit-transform: translate3d(0px, -80px, 0px);
		-moz-transform: translate3d(0px, -80px, 0px);
		-ms-transform:translate3d(0px, -80px, 0px);
		transform: translate3d(0px, -80px, 0px);
		transition-delay: 0.3s;
		opacity:1;
	}

	#iphone4{
		z-index: 11;

	}

	#iphone4.active{
		-webkit-transform: translate3d(0px, -20px, 0px);
		-moz-transform: translate3d(0px, -20px, 0px);
		-ms-transform:translate3d(0px, -20px, 0px);
		transform: translate3d(0px, -20px, 0px);
		opacity:1;

	}
	*/




	/* Section 2
	* --------------------------------------- */
	#section2{
		background:#C2EFF9;
	}
	#section2 .sport_1,#section2 .sport_2,#section2 .sport_3{
		display:block;
    width: 100%;
	height:100%;
	position:absolute;
	top:0px;
	opacity:0;
	-webkit-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
	
	
	}
	#section2 .sport_1{
		background:url(../imgs_cms/bg_football.jpg) center bottom no-repeat;
		background-size: cover;
		opacity:1;

	}

	#section2 .sport_2.active{
		-webkit-transition-delay: 5s; /* Safari */
		transition-delay: 5s;
		opacity:1;
	}
	
	#section2 .sport_3.active{
		-webkit-transition-delay: 10s; 
		transition-delay: 10s;
		opacity:1;
	}
	
	#section2 .sport_2{
		background:url(../imgs_cms/bg_music.jpg) center bottom no-repeat;
		background-size: cover;
	}
	
	#section2 .sport_3{
		background:url(../imgs_cms/bg_picnic.jpg) center bottom no-repeat;
		background-size: cover;
	
	}
	
	#section2 .imgsContainer,
	#staticImg .imgsContainer,
	#section3 .imgsContainer{
		position: absolute;
		z-index: 1;
		left: 50%;
		display: block;
		margin-top: -288px;
		margin-left: -636px;
		width: 0;
		height: 0;

		-webkit-transition: all 1.2s ease-in-out;
		-moz-transition: all 1.2s ease-in-out;
		-o-transition: all 1.2s ease-in-out;
		transition: all 1.2s ease-in-out;
	}

	#section2.moveUp .imgsContainer{
		top: 50%;
	}

	#section2.moveDown .imgsContainer,
	#staticImg .imgsContainer{
		top: 80%;
	}

	#section2.active .imgsContainer{
		top: 50%;
	}

	#section2 .box{
		top: 22%;
		left: 42%;
		position: absolute;
		width: 582px;
	}

	#iphone-yellow{
		top: -35px;
		left: -222px;
	}

	#iphone-red{
		top: -194px;
		left: 106px;
	}

	#iphone-blue{
		top: 320px;
		left: 448px;
	}

	#iphone-green{
		left: -100px;
		position:absolute;
		transition-delay: 3s;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform:scale(0.9);
		transform:scale(0.9);
	}


	#staticImg{
		display: block;
		position: absolute;
		z-index: 1;
		top: 200%;
		left: 0;
		width: 100%;
		min-width: 980px;
		height: 100%;

		-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;

		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
		
	}
	
	#staticImg.moveDown{
	-webkit-transform: translate3d(0, 100%, 0);
      -ms-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
		  
	}
	#staticImg.moveUp{

	-webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
		  
	}
	#staticImg.moveDown .imgsContainer{
		top: 50%;
	}
	#staticImg.moveDown img{
		top: 45px;
	}

	#staticImg.active .imgsContainer{
		top: 40%;
	}


	#staticImg.active img{
		top: 487px;
	}





	/* Section 3
	* --------------------------------------- */
	#section3 .imgsContainer{
		top: 50%;
	}

	#section3{
		background:url(../imgs_cms/bg_acc.jpg) no-repeat;
		background-size:cover;
	}
	#section3 .box{
		text-align: center;
		margin: 10% 0 0 0;
	}
	#section3 .hand{
		background:url(../imgs_cms/hand.png) no-repeat;
		width:937px;
		height:452px;
		right:0px;
		top:60px;
		position:absolute;
		-webkit-transform: translate3d(300px, 0px, 0px) rotate(10deg) ;
		-moz-transform: translate3d(300px, 0px, 0px) rotate(10deg) ;
		-ms-transform:translate3d(300px, 0px, 0px) rotate(10deg) ;
		transform: translate3d(300px, 0px, 0px) rotate(10deg) ;
	}
	#section3 .hand.active{
		-webkit-transition: all 1.5s ease-in-out;
		-moz-transition: all 1.5s ease-in-out;
		-o-transition: all 1.5s ease-in-out;
		transition: all 1.5s ease-in-out;
		
		-webkit-transform:translate3d(0px, 100px, 0px) rotate(0) ;
		-moz-transform:translate3d(0px, 100px, 0px) rotate(0) ;
		-ms-transform:translate3d(0px, 100px, 0px) rotate(0) ;
		transform:translate3d(0px, 100px, 0px) rotate(0) ;
	}
	#section3 .bill{
		background:url(../imgs_cms/bill.png) no-repeat;
		width:558px;
		height:504px;
		left:-550px;
		top:140px;
		position: absolute;
		-webkit-transform: translate3d(0px, 0px, 0px) rotateX(80deg) ;
		-moz-transform: translate3d(0px, 0px, 0px) rotateX(80deg) ;
		-ms-transform:translate3d(0px, 0px, 0px) rotateX(80deg) ;
		transform: translate3d(0px, 0px, 0px) rotateX(80deg) ;
	
	}
	#section3 .bill.active{
		-webkit-transition: all 1.5s ease-in-out;
		-moz-transition: all 1.5s ease-in-out;
		-o-transition: all 1.5s ease-in-out;
		transition: all 1.5s ease-in-out;

		
		-webkit-transform: translate3d(500px, 0px, 0px) rotateX(50deg) ;
		-moz-transform: translate3d(500px, 0px, 0px) rotateX(50deg)  ;
		-ms-transform:translate3d(500px, 0px, 0px) rotateX(50deg) ;
		transform: translate3d(500px, 0px, 0px) rotateX(50deg) ;
		
	}
	#section3 .coin{
		background:url(../imgs_cms/coin.png) no-repeat;
		width:68px;
		height:140px;
		left:720px;
		top:440px;
		position: absolute;
	}
	#section3 .coin.active{
		-webkit-transition: all 2s ease-in-out;
		-moz-transition: all 2s ease-in-out;
		-o-transition: all 2s ease-in-out;
		transition: all 2s ease-in-out;
		-webkit-transition-delay: 1.5s; /* Safari */
    	transition-delay: 1.5s;
		opacity:0;
		
		-webkit-transform: translate3d(0px, 400px, 0px) rotateY(-180deg) ;
		-moz-transform: translate3d(0px, 400px, 0px) rotateY(-180deg) ;
		-ms-transform:translate3d(0px, 400px, 0px) rotateY(-180deg) ;
		transform: translate3d(0px, 400px, 0px) rotateY(-180deg) ;
	}
	.report_hand{
		background:url(../imgs_cms/report_hand.png) no-repeat;
		width:410px;
		height:379px;
		left:640px;
		bottom:-379px;
		position: absolute;
		-webkit-transition: all 2s ease-in-out;
		-moz-transition: all 2s ease-in-out;
		-o-transition: all 2s ease-in-out;
		transition: all 2s ease-in-out;;
	}
	.report_hand.active{
		-webkit-transform: translate3d(0px, -350px, 0px) ;
		-moz-transform: translate3d(0px, -350px, 0px) ;
		-ms-transform:translate3d(0px, -350px, 0px) ;
		transform: translate3d(0px, -350px, 0px) ;
	}
	
	.report_1, .report_2, .report_3, .report_4{
		position: absolute;
		-webkit-transition: all 2s ease-in-out;
		-moz-transition: all 2s ease-in-out;
		-o-transition: all 2s ease-in-out;
		transition: all 2s ease-in-out;;
	}
	.report_1{
		background:url(../imgs_cms/report1.png) no-repeat;
		width:303px;
		height:428px;
		left:40px;
		top:460px;
		-webkit-transform: translate3d(-700px, 0px, 0px) ;
		-moz-transform: translate3d(-700px, 0px, 0px) ;
		-ms-transform:translate3d(-700px, 0px, 0px) ;
		transform: translate3d(-700px, 0px, 0px) ;
		-webkit-transition-delay: 0.2s;
    	transition-delay: 0.2s;
	}
	.report_2{
		background:url(../imgs_cms/report2.png) no-repeat;
		width:303px;
		height:428px;
		left:250px;
		top:70px;
		-webkit-transform: translate3d(-700px, 0px, 0px) ;
		-moz-transform: translate3d(-700px, 0px, 0px) ;
		-ms-transform:translate3d(-700px, 0px, 0px) ;
		transform: translate3d(-700px, 0px, 0px) ;
		-webkit-transition-delay: 0.4s;
    	transition-delay: 0.4s;
	}
	.report_3{
		background:url(../imgs_cms/report3.png) no-repeat;
		width:303px;
		height:428px;
		left:680px;
		top:0px;
		-webkit-transform: translate3d(900px, 0px, 0px) ;
		-moz-transform: translate3d(900px, 0px, 0px) ;
		-ms-transform:translate3d(900px, 0px, 0px) ;
		transform: translate3d(900px, 0px, 0px) ;
		-webkit-transition-delay: 0.6s;
    	transition-delay: 0.6s;
	}
	.report_4{
		background:url(../imgs_cms/report4.png) no-repeat;
		width:303px;
		height:428px;
		left:1100px;
		top:250px;
		-webkit-transform: translate3d(700px, 0px, 0px) ;
		-moz-transform: translate3d(700px, 0px, 0px) ;
		-ms-transform:translate3d(700px, 0px, 0px) ;
		transform: translate3d(700px, 0px, 0px) ;
		-webkit-transition-delay: 0.8s;
    	transition-delay: 0.8s;
	}
	.report_1.active{
		left:40px;
		top:460px;
		-webkit-transform: rotate(45deg) scale(0.9);
		-moz-transform: rotate(45deg) scale(0.9);
		-ms-transform: rotate(45deg) scale(0.9);
		transform: rotate(45deg) scale(0.9);
	}
	.report_2.active{
		left:250px;
		top:70px;
		-webkit-transform: rotate(-35deg) scale(0.9);
		-moz-transform: rotate(-35deg) scale(0.9);
		-ms-transform: rotate(-35deg) scale(0.9);
		transform: rotate(-35deg) scale(0.9);
		
	}
	.report_3.active{
		left:680px;
		top:-20px;
		-webkit-transform: rotate(20deg) scale(0.8);
		-moz-transform: rotate(20deg) scale(0.8);
		-ms-transform: rotate(20deg) scale(0.8);
		transform: rotate(20deg) scale(0.8);
	}
	.report_4.active{
		left:1150px;
		top:250px;
		-webkit-transform: rotate(-35deg) scale(0.9);
		-moz-transform: rotate(-35deg) scale(0.9);
		-ms-transform: rotate(-35deg) scale(0.9);
		transform: rotate(-35deg) scale(0.9);
	}
	



	#section4{
		
		background-size:cover;
	}
	
	
	#section5{
		
		background-size:cover;
	}


	/* Overwriting fullPage.js tooltip color
	* --------------------------------------- */
	.fp-tooltip{
		color: #AAA;
	}
	#fp-nav span, .fp-slidesNav span{
		border-color: #AAA;
	}
	#fp-nav li .active span, .fp-slidesNav .active span{
		background: #AAA;
	}


	#section{
	background:url(../imgs_cms/bg_open.jpg);
	background-size:cover;
	z-index:1;
	}
	#section1{
	background:url(../imgs_cms/bg_side2.jpg);
	background-size:cover;
	}

	h1{

		font-family: "Microsoft JhengHei";
	}
	h2{
		font-size:3em;
		font-family: "Microsoft JhengHei";
		margin-top:20px;
		margin-bottom:20px;
		font-weight:bold;
	}
	
#fp-nav ul li a, .fp-slidesNav ul li a{
	width:30px;
	height:30px;
	background:#fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}


.top_menu{
	position:fixed;
	top:70px;
	left:15px;
	z-index:20;
}
.top_menu a{
	padding:10px 20px;
	color:#333;
	font-size:1.5em;
	margin:0 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:5px solid #ccc;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;;
}
.top_menu a:hover{
	border:5px solid #FFDE00;
}

.icon_bulb{
	background:#fff url(../../../img/bulb.png) no-repeat 10px center;
	padding-left:50px !important;
}
.fullpage-wrapper{
	position:absolute;
}

.ngo_head{
	width:100%;
	height:40px;
	position:fixed;
	top:0px;
	z-index:20;
	background:#FFF;
	border-bottom:1px solid #ccc;
	opacity:0.8;
}

.ngo_head a.iptlink{
	background:url(../../../img/logo.png) no-repeat;
	background-size:134px 40px;
	width:134px;
	height:40px;
	display:block;
	margin-left:20px;
	float:left;
}
.ngo_head a{
	color:#333;
}
.ngo_head a:hover{
	color:#069;
}
.ngo_head .demo_text{
	float:right;
	font-size:15px;
	line-height:40px;
	margin-right:20px;
}