﻿@charset "utf-8";
/* CSS Document */
/*Global*/
body { background-color:#dbd5e6;}
.container { background-color:#FFFFFF}
#pathP {padding: 5px 30px 5px 15px;margin-right:10px;font-size:12px;line-height:12px;white-space:nowrap;color:#666;text-align:right;font-family:Arial, Helvetica, sans-serif;} 
#pathP span {font-weight:bold;color:#990000;font-family:Arial, Helvetica, sans-serif;}
/*Global type*/
a:link {text-decoration: none; color: #333333;}
a:visited {text-decoration: none; color: #333333;}
a:hover {text-decoration: underline; color: #E88300;}
a:active {text-decoration: none; color: #b37bb4;}
.orangeBold {color: #CC6600;font-weight:bold;}

/*Header Area*/
#Header { height:90px; width:100%; padding:0; margin:0; background:url(../images/template/topBg01.jpg) no-repeat left top;}
#TopNavigator { color:#fff; text-align:right; margin-right:5px; margin-bottom:5px; margin-top:56px; width:200x; float:right;}
#TopNavigator a { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;}
#TopNavigator a:visited { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;}
#TopNavigator a:active { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;}
#TopNavigator a:hover { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration: underline;}

.LogoLink {float: left;border:none;padding:0;margin:0;}
.LogoLink img {border:none;}	
/*Banner Area*/
#menu2{
width:950px;
height:24px;
padding:0;margin:0px;
border:none;
}
#menu2 img{ border:none;padding:0;margin:0px;} 
#menu2 table{ 
border:none;padding:0;margin:0px;
border-collapse: collapse;
border-spacing: 0;
}
#menu2 a {
display: block;
margin:0;
padding:0;
border:none;
float:left;} 
/*Modify by Sean*/
#Table_Nav {width:950px;height: 42px; background:url(../images/navBack01.jpg) repeat-x; z-index:10;}
/* #Table_Nav {width:950px;height: 42px;background-image: url(../images/nav/navbgcolor.gif);background-repeat: repeat-x;background-position: left top;z-index:10;} */
.TopMenuBase {padding:0;margin:0;}
.TopMenu {  font-size:12px;padding: 3px 10px 0px 22px;line-height:20px;text-align:left;/*width:100px;*/border: 1px solid #a8a39c;background:#FFFFFF;display: block;margin-top:-1px;}  /*上方第層選*/

/*Main Area*/
#flashHere{ margin-top:25px; margin-left:10px; padding:0;}
#MainArea {background-color:#FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DBDBDB;
	padding:0px;
	margin:0px;}
#MainBox { margin-top:10px; margin-left:10px;
background:url(../images/template/MainBoxBg01.jpg) no-repeat left top; }
.MainBoxTitle { padding-top:15px; padding-left:10px; float:left}
.MainBoxRss { padding-top:15px; padding-left:530px; float:left;}
#MainBoxItemOne {padding-left:15px;padding-top:10px;   }

div#MainBoxItemOne:hover, div#MainBoxItem2 tr:hover {
	background-color: #e6e6f5;
	color: #333;
}
#MainBoxItemOne a { color:#e60012;text-decoration:none;}
#MainBoxItemOne a:active, #MainBoxItemOne a:visited {color:#e60012;text-decoration:none;}
#MainBoxItemOne a:hover { color:#e60012;text-decoration: underline;}
#MainBoxItemOne h1{ font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#b62741; }
#MainBoxPic { width:280px; height:210px; overflow:hidden; border:#FFFFFF solid 1px; text-align:center;}
/*#MainBoxPic { width:280px; height:164px; overflow:hidden; border:#FFFFFF solid 1px; text-align:center;}
*/
#MainBoxPic img {border:none; width:280px;}
.MainBoxDate {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#898989; margin-top:2px; margin-bottom:2px; margin-right:10px; float:right;}

#MainBoxItem2 {padding:10px 0 10px 0; margin:0;}
#MainBoxItem2 td{ padding-top:5px; padding-left:5px;}
#MainBoxItem2 a {color:#e60012;text-decoration:none;}
#MainBoxItem2 a:active, #MainBoxItem2 a:visited {color:#e60012;text-decoration:none;}
#MainBoxItem2 a:hover { color:#e60012;text-decoration: underline;}
#MainBoxItem2 h1 {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; }
#MainBoxItem2 p { padding:0; margin:0;}
.MainBoxDate2 {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#898989; margin:0px; padding-right:5px;}
#HomeContent{ padding-bottom:20px;}
.innertube3{margin: 0px 15px 10px 15px ;}
.innertube3 h1{font-size:16px;line-height:20px;color:#666666}
.innertube3 h2{font-size:16px;line-height:18px;color:red;margin:0px 60px 10px 0px;}
.innertube3 h3,.innertube3 h4,.innertube3 h5,.innertube3 h6 {margin-left:10px;}
.innertube3 p{ margin-left:10px; margin-right:10px; text-align:justify;}

/*film*/
#filmInfo {/*float:left;*/ padding:0; margin:0;}
#filmInfo hr {color:#CCCCCC;size:1px;width: 100%;}
#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;}
#filmContent {padding:0;margin:0 5px 0 20px;}
#filmContent h4 {font-size:15px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#filmContent2 {padding:0;margin:0 5px 0 20px;line-height: 22px;color:#464646;font-size:13px;font-family:Arial, Helvetica, sans-serif; text-align:justify;}
#filmContent2 p {margin:0;padding:0px;}
#filmContent2 ul {margin:0;padding-left:20px;}
#filmContent2 li {list-style-type: square;color:#d65220;font-weight:600;line-height:24px;}
#filmContent2 li span {color:#464646;padding-left:5px;font-weight:300;}
#filmContent2 li ul {margin-left:40px;margin-top:-25px;}	
#filmContent2 li ul li {list-style-type:none;}
#filmContent2 li li p {color:#464646;font-weight:300;}
	


#filmPicture {float:left;padding:0;margin:0; overflow:hidden;/*width:320px;*/}
.btnTrailerReport {margin:0;padding-top:10px;}
.btnTrailerReport img{border:none;}
#filmIll {margin:0 0 0 10px;padding:0px; width:240px;
	/*width:260px;*/
	float:left;
	font-family:Arial, Helvetica, sans-serif;font-size:12px;
}
	#filmIll p {
	line-height:16px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:0;
	margin:0;
}
	#filmIll ul {
	padding:0;
	margin:0;
	list-style: none;
}
	#filmIll li {
	border-bottom:#000000 1px solid;
	display:block;
	min-height:30px;
	/*height:30px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#filmIll img { padding-left:2px; padding-right:2px;}
#GoTop {text-align:right;}
#GoTop span {
margin-right:167px;
}
.FilmListBox { padding:0px; overflow:hidden; height:250px;}
.FilmListBox p { line-height:15px;}
.FilmListBoxImg { padding:20px 0 0 0;}
.FilmListBoxImg-in { border:#ececee 3px solid;padding:0; margin:0; overflow:hidden;}
.FilmListBoxImg-in img { border:none;}

 div.discription {
    padding-top:20px; 
	margin:0;
	  }
 div.discription img {
	margin-right:5px;
}	  
 div.discription p {
 /**/line-height:20px;
}	

/* ------------ 內容字體---------- */
.content1 {padding:10px; color: #666;font-size: 12px;line-height:20px;font-family: Arial, Helvetica, sans-serif;}
.content1 h3 {/*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;}

.content1 ul { margin:0 30px; padding:0;}
.content1 li {list-style-type: square;color:#d65220;line-height:24px;font-size: 13px;font-weight:bold;font-family: Arial, Helvetica, sans-serif; border-bottom:#CCCCCC 1px solid;}
.content1 li span {padding-left:5px;color:#464646;font-size: 13px;font-weight: normal;}
.content1_subtitle {color:#FF6600;line-height:18px;font-size:13px;font-weight:bold;font-family: Arial, Helvetica, sans-serif;}

.More { text-align:right;}

/*Navigator Area*/
#smMenu {margin:0;padding:0;}
#Navigator {padding: 10px 0 0 0; margin:0;}
#smMenu {margin:0;padding:0;}
.navigation {font-family: Arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:0;border:none;}
.navigation ul {list-style-type:none;margin: 0;padding:0px 10px 0px 10px;}
.navigation li {border-bottom: 1px solid #E6E6E6;list-style-type:none;}
.navigation li a:link, .navigation li a:visited  { display: block;padding: 4px 0px 5px 13px;border-left: 0px solid #dbdbdb;color: #777676; font-weight: bold;text-decoration: none;background-image: url(../images/icon/arrow.gif);background-repeat: no-repeat;background-position: left center;}
.navigation li a:hover {display: block;color: #FFFFFF;font-weight: bold;background-image: url(../images/icon/arrow.gif);background-repeat: no-repeat;background-position: left center;background-color: #eac2ed;}
.navigation li a:focus {color: #000000;font-weight: bold;background-image: url(../images/leftmenu/minus.png);text-decoration: none;}

.navigation2 {font-family: Arial, Helvetica, sans-serif;font-size:12px;}
table.navigation2 {padding:0;margin:0 0 0 3px;border:none;font-size:12px;font-family: Arial, Helvetica, sans-serif; }
table.navigation2 td {padding:0;margin:0;height:16px;}
ul.navigation2 { margin: 5px 0 0 10px; padding:5px 10px 0px 10px; list-style: none;}
ul.navigation2 li {display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	height:16px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	
}
ul.navigation2 li a:link, ul.navigation2 li a:visited  {display: block;
	padding: 0px 5px 0px 0px;
	border-left: 0px solid #FFFFFF;
	color: #777676;
	height:16px;
	text-decoration: none;
	
}
ul.navigation2 li a:hover {display: block;
	color: #777676;
	height:16px;
	text-decoration: underline;
}
/* ----------左邊連結------------ */


a.current:visited{color:White;}

/*SideBar Area*/
#sidebar { border:#CCCCCC 1px solid; padding:0; margin:15px 0 0 0;} /*片單*/
#SideBar { padding:0; margin:0;}

 
/*#RTop10Film {margin: 0 0 0 10px;width: 215px; height:350px; background:url(../images/template/Top10.gif) no-repeat left top ;}*/
#RTop10Film {
	MARGIN: 10px 0px 0px 10px; WIDTH: 215px; BACKGROUND: url(../images/template/Top10.gif) no-repeat left top; HEIGHT: 330px
}
.RTop10Film-top { width: 215px; height: 54px; }
.RTop10Film-bottom{ width: 215px; height: 20px; }   
.RTop10Film-text{width: 215px;}
#RTop10FilmE {margin: 10px 0px 0px 10px;width: 215px;height:350px;background: url(../images/template/Top10_en.gif) no-repeat left top ;}


   /* .RTop10Film-bottom
    { 
       background: url(../images/top10_pack1.png) no-repeat 0 -55px;
        width: 215px;
        height: 20px;
        overflow: hidden;
    }
    .RTop10Film-top
    {
        background: url(../images/top10_pack1.png) no-repeat 0 0px;
        width: 215px;
        height: 54px;
        overflow: hidden;
    }
	.RTop10Film-topE
    {
        background: url(../images/top10_pack1E.png) no-repeat 0 0px;
        width: 215px;
        height: 54px;
        overflow: hidden;
    }
    .RTop10Film-text{ background: url(../images/top10_bg.png) repeat-y;}*/
#form1 {padding:20px 0 0 10px;}
#FormInput input:focus {
	border: 2px solid #0066CC;
}
#FormInput { float:left;width:185px;height:20px; margin:0px; padding:0px; }
#FormInput input { 
	background:url(../images/template/inputBg.gif) repeat-x left top;
	width:183px;
	height:18px;
	border: 1px solid #CCCCCC;
}
#FormBtn { float:left;width:32px; height:21px; padding: 8px 0 0 0; margin:0; }
/*#calendarTop { padding:0 0 0 10px; margin:0; }*/
#calendarTop { padding:0 0 0 0px; /*margin:0 0 0 20px; background:url(../images/template/CalendarIll.gif) no-repeat top left;*/ text-align:center;  }
/*解決ie7*/
#calendarTop span{margin:0px 0 0 5px;float:left;display:inline;}
#calendarTop span a {padding:0;margin:-20px 0 0 30px;  float:left;width:160px;height:40px;text-indent:-9999px;overflow:hidden;position:relative;}
#calendarTop span p {float:left;width:95px;height:50px;text-indent:-9999px;overflow:hidden;position:relative;}
/*解決ie7*/
#calendar { padding:0 0 0 12px; margin:0;/* margin-top:10px;*/ z-index:2000;}
#calendar p { margin-bottom:0;}
#calendar table { margin:0; padding:0; border:none;}
#calendar table td,#calendar table th{ text-align:center;}
#calendar table th a, #calendar table th a:hover { text-decoration:none;}
#calendar table td a, #calendar table td a:hover { text-decoration:none; font-weight:bold;}

/*#RelatedLink{ margin:10px 0 10px 10px; background:url(../images/template/RelatedLink.png) no-repeat 0 0; width:215px; height:40px;}*/
#RelatedLink {
	MARGIN: 10px 0px 10px 5px; WIDTH: 215px; HEIGHT: 41px
}
#RelatedLinkE{ margin:10px 0 10px 10px; background:url(../images/template/RelatedLinkE.png) no-repeat 0 0; width:215px; height:40px;}
#RelatedLink ul, #RelatedLinkE ul { padding:10px 0 0 70px; margin:0;}
#RelatedLink li, #RelatedLinkE li {float:left;padding:2px; margin:0; list-style:none;}
a#RelatedLinkBlog {background:url(../images/icon/blog_pcak1.gif) no-repeat 0 0; width: 40px; height: 20px; display:block; text-indent:-9999px;}

a#RelatedLinkFacebook {background:url(../images/icon/blog_pcak1.gif) no-repeat -42px 0px; width: 23px; height: 20px; display:block; text-indent:-9999px;}
a#RelatedLinkPlurk { background:url(../images/icon/blog_pcak1.gif) no-repeat -64px 0; width: 23px; height: 20px; display:block; text-indent:-9999px;}
a#RelatedLinkYoutube {background:url(../images/icon/blog_pcak1.gif) no-repeat -88px 0; width: 22px; height: 20px; display:block; text-indent:-9999px;}
/*a#RelatedLinkDelicious {background:url(../images/icon/blog_pcak1.gif) no-repeat -91px 0; width: 22px; height: 20px; display:block; text-indent:-9999px;}
*/
#RelatedLink img, #RelatedLinkE img { border:none;}
#Top10Film { margin-left:10px; margin-top:10px; padding:0;  background:url(../images/template/Top10.gif) no-repeat left top; width:205px; height:301px;}
#Top10Film ol, .RTop10Film-text ol { /*padding:10px ;*/padding:0; margin:0px;  }
.RTop10Film-text li {
	margin:0px 0 0 33px;
	padding:1px; /* padding:2px 0 2px 18px;list-style-position:inside; */
	list-style-position: outside;
	list-style-type: decimal;
}
/*#Top10Film li, .RTop10Film-text li { margin-left:-15px;  padding:2px 0 2px 18px; list-style-position:inside; background:url(../images/icon/olBg2.gif) no-repeat 15px center;}
*/
 .RTop10Film-text li.NoOne  { margin-left:-5px;  padding:2px 0 2px 18px; list-style-position:inside; background: url(../images/icon/Crown2.png) no-repeat 10px center;}
#VisitCount { padding:0; margin-right:0; text-align:right;}
/*Footer Area*/
#Table_footer {height:100px;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#a4a4a4;text-align:left;padding-top:10px;line-height: 18px; background-color:#EEEEEE;}
#Table_footer span {padding-left:10px;padding-right:10px;}
#Table_footer p { margin-top:1px; margin-bottom:1px;}
div#footLink { background-color:#FFFFFF; padding:5px; margin-left:30px;}
span.Link{display:block;float:left; border-left:#999999 1px solid;}
span.Link:hover { display:block; background-color:#CCCCCC;float:left;}
span.Link a:hover{ color:#FFFFFF; text-decoration:none;}
div#footWord {padding:5px; margin-left:30px;}
#TaipeiArtLogo {float:left;margin-left:20px; margin-right:40px;}
#TaipeiArtLogo img {border:none;}
.orange {
		color: #CC6600;!important
	}
.orange a:hover {
		color: #CC6600;
	}
	span.orange {
		color: #CC6600;
	}
	span.orangeBold {
		color: #CC6600;
		font-weight:bold;
}
	span.lightblue {
		color: #0196d2;
	}
	span.gray {
		color: #9C9A9C;
	}
/* ------------ 檢索、電子報---------- */
#ad{
margin-left:10px;
width:215px;
/*width:217px; height:80px;*/
overflow:hidden;
padding:0;
/*margin:10px 5px 0px 5px;*/
text-align:center;
}
/*-------*/
#filmInfo2 {
  width:747px;
	float:left;
	padding:0;
	margin:0;
}
#filmInfo2>table { margin-left:30px}
#filmInfo2>table table { margin-left:20px}
#filmInfo2 hr {
	color:#CCCCCC;
	size:1px;
	width: 100%;
}
.dayList {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}
.dayList a {
display:block;
border:#CCCCCC solid 1px;
width:20px;
}
.dayList a:hover {
font-size:12px;
color:#FFFFFF;
font-weight: bold;
background-color:#CC6600;
}

table.MovieListByPlace {
padding-top:5px;
background-color:#CCCCCC;
width:90%;

}
.MovieListByPlace th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	background-color:#666666;
	color:#FFFFFF;
	padding:0 5px 0 5px;
}
.MovieListByPlace tr {
	text-align:center;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
}
.MovieListByPlace td {
	background-color:#FFFFFF;
	border-bottom:1px solid #666666;
	padding:0 5px 0 5px;
}

.MonthList {
display:block;
width:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}
table.MovieListByDate {
padding-top:5px;
background-color:#CCCCCC;
width:90%;

}
.MovieListByDate th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	background-color:#666666;
	color:#FFFFFF;
	padding:0 5px 0 5px;
}
.MovieListByDate tr {
	text-align:center;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
}
.MovieListByDate td {
	background-color:#FFFFFF;
	border-bottom:1px solid #666666;
	padding:0 5px 0 5px;
}
#TitleHead ul{
list-style-type:none;
}
#TitleHead li{
float:left;
margin:0 2px 0 0;
padding:0;
background-image:url(../images/icon/tab_right.gif);
background-repeat:no-repeat;
background-position: right top;

}
#TitleHead a {
display:block;
background-image:url(../images/icon/tab_left.gif);
background-repeat:no-repeat;
background-position:left top;
padding: 5px 15px;
color:#666666;
font-size:12px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
#TitleHead #current {
background-image:url(../images/icon/tab_right_current.gif);
}
#TitleHead #current a {
background-image: url(../images/icon/tab_left_current.gif);
color:#000000;
font-weight:bold;
}
td.MonthDayWeek {
	background-color:#d5e9c9;
	font-family: Arial, Helvetica, sans-serif;
	border-right: 1px solid #ccc;
}
table.ListDateIcons {
width:71px;}
table.ListDateIcons, table.ListDateIcons td, table.ListDateIcons tr {
border:none;
}

