#menu{
width:1200px;
margin-left: auto;
margin-right: auto;
text-align:center;
}



#menu ul{
	margin:0 auto;
	text-align:center;
	padding:0;
}

#menu li{
	width:150px;
	height:50px;
	float:left;
	color:#191919;
	text-align:center;
	overflow:hidden;
	padding:5px;
}

#menu a{
	color:#FFF;
	text-decoration:none;
	font-family:微軟正黑體, arial, sans-serif;
	font-size:10pt;
	font-weight:bold;
}

#menu p{
	padding:0px 5px;
	color:#FFF;
	font-family:微軟正黑體, arial, sans-serif;
	font-size:10pt;
}

#menu .subtext{
		padding-top:30px;
	}

/*Menu Color Classes*/
#menu .green{background:#6AA63B url('images/green-item-bg.jpg') top right no-repeat;}
#menu .lightgreen{background:#8fc31f url('images/lightgreen-item-bg.jpg') top right no-repeat;}
#menu .yellow{background:#FBC700 url('images/yellow-item-bg.jpg') top right no-repeat;}
#menu .red{background:#D52100 url('images/red-item-bg.jpg') top right no-repeat;}
#menu .purple{background:#5122B4 url('images/purple-item-bg.jpg') top right no-repeat;}
#menu .blue{background:#0292C0 url('images/blue-item-bg.jpg') top right no-repeat;}
#menu .pink{background:#eb6877 url('images/pink-item-bg.jpg') top right no-repeat;}

.clear {zoom:1; clear:both;} 
.clear:after {content:''; display:block; clear:both; visibility:hidden; height:0;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#logo{
text-align:left;
width:1200px;
margin-left: auto;
margin-right: auto;
padding:10px;
}

#logo h1{
font-family:微軟正黑體, arial, sans-serif;
font-size:12pt;
color:#666666;
font-weight:bold;
margin:0;
}

#logo h5{
font-family:微軟正黑體, arial, sans-serif;
font-size:10pt;
color:#CCCCCC;
font-weight:bold;
margin:0;
}

#copyright{
	margin-top:200px;
	font-family:微軟正黑體, arial, sans-serif;
	font-size:10pt;
	color:#666666;
	line-height:160%;
}