
<?xml version="1.0"  encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="zh-TW" lang="zh-TW" xmlns:hyweb="urn:gip-hyweb-com" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<meta name="viewport" content="width=device-width"/>
<title>臺北市立圖書館</title>
<meta name="DC.Title" content="">
<meta name="DC.Subject" content="">
<meta name="DC.Creator" content="">
<meta name="DC.Description" content="">
<meta name="DC.Publisher" content="">
<meta name="DC.Contributor" content="">
<meta name="DC.coverage.t.max" content="2012-05-17">
<meta name="DC.coverage.t.min" content="2012-05-17">
<meta name="DC.Date" content="2012-05-17 00:00">
<meta name="DC.Type" content="">
<meta name="DC.Format" content="">
<meta name="DC.Identifier" content="1062311">
<meta name="DC.Relation" content="MP-104021">
<meta name="DC.Source" content="">
<meta name="DC.Language" content="">
<meta name="DC.Coverage" content="">
<meta name="DC.Rights" content="">
<meta name="Category.Theme" content="">
<meta name="Category.Cake" content="">
<meta name="Category.Service" content="">
<meta name="robots" content="noarchive">
<meta name="Title" content="臺北市立圖書館"/>
<meta name="Keywords" content="臺北市立圖書館"/>
<link rel="stylesheet" type="text/css" href="GIPDSD/xslGip/xslExport/104021/%E5%9C%96%E6%9B%B8%E9%A4%A8%E4%B8%AD%E6%96%87%E7%89%882/css/default.css">
</link>
<link rel="stylesheet" type="text/css" title="color1" cat="color" href="GIPDSD/xslGip/xslExport/104021/%E5%9C%96%E6%9B%B8%E9%A4%A8%E4%B8%AD%E6%96%87%E7%89%882/css/design.css">
</link>
<link rel="stylesheet" type="text/css" href="GIPDSD/xslGip/xslExport/104021/%E5%9C%96%E6%9B%B8%E9%A4%A8%E4%B8%AD%E6%96%87%E7%89%882/css/tabpanel1_class.css">
</link>
<link rel="alternate stylesheet" type="text/css" title="color2" cat="color" href="GIPDSD/xslGip/xslExport/104021/%E5%9C%96%E6%9B%B8%E9%A4%A8%E4%B8%AD%E6%96%87%E7%89%882/css/design2.css">
</link>
<link rel="alternate stylesheet" type="text/css" title="color3" cat="color" href="GIPDSD/xslGip/xslExport/104021/%E5%9C%96%E6%9B%B8%E9%A4%A8%E4%B8%AD%E6%96%87%E7%89%882/css/design3.css">
</link>
<link rel="alternate stylesheet" type="text/css" title="color4" cat="color" href="GIPDSD/xslGip/xslExport/104021/%E5%9C%96%E6%9B%B8%E9%A4%A8%E4%B8%AD%E6%96%87%E7%89%882/css/design4.css">
</link>
<link rel="alternate stylesheet" type="text/css" title="color5" cat="color" href="GIPDSD/xslGip/xslExport/104021/%E5%9C%96%E6%9B%B8%E9%A4%A8%E4%B8%AD%E6%96%87%E7%89%882/css/design5.css">
</link>
<link rel="stylesheet" type="text/css" title="small" cat="font" href="GIPDSD/xslGip/xslExport/104021/%E5%9C%96%E6%9B%B8%E9%A4%A8%E4%B8%AD%E6%96%87%E7%89%882/css/fontS.css">
</link>
<link rel="alternate stylesheet" type="text/css" title="medium" cat="font" href="GIPDSD/xslGip/xslExport/104021/%E5%9C%96%E6%9B%B8%E9%A4%A8%E4%B8%AD%E6%96%87%E7%89%882/css/fontM.css">
</link>
<link rel="alternate stylesheet" type="text/css" title="large" cat="font" href="GIPDSD/xslGip/xslExport/104021/%E5%9C%96%E6%9B%B8%E9%A4%A8%E4%B8%AD%E6%96%87%E7%89%882/css/fontL.css">
</link>
<link rel="stylesheet" type="text/css" media="print" href="GIPDSD/xslGip/xslExport/104021/%E5%9C%96%E6%9B%B8%E9%A4%A8%E4%B8%AD%E6%96%87%E7%89%882/css/print.css">
</link>
<link href="css/CuHtmlEdit.css" rel="stylesheet" type="text/css" charset="utf-8"></link><!--[if lt IE 7]><link rel="stylesheet" media="screen" type="text/css" href="GIPDSD/xslGip/xslExport/104021/%E5%9C%96%E6%9B%B8%E9%A4%A8%E4%B8%AD%E6%96%87%E7%89%882/css/ie6.css"></link><![endif]--><link href="js/jscalendar-1.0/calendar-system.css" rel="stylesheet" type="text/css"></link>
<styleSwitcher cat="color"/>
<styleSwitcher cat="font"/>
<script type="text/javascript" src="js/globals.js"></script>
<script type="text/javascript" src="js/tabpanel1_class.js"></script>
<script type="text/javascript" src="js/widgets_class.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/AC_RunActiveContent.js"></script>
<script type="text/javascript" src="js/mootools.v1.11.js"></script>
<script type="text/javascript" src="js/styleswitcher.js"></script>
<script type="text/javascript" src="js/multimenu.js"></script>
<script type="text/javascript" src="js/jscalendar-1.0/calendar.js"></script>
<script type="text/javascript" src="js/jscalendar-1.0/lang/calendar-en.js"></script>
<script type="text/javascript" src="js/jscalendar-1.0/lang/calendar-big5-utf8.js"></script>
<script type="text/javascript" src="js/jscalendar-1.0/calendar-setup.js"></script>
</head>
<body>
<div class="wrap">
<div id="zone.head" class="top">
<div class="accesskey" style="position:absolute;z-index:999999;">
<a href="/sitemap.asp?mp=104021" accesskey="U" title="上方導覽區塊">:::
							</a>
</div>
<div class="header">
<h1><a title="臺北市立圖書館logo" href="/"><img src="GIPDSD/xslGip/xslExport/104021/%E5%9C%96%E6%9B%B8%E9%A4%A8%E4%B8%AD%E6%96%87%E7%89%882/images/logo_03.png" title="臺北市立圖書館logo" alt="臺北市立圖書館logo"></a></h1>
<div class="nav">
<ul>
<li><a href="sitemap.asp?mp=104021" title="網站地圖">網站地圖</a></li>
<li><a href="/mp.asp?mp=104021" title="首頁">首頁</a></li>
<li><a href="http://reading.tpml.edu.tw/" title="閱讀網">閱讀網</a></li>
<li><a href="http://kids.tpml.edu.tw/mp.asp?mp=100" target="_blank" title="兒童版, 另開視窗.">兒童版</a></li>
<li><a href="http://english.tpml.edu.tw/mp.asp?mp=104022" title="ENGLISH">ENGLISH</a></li>
<li><a href="http://japanese.tpml.edu.tw/mp.asp?mp=104023" title="日本語">日本語</a></li>
<li><a href="http://pda.tpml.edu.tw" title="PDA">PDA</a></li>
<li><a href="/ct.asp?mp=104021&xItem=21886098&CtNode=34006" title="意見信箱">意見信箱</a></li>
<li><a href="/np.asp?ctNode=42645&mp=104021" title="常見問答">常見問答</a></li>
<li><a href="http://bilingual.taipei.gov.tw/" target="_blank" title="雙語詞彙, 另開視窗.">雙語詞彙</a></li>
<li><a href="http://i.taipei.gov.tw/web/guest/home" target="_blank" title="網路市民, 另開視窗.">網路市民</a></li>
</ul>
</div>
<div class="visitor">瀏覽人次: <em>32225662</em></div>
<div class="user"></div>
<div class="search">
<form action="http://wisearch.taipei.gov.tw/wise/s.jsp" method="GET" name="myForm" target="_searchWiSe" onsubmit="return doSubmit();">
<label>全站查詢 :　</label>

<input id="content" name="q" type="text" class="inputSearch" accesskey="S" value="請輸入關鍵字" size="10" onFocus="if(this.value=='請輸入關鍵字') this.value=''" onmouseover="if(this.value=='請輸入關鍵字') this.value='';"/>

<input type="hidden" name="qt" value="dismax">
<input type="hidden" name="ro" value="true">&nbsp;
<input type="hidden" name="d" value="0">&nbsp;
<input type="hidden" name="mp" value="104021">&nbsp;

<input name="查詢" id="查詢" title="查詢" type="button" class="btnSearch" value="" onkeypress="doSubmit();" onclick="doSubmit();" />

</form>
<script language="javascript">
function doSubmit() {
	re = / /gi;
	if (document.myForm.q.value.replace(re,"")=="") {
		alert("請輸入關鍵字");
	}else {
		document.myForm.submit();
	}
}
</script>
<noscript> This script reminds the user to input keywords. After inputing keywords, pressing “enter”, the result will be opened with new widnow. </noscript>

</div>
</div>
</div>
<table class="layout" summary="layout table">
<tr>
<td class="leftbg" id="a">
<div class="side">
<div class="accesskey">
<a href="/sitemap.asp?mp=104021" accesskey="L" title="左方導覽區塊">:::
										</a>
</div>
<div id="zone.SideBarLeft"><div class="menu">
<h2>市圖資訊</h2><ul><li><a href="/np.asp?ctNode=32902&mp=104021" title="活動報導">活動報導</a><li><a href="/np.asp?ctNode=32903&mp=104021" title="關於市圖">關於市圖</a><li><a href="/ct.asp?xItem=1147294&CtNode=34672&mp=104021" title="開館資訊">開館資訊</a><li><a href="/lp.asp?ctNode=32924&CtUnit=11135&BaseDSD=7&mp=104021" title="使用規定">使用規定</a><li><a href="/lp.asp?CtNode=33910&CtUnit=18991&BaseDSD=7&mp=104021" title="總館樓層簡介">總館樓層簡介</a><li><a href="/np.asp?ctNode=32905&mp=104021" title="分館閱覽室">分館閱覽室</a><li><a href="/np.asp?ctNode=32906&mp=104021" title="線上申辦">線上申辦</a><li><a href="/np.asp?ctNode=32907&mp=104021" title="志工園地">志工園地</a><li><a href="/ct.asp?xItem=210328&CtNode=41051&mp=104021" title="政府資訊公開">政府資訊公開</a><li><a href="ct.asp?mp=104021&xItem=21886098&CtNode=34006" title="館長信箱">館長信箱</a></ul></li><div class="foot"></div>
</div>
<div class="headline">
<h2><span><a href="np.asp?ctNode=34251&mp=104021" title="休館日">休館日</a></span></h2>
<div class="body">
<h3><a href="ct.asp?xItem=10609916&ctNode=34251&mp=104021" title="2012年6月7日 (四)">2012年6月7日 (四)</a></h3>
<ul>
</ul>
</div>
<div class="foot">
</div>
</div>
<div class="ad">
<ul>
<li><a href="ad.asp?adTitle=%E6%84%9B%E9%96%B1%E8%AE%80i%E9%96%B1%E8%AE%80&xItem=22032368&mp=104021" title="愛閱讀i閱讀"><img alt="愛閱讀i閱讀" title="愛閱讀i閱讀" src="public/MMO/%E5%9C%96%E6%9B%B8%E9%A4%A8_MMO/[1]iread.jpg"></a></li>
<li><a href="ad.asp?adTitle=%E5%85%A8%E6%B0%91%E5%85%B1%E8%AE%80-%E5%8F%B0%E5%8C%97%E4%B9%8B%E6%9B%B8&xItem=3390405&mp=104021" title="全民共讀-台北之書"><img alt="全民共讀-台北之書" title="全民共讀-台北之書" src="public/MMO/%E5%9C%96%E6%9B%B8%E9%A4%A8_MMO/taipeibook.png"></a></li>
<li><a target="_blank" href="ad.asp?adTitle=%E6%82%85%E8%AE%80%E5%8F%B0%E5%8C%97101&xItem=1271761&mp=104021" title="悅讀台北101, 另開視窗."><img alt="悅讀台北101, 另開視窗." title="悅讀台北101, 另開視窗." src="public/MMO/%E5%9C%96%E6%9B%B8%E9%A4%A8_MMO/%E6%82%85%E8%AE%80%E5%8F%B0%E5%8C%97101/101.jpg"></a></li>
<li><a target="_blank" href="ad.asp?adTitle=%E5%90%B3%E5%A4%A7%E7%8C%B7%E7%A7%91%E5%AD%B8%E6%B2%99%E9%BE%8D%E8%AC%9B%E5%BA%A7&xItem=1850655&mp=104021" title="吳大猷科學沙龍講座, 另開視窗."><img alt="吳大猷科學沙龍講座, 另開視窗." title="吳大猷科學沙龍講座, 另開視窗." src="public/MMO/%E5%9C%96%E6%9B%B8%E9%A4%A8_MMO/[1]wudayu.jpg"></a></li>
<li><a href="ad.asp?adTitle=bookstart&xItem=1647323&mp=104021" title="Bookstart閱讀起步走"><img alt="Bookstart閱讀起步走" title="Bookstart閱讀起步走" src="public/MMO/%E5%9C%96%E6%9B%B8%E9%A4%A8_MMO/Bookstart_logo2.jpg"></a></li>
<li><a href="ad.asp?adTitle=%E6%82%85%E8%AE%80%E9%83%A8%E8%90%BD&xItem=1414629&mp=104021" title="悅讀部落"><img alt="悅讀部落" title="悅讀部落" src="public/MMO/%E5%9C%96%E6%9B%B8%E9%A4%A8_MMO/HRblog.jpg"></a></li>
</ul>
</div>
<div class="ad">
<h2>　　</h2>
<div class="adFrame">
<ul>
<li><a target="_blank" href="ad.asp?adTitle=1999&xItem=1147071&mp=104021" title="1999臺北市民當家熱線, 另開視窗."><img alt="1999臺北市民當家熱線, 另開視窗." title="1999臺北市民當家熱線, 另開視窗." src="public/MMO/%E5%9C%96%E6%9B%B8%E9%A4%A8_MMO/1999_3.jpg"></a></li>
<li><a target="_blank" href="ad.asp?adTitle=%E8%87%BA%E5%8C%97e%E5%A4%A7&xItem=1147321&mp=104021" title="臺北e大, 另開視窗."><img alt="臺北e大, 另開視窗." title="臺北e大, 另開視窗." src="public/MMO/%E5%9C%96%E6%9B%B8%E9%A4%A8_MMO/e-campus4.jpg"></a></li>
<li><a target="_blank" href="ad.asp?adTitle=%E8%80%83%E9%81%B8%E9%83%A8&xItem=1305125&mp=104021" title="連結至考選部網站, 另開視窗."><img alt="連結至考選部網站, 另開視窗." title="連結至考選部網站, 另開視窗." src="public/MMO/%E5%9C%96%E6%9B%B8%E9%A4%A8_MMO/moex_logo01.jpg"></a></li>
<li><a target="_blank" href="ad.asp?adTitle=%E5%8F%8D%E8%B3%84%E9%81%B8%E5%AE%A3%E5%B0%8E&xItem=7793675&mp=104021" title="反賄選宣導, 另開視窗."><img alt="反賄選宣導, 另開視窗." title="反賄選宣導, 另開視窗." src="public/MMO/%E5%9C%96%E6%9B%B8%E9%A4%A8_MMO/[1]%E5%8F%8D%E8%B3%84%E9%81%B8banner.jpg"></a></li>
<li><a href="ad.asp?adTitle=%E7%A8%85%E6%95%99%E6%93%82%E5%8F%B0%E8%B3%BD&xItem=22118461&mp=104021" title="稅教擂台賽"><img alt="稅教擂台賽" title="稅教擂台賽" src="public/MMO/%E5%9C%96%E6%9B%B8%E9%A4%A8_MMO/[1]easytaxgo.gif"></a></li>
</ul>
</div>
</div>
</div>
</div>
</td>
<td class="center">
<div class="accesskey">
<a href="/sitemap.asp?mp=104021" accesskey="C" title="中央內容區塊">:::</a>
</div>
<div id="zone.content11"><div class="headline">
<h2><span>重要訊息公告</span><div class="rss"><a onkeypress="javascript:return CheckBrowserSupportRSS();" onclick="javascript:return CheckBrowserSupportRSS();" title="RSS訂閱" href="search.getService.asp?serviceName=GIP.xdrss&mp=104021&ctNodeId=34255"><img src="images/rss.jpg" title="RSS訂閱" alt="RSS訂閱"></a></div>
</h2>
<div class="body">
<h3><a href="ct.asp?xItem=22133977&ctNode=34255&mp=104021" title="賀!北投分館獲選「全球最美25座公立圖書館」">賀!北投分館獲選「全球最美25座公立圖書館」</a>
					&nbsp;<span class="date">2012-04-19</span></h3>
<h3><a href="ct.asp?xItem=19208844&ctNode=34255&mp=104021" title="民國101年北市圖歡度60歲生日！">民國101年北市圖歡度60歲生日！</a>
					&nbsp;<span class="date">2012-03-01</span></h3>
<h3><a href="ct.asp?xItem=17270780&ctNode=34255&mp=104021" title="2011年臺北閱讀力有增無減─借書破千萬、新辦證達十四萬張">2011年臺北閱讀力有增無減─借書破千萬、新辦證達十四萬張</a>
					&nbsp;<span class="date">2012-02-07</span></h3>
<ul>
</ul>
</div>
<div class="foot">
</div>
</div><div id="container">
<script type="text/javascript">
var tabpanelA= new TabPanel("tabpanel_A");
widgets.add(tabpanelA);
var ntab1 = new Tab("ntab_1", "mpanel_1");
tabpanelA.add(ntab1);
var ntab1 = new Tab("ntab_2", "mpanel_2");
tabpanelA.add(ntab1);
var ntab3 = new Tab("ntab_3", "mpanel_3");
tabpanelA.add(ntab3);	
var ntab4 = new Tab("ntab_4", "mpanel_4");
tabpanelA.add(ntab4);	
var ntab5 = new Tab("ntab_5", "mpanel_5");
tabpanelA.add(ntab5);	
var ntab6 = new Tab("ntab_6", "mpanel_6");
tabpanelA.add(ntab6);	
var ntab7 = new Tab("ntab_7", "mpanel_7");
tabpanelA.add(ntab7);	
var ntab8 = new Tab("ntab_8", "mpanel_8");
tabpanelA.add(ntab8);	
</script>

