@charset "utf-8";
@media screen{
body {
background-color:#FFFFFF;
text-align:left;
color:#333333;
padding:0px;
margin:0px;
font-size:13px;
}
A{
	color: #333333;
	text-decoration:none;
}

A:hover{
	color: #333333;
	text-decoration: underline;
}
form{
margin:0px;
}
#webDiv{
margin-top: 0;
margin-left:auto;
margin-right:auto;
padding:0px;
width:990px;
/*
max-width:1024px;
_width: expression(((document.body.clientWidth)) > 1024? "1000px":"auto" );
*/
}
#container{
/*
min-width: 820px;
_width: expression(((document.body.clientWidth)) < 920? "915px":"auto" );
*/
}
.returnMessage{
color:#FF0000;
}
.push_blk{
background:url(/images/voteBg.gif) 0 0 no-repeat;
width:59px;
height:59px;
float:right;
margin-left:5px;
}
.push_blk .push_btn, .push_blk .push_btn_off {
margin:0 auto;
width:57px;
height:22px;
}
.push_blk .push_num{
color:#1479c7;
text-align:center;
height:27px;
padding-top:9px;
font-size:16pt;
}
.push_blk .push_num span.unit{
font-size:8pt;
}
.push_blk .push_btn a {
background:url(/images/Bt.gif) -129px 0px no-repeat;
display:block;
height:22px;
}
.push_blk .push_btn a:hover {
background:url(/images/Bt.gif) -129px -22px no-repeat;
}
.push_blk .push_btn_off{
background:url(/images/Bt.gif) -129px -44px no-repeat;
}
	
.contentRight{
margin-left:200px;
}
.background-color-gray{
background-color:#E6E7E2;}


form{
	display: inline;
}
	
}

@media screen,print{
/*--------------------------------banner-----------------------------------------*/
.banner{
height:65px;
margin:0;
padding:0;
padding-top:2px;
}
.topMenu{
position:absolute;
margin:25px 0px 0px 270px;
width: 100%;
}
.topMenu span {
	float: left;
}
.mail{
float:right;
margin:5px 2px 0 0;
}

.colorLine{
height:20px;
background:#ABAFB2;
margin-bottom:2px;
margin-top:2px;
padding: 0px 3px;	
color:white;
text-align:right;
}
.colorLine a{
	color:white;
	font-size: 11px;
}	

.button01 a{
background:url(images/index/hion01.gif) 0 0 no-repeat;
}
.button02 a{
background:url(images/index/hion02.gif) 0 0 no-repeat;
}
.button03 a{
background:url(images/index/hion03.gif) 0 0 no-repeat;
}
.button04 a{
background:url(images/index/hion04.gif) 0 0 no-repeat;
}
.button05 a{
background:url(images/index/hion05.gif) 0 0 no-repeat;
}
.button06 a{
background:url(images/index/hion06.gif) 0 0 no-repeat;
}
.button07 a{
background:url(images/index/hion07.gif) 0 0 no-repeat;
}
.button08 a{
background:url(images/index/hion08.gif) 0 0 no-repeat;
}
.button01 a ,.button02 a ,.button03 a ,.button04 a,.button05 a,.button06 a,.button07 a,.button08 a{
width:82px;
height:41px;
display:block;
}
.button01 a:hover ,.button02 a:hover ,.button03 a:hover ,.button04 a:hover,.button05 a:hover,.button06 a:hover,.button07 a:hover,.button08 a:hover{
background-position: 0px -41px;
}
.large a{
background:url(images/L.gif) 0 0 no-repeat;
}
.middle a{
background:url(images/M.gif) 0 0 no-repeat;
}
.small a{
background:url(images/S.gif) 0 0 no-repeat;
}
.large a,.middle a,.small a{
width:42px;
height:20px;
display:block;
}
.large a:hover,.middle a:hover,.small a:hover{
background-position: 0px -20px;
}
	
.fb a, .mobile a{
	width: 26px;
	height: 35px;
	display: block;
	float: left; 
	margin: 0px 5px 0px 0px;
}
.fb a{
	background: url(/images/bt_fb.png) no-repeat 0 -35px;
}
.mobile a{
	background: url(/images/bt_mobile.png) no-repeat 0 -35px;
}
.fb a:hover, .mobile a:hover{
	background-position: 0 0;
}
	
/*--------------------------------LeftBox-----------------------------------------*/
#LeftTable {
float:left;
width:204px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
/*---border-right:1px solid #DDD;--*/
}
.searchBox{
margin:3px 3px 0px 3px;
width:197px;
padding:0px;
text-align:left;
border:1px solid #DDDDDD;
background-repeat:no-repeat;
background-image:url(images/index/a001.gif);
}

