/*Layout*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; background:none; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none; font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "新細明體", PMingLiU, sans-serif; }
	
body {
	background-color: #292a2e;
	margin:0px auto;
	width:980px;	
}

header{
	width:980px;
	height:420px;
	text-align:center;
	background-color:#000000;
	margin:0px auto;
	display:block;
}

/*MainContent&aside*/
.mainContainer {
	width:980px;
	margin:0 auto;
	background-color:#fff;
} 

/*兩欄排版*/
.mainContent {
	float:left;
	width:640px;
	vertical-align:top;
}
.mainAside {  
	float:left;
	width:340px;
	vertical-align:top;
}

#middleWrapper {
	width: 980px;
	background-color:#FFFFFF;


}
#mainContent {
	border-right: 340px;
	position:absolute;
	width:640px;
}
#sidebar {	
	margin-left:640px;
	position:absolute;
	width: 340px;
}
article {
	width:640px;
	background-color:#FFFFFF;
	float: left; 
	text-align:center;
	margin:0px auto;
	padding:0px;
	border-right: 1px solid #FFACAA;
}

.textsize{ font-size:12px; line-height:18px;}
section{
	background-color:#999966;
	width:640px;
	height:280px;
	text-align:center;
	/*vertical-align:middle;*/
	margin:0px auto;
	padding:0px;
	}

aside{
	width:340px;
	height:870px;
	background-color:#FFFFFF;
	float: left; 
	text-align:center;
	margin:0px auto;
	}
footer{
	clear:both;
	width:980px;
	height:200px;
	background-color:#CC99CC;
	text-align:center;
	margin:0px auto;
	}



.hr {
    border: 0;
	height: 2px;
    box-shadow: inset 0 2px 2px -2px rgba(0,0,0,0.5);
	margin:0px auto;
}





ul#ProgramClass-nav { font-size:14px; font-family:helvetica,arial,sans-serif; margin:0 0 0 12px; padding:0; float:left; width:100%;}
ul#ProgramClass-nav li { margin-top:10px; padding:0;list-style-type:none; float:left;}
ul#ProgramClass-nav li a.home { background:url('img/pagetitle.jpg') no-repeat center center; width:100px; height:40px; margin-top:-10px; border:0; overflow: hidden; text-decoration:none; display: block; text-indent: -9999px;}
ul#ProgramClass-nav li a {text-decoration:none; /*display:block; width:60px;*/ padding:0px 12px 0 12px; border-left:1px solid gray; color:#CCC;}
ul#ProgramClass-nav li a.ERAshopping {text-decoration:none; /*display:block; width:90px;*/padding:0px 12px 0 12px; border-right:1px solid gray; color:#CCC;}
ul#ProgramClass-nav li a:hover { color:white; text-decoration:none;}

a.linkStyle:link {font-size:12px; color:#333333; text-decoration:none;}
a.linkStyle:visited {font-size:12px; color:#333333; text-decoration:none;}
a.linkStyle:hover {font-size:12px; color:#ff6600; text-decoration:underline;}