<div id="tabpanel_A" class="tabpanel">
<ul id="tablist_2" class="axs tablist">
<li id="ntab_1" class="axs tab" tabindex="-1"><span id="sntab_1">服務訊息</span></li>
<li id="ntab_2" class="axs tab" tabindex="-1"><span id="sntab_2">主題活動</span></li>
<li id="ntab_3" class="axs tab" tabindex="-1"><span id="sntab_3">講座</span></li>
<li id="ntab_4" class="axs tab" tabindex="-1"><span id="sntab_4">研習</span></li>
<li id="ntab_5" class="axs tab" tabindex="-1"><span id="sntab_5">影片</span></li>
<li id="ntab_6" class="axs tab" tabindex="-1"><span id="sntab_6">兒童活動</span></li>
<li id="ntab_7" class="axs tab" tabindex="-1"><span id="sntab_7">社教藝文</span></li>
<li id="ntab_8" class="selected axs tab" tabindex="0"><span id="sntab_8">新聞稿</span></li>
</ul>
<style>
	/*------標籤 headline*/
	#container div.tabpanel .headline h2{ background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;height:23px;border-bottom:0px solid #cccccc;}
	#container div.tabpanel .headline h2 span{display:none;}
	#container div.tabpanel .headline ul{float:right;
	margin:0;height:23px;width:124px;
	padding:0 0 0 0px;text-align:right;
	background: url(../images/bg_control.jpg) no-repeat right 0px;
	}
	#container div.tabpanel .headline ul li{display:inline;padding:0 0px 0 0px;}
	#container div.tabpanel .headline body{background:none;height:auto;width:auto;}
	ul#ListMode{display:block;margin:10px 0 0 20px;	
		padding:0px 10px 0px 0px;	}
	ul#PicMode{display:none;}
	ul#ListMode li a,ul#PicMode li a{color:#1c86c1;}
	ul#ListMode li a:hover,ul#PicMode li a:hover{color: #FF0000;text-decoration: none;background: none;}

	ul#ListMode li {
		border-bottom:1px solid #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
	}
	ul#PicMode li {
		border-bottom:0px solid #d2d2d2;margin:5px 0;background:none;	
		}
	ul#ListMode li span.date,ul#PicMode li span.date{color:#d34322;}
	ul#PicMode li img{width:80px;height:50px;float:left;border:2px solid #d2d2d2;margin:0 10px 0 0px;}
	ul#PicMode li p{margin:0 0 0 10px;display:block;height:auto;_height:30px;}
	
	/* CSS Document */
	#container div.tabpanel{
		clear: both;
		width:100%;
		float:left; /* 解決firefox tab內的資料少於圖示高度外框會往上縮的問題 */	
		margin:0 0 10px 0;
	}

	/*標籤底線*/
	#container div.tabpanel ul.tablist {
		margin: 0px;
		padding:2px 0 0 5px;
		list-style-type: none;
		background-image: none;
		border-bottom:1px solid #cccccc;
		height:27px;
		*height:27px;
		_height:23px;
		position:relative;
	}

	#container div.tabpanel li.tab {
		background-image: url(../images/PanelsTab_Leftbg.gif);
		background-repeat: no-repeat;
		background-position: left top;	
		float: left;
		display:block;
		padding:0px 0 0px 5px;	
		margin:0 0 0 2px;
		border:0px none;
		font-weight: normal;
		border-bottom:1px solid #cccccc;
	}
	#container div.tabpanel li.tab span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size:.95em;
		color: #333333;
		margin:0 0 0 5px;
		display:block;
		padding:6px 8px 2px 0px;
		cursor: hand;	
		
	}



	#container div.tabpanel li.selected {
	  background-image: url(../images/PanelsTab_Leftbg2.gif);
	  background-repeat: no-repeat;
	  background-position: left top;
	  float: left;
	  display:block;
	  margin:0 0 0 2px;
	  padding:0px 0 0px 5px;
	  border-bottom: 0px none;
	  color: black;
	 
	}
	#container div.tabpanel li.selected span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg2.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size: .95em;
		color: #0e6fe6;
		display:block;
		margin:0 0 0 5px;
		padding:6px 8px 3px 0px;
		font-weight: normal;
		cursor: hand;
		
	}




	#container div.tabpanel div.tabpanel {
		clear: both;
		
		border-right: solid 1px #cccccc;
		border-left: solid 1px #cccccc;
		border-bottom: solid 1px #cccccc;
		
		background-color: #FFFFFF;
		/*background-image: url(../images/ajax_bodybg.gif);
		background-repeat: repeat-x;
		background-position: 0px top;*/
		margin:0 0 10px 0;
		padding:10px 0px 0px 0px;
	}



	/*-----Main center headline-- 公板樣式 *************************************************************************************************/
	#container div.tabpanel div.tabpanel .headline{ margin:0px 0 10px 0; }

	#container div.tabpanel div.tabpanel .headline h2{
		
		background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;
		height:23px;border-bottom:0px solid #cccccc;
						
						}
	#container div.tabpanel div.tabpanel .headline h2 a{color: #63ba1c;font-weight: bold;}
	#container div.tabpanel div.tabpanel .headline h2 .rss{  margin:0px 0 0 0px; }

	#container div.tabpanel div.tabpanel .headline .body {
		background:none;height:auto;width:auto;padding:0 0 0 0;margin:0;borde:0px solid #cccccc;
		
		}
	#container div.tabpanel div.tabpanel .headline .body h3{color: #07509b;margin:0px 0 0px 0px;padding:5px 0 2px 16px;background: url(../images/icon_menu1.gif) no-repeat 0px 7px;
								font-weight: bold;border:0px none;font-size: 1em;line-height: 1.3em;clear:both;}
	#container div.tabpanel div.tabpanel .headline .body h3 a{color: #07509b;text-decoration: underline;}
	#container div.tabpanel div.tabpanel .headline .body h4{color: #009933;padding:3px ;clear:both;margin:0 0 2px 0;	font-weight: bold;
								background: url(../images/h2_bg.gif) no-repeat 0px bottom;}
								
								
	#container div.tabpanel div.tabpanel .headline .body p{color: #666666;letter-spacing: 1px;margin:5px 0;padding:0px;line-height: 18px;}
	#container div.tabpanel div.tabpanel .headline .body ul{
		margin:7px 15px 0 15px;
		background-image: none;
		padding:0px 0px 0px 0px;
		float:none;width:auto;height:auto;background:none;text-align:left;}
	#container div.tabpanel div.tabpanel .headline .body li{
		border-bottom:1px dotted #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
		display:inline-block;
							}
	#container div.tabpanel div.tabpanel .headline .body li .date{color: #999;padding:3px 2px;font-size: 80%;margin:0px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .body .list{	margin:0px 0 0 140px;background-image: none;}
	#container div.tabpanel div.tabpanel .headline .body .list li{background: url(../images/icon_arrow7.gif) no-repeat 0px 5px;padding-left: 15px;	display:block;	text-align:left;				
									line-height: 22px;	border-bottom: 1px dashed #dddddd;}
	#container div.tabpanel div.tabpanel .headline .body .list li .date{color: #999;padding:0 2px 0 2px;font-size: 80%;	margin:0px 0 0 0;}

	#container div.tabpanel div.tabpanel .headline .pic{	border:1px solid #CCCCCC;padding:1px;margin: 0px 5px 0 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .image{float:left;padding:5px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .image img{border:1px solid #CCCCCC;padding:1px;	margin: 0px 5px 0px 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .source{background: url(../images/scorebg.gif) repeat-y left 0px;padding:2px 0 2px 5px;margin:5px 0;clear:both;}
	#container div.tabpanel div.tabpanel .headline .source em{color: #CC0000;}
	#container div.tabpanel div.tabpanel .headline .source img{ vertical-align:middle;}

	/*------ headline Footer--*/
	#container div.tabpanel div.tabpanel .headline .foot{
		display: block;height:0px;
		background: none no-repeat right top;
	}
	html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	*+ html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	</style>
<noscript><div>若您要切換頁籤，請按下Ctrl加Tab鍵，或按上下左右方向鍵。</div></noscript><script type="text/javascript">
		function switchDisplayMode1(mode){
			var lstDisplay = "none"; var picDisplay = "block";
			if(mode == "list"){	lstDisplay = "block"; picDisplay = "none"; }
			$$("div#mpanel_1 div#lstDiv").setStyle("display", lstDisplay);
			$$("div#mpanel_1 div#picDiv ul#PicMode").setStyle("display", picDisplay);
			$$("div#mpanel_1 div#picDiv").setStyle("display", picDisplay);
		}
	</script><noscript><div>此段程式碼負責切換此區塊內容之顯示模式，不影響內容。</div></noscript>
<div class="axs tabpanel labelledby-tab_1 hidden-false" style="display: none" id="mpanel_1">
<div class="headline">
<div class="rss"><a onkeypress="javascript:return CheckBrowserSupportRSS();" onclick="javascript:return CheckBrowserSupportRSS();" title="RSS訂閱" href="search.getService.asp?serviceName=GIP.xdrss&mp=104021&ctNodeId=32915"><img src="images/rss.jpg" title="RSS訂閱" alt="RSS訂閱"></a></div>
<ul>
<li><a href="
					javascript:switchDisplayMode1('list');
					"><img title="List Mode" alt="List Mode" src="/images/btn_c1.jpg"></a></li>
<li><a href="
					javascript:switchDisplayMode1('pic');
					"><img title="Gallery Mode" alt="Gallery Mode" src="/images/btn_c2.jpg"></a></li>
</ul>
<div id="lstDiv" class="body">
<ul id="ListMode">
<li><a title="總館視聽室「古典音樂欣賞講座」改為講座當日於總館8樓取號碼牌" href="ct.asp?xItem=23712417&ctNode=32915&mp=104021">總館視聽室「古典音樂欣賞講座」改為講座當日於總館8樓取號碼牌</a><span class="date">2012-05-16</span></li>
<li><a title="永建分館自101年5月9日全面重新開館服務" href="ct.asp?xItem=23228216&ctNode=32915&mp=104021">永建分館自101年5月9日全面重新開館服務</a><span class="date">2012-05-09</span></li>
<li><a title="王貫英分館~月月抽、月月送─自助借書送禮劵" href="ct.asp?xItem=22671344&ctNode=32915&mp=104021">王貫英分館~月月抽、月月送─自助借書送禮劵</a><span class="date">2012-05-02</span></li>
<li><a title="熱門主題「以愛之名：翁山蘇姬」網頁歡迎多加利用!" href="ct.asp?xItem=22534936&ctNode=32915&mp=104021">熱門主題「以愛之名：翁山蘇姬」網頁歡迎多加利用!</a><span class="date">2012-04-30</span></li>
<li><a title="101年度自購資料庫電子文宣一覽表(EDM)" href="ct.asp?xItem=22210242&ctNode=32915&mp=104021">101年度自購資料庫電子文宣一覽表(EDM)</a><span class="date">2012-04-26</span></li>
</ul>
</div>
<div id="picDiv" class="body" sytle="display:none;">
<ul id="PicMode">
<li><img title="總館視聽室「古典音樂欣賞講座」改為講座當日於總館8樓取號碼牌" alt="總館視聽室「古典音樂欣賞講座」改為講座當日於總館8樓取號碼牌" src="/images/taipei_logo.jpg"><p><a title="總館視聽室「古典音樂欣賞講座」改為講座當日於總館8樓取號碼牌" href="ct.asp?xItem=23712417&ctNode=32915&mp=104021">總館視聽室「古典音樂欣賞講座」改為講座當日於總館8樓取號碼牌</a><span class="date">2012-05-16</span>感謝讀者對總館視聽室「古典音樂欣賞講座」的支持，該講座自6/2場次起，改為講座當日領取號碼牌，並於講座當日上午9點整開放進場。屆時請欲參與「古典音樂欣賞講座」之民眾攜帶借書證或身分證等相關證件至8樓服......</p>
</li>
<li><img title="永建分館自101年5月9日全面重新開館服務" alt="永建分館自101年5月9日全面重新開館服務" src="/images/taipei_logo.jpg"><p><a title="永建分館自101年5月9日全面重新開館服務" href="ct.asp?xItem=23228216&ctNode=32915&mp=104021">永建分館自101年5月9日全面重新開館服務</a><span class="date">2012-05-09</span>一、「永建大樓耐震補強工程」已完成，永建分館自101年5月9日全面重新開館服務，歡迎舊雨新知前往利用。二、永建分館地址：臺北市文山區木柵路1段177號3-4樓。洽詢電話：2236-7448。
</p>
</li>
<li><img title="王貫英分館~月月抽、月月送─自助借書送禮劵" alt="王貫英分館~月月抽、月月送─自助借書送禮劵" src="/images/taipei_logo.jpg"><p><a title="王貫英分館~月月抽、月月送─自助借書送禮劵" href="ct.asp?xItem=22671344&ctNode=32915&mp=104021">王貫英分館~月月抽、月月送─自助借書送禮劵</a><span class="date">2012-05-02</span>活動名稱：月月抽、月月送─自助借書送禮劵活動宗旨：為推廣青少年閱讀和提升自助借書機使用率，特推出「月月抽、月月送」活動。凡於活動期間內，青少年(年齡13到18歲)使用自助借書機一次借閱5冊以上圖書，憑......</p>
</li>
<li><img title="熱門主題「以愛之名：翁山蘇姬」網頁歡迎多加利用!" alt="熱門主題「以愛之名：翁山蘇姬」網頁歡迎多加利用!" src="/images/taipei_logo.jpg"><p><a title="熱門主題「以愛之名：翁山蘇姬」網頁歡迎多加利用!" href="ct.asp?xItem=22534936&ctNode=32915&mp=104021">熱門主題「以愛之名：翁山蘇姬」網頁歡迎多加利用!</a><span class="date">2012-04-30</span>如同印度聖雄甘地一般，提起緬甸的民主鬥士，直覺在腦中就會浮現諾貝爾和平獎得主翁山蘇姬（Aung San Suu Kyi）的樣貌。2010年11月，翁山蘇姬在長達15年的軟禁歲月之後，終於被緬甸政府釋放......</p>
</li>
<li><img title="101年度自購資料庫電子文宣一覽表(EDM)" alt="101年度自購資料庫電子文宣一覽表(EDM)" src="/images/taipei_logo.jpg"><p><a title="101年度自購資料庫電子文宣一覽表(EDM)" href="ct.asp?xItem=22210242&ctNode=32915&mp=104021">101年度自購資料庫電子文宣一覽表(EDM)</a><span class="date">2012-04-26</span>本館電子資源整合查詢系統內的資源五花八門，您有找不到本館101年度資料庫的困擾嗎？或者不清楚資料庫的內容、使用範圍及網址嗎？現在，本館為市民朋友提供更簡易便捷之使用途徑：「101年度自購資料庫電子文宣......</p>
</li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=32915&mp=104021" title="更多服務訊息">更多服務訊息</a></div>
<div class="foot">
</div>
</div>
</div>
<noscript>
<div class="headline" style="height:100%;">
<h2 style="background:none;margin:5px;font-weight:bold;height:100%;">服務訊息<div style="display:inline;"><div class="rss"><a onkeypress="javascript:return CheckBrowserSupportRSS();" onclick="javascript:return CheckBrowserSupportRSS();" title="RSS訂閱" href="search.getService.asp?serviceName=GIP.xdrss&mp=104021&ctNodeId=32915"><img src="images/rss.jpg" title="RSS訂閱" alt="RSS訂閱"></a></div>
</div></h2>
<div id="lstDiv" class="body" style="height:100%">
<ul style="width:95%;float:none;text-align:left;background:none;height:100%;">
<li style="display:block;"><a style="margin:20px;" title="總館視聽室「古典音樂欣賞講座」改為講座當日於總館8樓取號碼牌" href="ct.asp?xItem=23712417&ctNode=32915&mp=104021">總館視聽室「古典音樂欣賞講座」改為講座當日於總館8樓取號碼牌</a><span class="date">2012-05-16</span></li>
<li style="display:block;"><a style="margin:20px;" title="永建分館自101年5月9日全面重新開館服務" href="ct.asp?xItem=23228216&ctNode=32915&mp=104021">永建分館自101年5月9日全面重新開館服務</a><span class="date">2012-05-09</span></li>
<li style="display:block;"><a style="margin:20px;" title="王貫英分館~月月抽、月月送─自助借書送禮劵" href="ct.asp?xItem=22671344&ctNode=32915&mp=104021">王貫英分館~月月抽、月月送─自助借書送禮劵</a><span class="date">2012-05-02</span></li>
<li style="display:block;"><a style="margin:20px;" title="熱門主題「以愛之名：翁山蘇姬」網頁歡迎多加利用!" href="ct.asp?xItem=22534936&ctNode=32915&mp=104021">熱門主題「以愛之名：翁山蘇姬」網頁歡迎多加利用!</a><span class="date">2012-04-30</span></li>
<li style="display:block;"><a style="margin:20px;" title="101年度自購資料庫電子文宣一覽表(EDM)" href="ct.asp?xItem=22210242&ctNode=32915&mp=104021">101年度自購資料庫電子文宣一覽表(EDM)</a><span class="date">2012-04-26</span></li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=32915&mp=104021" title="更多服務訊息">更多服務訊息</a></div>
<div class="foot">
</div>
</div>
</noscript>
<style>
	/*------標籤 headline*/
	#container div.tabpanel .headline h2{ background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;height:23px;border-bottom:0px solid #cccccc;}
	#container div.tabpanel .headline h2 span{display:none;}
	#container div.tabpanel .headline ul{float:right;
	margin:0;height:23px;width:124px;
	padding:0 0 0 0px;text-align:right;
	background: url(../images/bg_control.jpg) no-repeat right 0px;
	}
	#container div.tabpanel .headline ul li{display:inline;padding:0 0px 0 0px;}
	#container div.tabpanel .headline body{background:none;height:auto;width:auto;}
	ul#ListMode{display:block;margin:10px 0 0 20px;	
		padding:0px 10px 0px 0px;	}
	ul#PicMode{display:none;}
	ul#ListMode li a,ul#PicMode li a{color:#1c86c1;}
	ul#ListMode li a:hover,ul#PicMode li a:hover{color: #FF0000;text-decoration: none;background: none;}

	ul#ListMode li {
		border-bottom:1px solid #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
	}
	ul#PicMode li {
		border-bottom:0px solid #d2d2d2;margin:5px 0;background:none;	
		}
	ul#ListMode li span.date,ul#PicMode li span.date{color:#d34322;}
	ul#PicMode li img{width:80px;height:50px;float:left;border:2px solid #d2d2d2;margin:0 10px 0 0px;}
	ul#PicMode li p{margin:0 0 0 10px;display:block;height:auto;_height:30px;}
	
	/* CSS Document */
	#container div.tabpanel{
		clear: both;
		width:100%;
		float:left; /* 解決firefox tab內的資料少於圖示高度外框會往上縮的問題 */	
		margin:0 0 10px 0;
	}

	/*標籤底線*/
	#container div.tabpanel ul.tablist {
		margin: 0px;
		padding:2px 0 0 5px;
		list-style-type: none;
		background-image: none;
		border-bottom:1px solid #cccccc;
		height:27px;
		*height:27px;
		_height:23px;
		position:relative;
	}

	#container div.tabpanel li.tab {
		background-image: url(../images/PanelsTab_Leftbg.gif);
		background-repeat: no-repeat;
		background-position: left top;	
		float: left;
		display:block;
		padding:0px 0 0px 5px;	
		margin:0 0 0 2px;
		border:0px none;
		font-weight: normal;
		border-bottom:1px solid #cccccc;
	}
	#container div.tabpanel li.tab span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size:.95em;
		color: #333333;
		margin:0 0 0 5px;
		display:block;
		padding:6px 8px 2px 0px;
		cursor: hand;	
		
	}



	#container div.tabpanel li.selected {
	  background-image: url(../images/PanelsTab_Leftbg2.gif);
	  background-repeat: no-repeat;
	  background-position: left top;
	  float: left;
	  display:block;
	  margin:0 0 0 2px;
	  padding:0px 0 0px 5px;
	  border-bottom: 0px none;
	  color: black;
	 
	}
	#container div.tabpanel li.selected span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg2.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size: .95em;
		color: #0e6fe6;
		display:block;
		margin:0 0 0 5px;
		padding:6px 8px 3px 0px;
		font-weight: normal;
		cursor: hand;
		
	}




	#container div.tabpanel div.tabpanel {
		clear: both;
		
		border-right: solid 1px #cccccc;
		border-left: solid 1px #cccccc;
		border-bottom: solid 1px #cccccc;
		
		background-color: #FFFFFF;
		/*background-image: url(../images/ajax_bodybg.gif);
		background-repeat: repeat-x;
		background-position: 0px top;*/
		margin:0 0 10px 0;
		padding:10px 0px 0px 0px;
	}



	/*-----Main center headline-- 公板樣式 *************************************************************************************************/
	#container div.tabpanel div.tabpanel .headline{ margin:0px 0 10px 0; }

	#container div.tabpanel div.tabpanel .headline h2{
		
		background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;
		height:23px;border-bottom:0px solid #cccccc;
						
						}
	#container div.tabpanel div.tabpanel .headline h2 a{color: #63ba1c;font-weight: bold;}
	#container div.tabpanel div.tabpanel .headline h2 .rss{  margin:0px 0 0 0px; }

	#container div.tabpanel div.tabpanel .headline .body {
		background:none;height:auto;width:auto;padding:0 0 0 0;margin:0;borde:0px solid #cccccc;
		
		}
	#container div.tabpanel div.tabpanel .headline .body h3{color: #07509b;margin:0px 0 0px 0px;padding:5px 0 2px 16px;background: url(../images/icon_menu1.gif) no-repeat 0px 7px;
								font-weight: bold;border:0px none;font-size: 1em;line-height: 1.3em;clear:both;}
	#container div.tabpanel div.tabpanel .headline .body h3 a{color: #07509b;text-decoration: underline;}
	#container div.tabpanel div.tabpanel .headline .body h4{color: #009933;padding:3px ;clear:both;margin:0 0 2px 0;	font-weight: bold;
								background: url(../images/h2_bg.gif) no-repeat 0px bottom;}
								
								
	#container div.tabpanel div.tabpanel .headline .body p{color: #666666;letter-spacing: 1px;margin:5px 0;padding:0px;line-height: 18px;}
	#container div.tabpanel div.tabpanel .headline .body ul{
		margin:7px 15px 0 15px;
		background-image: none;
		padding:0px 0px 0px 0px;
		float:none;width:auto;height:auto;background:none;text-align:left;}
	#container div.tabpanel div.tabpanel .headline .body li{
		border-bottom:1px dotted #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
		display:inline-block;
							}
	#container div.tabpanel div.tabpanel .headline .body li .date{color: #999;padding:3px 2px;font-size: 80%;margin:0px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .body .list{	margin:0px 0 0 140px;background-image: none;}
	#container div.tabpanel div.tabpanel .headline .body .list li{background: url(../images/icon_arrow7.gif) no-repeat 0px 5px;padding-left: 15px;	display:block;	text-align:left;				
									line-height: 22px;	border-bottom: 1px dashed #dddddd;}
	#container div.tabpanel div.tabpanel .headline .body .list li .date{color: #999;padding:0 2px 0 2px;font-size: 80%;	margin:0px 0 0 0;}

	#container div.tabpanel div.tabpanel .headline .pic{	border:1px solid #CCCCCC;padding:1px;margin: 0px 5px 0 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .image{float:left;padding:5px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .image img{border:1px solid #CCCCCC;padding:1px;	margin: 0px 5px 0px 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .source{background: url(../images/scorebg.gif) repeat-y left 0px;padding:2px 0 2px 5px;margin:5px 0;clear:both;}
	#container div.tabpanel div.tabpanel .headline .source em{color: #CC0000;}
	#container div.tabpanel div.tabpanel .headline .source img{ vertical-align:middle;}

	/*------ headline Footer--*/
	#container div.tabpanel div.tabpanel .headline .foot{
		display: block;height:0px;
		background: none no-repeat right top;
	}
	html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	*+ html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	</style>
