Body
{
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #dddddd;
	scrollbar-highlight-color:#FFF7CC;
	scrollbar-3dlight-color: #dddddd;
	scrollbar-darkshadow-color: #FFF7CC;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color:#00683f;
	background-color:beige;
}

.pageCenter1
{
 position:absolute; width:100%;   height:100%; left:0px; top:10px; border:1px red  solid; z-index:1; align:center;
}

.pageCenter2
{
 position:absolute; width:100%;   height:1000; left:0px; top:10px; border:1px green  solid; z-index:1;
}


.imgLeftNavExt
{
	width:132px; 	height:100%;
	position:absolute; 	top:50px;	
}
  
 
.cTitle
{
	font-size: 16px;	font-weight: bold;	color: Orange;
	font-family:新細明體, verdana, arial, sans-serif, Helvetica;	
	position:absolute;	top:65px;	left:80px;	
} 

.eTitle
{
	font-size: 14px;	font-weight: bold;	color: #9E0000;
	font-family:verdana, arial, sans-serif, Helvetica;	
	position:absolute;	top:65px;	left:80px;	

} 
    
.cContent
{
	width:800px;	height:100%;
	background-color:white;
	font-size:15px;	font-weight: normal;	color: #404532;
	font-family: 新細明體, verdana, arial, sans-serif, Helvetica;	
	line-height:30px;	text-align:justify;
	position:absolute;	top:50px;	left:132px;	z-index:0;
	padding-top:100px;	padding-right:80px;	padding-left:80px;
} 

.eContent
{
	width:800px;	height:100%;
	background-color:white;
	font-size:12px;	font-weight: normal;	color: #404532;
	font-family: verdana, arial, sans-serif, Helvetica;	
	line-height:20px;	text-align:justify;
	position:absolute;	top:50px;	left:132px;	z-index:0;
	padding-top:100px;	padding-right:80px;	padding-left:80px;
} 

 .videoList
 {
	width:900px;	height:100%;
	background-color:white;
	font-size:12px;	font-weight: normal;	color: #404532;
	font-family: verdana, arial, sans-serif, Helvetica;	
	line-height:20px;
	position:absolute;	top:73px;	left:132px; z-index:200;
	padding-top:100px;	padding-right:80px;	padding-left:25px;	padding-bottom:50px;

 }
 
  .videoPlay
 {
 	position:absolute;	top:150px;	left:380px; z-index:210;

 }



.cBottomNav /*ssi/C-BottomNav.ssi*/
{
	
	font-size: 12px;	font-weight: normal;	color: #044078;
	font-family: 新細明體, verdana, arial, sans-serif, Helvetica;	
	padding-left:50px;

.eBottomNav /*ssi/eBottomNav.ssi*/
{
	
	font-size: 11px;	font-weight: normal;	color: #044078;
	font-family: verdana, arial, sans-serif, Helvetica;	
	padding-top:50px; padding-left:50px;
}

.Program
{
	padding-bottom:20px;
}


.Member
{
	padding-top:20px;	padding-bottom:20px;
} 


.showDate
{
	font-family: verdana, arial, sans-serif, Helvetica;
	font-size: 9px;
	font-weight: normal;
	color: #630000;
} 


.copyRight
{
	font-family: verdana, arial, sans-serif, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #9FADC9;	
}

.indexUpdated
{
	font-family: verdana, arial, sans-serif, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #405279;		
}


a:link {color: #0E830E; text-decoration: none; font-weight: normal;}
a:visited {color: #0E830E; text-decoration: none; font-weight: normal;}
a:active {color: #0E830E; text-decoration: none; font-weight: normal;}
a:hover {color: #67B667; text-decoration: none; font-weight: normal;} 


/*Hover-Text, Image */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #87628f;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 480px; /*position where enlarged image should offset horizontally */

}