@charset "utf-8";
body {
	text-align:center;
}

a {
	text-decoration:none;
}

a:hover {
	color: #52bcb8;
}

#header {
	width:980px; 
	margin:0 auto;
	overflow:hidden;
	background-color:#FFF;
}

#logo {
float: left;
height: 84px;
}

#language {
	float:right;
	padding-top:40px;
	font: "新細明體";
	font-size: 12px;
	color: #54aeac;
	text-align:right;
	padding-right: 13px;
	text-decoration:none;
}

#language a {
	color: #54aeac;
	text-decoration:none;
}

#language a:hover {
	text-decoration: underline;
	color: #52bcb8!important;
}


#content_box{
	width:100%; 
	clear:both;
	height:600px;
}

#content {
	padding-top:15px;
	width:980px;
	clear:both;
	height:580px;
	text-align:center;
	margin:0 auto;
}

#footer_box {
	background-position:top;
	background-image:url(images/footer_bg.png);
	background-repeat:repeat-x;
	width:100%;
	overflow:hidden;
	clear:both;
}

#footer {
	bottom: 0px;
	width: 980px;
	background-repeat:repeat-x;
	font:"新細明體" "arial";
	font-size: 12px;
	color:#7e7d7d;
	line-height: 18px;
	margin:0 auto;
	overflow:hidden;		
}

#footer_l {
	float:left;
	width: 720px;
	margin-top: 35px;
	margin-left: 20px;
	text-align:left;
}

#footer_r {
	position: relative;
	float: right;
	width: 240px;
	margin-top: 35px;
}

#footer_logo {
	position:absolute;
	top: -4px;
	left: 70px;
}

#footer_r img {
	vertical-align: text-bottom;
}

#l_content {
	position:relative;
	float:left;
	width: 240px;	
}

#c_content {
	float:left;
	width: 500px;
}

#r_content {
	float: right;
	width: 240px;
	font:"新細明體";
	font-size:12px;	
}

#celender {
	position:relative;
	width: 209px;
	height: 224px;
	background: url(images/celender_bg.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
}

#celender_btn {
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}

#celender_program {
	font:"新細明體";
	font-size: 12px;
	margin: auto;
	width: 180px;
	height: 170px;
	padding-top: 36px;
	color: #666666;
}

#link {
	position:relative;
	width: 209px;
	margin:0 auto;
}

#link ul {
	margin-left: -40px;
	margin-top: 10px;
	clear:both;
}

#link ul li {
	float:left;
	display:block;
	margin-left: 0px;
	width: 209px;
	list-style: none;
	padding-bottom: 15px;
}

#news {
	width: 500px;
}

.news_title {
	width: 500px;
	height: 46px;
	background-image:url(images/news_title.jpg);
	background-repeat:no-repeat;
}

.news_btn {
	float: right;
	padding: 20px 10px 0 0;
}

#news_img {
	float:left;
	padding-top: 15px;
	margin-right: 10px;
}

#news_list{
	margin-top: 12px;
	float: left;
	font:"新細明體";
	font-size: 12px;
	color:#333333;
	width: 355px;
}

#news_list ul {
	margin-left: -30px;
}

#news_list ul li {
	text-align:left;
	list-style: none;
	background:url(images/news_bg.png);
	background-repeat:no-repeat;
	width: 345px;
	height: 25px;
	margin-top: 7px;	
}

#news_list ul li a:hover {
	text-decoration: underline;
	color: #52bcb8!important;
}

.news_date {
	font:Arial, Helvetica, sans-serif;
	color:#999999;
	padding-right: 10px;
}

#movie {
	margin:0 auto;
	padding-top: 10px;
}

#photo {
	margin:0 auto;
}

.more {
	float:right;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 10px;
}

#search {
	padding-bottom: 15px;
}

.SEARCH_IN {
	color: #939393;
	vertical-align: middle;
}

.sform {
	margin-top: auto;
}

.sform img {
	vertical-align: middle;
}


#rss {
	padding-bottom: 20px;
}

.EDM {
	color: #939393;
	vertical-align: middle;
}

.imgover {
	vertical-align: middle;
}

#count {
	text-align:right;
	padding-right: 15px;
}

#count img{
	vertical-align: text-bottom;
}

.count {
	color:#009966;
	font-weight: bold;
}	

#TopAD{
	position:relative;
	width:500px; 
	height:338px;
}

#TopAD .TopAdright {
	width:500px; 
	height:338px;
}
 
 
#TopAD .link {
	position:absolute;
	top: 285px;
	right: 20px;
	margin-top:5px; 
	width:500px; 
	height:20px;
	float:left;
}

#TopAD .link ul {
	float: right;
	padding:0;
	margin: 0 auto;
	list-style-type: none;
	display: block;
	padding-top:1px;
}

