/* CSS 基本排版設定 */
body { font-size:100%;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; behavior: url(csshover.htc); line-height: 1.35em; margin:0; padding:0; background: url('images/bg.jpg') repeat-y center top;}
a:link{color: blue;text-decoration: none;}	 
a:visited {color: #663366; text-decoration: none;}			
a:hover {color: red; text-decoration: none;}		
a:active {color: #4f8adc; text-decoration: none;}
				
.link a{font-size:50%; color: #fff; text-decoration: none;}
.t75 {font-size:75%;}
.t80 {font-size:80%; }
.t85 {font-size:85%; color:#333; line-height: 1.5em;}
.t90 {font-size:90%; color:#333333; margin:0 15; padding:0 0 0 2em;}
.t95 {font-size:95%;}
.t100 {font-size:100%;}
.linetop { border-top: 1px solid #666;}
.padd3 {padding-left:3em; }
.padd4 {padding-left:4.7em; }
.padd5 {padding-left:5em; }
.padd2 {padding-left:2em;}
.tpadd2 {padding-left:2em; text-indent: -2em;}
.tpadd3 {padding-left:3em; text-indent: -3em;}
.tpadd4 {padding-left:4em; text-indent: -4em;}
.date {font-size:0.8em; color:#996600; font-weight:bold;}

#more { float:right; font-size:90%; color:#333; margin:0; padding:15 20; }
html>body #more {float:right; font-size:80%; color:#333; margin:0; padding:5 10;}
#more a:link{color:#005121;text-decoration: none;}	 
#more a:visited {color:#005121; text-decoration: none;}			
#more a:hover {color: red; text-decoration: none;}		
#more a:active {color:#005121; text-decoration: none;}


from {margin:0; padding:0;}

#searchbg { background:#bebec0; width:auto; margin:0; padding:0 ; }

/*上方語系區塊*/
.tophead {font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size:85%; color:#333; padding:5 0; border-bottom:3px solid #FF9900;}
.tophead a:link{font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; color:#333;text-decoration: none;}	 
.tophead a:visited {font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; color:#663366; text-decoration: none;}			
.tophead a:hover {font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; color:red; text-decoration: none;}		
.tophead a:active {font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; color:#4f8adc; text-decoration: none;}

/*上方主選單*/
ul#globalNav { list-style-type:none;  padding:0; margin:0; float:left; width: 165px;}
/*01議會簡介*/
ul#globalNav li.aboutUs a:link, ul#globalNav li.aboutUs a:visited { display: block; width: 165px; height: 31px; font-size:100%; color:#FFF; background: url('images_head/head01.jpg') no-repeat left center; text-decoration: none; text-align: left; margin:0; padding:0 0 0 55px;  }
ul#globalNav li.aboutUs a:hover { width: 165px; background: url('images_head/head01-1.jpg') no-repeat left bottom; color: #333; }

/*body#aboutUs li.aboutUs a:link, body#aboutUs li.aboutUs a:visited { background: url('images_head/head01.jpg') no-repeat left bottom; color: #FFF}

html>body ul#globalNav li.aboutUs a:link, ul#globalNav li.aboutUs a:visited { display: block; width: 110px; height: 25px; margin:0; padding:5 0 0 55; font-size:100%; color:#FFF;  text-decoration: none; text-align: left; }
html>body ul#globalNav li.aboutUs a:hover { background: url('images_head/head01-1.jpg') no-repeat left bottom; color: #333}
html>body body#aboutUs li.aboutUs a:link, body#aboutUs li.aboutUs a:visited { background: url('images_head/head01.jpg') no-repeat left bottom; color: #FFF}*/


/*歷史沿革及會史館*/
ul#globalNav li.pro a:link, ul#globalNav li.pro a:visited { display: block; width: 165px; height: 31px; font-size:100%; color:#FFF; background: url('images_head/head02.jpg') no-repeat left bottom; text-decoration: none; text-align: left; padding-left:55; margin:0; padding-right:0; padding-top:0; padding-bottom:0; }
ul#globalNav li.pro a:hover { background: url('images_head/head02-1.jpg') no-repeat left bottom; color: #333;}

/*body#pro li.pro a:link, body#pro li.pro a:visited { background: url('images_head/head02.jpg') no-repeat left bottom; color: #FFF}

html>body ul#globalNav li.pro a:link, ul#globalNav li.pro a:visited { display: block; width: 110px; height: 25px; margin:0; padding:5 0 0 55; font-size:100%; color:#FFF;  text-decoration: none; text-align: left; }
html>body ul#globalNav li.pro a:hover { background: url('images_head/head02-1.jpg') no-repeat left bottom; color: #333}
html>body body#aboutUs li.pro a:link, body#pro li.pro a:visited { background: url('images_head/head02.jpg') no-repeat left bottom; color: #FFF}*/

/*姐妹市*/
ul#globalNav li.contact a:link, ul#globalNav li.contact a:visited { display: block; width: 165px; height: 31px; font-size:100%; color:#FFF; background: url('images_head/head03.jpg') no-repeat left bottom; text-decoration: none; text-align: left; margin:0;  padding-left:55; padding-right:0; padding-top:0; padding-bottom:0; }
ul#globalNav li.contact a:hover { background: url('images_head/head03-1.jpg') no-repeat left bottom; color: #333;}

/*body#contact li.contact a:link, body#contact li.contact a:visited { background: url('images_head/head03.jpg') no-repeat left bottom; color: #FFF}

html>body ul#globalNav li.contact a:link, ul#globalNav li.contact a:visited { display: block; width: 110px; height: 25px; margin:0; padding:5 0 0 55; font-size:100%; color:#FFF;  text-decoration: none; text-align: left; }
html>body ul#globalNav li.contact a:hover { background: url('images_head/head03-1.jpg') no-repeat left bottom; color: #333}
html>body body#aboutUs li.contact a:link, body#contact li.contact a:visited { background: url('images_head/head03.jpg') no-repeat left bottom; color: #FFF}*/


/*台南市概況*/
ul#globalNav li.laws a:link, ul#globalNav li.laws a:visited { display: block; width: 165px; height: 31px; font-size:100%; color:#FFF; background: url('images_head/head04.jpg') no-repeat left bottom; text-decoration: none; text-align: left; margin:0; padding-left:55; padding-right:0; padding-top:0; padding-bottom:0; }
ul#globalNav li.laws a:hover { background: url('images_head/head04-1.jpg') no-repeat left bottom; color: #333;}

/*body#laws li.laws a:link, body#laws li.laws a:visited { background: url('images_head/head04.jpg') no-repeat left bottom; color: #FFF}

html>body ul#globalNav li.laws a:link, ul#globalNav li.laws a:visited { display: block; width: 110px; height: 25px; margin:0; padding:5 0 0 55; font-size:100%; color:#FFF;  text-decoration: none; text-align: left; }
html>body ul#globalNav li.laws a:hover { background: url('images_head/head04-1.jpg') no-repeat left bottom; color: #333}
html>body body#aboutUs li.laws a:link, body#laws li.laws a:visited { background: url('images_head/head04.jpg') no-repeat left bottom; color: #FFF}*/

/*左方宣告區*/
#leftmenu {background:url('images/leftbg01.jpg') repeat-y left bottom; padding-bottom:170px; float:left; width:165px; margin:0;  }
#leftmenu h1 {background: url('images/menu01.jpg') no-repeat 100% 0%; font-size:105%; color:#fff; margin:0; padding-left:40; padding-right:5; padding-top:12; padding-bottom:1.5em}
#leftmenu h2 {background: url('images/menu02.jpg') no-repeat 100% 0%; font-size:100%; color:#fff; margin:0; padding-left:40; padding-right:5; padding-top:12; padding-bottom:1.5em}
#leftmenu h2 a:link{color:#fff ; text-decoration: none;}
#leftmenu h2 a:visited {color:#fff; text-decoration: none;}
#leftmenu h2 a:hover {color:yellow; text-decoration: none;}
#leftmenu h2 a:active {color: #fff; text-decoration: none;}

#leftmenu ul { font-size:100%; color:#333333; margin:0; padding:0 0 1em 0;}
#leftmenu li { background: url('images_icon/li_8.gif') no-repeat 15% 50%; margin:0; border-bottom: 1px solid #CCC; line-height: 1.6em; list-style-type:none; padding-left:2.7em; padding-right:0; padding-top:0; padding-bottom:0}
html>body #leftmenu li { font-size:85%; background: url('images_icon/li_8.gif') no-repeat 15% 60%; margin:0; border-bottom: 1px solid #CCC; line-height: 1.6em; list-style-type:none; padding-left:3em; padding-right:0; padding-top:0; padding-bottom:0}
#leftmenu .fc {background: url('images_icon/li_12.gif') no-repeat 25px 2px; padding-left:40px}


/*右方宣告區*/
#righttop {background:url('images/righttopbg.jpg') repeat-y; width:200px; font-size:90%; color:#333333; background-repeat:repeat-y }
#righttop h1 {font-size:105%; color:#fff; margin:0; letter-spacing:0.1em; padding-left:3.1em; padding-right:5; padding-top:5; padding-bottom:5}
.menuhead {background: url('images/menu03.jpg') no-repeat; }
.menuhead01 {background: url('images/menu03a.jpg') no-repeat; }

#righttop h2 {background: url('images/menu04.jpg') 100% 0%; font-size:105%; color:#fff; margin:0; letter-spacing:0.1em; padding-left:3.1em; padding-right:5; padding-top:1.2em; padding-bottom:5}
#righttop h3 { background:url('images_icon/h2_bg.gif') no-repeat 50% 0%; font-size:90%; color:#fff; margin:0.5em; width:160px; padding-left:2.5em; padding-right:0; padding-top:3px; padding-bottom:0}
html>body #righttop h3 { background:url('images_icon/h2_bg.gif') no-repeat 30% 0%; font-size:90%; color:#fff; margin:0.4em 0.3em; width:160px; padding-left:2.5em; padding-right:0; padding-top:2px; padding-bottom:0}
#righttop ul { margin:0 0 0.5em 2em; padding:0; width:160px;}
html>body #righttop ul { font-size:80%; margin:0 0 0 2.2em; padding:0; width:157px; }
#righttop li { background: url('images_icon/li_7.gif') no-repeat 5% 10%; margin:0; line-height: 1.5em; list-style-type:none; padding-left:1.7em; padding-right:0; padding-top:0; padding-bottom:0 }
html>body #righttop li { background: url('images_icon/li_7.gif') no-repeat 5% 10%; margin:0; list-style-type:none; padding-left:2.2em; padding-right:0; padding-top:0; padding-bottom:0 }

#rightmenu {background:url('images/rightbg.jpg') repeat-y left bottom; padding-bottom:170px; width:200px; margin:0;  }
#rightmenu h1 {font-size:105%; color:#fff; margin:0; letter-spacing:0.1em; padding-left:3.1em; padding-right:5; padding-top:5; padding-bottom:5}
#rightmenu h2 {background: url('images/menu04.jpg') 100% 0%; font-size:105%; color:#fff; margin:0; letter-spacing:0.1em; padding-left:3.1em; padding-right:5; padding-top:1.2em; padding-bottom:5}
#line {border-bottom:1px dotted #999; margin:3px;}
#banner { margin:5 0 0 12; padding:0; }

/*中間內容宣告區*/
#middle { margin:0; padding:0 15 0 25; font-size:1em; color:#333333; }
#middle ul { margin:0; padding:0 15 0 4.5em; text-align:left; }
#middle h1 { background: url('images_icon/head01.gif') no-repeat left bottom; font-size:1em; color:#000066; text-align:left; margin-left:0; margin-right:10; margin-top:0; margin-bottom:5; padding-left:3.5em; padding-right:5; padding-top:10; padding-bottom:10  }
html>body #middle h1 { font-size:100%; margin:0 15 0 0; padding:5 5 10 3.2em; }
#middle a:link{color:#333; text-decoration: none;}
#middle a:visited {color:blue; text-decoration: none;}
#middle a:hover {color:red; text-decoration: none;}
#middle a:active {color:#5A2D5A; text-decoration: none;}

.middlebg {background: url('images/middlebg02.jpg') no-repeat left bottom;}

#aboutus { font-size:93%; color:#333; margin:0; padding:0 30 0 35; line-height: 1.2em; }
html>body #aboutus { font-size:90%; margin:0; padding:0 20 0 25; line-height: 1.2em;}
#aboutus ul { margin:0; padding:0 15 0 4.5em; text-align:left; }
#aboutus ol { font-size:85%; color:#666; margin:5; padding:0 15 0 5em; text-align:left; }
html>body #aboutus ol { font-size:85%; color:#333; margin:0; padding:0 15 0 5em; text-align:left; }
#aboutus li { line-height: 1.4em; }
#aboutus h1 { background: url('images_icon/head02.jpg') no-repeat left bottom; font-size:95%; color:#000066; text-align:left; margin-left:0; margin-right:10; margin-top:5; margin-bottom:0; padding-left:2.5em; padding-right:5; padding-top:30; padding-bottom:5 }
html>body #aboutus h1 { font-size:95%; color:#000066; margin:10 10 0 0; padding:15 5 5 2.5em; text-align:left;}
#aboutus h2 { background:url('images_icon/h1_bg.gif') no-repeat 50% 0%; font-size:90%; color:#555; margin:0.5em; width:160px; padding-left:2.8em; padding-right:0; padding-top:3px; padding-bottom:0}
html>body #aboutus h2 { background:url('images_icon/h1_bg.gif') no-repeat 30% 0%; font-size:90%; color:#555; margin:0.5em 0; width:160px; padding-left:2.4em; padding-right:0; padding-top:0; padding-bottom:0}

#aboutus a:link{color:#333; text-decoration: none;}
#aboutus a:visited {color:blue; text-decoration: none;}
#aboutus a:hover {color:red; text-decoration: none;}
#aboutus a:active {color:#5A2D5A; text-decoration: none;}

#menu {font-size:92%; color:#333; margin:30 0 0 0; padding:3px 0 0 1em; }
html>body #menu {margin:25 0 0 0; padding:3px 0 0 1em; }
#menu a:link{color:blue; text-decoration: none;}	 
#menu a:visited {color:blue; text-decoration: none;}			
#menu a:hover {color: red; text-decoration: none;}		
#menu a:active {color:#005121; text-decoration: none;}

/*中間內容表格設定*/
#aboutus table { font-size:100%; color:#333; margin:0 5 5 5 ; padding:0; width:98%; }
html>body #aboutus table { font-size:100%; color:#555; margin:0 0 0 5; padding:0; width:98%;}
html>body #aboutus td {  line-height: 1.5em;}

/*歷史沿革*/
.inside { 
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 85%;
	color: #333333;
	text-decoration: none;}
.inside { margin:5; padding:0; }

/*底部宣告區*/
.bottombanner {float:left; padding:0; margin:0; }

#bottom { float:left; font-size:12px; color:#fff;  text-align:center; margin:0; padding:5em 0 0 0; width:100%;}
#bottom a:link{color:#ff0; text-decoration: none;}
#bottom a:visited {color:#ff0; text-decoration: none;}
#bottom a:hover {color:#ff0; text-decoration: none;}
#bottom a:active {color: #ff0; text-decoration: none;}