#layout header {
	background-image: url(../images/banner/banner_maple.jpg);
}
#layout #content aside {
	float: left;
	height: auto;
	width: 200px;
	margin-right: 15px;
	margin-left: 20px;
	font-size: 14px;
	text-decoration: none;
}
#layout #content aside ul {
	list-style-type: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#layout #content aside ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5D8C5E;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #696;
	margin-bottom: 15px;
	letter-spacing: 1px;
	color: #F60;
	text-decoration: none;
	
}
#layout #content aside ul li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	padding-left: 10px;
	letter-spacing: 1px;
}
#layout #content aside ul li a:hover {
	color: #F60;
	text-decoration: none;
	border-bottom-color: #F60;
	border-left-color: #F60;
	letter-spacing: 1px;
	font-size: 14px;
}
#layout #content article #titlebar {
	font-size: 14px;
	font-weight: normal;
	color:#000
	text-decoration: none;
	background-color: #C0FFEA;
	letter-spacing: 5px;
	text-align: center;
	height: 20px;
	width: 730px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 8px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 8px;
	text-decoration: none;
}
#layout .stepsheet {
	height: 600px;
	width: 730px;
	margin-top: 5px;
	float: left;
	padding-top: 15px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
}
#layout #content article #stepsheet {
	text-align: center;
	float: left;
	width: 722px;
	margin-top: 5px;
	margin-left: 0px;
	padding-left: 10px;
	background-image: url(../source/leaf.jpg);
	height: 486px;
	margin-bottom: 0px;
}
#layout #content article #stepsheet .stepsheetbar {
	background-color: #999;
	text-align: center;
	float: left;
	height: 211px;
	width: 300px;
	padding: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-radius: 8px;
}
.stepImage {
	filter:none;
}

.stepImage:hover {
	filter:hue-rotate(340deg);
}
#layout #stepsheet ul {
	height: auto;
	width: 680px;
	margin-top: 10px;
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
#layout #stepsheet ul li {
	display: inline-block;
	list-style-type: none;
	float: left;
	color: #F1F1F1;
	padding-bottom: 5px;
}
#layout #bar {
	float: left;
	margin-top: 20px;
	width: 740px;
	height: 20px;
	text-align: center;
	color: #C00;
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: 120px;
	background-color: #E4E7AB;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	font-family: 新細明體, sans-serif, Arial;
	font-size: 16px;
	letter-spacing: 5px;
	border-radius:8px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}
#layout #gallery {
	float: left;
	width: 1002px;
	margin-top: 0px;
}
#layout #gallery #mfphoto {
	float: left;
	height: 475px;
	width: 561px;
	margin-top: 0px;
}
#layout #gallery #mfphoto #bar1 {
	float: left;
	width: 561px;
	background-color: #E4E7AB;
	text-align: center;
	font-size: 18px;
	color: #C00;
	height: 40px;
	padding-top: 10px;
	font-weight: bold;
}
#layout #gallery #tableright {
	float: left;
	height: 460px;
	width: 441px;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	margin-top: 10px;
}
#layout #gallery #tableright table tr td {
	height: 100px;
	width: 100px;
	text-align: left;
}
#layout #gallery #tableright table tr {
	height: 100px;
	width: 441px;
}
#layout #gallery #tabledown {
	float: left;
	height: 350px;
	width: 992px;
	padding-left: 10px;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
#layout #gallery #tabledown table tr td {
	height: 100px;
	width: 100px;
	text-align: left;
}
#layout #gallery #mfphoto #mfg {
	float: left;
	width: 720px;
	margin-top: 0px;
	margin-left: 20px;
	text-align: left;
	height: 480px;
}
#mfpicasa {
	height: 373px;
	width: 561px;
	margin-top: 1px;
}
#caption {
	height: 25px;
	width: 650px;
	padding-top: 15px;
	text-align: center;
	font-family: 新細明體, Arial, sans-serif;
	font-size: 16px;
	color: #F30;
	letter-spacing: 1px;
	text-decoration: none;
}
#layout #gallery #tabledown table tr td a {
	color: #000;
	text-decoration: none;
}



#layout #content aside a .titlebar_l {
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	float: left;
	width: 200px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 20px;
	border-radius: 8px;
}