#TopAD .link ul li {
	vertical-align: middle;
	float: left;
	width: 14px;
	height: 14px;
	display: block;
	text-align: center;
	margin: 1px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#TopAD .link ul li.on {
	vertical-align: middle;
	padding-top: 5px;
	background-image:url(images/player_over_bg.png);
	background-repeat:no-repeat;
	width:27px;
	height:27px;
	color: #FFFFFF;
	font-size: 14px;
}

#TopAD .link ul li.off {
	vertical-align: middle;
	padding-top: 6px;
	background-image:url(images/player_bg.png);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
	color: #64c5bc;
	background-position: 1px 2px;
}

/*------------------------MENU----------------------------*/
ul.MENU{ margin:0; padding:0 0 0 0; list-style:none;width:980px; height:29px; float:left; clear:both; overflow:visible; }
ul.MENU li{ float:left; position:relative; height: 29px; vertical-align: middle; line-height: 29px;}
ul.MENU li a{ display:block; background-position:left top; background-repeat:no-repeat;}

ul.MENU > li > a {
	font-family: "Microsoft JhengHei", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	
}

ul.MENU li.BTN01 > a:hover, ul.MENU li.BTN02 > a:hover, ul.MENU li.BTN03 > a:hover, ul.MENU li.BTN04 > a:hover, 
ul.MENU li.BTN05 > a:hover, ul.MENU li.BTN06 > a:hover, ul.MENU li.BTN07 > a:hover, ul.MENU li.BTN08 > a:hover, 
ul.MENU li.BTN09 > a:hover, ul.MENU li.BTN10 > a:hover, ul.MENU li.BTN11 > a:hover {
	color: #FCFC03;
}

