/* Style for our header texts
* --------------------------------------- */

body{
 
}


h1{
	font-size: 5em;
	font-family:Microsoft JhengHei;
	color: #fff;
	margin:0;
	padding:0;
}

/* Centered texts in each section
* --------------------------------------- */
.section{
	text-align:center;
}


/* Backgrounds will cover all the section
* --------------------------------------- */
#section0,
#section1,
#section2,
#section3,
#section4{
	background-size: cover;
	background-attachment: fixed;
	font-family:Microsoft JhengHei;
}

/* Defining each sectino background and styles
* --------------------------------------- */
#section0{
	background-image: url(../image/bg1.jpg);
	/*padding: 10% 0 0 0;*/
}

#section1{
	/*background-image: url(../image/bg1.jpg);*/
	/*padding: 10% 0 0 0;*/
}

#section2{
	background-image: url(../image/bk_3.jpg);
	
}
#section3{
	/*background-image: url(../image/bk_4.png);*/
	/*padding: 6% 0 0 0;*/
	background-color: #F6FFEE;
}

#section4{
	/*background-image: url(../image/bk_4.png);*/
	/*padding: 6% 0 0 0;*/
	background-color: #F6FFEE;
}




/*Adding background for the slides
* --------------------------------------- */
#slide1,#slide2,#slide3,#slide4,#slide5,#slide6{
	/*background-image: url(../image/bg2.jpg);*/
	/*padding: 0 0 0 0;*/
	
}
/*
#slide2{
	background-image: url(css/fullpage/imgs/bg5.jpg);
	padding: 0 0 0 0;
}
*/

/* Fixed header and footer.
* --------------------------------------- */
#header, #footer{
	position:fixed;
	height: 70px;
	display:block;
	width: 100%;
	background: #333;
	z-index:9;
	text-align:center;
	color:#FF9900;
	padding: 0 0 0 0;
	
}

#header{
	top:0px;
}
#footer{
	bottom:0px;
}



/* Bottom menu
* --------------------------------------- */
#infoMenu li a {
	color: #fff;
}


.header_title{ 
	float:left;
	padding-top: 5px;
	padding-left: 2px;
} 

.header_feedback{
	float:right;
	padding-top: 10px;
	padding-right: 5px;
}



.line{
	background: #CCCCCC;height: 1px;overflow: hidden;
}



/*page 1*/
.title_box{

	margin-top: 100px;
	width: 500px;
	height: 150px;
	display:table;
	margin-left: -250px;
	/*background-color: Aqua;*/
	left:50%;
	position:absolute;
	z-index:2;
}

.index_box{
	
	padding-top: 0px;
	width: 500px;
	height: 300px;
	margin: 0px auto;
	display:table;
	margin-left: -250px;
	margin-top: 250px;
	left:50%;

	/*background-color: Aqua;*/
	position:absolute;
	z-index:1;
	
}

.download_box{

	margin-top: 550px;
	width: 500px;
	height: 100px;
	display:table;
	margin-left: -250px;
	/*background-color: Aqua;*/
	left:50%;
	position:absolute;
	z-index:2;
}

.download_box div#appstore{
	
	padding-top: 30px;
	
	
}

.download_box div#version{
	
	padding-top: 10px;
	/*color: ;*/
	font-size: 16px;
	/*width: 250px;*/
	
	color: red;
   border-radius:1em;
	background-color: White;
	text-align: left;
	padding: 10px;
	
}

.cell { 
	display:table-cell; 
	vertical-align:middle;  
	width: 500px;
	
}

.fun_circle1{
	width:150px;height:150px; 
   border-radius:99em;
   background-color:black;
	margin: 0px auto;
	float:left;
	display:inline;
	
}

.fun_circle1 div#content{
	color: White;
	font-size: 3em;
	 vertical-align:middle;
	 padding-top: 40px;
}

.fun_circle2{
	width:150px;height:150px; 
   border-radius:99em;
   background-color:black;
	margin: 0px auto;

	float:right;
	display:inline;
	
}

.fun_circle2 div#content{
	color: White;
	font-size: 3em;
	 vertical-align:middle;
	 padding-top: 40px;
}


.fun_circle3{
	width:150px;height:150px; 
   border-radius:99em;
   background-color:black;
	margin: 0px auto;
	display:table;
	
	
}

.fun_circle3 div#content{
	color: White;
	font-size: 3em;
	/*display:table-cell; */
	vertical-align:middle;
	padding-top: 40px;
	
}


