﻿@charset "utf-8";
/* CSS Document */








/*--------------------------------------------↓Topic影展佈告欄:講座及活動/城市物語/預物語部分共用↓------------------------------------------------*/
	#topicTitle {
	margin-left:20px;
	/**/margin-top:15px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#2468AB;
	font-weight:bold;
	line-height:20px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: left;
}	

	#topicContent {
	  width:700px;
	  padding:0;
	  margin:0;
/*padding-left:20px;
    padding-right:20px;
*/	text-align: left;
}
	#topicPicture {
	float:left;
	padding:0;
	margin:0;
	width:257px;
}
	#topic_table {/*講座線上報名*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
/*	margin:0;*/
	color: #464646;
	padding-left:20px;
	padding-right:20px;

}
#txt_Ltop {/*預告片*/
	float:right;
    width:400px;
    margin:0;
	font-size: 13px;
	color: #636363;
	text-align: justify;
	line-height:16em;
}



	#topic_table a,#topic_table a:link,#topic_table a:visited{/*講座線上報名*/
	color: #464646;
	text-decoration:underline;
}

	#topic_table a:hover{/*講座線上報名*/
	color: #464646;
	text-decoration:none;
}

	img.icons {
	margin-left:2px;
	margin-right:2px;
}
	#topic_table p {
	line-height:16px;
	padding-top:2px;
	padding-bottom:2px;
	margin:0;
}
	#topic_table ul {
	padding:0;
	margin:0;
	list-style: none;
}
	#topic_table li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:33px;
	color: #FF0000;	
}
	#topic_table li span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:33px;
	color: #FF3300;
	font-weight: bold;	
}


	#topic_table li a,#topic_table li a:link,#topic_table li a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:33px;
	text-decoration:underline;
	color: #FF3300;
	
}
	#topic_table li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:33px;
	text-decoration:none;
	color: #FF3300;
	
}

	span.EnterBold {/*線上報名*/
	color: #c64f59;
	font-weight:bold;
	line-height: 30px;
	text-align:right;
}

#entericon{
	margin-right:20px;
	padding:0px;
	float:right;
}
.clear {
clear:both;
}

	span.EnterBold a,span.EnterBold a:link,span.EnterBold a:visited {/*線上報名*/
		color: #c64f59;
		font-weight:bold;
		text-decoration:underline;
}

	span.EnterBold a:hover {/*線上報名*/
		color: #c64f59;
		font-weight:bold;
		text-decoration:none;
}


/*----------------table_線上報名表單------------------*/
.newstable {
	width: 450px;
	/*border: 1px solid #EBEBEB;*/
}

.newstable td {
	text-align:left;
	font-size: 12px;
	line-height: 18px;
	color: #464646;
	font-family:Arial, Helvetica, sans-serif;
	height:30px;
border-bottom: 1px solid #EBEBEB;
}
.newstable td a,.newstable td a:link ,.newstable td a:active,.newstable td a:visited {
   text-decoration:underline;
   color: #464646;
}
.newstable td a:hover{
   text-decoration:none;
   color: #EE1D24;
}
.newstable th {
	font-size: 12px;
	color: #6699CC;
	line-height: 24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
  /**/border-bottom: 1px solid #EBEBEB;
}
/*----------------table_線上報名表單------------------*/

/*-----------------------↓dataE線上報名表格↓----------------------*/

.dataEtable{
    width: 100%;
}

.dataEtable th{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eda747;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #eda747;
	text-align: center;
}

.dataEtable td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8c8c8c;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-size: 13px;
	color: #464646;
	text-align: center;
}

.dataEtable a:link,.dataEtable a:visited ,.dataEtable a {
	color: #464646;
	text-decoration: none;
}
.dataEtable a:hover {
	color: #a8d049;
	text-decoration: underline;
}

/*-----------------------↑選擇專題表格↑----------------------*/

/*-----------------------↓報名專題個人資料填寫表格↓----------------------*/
caption{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 13px;
	color:#FF6600;
	text-align: left;
	font-weight: bold;
	line-height: 24px;
}
.datatable,.datatable_L{
    width: 600px;
}

