@charset "utf-8";
/* CSS Document */
/*Global*/
body {background-color: #FFFF99;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
p {line-height:16px;}
#page{background:#fff406 url(../images/template/comingBg.jpg) no-repeat 60% 0;padding:0 0 300px;overflow:hidden;min-width:1246px;}
.container { background: url(../images/template/shadow_Left.png) repeat-y left top; padding-left:14px; border-right: #F2F2F2 1px groove;}



/*Global type*/
a:link {text-decoration: none; }
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
/*Template*/
#Header { width:950px; height:188px; background:url(../images/template/HeaderBg.jpg) no-repeat top left;}
#MainContainer{ padding:20px 0 0 0; margin:0; background-color:#FFFFFF;}
#Navigator { padding:0; margin:0; /*background-color:#003399*/}
#SideBar {padding:10px 0 0 0; margin:0;background-color:#FFFFFF;}
#MainContent{ background-color:#FFFFFF; padding:10px 0 0 0 ; margin:0;*/}
/*Header Area*/
#LogoLinker { padding-top:80px; float:left;}
#TopNavigator {float:right;
	height:20px;text-align:right;color:#B01A59;font-weight: bold;
	padding:0px;
	margin-top:10px;
	margin-right: 10px;
	}
#TopNavigator a {color:#000; text-decoration:none;}
#TopNavigator a:hover {color:#000;text-decoration: underline;}
#TopNavigator img {border:none;}	

/*Navigator*/

.navigation {margin:0;padding:0;border:none;}
.navigation ul {margin:0; padding:0 ;list-style-type:none;}
.navigation li {list-style-type:none;/*border-bottom: 1px solid #E6E6E6;*/ padding:3px 0 3px 0;}
.navigation li a:link, .navigation li a:visited  {display: block;padding: 0;}
.navigation li a:hover {display: block;padding: 0;}


.navigation2 { padding:0; margin:0;}
.navigation2 ul{list-style: none; margin: 5px 0px 0px 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.navigation2 ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	display: block;
	min-height:25px;
	/*height:25px;*/
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbb;
}
.navigation2 ul li a:link, .navigation2 ul li a:visited  {
	padding: 0px 5px 0px 0px;
	border-left: 0px solid #FFFFFF;
	color: #8ec21f;
	display: block;
	text-decoration: none;
	
}
.navigation2 ul li a:hover {
	color: #8ec21f;
	display: block;
	text-decoration: underline;
}
.currentList {
	font-family: Arial, Helvetica, sans-serif;!important
	color: #FFFFFF;!important
	font-weight: bold;!important
	background-image: url(images/dot_ovr.gif);!important
	background-repeat: no-repeat;!important
	background-position: left center;!important
	display: block;!important
	height:20px;!important
	line-height:20px;!important
	background-color: #EEAD53;!important
}

/*MainContainer*/

/*--定義menu的超鏈接樣式表--*/
.nav{ color:#000;font-size: 11px;letter-spacing:1px;float:right;margin-right:5px;padding:2px;text-align:left;text-decoration: none;}
.nav a:link ,.nav_a a:link{text-decoration: none; color: #000;} /*--未參觀過的連結--*/
.nav a:visited,.nav_a a:visited {text-decoration: none; color: #000;} /*--參觀過的連結--*/
.nav a:active,.nav_a a:active {text-decoration: none; color: #000;} /*--參觀過的連結--*/
.nav a:hover,.nav_a a:hover {text-decoration: none; color: #000;} /*--當滑鼠移到連結上的時候--*/


/*Index Page*/
#film_LEFT { overflow:hidden; margin:2px;}
#filmIll { overflow:hidden; margin:2px;}
#filmIll p {padding:2px 0 2px 0;margin:0;}
#filmIll ul {padding:0;margin:0;list-style: none;}
#filmIll li {display:block; border-bottom:#000000 1px solid; height:30px; font-size:12px;}
#filmIll img {padding-left:2px;padding-right:2px;}

/*-----------------------↓兒藝節index_news表格↓----------------------*/

.datatable_3{ width: 250px; text-align:left; margin-left:5px; }
.datatable_3 td{ border-bottom:#D8D8D8 1px dashed;color:#666666; line-height: 18px; padding:3px;}
.datatable_3 th{ border-bottom:#8c8c8c 1px dotted;
	line-height: 18px;
	font-size: 13px;
	color:#FFFFFF;
	font-weight: bold;
	text-align: left;
	padding:5px;
	background-color: #6699CC;
}
.datatable_3 a:link,.datatable_3 a:visited ,.datatable_3 a { color: #666666; text-decoration: none;}
.datatable_3 a:hover {color: #a8d049; text-decoration: underline;}
.datatable_3 caption{ display:block; height:35px; padding:0 0 10px 0;}
div.filmTitle { display:block; height:35px; padding:0 0 10px 0;}
.graybold { color:#464646; line-height: 18px; margin-top:5px; font-weight: bold;}
#more_btn{ text-align: right;}
/*-----------------------↑兒藝節index_news表格↑----------------------*/


/*NewsList*//*本節目推薦*/
#InPageContent { padding:0px; margin:0;}
#InPageTitle {padding-left:25px;margin-bottom:12px;width:350px; height:25px; overflow:hidden}
span.dot { display:block; width:35px; height:26px; background:url(../images/icon/dot_butterfly.gif) no-repeat top left color:#028849;font-size: 18px;}
#MAIN_LIST {padding:5px 20px; line-height:25px;}
#MAIN_LIST ul { list-style-type:none; padding:0; margin:0;}
#MAIN_LIST li {background: url(../images/icon/dot_butterfly.gif) no-repeat left top;line-height:30px; font-size:14px; font-weight:bold;color:#028849; padding:0 0 0 30px; margin:0 ;}
#MAIN_LIST a{font-weight:bold;color:#028849;}
#MAIN_LIST h2{font-size:14px; font-weight:bold;color:#028849;}
#MAIN_LIST p {padding-left:30px;line-height:18px;}

#MAIN_LIST2 {padding:5px 20px; line-height:25px;}
#MAIN_LIST2 ul { list-style-type: disc; padding:0 0 0 30px; margin:0;}
#MAIN_LIST2 li {line-height:30px; font-size:12px; font-weight:bold;color:#028849; margin:0 ;}
#MAIN_LIST2 a{font-weight: normal;color:#028849;}


#news_list{ padding:0; margin:0 0 0 250px;}/**/
#news_list a {float:left;display:block;height:22px; padding:0 5px 0 5px;text-decoration:none;}
#news_list a:link{text-decoration:none; color:#028849;}         /*--未參觀過的連結--*/
#news_list a:visited{text-decoration:none; color:#028849;}      /*--參觀過的連結--*/
#news_list a:hover{text-decoration:underline; color:#028849;}   /*--當滑鼠移到連結上的時候--*/

#MAIN_title { padding:0px 0px 15px 25px;px;margin:auto; margin-bottom:3px;line-height:20px;}
#MAIN_title h2{ display:inline;font-size:16px;color:#028849; font-weight:bold;padding:0;}
#MAIN_title span { display:inline;font-size:12px;color:#333; padding:0 0 0 50px;}
#MAIN_WORD{padding:0px 0px 15px 25px;line-height:25px;}
#MAIN_WORD p {line-height:18px;}
#MAIN_WORD a{text-decoration:none; color:#028849;}
#InLeft{
  margin:0 0 0 10px;
  float:left;
  overflow:hidden;
 
}
#InMainIll {/*內頁*/
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0;
	margin:0;
  overflow:hidden;
}
#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 {}
	#InMainContent li {
	list-style-type: square;
	line-height:24px;
	}
	#InMainContent li span {
	color:#464646;
	padding-left:5px;
	font-weight:300;
	}
	#InMainPicture {/*內頁戶外演出*/
	
	padding:0;
	margin:0;
	width:350px;
}

	#InMainIll p {
	line-height:16px;
	padding-top:2px;
	padding-bottom:2px;
	margin:0;
}
	#InMainIll ul {
	padding:0;
	margin:0;
	list-style: none;
}
	#InMainIll li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	/*line-height:33px;*/
}
#filmContent2 {
	margin-top:10px;
}
	#filmContent2 ul { list-style-type:none; padding:0; margin:0;}
	#filmContent2 li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#464646;
	line-height: 18px;
	
	}
	  
	#filmContent2 p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#464646;
	line-height: 18px;
	margin-top:5px;
	
	}
	.graybold {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#464646;
	line-height: 18px;
	margin-top:5px;
	font-weight: bold;
	}
	#filmContent2 hr{
	border-top:dashed #D8D8D8 2px; 
	border-bottom:0px ;
	border-left:0px ;
	border-right:0px;
	}