.articleBox{
margin:3px 3px 3px 3px;
width:197px;
text-align:left;
border:1px solid #DDDDDD;
background-repeat:no-repeat;
background-image:url(images/index/a002.gif);
}
.d1{
color:#B1260F;
padding:10px 10px 0px 10px;
}
.d1 a,.d1 a:hover{
color:#B1260F;
}
.articleBox .d2 a, .authorBox a.d2{
text-decoration:none;
color:#7D5000;
}
.articleBox .d2 a:hover, .authorBox a.d2:hover{
text-decoration:underline;
color:#7D5000;
}
.articleBox .d2{
color:#7D5000;
padding:10px 10px 0px 10px;
}
.d3{
color:#B1260F;
padding:0px 10px 5px 10px;
border-bottom: 1px dotted #ccc;
}
.d3 a {
color:#B1260F;
}	
a.vtitle{
color:#B1260F;
font-size:14px;
}
.articleBox ul, ul.list{
list-style:url(images/index/dot.gif);
color:#333333;
padding:8px 5px 0px 0;
margin-top:0px;
margin-left:30px;
line-height:20px;
}
.articleBox ul li span, ul.list li span{
color:#315259;
padding-left:3px;
}
#scroll{
	margin: 10px auto 0px;
	width: 100px;
}
#scroll div{
	float: left;
}
#scroll a{
	margin: 0px 0px 0px 10px;
	font-size: 13px;
}
#scroll_up, #scroll_down{
	background: url(/images/index/arrow-01.png) no-repeat 0 50%;
	width: 25px;
	height: 15px;
	margin: 0px auto;
	cursor: pointer;
}	
div#scroll_down{
	background: url(/images/index/arrow-02.png) no-repeat 0 50%;
}
#scroll_view{
	height:330px;
    overflow:hidden;
    position: relative;
}
#news_list{
	position: relative;
	 
}
ul.index{
	margin-left: 10px;
	list-style: none;
}
ul.index li{
	margin: 5px 0px 0px;
	min-height: 70px;
	_height: 70px;
	float: left;
	width: 100%;
	border-bottom: 1px dashed #ccc;	
}	
ul.index li span{
	padding-left: 0px;
}
.thumb {vertical-align: top;float: left;margin: 0px 0px 0px;}
a.thumb_wrp {width: 50px;height: 50px; overflow: hidden; display: block; float: left; margin-right: 10px;padding: 0px;}
.ponArticle{
color:#056704;
}
.ponArticle a{
color:#056704;
text-decoration:none;
}
.ponArticle a:hover{
color:#056704;
text-decoration:underline;
}
.fbplugin{text-align:center;margin: 5px 0px;border-bottom: 1px dotted #ccc;padding-bottom: 5px;width:180px;}
.fbplugin .link{text-align: left;margin:5px 0px 0px 5px;}
.fbplugin .link a{background:url(images/index/geen01.gif) 0 50% no-repeat;padding-left: 10px;}
/*--------------------------------RightBox-----------------------------------------*/
#RightTable {
float:right;
width:205px;
padding:0px 2px 0px 0px;
margin:0px 0px 0px 0px;
/*---border-left:1px solid #DDD;--*/
}
.mailBox {
margin:3px 3px 3px 3px;
text-align:left;
width:197px;
border:1px solid #DDDDDD;
background-repeat:no-repeat;
background-image:url(images/index/a001.gif);
}

.adBox {
margin:3px 3px 0px 3px;
text-align:center;
padding-top:5px;
width:197px;
border:1px solid #DDDDDD;
background-repeat:no-repeat;
background-image:url(images/index/a003.gif);
}

.adBox_rightBottom {
margin:3px 3px 0px 3px;
text-align:center;
padding-top:5px;
padding-bottom:5px;
width:197px;
border:1px solid #DDDDDD;
background-repeat:no-repeat;
background-image:url(images/index/a002.gif);
}

.authorBox {
margin:3px 3px 0px 3px;
padding: 0px 7px 5px;
text-align:left;
width:183px;
min-height: 130px;
_height: 130px;
border:1px solid #DDDDDD;
background:url(images/index/a002.gif) no-repeat;
}

.authorBox .ap A{
color: #3F9123;
text-decoration:none;
}

.authorBox .ap A:hover{
color: #3F9123;
text-decoration:underline;
}

.authorBox .p1 {
line-height: 1.5em;
padding:10px 0px 0px 0px;
}

