﻿/*----------------------------兩側框1----------------------------*/
.side01 .background, .side01 .title, .side01 .base, .side01 .base2, .side01 .body {background-image: url(../images/frame_side_01.gif); DISPLAY: block; background-repeat: no-repeat; font-weight:normal; color:#333333; position:relative; z-index: 400; }
.side01 { margin:5px 20px 0 3px; }
.side01 .title {
	margin: 0px -20px  0  33px;
	padding: 8px  20px  10px  0;
	font-weight: bold;
	background-position: right top;
	text-align:left;
	font-size: 1.3em;
	color: #ed6704;
}
.side01 .subtitle {color: #6dc9fc; font-weight: bold; font-size: 0.75em;}
.side01 .background { margin: 0  20px 0  0 ;
  background-position: left top; background: 0 0 25px 25px; color: #336600;}
.side01 .body { 
    margin: 0 -20px 0 20px ;
    padding: 0 5px 0  0 ;
    background-position: right -65px ;
    position: relative; 
    height: 1%; 
}
.side01 .base { margin: 0  25px 0  0  ;
  background-position: left bottom; }
.side01 .base2 { margin: 0  -25px 0  20px ;
  padding-right: 0 25px 0  0  ;
  height: 20px    ;
  background-repeat: no-repeat; background-position: right bottom; }
/*----------------------------兩側框2----------------------------*/
.side02 .background, .side02 .title, .side02 .base, .side02 .base2, .side02 .body  { background-image: url(../images/frame_home_01.gif); DISPLAY: block; background-repeat: no-repeat; POSITION: relative; }
.side02 { POSITION: relative; margin:0; z-index: 400; width:100%;}
.side02 .title { margin: 0px -20px  0  22px;
	padding: 3px  20px  15px  0;
	font-weight: bold;
	background-position: right top;
	text-align:left;
	font-size: 1.3em;
	color: #9361de;}
.side02 .subtitle {color: #c99a02; font-weight: bold; font-size: 0.75em;}	
.side02 .background { background-position: left top; background: 0 0 25px 25px; margin-right: 15px; color: #336600;}
.side02 .body { MARGIN-LEFT: 15px; HEIGHT: 1%; background-position: right -75px; margin-right: -15px; padding-right: 15px;}
.side02 .base { background-position: left bottom; margin-right: 15px;}
.side02 .base2 { MARGIN-LEFT: 18px; HEIGHT: 15px; background-repeat: no-repeat; background-position: right bottom; margin-right: -15px; padding-right: 15px;}  

/*---------------------------- 全文檢索 ----------------------------*/
.search_side {width:100%; margin:0; background-image: url(../images/search_side.gif); background-repeat: no-repeat; font-weight:normal; color:#666666; position:relative; z-index: 400; height:90px; padding:0px 0 0 10px; margin: 0 0 0 5px;}
.search_side .title {
	padding: 9px  20px  15px  0; margin-left:18px;
	font-weight: bold;
	text-align:left;
	font-size: 1.3em;
	color: #9a0001;
}
.search_side .subtitle {color: #999999; font-weight: bold; font-size: 0.75em;}
.search_side dl { margin-top: -20px;}
.search_side dd { margin:0; float:left; } 
.search_side .input2 { margin-top:10px; }
.search_side .icon { background-image:url(../images/seaech_icon.gif); line-height:27px; text-align:right; background-repeat:no-repeat; margin:10px 0 0 12px; color:#FFFFFF; }

/*---------------------------- 公布欄 ----------------------------*/
.news_side dl {
	background-image:url(../images/icon.gif);
	margin: 5px 0;
	background-repeat:no-repeat;
	padding-left:40px;
	line-height:25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-position: 10px 2px;
}
.news_side dl a {
	color:#333366;
	font-weight:bold;
	font-size:1.25em;
}
/*---------------------------- 相關連結 ----------------------------*/
.friendly_links_side .background, .friendly_links_side .title, .friendly_links_side .base, .friendly_links_side .base2, .friendly_links_side .body  {background-image: url(../images/frame_friendly_links_side.gif); DISPLAY: block; background-repeat: no-repeat; z-index: 400; position:relative; }
.friendly_links_side {  POSITION: relative; margin:0; z-index: 400; width:100%;}
.friendly_links_side .title {
	background-position: right top;
	margin-left: 200px;
	margin-right: -15px;
	padding: 22px 15px 22px 0; }
.friendly_links_side .background { background-position: left top; background: 0 0 25px 25px; margin-right: 15px; color: #336600;}
.friendly_links_side .body {
	MARGIN-LEFT: 25px;
	POSITION: relative;
	HEIGHT: 1%;
	background-position: right -94px;
	margin-right: -15px;
	padding-right: 15px;
}
.friendly_links_side .base {background-position: left bottom; margin-right: 20px;}
.friendly_links_side .base2 {MARGIN-LEFT: 20px; HEIGHT: 10px; background-repeat: no-repeat; background-position: right bottom; margin-right: -20px; padding-right: 20px;} 
.friendly_links_side dd { float:left; margin: 3px;}

/*---------------------------- 行事曆 ----------------------------*/
.calendar_side .background, .calendar_side .title, .calendar_side .base, .calendar_side .base2, .calendar_side .body  {background-image: url(../images/frame_calendar_side.gif); DISPLAY: block; background-repeat: no-repeat; z-index: 450; POSITION: relative; }
.calendar_side {  }
.calendar_side .title {
	margin: 0  -20px  0  95px;
	padding: 15px  20px  5px  0;
	font-weight: bold;
	background-position: right top;
	text-align:left;
	font-size: 1.3em;
	color: #9a0001;
}
.calendar_side .background { background-position: left top; background: 0 0 25px 25px; margin-right: 20px;}

.calendar_side .body {
	MARGIN-LEFT: 23px;
	HEIGHT: 1%;
	background-position: right -94px;
	margin-right: -20px;
	padding-right: 20px;
}
.calendar_side .base { background-position: left bottom; margin-right: 20px;}
.calendar_side .base2 { MARGIN-LEFT: 20px; HEIGHT: 22px; background-repeat: no-repeat; background-position: right bottom; margin-right: -20px; padding-right: 20px;} 
.calendar_side table { }
.calendar_side td { padding:0; margin:0; width:25px; }
.calendar_side .daynormal { font-size:0.75em;
	text-align:center;
	line-height:18px;
	color:#003366;
	background-color:#CCCCCC;
}
.calendar_side .sunday { background-color:#FF9B9B;}
.calendar_side .saturday { background-color:#C2FF86;}
.calendar_side .day {height:20px;  font-size:0.75em;
	text-align:center;
	width:100%; padding:1px 3px; *padding:0;
	border: 1px solid #CCCCCC;
}
.calendar_side .day a { font-weight:bold;
	color:#0066CC;
}
.calendar_side .day a:hover {color:#990000;}
.calendar_side img { border:0;}
/*更多資訊*/.calendar_side_more { background-repeat:no-repeat; padding-left:22px; height:22px; line-height:19px; background-image:url(../images/more.gif); font-size:10px; width: 35px; position:relative; z-index:400; float: right; text-align:left; margin-top:10px;}
.calendar_side_more a { color:#FFFFFF; text-decoration:none;}

/*----------------------------每日一詞----------------------------*/
.dailysentence_side .background, .dailysentence_side .title, .dailysentence_side .base, .dailysentence_side .base2, .dailysentence_side .body  {background-image: url(../images/frame_dailysentence_side.gif); DISPLAY: block; background-repeat: no-repeat; z-index: 450; POSITION: relative; }
.dailysentence_side { POSITION: relative; margin:0; z-index: 400; width:100%;}
.dailysentence_side .title {padding: 16px 20px 20px 0; background-position: right top; margin-left: 200px; margin-right: -20px; }
.dailysentence_side .background { background-position: left top; background: 0 0 25px 25px; margin-right: 20px; color: #336600;}

.dailysentence_side .body {
	MARGIN-LEFT: 25px;
	HEIGHT: 1%;
	background-position: right -94px;
	margin-right: -20px;
	padding-right: 20px;
	text-align:left;
}
.dailysentence_side .base { background-position: left bottom; margin-right: 30px;}
.dailysentence_side .base2 { MARGIN-LEFT: 35px; HEIGHT: 22px; background-repeat: no-repeat; background-position: right bottom; margin-right: -30px; padding-right: 30px;} 
.dailysentence_side .subject {color:#FF6600; font-weight:bold; margin:4px 0 ; }
.dailysentence_side .content {color:#333333; margin: 0;  padding:0;}

/*----------------------------榮譽榜----------------------------*/
.winner_side .background, .winner_side .title, .winner_side .base, .winner_side .base2, .winner_side .body  { background-image: url(../images/frame_winner_side.gif); DISPLAY: block; background-repeat: no-repeat; POSITION: relative; }
.winner_side { POSITION: relative; margin:0; z-index: 400; width:100%;}
.winner_side .title { padding: 30px 15px 30px 0; background-position: right top; margin-left: 150px; margin-right: -15px;}
.winner_side .background { background-position: left top; background: 0 0 25px 25px; margin-right: 15px; color: #336600;}
.winner_side .body { MARGIN-LEFT: 15px; HEIGHT: 1%; background-position: right -75px; margin-right: -15px; padding-right: 15px;}
.winner_side .base { background-position: left bottom; margin-right: 15px;}
.winner_side .base2 { MARGIN-LEFT: 18px; HEIGHT: 15px; background-repeat: no-repeat; background-position: right bottom; margin-right: -15px; padding-right: 15px;} 
.winner_side dl {
	background-image:url(../images/icon.gif);
	margin: 5px 0;
	background-repeat:no-repeat;
	padding-left:40px;
	line-height:25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-position: 10px 2px;
}
.winner_side dl a {
	color:#333366;
	font-weight:bold;
	font-size:1.25em;
}

/*---------------------------- 表單下載 ----------------------------*/
.download_side .background, .download_side .title, .download_side .base, .download_side .base2, .download_side .body  { background-image: url(../images/frame_download_side.gif); DISPLAY: block; background-repeat: no-repeat; POSITION: relative; }
.download_side { POSITION: relative; margin:0; z-index: 400; width:100%;}
.download_side .title { padding: 30px 15px 30px 0; background-position: right top; margin-left: 150px; margin-right: -15px;}
.download_side .background { background-position: left top; background: 0 0 25px 25px; margin-right: 15px; color: #336600;}
.download_side .body { MARGIN-LEFT: 15px; HEIGHT: 1%; background-position: right -75px; margin-right: -15px; padding-right: 15px;}
.download_side .base { background-position: left bottom; margin-right: 15px;}
.download_side .base2 { MARGIN-LEFT: 18px; HEIGHT: 15px; background-repeat: no-repeat; background-position: right bottom; margin-right: -15px; padding-right: 15px;} 
.download_side dl { background-image:url(../images/icon.gif);
	margin: 5px 0;
	background-repeat:no-repeat;
	padding-left:40px;
	line-height:25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-position: 10px 2px;
}
.download_side dl a {
	color:#333366;
	font-weight:bold;
	font-size:1.25em;
}
/*----------------------------捐款專戶----------------------------*/
.donation_side { clear:both;}
.donation_side .bank { color:#685fd2; font-size: 1.3em; font-weight:bold; margin-top:5px;}
.donation_side .account { background-image:url(../images/icon_02.gif);
	margin: 2px 0; font-size: 1.1em; background-position:left 3px;
	background-repeat:no-repeat;
	padding-left:13px;
	line-height:18px; color:#555555; }
.donation_side dl { margin:0;}	
/*---------------------------- 氣象資訊 ----------------------------*/
.meteo_side .city {
	font-weight:bold;
	color:#0099CC;
	background-image:url(../images/icon/lightning.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	padding-left:18px;
	font-size: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.meteo_side .info {
	background-image:url(../images/icon/bullet_yellow.gif);
	margin: 2px 0;
	font-size: 1.1em;
	background-position:left -2px;
	background-repeat:no-repeat;
	padding-left:18px;
	line-height:18px;
	color:#009900;
}

/*---------------------------- 線上投票 ----------------------------*/
.vote{
	margin:0 0 30px 0;
	}
	
.vote dl{
	margin:0 0 5px 0;
	}
	
.vote dt{
	background:url(../images/icon/button199.gif) no-repeat left center;
	font-weight:bold;
	color:#990066;
	padding:0 0 0 12px;
	}
	
.vote dd{
	margin:0 0 5px 25px;
	}
	
.vote a{
	padding:0 0 0 18px;
	color:#0000FF;
	}
	
.vote a:hover{
	color:#f90;
	}
	
.vote .go_vote{
	background:url(../images/icon/icon_member.gif) no-repeat left center;
	}
	
.vote .vote_result{
	background:url(../images/icon/chart_bar.gif) no-repeat left center;
	}