body { background:#FFFFFF; color:#222222; }
a { color:#009; text-decoration:none; }
a:hover { color:#06C; text-decoration:underline; }
h1, h2, h3, h4, h5, h6 { margin-bottom:0.5em; font-weight:bold; }
h1 { font-size:18px; color:#003; }
h2 { font-size:16px; color:#009; }
h3 { font-size:15px; color:#66C; }

.wrap {
	width:960px;
	margin:0 auto;
}

#container {
	background:#FFFFFF;
}

#welcome {
	width:960px;
	height:300px;
	margin:50px 0;
	background:url('../img/welcome.jpg') center center no-repeat;
}

#nav {
	margin:0 0 50px 0;
	text-align:center;
}

#nav a {
	padding:5px;
	font-size:24px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#888888;
	transition:color 0.2s ease-in;
	-webkit-transition:color 0.2s ease-in;
}

#nav a:hover {
	color:#333399;
}

#footer {
	overflow:hidden;
	position:relative;
}

#contact-box {
	float:left;
	overflow:hidden;
}

dl.contact-info {
	float:left;
	width:300px;
	margin-right:5px;
	padding:10px;
	border:1px solid #F6F6F6;
	background:#FCFCFC;
}

dl.contact-info dt {
	margin-top:5px;
	color:#676767;
}
dl.contact-info dd {
	color:#808080;
}

#social {
	float:left;
	margin-left: 30px;
	text-align:center;
}