@charset "utf-8";
/* CSS Document */

/* 基本樣式
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border:0;
}
html,body{
	height:100%;
	text-align:center;
	color:#3c3c3c;
	background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,select{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3c3c3c;
}
select{
	border:0;
}
img{
	border:0;
}

a:link          {text-decoration: none; color: #3c3c3c}
a:visited       {text-decoration: none; color: #3c3c3c}
a:active        {text-decoration: none; color: #3c3c3c}
a:hover         {text-decoration: none; color: #FF1E00}

li{
	margin-top: 10px;
	list-style:none;
}

.hspace5{
	clear:both;
	font-size: 0px;
	height: 5px;
}

/********************************************************************************************/


/* 主區塊樣式
---------------------------------------------*/
#wrapper {
	width: 880px;
	margin: 0 auto;
	text-align: left;
	background:url(../images/TopBg/bg01.jpg) no-repeat left top;
	

}
#header {
	 
	position: relative;
	width: 100%; /* 設定區塊的寬度 */
}
#container {
    position: relative;
	margin: 10px 0; /* 設定上下邊界為10 */
	width: 100%; /* 設定區塊的寬度 */
}
#primary {
   /*float:left;*/
	width: 199px;
	
}
#secondary {
   /* float:right;*/
	position: absolute;
	left: 216px; /* 設定左邊界為210px */
	top: 0px; /* 修改與上方的距離 */
	width: 664px;
}



#footer {
    
    clear:both;
    /*position: absolute;*/
    background:url(../images/AddressLine.gif) repeat-x left top;
	text-align:center;
	padding-top: 18px;
	
}


/* 上方導覽樣式
---------------------------------------------*/
#headerLogo{
	padding-left: 10px;
	padding-top: 64px;
	clear: both;
}
#headerSerach{
	padding-left: 10px;
	padding-top: 28px;
	z-index: 99;
	float:left; 
}
#headerLogin{
	/*position: absolute;*/
	padding-top: 28px;
	/*width: 868px;*/
	width: 450px;
	text-align: right;
	z-index: 0;
	float:right;
}
#headerLine{
	background:url(../images/lineBlue01.gif) repeat-x left;
	height: 18px;
	width: 880px;
	clear: both;
}
#headerSite{
	position: relative;
	background:url(../images/siteBg.gif) repeat-x left top;
	height: 26px;
	width: 870px;
	padding-left: 10px;
	padding-top: 3px;
	font-size: 13px;
	color: #FFFFFF;
}
.selectSite{
	color: #35fee4;
	font-weight:bold;
}
#headerNewsTitle{
	position: absolute;
	top: 4px;
	width: 61px;
	font-size: 13px;
	color: #FFFFFF;
	left: 544px;
}
#headerNews{
	position: absolute;
	top: 0px;
	left: 605px;
	width: 24px;
	height: 26px;
	background:url(../images/newsTitle.gif) no-repeat left top;
}
#headerNewsBg{
	position: absolute;
	left: 629px;
	top: 0px;
	width: 251px;
	height: 26px;
	background:url(../images/newsBg.gif) repeat-x left top;
	color: #FFFFFF;
}
.marqueeDiv{
	overflow:hidden;
	width: 246px;
	line-height:20px;
	padding-left: 5px;
	margin-top:3px;
	color:#FFFFFF;
}
.marqueeDiv Div{
	overflow:hidden;
	width: 246px;
	line-height:20px;
	color:#FFFFFF;
}


/* 廣告刊登區域樣式
---------------------------------------------*/
#adBg{
	position: relative;
	margin-top: 10px;
	height: 190px;
	width: 880px;
	background:url(../images/adBg.gif) no-repeat left top;
}
#btnPost{
	width:189px;
	padding-left: 10px;
	padding-top: 15px;
}
#ad{
	position: absolute;
	left: 216px; /* 設定左邊界為210px */
	top: 0px; /* 修改與上方的距離 */
	padding-top:12px;
	width: 664px;
}
.adImg{
	border: 5px solid #a4a4a4;
	margin-right: 12px;
}