<noscript><div>若您要切換頁籤，請按下Ctrl加Tab鍵，或按上下左右方向鍵。</div></noscript><script type="text/javascript">
		function switchDisplayMode2(mode){
			var lstDisplay = "none"; var picDisplay = "block";
			if(mode == "list"){	lstDisplay = "block"; picDisplay = "none"; }
			$$("div#mpanel_2 div#lstDiv").setStyle("display", lstDisplay);
			$$("div#mpanel_2 div#picDiv ul#PicMode").setStyle("display", picDisplay);
			$$("div#mpanel_2 div#picDiv").setStyle("display", picDisplay);
		}
	</script><noscript><div>此段程式碼負責切換此區塊內容之顯示模式，不影響內容。</div></noscript>
<div class="axs tabpanel labelledby-tab_1 hidden-false" style="display: none" id="mpanel_2">
<div class="headline">
<div class="rss"><a onkeypress="javascript:return CheckBrowserSupportRSS();" onclick="javascript:return CheckBrowserSupportRSS();" title="RSS訂閱" href="search.getService.asp?serviceName=GIP.xdrss&mp=104021&ctNodeId=35291"><img src="images/rss.jpg" title="RSS訂閱" alt="RSS訂閱"></a></div>
<ul>
<li><a href="
					javascript:switchDisplayMode2('list');
					"><img title="List Mode" alt="List Mode" src="/images/btn_c1.jpg"></a></li>
<li><a href="
					javascript:switchDisplayMode2('pic');
					"><img title="Gallery Mode" alt="Gallery Mode" src="/images/btn_c2.jpg"></a></li>
</ul>
<div id="lstDiv" class="body">
<ul id="ListMode">
<li><a title="龍華民眾閱覽室「童年記憶․摺紙趣」閱讀摺紙活動" href="ct.asp?xItem=23738653&ctNode=35291&mp=104021">龍華民眾閱覽室「童年記憶․摺紙趣」閱讀摺紙活動</a><span class="date">2012-06-01</span></li>
<li><a title="文化就在巷子裡—藝術快遞「臺灣藝術家群像篇」，歡迎參加!" href="ct.asp?xItem=23793160&ctNode=35291&mp=104021">文化就在巷子裡—藝術快遞「臺灣藝術家群像篇」，歡迎參加!</a><span class="date">2012-05-16</span></li>
<li><a title="稻香分館辦理「說故事與DIY生態繪本」" href="ct.asp?xItem=23404613&ctNode=35291&mp=104021">稻香分館辦理「說故事與DIY生態繪本」</a><span class="date">2012-05-15</span></li>
<li><a title="民生分館「青春不留白－歡閱集點樂」" href="ct.asp?xItem=23651025&ctNode=35291&mp=104021">民生分館「青春不留白－歡閱集點樂」</a><span class="date">2012-05-14</span></li>
<li><a title="大同分館「有愛無礙－聽障閱讀推廣活動」" href="ct.asp?xItem=23389992&ctNode=35291&mp=104021">大同分館「有愛無礙－聽障閱讀推廣活動」</a><span class="date">2012-05-11</span></li>
</ul>
</div>
<div id="picDiv" class="body" sytle="display:none;">
<ul id="PicMode">
<li><img title="龍華民眾閱覽室「童年記憶․摺紙趣」閱讀摺紙活動" alt="龍華民眾閱覽室「童年記憶․摺紙趣」閱讀摺紙活動" src="/images/taipei_logo.jpg"><p><a title="龍華民眾閱覽室「童年記憶․摺紙趣」閱讀摺紙活動" href="ct.asp?xItem=23738653&ctNode=35291&mp=104021">龍華民眾閱覽室「童年記憶․摺紙趣」閱讀摺紙活動</a><span class="date">2012-06-01</span>在即將放暑假前的六月，本館特舉辦「童年記憶˙摺紙趣」閱讀摺紙活動，希望透過親子摺紙活動的辦理，由志工及館員相互搭配協助父母帶領孩童進行摺紙遊戲，藉由活動的方式鼓勵親子間的互動，同時希望能透過摺紙活動讓......</p>
</li>
<li><img title="文化就在巷子裡—藝術快遞「臺灣藝術家群像篇」，歡迎參加!" alt="文化就在巷子裡—藝術快遞「臺灣藝術家群像篇」，歡迎參加!" src="/images/taipei_logo.jpg"><p><a title="文化就在巷子裡—藝術快遞「臺灣藝術家群像篇」，歡迎參加!" href="ct.asp?xItem=23793160&ctNode=35291&mp=104021">文化就在巷子裡—藝術快遞「臺灣藝術家群像篇」，歡迎參加!</a><span class="date">2012-05-16</span>臺北市立圖書館內湖分館與臺北市立美術館合作，由臺北市立美術館義工大隊以豐富的知識與經驗，導覽臺灣藝術家群像，讓您走一趟圖書館也能認識這些優秀的臺灣藝術家及其令人讚賞的藝術作品! 歡迎有興趣的民眾參加。......</p>
</li>
<li><img title="稻香分館辦理「說故事與DIY生態繪本」" alt="稻香分館辦理「說故事與DIY生態繪本」" src="/images/taipei_logo.jpg"><p><a title="稻香分館辦理「說故事與DIY生態繪本」" href="ct.asp?xItem=23404613&ctNode=35291&mp=104021">稻香分館辦理「說故事與DIY生態繪本」</a><span class="date">2012-05-15</span>活動名稱：說故事與DIY生態繪本 活動目的：學童從閱讀與學習中，瞭解植物特性，並親手體驗手作書籍之樂趣活動辦法：說故事與導讀園藝主題之繪本：池上池下，並讓學員動手做一本生態繪本書活動日期：101年6月......</p>
</li>
<li><img title="民生分館「青春不留白－歡閱集點樂」" alt="民生分館「青春不留白－歡閱集點樂」" src="/images/taipei_logo.jpg"><p><a title="民生分館「青春不留白－歡閱集點樂」" href="ct.asp?xItem=23651025&ctNode=35291&mp=104021">民生分館「青春不留白－歡閱集點樂」</a><span class="date">2012-05-14</span>從小培養閱讀好習慣須持續保有，但逐漸長大後，青少年學子因升學壓力、課業繁重亦或同儕社交及多元之休閒活動吸引，往往間斷閱讀習慣或甚少接觸，成為公共圖書館之少數使用者。然為持續青少年朋友之閱讀興趣及能力，......</p>
</li>
<li><img title="大同分館「有愛無礙－聽障閱讀推廣活動」" alt="大同分館「有愛無礙－聽障閱讀推廣活動」" src="/images/taipei_logo.jpg"><p><a title="大同分館「有愛無礙－聽障閱讀推廣活動」" href="ct.asp?xItem=23389992&ctNode=35291&mp=104021">大同分館「有愛無礙－聽障閱讀推廣活動」</a><span class="date">2012-05-11</span>活動目的臺北市立圖書館大同分館緊鄰臺北市立啟聰學校，為提供完善的圖書資訊服務，推展關懷弱勢族群意識，並拓展服務之深度與廣度，特規劃辦理「有愛無礙－聽障閱讀推廣活動」。藉活動讓社會各界認識並接納聽障人，......</p>
</li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=35291&mp=104021" title="更多主題活動">更多主題活動</a></div>
<div class="foot">
</div>
</div>
</div>
<noscript>
<div class="headline" style="height:100%;">
<h2 style="background:none;margin:5px;font-weight:bold;height:100%;">主題活動<div style="display:inline;"><div class="rss"><a onkeypress="javascript:return CheckBrowserSupportRSS();" onclick="javascript:return CheckBrowserSupportRSS();" title="RSS訂閱" href="search.getService.asp?serviceName=GIP.xdrss&mp=104021&ctNodeId=35291"><img src="images/rss.jpg" title="RSS訂閱" alt="RSS訂閱"></a></div>
</div></h2>
<div id="lstDiv" class="body" style="height:100%">
<ul style="width:95%;float:none;text-align:left;background:none;height:100%;">
<li style="display:block;"><a style="margin:20px;" title="龍華民眾閱覽室「童年記憶․摺紙趣」閱讀摺紙活動" href="ct.asp?xItem=23738653&ctNode=35291&mp=104021">龍華民眾閱覽室「童年記憶․摺紙趣」閱讀摺紙活動</a><span class="date">2012-06-01</span></li>
<li style="display:block;"><a style="margin:20px;" title="文化就在巷子裡—藝術快遞「臺灣藝術家群像篇」，歡迎參加!" href="ct.asp?xItem=23793160&ctNode=35291&mp=104021">文化就在巷子裡—藝術快遞「臺灣藝術家群像篇」，歡迎參加!</a><span class="date">2012-05-16</span></li>
<li style="display:block;"><a style="margin:20px;" title="稻香分館辦理「說故事與DIY生態繪本」" href="ct.asp?xItem=23404613&ctNode=35291&mp=104021">稻香分館辦理「說故事與DIY生態繪本」</a><span class="date">2012-05-15</span></li>
<li style="display:block;"><a style="margin:20px;" title="民生分館「青春不留白－歡閱集點樂」" href="ct.asp?xItem=23651025&ctNode=35291&mp=104021">民生分館「青春不留白－歡閱集點樂」</a><span class="date">2012-05-14</span></li>
<li style="display:block;"><a style="margin:20px;" title="大同分館「有愛無礙－聽障閱讀推廣活動」" href="ct.asp?xItem=23389992&ctNode=35291&mp=104021">大同分館「有愛無礙－聽障閱讀推廣活動」</a><span class="date">2012-05-11</span></li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=35291&mp=104021" title="更多主題活動">更多主題活動</a></div>
<div class="foot">
</div>
</div>
</noscript>
<style>
	/*------標籤 headline*/
	#container div.tabpanel .headline h2{ background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;height:23px;border-bottom:0px solid #cccccc;}
	#container div.tabpanel .headline h2 span{display:none;}
	#container div.tabpanel .headline ul{float:right;
	margin:0;height:23px;width:124px;
	padding:0 0 0 0px;text-align:right;
	background: url(../images/bg_control.jpg) no-repeat right 0px;
	}
	#container div.tabpanel .headline ul li{display:inline;padding:0 0px 0 0px;}
	#container div.tabpanel .headline body{background:none;height:auto;width:auto;}
	ul#ListMode{display:block;margin:10px 0 0 20px;	
		padding:0px 10px 0px 0px;	}
	ul#PicMode{display:none;}
	ul#ListMode li a,ul#PicMode li a{color:#1c86c1;}
	ul#ListMode li a:hover,ul#PicMode li a:hover{color: #FF0000;text-decoration: none;background: none;}

	ul#ListMode li {
		border-bottom:1px solid #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
	}
	ul#PicMode li {
		border-bottom:0px solid #d2d2d2;margin:5px 0;background:none;	
		}
	ul#ListMode li span.date,ul#PicMode li span.date{color:#d34322;}
	ul#PicMode li img{width:80px;height:50px;float:left;border:2px solid #d2d2d2;margin:0 10px 0 0px;}
	ul#PicMode li p{margin:0 0 0 10px;display:block;height:auto;_height:30px;}
	
	/* CSS Document */
	#container div.tabpanel{
		clear: both;
		width:100%;
		float:left; /* 解決firefox tab內的資料少於圖示高度外框會往上縮的問題 */	
		margin:0 0 10px 0;
	}

	/*標籤底線*/
	#container div.tabpanel ul.tablist {
		margin: 0px;
		padding:2px 0 0 5px;
		list-style-type: none;
		background-image: none;
		border-bottom:1px solid #cccccc;
		height:27px;
		*height:27px;
		_height:23px;
		position:relative;
	}

	#container div.tabpanel li.tab {
		background-image: url(../images/PanelsTab_Leftbg.gif);
		background-repeat: no-repeat;
		background-position: left top;	
		float: left;
		display:block;
		padding:0px 0 0px 5px;	
		margin:0 0 0 2px;
		border:0px none;
		font-weight: normal;
		border-bottom:1px solid #cccccc;
	}
	#container div.tabpanel li.tab span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size:.95em;
		color: #333333;
		margin:0 0 0 5px;
		display:block;
		padding:6px 8px 2px 0px;
		cursor: hand;	
		
	}



	#container div.tabpanel li.selected {
	  background-image: url(../images/PanelsTab_Leftbg2.gif);
	  background-repeat: no-repeat;
	  background-position: left top;
	  float: left;
	  display:block;
	  margin:0 0 0 2px;
	  padding:0px 0 0px 5px;
	  border-bottom: 0px none;
	  color: black;
	 
	}
	#container div.tabpanel li.selected span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg2.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size: .95em;
		color: #0e6fe6;
		display:block;
		margin:0 0 0 5px;
		padding:6px 8px 3px 0px;
		font-weight: normal;
		cursor: hand;
		
	}




	#container div.tabpanel div.tabpanel {
		clear: both;
		
		border-right: solid 1px #cccccc;
		border-left: solid 1px #cccccc;
		border-bottom: solid 1px #cccccc;
		
		background-color: #FFFFFF;
		/*background-image: url(../images/ajax_bodybg.gif);
		background-repeat: repeat-x;
		background-position: 0px top;*/
		margin:0 0 10px 0;
		padding:10px 0px 0px 0px;
	}



	/*-----Main center headline-- 公板樣式 *************************************************************************************************/
	#container div.tabpanel div.tabpanel .headline{ margin:0px 0 10px 0; }

	#container div.tabpanel div.tabpanel .headline h2{
		
		background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;
		height:23px;border-bottom:0px solid #cccccc;
						
						}
	#container div.tabpanel div.tabpanel .headline h2 a{color: #63ba1c;font-weight: bold;}
	#container div.tabpanel div.tabpanel .headline h2 .rss{  margin:0px 0 0 0px; }

	#container div.tabpanel div.tabpanel .headline .body {
		background:none;height:auto;width:auto;padding:0 0 0 0;margin:0;borde:0px solid #cccccc;
		
		}
	#container div.tabpanel div.tabpanel .headline .body h3{color: #07509b;margin:0px 0 0px 0px;padding:5px 0 2px 16px;background: url(../images/icon_menu1.gif) no-repeat 0px 7px;
								font-weight: bold;border:0px none;font-size: 1em;line-height: 1.3em;clear:both;}
	#container div.tabpanel div.tabpanel .headline .body h3 a{color: #07509b;text-decoration: underline;}
	#container div.tabpanel div.tabpanel .headline .body h4{color: #009933;padding:3px ;clear:both;margin:0 0 2px 0;	font-weight: bold;
								background: url(../images/h2_bg.gif) no-repeat 0px bottom;}
								
								
	#container div.tabpanel div.tabpanel .headline .body p{color: #666666;letter-spacing: 1px;margin:5px 0;padding:0px;line-height: 18px;}
	#container div.tabpanel div.tabpanel .headline .body ul{
		margin:7px 15px 0 15px;
		background-image: none;
		padding:0px 0px 0px 0px;
		float:none;width:auto;height:auto;background:none;text-align:left;}
	#container div.tabpanel div.tabpanel .headline .body li{
		border-bottom:1px dotted #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
		display:inline-block;
							}
	#container div.tabpanel div.tabpanel .headline .body li .date{color: #999;padding:3px 2px;font-size: 80%;margin:0px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .body .list{	margin:0px 0 0 140px;background-image: none;}
	#container div.tabpanel div.tabpanel .headline .body .list li{background: url(../images/icon_arrow7.gif) no-repeat 0px 5px;padding-left: 15px;	display:block;	text-align:left;				
									line-height: 22px;	border-bottom: 1px dashed #dddddd;}
	#container div.tabpanel div.tabpanel .headline .body .list li .date{color: #999;padding:0 2px 0 2px;font-size: 80%;	margin:0px 0 0 0;}

	#container div.tabpanel div.tabpanel .headline .pic{	border:1px solid #CCCCCC;padding:1px;margin: 0px 5px 0 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .image{float:left;padding:5px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .image img{border:1px solid #CCCCCC;padding:1px;	margin: 0px 5px 0px 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .source{background: url(../images/scorebg.gif) repeat-y left 0px;padding:2px 0 2px 5px;margin:5px 0;clear:both;}
	#container div.tabpanel div.tabpanel .headline .source em{color: #CC0000;}
	#container div.tabpanel div.tabpanel .headline .source img{ vertical-align:middle;}

	/*------ headline Footer--*/
	#container div.tabpanel div.tabpanel .headline .foot{
		display: block;height:0px;
		background: none no-repeat right top;
	}
	html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	*+ html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	</style>
<noscript><div>若您要切換頁籤，請按下Ctrl加Tab鍵，或按上下左右方向鍵。</div></noscript><script type="text/javascript">
		function switchDisplayMode3(mode){
			var lstDisplay = "none"; var picDisplay = "block";
			if(mode == "list"){	lstDisplay = "block"; picDisplay = "none"; }
			$$("div#mpanel_3 div#lstDiv").setStyle("display", lstDisplay);
			$$("div#mpanel_3 div#picDiv ul#PicMode").setStyle("display", picDisplay);
			$$("div#mpanel_3 div#picDiv").setStyle("display", picDisplay);
		}
	</script><noscript><div>此段程式碼負責切換此區塊內容之顯示模式，不影響內容。</div></noscript>
<div class="axs tabpanel labelledby-tab_1 hidden-false" style="display: none" id="mpanel_3">
<div class="headline">
<div class="rss"><a onkeypress="javascript:return CheckBrowserSupportRSS();" onclick="javascript:return CheckBrowserSupportRSS();" title="RSS訂閱" href="search.getService.asp?serviceName=GIP.xdrss&mp=104021&ctNodeId=35292"><img src="images/rss.jpg" title="RSS訂閱" alt="RSS訂閱"></a></div>
<ul>
<li><a href="
					javascript:switchDisplayMode3('list');
					"><img title="List Mode" alt="List Mode" src="/images/btn_c1.jpg"></a></li>
<li><a href="
					javascript:switchDisplayMode3('pic');
					"><img title="Gallery Mode" alt="Gallery Mode" src="/images/btn_c2.jpg"></a></li>