/*ul.MENU li.BTN01 a{ text-indent:-9999px; background-image:url(images/menu_01.jpg); width:115px; height:29px;}*/
/*ul.MENU li.BTN01 a:hover{background-image:url(images/menu_over_01.jpg); }*/
ul.MENU li.BTN01 { background-color:#52bcb8; border-top-left-radius:15px; border-bottom-left-radius:15px; width:100px;}

/*ul.MENU li.BTN02 a{ text-indent:-9999px; background-image:url(images/menu_02.jpg); width:99px; height:29px;}*/
/*ul.MENU li.BTN02 a:hover{background-image:url(images/menu_over_02.jpg); }*/
ul.MENU li.BTN02 { background-color:#52bcb8; width:85px;}

/*ul.MENU li.BTN03 a{ text-indent:-9999px; background-image:url(images/menu_03.jpg); width:99px; height:29px;}*/
/*ul.MENU li.BTN03 a:hover{background-image:url(images/menu_over_03.jpg); }*/
ul.MENU li.BTN03 { background-color:#52bcb8; width:85px;}

/*ul.MENU li.BTN04 a{ text-indent:-9999px; background-image:url(images/menu_04.jpg); width:99px; height:29px;}*/
/*ul.MENU li.BTN04 a:hover{background-image:url(images/menu_over_04.jpg); }*/
ul.MENU li.BTN04 { background-color:#52bcb8; width:85px;}

/*ul.MENU li.BTN05 a{ text-indent:-9999px; background-image:url(images/menu_05.jpg); width:99px; height:29px;}*/
/*ul.MENU li.BTN05 a:hover{background-image:url(images/menu_over_05.jpg); }*/
ul.MENU li.BTN05 { background-color:#52bcb8; width:85px;}

ul.MENU li.BTN11 { background-color:#52bcb8; width:85px;}

/*ul.MENU li.BTN06 a{ text-indent:-9999px; background-image:url(images/menu_06.jpg); width:86px; height:29px;}*/
/*ul.MENU li.BTN06 a:hover{background-image:url(images/menu_over_06.jpg); }*/
ul.MENU li.BTN06 { background-color:#52bcb8; width:85px;}

/*ul.MENU li.BTN07 a{ text-indent:-9999px; background-image:url(images/menu_07.jpg); width:93px; height:29px;}*/
/*ul.MENU li.BTN07 a:hover{background-image:url(images/menu_over_07.jpg); }*/
ul.MENU li.BTN07 { background-color:#52bcb8; border-top-right-radius:15px; border-bottom-right-radius:15px; width:100px;}
ul.MENU li.BTN07 { z-index: 4;}

/*ul.MENU li.BTN08 a{ text-indent:-9999px; background-image:url(images/menu_08.jpg); width:90px; height:29px;}*/
/*ul.MENU li.BTN08 a:hover{background-image:url(images/menu_over_08.jpg); }*/
ul.MENU li.BTN08 { margin-left: -10px; background-color:#e04547; border-top-right-radius:15px; border-bottom-right-radius:15px; width:100px;}
ul.MENU li.BTN08 { z-index: 3;}

/*ul.MENU li.BTN09 a{ text-indent:-9999px; background-image:url(images/menu_09.jpg); width:100px; height:29px;}*/
/*ul.MENU li.BTN09 a:hover{background-image:url(images/menu_over_09.jpg); }*/
ul.MENU li.BTN09 { margin-left: -10px; background-color:#fec65f; border-top-right-radius:15px; border-bottom-right-radius:15px; width:100px;}
ul.MENU li.BTN09 { z-index: 2;}

/*ul.MENU li.BTN10 a{ text-indent:-9999px; background-image:url(images/menu_10.png); width:100px; height:29px;}*/
/*ul.MENU li.BTN10 a:hover{background-image:url(images/menu_over_10.png); }*/
ul.MENU li.BTN10 { margin-left: -10px; background-color:#63c5e0; border-top-right-radius:15px; border-bottom-right-radius:15px; width:100px;}

ul.MENU li ul.sub-menu{ height:24px; line-height:24px; width:800px; position:absolute;  display: none; margin:0; padding: 5px 0 0 0 ; list-style:none; }
ul.MENU li ul.sub-menu li{ float:left; display:inline-block;}
ul.MENU li ul.sub-menu li a{
	display: inline-block;
	float:left;
	height:24px;
	background-image:url(images/list_style.png);
	background-position:left 6px;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-right:8px;
	text-decoration:none;
	text-indent: 0;
	width: auto;
	font: "新細明體";
	font-size: 12px;
	color: #8f7e41;
	text-align: left;}
ul.MENU li ul.sub-menu li a:hover{background-image:url(images/list_style.png); 
	text-decoration: underline;
	color: #52bcb8!important;
}

/*------------------------datepicker----------------------------*/
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 7px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:50px; background-image:url(images/celender_pre.jpg); background-repeat:no-repeat; }
.ui-datepicker .ui-datepicker-next { right:40px; background-image:url(images/celender_next.jpg); background-repeat:no-repeat; }
.ui-datepicker .ui-datepicker-prev-hover { left:48px; top: 7px;}
.ui-datepicker .ui-datepicker-next-hover { right:38px; top: 7px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; color: #666666; }
.ui-datepicker td span, .ui-datepicker td.ui-datepicker-days-cell-over a.ui-state-default {background-color: #e0e0c8;}
.ui-datepicker td span, .ui-datepicker td a.have { display: block; padding: .2em; text-align: center; text-decoration: none; color: #FFF; background-color: #fda731; font-weight: bold;  }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/*------------------------page css----------------------------*/

div#PAGE_INFO{ float:left;border-bottom:1px #d2d2d2 dotted; height:35px; line-height:35px;width:720px; text-align:right; padding-right:5px;
margin-bottom: 15px; }

div#PAGE_INFO h2.TITLE{ display:block; height:35px; line-height:35px;text-align:left; margin:0; padding:0 0 0 18px;font-size:15px; font-weight:bold;background-image: url(images/icon_12.gif); background-position:3px 10px; background-repeat:no-repeat;}

div#YEAR_INFO{ float:left;height:35px; line-height:35px;width:720px;adding-right:5px;
margin-bottom: 5px; }

div#YEAR_INFO ul{
 list-style: none;
 margin-left: -40px;
 margin-top: 0px;
}

div#YEAR_INFO ul li.TITLE_active{ font-family:"新細明體"; float:left; display:block; height:35px; line-height:35px;width:65px;text-align:left; margin:0; padding:0 0 0 18px;font-size:12px; font-weight:bold;background-image: url(images/tab_list.jpg); background-position: left; background-repeat:no-repeat; color: #000;}

div#YEAR_INFO ul li.TITLE_active a{color: #000;}

div#YEAR_INFO ul li.TITLE_deactive{ font-family:"新細明體" ; float:left; display:block; height:35px; line-height:35px;width:65px;text-align:left; margin:0; color:#CCCCCC; padding:0 0 0 18px;font-size:12px; font-weight:bold;background-image: url(images/tab_list_deactive.jpg); background-position: left; background-repeat:no-repeat;}

div#YEAR_INFO ul li.TITLE_deactive a{ color:#CCCCCC; }


#page_count {
	text-align:left;
	font-size:small;
}

#page_count img{
	vertical-align: text-bottom;
}

.count {
	color:#009966;
	font-weight: bold;
}	

#page_content {
	float:left;
	width: 740px;
}

#page_search {
	float: left;
	width: 320px;
	text-align: left;
}

#page_rss {
	float: left;
	width: 320px;
	text-align: left;
}

#input_line {
	height: 30px;	
}

#bread {
	float:left;
	width: 740px;
	height: 45px;
}

#bread ul {
	margin-left: -35px;
	vertical-align: top;
}

#bread li{
	padding-right: 2px;
	float:left; 
	display:inline-block; 
	list-style: none;
	font: "新細明體";
	font-size: 12px;
	color: #54aeac;
	text-align:left;
	text-decoration:none;
}

#bread li img {
	vertical-align: top;
	padding-right: 2px;
}

