@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url('https://fonts.googleapis.com/css?family=Baloo');

*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; }

body {  
  	margin: 0 0;
	font-weight: 200;
	overflow-x: hidden;
	font-family: "Baloo" ,"Noto Sans TC", sans-serif;
}
.welcome{
	width: 100%;	
	height: 800px;
	background-color: rgba(255,255,255,0.6);
}
a {
	text-decoration: none;
}

nav a{
	font-size: 1.8em;
	font-weight: 600;
	color: white;
}

nav img{
	width: 15vw;
	margin-left: 1vw;
}


@media screen and (max-width: 55em){
	nav a{
		font-size: 1.2em;
		font-weight: 600;
		color: white;
	}
	nav img{
		width: 50vw;
		margin-left: 1vw;
	}
}

@media screen and (max-width: 90em) and (min-width: 881px){
		nav img{
		width: 30vw;
		margin-left: 1vw;
	}
}


header {
	text-align: center;
	color: #fff;
	padding: 5vh 2vw 0vh 2vw;
	background-color:#fff;
}
header img {
	width: 42vw;
	height: auto;
}
header h1 {
	font-size: 1.6em;
	margin-top:6vh
}
header h1 span {	
	color: #1dcd00;
	padding: 3vh 3vw;
	border:1px solid #ddd;
	border-radius: 20em;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,e1e1e1+89,f6f6f6+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #e1e1e1 89%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#e1e1e1 89%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#e1e1e1 89%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */


}
#line a{color: #fff;}
#line a:hover { color:#fff;  transition: 0.5s; }

#line {
	
	margin-top: -5vh;
	padding-top: 10vh;
	padding-bottom: 6vh;
	text-align: center;
	color: #fff;
}
#line h2{
	font-size: 2.5em;
}
#line h3{
	font-size: 2em;
	
	border-bottom: rgba(255,255,255,0.6) 1px solid;
}


#line svg {
	font-size: 2em;
	margin-left: 1vw;
}
#line p {
	font-size: 1.2em;
	padding-bottom: 2vh;
}
#line ul {
  padding: 0 0;
  margin: 0 0;
  list-style: none;
  text-align: center;
}

#line ul li span {
	font-size: 1.3em;
}
#line ul li:hover{

background-color: #00bb11;
transition: .2s;

}


@media screen and (max-width: 55em){
	#line h2{
		font-size: 2em;
	}
}
@media screen and (max-width:980px){
	header img {
	width: 82vw;
	height: auto;
}
#line ul li{
  display: inline-block;
  margin: 0vh 2vw 5vh 2vw;
}
}