/*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:160px;
	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:799px;
	vertical-align:top;
	color:#333;
	border-right:#d4d4d4 solid 1px;
}
.mainAside {  
	float:left;
	width:180px;
	vertical-align:top;
}

/*MainContent&aside*/
.mainTable {
	width:980px;
	display: inline-table;
 	border-collapse: collapse;
	margin:0 auto;
	border:0;
	padding:0;
	border-spacing: 0;
	background-color:#fff;
} 
/**/
.mainRow{
	display: table-row;
}
/**/
.mainContentCell{
	display:table-cell;
	width:640px;
}
.mainAsideCell {  
	display:table-cell;
	width:340px;
	vertical-align:top;
}
/**/
article {
	width:640px;
	background-color:#FFFFFF;
	float: left; 
	text-align:center;
	margin:0px auto;
	padding:0px;
	border-right: 1px solid #FFACAA;
}
mark {
    background-color: yellow;
  
}
/*主要文字大小*/
.textsize{ font-size:14px; line-height:2;}

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;
	}
/*======================= Search ========================*/
.search-box {
  font-size: 13px;
  width: 120px;
  background: #292a2c url('../images/search.gif') no-repeat 3px 3px;
  padding: 3px 3px 3px 22px;
}

.searchbox{
	background-color: #292a2c;
	border-radius: 5px;
	border-bottom:1px solid #434343;
	border-right:1px solid #434343;
	border-top:1px solid #191a1c;
	border-left:1px solid #191a1c;
	-webkit-box-shadow: 3px 3px #292a2c inset;
	-moz-box-shadow: 3px 3px #292a2c inset;
	box-shadow: 3px 3px #292a2c inset;
	padding:3 px;
	color: #D5D5D5;
	font-family:Impact, Helvetica, Arial, sans-serif;
	font-size:12px;
	margin:0px;
}

.hr {
    border: 0;
	border-bottom:1px solid #ccc;
}

/*節目類別按鈕*/
ul#ProgramClass-nav { font-size:14px; font-family:helvetica,arial,sans-serif; margin:0; 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;}

/* pageLink */
.pageLink li a {
	font-size:12px; color:#333333; text-decoration:none; line-height:1.5;
	/* padding: 10px 0;
	border-bottom-width:0px;
	-moz-transition: border-bottom-width color .3s ease-out;
	-webkit-transition: border-bottom-width color .3s ease-out;*/
	
}
.pageLink li a::before {
	/*
	position: absolute;
	padding: 10px 0;
	overflow: hidden;
	content: attr(data-hover);
	max-width: 0;
	color:#FFF;
	
	border-bottom: 2px solid #fff;
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
	*/
	content: ""; display: inline-block;
	width:0; border-bottom:solid 1px #000; display:block;
	-moz-transition: width .3s ease-out;
	-webkit-transition: width .3s ease-out;
}
 
.pageLink li a:hover::before,
.pageLink li a:focus::before {
	width:100%;
	/* max-width: 100%;
	color:#ff6600;
	border-bottom-width:solid 1px #ff6600; */
}


@-webkit-keyframes redPulse {
  from { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
  50% { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09; }
  to { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
}
a.red.button {
  -webkit-animation-name: redPulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}