/*-----------------------↑兒藝節首頁↑----------------------*/
/*Content */
.content2 { padding-left:25px; padding-right:0px;}
.content2 p {padding:0px;}
.content2 ul { padding:0; margin:0;}
.content2 li { list-style:none;}
.content2 a {color:#000; text-decoration:none;}
.content2 a:hover {color:#000;text-decoration: underline;}

/**/
.movie_intro{
text-align:left;
}
.movietable {
	border: 1px solid #d2d2d2;
	border-collapse: collapse;
	width:680px;
	margin-left:0px;
	margin-top:30px;
	margin-bottom:10px;
}
.movietable td {
	border: 1px solid #d2d2d2;	
	text-align:center;
	font-size:11px;
	line-height:18px;
	height:25px;
}
.movietable td.redbg {
	border: 1px solid #d2d2d2;
	background-color:#d9001f;	
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	height:25px;
}
.movietable td.greenbg {
	border: 1px solid #d2d2d2;
	background-color:#accd04;	
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
}
.movietable td.hightgreenbg {
	border: 1px solid #d2d2d2;
	background-color:#accd04;
	text-align:center;
	color:#003300;
	font-size:11px;
}
.movietable td.graybg {
	border: 1px solid #d2d2d2;
	background-color:#666666;	
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
}
.movietable td.yellowbg {
	border: 1px solid #d2d2d2;
	background-color:#fff9cc;	
	text-align:center;
	color:#000000;
	font-size:11px;
}
.movietable td a{
	text-decoration:none;
	color:#000000;
}
.moviegray{
    color:#a5a5a5;
}
.moviegrayy{
    color:#a5a5a5;
	background-color:#fff9cc;
}
.movietable td a:hover{
	text-decoration:underline;
	color: #59B337;
}
.movietable th {/* bgcolor-灰色 */	
	border: 1px solid #d2d2d2;
	background-color:#a5a5a5;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	font-weight:normal;
	padding-top:2px;
}
.movietitle{
    color:#f38200;
	font-size::13px;
	font-weight:bold;
}
.moviedetail{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#333333;
	font-size: 11px;
	line-height:22px;
	padding-left:10px;
}

.areatable {
	border: 1px solid #d2d2d2;
	border-collapse: collapse;
	width:680px;
	margin-left:0px;
	margin-top:30px;
	margin-bottom:10px;
}
.areatable td {
	border: 1px solid #d2d2d2;
	text-align:left;
	height:28px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
}
.areatable td.redbg {
	border: 1px solid #d2d2d2;
	background-color:#d9001f;	
	text-align:center;
	color:#FFFFFF;
	height:28px;
	font-size:12px;
}
.areatable td.greenbg {
	border: 1px solid #d2d2d2;
	background-color:#accd04;	
	text-align:center;
	color:#FFFFFF;
	height:28px;
	font-size:12px;
}
.areatable td.graybg {
	border: 1px solid #d2d2d2;
	background-color:#666666;	
	text-align:center;
	color:#FFFFFF;
	height:28px;
	font-size:12px;
}
.areatable td.yellowbg {
	border: 1px solid #d2d2d2;
	background-color:#fff9cc;	
	text-align:center;
	color:#000000;
	height:28px;
	font-size:12px;
}
.areatable td.Lightgreenbg {
	border: 1px solid #d2d2d2;
	background-color:#E2FC6B;
	color:#333333;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
	padding-left: 10px;
}
.areatable td.Lightwhitebg {
	border: 1px solid #d2d2d2;
	background-color:#FFFFFF;
	color:#333333;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
	padding-left: 10px;
}
.areatable td.white {
	border: 1px solid #d2d2d2;
	background-color:#FFFFFF;	
	text-align:center;
	color:#000000;
	height:28px;
	font-size:12px;
}
.areatable td a{
	text-decoration:none;
}
.areagray{
    color:#a5a5a5;
}
.areagrayy{
    color:#a5a5a5;
	background-color:#fff9cc;
}
.areatable td a:hover{
	text-decoration:none;
	color: #59B337;
}
.areatable th {/* bgcolor-灰色 */	
	border: 1px solid #d2d2d2;
	background-color:#a5a5a5;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	height:28px;
	font-weight:normal;
	padding-top:2px;
}
.areatitle{
    color:#f38200;
	font:13px;
	font-weight:bold;
}
.areadetail{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#333333;
	font-size: 12px;
	line-height:22px;
	padding-left:10px;
}
.ActDateBox { width:230px; height:200px; overflow:auto; float:left}
.ActDateBox:after {
display:block;
height:0;
clear:left;
content:"";}

.wc_1{
display:block;
width:90px;
float:left;
	padding:0 2px 0 2px;
	text-align: right;
	font-weight: bold;
	color: #464646;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 24px;
	
}
.wc_3{
display:block;
float:left;
padding-left:5px;
	width:190px;
	text-align:left;
	line-height: 24px;	/*background-color:#00FFCC;*/
}

/*-----------------------↓兒藝節場地介紹表格↓----------------------*/
#district { padding:0; margin:0; min-height:480px;}
.content3 { padding:0 0 0 10px; margin:0 0 0 -40px; /*width:400px; background-color:#003366*/}
.content3 th{
font-size: 14px;
	color: #028849;
	font-weight: bold;
	text-align:left;
}
.content3 td{
vertical-align:top;
	font-size: 12px;
	text-align:left;
	color: #4e4e4e;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
/*table.placeshowTB{
	padding:0; margin:0; 
}
.placeshowTB th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #028849;
	font-weight: bold;
	text-align:left;
}
.placeshowTB td{
vertical-align:top;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #4e4e4e;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	text-align:left;
}
.placeshowTB td.intro{
	line-height: 22px;
}*/
.placeblack{
	color:#333333;
	font-weight:bold;
	font-size: 12px;
}
.traffic{
	color:#028849;
	font-weight:bold;
}

.placetitle{
	font-size: 15px;
	font-weight:bold;
	color: #8C5638;
	padding:0px 0px 0px 0px;
	text-align:left;
	}
#placeimg {
    background-color:#FFFFFF;
    float:left;
	border: 1px solid #d2d2d2;
	margin:0px 0px 2px 0px;
	padding: 2px;	
}
/*-----------------------↑兒藝節場地介紹表格↑----------------------*/
/*SideBar*/
#PaperR2 { margin:0; padding:0;}
#searchzone{ padding:0; margin:0 0 10px 0; }/*搜尋background-color:#009999*/
#searchzone span { display:block; padding:0; margin:0; float:left;}
#searchzone span input { margin-top:5px; margin-left:2px; width:140px; height:18px;}
#searchzone span img { margin-top:5px;}
#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{   
   width:500px;
   border:#333333 1px solid;
   background-color:#FFFFFF;
}
#PaperR { margin:15px 0 5px 0; width:100%;}
.TB_Title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FF3300;
	/*width: 100%;*/
	width:150px;
	text-align:center;
}
.saleshowTB a:link, .saleshowTB a:visited , .saleshowTB a {
	color: #000000;
	text-decoration: none;
   }
.saleshowTB a:hover {
	color: #FF0033;
	text-decoration: underline;
   }

/*-----------------------------------------*/
.tool{ padding-left:20px}
#paper_pad { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:20px;}
div#paper_pad input[type=checkbox] { border:#003300 1px solid; margin:0 10px 0 0;}
/*footer*/
#footer { height:400px; background:url(../images/template/footerBg.jpg) no-repeat left bottom; overflow:hidden;}
#footerLink { width:100%;height:24px; padding-left:280px;}
#footerLink a { float:left;display:block; height:24px;}
a.fLink01{width:79px; background:url(../images/template/footLink01.gif) no-repeat 0 0;}
a.fLink02{width:74px; background:url(../images/template/footLink01.gif) no-repeat -79px 0;}
a.fLink03{width:85px; background:url(../images/template/footLink01.gif) no-repeat -153px 0;}
a.fLink04{width:75px; background:url(../images/template/footLink01.gif) no-repeat -238px 0;}
a.fLink05{width:115px; background:url(../images/template/footLink01.gif) no-repeat -313px 0;}


/*電子報*/
table#ctl00_ContentCenter_GV_HistoryNews { width:80%}

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;}