/*page 2*/

.info_box{
	padding-top: 0px;
	width: 1000px;
	height: 100%;
	display:table;
	margin-left: -250px;
	/*background-color: Aqua;*/
	margin: 0px auto;
	
}

.info_cell { 
	display:table-cell; 
	vertical-align:middle;  
	padding-top: 60px;
	/*background-color: Gray;*/
	
}

.info_box div#content{
	float:left;
	width: 520px;
	/*background-color: Fuchsia;*/
}

.info_box div#ficon{
	padding-top: 80px;
	padding-bottom: 15px;
	font-size: 50px;
	color: Purple;
	/*background-color: Fuchsia;*/
}

.info_box div#text{
	
	width: 350px;
	
	
	padding-top: 20px;
	/*background-color: Fuchsia;*/
	margin: 0px auto;
	font-size: 26px;
	text-align: left;
	
}

.line2{
	background: #CCCCCC;height: 1px;overflow: hidden; width: 350px;
	margin: 0px auto;
}

.info_box div#iphone_img{
	float:right;
	
	
	padding-right: 160px;
	width: 320px;
	/*background-color: Blue;*/
	height: 600px;
	margin: 0px auto;
	
}

#video_title{
margin-left: -20px;
	font-size: 40px;
	color: Black;
	
}

#video_bk{
	
	background:transparent url(../image/video_bk.png) no-repeat;
	/*background-color: Black;*/
	height: 596px;
	width: 310px;
}

#video{
	padding-top: 75px;
}

#download_info{
	
	width: 400px;
	height: 470px;
	background-color: White;
	filter:alpha(Opacity=20);-moz-opacity:0.2;opacity: 0.2;
	
	position:absolute;
	top:50%;
	left:50%;
	
	margin-top: -230px;
   margin-left: -200px;	
	z-index: 1;
	
}

#download_content{
	color: Black;
	font-size: 26px;
	z-index: 5;
	width: 360px;
	height: 360px;

	position:absolute;
	top:50%;
	left:50%;
	
	margin-top: -220px;
   margin-left: -180px;	
	z-index: 5;
	
}

#download_product{
	color: #6495ED;
	font-weight: bold;
	font-family: arial,helvetica;
}

#download_bk{
	height: 600px;
	
	margin: 0px auto;
	
	width: 100%;
	top:50%;
	
	margin-top: -300px;
	position:absolute;
	background-image: url(../image/bk_4.jpg);
}

#nodate_title{
	font-size: 60px;
	padding-bottom: 50px;
}

#sec4_box{
	height: 600px;
	/*background-color: White;*/
	margin: 0px auto;
	
	width: 700px;
	top:47%;
	left:50%;
	
	margin-top: -300px;
	margin-left: -350px;
	position:absolute;
	
}

#nodate{
	width: 330px;
	height: 330px;
	/*background-color: Black;*/
	
	border: 1px solid #D5D5D5;
	border-radius:0.5em;
	
	float:left;
	
	margin-right: 10px;

}

#nodate_sub1{
	padding-top: 50px;
	padding-bottom: 10px;
	font-size: 30px;
	font-weight: bold;
}

#nodate_sub2{
	
	padding-bottom: 30px;
	line-height: 25px;
	
}


#message{
	width: 330px;
	height: 330px;
	/*background-color: Black;*/
	
	border: 1px solid #D5D5D5;
	border-radius:0.5em;
	
	float:left;
	margin-left: 10px;
}

#message_sub2{
	padding-bottom: 10px;
	line-height: 25px;
}

#facebook{
	width: 680px;
	height: 130px;
	/*background-color: Black;*/
	
	margin-top: 10px;
	border: 1px solid #D5D5D5;
	border-radius:0.5em;
	
	float:left;
}

#facebook_sub2{
	
	float:left;
	
	padding-top: 45px;
	padding-left: 170px;
	padding-bottom: 10px;
	font-size: 30px;
	font-weight: bold;
	
}

#facebook_img{
	padding-bottom: 10px;
	float:left;
	padding-top: 15px;
	padding-left: 10px;
}


#bottom{
	width: 100%;
	
	background-color: White;
	
	top:100%;
	height: 80px;
	
	position:absolute;
	
	margin-top: -80px;
	
	background-image: url(../image/bottom.png);
	
	
}

#bottom_str{
	
	font-size: 16px;
	height: 50px;
	
	margin-top: 30px;
	
	
}