</ul>
<div id="lstDiv" class="body">
<ul id="ListMode">
<li><a title="北市圖作家與讀者有約「為什麼就是睡不著」" href="ct.asp?xItem=23906348&ctNode=35292&mp=104021">北市圖作家與讀者有約「為什麼就是睡不著」</a><span class="date">2012-05-17</span></li>
<li><a title="北市圖作家與讀者有約「換季，不跑急診」" href="ct.asp?xItem=23906342&ctNode=35292&mp=104021">北市圖作家與讀者有約「換季，不跑急診」</a><span class="date">2012-05-17</span></li>
<li><a title="道藩分館駐館作家講座~黃麗群「台灣各大文學獎生態漫談」" href="ct.asp?xItem=23619194&ctNode=35292&mp=104021">道藩分館駐館作家講座~黃麗群「台灣各大文學獎生態漫談」</a><span class="date">2012-05-14</span></li>
<li><a title="石牌分館「科學到民間講座-與氣候共舞」，歡迎參加!" href="ct.asp?xItem=23391209&ctNode=35292&mp=104021">石牌分館「科學到民間講座-與氣候共舞」，歡迎參加!</a><span class="date">2012-05-11</span></li>
<li><a title="大同分館－「和星星做朋友」親子講座" href="ct.asp?xItem=23371872&ctNode=35292&mp=104021">大同分館－「和星星做朋友」親子講座</a><span class="date">2012-05-11</span></li>
</ul>
</div>
<div id="picDiv" class="body" sytle="display:none;">
<ul id="PicMode">
<li><img title="北市圖作家與讀者有約「為什麼就是睡不著」" alt="北市圖作家與讀者有約「為什麼就是睡不著」" src="/images/taipei_logo.jpg"><p><a title="北市圖作家與讀者有約「為什麼就是睡不著」" href="ct.asp?xItem=23906348&ctNode=35292&mp=104021">北市圖作家與讀者有約「為什麼就是睡不著」</a><span class="date">2012-05-17</span>失眠不會是突然發生的，一定有「因」，才會造成長期擺脫不掉的失眠。如果不瞭解造成失眠的來龍去脈，再多不同的安眠藥，逐漸加重的劑量，真的也幫不上什麼忙。資深睡眠臨床心理師周舒翎，身為女性的敏銳與細心，讓她......</p>
</li>
<li><img title="北市圖作家與讀者有約「換季，不跑急診」" alt="北市圖作家與讀者有約「換季，不跑急診」" src="/images/taipei_logo.jpg"><p><a title="北市圖作家與讀者有約「換季，不跑急診」" href="ct.asp?xItem=23906342&ctNode=35292&mp=104021">北市圖作家與讀者有約「換季，不跑急診」</a><span class="date">2012-05-17</span>所有的急重症，當事人自己或多或少都會有一點警覺，這樣子的警覺跟一般所謂的身體不舒服，是有差別的。不會撒謊的身體所給警訊，真的不要等閒視之，特別是在氣候多變溫差大時。比如說「頭痛」，跟平常不舒服時不一樣......</p>
</li>
<li><img title="道藩分館駐館作家講座~黃麗群「台灣各大文學獎生態漫談」" alt="道藩分館駐館作家講座~黃麗群「台灣各大文學獎生態漫談」" src="/images/taipei_logo.jpg"><p><a title="道藩分館駐館作家講座~黃麗群「台灣各大文學獎生態漫談」" href="ct.asp?xItem=23619194&ctNode=35292&mp=104021">道藩分館駐館作家講座~黃麗群「台灣各大文學獎生態漫談」</a><span class="date">2012-05-14</span>台北文學獎、梁實秋文學獎、台大文學獎…等，而文學獎最主要目的為 ─ 鼓勵文學創作，提倡文學寫作。道藩分館6月駐館作家講座，邀請到6年級末班車最後一個說故事高手 ─ 黃麗群，來漫談“台灣各大文學獎生態”......</p>
</li>
<li><img title="石牌分館「科學到民間講座-與氣候共舞」，歡迎參加!" alt="石牌分館「科學到民間講座-與氣候共舞」，歡迎參加!" src="/images/taipei_logo.jpg"><p><a title="石牌分館「科學到民間講座-與氣候共舞」，歡迎參加!" href="ct.asp?xItem=23391209&ctNode=35292&mp=104021">石牌分館「科學到民間講座-與氣候共舞」，歡迎參加!</a><span class="date">2012-05-11</span>站在「全球暖化」的十字路口，臺灣何處去？準確的掌握氣候變遷帶來的契機，說不定是臺灣脫胎換骨的機會。面對新的挑戰，我們可曾認真想過？石牌分館「科學到民間」系列講座，邀請到中央研究院環境變遷研究中心研究員......</p>
</li>
<li><img title="大同分館－「和星星做朋友」親子講座" alt="大同分館－「和星星做朋友」親子講座" src="/images/taipei_logo.jpg"><p><a title="大同分館－「和星星做朋友」親子講座" href="ct.asp?xItem=23371872&ctNode=35292&mp=104021">大同分館－「和星星做朋友」親子講座</a><span class="date">2012-05-11</span>天上的星星閃呀閃！您是否覺得春天的星空特別迷人呢？點點繁星之中，您知道隱藏著哪些星座嗎？大同分館舉辦「和星星做朋友」親子講座，帶您一探星空的奧秘。活動內容：1.星座卡通播放2.星座有獎徵答3.如何找星......</p>
</li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=35292&mp=104021" title="更多講座">更多講座</a></div>
<div class="foot">
</div>
</div>
</div>
<noscript>
<div class="headline" style="height:100%;">
<h2 style="background:none;margin:5px;font-weight:bold;height:100%;">講座<div style="display:inline;"><div class="rss"><a onkeypress="javascript:return CheckBrowserSupportRSS();" onclick="javascript:return CheckBrowserSupportRSS();" title="RSS訂閱" href="search.getService.asp?serviceName=GIP.xdrss&mp=104021&ctNodeId=35292"><img src="images/rss.jpg" title="RSS訂閱" alt="RSS訂閱"></a></div>
</div></h2>
<div id="lstDiv" class="body" style="height:100%">
<ul style="width:95%;float:none;text-align:left;background:none;height:100%;">
<li style="display:block;"><a style="margin:20px;" title="北市圖作家與讀者有約「為什麼就是睡不著」" href="ct.asp?xItem=23906348&ctNode=35292&mp=104021">北市圖作家與讀者有約「為什麼就是睡不著」</a><span class="date">2012-05-17</span></li>
<li style="display:block;"><a style="margin:20px;" title="北市圖作家與讀者有約「換季，不跑急診」" href="ct.asp?xItem=23906342&ctNode=35292&mp=104021">北市圖作家與讀者有約「換季，不跑急診」</a><span class="date">2012-05-17</span></li>
<li style="display:block;"><a style="margin:20px;" title="道藩分館駐館作家講座~黃麗群「台灣各大文學獎生態漫談」" href="ct.asp?xItem=23619194&ctNode=35292&mp=104021">道藩分館駐館作家講座~黃麗群「台灣各大文學獎生態漫談」</a><span class="date">2012-05-14</span></li>
<li style="display:block;"><a style="margin:20px;" title="石牌分館「科學到民間講座-與氣候共舞」，歡迎參加!" href="ct.asp?xItem=23391209&ctNode=35292&mp=104021">石牌分館「科學到民間講座-與氣候共舞」，歡迎參加!</a><span class="date">2012-05-11</span></li>
<li style="display:block;"><a style="margin:20px;" title="大同分館－「和星星做朋友」親子講座" href="ct.asp?xItem=23371872&ctNode=35292&mp=104021">大同分館－「和星星做朋友」親子講座</a><span class="date">2012-05-11</span></li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=35292&mp=104021" title="更多講座">更多講座</a></div>
<div class="foot">
</div>
</div>
</noscript>
<style>
	/*------標籤 headline*/
	#container div.tabpanel .headline h2{ background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;height:23px;border-bottom:0px solid #cccccc;}
	#container div.tabpanel .headline h2 span{display:none;}
	#container div.tabpanel .headline ul{float:right;
	margin:0;height:23px;width:124px;
	padding:0 0 0 0px;text-align:right;
	background: url(../images/bg_control.jpg) no-repeat right 0px;
	}
	#container div.tabpanel .headline ul li{display:inline;padding:0 0px 0 0px;}
	#container div.tabpanel .headline body{background:none;height:auto;width:auto;}
	ul#ListMode{display:block;margin:10px 0 0 20px;	
		padding:0px 10px 0px 0px;	}
	ul#PicMode{display:none;}
	ul#ListMode li a,ul#PicMode li a{color:#1c86c1;}
	ul#ListMode li a:hover,ul#PicMode li a:hover{color: #FF0000;text-decoration: none;background: none;}

	ul#ListMode li {
		border-bottom:1px solid #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
	}
	ul#PicMode li {
		border-bottom:0px solid #d2d2d2;margin:5px 0;background:none;	
		}
	ul#ListMode li span.date,ul#PicMode li span.date{color:#d34322;}
	ul#PicMode li img{width:80px;height:50px;float:left;border:2px solid #d2d2d2;margin:0 10px 0 0px;}
	ul#PicMode li p{margin:0 0 0 10px;display:block;height:auto;_height:30px;}
	
	/* CSS Document */
	#container div.tabpanel{
		clear: both;
		width:100%;
		float:left; /* 解決firefox tab內的資料少於圖示高度外框會往上縮的問題 */	
		margin:0 0 10px 0;
	}

	/*標籤底線*/
	#container div.tabpanel ul.tablist {
		margin: 0px;
		padding:2px 0 0 5px;
		list-style-type: none;
		background-image: none;
		border-bottom:1px solid #cccccc;
		height:27px;
		*height:27px;
		_height:23px;
		position:relative;
	}

	#container div.tabpanel li.tab {
		background-image: url(../images/PanelsTab_Leftbg.gif);
		background-repeat: no-repeat;
		background-position: left top;	
		float: left;
		display:block;
		padding:0px 0 0px 5px;	
		margin:0 0 0 2px;
		border:0px none;
		font-weight: normal;
		border-bottom:1px solid #cccccc;
	}
	#container div.tabpanel li.tab span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size:.95em;
		color: #333333;
		margin:0 0 0 5px;
		display:block;
		padding:6px 8px 2px 0px;
		cursor: hand;	
		
	}



	#container div.tabpanel li.selected {
	  background-image: url(../images/PanelsTab_Leftbg2.gif);
	  background-repeat: no-repeat;
	  background-position: left top;
	  float: left;
	  display:block;
	  margin:0 0 0 2px;
	  padding:0px 0 0px 5px;
	  border-bottom: 0px none;
	  color: black;
	 
	}
	#container div.tabpanel li.selected span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg2.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size: .95em;
		color: #0e6fe6;
		display:block;
		margin:0 0 0 5px;
		padding:6px 8px 3px 0px;
		font-weight: normal;
		cursor: hand;
		
	}




	#container div.tabpanel div.tabpanel {
		clear: both;
		
		border-right: solid 1px #cccccc;
		border-left: solid 1px #cccccc;
		border-bottom: solid 1px #cccccc;
		
		background-color: #FFFFFF;
		/*background-image: url(../images/ajax_bodybg.gif);
		background-repeat: repeat-x;
		background-position: 0px top;*/
		margin:0 0 10px 0;
		padding:10px 0px 0px 0px;
	}



	/*-----Main center headline-- 公板樣式 *************************************************************************************************/
	#container div.tabpanel div.tabpanel .headline{ margin:0px 0 10px 0; }

	#container div.tabpanel div.tabpanel .headline h2{
		
		background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;
		height:23px;border-bottom:0px solid #cccccc;
						
						}
	#container div.tabpanel div.tabpanel .headline h2 a{color: #63ba1c;font-weight: bold;}
	#container div.tabpanel div.tabpanel .headline h2 .rss{  margin:0px 0 0 0px; }

	#container div.tabpanel div.tabpanel .headline .body {
		background:none;height:auto;width:auto;padding:0 0 0 0;margin:0;borde:0px solid #cccccc;
		
		}
	#container div.tabpanel div.tabpanel .headline .body h3{color: #07509b;margin:0px 0 0px 0px;padding:5px 0 2px 16px;background: url(../images/icon_menu1.gif) no-repeat 0px 7px;
								font-weight: bold;border:0px none;font-size: 1em;line-height: 1.3em;clear:both;}
	#container div.tabpanel div.tabpanel .headline .body h3 a{color: #07509b;text-decoration: underline;}
	#container div.tabpanel div.tabpanel .headline .body h4{color: #009933;padding:3px ;clear:both;margin:0 0 2px 0;	font-weight: bold;
								background: url(../images/h2_bg.gif) no-repeat 0px bottom;}
								
								
	#container div.tabpanel div.tabpanel .headline .body p{color: #666666;letter-spacing: 1px;margin:5px 0;padding:0px;line-height: 18px;}
	#container div.tabpanel div.tabpanel .headline .body ul{
		margin:7px 15px 0 15px;
		background-image: none;
		padding:0px 0px 0px 0px;
		float:none;width:auto;height:auto;background:none;text-align:left;}
	#container div.tabpanel div.tabpanel .headline .body li{
		border-bottom:1px dotted #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
		display:inline-block;
							}
	#container div.tabpanel div.tabpanel .headline .body li .date{color: #999;padding:3px 2px;font-size: 80%;margin:0px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .body .list{	margin:0px 0 0 140px;background-image: none;}
	#container div.tabpanel div.tabpanel .headline .body .list li{background: url(../images/icon_arrow7.gif) no-repeat 0px 5px;padding-left: 15px;	display:block;	text-align:left;				
									line-height: 22px;	border-bottom: 1px dashed #dddddd;}
	#container div.tabpanel div.tabpanel .headline .body .list li .date{color: #999;padding:0 2px 0 2px;font-size: 80%;	margin:0px 0 0 0;}

	#container div.tabpanel div.tabpanel .headline .pic{	border:1px solid #CCCCCC;padding:1px;margin: 0px 5px 0 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .image{float:left;padding:5px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .image img{border:1px solid #CCCCCC;padding:1px;	margin: 0px 5px 0px 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .source{background: url(../images/scorebg.gif) repeat-y left 0px;padding:2px 0 2px 5px;margin:5px 0;clear:both;}
	#container div.tabpanel div.tabpanel .headline .source em{color: #CC0000;}
	#container div.tabpanel div.tabpanel .headline .source img{ vertical-align:middle;}

	/*------ headline Footer--*/
	#container div.tabpanel div.tabpanel .headline .foot{
		display: block;height:0px;
		background: none no-repeat right top;
	}
	html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	*+ html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	</style>
<noscript><div>若您要切換頁籤，請按下Ctrl加Tab鍵，或按上下左右方向鍵。</div></noscript><script type="text/javascript">
		function switchDisplayMode4(mode){
			var lstDisplay = "none"; var picDisplay = "block";
			if(mode == "list"){	lstDisplay = "block"; picDisplay = "none"; }
			$$("div#mpanel_4 div#lstDiv").setStyle("display", lstDisplay);
			$$("div#mpanel_4 div#picDiv ul#PicMode").setStyle("display", picDisplay);
			$$("div#mpanel_4 div#picDiv").setStyle("display", picDisplay);
		}
	</script><noscript><div>此段程式碼負責切換此區塊內容之顯示模式，不影響內容。</div></noscript>
<div class="axs tabpanel labelledby-tab_1 hidden-false" style="display: none" id="mpanel_4">
<div class="headline">
<ul>
<li><a href="
					javascript:switchDisplayMode4('list');
					"><img title="List Mode" alt="List Mode" src="/images/btn_c1.jpg"></a></li>
<li><a href="
					javascript:switchDisplayMode4('pic');
					"><img title="Gallery Mode" alt="Gallery Mode" src="/images/btn_c2.jpg"></a></li>
