@import url("normalize.css");

body {
	background-color: #fff;
	font-family: "微軟正黑體";
}
.wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat;
}
.main {
	position: relative;
	margin: 0 auto;
	max-width: 640px;
	background-image: url(../images/index_01.jpg);
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	/*寬 高*/
	-moz-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	height: 6760px;
}

.fb {
	position: fixed;
	right: 0%;
	top: 93%;
	height: 1%;
	width: 10%;
	max-width: 61px;
	z-index: 10;
}
.top {
	position: fixed;
	right: 0%;
	top: 93%;
	height: 1%;
	width: 10%;
	max-width: 61px;
	z-index: 8;
}

/*分頁_beanfun!app介紹*/
.main_intro {
	position: relative;
	margin: 0 auto;
	max-width: 640px;
	height: 950px;
}

.title {
	position: fixed;
	top: 0%;
	height: 30%;
	width: 100%;
	max-width: 640px;
	z-index: 10;
}

.text {
	position: relative;
	padding-left: 5%;
	padding-right:5%;
	text-align:justify;
	padding-top: 20%;
	letter-spacing: 1px;
	word-spacing: 1px;
	color: #797979;	
	line-height:1.5em;
	font-size:1.3em;
}

.intro {
	position: absolute;
	left: 13%;
	height: 40%;
	top:14%;
	width: 32%;
	z-index: 10;
	cursor: pointer;
}
.faq {
	position: absolute;
	left: 47%;
	height: 40%;
	top:14%;
	width: 18%;
	z-index: 10;
	cursor: pointer;
}
.gofb {
	position: absolute;
	left: 68%;
	height:40%;
	top:14%;
	width: 29%;
	z-index: 10;
	cursor: pointer;
}



.footer{
	position:relative;
padding-top:5%;height: 30%;
	width: 100%;
	max-width: 640px;
	z-index: 10;}
.black{
	line-height:1.5em;
	color:#000;
	font-size:1em;
}

/*分頁_FAQ*/
.main_FAQ {
position: relative;
	margin: 0 auto;
	max-width: 640px;
}





.DGreen{
	line-height:2em;
	color:#486e0b;
	font-size:1em;
	}

.line{
	width:100%;
	max-width:640px;
	}




.bn1 {
	top: 6%;
	left: 20%;
	width: 29%;
}
.bn2 {
	top: 6%;
	left: 50%;
	width: 29%;
}
.bn3 {
	top: 77%;
	left: 58%;
	width: 29%;
}
.bn4 {
	top: 78%;
	left: 58%;
	width: 29%;
}
.bn5 {
	top: 87.1%;
	left: 20%;
	width: 29%;
}
.bn6 {
	top: 87.1%;
	left: 51%;
	width: 28%;
}
.bn7 {
	top: 97.3%;
	left: 13%;
	width: 32%;
}
.bn8 {
	top: 97.3%;
	left: 27%;
	width: 18%;
}
.bn9 {
	top: 97.3%;
	left: 46%;
	width: 29%;
}

.bn1, .bn2, .bn3, .bn4, .bn5, .bn6, .bn7, .bn8, .bn9{
	height: 1%;
	position: absolute;
	z-index: 10;
}
.bn1 a, .bn2 a, .bn3 a, .bn4 a, .bn5 a, .bn6 a, .bn7 a, .bn8 a, .bn9 a{
	display: block;
	height: 100%;
}
.bn1 a img, .bn2 a img, .bn3 a img, .bn4 a img, .bn5 a img, .bn6 a img, .bn7 a img, .bn8 a img, .bn9 a img{
	height: 100%;
	width: 100%;
}