@charset "utf-8";
/* CSS Document */
/* Coming Soon Landing Page */
body { background-color:#666699; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#Wrapper{ background-color:#FFFFFF; padding-top:0; margin-top:0;}
#MainContainer { background-color:#FFFFFF;}
#MainContainer p { padding:0; margin:0;}
div.HeadLineBar { width:950px; height:35px; margin:10px 0; background: url(../images/template/HeadLineBar.jpg) no-repeat top left;}
span.HeadLine {padding:0 0 0 90px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000; line-height:28px;}
#Footer { padding:5px 0;}

#SoonNewsTitle { font-family:Arial, Helvetica, sans-serif; font-size:15px; padding:5px 30px ; color:#330066; font-weight:bold;}
#SoonNewsDate {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#990000;padding:5px 30px ;}
#SoonNewsContent{font-family:Arial, Helvetica, sans-serif; font-size:12px;padding:5px 30px 50px 30px; }
/*Global*/
.button{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #FFCC00;background-color: #333333;border: 1px solid #333333;}
/*Global type*/
/*弧線*/
/* set millions of background images */
.rbroundbox { background: url(../images/template/nt.gif) repeat; }
.rbtop div { background: url(../images/template/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/template/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/template/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/template/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 20px;
/*height: 7px;
*/font-size: 5px;
}
.rbcontent {/* margin: 0 7px;*/ }
.rbroundbox { /**/ width: 100%; margin: 1em auto; background-color:#CCCCCC}
/*Header Area*/

/*Banner Area*/

/*Navigator Area*/
#Navigator {padding:0px; margin:0;}
 /*第一層*/ 
#navigation { width: 202px;margin:0;padding:0;;overflow:hidden; border-top:#423994 2px solid; border-bottom:#423994 2px solid;}
#navigation ul {list-style:none; padding-left :14px; margin:0;width: 188px;}
#navigation li {list-style:none; padding:0px; margin:0;}
#navigation li img {border:none;}
#navigation li a { display:block; padding:0; margin:0;}

#LeftNews {width: 188px; /*overflow:hidden;*/ margin:10px 0 10px 0;padding-left :14px;}
#LeftNews_title {background-color:#423994; border-bottom:#FFFFFF 1px solid;}
#LeftNews_title img { border:none;}
#LeftNewsContainer {background-color:#423994; margin:0; padding-left:5px; width:183px; height:100px;}
#LeftNewsContainer ul{margin:0 10px 0 0;padding:0;}
#LeftNewsContainer li{list-style-type: none;text-align:left;padding-left:5px;font-weight:normal;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color:#FFFFFF;line-height:20px;}
	#LeftNewsContainer a:link,#LeftNewsContainer a:visited ,#LeftNewsContainer a {color: #FFFFFF;text-decoration: none;}
	#LeftNewsContainer a:hover {color: #FFFFFF;text-decoration: underline;}
	#Mbtn2 {background-color:#423994; padding:5px 15px 5px 0;}
	#Mbtn{margin:10px 0px;}
	#Mbtn p { padding: 5px;}
	#Mbtn hr { margin:5px 0 10px 0; font-size:12px; height:1px; background-color:#000;}	
	#Mbtn_center{margin:10px 0px;text-align:center;}
/*左邊banner處*/	
    #bnrzone { height:75px; width:188px; overflow:hidden; margin:10px 0 10px 14px;}
	#bnrzone2{height:75px; width:188px; overflow:hidden; margin:10px 0 10px 14px;}
    #bnrzone img, #bnrzone2 img{border: 1px solid #999999;}
	

/*Main Area*/
/*Main Area for Index*/
  #Content {margin-left:-15px; background-color:#CCCCCC;}
  #FlashArea { margin-left:0px } /*特別靠右堆疊*/
/*Main Area for NormalPage*/
  #CenterContainer {/*background-color:#996600*/ margin:0px 5px 0 0; padding:0;  } /*特別靠右堆疊*/
#InPageContent {padding:0 0px 10px 10px;text-align:justify;}/*內頁中間內容*/ 

.TopMenu {margin:0px; padding:0 0 0 15px; width:90%;  height:26px; background-color:#cf0047; /*background: url(../images/template/TabBarBg2.gif) no-repeat 0px 0px;width:368px;*/} /*中間上方選單*/
.TopMenu ul{margin:0;padding:0;list-style-type:none;}
.TopMenu li {float:left;display:block;height:26px;color:#FFFFFF;}
.TopMenu ul a,.TopMenu ul a:link,.TopMenu ul a:visited{color:#fff;display:block;margin:3px;padding:3px 3px;text-decoration:none;}
.TopMenu ul a:hover{color:#cf0048; float:left;display:block;text-decoration:none;margin:3px; background-color:#efefef;padding:3px 3px;}
#InPageInfo {padding:0px; margin:0}/*內頁*/
#InPageInfo h5 {font-size: 16px;line-height: 20px;font-weight: bold; color:#423994;}
#InPageTitle {padding:3px;font-family: Arial, Helvetica, sans-serif; margin:0;}
#InPageTitle h2{font-size: 14px;line-height: 18px;font-weight: bold;
	color: #FFFFFF;
	background-color: #969696;
	display:block;
    padding:0 3px 3px 3px;
	margin-top:0;
}
#InPageTitle h3 {font-size: 16px;line-height: 18px;font-weight: bold;}
#InPageTitle h4, #InPageInfo h4 {font-size: 14px;line-height: 16px;font-weight: bold; color:#333333;}

span#ctl00_ContentCenter_Lab_Title{
	font-size: 14px;color: #FFFFFF;
	font-weight: bold;
	padding:0; margin:0; border:none;

}
/*講座*/
.showlist_TB, #ctl00_ContentCenter_DL_Topic{ width:100%;}
.showlist_TB td,  #ctl00_ContentCenter_DL_Topic td{ padding:5px,5px,5px,5px;margin-top:0;}
.showlist_TB_gray{ background-color: #ccc; vertical-align:top; padding-top:0; margin-top:0;}
.showlist_TB_white{ background-color: #fff; vertical-align:top; padding-top:0; margin-top:0;}
#ctl00_ContentCenter_DL_Topic_ctl00_DL_TopicSubject ,#ctl00_ContentCenter_DL_Topic_ctl01_DL_TopicSubject,
#ctl00_ContentCenter_DL_Topic_ctl02_DL_TopicSubject {width:100%;margin-top:0;}

.stepcolor2{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #3A3A3A;padding: 3px 0px;font-weight: bold;margin:5px 0px;}
#TopicTime, #TopicPlace, { padding:5px;}

div.RegistorTable { padding:15px;margin:0px;}
div.RegistorTable table { border-collapse:collapse; border:#CCCCCC 1px solid; width:90%;}
div.RegistorTable table th{ border-bottom:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; padding:5px; text-align:center;}
div.RegistorTable table td{ border-bottom:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; padding:5px;}

div.RegistorTable2, h4 { padding:15px;margin:0px;}
div.RegistorTable2 table { border-collapse:collapse;border:#bbbbbb 1px solid; width:90%;}
div.RegistorTable2 table th{  padding:5px; text-align: left; background:#eeeeee;}
div.RegistorTable2 table td{ border-bottom:#bbbbbb 1px solid; padding:5px;}

div.RegistorTable3 { padding:15px;margin:0px; width:400px; height:300px; float:left; background-color:#fff}
div.RegistorTable3 table { border-collapse:collapse; border:#CCCCCC 1px solid; width:100%;}
div.RegistorTable3 table th{ border-bottom:#CCCCCC 1px solid; padding:5px; text-align:center;}
div.RegistorTable3 table td{ border-bottom:#CCCCCC 1px solid; padding:5px;}


tr.Table_Topics { background-color:#333333; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
tr.Table_Topics_gray { background-color:#CCCCCC;}
/*節目總表目錄頁*/
.showlistimg{
   padding:5px;
   overflow:hidden;
   width:160px;
   height:135px;
}
.showlistimg img{border:none;}

   
/*下載節目單　轉寄好友　到兩廳院系統*/
#choicebar{	text-align:right;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 18px;color: #666666;padding-right:10px;}
#choicebar  a:link, #choicebar  a:visited , #choicebar a {color: #666666;text-decoration: none;}
#choicebar a:hover {color: #666666;text-decoration: none;}
   
/*節目表*/
#InLeft{
  width:265px;
  float:left;
}

#InMainContent {padding-left:15px;padding-right:20px;}/*內頁中間內容*/
#InMainContent p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;color:#464646;line-height: 22px;}/*內頁中間內容*/
#InMainContent ul { padding:0; margin:0;}
#InMainContent li {list-style-type: square;color:#d65220;font-weight: bold;line-height:24px;}
#InMainContent li span {color:#464646;padding-left:5px;font-weight: normal;}
#InMainPicture {padding:0;margin:0;width:261px;}/*內頁戶外演出*/
#InMainIll {/*內頁width:200px;*/
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	width:220px;

}

#InMainIll p {
	line-height:16px;
	padding-top:2px;
	padding-bottom:2px;
	margin:0;
}
#InMainIll ul { padding:0; margin:0;list-style-type:none;}
#InMainIll ul li {
    display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:2px 0 0px 0;
}
/*SideBar Area*/
#SideBar { padding:0; margin:0;}
#RsidebarIn{padding:0px;margin:0;}
/*#clen{行事曆
  margin:0px;padding:0;text-align:center;
  }
 */
#clen { padding:0 0 0 0px; margin:0;/* margin-top:10px;*/ z-index:2000;}
#clen p { margin-bottom:0;}
#clen table { margin:0; padding:0; border:none;}
#clen table td,#clen table th{ text-align:center;}
#clen table th a, #clen table th a:hover { text-decoration:none;}
#clen table td a, #clen table td a:hover { text-decoration:none; font-weight:bold;}
 
 .bd{
  text-align: right;  
   
   width:190px;
   border:#333333 1px solid;
   background-color:#cccccc;
}    
 .calendarLB{
   /*width:400px;*/
   text-align:left;
   padding:15px;
}
.calendarLB p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}

.calendarLB_title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #FF0033;
	font-weight: bold;
	text-align:left;

}
.calendarLB_date{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
	font-weight: normal;
	text-align:left;
}
.calendarLB  a:link, .calendarLB  a:visited , .calendarLB  a {
	color: #FF0033;
	text-decoration: none;
   }
.calendarLB  a:hover {
	color: #FF0033;
	text-decoration: underline;
   }
   
 

 
   
 #bnrzoneR{/*右邊banner處*/
	background-color:#969696;display:block;
	text-align:center;
	margin:9px 0 0 0;
	padding:0;
	 /*width:170px;*/
	 height:25px;overflow:hidden;}
 #ClickZoneR{/*右邊banner處*/
	display:block;
	text-align:left;
	margin:9px 0 0 0;
	padding:0;
	 /*width:170px;*/
	 height:25px;overflow:hidden;} 

#form1 {padding:10px 0 0 0px;}
#FormInput input:focus {
	border: 2px solid #0066CC;
}
#FormInput { float:left;width:135px;height:20px; margin:0px; padding:0px; }
#FormInput input { 
	background:url(../images/template/inputBg.gif) repeat-x left top;
	width:130px;
	height:18px;
	border: 1px solid #CCCCCC;
}
#FormBtn { float:left;width:32px; height:21px; padding: 8px 0 0 0; margin:0; }	 

#searchzone{
	text-align:center; 
	}/*搜尋padding:0;margin:9px 0 0 0;height:30px;*/
/*Footer Area*/
.FootLogoPack { overflow:hidden; width:770px; height:83px;}
#Table_footer { height:168px;  background:url(../images/template/footerBg.jpg) no-repeat left top;color: #E8E8E8;
	/*height:145px;width:950px;margin:15px;
	margin-left:15px; margin-right:15px; margin-top:10px; margin-bottom:10px;
	background-color:#e7e7e7;*/
	}
#Table_footerLink { padding:0; margin:0;}
#Table_footerLink img { border:none;}
div#footLink { float:right; padding-right:35px; padding-top:25px;}
span.Link{display:block;float:left; border-left:#999999 1px solid; padding-left:3px; padding-right:3px;}
span.Link:hover { display:block; background-color:#CCCCCC;float:left;}
span.Link a:link, span.Link a:visited{ color:#333; text-decoration:none;}
span.Link a:hover{ color: #660066; text-decoration:none;}
div#Fpad{ padding-top:10px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#505050;
	text-align:left;
	line-height:18px;
	}


	#Fpad a,#Fpad a:link,#Fpad a:visited{
    text-decoration:none;
    color: #ff3366;
}
    #Fpad a:hover{
    text-decoration:underline;
    color: #ff3366;
}

/*節目單*//*節目總表目錄頁*/
#ListS11 {float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px 0 5px 0;
	margin:0;
	width:330px;}

#ListS11 ul {
	padding:0;
	margin:0;
	list-style: none;}


#ListS11 li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	/*background-color:#99CC00;*/
	margin:1px 0 1px 0;
	padding:0;
	/*padding:1px 0 1px 5px;*/
	display:block;
}

span.clear { clear:both;}
.wc_1{
	color: #FFFFFF;
	background-color: #9d9d9d;
	padding:0 2px 0 2px;
	margin:1px 5px 1px 0;
	width:60px;
	text-align:center;
	display:block;
	float: left;
}
.wc_1EN{
	color: #FFFFFF;
	background-color: #9d9d9d;
	padding:0 2px 0 2px;
	width:90px;
	text-align:center;
	display:block;
	float: left;
}
.wc_2{
	padding:0 2px 0 2px;
	margin: 1px 0 1px 0;
	width:255px;
	text-align:left;
	display:block;
	float: left;
	/*background-color:#00FFCC;*/
}
.wc_3{
	padding:0 3px 0 3px;
	margin: 1px 0 1px 0;
	width:190px;
	text-align:left;
	display:block;
	float: left;
	/*background-color:#00FFCC;*/
}
/*歷史電子報*/

#MAIN_LIST {
	padding:5px;
	width:480px;
	margin:auto;
	line-height:20px;
	font-size:12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
#MAIN_LIST h2{
	font-size:12px;
	color:#000000;
	margin:0;
	line-height:30px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	font-weight: bold;
}
#MAIN_LIST h3{
	font-size:12px;
	color:#666666;
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:20px;
}
#MAIN_LIST h4{
	font-size:12px;
	color:#000000;
	margin:0;
	padding:0;
	font-weight:normal;
	float:right;
}
#MAIN_LIST ul{list-style:none; margin:0; padding:0;}
#MAIN_LIST ol{margin:0; padding:0 0 0 20px;}
#MAIN_LIST ol li {margin:0; padding:5px 0 0 0;}
#MAIN_LIST ul li {list-style:none; margin:0; padding:0; b display:block}
#MAIN_LIST li a{ color:#CCCCCC;}
#MAIN_LIST li a:hover{ color:#fff799; text-transform:inherit;}
#MAIN_LIST Input {border: solid #cccccc 1px;font-size:12px; }
#MAIN_LIST textarea {width:95%;font-size:12px; line-height:20px }
#MAIN_LIST table {border: none; width:100%;}
#MAIN_LIST tr {}
#MAIN_LIST th {border: none; width:90px; vertical-align:top; line-height:30px; text-align:right}
#MAIN_LIST th span { color: #FF6600; font-size:14px}
#MAIN_LIST td {}
#MAIN_LIST li.RegisterArt { padding-left:100px; padding-top:30px;list-style:none }
/*電子報*/
table#ctl00_ContentCenter_GV_HistoryNews { width:100%}

tr.HistryPageList {border-bottom:#666 1px solid; border-collapse:collapse; height:2.5em; border-left:none; border-right:none;}
tr.HistryPageList a:hover { color:#333; text-decoration:none;}
tr.HistryPageList:hover {background-color:#ccc;color:#FFFFFF;}
tr.GridViewPagerStyle{ text-align:center;}
tr.GridViewPagerStyle:hover {
}
tr.GridViewPagerStyle table {width:100px; margin-right:auto; margin-left:auto; border:none;}
tr.GridViewPagerStyle table td {text-align:center;}
tr.GridViewPagerStyle table td a:linked, tr.GridViewPagerStyle table td a:visited { color:#CCCCCC;}
tr.GridViewPagerStyle table td a:hover {text-decoration:none; border:none;}
/*-----------------------↓news表格↓----------------------*/

.datatable_news{
    width: 100%;
	text-align:left;
}

.datatable_news td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8c8c8c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 12px;
	color:#666666;
	padding:3px;
	height:60px;
}

.datatable_news th{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8c8c8c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 13px;
	color:#FFFFFF;
	font-weight: bold;
	text-align: left;
	padding:5px;
	background-color: #464646;
}

.datatable_news a:link,.datatable_news a:visited ,.datatable_news a {
	color: #666666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.datatable_news a:hover {
	color: #cf0048;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#NEWS_T1 h3 { font-size:12px;font-family: Verdana, Arial, Helvetica, sans-serif; }