</ul>
<div id="lstDiv" class="body">
<ul id="ListMode">
<li><a title="南港分館「兒童日常英語夏令營」" href="ct.asp?xItem=22836678&ctNode=36827&mp=104021">南港分館「兒童日常英語夏令營」</a><span class="date">2012-05-04</span></li>
<li><a title="士林區樂齡中心「健康經絡拳」課程延期公告" href="ct.asp?xItem=22280155&ctNode=36827&mp=104021">士林區樂齡中心「健康經絡拳」課程延期公告</a><span class="date">2012-04-27</span></li>
<li><a title="士林區樂齡中心「銀采乍現俱樂部」101年第1期課程熱情招生中！" href="ct.asp?xItem=22134020&ctNode=36827&mp=104021">士林區樂齡中心「銀采乍現俱樂部」101年第1期課程熱情招生中！</a><span class="date">2012-04-19</span></li>
<li><a title="本館多元文化資料中心辦理「新移民生活電腦班」，歡迎報名參加！" href="ct.asp?xItem=22061785&ctNode=36827&mp=104021">本館多元文化資料中心辦理「新移民生活電腦班」，歡迎報名參加！</a><span class="date">2012-04-18</span></li>
<li><a title="北市圖「E起來找查─資料庫利用教育活動」開跑囉!" href="ct.asp?xItem=22108870&ctNode=36827&mp=104021">北市圖「E起來找查─資料庫利用教育活動」開跑囉!</a><span class="date">2012-04-17</span></li>
</ul>
</div>
<div id="picDiv" class="body" sytle="display:none;">
<ul id="PicMode">
<li><img title="南港分館「兒童日常英語夏令營」" alt="南港分館「兒童日常英語夏令營」" src="/images/taipei_logo.jpg"><p><a title="南港分館「兒童日常英語夏令營」" href="ct.asp?xItem=22836678&ctNode=36827&mp=104021">南港分館「兒童日常英語夏令營」</a><span class="date">2012-05-04</span>語言學家認為對於兒童的外語教學，可以讓兒童像學母語般先訓練其聽說能力, 再訓練其讀寫能力。針對兒童的語言知識、能力以及他們需要不斷地重複語言學習的特性，配合周遭生活環境所接觸的人、事、物，設計常用的日......</p>
</li>
<li><img title="士林區樂齡中心「健康經絡拳」課程延期公告" alt="士林區樂齡中心「健康經絡拳」課程延期公告" src="/images/taipei_logo.jpg"><p><a title="士林區樂齡中心「健康經絡拳」課程延期公告" href="ct.asp?xItem=22280155&ctNode=36827&mp=104021">士林區樂齡中心「健康經絡拳」課程延期公告</a><span class="date">2012-04-27</span>士林區樂齡學習中心「健康經絡拳」課程原訂於4月26日、5月10日、5月17日、5月24日、5月31日授課，因報名人數不足，延期至5月下旬開課，原授課講師不變。待報名人數達15名後將另行公告確切之上課時......</p>
</li>
<li><img title="士林區樂齡中心「銀采乍現俱樂部」101年第1期課程熱情招生中！" alt="士林區樂齡中心「銀采乍現俱樂部」101年第1期課程熱情招生中！" src="/images/taipei_logo.jpg"><p><a title="士林區樂齡中心「銀采乍現俱樂部」101年第1期課程熱情招生中！" href="ct.asp?xItem=22134020&ctNode=36827&mp=104021">士林區樂齡中心「銀采乍現俱樂部」101年第1期課程熱情招生中！</a><span class="date">2012-04-19</span>士林區的銀髮長者看過來！臺北市士林區樂齡學習中心「銀采乍現俱樂部」101年第1期課程將於4月底陸續開課囉！將開設「家族譜創作」、「養生保健」、「銀采樂活」三大類課程，共計有8門課、42場次、84個小時......</p>
</li>
<li><img title="本館多元文化資料中心辦理「新移民生活電腦班」，歡迎報名參加！" alt="本館多元文化資料中心辦理「新移民生活電腦班」，歡迎報名參加！" src="/images/taipei_logo.jpg"><p><a title="本館多元文化資料中心辦理「新移民生活電腦班」，歡迎報名參加！" href="ct.asp?xItem=22061785&ctNode=36827&mp=104021">本館多元文化資料中心辦理「新移民生活電腦班」，歡迎報名參加！</a><span class="date">2012-04-18</span>本館自5月5日起至9月8日止舉辦「新移民生活電腦班」。透過電腦課程提升新移民朋友們對電腦的認識，進而增加相關知識、培養專長，藉此尋找更好的工作機會。並藉由網路課程的教學，提供新移民朋友另一個與同鄉親友......</p>
</li>
<li><img title="北市圖「E起來找查─資料庫利用教育活動」開跑囉!" alt="北市圖「E起來找查─資料庫利用教育活動」開跑囉!" src="/images/taipei_logo.jpg"><p><a title="北市圖「E起來找查─資料庫利用教育活動」開跑囉!" href="ct.asp?xItem=22108870&ctNode=36827&mp=104021">北市圖「E起來找查─資料庫利用教育活動」開跑囉!</a><span class="date">2012-04-17</span>活動名稱：E起來找查─資料庫利用教育活動。活動宗旨：為加強讀者對資料庫之認知，總館諮詢服務課與各閱覽單位合作辦理讀者利用教育。活動對象：年滿12歲，具備基礎電腦操作能力(如：打字、搜尋網頁)之一般大眾......</p>
</li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=36827&mp=104021" title="更多研習">更多研習</a></div>
<div class="foot">
</div>
</div>
</div>
<noscript>
<div class="headline" style="height:100%;">
<h2 style="background:none;margin:5px;font-weight:bold;height:100%;">研習<div style="display:inline;"></div></h2>
<div id="lstDiv" class="body" style="height:100%">
<ul style="width:95%;float:none;text-align:left;background:none;height:100%;">
<li style="display:block;"><a style="margin:20px;" title="南港分館「兒童日常英語夏令營」" href="ct.asp?xItem=22836678&ctNode=36827&mp=104021">南港分館「兒童日常英語夏令營」</a><span class="date">2012-05-04</span></li>
<li style="display:block;"><a style="margin:20px;" title="士林區樂齡中心「健康經絡拳」課程延期公告" href="ct.asp?xItem=22280155&ctNode=36827&mp=104021">士林區樂齡中心「健康經絡拳」課程延期公告</a><span class="date">2012-04-27</span></li>
<li style="display:block;"><a style="margin:20px;" title="士林區樂齡中心「銀采乍現俱樂部」101年第1期課程熱情招生中！" href="ct.asp?xItem=22134020&ctNode=36827&mp=104021">士林區樂齡中心「銀采乍現俱樂部」101年第1期課程熱情招生中！</a><span class="date">2012-04-19</span></li>
<li style="display:block;"><a style="margin:20px;" title="本館多元文化資料中心辦理「新移民生活電腦班」，歡迎報名參加！" href="ct.asp?xItem=22061785&ctNode=36827&mp=104021">本館多元文化資料中心辦理「新移民生活電腦班」，歡迎報名參加！</a><span class="date">2012-04-18</span></li>
<li style="display:block;"><a style="margin:20px;" title="北市圖「E起來找查─資料庫利用教育活動」開跑囉!" href="ct.asp?xItem=22108870&ctNode=36827&mp=104021">北市圖「E起來找查─資料庫利用教育活動」開跑囉!</a><span class="date">2012-04-17</span></li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=36827&mp=104021" title="更多研習">更多研習</a></div>
<div class="foot">
</div>
</div>
</noscript>
<style>
	/*------標籤 headline*/
	#container div.tabpanel .headline h2{ background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;height:23px;border-bottom:0px solid #cccccc;}
	#container div.tabpanel .headline h2 span{display:none;}
	#container div.tabpanel .headline ul{float:right;
	margin:0;height:23px;width:124px;
	padding:0 0 0 0px;text-align:right;
	background: url(../images/bg_control.jpg) no-repeat right 0px;
	}
	#container div.tabpanel .headline ul li{display:inline;padding:0 0px 0 0px;}
	#container div.tabpanel .headline body{background:none;height:auto;width:auto;}
	ul#ListMode{display:block;margin:10px 0 0 20px;	
		padding:0px 10px 0px 0px;	}
	ul#PicMode{display:none;}
	ul#ListMode li a,ul#PicMode li a{color:#1c86c1;}
	ul#ListMode li a:hover,ul#PicMode li a:hover{color: #FF0000;text-decoration: none;background: none;}

	ul#ListMode li {
		border-bottom:1px solid #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
	}
	ul#PicMode li {
		border-bottom:0px solid #d2d2d2;margin:5px 0;background:none;	
		}
	ul#ListMode li span.date,ul#PicMode li span.date{color:#d34322;}
	ul#PicMode li img{width:80px;height:50px;float:left;border:2px solid #d2d2d2;margin:0 10px 0 0px;}
	ul#PicMode li p{margin:0 0 0 10px;display:block;height:auto;_height:30px;}
	
	/* CSS Document */
	#container div.tabpanel{
		clear: both;
		width:100%;
		float:left; /* 解決firefox tab內的資料少於圖示高度外框會往上縮的問題 */	
		margin:0 0 10px 0;
	}

	/*標籤底線*/
	#container div.tabpanel ul.tablist {
		margin: 0px;
		padding:2px 0 0 5px;
		list-style-type: none;
		background-image: none;
		border-bottom:1px solid #cccccc;
		height:27px;
		*height:27px;
		_height:23px;
		position:relative;
	}

	#container div.tabpanel li.tab {
		background-image: url(../images/PanelsTab_Leftbg.gif);
		background-repeat: no-repeat;
		background-position: left top;	
		float: left;
		display:block;
		padding:0px 0 0px 5px;	
		margin:0 0 0 2px;
		border:0px none;
		font-weight: normal;
		border-bottom:1px solid #cccccc;
	}
	#container div.tabpanel li.tab span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size:.95em;
		color: #333333;
		margin:0 0 0 5px;
		display:block;
		padding:6px 8px 2px 0px;
		cursor: hand;	
		
	}



	#container div.tabpanel li.selected {
	  background-image: url(../images/PanelsTab_Leftbg2.gif);
	  background-repeat: no-repeat;
	  background-position: left top;
	  float: left;
	  display:block;
	  margin:0 0 0 2px;
	  padding:0px 0 0px 5px;
	  border-bottom: 0px none;
	  color: black;
	 
	}
	#container div.tabpanel li.selected span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg2.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size: .95em;
		color: #0e6fe6;
		display:block;
		margin:0 0 0 5px;
		padding:6px 8px 3px 0px;
		font-weight: normal;
		cursor: hand;
		
	}




	#container div.tabpanel div.tabpanel {
		clear: both;
		
		border-right: solid 1px #cccccc;
		border-left: solid 1px #cccccc;
		border-bottom: solid 1px #cccccc;
		
		background-color: #FFFFFF;
		/*background-image: url(../images/ajax_bodybg.gif);
		background-repeat: repeat-x;
		background-position: 0px top;*/
		margin:0 0 10px 0;
		padding:10px 0px 0px 0px;
	}



	/*-----Main center headline-- 公板樣式 *************************************************************************************************/
	#container div.tabpanel div.tabpanel .headline{ margin:0px 0 10px 0; }

	#container div.tabpanel div.tabpanel .headline h2{
		
		background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;
		height:23px;border-bottom:0px solid #cccccc;
						
						}
	#container div.tabpanel div.tabpanel .headline h2 a{color: #63ba1c;font-weight: bold;}
	#container div.tabpanel div.tabpanel .headline h2 .rss{  margin:0px 0 0 0px; }

	#container div.tabpanel div.tabpanel .headline .body {
		background:none;height:auto;width:auto;padding:0 0 0 0;margin:0;borde:0px solid #cccccc;
		
		}
	#container div.tabpanel div.tabpanel .headline .body h3{color: #07509b;margin:0px 0 0px 0px;padding:5px 0 2px 16px;background: url(../images/icon_menu1.gif) no-repeat 0px 7px;
								font-weight: bold;border:0px none;font-size: 1em;line-height: 1.3em;clear:both;}
	#container div.tabpanel div.tabpanel .headline .body h3 a{color: #07509b;text-decoration: underline;}
	#container div.tabpanel div.tabpanel .headline .body h4{color: #009933;padding:3px ;clear:both;margin:0 0 2px 0;	font-weight: bold;
								background: url(../images/h2_bg.gif) no-repeat 0px bottom;}
								
								
	#container div.tabpanel div.tabpanel .headline .body p{color: #666666;letter-spacing: 1px;margin:5px 0;padding:0px;line-height: 18px;}
	#container div.tabpanel div.tabpanel .headline .body ul{
		margin:7px 15px 0 15px;
		background-image: none;
		padding:0px 0px 0px 0px;
		float:none;width:auto;height:auto;background:none;text-align:left;}
	#container div.tabpanel div.tabpanel .headline .body li{
		border-bottom:1px dotted #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
		display:inline-block;
							}
	#container div.tabpanel div.tabpanel .headline .body li .date{color: #999;padding:3px 2px;font-size: 80%;margin:0px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .body .list{	margin:0px 0 0 140px;background-image: none;}
	#container div.tabpanel div.tabpanel .headline .body .list li{background: url(../images/icon_arrow7.gif) no-repeat 0px 5px;padding-left: 15px;	display:block;	text-align:left;				
									line-height: 22px;	border-bottom: 1px dashed #dddddd;}
	#container div.tabpanel div.tabpanel .headline .body .list li .date{color: #999;padding:0 2px 0 2px;font-size: 80%;	margin:0px 0 0 0;}

	#container div.tabpanel div.tabpanel .headline .pic{	border:1px solid #CCCCCC;padding:1px;margin: 0px 5px 0 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .image{float:left;padding:5px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .image img{border:1px solid #CCCCCC;padding:1px;	margin: 0px 5px 0px 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .source{background: url(../images/scorebg.gif) repeat-y left 0px;padding:2px 0 2px 5px;margin:5px 0;clear:both;}
	#container div.tabpanel div.tabpanel .headline .source em{color: #CC0000;}
	#container div.tabpanel div.tabpanel .headline .source img{ vertical-align:middle;}

	/*------ headline Footer--*/
	#container div.tabpanel div.tabpanel .headline .foot{
		display: block;height:0px;
		background: none no-repeat right top;
	}
	html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	*+ html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	</style>
<noscript><div>若您要切換頁籤，請按下Ctrl加Tab鍵，或按上下左右方向鍵。</div></noscript><script type="text/javascript">
		function switchDisplayMode5(mode){
			var lstDisplay = "none"; var picDisplay = "block";
			if(mode == "list"){	lstDisplay = "block"; picDisplay = "none"; }
			$$("div#mpanel_5 div#lstDiv").setStyle("display", lstDisplay);
			$$("div#mpanel_5 div#picDiv ul#PicMode").setStyle("display", picDisplay);
			$$("div#mpanel_5 div#picDiv").setStyle("display", picDisplay);
		}
	</script><noscript><div>此段程式碼負責切換此區塊內容之顯示模式，不影響內容。</div></noscript>
<div class="axs tabpanel labelledby-tab_1 hidden-false" style="display: none" id="mpanel_5">
<div class="headline">
<div class="rss"><a onkeypress="javascript:return CheckBrowserSupportRSS();" onclick="javascript:return CheckBrowserSupportRSS();" title="RSS訂閱" href="search.getService.asp?serviceName=GIP.xdrss&mp=104021&ctNodeId=35297"><img src="images/rss.jpg" title="RSS訂閱" alt="RSS訂閱"></a></div>
<ul>
<li><a href="
					javascript:switchDisplayMode5('list');
					"><img title="List Mode" alt="List Mode" src="/images/btn_c1.jpg"></a></li>
<li><a href="
					javascript:switchDisplayMode5('pic');
					"><img title="Gallery Mode" alt="Gallery Mode" src="/images/btn_c2.jpg"></a></li>
</ul>
<div id="lstDiv" class="body">
<ul id="ListMode">
<li><a title="大同分館5月份兒童電影院" href="ct.asp?xItem=22671594&ctNode=35297&mp=104021">大同分館5月份兒童電影院</a><span class="date">2012-05-02</span></li>
<li><a title="稻香分館假日電影院101年5-6月份節目表" href="ct.asp?xItem=21996333&ctNode=35297&mp=104021">稻香分館假日電影院101年5-6月份節目表</a><span class="date">2012-05-02</span></li>
<li><a title="歡迎蒞臨觀賞【萬興分館101年5月週日電影院】影片" href="ct.asp?xItem=21764688&ctNode=35297&mp=104021">歡迎蒞臨觀賞【萬興分館101年5月週日電影院】影片</a><span class="date">2012-05-02</span></li>
<li><a title="大安分館101年6月「館藏特色電影賞析講座－斷背山」" href="ct.asp?xItem=20696481&ctNode=35297&mp=104021">大安分館101年6月「館藏特色電影賞析講座－斷背山」</a><span class="date">2012-05-02</span></li>
<li><a title="景新分館文山區樂齡中心-「在淚光中迎向生命」社區影展" href="ct.asp?xItem=22604386&ctNode=35297&mp=104021">景新分館文山區樂齡中心-「在淚光中迎向生命」社區影展</a><span class="date">2012-05-01</span></li>
</ul>
</div>
<div id="picDiv" class="body" sytle="display:none;">
<ul id="PicMode">
<li><img title="大同分館5月份兒童電影院" alt="大同分館5月份兒童電影院" src="/images/taipei_logo.jpg"><p><a title="大同分館5月份兒童電影院" href="ct.asp?xItem=22671594&ctNode=35297&mp=104021">大同分館5月份兒童電影院</a><span class="date">2012-05-02</span>活動目的：大同分館在5月份，安排適合小朋友的熱門影片，歡迎社區民眾全家一同前來觀賞。辦理單位：臺北市立圖書館大同分館活動對象：一般民眾免費觀賞活動地點：臺北市立圖書館大同分館地下1樓視聽室(臺北市大同......</p>
</li>
<li><img title="稻香分館假日電影院101年5-6月份節目表" alt="稻香分館假日電影院101年5-6月份節目表" src="/images/taipei_logo.jpg"><p><a title="稻香分館假日電影院101年5-6月份節目表" href="ct.asp?xItem=21996333&ctNode=35297&mp=104021">稻香分館假日電影院101年5-6月份節目表</a><span class="date">2012-05-02</span>活動宗旨：稻香分館於每月雙週週日下午特別挑選精彩好片，提供民眾欣賞並增加假日休閒的好去處。活動辦法：免費入場，自由參加。(保護級:未滿六歲之兒童不得觀賞，六歲以上未滿十二歲之兒童須父母、師長或成年親友......</p>
</li>
<li><img title="歡迎蒞臨觀賞【萬興分館101年5月週日電影院】影片" alt="歡迎蒞臨觀賞【萬興分館101年5月週日電影院】影片" src="/images/taipei_logo.jpg"><p><a title="歡迎蒞臨觀賞【萬興分館101年5月週日電影院】影片" href="ct.asp?xItem=21764688&ctNode=35297&mp=104021">歡迎蒞臨觀賞【萬興分館101年5月週日電影院】影片</a><span class="date">2012-05-02</span>為提供社區居民休閒去處，提升親子間互動，鼓勵民眾從事多媒體閱\讀，在每週日下午2時30分播放適合親子共賞的影片，歡迎您踴躍蒞臨觀賞。活動地點：臺北市立圖書館萬興分館5樓推廣活動室(臺北市文山區萬壽路2......</p>
</li>
<li><img title="大安分館101年6月「館藏特色電影賞析講座－斷背山」" alt="大安分館101年6月「館藏特色電影賞析講座－斷背山」" src="/images/taipei_logo.jpg"><p><a title="大安分館101年6月「館藏特色電影賞析講座－斷背山」" href="ct.asp?xItem=20696481&ctNode=35297&mp=104021">大安分館101年6月「館藏特色電影賞析講座－斷背山」</a><span class="date">2012-05-02</span>活動宗旨：期望藉由專業講師的深入剖析，讓民眾在欣賞電影之餘，也能從影片內容當中映照自我生命，獲得更深一層的體悟。活動內容：牧場青年（希斯萊傑 飾）與男牛仔（傑克葛倫霍 飾）兩人於1963年的夏天在懷俄......</p>
</li>
<li><img title="景新分館文山區樂齡中心-「在淚光中迎向生命」社區影展" alt="景新分館文山區樂齡中心-「在淚光中迎向生命」社區影展" src="/images/taipei_logo.jpg"><p><a title="景新分館文山區樂齡中心-「在淚光中迎向生命」社區影展" href="ct.asp?xItem=22604386&ctNode=35297&mp=104021">景新分館文山區樂齡中心-「在淚光中迎向生命」社區影展</a><span class="date">2012-05-01</span>活動名稱：景新分館樂齡中心-「在淚光中迎向生命」社區影展活動目的:藉由與鄰里、老人服務團體及民間企業團體，共同合作推廣哀傷情緒議題社區宣導，讓銀髮族建立高齡喪偶家庭的溫暖關懷與正確的價值觀。     ......</p>
</li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=35297&mp=104021" title="更多影片">更多影片</a></div>
<div class="foot">
</div>
</div>
</div>
<noscript>
<div class="headline" style="height:100%;">
<h2 style="background:none;margin:5px;font-weight:bold;height:100%;">影片<div style="display:inline;"><div class="rss"><a onkeypress="javascript:return CheckBrowserSupportRSS();" onclick="javascript:return CheckBrowserSupportRSS();" title="RSS訂閱" href="search.getService.asp?serviceName=GIP.xdrss&mp=104021&ctNodeId=35297"><img src="images/rss.jpg" title="RSS訂閱" alt="RSS訂閱"></a></div>
</div></h2>
<div id="lstDiv" class="body" style="height:100%">
<ul style="width:95%;float:none;text-align:left;background:none;height:100%;">
<li style="display:block;"><a style="margin:20px;" title="大同分館5月份兒童電影院" href="ct.asp?xItem=22671594&ctNode=35297&mp=104021">大同分館5月份兒童電影院</a><span class="date">2012-05-02</span></li>
<li style="display:block;"><a style="margin:20px;" title="稻香分館假日電影院101年5-6月份節目表" href="ct.asp?xItem=21996333&ctNode=35297&mp=104021">稻香分館假日電影院101年5-6月份節目表</a><span class="date">2012-05-02</span></li>
<li style="display:block;"><a style="margin:20px;" title="歡迎蒞臨觀賞【萬興分館101年5月週日電影院】影片" href="ct.asp?xItem=21764688&ctNode=35297&mp=104021">歡迎蒞臨觀賞【萬興分館101年5月週日電影院】影片</a><span class="date">2012-05-02</span></li>
<li style="display:block;"><a style="margin:20px;" title="大安分館101年6月「館藏特色電影賞析講座－斷背山」" href="ct.asp?xItem=20696481&ctNode=35297&mp=104021">大安分館101年6月「館藏特色電影賞析講座－斷背山」</a><span class="date">2012-05-02</span></li>
<li style="display:block;"><a style="margin:20px;" title="景新分館文山區樂齡中心-「在淚光中迎向生命」社區影展" href="ct.asp?xItem=22604386&ctNode=35297&mp=104021">景新分館文山區樂齡中心-「在淚光中迎向生命」社區影展</a><span class="date">2012-05-01</span></li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=35297&mp=104021" title="更多影片">更多影片</a></div>
<div class="foot">
</div>
</div>
</noscript>
<style>
	/*------標籤 headline*/
	#container div.tabpanel .headline h2{ background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;height:23px;border-bottom:0px solid #cccccc;}
	#container div.tabpanel .headline h2 span{display:none;}
	#container div.tabpanel .headline ul{float:right;
	margin:0;height:23px;width:124px;
	padding:0 0 0 0px;text-align:right;
	background: url(../images/bg_control.jpg) no-repeat right 0px;
	}
	#container div.tabpanel .headline ul li{display:inline;padding:0 0px 0 0px;}
	#container div.tabpanel .headline body{background:none;height:auto;width:auto;}
	ul#ListMode{display:block;margin:10px 0 0 20px;	
		padding:0px 10px 0px 0px;	}
	ul#PicMode{display:none;}
	ul#ListMode li a,ul#PicMode li a{color:#1c86c1;}
	ul#ListMode li a:hover,ul#PicMode li a:hover{color: #FF0000;text-decoration: none;background: none;}

	ul#ListMode li {
		border-bottom:1px solid #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
	}
	ul#PicMode li {
		border-bottom:0px solid #d2d2d2;margin:5px 0;background:none;	
		}
	ul#ListMode li span.date,ul#PicMode li span.date{color:#d34322;}
	ul#PicMode li img{width:80px;height:50px;float:left;border:2px solid #d2d2d2;margin:0 10px 0 0px;}
	ul#PicMode li p{margin:0 0 0 10px;display:block;height:auto;_height:30px;}
	
	/* CSS Document */
	#container div.tabpanel{
		clear: both;
		width:100%;
		float:left; /* 解決firefox tab內的資料少於圖示高度外框會往上縮的問題 */	
		margin:0 0 10px 0;
	}

	/*標籤底線*/
	#container div.tabpanel ul.tablist {
		margin: 0px;
		padding:2px 0 0 5px;
		list-style-type: none;
		background-image: none;
		border-bottom:1px solid #cccccc;
		height:27px;
		*height:27px;
		_height:23px;
		position:relative;
	}

	#container div.tabpanel li.tab {
		background-image: url(../images/PanelsTab_Leftbg.gif);
		background-repeat: no-repeat;
		background-position: left top;	
		float: left;
		display:block;
		padding:0px 0 0px 5px;	
		margin:0 0 0 2px;
		border:0px none;
		font-weight: normal;
		border-bottom:1px solid #cccccc;
	}
	#container div.tabpanel li.tab span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size:.95em;
		color: #333333;
		margin:0 0 0 5px;
		display:block;
		padding:6px 8px 2px 0px;
		cursor: hand;	
		
	}



	#container div.tabpanel li.selected {
	  background-image: url(../images/PanelsTab_Leftbg2.gif);
	  background-repeat: no-repeat;
	  background-position: left top;
	  float: left;
	  display:block;
	  margin:0 0 0 2px;
	  padding:0px 0 0px 5px;
	  border-bottom: 0px none;
	  color: black;
	 
	}
	#container div.tabpanel li.selected span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg2.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size: .95em;
		color: #0e6fe6;
		display:block;
		margin:0 0 0 5px;
		padding:6px 8px 3px 0px;
		font-weight: normal;
		cursor: hand;
		
	}




	#container div.tabpanel div.tabpanel {
		clear: both;
		
		border-right: solid 1px #cccccc;
		border-left: solid 1px #cccccc;
		border-bottom: solid 1px #cccccc;
		
		background-color: #FFFFFF;
		/*background-image: url(../images/ajax_bodybg.gif);
		background-repeat: repeat-x;
		background-position: 0px top;*/
		margin:0 0 10px 0;
		padding:10px 0px 0px 0px;
	}



	/*-----Main center headline-- 公板樣式 *************************************************************************************************/
	#container div.tabpanel div.tabpanel .headline{ margin:0px 0 10px 0; }

	#container div.tabpanel div.tabpanel .headline h2{
		
		background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;
		height:23px;border-bottom:0px solid #cccccc;
						
						}
	#container div.tabpanel div.tabpanel .headline h2 a{color: #63ba1c;font-weight: bold;}
	#container div.tabpanel div.tabpanel .headline h2 .rss{  margin:0px 0 0 0px; }

	#container div.tabpanel div.tabpanel .headline .body {
		background:none;height:auto;width:auto;padding:0 0 0 0;margin:0;borde:0px solid #cccccc;
		
		}
	#container div.tabpanel div.tabpanel .headline .body h3{color: #07509b;margin:0px 0 0px 0px;padding:5px 0 2px 16px;background: url(../images/icon_menu1.gif) no-repeat 0px 7px;
								font-weight: bold;border:0px none;font-size: 1em;line-height: 1.3em;clear:both;}
	#container div.tabpanel div.tabpanel .headline .body h3 a{color: #07509b;text-decoration: underline;}
	#container div.tabpanel div.tabpanel .headline .body h4{color: #009933;padding:3px ;clear:both;margin:0 0 2px 0;	font-weight: bold;
								background: url(../images/h2_bg.gif) no-repeat 0px bottom;}
								
								
	#container div.tabpanel div.tabpanel .headline .body p{color: #666666;letter-spacing: 1px;margin:5px 0;padding:0px;line-height: 18px;}
	#container div.tabpanel div.tabpanel .headline .body ul{
		margin:7px 15px 0 15px;
		background-image: none;
		padding:0px 0px 0px 0px;
		float:none;width:auto;height:auto;background:none;text-align:left;}
	#container div.tabpanel div.tabpanel .headline .body li{
		border-bottom:1px dotted #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
		display:inline-block;
							}
	#container div.tabpanel div.tabpanel .headline .body li .date{color: #999;padding:3px 2px;font-size: 80%;margin:0px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .body .list{	margin:0px 0 0 140px;background-image: none;}
	#container div.tabpanel div.tabpanel .headline .body .list li{background: url(../images/icon_arrow7.gif) no-repeat 0px 5px;padding-left: 15px;	display:block;	text-align:left;				
									line-height: 22px;	border-bottom: 1px dashed #dddddd;}
	#container div.tabpanel div.tabpanel .headline .body .list li .date{color: #999;padding:0 2px 0 2px;font-size: 80%;	margin:0px 0 0 0;}

	#container div.tabpanel div.tabpanel .headline .pic{	border:1px solid #CCCCCC;padding:1px;margin: 0px 5px 0 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .image{float:left;padding:5px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .image img{border:1px solid #CCCCCC;padding:1px;	margin: 0px 5px 0px 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .source{background: url(../images/scorebg.gif) repeat-y left 0px;padding:2px 0 2px 5px;margin:5px 0;clear:both;}
	#container div.tabpanel div.tabpanel .headline .source em{color: #CC0000;}
	#container div.tabpanel div.tabpanel .headline .source img{ vertical-align:middle;}

	/*------ headline Footer--*/
	#container div.tabpanel div.tabpanel .headline .foot{
		display: block;height:0px;
		background: none no-repeat right top;
	}
	html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	*+ html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	</style>
