@charset "utf-8";
/* CSS Document */

#map{
	  display: none;
  position: fixed;
	height:inhire;
	line-height: inherit;
	top:0px;
	z-index:100000;
	visibility:hidden;
	float:left;
	background-color:rgba(255,255,255,.9);
	width:100%;}

.font25{
	font-size:50px;
	font-family:"微軟正黑體", "新細明體";}

.sun-p-l{
	padding-left:50px;}

.sun-size{
	font-size:22px;}
	
.sun-text-align{
	text-align:center;}
.sun-center{
	margin:0 auto;}

.sun-m-t{
	margin-top:-50px;}
.sun-bigger{
	width:200px;}
.sun50{
	width:50%;}
.sun-blue{
	color:#369;
	font-size:24px;}
.sun-red{
	color:#969;
	font-size:20px;
}
.sun-text-align-l{
	text-align:left;}
.sun-text-align-c{
	text-align:center;}
.sun-main-p{
	margin:0 auto;
	text-align:center;
	color:#425e41;
	font-size:22px;
	font-style:italic;
	
	}
.sun-main-p-sign{
	margin:0 auto;
	text-align:right;
	font-size:16px;
	padding-right:200px;
		color:#425e41;
	}

.sun-main-p-sign2{
	margin:0 auto;
	text-align:right;
	font-size:16px;
	padding-right:250px;
		color:#425e41;
	}

.sun-bt{
	width:80%;
	margin:0 auto;
	text-align:center;}
.sun-bt2{
	width:60%;
	margin:0 auto;
	text-align:center;}
.sun-bt3{
	width:13%;
	margin:0 auto;
	text-align:center;
	padding-top:80px;
	margin-bottom:-100px;}
.sun-bt4{
	width:8%;
	margin:0 auto;
	text-align:center;
	}
.sun-bt5{
	width:10%;
	margin:0 auto;
	text-align:center;}



	
.sun-bt-sign{
	width:10%;
	margin:0 auto;
	text-align:center;}	
.sun-bt6{
	width:30%;
	margin:0 auto;
	text-align:center;}
.sun-bt7{
	width:70%;
	margin:0 auto;
	text-align:center;}
.sun-bt8{
	width:20%;
	margin:0 auto;
	text-align:center;
	}
.sun-bt9{
	width:16%;
	margin:0 auto;
	text-align:center;
	}
.sun-bt10{
	width:25%;
	margin:0 auto;
	text-align:center;
	}
.sun-bt11{
	width:100%;
	margin:0 auto;
	text-align:center;
	}
.sun-clip-all{
	width:100%;
	height:680px;
	}	
.sun-clip{
	width:80%;
	height:auto;
	margin-left:10%;
	float:left;
	padding:15px;
	border:solid #CCC 1px;
	margin-bottom:30px;
	
	}
.sun-clip-title{
	font-size:24px;
	color:#369;}

.sun-partner{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
	margin-top:-150px;
z-index:10000000
}	
.sun-partner h2{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
	font-size:30px;
	color:#2E9648;
	font-weight:600;
}	
.sun-partner h3{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
	font-size:20px;
	color:#666;
	}
	
	
.sun-donate{
	width:31%;
	height:260px;
	margin-right:23px;
	float:left;
	padding:15px;
	border:solid #E8E8E8 1px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
	margin-bottom:30px;
	background-image:url(../img/concept/bgpaper.png);
	}


.sun-donate-img{
	width:50%;
	
	}
	
	
.sun-yabook{
	width:48%;
	height:auto;
	margin-right:23px;
	float:left;
	padding:15px;
	border:solid #E8E8E8 1px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
	margin-bottom:30px;
	background-image:url(../img/concept/bgpaper.png);
	}	

.sun-yabook2{
	width:98%;
	height:auto;
	margin-right:23px;
	float:left;
	padding:15px;
	border:solid #E8E8E8 1px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
	margin-bottom:100px;
	background-image:url(../img/concept/bgpaper.png);
	}



.sun-yabook-rule{
	width:48%;
	height:auto;
	margin-right:23px;
	float:left;
	padding:15px;

	}
	
	
.sun-flex{
	display:inline-flex;
	justify-content:center;
	 flex-direction:row;
	 flex-wrap:wrap;
	width:auto;
	max-width:1024px;
		
}

.sun-item {
  flex: 0 0 10%;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.sun-item2 {
  flex: 0 0 40%;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.sun-item3 {
  flex: 0 0 22%;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;

}
.sun-img{
	width:170px;}
.sun-img2{
	width:77px;
	padding:5px;}
.sun-img3{
	width:150px;}
.sun_line_but{
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:20px;
	top:380px;
	visibility: default;
	z-index:1000000;
	visibility:visible;
	float:right;
	width:83px;

}

.sun_movie_but{
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:20px;
	top:250px;
	visibility: default;
	z-index:1000000;
	visibility:visible;
	float:right;
	width:83px;

}

.sun_donate_but{
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:20px;
	top:130px;
	visibility: default;
	z-index:1000000;
	visibility:visible;
	float:right;
	width:83px;

}


.sun_logo{
	height: inherit;
	line-height: inherit;
	position:relative;
	left:30px;
	top:-5px;
	visibility: default;
	z-index:1000000;
	visibility:visible;
	float:left;
	width:200px;

}

.sun-show{
	display:block;}
.sun-noshow{
	display:none;}
.sun-credit{
	color:#669;}
	
.sun-movie{
	width:70%;
	margin:0 auto;
	border: solid 2px #0a769f;
	padding:10px;}

.movieclip{
	width:99%;
	height:600px;}
	
.pic-wei{
	width:50%;
	margin-left:25%;
	margin-bottom:30px;}
	
.pic-intro{
	width:80%;
	margin-left:10%;
	margin-bottom:-200px;}