/* 左邊選單搜尋區域樣式
---------------------------------------------*/
#leftSearch{
	width: 199px;
	background:url(../images/leftMunuBg.gif) repeat-y left top;
}
#leftMain{
	width: 193px;
	background-image: url(../images/leftMenuDown.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 8px;
	line-height: 20px;
}
#leftNews{
	margin-top: 9px;
	width: 199px;
	background:url(../images/leftMunuBg.gif) repeat-y left top;
}
.line2{
	background:url(../images/lineGray.gif) repeat-x left;
	color:#000000;
	left: 139px;
	width: 182px;
	height: 17px;
}
.formSearch{
	margin-bottom: 8px;
	padding-top: 6px;
}


/* 左邊選單區域樣式
---------------------------------------------*/
.leftmenu{clear:both;zoom:1;}
.leftmenu li{
	background:url(../images/iconOrange.gif) no-repeat left top;
	padding-left: 24px;
	font-size:15px;
	color: #666666;
	letter-spacing: 2px;
}
.leftmenu span{cursor:pointer;}

.leftmenu li a:link          {text-decoration: none; color: #666666}
.leftmenu li a:visited       {text-decoration: none; color: #666666}
.leftmenu li a:active        {text-decoration: none; color: #666666}
.leftmenu li a:hover         {text-decoration: none; color: #FF1E00}

.leftmenu div{
	float : left;
	background:url(../images/iconArrow.gif) no-repeat left;
	padding-left: 11px;
	font-size:11px;
	color: #666666;
	letter-spacing: 0px;
	width: 44px;
	padding-top: 3px;
	line-height: 17px;
}
.leftmenu div a:link          {text-decoration: none; color: #666666}
.leftmenu div a:visited       {text-decoration: none; color: #666666}
.leftmenu div a:active        {text-decoration: none; color: #666666}
.leftmenu div a:hover         {text-decoration: none; color: #FF1E00}

.leftmenu2{clear:both;zoom:1;}
.leftmenu2 li{
	float:left;
	background:url(../images/iconArrow.gif) no-repeat left;
	padding-left: 11px;
	font-size:11px;
	color: #666666;
	letter-spacing: 2px;
	line-height: 15px;
	width: 44px;
	margin-top: 4px;
}
.divNone{
	clear : both;
}
.leftmenu3{clear:both;zoom:1;}
.leftmenu3 li{
	background:url(../images/iconArrow.gif) no-repeat left;
	padding-left: 11px;
	font-size:11px;
	color: #666666;
	letter-spacing: 2px;
	line-height: 15px;
	margin-top: 4px;
}


/* 中間區域樣式
---------------------------------------------*/
#main{
	position: absolute;
}
.menuIcon{clear:both;zoom:1;}
.menuIcon div{}
.menuIcon li{
	background:url(../images/lineGray.gif) repeat-x left bottom;
	height: 55px;
}
.menuIcon div.name1{
	background:url(../images/iconTopNews.gif) no-repeat left top;
	background-position:0px 0px;
	height: 55px;
	position: absolute;
	color:#cc3333;
	font-size: 13px;
	font-weight:bold;
	width: 101px;
	text-align:center;
	padding-left: 31px;
	padding-top:18px;
}
.menuIcon div.time1{
	background:url(../images/lineTopNews.gif) no-repeat left top;
	background-position:0px 4px;
	position: absolute;
	color:#000000;
	font-size: 12px;
	width: 300px;
	left: 139px;
	padding-left: 9px;
	padding-top: 2px;
}
.time2{
	color: #006193;
	font-weight:bold;
}
.line1{
	background:url(../images/lineGray.gif) repeat-x left bottom;
	position: absolute;
	color:#000000;
	left: 139px;
	padding-left: 9px;
	padding-top: 6px;
	width: 516px;
	height: 17px;
}
.cont{
	position: absolute;
	color:#000000;
	left: 139px;
	padding-top: 27px;
	width: 525px;
	color: #191919;
}
.cont a:link          {text-decoration: none; color: #191919}
.cont a:visited       {text-decoration: none; color: #191919}
.cont a:active        {text-decoration: none; color: #191919}
.cont a:hover         {text-decoration: none; color: #FF1E00}


/* 滑鼠移過去區域樣式
---------------------------------------------*/
.out{
	position: relative;
	height: 47px;
}
.over{
	position: relative;
	background-color:#e4e4e4;
	height: 47px;
}


/* 頁碼區域樣式
---------------------------------------------*/
#pageLeft{
	float:left;
	width:300px;
	padding-top: 5px;
}
#pageRight{
	float : right;
	width:300px;
	text-align: right;
	padding-top: 5px;
}
#pageAll{
	float:left;
	width:664px;
	text-align: center;
	padding-top: 5px;
}


/* btn使用的寬度
---------------------------------------------*/
.btn356 {
	width: 356px;
	height: 19px;
	border: 1px solid #666666;
}
.btn250 {
	width: 250px;
	height: 19px;
	border: 1px solid #666666;
}
.btn200 {
	width: 200px;
	height: 19px;
	border: 1px solid #666666;
}
.btn300 {
	width: 300px;
	height: 19px;
	border: 1px solid #666666;
}
.btn100 {
	width: 100px;
	height: 19px;
	border: 1px solid #666666;
}
.btn150 {
	width: 150px;
	height: 19px;
	border: 1px solid #666666;
}
.btn35 {
	width: 35px;
	height: 18px;
	border: 1px solid #666666;
}
.btn60 {
	width: 60px;
	height: 16px;
	border: 1px solid #666666;
}
.btn80 {
	width: 80px;
	height: 18px;
	border: 1px solid #666666;
}
.btn95 {
	width: 95px;
	height: 18px;
	border: 1px solid #666666;
}
.select40 {
	width: 40px;
	border: 1px solid #666666;
	font-size: 11px;
}
.textRed{
	color: #FF3300;
	font-weight:bold;
}


/* 文化局各頁使用
---------------------------------------------*/
#titleLogo{
	position: relative;
	background:url(../images/CultureBg.jpg) no-repeat left top;
	height: 100px;
}
#CultureNone{
	float:left;
	width: 30px;
}
#CultureLogo{
	float:left;
	margin-top: 5px;
	width: 90px;
	height: 90px;
	text-align:center;
}
#CultureInfo{
	float:left;
	margin-left: 10px; 
	margin-top: 5px;
	height: 90px;
	width: 460px;
	height: 90px;
	font-size: 12px;
	color:#181d21;
	padding-top: 3px;
}
#CultureInfoEdit{/***CultureInfoEdit文化局認證碼登入後編輯資料時出現的編輯畫面(編輯的文字方塊出現)***/
	float:left;
	margin-left: 10px; 
	margin-top: 5px;
	height: 90px;
	width: 485px;
	height: 90px;
	font-size: 12px;
	color:#181d21;
	padding-top: 3px;
}
#logEdit {/***logEdit文化局認證碼登入後編輯資料的部分***/
	float:right;
	margin-top: 5px;
	margin-right: 5px;
}
#logEdit2 {/***logEdit文化局認證碼登入後編輯資後按下的確定***/
	float:right;
	margin-top: 75px;
	margin-right: 5px;
}
.InfoTitle{
	font-size: 15px;
	font-weight:bold;
}
#CultureInfo a:link          {text-decoration: none; color: #181d21}
#CultureInfo a:visited       {text-decoration: none; color: #181d21}
#CultureInfo a:active        {text-decoration: none; color: #181d21}
#CultureInfo a:hover         {text-decoration: none; color: #FF1E00}



/* 各頁使用及文化局內頁使用
---------------------------------------------*/
.menuIconC{clear:both;zoom:1;}
.menuIconC div{}
.menuIconC li{
	background:url(../images/lineGray.gif) repeat-x left bottom;
	height: 55px;
}
.menuIconC div.nameC{
	background:url(../images/iconBlue.gif) no-repeat left top;
	background-position:0px 0px;
	height: 50px;
	position: absolute;
	color:#cc3333;
	font-size: 13px;
	font-weight:bold;
	text-align:center;
	padding-left: 31px;
	padding-top:18px;
}
.menuIconC div.timeC{
	background:url(../images/lineTopNews.gif) no-repeat left top;
	background-position:0px 4px;
	position: absolute;
	color:#000000;
	font-size: 12px;
	width: 300px;
	left: 39px;
	padding-left: 9px;
	padding-top: 2px;
}
.timeC2{
	color: #006193;
	font-weight:bold;
}
.lineC1{
	background:url(../images/lineGray.gif) repeat-x left bottom;
	position: absolute;
	color:#000000;
	left: 39px;
	padding-top: 6px;
	width: 625px;
	height: 17px;
}
.contC{
	position: absolute;
	color:#000000;
	left: 39px;
	padding-top: 27px;
	width: 625px;
	color: #191919;
}
.contC a:link          {text-decoration: none; color: #191919}
.contC a:visited       {text-decoration: none; color: #191919}
.contC a:active        {text-decoration: none; color: #191919}
.contC a:hover         {text-decoration: none; color: #FF1E00}



/* 修改刪除使用
---------------------------------------------*/
#iconEdit{
	position: absolute;
	left: 565px;
	z-index: 6;
	background-color:#FFFFFF;
}

/* 登入使用
---------------------------------------------*/
#newsLogin{
	position:absolute;
	z-index: 1;
	top: 5px;
	width: 655px;
	text-align:right;
	color:#FFFFFF;
}
#webmaster{
	cursor:pointer;
	float:right;
	color:#FFFFFF;
	margin-top: 3px;
}
.white{
	color:#FFFFFF;
}
.white a:link          {text-decoration: none; color: #FFFFFF}
.white a:visited       {text-decoration: none; color: #FFFFFF}
.white a:active        {text-decoration: none; color: #FFFFFF}
.white a:hover         {text-decoration: none; color: #FF1E00}

.b_red_word {
	font-weight:bold;
	color:#990000;
}





/* 分類動畫總覽頁
---------------------------------------------*/
#content {
	width:100%;
	background-color:#ffffff;
}
#movie {
	border-top:#9f9f9f 2px solid;
	border-bottom:#4765F0 2px solid;
	width: 880px;
	overflow:hidden;
	background-color:#00CCFF;
}
#nav {
	width:865px;
	height:29px;
	background:url(../images/logoNavBarBack.gif) top repeat-x;
	overflow: hidden;
	padding-left:15px;
}
#nav li {
	width:125px;
	height:24px;
	float: left;
	padding-top:5px;
	margin-left:15px;
	text-align:center;
	margin-top: 0px;
}
#nav li a{
	color: #6574BC;
	font-weight:bold;
}
.navBarBlue {
	background: url(../images/logoNavIcon.gif) bottom left repeat-x;
}
.navBar {
	width:125px;
	height:24px;
	background: url(../images/logoNavIcon2.gif) top left repeat-x;
	/*border-left:#9f9f9f 1px solid;
	border-right:#9f9f9f 1px solid;*/
}
.d01 {
	color:#747a97;
	font-weight:bold;
}
#movieLoad{
	width: 880px;
	padding: 5px 0px;
	background-color:#999999;
}
#list {
	width:817px;
	padding:20px 10px 30px 50px;
	background: url(../images/logoListBack.gif) #ffffff repeat-y top left;
	border-right:#4865f1 3px solid;
}

#title {
	width:500px;
	height:42px;
	padding:5px 0 0 15px;
	background: url(../images/logoTitleIcon.gif) top left no-repeat;
}

#title h3{
	color:#595d72;
	font-size:130%;
}

#title a{
	color:#595d72;
}

.listName{
	width:100%;
	overflow: auto !important;
	overflow/**/:hidden;
}

.listName ul{
	width:800px;
	margin-top:20px;
	display:block;
}

.listName li{
	width:137px;
	/*float:left;*/
	margin:20px 5px 0 0;
	background: url(../images/logoListIcon.gif) left top no-repeat;
	background-position: 0px 4px;
	padding-left:15px;
	display: inline-block;
	vertical-align: top;
	zoom: 1;/**IE7**/
	*display: inline;/**IE7**/
}
.listName li a {
	clear:both;
	font-size: 13px;
	display:block;
	border-bottom: #666666 dashed 1px;
	padding-left:5px;
	color:#595d72;
}
.listName li a:link          {text-decoration: none; color: #595d72}
.listName li a:visited       {text-decoration: none; color: #595d72}
.listName li a:active        {text-decoration: none; color: #595d72}
.listName li a:hover         {text-decoration: none; color: #405eb4}