<noscript><div>若您要切換頁籤，請按下Ctrl加Tab鍵，或按上下左右方向鍵。</div></noscript><script type="text/javascript">
		function switchDisplayMode6(mode){
			var lstDisplay = "none"; var picDisplay = "block";
			if(mode == "list"){	lstDisplay = "block"; picDisplay = "none"; }
			$$("div#mpanel_6 div#lstDiv").setStyle("display", lstDisplay);
			$$("div#mpanel_6 div#picDiv ul#PicMode").setStyle("display", picDisplay);
			$$("div#mpanel_6 div#picDiv").setStyle("display", picDisplay);
		}
	</script><noscript><div>此段程式碼負責切換此區塊內容之顯示模式，不影響內容。</div></noscript>
<div class="axs tabpanel labelledby-tab_1 hidden-false" style="display: none" id="mpanel_6">
<div class="headline">
<div class="rss"><a onkeypress="javascript:return CheckBrowserSupportRSS();" onclick="javascript:return CheckBrowserSupportRSS();" title="RSS訂閱" href="search.getService.asp?serviceName=GIP.xdrss&mp=104021&ctNodeId=35298"><img src="images/rss.jpg" title="RSS訂閱" alt="RSS訂閱"></a></div>
<ul>
<li><a href="
					javascript:switchDisplayMode6('list');
					"><img title="List Mode" alt="List Mode" src="/images/btn_c1.jpg"></a></li>
<li><a href="
					javascript:switchDisplayMode6('pic');
					"><img title="Gallery Mode" alt="Gallery Mode" src="/images/btn_c2.jpg"></a></li>
</ul>
<div id="lstDiv" class="body">
<ul id="ListMode">
<li><a title="延平分館林老師說故事~端午節節慶特別活動" href="ct.asp?xItem=23735022&ctNode=35298&mp=104021">延平分館林老師說故事~端午節節慶特別活動</a><span class="date">2012-05-15</span></li>
<li><a title="總館美國資料中心「美籍老師美語說故事」，誠摯邀請您！" href="ct.asp?xItem=22810350&ctNode=35298&mp=104021">總館美國資料中心「美籍老師美語說故事」，誠摯邀請您！</a><span class="date">2012-05-04</span></li>
<li><a title="永春分館兒童彩繪活動－「圖書館彩繪我最棒」" href="ct.asp?xItem=22607339&ctNode=35298&mp=104021">永春分館兒童彩繪活動－「圖書館彩繪我最棒」</a><span class="date">2012-05-01</span></li>
<li><a title="延平分館請小朋友一起來慶祝母親節" href="ct.asp?xItem=22109808&ctNode=35298&mp=104021">延平分館請小朋友一起來慶祝母親節</a><span class="date">2012-04-17</span></li>
<li><a title="南港分館「大朋友的英語故事角落」" href="ct.asp?xItem=22071959&ctNode=35298&mp=104021">南港分館「大朋友的英語故事角落」</a><span class="date">2012-04-13</span></li>
</ul>
</div>
<div id="picDiv" class="body" sytle="display:none;">
<ul id="PicMode">
<li><img title="延平分館林老師說故事~端午節節慶特別活動" alt="延平分館林老師說故事~端午節節慶特別活動" src="/images/taipei_logo.jpg"><p><a title="延平分館林老師說故事~端午節節慶特別活動" href="ct.asp?xItem=23735022&ctNode=35298&mp=104021">延平分館林老師說故事~端午節節慶特別活動</a><span class="date">2012-05-15</span>活動目的：為因應民俗節慶端午節的到來，特邀本分館林老師團隊為端午節設計香包製作的活動，讓社區的小朋友在端午節前後與家長親子同樂，一起動手做香包，同時也能認識端午節的傳統習俗文化。活動時間：101年6月......</p>
</li>
<li><img title="總館美國資料中心「美籍老師美語說故事」，誠摯邀請您！" alt="總館美國資料中心「美籍老師美語說故事」，誠摯邀請您！" src="/images/taipei_logo.jpg"><p><a title="總館美國資料中心「美籍老師美語說故事」，誠摯邀請您！" href="ct.asp?xItem=22810350&ctNode=35298&mp=104021">總館美國資料中心「美籍老師美語說故事」，誠摯邀請您！</a><span class="date">2012-05-04</span>活動宗旨：為提升學齡前和國小的小朋友閱讀英文的能力、引發其閱讀興趣，臺北市立圖書館和美國在台協會舉辦美語說故事活動，聘請專業美籍教師以生動活潑的方式引導兒童進入英語圖書世界。活動內容、時間及老師：(一......</p>
</li>
<li><img title="永春分館兒童彩繪活動－「圖書館彩繪我最棒」" alt="永春分館兒童彩繪活動－「圖書館彩繪我最棒」" src="/images/taipei_logo.jpg"><p><a title="永春分館兒童彩繪活動－「圖書館彩繪我最棒」" href="ct.asp?xItem=22607339&ctNode=35298&mp=104021">永春分館兒童彩繪活動－「圖書館彩繪我最棒」</a><span class="date">2012-05-01</span>活動時間：第一梯次：5月26日(星期六)下午2:00-4:30第二梯次：6月30日(星期六)下午2:00-4:30第三梯次：7月28日(星期六)下午2:00-4:30第四梯次：8月25日(星期六)下午......</p>
</li>
<li><img title="延平分館請小朋友一起來慶祝母親節" alt="延平分館請小朋友一起來慶祝母親節" src="/images/taipei_logo.jpg"><p><a title="延平分館請小朋友一起來慶祝母親節" href="ct.asp?xItem=22109808&ctNode=35298&mp=104021">延平分館請小朋友一起來慶祝母親節</a><span class="date">2012-04-17</span>為配合母親節的慶祝活動，透過述說母愛、母親節等故事情節，讓小朋友從閱讀中領略孝親的意義；同時邀請本分館林老師團隊於母親節的前夕，帶領小朋友親手製作康乃馨等花束，獻給最愛的母親並表達其對母親之感恩。活動......</p>
</li>
<li><img title="南港分館「大朋友的英語故事角落」" alt="南港分館「大朋友的英語故事角落」" src="/images/taipei_logo.jpg"><p><a title="南港分館「大朋友的英語故事角落」" href="ct.asp?xItem=22071959&ctNode=35298&mp=104021">南港分館「大朋友的英語故事角落」</a><span class="date">2012-04-13</span>期望藉由英文故事引發小朋友學習英語之動機。故事內容淺顯易懂並涵蓋各種不同主題，搭配歌曲、短詩和DIY活動，創造一個輕鬆無負擔的英語學習環境。主辦單位：臺北市立圖書館南港分館活動講者：東吳大學英文系學生......</p>
</li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=35298&mp=104021" title="更多兒童活動">更多兒童活動</a></div>
<div class="foot">
</div>
</div>
</div>
<noscript>
<div class="headline" style="height:100%;">
<h2 style="background:none;margin:5px;font-weight:bold;height:100%;">兒童活動<div style="display:inline;"><div class="rss"><a onkeypress="javascript:return CheckBrowserSupportRSS();" onclick="javascript:return CheckBrowserSupportRSS();" title="RSS訂閱" href="search.getService.asp?serviceName=GIP.xdrss&mp=104021&ctNodeId=35298"><img src="images/rss.jpg" title="RSS訂閱" alt="RSS訂閱"></a></div>
</div></h2>
<div id="lstDiv" class="body" style="height:100%">
<ul style="width:95%;float:none;text-align:left;background:none;height:100%;">
<li style="display:block;"><a style="margin:20px;" title="延平分館林老師說故事~端午節節慶特別活動" href="ct.asp?xItem=23735022&ctNode=35298&mp=104021">延平分館林老師說故事~端午節節慶特別活動</a><span class="date">2012-05-15</span></li>
<li style="display:block;"><a style="margin:20px;" title="總館美國資料中心「美籍老師美語說故事」，誠摯邀請您！" href="ct.asp?xItem=22810350&ctNode=35298&mp=104021">總館美國資料中心「美籍老師美語說故事」，誠摯邀請您！</a><span class="date">2012-05-04</span></li>
<li style="display:block;"><a style="margin:20px;" title="永春分館兒童彩繪活動－「圖書館彩繪我最棒」" href="ct.asp?xItem=22607339&ctNode=35298&mp=104021">永春分館兒童彩繪活動－「圖書館彩繪我最棒」</a><span class="date">2012-05-01</span></li>
<li style="display:block;"><a style="margin:20px;" title="延平分館請小朋友一起來慶祝母親節" href="ct.asp?xItem=22109808&ctNode=35298&mp=104021">延平分館請小朋友一起來慶祝母親節</a><span class="date">2012-04-17</span></li>
<li style="display:block;"><a style="margin:20px;" title="南港分館「大朋友的英語故事角落」" href="ct.asp?xItem=22071959&ctNode=35298&mp=104021">南港分館「大朋友的英語故事角落」</a><span class="date">2012-04-13</span></li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=35298&mp=104021" title="更多兒童活動">更多兒童活動</a></div>
<div class="foot">
</div>
</div>
</noscript>
<style>
	/*------標籤 headline*/
	#container div.tabpanel .headline h2{ background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;height:23px;border-bottom:0px solid #cccccc;}
	#container div.tabpanel .headline h2 span{display:none;}
	#container div.tabpanel .headline ul{float:right;
	margin:0;height:23px;width:124px;
	padding:0 0 0 0px;text-align:right;
	background: url(../images/bg_control.jpg) no-repeat right 0px;
	}
	#container div.tabpanel .headline ul li{display:inline;padding:0 0px 0 0px;}
	#container div.tabpanel .headline body{background:none;height:auto;width:auto;}
	ul#ListMode{display:block;margin:10px 0 0 20px;	
		padding:0px 10px 0px 0px;	}
	ul#PicMode{display:none;}
	ul#ListMode li a,ul#PicMode li a{color:#1c86c1;}
	ul#ListMode li a:hover,ul#PicMode li a:hover{color: #FF0000;text-decoration: none;background: none;}

	ul#ListMode li {
		border-bottom:1px solid #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
	}
	ul#PicMode li {
		border-bottom:0px solid #d2d2d2;margin:5px 0;background:none;	
		}
	ul#ListMode li span.date,ul#PicMode li span.date{color:#d34322;}
	ul#PicMode li img{width:80px;height:50px;float:left;border:2px solid #d2d2d2;margin:0 10px 0 0px;}
	ul#PicMode li p{margin:0 0 0 10px;display:block;height:auto;_height:30px;}
	
	/* CSS Document */
	#container div.tabpanel{
		clear: both;
		width:100%;
		float:left; /* 解決firefox tab內的資料少於圖示高度外框會往上縮的問題 */	
		margin:0 0 10px 0;
	}

	/*標籤底線*/
	#container div.tabpanel ul.tablist {
		margin: 0px;
		padding:2px 0 0 5px;
		list-style-type: none;
		background-image: none;
		border-bottom:1px solid #cccccc;
		height:27px;
		*height:27px;
		_height:23px;
		position:relative;
	}

	#container div.tabpanel li.tab {
		background-image: url(../images/PanelsTab_Leftbg.gif);
		background-repeat: no-repeat;
		background-position: left top;	
		float: left;
		display:block;
		padding:0px 0 0px 5px;	
		margin:0 0 0 2px;
		border:0px none;
		font-weight: normal;
		border-bottom:1px solid #cccccc;
	}
	#container div.tabpanel li.tab span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size:.95em;
		color: #333333;
		margin:0 0 0 5px;
		display:block;
		padding:6px 8px 2px 0px;
		cursor: hand;	
		
	}



	#container div.tabpanel li.selected {
	  background-image: url(../images/PanelsTab_Leftbg2.gif);
	  background-repeat: no-repeat;
	  background-position: left top;
	  float: left;
	  display:block;
	  margin:0 0 0 2px;
	  padding:0px 0 0px 5px;
	  border-bottom: 0px none;
	  color: black;
	 
	}
	#container div.tabpanel li.selected span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg2.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size: .95em;
		color: #0e6fe6;
		display:block;
		margin:0 0 0 5px;
		padding:6px 8px 3px 0px;
		font-weight: normal;
		cursor: hand;
		
	}




	#container div.tabpanel div.tabpanel {
		clear: both;
		
		border-right: solid 1px #cccccc;
		border-left: solid 1px #cccccc;
		border-bottom: solid 1px #cccccc;
		
		background-color: #FFFFFF;
		/*background-image: url(../images/ajax_bodybg.gif);
		background-repeat: repeat-x;
		background-position: 0px top;*/
		margin:0 0 10px 0;
		padding:10px 0px 0px 0px;
	}



	/*-----Main center headline-- 公板樣式 *************************************************************************************************/
	#container div.tabpanel div.tabpanel .headline{ margin:0px 0 10px 0; }

	#container div.tabpanel div.tabpanel .headline h2{
		
		background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;
		height:23px;border-bottom:0px solid #cccccc;
						
						}
	#container div.tabpanel div.tabpanel .headline h2 a{color: #63ba1c;font-weight: bold;}
	#container div.tabpanel div.tabpanel .headline h2 .rss{  margin:0px 0 0 0px; }

	#container div.tabpanel div.tabpanel .headline .body {
		background:none;height:auto;width:auto;padding:0 0 0 0;margin:0;borde:0px solid #cccccc;
		
		}
	#container div.tabpanel div.tabpanel .headline .body h3{color: #07509b;margin:0px 0 0px 0px;padding:5px 0 2px 16px;background: url(../images/icon_menu1.gif) no-repeat 0px 7px;
								font-weight: bold;border:0px none;font-size: 1em;line-height: 1.3em;clear:both;}
	#container div.tabpanel div.tabpanel .headline .body h3 a{color: #07509b;text-decoration: underline;}
	#container div.tabpanel div.tabpanel .headline .body h4{color: #009933;padding:3px ;clear:both;margin:0 0 2px 0;	font-weight: bold;
								background: url(../images/h2_bg.gif) no-repeat 0px bottom;}
								
								
	#container div.tabpanel div.tabpanel .headline .body p{color: #666666;letter-spacing: 1px;margin:5px 0;padding:0px;line-height: 18px;}
	#container div.tabpanel div.tabpanel .headline .body ul{
		margin:7px 15px 0 15px;
		background-image: none;
		padding:0px 0px 0px 0px;
		float:none;width:auto;height:auto;background:none;text-align:left;}
	#container div.tabpanel div.tabpanel .headline .body li{
		border-bottom:1px dotted #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
		display:inline-block;
							}
	#container div.tabpanel div.tabpanel .headline .body li .date{color: #999;padding:3px 2px;font-size: 80%;margin:0px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .body .list{	margin:0px 0 0 140px;background-image: none;}
	#container div.tabpanel div.tabpanel .headline .body .list li{background: url(../images/icon_arrow7.gif) no-repeat 0px 5px;padding-left: 15px;	display:block;	text-align:left;				
									line-height: 22px;	border-bottom: 1px dashed #dddddd;}
	#container div.tabpanel div.tabpanel .headline .body .list li .date{color: #999;padding:0 2px 0 2px;font-size: 80%;	margin:0px 0 0 0;}

	#container div.tabpanel div.tabpanel .headline .pic{	border:1px solid #CCCCCC;padding:1px;margin: 0px 5px 0 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .image{float:left;padding:5px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .image img{border:1px solid #CCCCCC;padding:1px;	margin: 0px 5px 0px 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .source{background: url(../images/scorebg.gif) repeat-y left 0px;padding:2px 0 2px 5px;margin:5px 0;clear:both;}
	#container div.tabpanel div.tabpanel .headline .source em{color: #CC0000;}
	#container div.tabpanel div.tabpanel .headline .source img{ vertical-align:middle;}

	/*------ headline Footer--*/
	#container div.tabpanel div.tabpanel .headline .foot{
		display: block;height:0px;
		background: none no-repeat right top;
	}
	html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	*+ html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	</style>
<noscript><div>若您要切換頁籤，請按下Ctrl加Tab鍵，或按上下左右方向鍵。</div></noscript><script type="text/javascript">
		function switchDisplayMode7(mode){
			var lstDisplay = "none"; var picDisplay = "block";
			if(mode == "list"){	lstDisplay = "block"; picDisplay = "none"; }
			$$("div#mpanel_7 div#lstDiv").setStyle("display", lstDisplay);
			$$("div#mpanel_7 div#picDiv ul#PicMode").setStyle("display", picDisplay);
			$$("div#mpanel_7 div#picDiv").setStyle("display", picDisplay);
		}
	</script><noscript><div>此段程式碼負責切換此區塊內容之顯示模式，不影響內容。</div></noscript>