.datatable td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8c8c8c;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 13px;
	color:#464646;
	padding:3px;
	text-align: center;
}

.datatable_L td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8c8c8c;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 13px;
	color:#464646;
	padding:3px;
	text-align: left;
}
.datatable th{
	font-family:Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 13px;
	color:#FFFFFF;
	font-weight: bold;
	text-align: center;
	background-color: #999999;
	padding:5px;
}

.datatable a:link,.datatable a:visited ,.datatable a {
	color: #464646;
	text-decoration: none;
}
.datatable a:hover {
	color: #a8d049;
	text-decoration: underline;
}

/*-----------------------↑報名專題個人資料填寫表格↑----------------------*/

/*-----------------------↓時間地點表格↓----------------------*/
caption{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 13px;
	color:#FF6600;
	text-align: left;
	font-weight: bold;
	line-height: 24px;
}
.datatable2{width:95%;}
.datatable2 td{border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #8c8c8c; font-family: Arial, Helvetica, sans-serif; line-height: 18px; font-size: 13px; color:#464646; padding:3px; text-align: center;}
.datatable2 th{ font-family:Arial, Helvetica, sans-serif; line-height: 13px; font-size: 13px; color:#FFFFFF; font-weight: normal; text-align: center; background-color: #BBBBBB; padding:5px;
}
.datatable2 a:link,.datatable2 a:visited ,.datatable2 a {
	color: #464646;
	text-decoration: none;
}
.datatable2 a:hover {
	color: #a8d049;
	text-decoration: underline;
}
.datatable2SubTitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #FF0000;
}

.datatable2SubTitle a,.datatable2SubTitle a:link,.datatable2SubTitle a:visited,.datatable2SubTitle a:active{
	color: #FF0000;
	text-decoration: underline;
}
.datatable2SubTitle a:hover{
	color: #FF0000;
	text-decoration: none;
}
/*-----------------------↑時間地點表格↑----------------------*/

/*--------------------------------------------↑Topic影展佈告欄:講座及活動/城市物語/預告片部分共用↑------------------------------------------------*/
/*------------------------------------------------------↓影片講座活動搜尋頁面用↓----------------------------------------------------------*/
#SearchContent_MA {
	padding-left:20px;
    padding-right:20px;
}

#Searchall {padding-left:20px;}

#filmTitle {
	margin-left:20px;
	margin-top:15px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#2468AB;
	font-weight:bold;
	line-height:20px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}	
#Search_Main {float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0;}
#Search_Main input:focus, #Search_TB input:focus  { border: 2px solid #0066CC;}
#Search_Main input, #Search_TB input { background:url(../images/template/inputBg.gif) repeat-x left top; width:70px; height:18px; border: 1px solid #CCCCCC;}
#Search_Main select, #Search_TB select {
	background:url(../images/template/inputBg.gif) repeat-x left top;
	width:70px;
	height:21px;
	border: 1px solid #CCCCCC;
}
	#Search_Main p {
	line-height:12px;
	padding-top:2px;
	padding-bottom:2px;
	margin:0;
}
	#Search_Main ul {
	padding:0;
	margin:0;
	list-style: none;
	
}
	#Search_Main li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:33px;
	/*border-bottom:#000000 1px solid;*/
}

	#Search_TB {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*background-color:#00CCCC;
	margin-left:5px;*/
	padding:0;
	margin:0;
}

	#Search_TB p {
	line-height:12px;
	padding-top:2px;
	padding-bottom:2px;
	margin:0;
}
	#Search_TB ul {
	padding:0;
	margin:0;
	list-style: none;
	
}
	#Search_TB li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:33px;
	/*border-bottom:#000000 1px solid;*/
}


	#Search_left {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*background-color:#00CCCC;
	margin-left:5px;*/
	padding:0;
	margin:0;
	width:300px;
}

	#Search_left p {
	line-height:12px;
	padding-top:2px;
	padding-bottom:2px;
	margin:0;
}
	#Search_left ul {
	padding:0;
	margin:0;
	list-style: none;
	
}
	#Search_left li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:33px;
	/*border-bottom:#000000 1px solid;*/
}