.authorBox .p2 {
color:#FD8D75;
line-height:18px;
padding:0px 8px 0 0;
}

.authorBox .p3 {
color:#93ACC0;
line-height:18px;
padding:0px 0px 10px 0;
text-indent:12px;
}
.authorBox .p4 {
color:#912F24;
line-height:25px;
padding-left:10px;
}
.authorBox .wpic {
float:left;
padding:10px 0px 0px 0px;
}
.authorBox .pimg {
float:left;
margin:0px 5px 0px 0px;
padding:0px;
}
.authorBox .pimg img{
	width:55px;
}
.rss{
margin-left:5px;
margin-bottom:5px;
}

/*--------------------------------Word-----------------------------------------*/
.style1 {
font-size:13px;
color:#333333;
line-height:22px;
margin:0px;
}
.style2 {
font-size:13px;
color:#72AADB;
line-height:22px;
margin:0px;
}
.style3 {
font-size:13px;
color:#333333;
line-height:22px;
margin:0px;
}
.style4 {
font-size:13px;
color:#912F24;
line-height:22px;
margin:0px;
}
.style5 {
font-size:13px;
color:#FD8D75;
line-height:22px;
}
.style6 {
font-size:12px;
color:#000;
font-weight:normal;
}
.style7 {
font-size:16px;
color:#000;
font-weight:normal;
}
.style7a {
font-size:16px;
color:#000;
font-weight:bolder;
}

.style8 {
font-size:18px;
color:#000;
font-weight:bolder;
font-family:"標楷體";
}
	
.style9{
	color:#056704;
	font-size:13px;
}

/*--------------------------------content-----------------------------------------*/

.contentBox {
padding:5px 5px 0px 5px;
margin-left:202px;
margin-right:205px;
margin-bottom:0px;
}
.title01 {
background:url(images/index/w001.gif) left top no-repeat #95ABC0;
height:19px;
}
.title02 {
background:url(images/index/w002.gif) left top no-repeat #95ABC0;
height:19px;
}
.title03 {
background:url(images/index/w003.gif) left top no-repeat #95ABC0;
height:19px;
}
.news {
list-style-image:url(images/index/geen01.gif);
}

.more {
float:right;
padding:7px 5px 0px 0px;
}
.returnMsg {
	margin-left: 5px;
	color: #CC3300;
}
.returnMsg_h {
border: 1px solid #FF9966;
background:#FFFFCC;
}



/*-------------------------------pages-----------------------------*/
.pages{
text-align:center;
font-family: sans-serif;
font-size:12px;
line-height:30px;
}
.pages a,.pages a:visited{
color:#333;
text-decoration:none;
}
.pages a:hover{
background:#ABACAF;
color:#fff;
border:1px solid #cccccc;
text-decoration:none;
}
.pages a.pagenum{
border:1px solid #cccccc;
padding:3px 5px 3px 5px;
}
.cpage{
border:1px solid #fff;
padding:3px 5px 3px 5px;
color:#FF560B;
font-weight:bolder;
vertical-align: top;
}

