@import url("animate.css");

@charset "utf-8";
/* 基本設定 */
body{font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #666666;}
a { text-decoration:none; color:#666666}
a:hover{filter:alpha(opacity=50); /* IE */-moz-opacity:0.5; /* Moz + FF */opacity: 0.5; }

*html .sky{ display:block; width:600px}

/* 上方連結 */
#TOP_MENU{ display:block; background-image:url(../images/top_bg.gif); height:35px; background-repeat:repeat-x;line-height:35px; color:#fff; }
#TOP_MENU ul{ }
#TOP_MENU li{ float:left; padding-left:10px;}
#TOP_MENU li a{ line-height:35px; color:#fff;}
#TOP_MENU li a:hover{ color: #990000}

/* 上方banner */
#TOP_BANNER{ display:block; background-image:url(../images/top_images_02.gif); height:87px; background-repeat:repeat-x;}
#TOP_BANNER span{ display:block; width:970px; margin:auto;}
/*#TOP_BANNER h1 { display:block; background-image:url(../images/top_images_01.gif); width:616px; height:87px; text-indent:-9999px;}*/
#TOP_BANNER h1 { display:block;text-indent:-9999px; position:absolute}
#TOP_BANNER h2{ display:block; background-image:url(../images/top_images_03.gif); width:344px; height:87px; text-indent:-9999px; float:right}
#FLASHBANNER{ display:block;  width:616px; height:87px;}

/* 最外框 */
#WARPPER{display:block; width:970px; margin:auto; background-image:url(../images/bg.gif); overflow:auto; position:relative;}

/* 頁首 */
#HEADER_MENU{ display:block; background-image:url(../images/index_03.gif); height:28px; padding-left:180px;}
#HEADER_MENU li{ float:left; padding-right:20px;}
#HEADER_MENU li a{ color:#0066CC; line-height:28px;}
#HEADER_MENU li a:hover{ color: #FF9900}

/* 選單 */
#MAIN_NAV{ display:block; float:left; width:170px;}
#MAIN_NAV ul{ display:block; width:157px; margin:auto; padding-top:10px;}
#MAIN_NAV li{ padding-bottom:5px;}
#MAIN_NAV li a{ display:block; font-size:15px; color:#fff; line-height:26px; height:26px; padding-left:25px; background-image:url(../images/button_bg.gif)}
#MAIN_NAV a:hover{}
#MAIN_NAV li ol li{ padding-bottom:1px; width:140px; margin-left:5px;}
#MAIN_NAV li ol li a{ display:block; background-image:url(../images/point_01.gif); line-height:20px; height: auto;  background-position:5px 10px; background-repeat:no-repeat; border-bottom: #00CCFF 1px dotted; color:#006699; font-size:12px;padding-left:15px;}
#MAIN_NAV li ol li a:hover{ background-color:#0099CC; color:#fff}

/* 工具列 */
#TOOLBAR{display:block;	position:absolute; right:10px;top:5px;line-height:19px;color:#000;}
#TOOLBAR li{ float:left; padding:0 2px 0 2px;}
.tool_mail a{ display:block; background-image:url(../images/icon_mail.gif); padding-left:15px; color:#333333; background-repeat:no-repeat; background-position:left 3px;}
.tool_print a{ display:block; background-image:url(../images/icon_print.gif); padding-left:15px; color:#333333; background-repeat:no-repeat;background-position:left 3px;}
.word_size_s a{ display:block; background-image:url(../images/word_size_01.gif); width:17px; height:19px; text-indent:-9999px;}
.word_size_m a{ display:block; background-image:url(../images/word_size_02.gif); width:17px; height:19px; text-indent:-9999px;}
.word_size_b a{ display:block; background-image:url(../images/word_size_03.gif); width:17px; height:19px; text-indent:-9999px;}
.word_size_sb a{ display:block; background-image:url(../images/word_size_04.gif); width:17px; height:19px; text-indent:-9999px;}

/*廣告區*/
#BANNER{ display:block; width:131px; float:right; padding-top:5px;}

/* 內容 */
#CONTENT{ display: block; padding-top:5px; margin-left:175px; margin-right:135px;}
*html #CONTENT{  margin-right:131px;}
.title_01{ display:block; background-image:url(../images/title_01.gif); padding-left:25px; line-height:25px; font:bold 15px "微軟正黑體", SimHei; background-repeat:no-repeat; height:25px;}
.title_02{ display:block; background-image:url(../images/title_02.gif); padding-left:25px; line-height:25px; font:bold 15px "微軟正黑體", SimHei;background-repeat:no-repeat;height:25px;}
.TableForm{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006699;
}
.TableTH{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006699;
	color: #FFFFFF;
	background-color: #006699;
	text-align: right;
	text-indent: 5px;
}
.TableTH1{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006699;
	color: #000000;
	background-color: #FEBF6B;
	text-align: right;
	text-indent: 5px;
}
.TextArea{
	color: #000000;
	font-size: 13px;
}
#CON1{ display:block; padding:0 5px 10px 0; border-right: #EEE0C6 1px dotted; float:left; width:400px}
#CON1 ul{ padding:5px 5px 10px 10px;}
#CON1 li{ padding:2px 0 2px 0; border-bottom:#FFCC99 1px dotted;}
#CON1 li a{ display:block;line-height:20px; background-image:url(../images/point_02.gif);background-repeat:no-repeat; padding-left:15px;}
#CON1 li a:hover{ color:#999900}
.more a{ display:block; font: bolder 11px Arial, Helvetica, sans-serif; float:right; width:60px;line-height:25px;}
#CON2A{ margin-left:410px; margin-top:0px; width:225px;  background-repeat:no-repeat; padding:0px 10px 10px 10px; line-height:20px;}
#CON2{ display:block; margin-top:0px ;margin-left:410px;  width:225px; background-image:url(../images/news.gif); background-repeat:no-repeat; padding:10px 10px 10px 10px; line-height:20px;}
#CON2 a:hover{ color:#993300}
.title_s1{ display:block;font-size:15px; color:#CC6633; font-weight:bold; line-height:25px; padding-bottom:10px;}
#CON2 ul{ padding:20px 0px 10px 0px;}
#CON2 li{ padding:5px 0 5px 0; border-bottom:#FFCC99 1px dotted;}
#CON2 li a{ display:block;line-height:20px; background-image:url(../images/point_02.gif);background-repeat:no-repeat; padding-left:15px;}
#CON2 li a:hover{ color:#999900}

#CON3 { padding:10px;}
#CON3 h3{ display:block; font:20px "微軟正黑體", SimHei; color:#999999; padding-bottom:10px;}
#CON3 p{ text-indent:1em}

#CON4 { padding:10px;}
#CON4 h3{ display:block; font:20px "微軟正黑體", SimHei; color:#999999; padding-bottom:10px;}
#CON4 p {
	display:block;
	color:#000000;
	font-family: Arial;
	left: 50px;
	padding-left: 50px;
}
a:link {
	color: #003399;
}

a:hover {
	color: #FF6600;
	text-decoration: underline;
}
a:visited {
	color: #003399;
}

/* 內容 */
#LIST { display:block; padding-bottom:10px;}
#LIST li a{display:block; background-image:url(../images/point_01.gif); line-height:20px; height: auto;  background-position:5px 10px; background-repeat:no-repeat; border-bottom: #00CCFF 1px dotted; color:#006699; padding-left:15px;}
#LIST li a:hover{ background-color:#6699CC; color:#fff;}

/* 頁尾 */
#FOOTER{ display:block; background-image:url(../images/footer.gif); background-repeat: no-repeat; height:100px; padding:10px 20px 0 20px; color:#996633; font-size:12px; line-height:15px; border-top: #FFFFFF 3px solid; background-color:#fff}
select {
	font-family: Arial;
}

/* 清除float */
.clearfloat{
clear:both;height:0;font-size:1px;line-height:0;}input {
	font-family: Arial;
}
/* 20130329小吳新增 */
#volunteers{display:block; margin-left:410px;  width:245px; height:120px; background-image:url(../images/volunteers_bg.gif); background-repeat:no-repeat; padding:0 0 10px 0;  }
#volunteers h2{ display:block; background:url(../images/volunteers.gif); height:43px; text-indent:-9999px;}
#volunteers ul{ width:210px; margin:auto}
#volunteers li{ float:left; padding:0 5px; }
#volunteers li a{ color:#336633}
.volunteers_btn1{ display:block; width:49px; height:20px; padding-top:55px; text-align:center; background:url(../images/Volunteers1.gif) center top no-repeat;}
.volunteers_btn2{ display:block; width:80px; height:20px; padding-top:55px; text-align:center; background:url(../images/Volunteers2.gif) center top no-repeat;}
.volunteers_btn3{ display:block; width:49px; height:20px; padding-top:55px; text-align:center; background:url(../images/Volunteers3.gif) center top no-repeat;}