html,body{
	width:1000px;
	margin:0 auto;
	padding:0;
	background:#ccc;
	font-family:微軟正黑體;
}
a{
	text-decoration:none;
}
header{
	height:130px;
	background:#333;
}
#title{
	height:80px;
}
#title>*{
	display:inline-block;
}
#brandname{
	position:absolute;
	top:0;
}
#brandname>div{
	display:block;
	color:white;
	font-size:25px;
	padding:0 20px;
	line-height:40px;
	vertical-align:middle;
}
#logo{
	background:url("img/logo.jpg") white;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	height:80px;
	width:200px;
	line-height:50px;
	text-align:center;
}
header nav{
	position:absolute;
	top:80px;
	height:50px;
}
nav .highlighted{
	background:#555;
}
header nav>ul{
	margin:0;
	padding:0;
	list-style:none;
}
header nav>ul>a,header nav>ul>li{
	display:inline-block;
	padding:0 10px;
	height:50px;
	line-height:50px;
	color:white;
	text-decoration:none;
}
header nav>ul>a:hover{
	background:#555;
}
#content{	
    top:130px;
    bottom:0;
	left:0;
	right:0;
	width:1000px;
	margin:0 auto;
	background:#ddd;
}
.img{
	width:30%;
}
section{
	padding:20px;
}
#flowchart{
	width:100%;
	height:auto;
}
.button{
	display:block;
	text-decoration:none;
	margin:10px;
	padding:15px;
	border:1px solid black;
	background:white;
	width:200px;
	text-align:center;
	color:black;
}
.button:hover{
	background:lightgrey;
}