<div class="axs tabpanel labelledby-tab_1 hidden-false" style="display: none" id="mpanel_7">
<div class="headline">
<div class="rss"><a onkeypress="javascript:return CheckBrowserSupportRSS();" onclick="javascript:return CheckBrowserSupportRSS();" title="RSS訂閱" href="search.getService.asp?serviceName=GIP.xdrss&mp=104021&ctNodeId=36808"><img src="images/rss.jpg" title="RSS訂閱" alt="RSS訂閱"></a></div>
<ul>
<li><a href="
					javascript:switchDisplayMode7('list');
					"><img title="List Mode" alt="List Mode" src="/images/btn_c1.jpg"></a></li>
<li><a href="
					javascript:switchDisplayMode7('pic');
					"><img title="Gallery Mode" alt="Gallery Mode" src="/images/btn_c2.jpg"></a></li>
</ul>
<div id="lstDiv" class="body">
<ul id="ListMode">
<li><a title="南港分館「節能省錢大作戰」主題書展" href="ct.asp?xItem=23649795&ctNode=36808&mp=104021">南港分館「節能省錢大作戰」主題書展</a><span class="date">2012-05-14</span></li>
<li><a title="大安分館－樂讀悅讀．自助有禮" href="ct.asp?xItem=23618592&ctNode=36808&mp=104021">大安分館－樂讀悅讀．自助有禮</a><span class="date">2012-05-14</span></li>
<li><a title="總館留學資料中心留法說明會留學輔導，歡迎參加！" href="ct.asp?xItem=23390596&ctNode=36808&mp=104021">總館留學資料中心留法說明會留學輔導，歡迎參加！</a><span class="date">2012-05-11</span></li>
<li><a title="總館留學資料中心「歐盟獎學金說明會」，歡迎參加！" href="ct.asp?xItem=23377145&ctNode=36808&mp=104021">總館留學資料中心「歐盟獎學金說明會」，歡迎參加！</a><span class="date">2012-05-11</span></li>
<li><a title="總館留學資料中心「美、英、澳、加、紐申請留學大公開」留學輔導" href="ct.asp?xItem=23376133&ctNode=36808&mp=104021">總館留學資料中心「美、英、澳、加、紐申請留學大公開」留學輔導</a><span class="date">2012-05-11</span></li>
</ul>
</div>
<div id="picDiv" class="body" sytle="display:none;">
<ul id="PicMode">
<li><img title="南港分館「節能省錢大作戰」主題書展" alt="南港分館「節能省錢大作戰」主題書展" src="/images/taipei_logo.jpg"><p><a title="南港分館「節能省錢大作戰」主題書展" href="ct.asp?xItem=23649795&ctNode=36808&mp=104021">南港分館「節能省錢大作戰」主題書展</a><span class="date">2012-05-14</span>21世紀人類必須面對的五大環境挑戰，聯合國已定義為水資源、能源、健康、農業以及生物多樣性。而地球若持續暖化，50年後海平面可能上升7公尺，我們若再沉默，孩子的未來也將沉?，隨手做減碳，別讓海水上升速度......</p>
</li>
<li><img title="大安分館－樂讀悅讀．自助有禮" alt="大安分館－樂讀悅讀．自助有禮" src="/images/taipei_logo.jpg"><p><a title="大安分館－樂讀悅讀．自助有禮" href="ct.asp?xItem=23618592&ctNode=36808&mp=104021">大安分館－樂讀悅讀．自助有禮</a><span class="date">2012-05-14</span>活動宗旨：為鼓勵讀者學習使用自助借書機，及提高自助借書機的使用率，舉辦抽獎活動。活動內容：您還沒用過自助借書機嗎？也還沒有拿到5加1的贈書嗎？快點跟上腳步，因為進階的好康來了！自助借書不但新奇有趣，也......</p>
</li>
<li><img title="總館留學資料中心留法說明會留學輔導，歡迎參加！" alt="總館留學資料中心留法說明會留學輔導，歡迎參加！" src="/images/taipei_logo.jpg"><p><a title="總館留學資料中心留法說明會留學輔導，歡迎參加！" href="ct.asp?xItem=23390596&ctNode=36808&mp=104021">總館留學資料中心留法說明會留學輔導，歡迎參加！</a><span class="date">2012-05-11</span>活動宗旨：幫助有志於赴法深造的在學學生和一般社會大眾瞭解法國學制、學校申請方式和熱門科系等留學資訊。活動內容：透過講座的方式，深入介紹法國大學的學制、研讀歷程、及留學法國日常生活應注意事項。活動日期：......</p>
</li>
<li><img title="總館留學資料中心「歐盟獎學金說明會」，歡迎參加！" alt="總館留學資料中心「歐盟獎學金說明會」，歡迎參加！" src="/images/taipei_logo.jpg"><p><a title="總館留學資料中心「歐盟獎學金說明會」，歡迎參加！" href="ct.asp?xItem=23377145&ctNode=36808&mp=104021">總館留學資料中心「歐盟獎學金說明會」，歡迎參加！</a><span class="date">2012-05-11</span>活動宗旨：幫助有志於出國深造的在學學生及一般社會大眾瞭解歐盟學程（Erasmus Mundus計畫）及相關獎學金的申請方式。活動內容：透過演講的方式，深入介紹歐盟學程的詳細資訊，並分享相關留學經驗。 ......</p>
</li>
<li><img title="總館留學資料中心「美、英、澳、加、紐申請留學大公開」留學輔導" alt="總館留學資料中心「美、英、澳、加、紐申請留學大公開」留學輔導" src="/images/taipei_logo.jpg"><p><a title="總館留學資料中心「美、英、澳、加、紐申請留學大公開」留學輔導" href="ct.asp?xItem=23376133&ctNode=36808&mp=104021">總館留學資料中心「美、英、澳、加、紐申請留學大公開」留學輔導</a><span class="date">2012-05-11</span>活動宗旨：幫助有志出國深造但尚未有明確方向的在學學生和社會大眾瞭解英語系國家學制、學校申請方式、獎學金類別、熱門科系等一般性留學資訊。歡迎正在規劃出國留學的同學們踴躍參加！活動日期：101年5月19日......</p>
</li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=36808&mp=104021" title="更多社教藝文">更多社教藝文</a></div>
<div class="foot">
</div>
</div>
</div>
<noscript>
<div class="headline" style="height:100%;">
<h2 style="background:none;margin:5px;font-weight:bold;height:100%;">社教藝文<div style="display:inline;"><div class="rss"><a onkeypress="javascript:return CheckBrowserSupportRSS();" onclick="javascript:return CheckBrowserSupportRSS();" title="RSS訂閱" href="search.getService.asp?serviceName=GIP.xdrss&mp=104021&ctNodeId=36808"><img src="images/rss.jpg" title="RSS訂閱" alt="RSS訂閱"></a></div>
</div></h2>
<div id="lstDiv" class="body" style="height:100%">
<ul style="width:95%;float:none;text-align:left;background:none;height:100%;">
<li style="display:block;"><a style="margin:20px;" title="南港分館「節能省錢大作戰」主題書展" href="ct.asp?xItem=23649795&ctNode=36808&mp=104021">南港分館「節能省錢大作戰」主題書展</a><span class="date">2012-05-14</span></li>
<li style="display:block;"><a style="margin:20px;" title="大安分館－樂讀悅讀．自助有禮" href="ct.asp?xItem=23618592&ctNode=36808&mp=104021">大安分館－樂讀悅讀．自助有禮</a><span class="date">2012-05-14</span></li>
<li style="display:block;"><a style="margin:20px;" title="總館留學資料中心留法說明會留學輔導，歡迎參加！" href="ct.asp?xItem=23390596&ctNode=36808&mp=104021">總館留學資料中心留法說明會留學輔導，歡迎參加！</a><span class="date">2012-05-11</span></li>
<li style="display:block;"><a style="margin:20px;" title="總館留學資料中心「歐盟獎學金說明會」，歡迎參加！" href="ct.asp?xItem=23377145&ctNode=36808&mp=104021">總館留學資料中心「歐盟獎學金說明會」，歡迎參加！</a><span class="date">2012-05-11</span></li>
<li style="display:block;"><a style="margin:20px;" title="總館留學資料中心「美、英、澳、加、紐申請留學大公開」留學輔導" href="ct.asp?xItem=23376133&ctNode=36808&mp=104021">總館留學資料中心「美、英、澳、加、紐申請留學大公開」留學輔導</a><span class="date">2012-05-11</span></li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=36808&mp=104021" title="更多社教藝文">更多社教藝文</a></div>
<div class="foot">
</div>
</div>
</noscript>
<style>
	/*------標籤 headline*/
	#container div.tabpanel .headline h2{ background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;height:23px;border-bottom:0px solid #cccccc;}
	#container div.tabpanel .headline h2 span{display:none;}
	#container div.tabpanel .headline ul{float:right;
	margin:0;height:23px;width:124px;
	padding:0 0 0 0px;text-align:right;
	background: url(../images/bg_control.jpg) no-repeat right 0px;
	}
	#container div.tabpanel .headline ul li{display:inline;padding:0 0px 0 0px;}
	#container div.tabpanel .headline body{background:none;height:auto;width:auto;}
	ul#ListMode{display:block;margin:10px 0 0 20px;	
		padding:0px 10px 0px 0px;	}
	ul#PicMode{display:none;}
	ul#ListMode li a,ul#PicMode li a{color:#1c86c1;}
	ul#ListMode li a:hover,ul#PicMode li a:hover{color: #FF0000;text-decoration: none;background: none;}

	ul#ListMode li {
		border-bottom:1px solid #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
	}
	ul#PicMode li {
		border-bottom:0px solid #d2d2d2;margin:5px 0;background:none;	
		}
	ul#ListMode li span.date,ul#PicMode li span.date{color:#d34322;}
	ul#PicMode li img{width:80px;height:50px;float:left;border:2px solid #d2d2d2;margin:0 10px 0 0px;}
	ul#PicMode li p{margin:0 0 0 10px;display:block;height:auto;_height:30px;}
	
	/* CSS Document */
	#container div.tabpanel{
		clear: both;
		width:100%;
		float:left; /* 解決firefox tab內的資料少於圖示高度外框會往上縮的問題 */	
		margin:0 0 10px 0;
	}

	/*標籤底線*/
	#container div.tabpanel ul.tablist {
		margin: 0px;
		padding:2px 0 0 5px;
		list-style-type: none;
		background-image: none;
		border-bottom:1px solid #cccccc;
		height:27px;
		*height:27px;
		_height:23px;
		position:relative;
	}

	#container div.tabpanel li.tab {
		background-image: url(../images/PanelsTab_Leftbg.gif);
		background-repeat: no-repeat;
		background-position: left top;	
		float: left;
		display:block;
		padding:0px 0 0px 5px;	
		margin:0 0 0 2px;
		border:0px none;
		font-weight: normal;
		border-bottom:1px solid #cccccc;
	}
	#container div.tabpanel li.tab span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size:.95em;
		color: #333333;
		margin:0 0 0 5px;
		display:block;
		padding:6px 8px 2px 0px;
		cursor: hand;	
		
	}



	#container div.tabpanel li.selected {
	  background-image: url(../images/PanelsTab_Leftbg2.gif);
	  background-repeat: no-repeat;
	  background-position: left top;
	  float: left;
	  display:block;
	  margin:0 0 0 2px;
	  padding:0px 0 0px 5px;
	  border-bottom: 0px none;
	  color: black;
	 
	}
	#container div.tabpanel li.selected span{
		text-align:center;
		background-image: url(../images/PanelsTab_Rightbg2.gif);
		background-repeat: no-repeat;
		background-position: right top;
		font-size: .95em;
		color: #0e6fe6;
		display:block;
		margin:0 0 0 5px;
		padding:6px 8px 3px 0px;
		font-weight: normal;
		cursor: hand;
		
	}




	#container div.tabpanel div.tabpanel {
		clear: both;
		
		border-right: solid 1px #cccccc;
		border-left: solid 1px #cccccc;
		border-bottom: solid 1px #cccccc;
		
		background-color: #FFFFFF;
		/*background-image: url(../images/ajax_bodybg.gif);
		background-repeat: repeat-x;
		background-position: 0px top;*/
		margin:0 0 10px 0;
		padding:10px 0px 0px 0px;
	}



	/*-----Main center headline-- 公板樣式 *************************************************************************************************/
	#container div.tabpanel div.tabpanel .headline{ margin:0px 0 10px 0; }

	#container div.tabpanel div.tabpanel .headline h2{
		
		background: url(../images/bg_control.jpg) no-repeat right 0px;padding:0px 0 0px 0px;margin:0px 0;
		height:23px;border-bottom:0px solid #cccccc;
						
						}
	#container div.tabpanel div.tabpanel .headline h2 a{color: #63ba1c;font-weight: bold;}
	#container div.tabpanel div.tabpanel .headline h2 .rss{  margin:0px 0 0 0px; }

	#container div.tabpanel div.tabpanel .headline .body {
		background:none;height:auto;width:auto;padding:0 0 0 0;margin:0;borde:0px solid #cccccc;
		
		}
	#container div.tabpanel div.tabpanel .headline .body h3{color: #07509b;margin:0px 0 0px 0px;padding:5px 0 2px 16px;background: url(../images/icon_menu1.gif) no-repeat 0px 7px;
								font-weight: bold;border:0px none;font-size: 1em;line-height: 1.3em;clear:both;}
	#container div.tabpanel div.tabpanel .headline .body h3 a{color: #07509b;text-decoration: underline;}
	#container div.tabpanel div.tabpanel .headline .body h4{color: #009933;padding:3px ;clear:both;margin:0 0 2px 0;	font-weight: bold;
								background: url(../images/h2_bg.gif) no-repeat 0px bottom;}
								
								
	#container div.tabpanel div.tabpanel .headline .body p{color: #666666;letter-spacing: 1px;margin:5px 0;padding:0px;line-height: 18px;}
	#container div.tabpanel div.tabpanel .headline .body ul{
		margin:7px 15px 0 15px;
		background-image: none;
		padding:0px 0px 0px 0px;
		float:none;width:auto;height:auto;background:none;text-align:left;}
	#container div.tabpanel div.tabpanel .headline .body li{
		border-bottom:1px dotted #d2d2d2;
		padding:0px 0 2px 20px;
		margin:0px 0 4px 0px;	
		height:auto;
		_height:20px;	
		
		list-style-image: url(none);
		list-style-position: outside;
		background: url(../images/icon_arrow12.gif) no-repeat 0px 2px;
		display:inline-block;
							}
	#container div.tabpanel div.tabpanel .headline .body li .date{color: #999;padding:3px 2px;font-size: 80%;margin:0px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .body .list{	margin:0px 0 0 140px;background-image: none;}
	#container div.tabpanel div.tabpanel .headline .body .list li{background: url(../images/icon_arrow7.gif) no-repeat 0px 5px;padding-left: 15px;	display:block;	text-align:left;				
									line-height: 22px;	border-bottom: 1px dashed #dddddd;}
	#container div.tabpanel div.tabpanel .headline .body .list li .date{color: #999;padding:0 2px 0 2px;font-size: 80%;	margin:0px 0 0 0;}

	#container div.tabpanel div.tabpanel .headline .pic{	border:1px solid #CCCCCC;padding:1px;margin: 0px 5px 0 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .image{float:left;padding:5px 0 0 0;}
	#container div.tabpanel div.tabpanel .headline .image img{border:1px solid #CCCCCC;padding:1px;	margin: 0px 5px 0px 0px;width:120px;height:100px;}
	#container div.tabpanel div.tabpanel .headline .source{background: url(../images/scorebg.gif) repeat-y left 0px;padding:2px 0 2px 5px;margin:5px 0;clear:both;}
	#container div.tabpanel div.tabpanel .headline .source em{color: #CC0000;}
	#container div.tabpanel div.tabpanel .headline .source img{ vertical-align:middle;}

	/*------ headline Footer--*/
	#container div.tabpanel div.tabpanel .headline .foot{
		display: block;height:0px;
		background: none no-repeat right top;
	}
	html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	*+ html>body #container div.tabpanel div.tabpanel .headline .foot{height: 0px;}
	</style>
<noscript><div>若您要切換頁籤，請按下Ctrl加Tab鍵，或按上下左右方向鍵。</div></noscript><script type="text/javascript">
		function switchDisplayMode8(mode){
			var lstDisplay = "none"; var picDisplay = "block";
			if(mode == "list"){	lstDisplay = "block"; picDisplay = "none"; }
			$$("div#mpanel_8 div#lstDiv").setStyle("display", lstDisplay);
			$$("div#mpanel_8 div#picDiv ul#PicMode").setStyle("display", picDisplay);
			$$("div#mpanel_8 div#picDiv").setStyle("display", picDisplay);
		}
	</script><noscript><div>此段程式碼負責切換此區塊內容之顯示模式，不影響內容。</div></noscript>
<div class="axs tabpanel labelledby-tab_1 hidden-false" style="display: none" id="mpanel_8">
<div class="headline">
<div class="rss"><a onkeypress="javascript:return CheckBrowserSupportRSS();" onclick="javascript:return CheckBrowserSupportRSS();" title="RSS訂閱" href="search.getService.asp?serviceName=GIP.xdrss&mp=104021&ctNodeId=32916"><img src="images/rss.jpg" title="RSS訂閱" alt="RSS訂閱"></a></div>
<ul>
<li><a href="
					javascript:switchDisplayMode8('list');
					"><img title="List Mode" alt="List Mode" src="/images/btn_c1.jpg"></a></li>
<li><a href="
					javascript:switchDisplayMode8('pic');
					"><img title="Gallery Mode" alt="Gallery Mode" src="/images/btn_c2.jpg"></a></li>
</ul>
<div id="lstDiv" class="body">
<ul id="ListMode">
<li><a title="北市圖邀您蒞臨共讀每月一書《老年之書：思我生命之旅》" href="ct.asp?xItem=23872067&ctNode=32916&mp=104021">北市圖邀您蒞臨共讀每月一書《老年之書：思我生命之旅》</a><span class="date">2012-05-17</span></li>
<li><a title="北市圖作家與讀者有約「45歲退休，你準備好了？」" href="ct.asp?xItem=23789461&ctNode=32916&mp=104021">北市圖作家與讀者有約「45歲退休，你準備好了？」</a><span class="date">2012-05-16</span></li>
<li><a title="北市圖作家與讀者有約「一天5分鐘，注音符號養生法」" href="ct.asp?xItem=23788910&ctNode=32916&mp=104021">北市圖作家與讀者有約「一天5分鐘，注音符號養生法」</a><span class="date">2012-05-16</span></li>
<li><a title="北市圖留學資料中心「歐盟獎學金說明會」留學輔導活動，歡迎參加！" href="ct.asp?xItem=23617418&ctNode=32916&mp=104021">北市圖留學資料中心「歐盟獎學金說明會」留學輔導活動，歡迎參加！</a><span class="date">2012-05-14</span></li>
<li><a title="北市圖留學資料中心「跳脫框架、成就夢想-留法說明會」留學輔導活動，歡迎參加！" href="ct.asp?xItem=23617387&ctNode=32916&mp=104021">北市圖留學資料中心「跳脫框架、成就夢想-留法說明會」留學輔導活動，歡迎參加！</a><span class="date">2012-05-14</span></li>
</ul>
</div>
<div id="picDiv" class="body" sytle="display:none;">
<ul id="PicMode">
<li><img title="北市圖邀您蒞臨共讀每月一書《老年之書：思我生命之旅》" alt="北市圖邀您蒞臨共讀每月一書《老年之書：思我生命之旅》" src="/images/taipei_logo.jpg"><p><a title="北市圖邀您蒞臨共讀每月一書《老年之書：思我生命之旅》" href="ct.asp?xItem=23872067&ctNode=32916&mp=104021">北市圖邀您蒞臨共讀每月一書《老年之書：思我生命之旅》</a><span class="date">2012-05-17</span>每月一書《老年之書：思我生命之旅》講座資訊
 ‧時間：5月26日(星期六)下午2時30分
 ‧講者：駱紳 先生（捷申公關創意總監）
 ‧地點：臺北市立圖書館總館10樓會議廳
         ......</p>