/*--------------------------------pdf content-----------------------------------------*/
.bulletinType span.pdftypeName{
font-family:"標楷體";
font-size:18px;
font-weight:bolder;
color:#5E9013;
padding-left:10px;
padding-top:3px;
}
.pdftitle {
background:left top no-repeat #95ABC0;
color:#fff;
line-height:20px;
height:19px;
}
.pdfcontentBox {
padding:5px 5px 0px 5px;
}
ul.pdfnews{
padding-left:10px;
margin-left:10px;
}
.pdfpreLink a,.pdfpreLink a:hover{
color:#72A6B3;
}
/*--------------------------------Bulletin-----------------------------------------*/
.listBox {	
margin:3px 3px 0px 3px;
width:197px;
border:1px solid #DDDDDD;
text-align:left;	
background:url(images/index/a002.gif) no-repeat;
}
.listBox ul{
list-style:url(images/index/dot.gif);
color:#333333;
padding:8px 5px 0px 0;
margin-top:0px;
margin-left:30px;
line-height:20px;
}
.listBox ul li span{
color:#315259;
padding-left:3px;
}
.listMenu{
float:left;
}
.contentSection{
margin-left:200px;
width: 780px;
/*float:left;*/
}
.mainSection{
text-align:left;
margin:20px 10px 0px 10px;
min-height:100%;
}
.titleHead{
background:url(images/index/titlebg.gif) no-repeat;
font-family:"標楷體";
font-size:22px;
font-weight:bolder;
color:#003262;
height:45px;
padding:12px 0 0 20px;
}
.titleHead span{
margin:100px 0 0 0;
border:0px solid #000;
}
.mainSection ul{
list-style:url(images/index/tw01.gif);
color:#333333;
padding:8px 5px 0 0;
margin-top:0px;
margin-left:45px;
line-height:22px;
}
.mainSection ul li span.articleDate{
color:#FD8D75;
padding-left:3px;
}
.pushCount{
	font-size: 11px;
	color: #646464;
}
.previous{
text-align:center;
}
.previous span{
padding-left:5px;
}
.previous a{
color:#6FA4B4;
text-decoration:none;
}
.previous a:hover{
color:#6FA4B4;
text-decoration:none;
}
.title{
font-family:"標楷體";
font-size:22px;
font-weight:bolder;
color:#003262;
text-align:center;
margin-bottom:10px;
}
.subtitle{
font-family:"標楷體";
font-size:18px;
font-weight:bolder;
color:#B2C5D4;
text-align:center;
margin-bottom:10px;
}
.author{
font-size:13px;
color:#F48A62;
text-align:right;
margin-bottom:10px;
}
.date{
padding-left:2px;
}
.outline{
font-family:"標楷體";
font-size:15px;
color:#7F8797;
line-height:20px;
margin-bottom:10px;
}
.message{
line-height:22px;
margin-bottom:10px;
color:#333333;
}
.message a,.message a:hover{
color:#0033FF;
}
.boxmain {
text-align:left;
width:90%;
border:1px solid #DDDDDD;
background:url(images/index/a004.gif) no-repeat;
padding:10px;
padding-top:10px;
margin-bottom:10px;
}
.boxtitle{
font-size:15px;
color:#A92C18;
text-align:center;
margin-bottom:10px;
}
.boxcontent{
line-height:20px;
}
.source{
color:#419122;
}
.source a{
color:#419122;
text-decoration:none;
}
.source a:hover{
color:#419122;
text-decoration:underline;
}
#previousBT a{
background:url(images/index/previousBT.gif) 0 0 no-repeat;
width:71px;
height:21px;
display:block;
}
#previousBT a:hover{
background-position: 0px -21px;
}
.page{
color:#000000;
margin-top:10px;
text-align:center;
}
.page span{
padding-left:5px;
padding-right:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.page span#pre a,.page span#next a,.page span#pre a:hover,.page span#next a:hover{
text-decoration:none;
color:#000;
}
.page span.nowPage a,.page span.nowPage a:hover{
text-decoration:none;
color:#FB8200;
font-size:18px;
font-weight:bloder;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.bulletinType{
margin-left:23px;
margin-right:23px;
background:url(images/index/dotline.gif) repeat-x center bottom;
}
.bulletinType span.typeName{
font-family:"標楷體";
font-size:18px;
font-weight:bolder;
color:#5E9013;
background:url(images/index/dot01.gif) no-repeat center left;
padding-left:10px;
padding-top:3px;
}
.bulletinType span.bMore{
float:right;
padding-top:10px;
margin-right:5px;
}
.bottomFuncBar{
text-align:right;
margin-right:10px;
}
.bottomFuncBar span{
margin-right:7px;
}
.bottomFuncBar span.homePage{
background:url(images/index/home_16.gif) no-repeat;
padding-left:16px;
}
.bottomFuncBar span.preLink{
background:url(images/index/previous.gif) no-repeat;
padding-left:16px;
}
.bottomFuncBar span.forward{
background:url(images/index/mail.gif) no-repeat top left;
padding-left:16px;
}
.bottomFuncBar span.print{
background:url(images/index/print.gif) no-repeat;
padding-left:16px;
}
.bottomFuncBar span.preLink a,.bottomFuncBar span.forward a,.bottomFuncBar span.print a,.bottomFuncBar span.homePage a{
color:#72A6B3;
text-decoration:none;
}
.bottomFuncBar span.preLink a:hover,.bottomFuncBar span.forward a:hover,.bottomFuncBar span.print a:hover{
color:#72A6B3;
text-decoration:underline;
}

/*--------------------------------search-----------------------------------------*/
.advSearchMainSection{
border:1px solid #C3D4E6;
margin:20px;
padding-top:10px;
padding-bottom:10px;
}
.advSearchBanner{
background:#E9EEF2;
height:22px;
}
.keywordInput,.authorKey{
color:#15437E;
margin-bottom:10px;
}
.authorKey,.dateKey{
margin-left:40px;
}
.dateKey{
color:#000;
margin-bottom:10px;
}
.dateKey span{
color:#15437E;
}
.dateKey input{
border:1px solid #96ADBD;
}
input.keywordtext{
border:1px solid #96ADBD;
background:#EFEFEF;
width:350px;
margin-right:5px;
}
.dotLine{
padding:10px;
background:url(images/index/dotline.gif) repeat-x center;
}

.qryRes {
font-size:12px;
color:#820F27;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*--------------------------------------datatable------------------------------------------------------*/
.datatable {
border:1px solid #A1A0A2;
border-collapse:collapse;
}
.datatable td {
border:1px solid #ccc;
padding:2px;

}
.datatable th {
border:1px solid #A1A0A2;
padding:2px;
/*background-color:#ABAFB2;*/
color:#335000;
}
.datatable tr.bgcolor {
background-color:#DCDDD3;
}

/*--------------------------------------datatable2------------------------------------------------------*/
.datatable2 {
border:1px solid #6699CC;
border-collapse:collapse;
}

.datatable2 td {
border:1px solid #FFFFFF ;
padding:2px;
}

.datatable2 th {
border:1px solid #FFFFFF;
background-color: #5D9BA6;
color:#FFFFFF;
}
/*
.datatable2 tr.bgcolor {
background-color:#DCDDD3;
background-color: #CCFF33
}

table.datatable2 tobody tr.odd td {
  background-color: #6699FF;
}
*/
/*--------------------------------------datatable3------------------------------------------------------*/
.datatable3 {
border:1px solid #A1A0A2;	
border-collapse:collapse;
}

.datatable3 td {
border:1px solid #A1A0A2 ;
padding:2px;
}

.datatable3 th {
border:1px solid #A1A0A2;
background-color: #5D9BA6;
color:#FFFFFF;
}

/*--------------------------------aboutus-----------------------------------------*/
ul.aboutdot {
list-style-image:url(images/index/dot03.gif);
padding:0px 0px 0px 20px;
margin-left:20px;
color:#AA311B;
line-height:22px;
}
ul.aboutdot a {
text-decoration:none;
color:#AA311B;
}
ul.aboutdot a:hover {
text-decoration:underline;
color:#AA311B;
}
.about_subtitle {
font-size:16px;
font-family:"標楷體";
font-weight:bold;
color:#898042;
line-height:22px;
padding-top:15px;
}
.about_content {
text-indent:20px;
line-height:22px;
padding:0px;
margin:0px;
}
.aboutusContent{
margin:10px 20px 30px 20px;
}
.aboutusContent p{
margin:0px;
line-height:22px;
}
.aboutusContent ul{
list-style:url(images/index/) none;
margin-left:5px;

}
/*--------------------------------by author-----------------------------------------*/
.tableStyle{
border-collapse:collapse;
width:95%;
margin-top:10px;
}
tr.hilight:hover,tr.hilight{
background:#ECEEED url(images/dot.gif) repeat-x bottom center;
}
tr.unhilight{
background:url(images/dot.gif) repeat-x bottom center;
}
.tableStyle th{
font-weight:normal;
border-bottom:1px solid #666666;
padding: 5px;
}
.tableStyle td{
line-height:20px;
padding: 5px;
}
.authorder{
background: url(../images/index/a001.gif) repeat-x center top;
width:90%;
height:100%;
border:1px solid #E1E5E4;
margin-right:auto;
margin-left:auto;
margin-top:10px;
margin-bottom:10px;
}

/*--------------------------------forward-----------------------------------------*/
.forwardTitle{
padding:5px 0 0 0;
}
.forwardTitle a,.forwardTitle a:hover{
font-family:"標楷體";
font-size:20px;
font-weight:bolder;
color:#8A1027;
}
.forwardInput{
color:#133B79;
margin-bottom:15px;
}
.forwardInput input{
border:1px solid #96ADBD;
background:#EFEFEF;
width:500px;
margin-right:5px;
}
/*--------------------------------footer-----------------------------------------*/
.footer {
clear:both;
height:22px;
font-size:12px;
color:#4A4A4A;
background-color:#ABAFB2;
border-top:2px solid #FFF;
line-height:22px;
text-align:center;
vertical-align:bottom;
}
}
@media print {
/**/
#webDiv,#container{
margin: 0px auto;
}
.listMenu{
display:none;
}
.contentSection{
width: 608px;
margin: 0px;
}
.bottomFuncBar{
display:none;
}
.footer{
display:none;
}
.mail{
display:none;
}
.message{
font-weight:bold;
}
#changeFontSizeSection {
display: none;
}
.push_blk, .returnMessage{
	display:none;
}
	
}