#Search_right {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*background-color:#00CCCC;
	margin-left:5px;*/
	padding:0;
	margin:0;
	width:300px;
}
	#Search_right p {
	line-height:16px;
	padding-top:2px;
	padding-bottom:2px;
	margin:0;
}
	#Search_right ul {
	padding:0;
	margin:0;
	list-style: none;
}
	#Search_right li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:33px;
	/*border-bottom:#000000 1px solid;*/
}

#SearchCmain {
	padding-left:20px;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#464646;
	line-height: 22px;
	}
	#SearchCmain ul {}
	#SearchCmain li {
	list-style-type: square;
	color:#d65220;
	font-weight:600;
	line-height:24px;
	}
	#SearchCmain li span {
	color:#464646;
	padding-left:5px;
	font-weight:300;
	}
.wc_Blue{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #0196d2;
}

.wc_Blue a:link,.wc_Blue a:visited ,.wc_Blue a {
	color: #0196d2;
	text-decoration: underline;
}
.wc_Blue a:hover {
	color: #0196d2;
	text-decoration: none;
}

/*-----------------------↓SEARCH線上報名表格↓----------------------*/

.dataStable{
    width: 600px;
}
.dataStable tr:hover, .dataStable tr.hilite {
	color: #666666;
}

td.dataStableTd01 {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8c8c8c;
}
th.dataStableTd01 {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C67A13;
	padding: 5px;
}
.dataStable th{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C67A13;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 40px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #eda747;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C67A13;
	padding: 5px;
}

.dataStable td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8c8c8c;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	font-size: 12px;
	color: #464646;
	text-align: left;
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8c8c8c;
}

.dataStable a:link,.dataStable a:visited ,.dataStable a {
	color: #464646;
	text-decoration: none;
}
.dataStable a:hover {
	color: #CC6600;
	text-decoration: underline;
}

/*-----------------------↑SEARCH表格↑----------------------*/

/*------------------------------------------------------↑影片講座活動搜尋頁面用↑----------------------------------------------------------*/





/*--------------------------------------------↓城市物語↓------------------------------------------------*/
/*
#cityPictureA {
    float:left;
	width:200px;
	height:150px;
	padding:0px;
	margin:0;
	border:none;
		
	text-align:center;
}*/
#citylist {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*background-color:#00CCCC;*/
	padding:0;
	margin:0;
	margin-left:5px;
	width:400px;
}

	#citylist p {
	line-height:16px;
	padding-top:2px;
	padding-bottom:2px;
	margin:0;
}
	#citylist ul {
	padding:0;
	margin:0;
	list-style: none;
}
	#citylist li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:30px;
	/*border-bottom:#000000 1px solid;*/
}

/*--------------------------------------------↑城市物語↑------------------------------------------------*/
/*-----------------------↓預告片表格↓----------------------*/
caption{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 13px;
	color:#FF6600;
	text-align: left;
	font-weight: bold;
	line-height: 24px;
}
.datatableT{
    width: 400px;
}

.datatableT td{
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8c8c8c;*/
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 13px;
	color:#464646;
	padding:3px;
	text-align: left;
}

.datatableT img{
    padding:3px;
}


.datatableT th{
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8c8c8c;*/
	font-family:Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 13px;
	color:#FFFFFF;
	font-weight: bold;
	text-align: center;
	background-color: #999999;
	padding:5px;
}

.datatableT a:link,.datatableT a:visited ,.datatableT a {
	color: #464646;
	text-decoration: none;
}
.datatableT a:hover {
	color: #a8d049;
	text-decoration: underline;
}

/*-----------------------↑預告片表格↑----------------------*/
	#topicTitleCenter {
	margin-left:20px;
	/**/margin-top:15px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#2468AB;
	font-weight:bold;
	line-height:20px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: center;
}

    #cw_pad{/*citynews_pad*/
	width:630px;
	padding-left:20px;
	line-height:20px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.select,input.select {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
.date {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#226db1;
	line-height:18px;
	padding-left:60px;
	font-weight: normal;

}
.innertube2 h2{
font-size:16px;
line-height:18px;
color:#CC6600;
margin:0px 30px 10px 0px;
}