</li>
<li><img title="北市圖作家與讀者有約「45歲退休，你準備好了？」" alt="北市圖作家與讀者有約「45歲退休，你準備好了？」" src="/images/taipei_logo.jpg"><p><a title="北市圖作家與讀者有約「45歲退休，你準備好了？」" href="ct.asp?xItem=23789461&ctNode=32916&mp=104021">北市圖作家與讀者有約「45歲退休，你準備好了？」</a><span class="date">2012-05-16</span>金融崩壞的年代，誰敢輕言退休？又誰敢提早退休？
老黑田臨斌以全球知名企業CEO之姿，45歲提早退休，展開樂活人生，完成了全民豔羨的夢想目標，也因此成為媒體爭相採訪的風雲人物！
是什麼讓他毅然決然放......</p>
</li>
<li><img title="北市圖作家與讀者有約「一天5分鐘，注音符號養生法」" alt="北市圖作家與讀者有約「一天5分鐘，注音符號養生法」" src="/images/taipei_logo.jpg"><p><a title="北市圖作家與讀者有約「一天5分鐘，注音符號養生法」" href="ct.asp?xItem=23788910&ctNode=32916&mp=104021">北市圖作家與讀者有約「一天5分鐘，注音符號養生法」</a><span class="date">2012-05-16</span>常常覺得心情煩悶、身體不適，看了醫生，卻又檢查不出毛病？小心！很可能是你的自律神經失調，身體狀況開始閃黃燈了！擁有中、西醫專業背景的劉吉豐博士從多年來的研究中發現，一個人的健康出問題，多半是自律神經失......</p>
</li>
<li><img title="北市圖留學資料中心「歐盟獎學金說明會」留學輔導活動，歡迎參加！" alt="北市圖留學資料中心「歐盟獎學金說明會」留學輔導活動，歡迎參加！" src="/images/taipei_logo.jpg"><p><a title="北市圖留學資料中心「歐盟獎學金說明會」留學輔導活動，歡迎參加！" href="ct.asp?xItem=23617418&ctNode=32916&mp=104021">北市圖留學資料中心「歐盟獎學金說明會」留學輔導活動，歡迎參加！</a><span class="date">2012-05-14</span>為了讓有心赴歐洲留學的學子了解歐盟學程（Erasmus Mundus計畫），臺北市立圖書館與歐洲教育展於5月19日(週六)下午2時至4時在總館9樓多功能教室舉辦「歐盟獎學金說明會」留學輔導活動，歡迎有......</p>
</li>
<li><img title="北市圖留學資料中心「跳脫框架、成就夢想-留法說明會」留學輔導活動，歡迎參加！" alt="北市圖留學資料中心「跳脫框架、成就夢想-留法說明會」留學輔導活動，歡迎參加！" src="/images/taipei_logo.jpg"><p><a title="北市圖留學資料中心「跳脫框架、成就夢想-留法說明會」留學輔導活動，歡迎參加！" href="ct.asp?xItem=23617387&ctNode=32916&mp=104021">北市圖留學資料中心「跳脫框架、成就夢想-留法說明會」留學輔導活動，歡迎參加！</a><span class="date">2012-05-14</span>一、活動宗旨：幫助有志於赴法深造的在學學生和一般社會大眾瞭解法國學制、學校申請方式和熱門科系等留學資訊。
二、活動內容：透過講座的方式，深入介紹法國大學的學制、研讀歷程、及留學法國日常生活應注意事項......</p>
</li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=32916&mp=104021" title="更多新聞稿">更多新聞稿</a></div>
<div class="foot">
</div>
</div>
</div>
<noscript>
<div class="headline" style="height:100%;">
<h2 style="background:none;margin:5px;font-weight:bold;height:100%;">新聞稿<div style="display:inline;"><div class="rss"><a onkeypress="javascript:return CheckBrowserSupportRSS();" onclick="javascript:return CheckBrowserSupportRSS();" title="RSS訂閱" href="search.getService.asp?serviceName=GIP.xdrss&mp=104021&ctNodeId=32916"><img src="images/rss.jpg" title="RSS訂閱" alt="RSS訂閱"></a></div>
</div></h2>
<div id="lstDiv" class="body" style="height:100%">
<ul style="width:95%;float:none;text-align:left;background:none;height:100%;">
<li style="display:block;"><a style="margin:20px;" title="北市圖邀您蒞臨共讀每月一書《老年之書：思我生命之旅》" href="ct.asp?xItem=23872067&ctNode=32916&mp=104021">北市圖邀您蒞臨共讀每月一書《老年之書：思我生命之旅》</a><span class="date">2012-05-17</span></li>
<li style="display:block;"><a style="margin:20px;" title="北市圖作家與讀者有約「45歲退休，你準備好了？」" href="ct.asp?xItem=23789461&ctNode=32916&mp=104021">北市圖作家與讀者有約「45歲退休，你準備好了？」</a><span class="date">2012-05-16</span></li>
<li style="display:block;"><a style="margin:20px;" title="北市圖作家與讀者有約「一天5分鐘，注音符號養生法」" href="ct.asp?xItem=23788910&ctNode=32916&mp=104021">北市圖作家與讀者有約「一天5分鐘，注音符號養生法」</a><span class="date">2012-05-16</span></li>
<li style="display:block;"><a style="margin:20px;" title="北市圖留學資料中心「歐盟獎學金說明會」留學輔導活動，歡迎參加！" href="ct.asp?xItem=23617418&ctNode=32916&mp=104021">北市圖留學資料中心「歐盟獎學金說明會」留學輔導活動，歡迎參加！</a><span class="date">2012-05-14</span></li>
<li style="display:block;"><a style="margin:20px;" title="北市圖留學資料中心「跳脫框架、成就夢想-留法說明會」留學輔導活動，歡迎參加！" href="ct.asp?xItem=23617387&ctNode=32916&mp=104021">北市圖留學資料中心「跳脫框架、成就夢想-留法說明會」留學輔導活動，歡迎參加！</a><span class="date">2012-05-14</span></li>
</ul>
</div>
<div class="more leftimg"><a href="np.asp?ctNode=32916&mp=104021" title="更多新聞稿">更多新聞稿</a></div>
<div class="foot">
</div>
</div>
</noscript></div>
</div>
<script type="text/javascript">window.addEvent('domready', function() {initApp();});</script>
</div>
<table summary="layout table" class="clear">
<tr>
<td class="leftblock">
<div id="zone.content121"></div>
</td>
<td class="rightblock">
<div id="zone.content122"></div>
</td>
</tr>
</table>
<table summary="layout table" class="clear">
<tr>
<td class="col3block">
<div id="zone.content131"></div>
</td>
<td class="col3block">
<div id="zone.content132"></div>
</td>
<td class="col3block">
<div id="zone.content133"></div>
</td>
</tr>
</table>
<div id="zone.content21"></div>
<table summary="layout table" class="clear">
<tr>
<td class="leftblock">
<div id="zone.content221"><div class="menu">
<h2>推薦服務</h2><ul><li><a href="http://isearch.tpml.edu.tw/tpmlhyint/LoginCheck_tpml.jsp?type=guest" target="_blank" title="電子資源, 另開視窗.">電子資源</a><li><a href="/np.asp?ctNode=34009&mp=104021" title="好書通報">好書通報</a><li><a href="/lp.asp?ctNode=34019&CtUnit=11790&BaseDSD=7&mp=104021" title="熱門主題">熱門主題</a><li><a href="/np.asp?ctNode=36297&mp=104021" title="線上影音">線上影音</a><li><a href="/np.asp?ctNode=34020&mp=104021" title="讀者服務">讀者服務</a><li><a href="/ct.asp?xItem=1812008&ctNode=42340&mp=104021" title="閱讀精進年">閱讀精進年</a></ul></li><div class="foot"></div>
</div>
</div>
</td>
<td class="rightblock">
<div id="zone.content222"><div class="menu">
<h2>主題網站</h2><ul><li><a href="http://blind.tpml.edu.tw/mp.asp?mp=10" target="_blank" title="視障電子圖書館, 另開視窗.">視障電子圖書館</a><li><a href="/np.asp?ctNode=33736&mp=104021" title="漫畫館">漫畫館</a><li><a href="/np.asp?ctNode=33737&mp=104021" title="王貫英紀念館">王貫英紀念館</a><li><a href="/np.asp?ctNode=33738&mp=104021" title="教育資料中心">教育資料中心</a><li><a href="http://study.tpml.edu.tw" target="_blank" title="留學資料中心, 另開視窗.">留學資料中心</a><li><a href="http://study.tpml.edu.tw/files/11-1000-93.php" title="美國資料中心">美國資料中心</a><li><a href="/np.asp?ctNode=33740&mp=104021" title="多元文化資料中心">多元文化資料中心</a><li><a href="http://elder.tpml.edu.tw/xoops/modules/news/" target="_blank" title="樂齡學習中心, 另開視窗.">樂齡學習中心</a><li><a href="http://lll.tpml.edu.tw/" target="_blank" title="終身學習網, 另開視窗.">終身學習網</a></ul></li><div class="foot"></div>
</div>
</div>
</td>
</tr>
</table>
<table summary="layout table" class="clear">
<tr>
<td class="col3block">
<div id="zone.content231"></div>
</td>
<td class="col3block">
<div id="zone.content232"></div>
</td>
<td class="col3block">
<div id="zone.content233"></div>
</td>
</tr>
</table>
<div id="zone.content31"></div>
<table summary="layout table" class="clear">
<tr>
<td class="leftblock">
<div id="zone.content321"></div>
</td>
<td class="rightblock">
<div id="zone.content322"></div>
</td>
</tr>
</table>
<table summary="layout table" class="clear">
<tr>
<td class="col3block">
<div id="zone.content331"></div>
</td>
<td class="col3block">
<div id="zone.content332"></div>
</td>
<td class="col3block">
<div id="zone.content333"></div>
</td>
</tr>
</table>
</td>
<td class="rightbg">
<div class="side">
<div class="accesskey">
<a href="/sitemap.asp?mp=104021" accesskey="R" title="右方相關資訊區塊">:::</a>
</div>
<div id="zone.SideBarRight">
<P><A title="查詢館藏,借閱和預約紀錄請按這裡 (連結至館藏查詢系統,另開新視窗)" href="https://webcat.tpml.edu.tw/uhtbin/cgisirsi/TPL/0/0/49" target="_gipNW">
<IMG alt="查詢館藏,借閱和預約紀錄請按這裡 (連結至館藏查詢系統,另開新視窗)" src="/site/tcg/public/MMO/圖書館_MMO/webcat_logo.jpg" mmoid="1183603"/></A></P>
 <STRONG><a href="/ct.asp?xItem=1181432&CtNode=34185&mp=104021" alt="館藏系統操作說明">系統操作說明</a></STRONG> | <STRONG><a href="http://www.tpml.edu.tw/public/Attachment/0729173974.pdf" alt="續借說明">續借說明</a></STRONG> <br>
<hr>
<P>
<FORM action="http://192.83.187.6/tpl_ch/titlesearch.php" method="post" target="_gipNW">
<INPUT id="title1" onfocus="if(value=='題名快速查詢') value='';" name="title1" size="13%" value="題名快速查詢"/>
<INPUT type="submit" name="Submit" value="查詢"/></FORM></P>
<hr>

<a href=http://webcat.tpml.edu.tw/FastBookWebUser/BookList_page.aspx target="_gipNW" ><IMG alt="Fast Book 24小時借書站書籍檢索" src="/site/tcg/public/MMO/圖書館_MMO/fastbook4.jpg" mmoid="1856577"/></a><br>

<a href=http://isearch.tpml.edu.tw/tpmlhyint/LoginCheck.jsp?type=guest target="_gipNW" ><IMG alt="連結至電子資源整合查詢系統(另開新視窗)" src="/site/tcg/public/MMO/圖書館_MMO/E-resources.jpg" mmoid="1189601"/></a><br>

<a href=http://archive.tpml.edu.tw/tpmlFront/ target="_gipNW" ><IMG alt="數位典藏系統(另開新視窗)" src="/site/tcg/public/MMO/圖書館_MMO/xdcmbanner.gif" mmoid="1179705"/></a><br>

<a href=http://reading.tpml.edu.tw target="_gipNW" ><IMG alt="臺北市立圖書館閱讀網" src="/site/tcg/public/MMO/圖書館_MMO/reading_banner2.jpg" complete="complete" mmoid="6575094"/></a><br>

<a href=http://kids.tpml.edu.tw/mp.asp?mp=100 target="_gipNW" ><IMG alt="兒童電子圖書館(另開新視窗)" src="/site/tcg/public/MMO/圖書館_MMO/tpchildren.gif" mmoid="1179704"/></a><br>

<a href=http://taipei.lib.overdrive.com/D8F40CA2-648F-4168-B05F-939E737C8298/10/501/zh/Default.htm  target="_gipNW"><IMG alt="數位影音平臺(另開新視窗)" src="/site/tcg/public/MMO/圖書館_MMO/od004.jpg" mmoid="1147098"/></a><br>
|<STRONG><a href="/lp.asp?ctNode=34187&CtUnit=19161&BaseDSD=7&mp=104021" alt="數位影音平臺中文操作說明">中文操作說明</a></STRONG>|<br>

<a href=http://www.tpml.edu.tw/ct.asp?xItem=1839044&CtNode=42515&mp=104021 target="_gipNW"><IMG alt="請問館員" src="/site/tcg/public/MMO/圖書館_MMO/AaL-04.jpg" mmoid="1839966"/></a><br>

<a href=http://www.facebook.com/#!/pages/Taipei-Taiwan/tai-bei-shi-li-tu-shu-guan-can-kao-fu-wu/154691774541075 target="_gipNW"><IMG alt="北市圖facebook粉絲專頁(另開新視窗)" src="/site/tcg/public/MMO/圖書館_MMO/facebook_tpl02.jpg" mmoid="1234183"/></a><br>


<a href=http://192.83.187.2/tpmlapply/index target="_gipNW"><IMG alt="新書通報服務" src="/site/tcg/public/MMO/圖書館_MMO/newbooks0808.jpg" mmoid="2351491"/></a><br>
<br><div class="ad">
<ul>
</ul>
</div>
<div class="ad">
<h2>　</h2>
<div class="adFrame">
<ul>
<li><a target="_blank" href="ad.asp?adTitle=%E3%80%8C%E7%92%B0%E5%A2%83%E6%95%99%E8%82%B2 %E5%93%87%E5%AF%B6%E8%B6%A3%E3%80%8D%E5%A5%BD%E7%A6%AE%E6%8A%BD%E7%8D%8E%E6%B4%BB%E5%8B%95&xItem=23287932&mp=104021" title="「環境教育 哇寶趣」好禮抽獎活動, 另開視窗."><img alt="「環境教育 哇寶趣」好禮抽獎活動, 另開視窗." title="「環境教育 哇寶趣」好禮抽獎活動, 另開視窗." src="public/MMO/TCG/%E5%93%87%E5%AF%B6%E8%B6%A305090709.jpg"></a></li>
<li><a target="_blank" href="ad.asp?adTitle=2012%E3%80%8C%E5%B9%B8%E7%A6%8F%E4%BC%81%E6%A5%AD%E7%8D%8E%E3%80%8D%E6%B4%BB%E5%8B%95%E9%96%8B%E8%B7%91&xItem=23288005&mp=104021" title="2012「幸福企業獎」活動開跑, 另開視窗."><img alt="2012「幸福企業獎」活動開跑, 另開視窗." title="2012「幸福企業獎」活動開跑, 另開視窗." src="public/MMO/TCG/%E4%BC%81%E6%A5%AD%E7%8D%8E05100629.jpg"></a></li>
<li><a target="_blank" href="ad.asp?adTitle=%E4%B8%AD%E6%96%87%E7%B6%B2%E7%AB%99%E5%85%A8%E6%B0%91%E7%9B%A3%E7%9D%A3%E5%BE%97%E7%8D%8E%E5%90%8D%E5%96%AE%E5%85%AC%E5%91%8A&xItem=23307624&mp=104021" title="中文網站全民監督得獎名單公告, 另開視窗."><img alt="中文網站全民監督得獎名單公告, 另開視窗." title="中文網站全民監督得獎名單公告, 另開視窗." src="public/MMO/TCG/%E4%B8%AD%E6%96%87%E6%8C%91%E9%8C%AF%E5%90%8D%E5%96%AE%E5%85%AC%E4%BD%880509.jpg"></a></li>
<li><a target="_blank" href="ad.asp?adTitle=%E5%8F%8D%E8%A9%90%E9%A8%99%E6%9C%89%E7%8D%8E%E5%95%8F%E7%AD%94%E6%B4%BB%E5%8B%95&xItem=23146436&mp=104021" title="反詐騙有獎問答活動, 另開視窗."><img alt="反詐騙有獎問答活動, 另開視窗." title="反詐騙有獎問答活動, 另開視窗." src="public/MMO/TCG/%E5%8F%8D%E8%A9%90%E9%A8%99%E6%9C%89%E7%8D%8E%E5%95%8F%E7%AD%94%E6%B4%BB%E5%8B%9505100531.gif"></a></li>
<li><a target="_blank" href="ad.asp?adTitle=%E6%88%B6%E6%94%BF%E5%8F%B8%E5%85%A8%E7%90%83%E8%B3%87%E8%A8%8A%E7%B6%B2-%E7%B7%9A%E4%B8%8A%E7%94%B3%E8%BE%A6%E9%9B%BB%E5%AD%90%E6%88%B6%E7%B1%8D%E8%AC%84%E6%9C%AC&xItem=22845024&mp=104021" title="戶政司全球資訊網-線上申辦電子戶籍謄本, 另開視窗."><img alt="戶政司全球資訊網-線上申辦電子戶籍謄本, 另開視窗." title="戶政司全球資訊網-線上申辦電子戶籍謄本, 另開視窗." src="public/MMO/TCG/[1]%E7%B7%9A%E4%B8%8A%E7%94%B3%E8%BE%A6%E6%88%B6%E7%B1%8D%E8%AC%84%E6%9C%AC05030703.jpg"></a></li>
<li><a target="_blank" href="ad.asp?adTitle=%E7%B6%B2%E8%B7%AF%E7%94%B3%E8%BE%A6e%E9%BB%9E%E9%80%9A%E6%8A%BD%E7%8D%8E%E6%B4%BB%E5%8B%95&xItem=22732727&mp=104021" title="網路申辦e點通抽獎活動, 另開視窗."><img alt="網路申辦e點通抽獎活動, 另開視窗." title="網路申辦e點通抽獎活動, 另開視窗." src="public/MMO/TCG/%E7%B6%B2%E8%B7%AF%E7%94%B3%E8%BE%A605010701.jpg"></a></li>
</ul>
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
<div id="zone.footer"><div class="footer">
<div class="aaa"><a target="_blank" href="http://www.webguide.nat.gov.tw/enable.jsp?category=20100615135253"><img src="images/aplus.jpg" alt="通過A+等級無障礙網頁檢測, 另開視窗." title="通過A+等級無障礙網頁檢測, 另開視窗."></a></div>
<div class="copyright">
<ul>
<li><a href="ct.asp?xItem=1147052&ctNode=34252&mp=104021" title="隱私權保護政策">隱私權保護政策</a></li>
<li><a href="ct.asp?xItem=1147058&ctNode=34252&mp=104021" title="網站著作權聲明">網站著作權聲明</a></li>
<li><a href="ct.asp?xItem=9915805&ctNode=34252&mp=104021" title="著作權侵權處理辦法">著作權侵權處理辦法</a></li>
<li><a href="http://www.taipei.gov.tw/mp.asp?mp=100032" target="_blank" title="本站使用正體字, 另開視窗.">本站使用正體字</a></li>
<li><a href="/ct.asp?xItem=1145725&CtNode=34027&mp=104021" title="網站管理者信箱">網站管理者信箱</a></li>
</ul>
</div>
<p>總館館址：10659 臺北市建國南路二段125號<br>
電話：(02)2755-2823（※<a href=/ct.asp?mp=104021&xItem=1248025&CtNode=32920>詳細業務聯繫電話</a>）　　傳真：(02)2703-3545<br> 
行政革新讀者申訴專線：(02)2755-3067 (週一至週五上班時間專人接聽，其他時間請留言)　<br>
建議瀏覽解析度1024x768，以獲得最佳瀏覽效果<span class="update">資料更新:<em>2012-05-17 16:25:09</em></span></p>
<div class="egovBox">
<div class="egov"><a target="_blank" href="http://www.gov.tw/" title="我的e政府"><img src="images/egov.gif" title="我的e政府, 另開視窗." alt="我的e政府, 另開視窗."></a></div>
<div class="egov"><a target="_blank" href="http://www.taipei.gov.tw/" title="臺北市政府"><img src="images/taipei.png" title="臺北市政府, 另開視窗." alt="臺北市政府, 另開視窗."></a></div>
</div>
</div>
</div>
</div>
</body>
</html>

<script language=vbs>
	window.top.name = "w3FP"
</script>