#bread a {
	color: #54aeac;
	text-decoration:none;
}

#bread a:hover {
	text-decoration: underline;
	color: #52bcb8!important;
}

/*------------------------page table list css----------------------------*/
div.BIG_BOX{width:740px; padding-left:0px; padding-top:0px; /*padding-bottom:20px;*/ overflow:hidden; clear:both;}
table.LIST_BOX{width:730px;}
table.LIST_BOX tr.LIST_TI_BG{width:730px;  background-image:url(images/bg_05.gif); background-position:left 3px; background-repeat:no-repeat; height:43px; }
table.LIST_BOX tr.LIST_TI_BG td{border-right: none;}
table.LIST_BOX td{ padding:5px 5px 5px 10px; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px;vertical-align:top; border-right:2px #FFF solid;}
table.LIST_BOX td img{ vertical-align:middle;}
table.LIST_BOX td.LIST_TI img{ vertical-align: top;line-height:24px; padding-left:3px; }
table.LIST_BOX td a{ text-decoration:none; color:#944a9f; vertical-align:middle;}
table.LIST_BOX td a:hover{ text-decoration:underline; vertical-align:middle;}
table.LIST_BOX td.LIST_TI{ line-height:24px;  font-weight:bold; font-size:13px; vertical-align: middle; border: none;}
table.LIST_BOX tr.ADDGRAY{ background-color:#ededed;}
table.LIST_BOX td span.date{ color: #999;}

div.D_BOX{width:740px; padding-left:0px; padding-top:0px; /*padding-bottom:20px;*/ overflow:hidden; clear:both;}
table.DOWNLOAD_BOX tr.LIST_TI_BG{ width:730px;  background-image:url(images/bg_05.gif); background-position:left 3px; background-repeat:no-repeat; height:43px;  }
table.DOWNLOAD_BOX tr.LIST_TI_BG td{border-right: none;}
table.DOWNLOAD_BOX td{ padding:5px 5px 5px 10px; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px;vertical-align:top; border-right:2px #FFF solid;}
table.DOWNLOAD_BOX td.LIST_TI img{ vertical-align: top;line-height:24px; padding-left:3px; }
table.DOWNLOAD_BOX{width:730px;}
table.DOWNLOAD_BOX td{ padding:5px 5px 5px 10px; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px;vertical-align:top;}
table.DOWNLOAD_BOX tr td {border-bottom:1px #d2d2d2 dotted;padding-bottom: 20px; padding-top: 20px; padding-left: 10px;}
table.DOWNLOAD_BOX td.download_img{ vertical-align: middle; text-align:center;}
table.DOWNLOAD_BOX td img{ padding-top: 2px; padding-bottom: 5px;}
table.DOWNLOAD_BOX td img.btn{ padding-top: 0px;}
table.DOWNLOAD_BOX td a{ text-decoration:none; color:#944a9f; vertical-align:middle}
table.DOWNLOAD_BOX td a:hover{ text-decoration:underline; vertical-align:middle}
.d_title { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#b32e2e; font-weight:bold;}

div.ABOUT_BOX{width:740px; height: 400px; padding-left:0px; padding-top:0px; background-image:url(images/about_bg.jpg); background-repeat:no-repeat; background-position:bottom; background-position: right;/*padding-bottom:20px;*/ overflow:hidden; clear:both;}
div.SERVICE_BOX{width:740px; height: 300px; padding-left:0px; padding-top:0px; background-image:url(images/service_bg.jpg); background-repeat:no-repeat; background-position:bottom; background-position: right;/*padding-bottom:20px;*/ overflow:hidden; clear:both;}
div.LIST_BOX{width:740px; padding-left:0px; padding-top:0px; /*padding-bottom:20px;*/ overflow:hidden; clear:both;}
div.LIST_BOX ul { margin:0; padding: 10px 0 45px 20px; list-style: none; }
div.LIST_BOX ul li{ float: left; width: 147px; height:29px;line-height:28px; font-size:12px; background:url(images/list_bg.jpg) no-repeat; padding: 0 25px 0 5px;}
div.LIST_BOX ul li strong{font-size:14px; padding-right: 10px; }
div.LIST_BOX ul li a{ display:block; width: 100%; line-height:28px; font-size:12px;}
div.ON_BOX{width:740px; padding-left:0px; padding-top:0px; /*padding-bottom:20px;*/ overflow:hidden; clear:both;}
table.ONLINE_BOX tr.LIST_TI_BG{ width:730px;  background-image:url(images/bg_05.gif); background-position:left 3px; background-repeat:no-repeat; height:43px;  }
table.ONLINE_BOX tr.LIST_TI_BG td{border-right: none; font-weight:bold;}
table.ONLINE_BOX td{ padding:5px 5px 5px 10px; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px;vertical-align:top; border-right:2px #FFF solid;}
table.ONLINE_BOX td.LIST_TI img{ vertical-align: top;line-height:24px; padding-left:3px; }
table.ONLINE_BOX{width:730px;}
table.ONLINE_BOX td{ padding:5px 5px 5px 10px; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px;vertical-align:top;}
table.ONLINE_BOX tr td {border-bottom:1px #d2d2d2 dotted; padding-top:12px; padding-bottom: 1px;vertical-align:top;}
table.ONLINE_BOX_noline{width:730px;}
table.ONLINE_BOX_noline td{ padding:5px 5px 5px 10px; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px;vertical-align:top;}
table.ONLINE_BOX_noline tr td { padding-left: 20px;padding-top:12px; padding-bottom: 1px;vertical-align:top;}
/*table.ONLINE_BOX_noline tr td div {padding-bottom: 5px; vertical-align:text-top;width:100%;}*/
table.ONLINE_BOX_noline tr td div {vertical-align:text-top;width:730px;}
table.ONLINE_BOX td.download_img{ vertical-align: middle; text-align:center;}
table.ONLINE_BOX td img{ padding-top: 2px; padding-bottom: 5px;}
table.ONLINE_BOX td img.btn{ padding-top: 0px;}
table.ONLINE_BOX td a{ text-decoration:none; color: #990000; vertical-align:middle}
table.ONLINE_BOX td a:hover{ text-decoration:underline; vertical-align:middle}
.d_title { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#b32e2e; font-weight:bold;}
table.ONLINE_BOX_noline td a{ text-decoration:none; color: #990000; text-decoration:underline; font-weight:bold;}
table.ONLINE_BOX_noline td a:hover{ text-decoration:underline; font-weight:bold;}
table.ONLINE_BOX_noline tr.LIST_TI_BG{ width:730px;  background-image:url(images/bg_05.gif); background-position:left 3px; background-repeat:no-repeat; height:43px;  }
table.ONLINE_BOX_noline tr.LIST_TI_BG td{ mapborder-right: none; font-weight:bold;}
table.ONLINE_BOX_noline td.LIST_TI img{ vertical-align: top;line-height:24px; padding-left:3px; }

div.BIG_BOX{width:740px; padding-left:0px; padding-top:0px; /*padding-bottom:20px;*/ overflow:hidden; clear:both;}
table.discuss_BOX{width:730px; border: 1px #CCCCCC solid;}
table.discuss_BOX tr.INNER_BG{ width:730px; background-color:#f5f6f6;}
table.discuss_BOX tr.INNER_BG td { padding:5px 10px 5px 10px;}
table.discuss_BOX tr.LIST_TI_BG td{border-right: none;}
table.discuss_BOX td{ padding:5px 10px 10px 10px; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px;vertical-align:top; border:2px #FFF solid;}
table.discuss_BOX td img{ vertical-align:middle;}
table.discuss_BOX td.LIST_TI img{ vertical-align: top;line-height:24px; padding-left:3px; }
table.discuss_BOX td a{ text-decoration:none; color#990000; vertical-align:middle;}
table.discuss_BOX td a:hover{ text-decoration:underline; vertical-align:middle;}
table.discuss_BOX td.LIST_TI{ line-height:24px;  font-weight:bold; font-size:13px; vertical-align: middle; border: none;}
table.discuss_BOX tr.ADDGRAY{ background-color:#ededed;}
table.discuss_BOX td span.date{ color: #999;}

.box_inner { border:1px #d2d2d2 dotted ; background-color:#FFFFFF;}
.box_inner a {color: #333333; font-weight:bold; }
.box_inner a:hover {color:#990000; font-weight:bold;}
table.discuss_BOX tr.INNER_BG a{ color: #333333;  font-weight:bold;}
table.discuss_BOX tr.INNER_BG a:hover{ color:#990000; font-weight:bold;}

.reply a {color:#69c8c5;}
.reply a:hover {color: #990000; text-decoration:underline; }

.red { color:#FF0000;}

.inner_title {
font-family: Arial, Helvetica, sans-serif;
color: #964CA3;
font-size: 15px;
font-weight: bold;
line-height: 24px; }

.inner_title_date {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 10px;
line-height: 24px;
padding : 0 0 0 10px;}


/*---------------------------NEXT------------------------------------------*/
div#NEXT_LIST {clear:both; width:740px;height:30px; padding-top:10px; line-height:40px; text-align:center;}
div#NEXT_LIST span, div#NEXT_LIST .page-numbers{ font-size:12px; display: inline-block;line-height:18px; height:18px; width:18px; background-color:#f1f1f1; border:1px #dcdbdb solid; color: #666666;  font-family: Arial;}
div#NEXT_LIST span.NEXT, div#NEXT_LIST a.next{ margin-bottom:1px; width:50px;line-height:18px; height:18px;}
div#NEXT_LIST span.NEXT a, div#NEXT_LIST a.next{display: inline-block;width:50px;line-height:18px; height:18px;}
div#NEXT_LIST span a, div#NEXT_LIST a.page-numbers{ text-decoration:none;color:#9ca0a2;font-size:12px;display: inline-block;line-height:18px; height:18px; width:18px;   text-align:center; background-color:#f0f1f1; background-color: #FFFFFF; font-family: Arial; }
div#NEXT_LIST span a:hover, div#NEXT_LIST a.page-numbers:hover{color: #666666;   background-color:#f0f1f1;}

/*---------------------------inner_note------------------------------------------*/
.SEMINAR_NOTE{ line-height:20px; background-image:url(images/bg_07.gif); background-position:0px top; background-repeat:no-repeat; height:95px; width:740px; padding-left:50px; padding-top:25px; font-family:Arial, Helvetica, sans-serif;}
p.DOWNLOAD{ background-image:url(images/icon_18.gif); background-position:left 5px; background-repeat:no-repeat; padding-left:15px; line-height:24px; }
ul.DW_LIST{ margin:0; float:left; }
ul.DW_LIST a{ text-decoration:none; font-size:12px;color:#4d4c4c; line-height:24px; display:inline-block;}
ul.DW_LIST a:hover{ text-decoration:underline;}
ul.DW_LIST a.DOC{ background-image:url(images/doc.gif); background-position:left 2px; background-repeat:no-repeat; padding-left:20px;}
ul.DW_LIST a.ZIP{ background-image:url(images/zip.gif); background-position:left 2px; background-repeat:no-repeat; padding-left:20px;}
ul.DW_LIST a.PDF{ background-image:url(images/pdf.gif); background-position:left 2px; background-repeat:no-repeat; padding-left:20px;}
ul.DW_LIST a.PPT{ background-image:url(images/ppt.gif); background-position:left 2px; background-repeat:no-repeat; padding-left:20px;}
ul.DW_LIST a.TXT{ background-image:url(images/txt.gif); background-position:left 2px; background-repeat:no-repeat; padding-left:20px;}
ul.DW_LIST a.IMAGE{ background-image:url(images/picture.gif); background-position:left 2px; background-repeat:no-repeat; padding-left:20px;}
ul.DW_LIST a.OTHERS {background-image:url(images/others.gif); background-position:left 2px; background-repeat:no-repeat; padding-left:20px;}

/*---------------------------search_result------------------------------------------*/
#RESULT{ width:740px; overflow:hidden; clear:both; padding-bottom:20px; padding-top:5x; float: left; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#999999;}
#RESULT .number{ color:#900; }
#RESULT ul { width:600px; padding-left:20px; overflow:hidden; clear:both; margin-top:10px; margin-bottom:5px;list-style:none; text-align:left;}
#RESULT ul li.RESULT_TITLE{ font-size:13px; line-height:24px; color:#900;font-weight:bold;}
#RESULT ul li.RESULT_TITLE a{ color:#900; text-decoration:underline;}
#RESULT ul li.RESULT_TITLE a:hover{ color: #FF9900; }
#RESULT ul li.RESULT_INFO{ font-size:12px; line-height:20px; color:#333;}
#RESULT ul li.RESULT_FROM{ font-size:12px; line-height:18px;color:#777777;}
#RESULT ul li.RESULT_FROM a{ color:#777777; text-decoration:none;}
#RESULT ul li.RESULT_FROM a:hover{ color:#900;text-decoration:underline;}
#RESULT .KEY{ color:#F00;}

/*---------------------------Application------------------------------------------*/
.apply { color: #900; font-weight:bold;}
.full { color:#FF6600;  font-weight:bold; }
.apply_over{ color:#999999;  font-weight:bold;}

p.CLOSE{ background-image:url(images/icon_17.gif); background-position:left 45%; background-repeat:no-repeat; padding-left:15px; line-height:24px; color:#F30; clear:both;}

div.SEMINAR_CONTENT{width:570px; padding: 0px; margin-left: 0px;}
div.SEMINAR_CONTENT p{ line-height:20px; padding:5px 0;}
.SEMINAR_CONTENT table{ margin-top:15px;}
.SEMINAR_CONTENT table td{ line-height:35px; height:30px; color:#666666; }
.SEMINAR_CONTENT table td.TD_01{ width:23%; padding-right:5px; text-align:right; vertical-align:top; background-color:#ededed; border-top:1px #FFFFFF solid; font-weight:bold;}
.SEMINAR_CONTENT table td.TD_02{ border-bottom:1px #f0f1f1 solid;border-top:1px #f0f1f1 solid;}

.SEMINAR_CONTENT table td.TD_04{ text-align:right; padding-right:15px; background-color:#f0f1f1; border-bottom:1px #f0f1f1 solid; }
.SEMINAR_CONTENT table td.TD_05{ padding:10px; line-height:24px; background-color:#f0f1f1;}
.SEMINAR_CONTENT table td.TD_05 h4{ font-size:13px;}
.SEMINAR_CONTENT table td.TD_06{width:77%; text-align:left; vertical-align: middle; padding-left:5px; border-bottom:1px #f0f1f1 solid; border-right:1px #f0f1f1 solid;}
.SEMINAR_CONTENT table td.TD_06 select{color: #999999; font-size:11px; line-height:15px; margin-right:5px; }
.SEMINAR_CONTENT table td.TD_03{width:77%; text-align:left; vertical-align: middle; padding-left:5px; border-top:1px #f0f1f1 solid; border-right:1px #f0f1f1 solid; border-bottom:1px #f0f1f1 solid;}
.SEMINAR_CONTENT table td.TD_07{width:23%; padding-right:5px; text-align:right; vertical-align:top; background-color:#f0f1f1;  border-top:1px #f0f1f1 solid; font-weight:bold;}
.SEMINAR_CONTENT table input{color:#999999; padding:2px; line-height:15px; font-size:11px;}

/*---------------------------MOVIE PLAYER 2010/11/26------------------------------------------*/
div.movie_list{width:740px; padding-left:0px; padding-top:0px; /*padding-bottom:20px;*/ overflow:hidden; clear:both;}
div.movie_list ul { margin:0; padding: 20px 0 20px 20px; list-style: none;}
div.movie_list ul li{ display: block; float: left; width: 90px; height:110px;line-height:16px; background: #f1f0ee ; border: 1px solid #e0dcd4; padding: 10px; margin-right: 6px; margin-bottom: 6px;}
div.movie_list ul li img { margin-bottom:5px;}
div.movie_list ul li span.movie_title { font-size:9px!important; color:#666666; font-weight: bold; text-align:left!important; line-height:16px;}

/*---------------------------Photo Gallery 2010/11/26------------------------------------------*/
.pikachoose { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; color:#900; line-height: 30px;}

body {font-family: helvetica, arial, sans-serif;}
a{color:white;}
.pika-wrap {width: 520px; margin: 0 auto;}

.pika-image {position: relative; height: 460px; width: 700px; background: #fafafa; border: 1px solid #e5e5e5; padding: 10px;}
	/*position image holders */
	.pika-image .animation, .pika-image .main-image {position: absolute; top: 10px; left: 60px;}
	.pika-image .animation {display: none;z-index:2;}
	.pika-image img {border:0; width:  600px; height: 400px;}

.pika-image .caption {position: absolute;font-size: 12px; color: #999999; padding: 10px; text-align: left; left: 60px; bottom: 15px; }
	.pika-image .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3; color:#fafafa}
	.pika-imgnav a.previous {background: url(js/assets/images/prev.png) no-repeat left 50%; height: 340px; width: 50px; top: 10px; left: 10px;cursor:pointer;}
	.pika-imgnav a.next {background: url(js/assets/images/next.png) no-repeat right 50%; height: 340px; width: 50px; top: 10px; right: 10px;cursor:pointer;}
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;}
.pika-textnav a {color: #fafafa; padding: 4px;}
		.pika-textnav a:hover {background: #e5e5e5; color: #fafafa;}
	.pika-textnav a.previous {float: left; width: 1px; display: block;}
	.pika-textnav a.next {float: right; width: 1px; display: block;}
	
.pika-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }
	.pika-thumbs li {float: left; list-style-type: none; width: 74px; padding: 3px; margin: 0 2px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;width: 74px; height: 74px; text-align: center; vertical-align: center; overflow: hidden;}

.clip span{background-color:black;position:absolute;top:5px;left:5px;display:block;}
ul#pikame{margin: 0; padding: 0;width:700px;list-style-type:none;text-align:left;}
ul#pikame li img{max-width:700px;}

		
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 30px;}
.jcarousel-skin-pika .jcarousel-container-vertical { width: 90px; height: 350px; padding: 20px 20px;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 650px;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  90px; height: 350px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}
.jcarousel-skin-pika .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-pika .jcarousel-item-placeholder {background: #fff; color: #000;}

/* 網站地圖CSS 新增12/23*/
table.ONLINE_BOX_sitemap{width:730px;}
table.ONLINE_BOX_sitemap td{ padding:5px 5px 5px 10px; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:12px;vertical-align:top;}
table.ONLINE_BOX_sitemap tr td { padding-left: 20px;padding-top:12px; padding-bottom: 1px;vertical-align:top;}
table.ONLINE_BOX_sitemap tr td div {padding-bottom: 5px; vertical-align:text-top;}
table.ONLINE_BOX_sitemap td a{ text-decoration:none; color:#000000; text-decoration:none; font-size: 14px;}
table.ONLINE_BOX_sitemap td a:hover{ color: #990000; text-decoration:underline; font-weight:bold; font-size: 14px;}
table.ONLINE_BOX_sitemap tr.LIST_TI_BG{ width:730px;  background-image:url(images/bg_05.gif); background-position:left 3px; background-repeat:no-repeat; height:43px;  }
table.ONLINE_BOX_sitemap tr.LIST_TI_BG td{ mapborder-right: none; font-weight:bold;}
table.ONLINE_BOX_sitemap td.LIST_TI img{ vertical-align: top;line-height:24px; padding-left:3px; }
.link_list { width: 147px; height: 29px; background-image:url(images/map_bg.jpg); text-align: left; vertical-align:middle; margin: 5px 0 0 0;}
.link_list img { padding: 0 5px 0 20px; }


div#YEAR_INFO ul{

 list-style: none;

 margin-left: 500px;

 margin-top: -50px;

}
.tit1{ font-size:14px; text-align: left; margin-left:14px ; color:#64c5c2; font-weight: bold; }
.album{ width:180px; height:160px; position: relative; float:left ; margin-top:20px}
.cover{ width:180px; height:160px; position:absolute; left:0px }
.page123{ width:180px; height:160px; position:absolute; left:0px}
.albumlist{ width:730px; height:400px; border:solid 1px #CCC; float:left}
.pagebg{ width:15px; height:15px; background-color:#999;  color:#FFF; position: relative ; margin-left:5px; float:right; font-weight: bold;}
.albumpages{ width:300px; height:20px; position: absolute;top:285px; margin-left:430px }

#featured{ 
  width: 100%;
  /* padding-right: 250px; */
  position: relative;
  height: 400px;
  overflow: hidden;
  background: #fff;
  text-align: left;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:71%; 
	list-style:none; 
	padding:0; margin:0; 
  width: 29%;
  height: 380px;
  margin-top: 10px;
	/*overflow:auto;*/
	overflow:hidden;
}
#featured ul.ui-tabs-nav li{ 
  /* padding: 1px 0; */
  /* padding-left: 8px; */
  margin-left: 8px;
  font-size: 12px;
  color: #666;
  height: 93px;
  border: 1px solid #E8E8E8;
  font-family: "微軟正黑體", tahoma;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
  font-family: "微軟正黑體", tahoma;
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
  display: block;
  height: 87px;
  text-decoration: none;
  color: #333;
  background: #f0f0f0;
  line-height: 20px;
  outline: none;
  padding-top: 5px;
  padding-left: 13px;
}


.rotate-title{
font-size: 16px!important;
  /*width: 220px;*/
  /*overflow: hidden;*/
  display: block;
  /* color: #333; */
  color: #5d8632;
  line-height: 30px!important;
  /*white-space: nowrap;*/
}
.rotate-intro{
  font-size: 14px!important;
  display: block;
  color:#333;
  line-height: 25px!important;
  /*width: 220px;*/
  overflow: hidden;
  white-space: nowrap;
}
.rotate-price{
  font-size: 20px!important;
  display: block;
  /* color: #333; */
  color: #ca3a2c;
  line-height: 30px!important;
}


#featured li.ui-tabs-nav-item a:hover{ 
	/*background:#f2f2f2;*/
	background:#ffffff;
	border-right:6px solid #4f7e14; 
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
/* 	background:url('images/selected-item.gif') top left no-repeat;   */
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	background:#ffffff; 
	border-right:6px solid #4f7e14;
}
#featured .ui-tabs-panel{ 
	width:70%; height:380px; 
	background:#999; position:relative;
	  margin-left: 10px;
  	margin-top: 10px;
	overflow: hidden;
}

#featured .ui-tabs-panel img { 
	height:380px; 
}
	
#featured .ui-tabs-panel .info{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 35px;
}
#featured .ui-tabs-panel .info{
	background-color: #5F9C12;
	width: 834px;
	opacity:0.6;
}
#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h2{ 
	font-size:16px; font-family: "微軟正黑體", tahoma;
	color:#fff; padding:5px; margin:0; font-weight:normal;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	  font-family: "微軟正黑體", tahoma;
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

.pikachoose {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#900;
	line-height: 30px;
}

ul.vote {
	list-style: outside none none;
}

.vote li {
	float: left;
	width: 30%;
	text-align: center;
	margin: 15px 10px;
}

.vote li div.vote_img::before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.vote li div.vote_img {
	height: 220px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.vote li div.vote_img img {
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	vertical-align: middle;
	max-height: 218px;
}
	
.vote li div.vote_title {
   height: 60px;
   overflow: hidden;
}