/* 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:#f8b094 url('images/bg01.jpg') 50% 50% repeat ; } a:link{color: blue;text-decoration: none;} a:visited { text-decoration: none;} a:hover { text-decoration: none;} a:active { 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:90%; padding: 0 5px; margin:0;} .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:5px; } #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;} .outtable { font-size:1em; line-height:1.5em; width:1000px; text-align:center; margin:0 auto; padding:0;} /*版面設定*/ /*版頭設定*/ .topbg {background:url('images/design_01a.jpg') 0% 0% no-repeat ; width:100%; height:244px;} #top {float:right; margin:0; padding:0;} #toplist { font-size:0.8em; color:#003366; margin:0; padding:10px 35px 0px 0px; text-align:right; } #toplist a:link { font-size:1em; color:#003366; } #toplist a:hover {color:#FF3366;} #topmenu { font-size:1em; color:#fff; margin:0; padding:0px 35px 5px 0px; text-align:center; } #topmenu ul { list-style:none; font-size:0.8em; color:#fff; width:540px; margin:0; padding:0;} #topmenu ul li {float:right; width:103px; color:#fff; background: url('images/menubg.gif') no-repeat 0% 50%; margin:0; padding:8px 0 ;} #topmenu ul li a:link {color:#fff;} #topmenu ul li a:hover { color:#FFFF00;} #topmenu ul li a:visited { color:#C2FDFF;} /*--內容設定--*/ #midcontent { background:url('images/cenbga.jpg') repeat-y left top; font-size:1em; padding:0 35px 5px 35px ; margin:0; height:auto; width:100%; } #cenbottom {background:url('images/cenboma.jpg') no-repeat 0% 0%; margin:0; padding:0; height:25px; } #mid {margin:0; padding:5px 40px 0 30px; } #mid ul a{ color:blue; } #mid ul a:hover { color:#FF0099; } #inside {padding:0 ; margin:0; border:1px solid red; text-align:center;} /*上方主選單 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}*/ /*左方宣告區*/ #leftmenubom {background: url('images/leftmenu_02a.jpg') no-repeat 0% 0%; margin:0; padding:0; width:220px; height:28px;} #leftmenutop {background: url('images/leftmenu_01a.jpg') no-repeat 0% 0%; margin:0; padding: 0; float:left; width:225px; border-right:1px dotted #999999; } #leftmenutop h1 {background: url('images/leftmenu01.jpg') no-repeat center top; font-size:100%; color:#006699; margin:0; padding:5px 0 5px 40px ; text-align:left; } #leftmenutop h2 {background: url('images/leftmenu01.jpg') no-repeat 50% 100%; font-size:100%; color:#006699; margin:0; padding:5px 0 5px 40px; text-align:left; border:0px solid red;} #leftmenutop h2 a:link{color:#006699 ; text-decoration: none;} #leftmenutop h2 a:visited {color:#006699; text-decoration: none;} #leftmenutop h2 a:hover {color:#FF0099; text-decoration: none;} #leftmenutop h2 a:active {color: #006699; text-decoration: none;} #leftmenutop ul { font-size:100%; color:#333333; margin:0; padding:0 ;} #leftmenutop li { background: url('images_icon/li_9.gif') no-repeat 15% 35%; 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 #leftmenutop li { font-size:85%; background: url('images_icon/li_9.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} #leftmenutop .fc {background: url('images_icon/li_10.gif') no-repeat 2px 2px; padding-left:20px; color:#333333; font-size:10pt; margin:3px 0;} #leftword { margin:10px 0 0 18px; padding:0; width:182px;} /*首頁右方宣告區*/ #righttop {float:right; width:188px; font-size:1em; color:#333333; border-left:1px dotted #666666; margin: 0; padding:0 3px 0 15px; line-height:1.5em; } html>body #righttop {float:right; width:185px; font-size:1em; color:#333333; border-left:1px dotted #666666; margin: 0; padding:0 40px 0 15px; line-height:1.5em; } #righttop h1 { background: url('images/righthead01.jpg') no-repeat center top; font-size:100%; color:#333333; margin:0; padding:10px 0 10px 0px ; text-align:center; width:165px; letter-spacing:2px;} #righttop h2 {background: url('images_icon/li_7.gif') no-repeat 0% 50%; font-size:1em; color:#003366; margin:0; padding: 0 0 0 20px; letter-spacing:0.1em;} #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} #righttop h4 {background: url('images/menu04.jpg') 0% 0%; font-size:100%; color:#fff; margin:0; padding:15px 0 5px 0 ; letter-spacing:0.1em; text-align:center; width:165px;} #righttop ul { font-size:0.8em; margin:0 0 0 20px ; padding:3px 0; width:145px; } #righttop li { margin:0; line-height: 1.5em; list-style-type:none; padding:0; } #line {border-bottom:1px dotted #999; margin:5px 5px 5px 0; padding:0;} #banner { margin:3px 0 ; padding:0; } #banner img {width:158px; margin:0; padding:3px 0; } /*.menuhead {background: url('images/menu03.jpg') no-repeat; } .menuhead01 {background: url('images/menu03a.jpg') no-repeat; }*/ /*右側內容宣告區*/ #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} /*首頁中間內容宣告區*/ #middle { margin:0 ; padding:5px 20px; font-size:1em; color:#333333; line-height:1.2em; } #middle ul { margin:0; padding:0 15px 0 1em; text-align:left; line-height:1.2em;} #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;} /*內頁中間內容宣告區*/ #middlecen {float:right; width:680px; margin:5px 30px 5px 10px; padding:8px 0; font-size:0.8em; line-height:1.4em; color:#666666;} html>body #middlecen {float:right; width:685px; margin:5px 70px 5px 10px; padding:0;} #middlecen table { width:680px; font-size:1em; line-height:1.5em;} #middlecen h1 {background: url('images_icon/li_2.gif') no-repeat 0% 40%; font-size:1.2em; color:#003399; margin:0; padding:8px 0 10px 25px;} #centoplist { background:#FFFFCC; color:#333333; font-size:1em; margin:5px 0; padding:5px; border-bottom:1px dotted #999999; border-top:1px dotted #999999; text-align:right;} #centoplist a;link {color:#333333; } #centoplist a;hover {color:blue; } #centoplist a;visited {color:blue; } #centoplist a;active {color:#333333; } /*內頁上方層級*/ #menu {font-size:1.2em; color:#333; margin:15px 0 5px 0; padding:0; text-align:right; } #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;} #secondlist { font-size:1em; margin:0; padding:0; text-align:left; } #secondlist ul { width:650px; margin:10px 0 10px 0px; padding:0; } #secondlist ul a:link { color:#006699; } #secondlist ul a:hover { color:#FF3399; } #secondlist ul a:visited { color:#336699; } html>body #secondlist ul { width:700px; } #secondlist ul li { background: url('images_icon/li_11.gif') no-repeat 0% 40%; float:left; width:155px; margin:3px; padding:3px 0px 3px 20px; border:1px dotted #006666;} html>body #secondlist ul li { background: url('images_icon/li_11.gif') no-repeat 0% 40%; float:left; width:142px; margin:3px; padding:3px 0 3px 20px; border:1px dotted #006666;} /*#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;}*/ /*中間內容表格設定 #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 30px 0 50px; margin:0; } #bottom { float:left; font-size:0.8em; color:#003366; text-align:left; margin:0; padding:5px 0 5px 0px; width:100%; line-height:1.4em; border:0px solid red; background:#f98f72;} #bottom a:link{color:#006699; text-decoration: none;} #bottom a:visited {color:#003366; text-decoration: none;} #bottom a:hover {color:#FF0099; text-decoration: none;} #bottom a:active {color: #003366; text-decoration: none;}