#cityPicture {
	width:200px;
	height:150px;
	padding:0px;
	margin:0 0 15px 0;
	border:none;
	text-align:center;
}
 #cityPictureA {
	float:left;
	width:200px;
	height:150px;
	padding:0px;
	margin:0;
	border:none;
	text-align:center;
}


/*2011增加*/
#HomeContent2011 {	PADDING-BOTTOM: 10px; border-bottom:dotted #CCCCCC 1px; }
DIV#MainBoxItem211 TR:hover {	BACKGROUND-COLOR: #e6e6f5; COLOR: #333}
#MainBoxItem211 {PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px}
#MainBoxItem211 TD {PADDING-LEFT: 5px; PADDING-TOP: 10px}
#MainBoxItem211 A {	COLOR: #e60012; TEXT-DECORATION: none}
#MainBoxItem211 A:active {	COLOR: #e60012; TEXT-DECORATION: none}
#MainBoxItem211 A:visited {	COLOR: #e60012; TEXT-DECORATION: none}
#MainBoxItem211 A:hover {	COLOR: #e60012; TEXT-DECORATION: underline}
#MainBoxItem211 H1 {	FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000; FONT-SIZE: 12px; FONT-WEIGHT: bold}
#MainBoxItem211 P {	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

.citynews_title{ margin-right:30px;}
.citynews_fb{ float:right; margin-left:20px;}
.citynews_pk{float:right; margin-left:5px;}
.citynews_tw{float:right; margin-left:5px;}

.topic_fb{ float:right; margin-left:20px;}
.topic_pk{float:right; margin-left:5px;}
.topic_tw{float:right; margin-left:5px;}

/*投票 */
#RVote {MARGIN: 0px 0px 0px 10px; WIDTH: 217px; HEIGHT: 195px}
.vote_incu{WIDTH: 217px; HEIGHT: 195px }
