

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html 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=edge,11">


<title>基隆市公共圖書館</title>
<link href="templates/css/jquery/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="templates/css/templates.css" rel="stylesheet" type="text/css" />
<link href="templates/css/index.css" rel="stylesheet" type="text/css" />
<link href="templates/css/calendar.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" media="all" href="templates/css/sitemap.css" /> 
<link rel="stylesheet" type="text/css" href="templates/css/jquery.fancybox-1.3.0.css" media="all" />


<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery/jquery-datepicker-zh-tw.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="js/initial.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/search.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script>
function refresh_captcha(stryear,strmonth){		
	implementXMLHttpRequest("calander.cfm?year="+stryear+"&month="+strmonth,do_refresh_captcha);
}
				  
function do_refresh_captcha(content){
	$("#ann_calendar").html(content);
	//setInnerHtml("ann_calendar",content);
}
	
<!--  
//平台、设备和操作系统   
var system ={  
win : false,  
mac : false,  
xll : false  
};  
//检测平台   
var p = navigator.platform;  

system.win = p.indexOf("Win") == 0;  
system.mac = p.indexOf("Mac") == 0;  
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);  
//跳转语句   
if(system.win||system.mac||system.xll){ //转向电脑端
	//window.location.href="http://192.168.20.171:8080/klccab/";  
}else{  
	if("false"=="true"){
		//不可重複加載
	} else{
		if("/klccab/index.cfm".indexOf("mobile") == -1){
			window.location.href="http://kllib.klccab.gov.tw/klccab/mobile/"; 
		} 
	}
} //转向手机端
 </script>
<script type="text/javascript">
var eventPhotoNum = 0, bannerNum = 0,
	eventPhotoIdx = 1, bannerIdx = 1, t1, t2, t3, t4,
	slideBookWidth_1 = 0, // -650 * #eventInfo .c1_content .slideBlock Number
	slideBookWidth_2 = 0, // -650 * #eventInfo .c2_content .slideBlock Number
	breakDates = ['10/09/2014', '10/18/2014'], // mm/dd/yyyy  休館日
	eventDates = ['04/29/2014', '10/29/2014'], // mm/dd/yyyy  活動日
    dateTips  = ['休館日','活動日']; //tips are optional but good to have
	
$( document ).ready(function() {
	initial();
	
	// jQeury datepicker 日曆套件初始化
	
	
	$('.chgBar ul a').click(chgBlock);
	$('.c1_content').css('display', 'block');
	
	$('#eventInfo .chgBlock a').click(slideBooks);
	$('#eventInfo .c1_content .slideBlock').css('width','1950px');  // 1950 為動態 : 650 * #eventInfo .c1_content .slideBlock Number
	$('#eventInfo .c2_content .slideBlock').css('width','1300px');  // 1300 為動態 : 650 * #eventInfo .c2_content .slideBlock Number
	$('#event a').click(chgEventPhoto);
	
	$('#eventInfo .right').addClass('rightDisabled').attr('disabled','disabled');
	
	eventPhotoNum = $('#event .photo img').size();
	$('#event a.left').attr('idx',(eventPhotoNum-1));
	t1 = setTimeout(function(){chgEventPhoto()}, 10000);
	
	bannerNum = $('#banner img').size();
	$('#banner img').eq(0).css('display','block');
	t3 = setTimeout(function(){chgBanner()}, 3000);
	
	/*$('table.list tr td.title a').hover(function() {
    	$( this ).animate({fontSize:'15px'},'fast');
  	}, function() {
    	$( this ).animate({fontSize:'14px'},'fast');
  	});*/

});

// 行事曆休館日，活動日Highlight
function highlightDays(date) {
	/*for (var i = 0; i < breakDates.length; i++) {
        if (new Date(breakDates[i]).toString() == date.toString()) {         
        	return [true, 'breakDatesHighlighted', dateTips[0]];
        }
    }*/
	
	for (var i = 0; i < eventDates.length; i++) {
        if (new Date(eventDates[i]).toString() == date.toString()) {         
        	return [true, 'eventDatesHighlighted', dateTips[1]];
        }
    }
    return [true, ''];
} 

// 切換活動成果圖片
function chgEventPhoto() {
	var $this = $(this),
		$eventPhotoImg = $('#event .photo img'),
		$event = $('#event');
	if($this.hasClass('left') || $this.hasClass('right')){
		eventPhotoIdx = Number($(this).attr('idx'));
		clearTimeout(t1);
		clearTimeout(t2);
	} else {
		if(eventPhotoIdx == eventPhotoNum) eventPhotoIdx = 0;
	}
	
	$event.find('a.left').attr('idx',eventPhotoIdx==0?(eventPhotoNum-1):(eventPhotoIdx-1));
	$event.find('a.right').attr('idx',eventPhotoIdx==(eventPhotoNum-1)?0:(eventPhotoIdx+1));
	$eventPhotoImg.css('display','none');
	$eventPhotoImg.eq(eventPhotoIdx++).css('display','block');
	t2 = setTimeout(function(){chgEventPhoto()}, 10000);
}

//切換 Banner
function chgBanner(){
	var $banner = $('#banner img');
	
	if(bannerIdx == bannerNum) bannerIdx = 0;
	$banner.eq(bannerIdx-1).fadeOut(3000);
	$banner.eq(bannerIdx++).fadeIn(3000);
	
	t4 = setTimeout(function(){chgBanner()}, 6000);
}

// 活動資訊公告書本滑動控制
function slideBooks() {
        var $this = $(this);
        var idx = $this.parent().parent().attr('idx');
        var slideBookWidth = slideBookWidth_1;
        if(idx == 2)
                slideBookWidth = slideBookWidth_2;
       
        if($this.attr('disabled') == 'disabled'){
                return false;
        }
       
        $('#eventInfo ' + '.c' + idx + '_content .right').addClass('rightDisabled');
        $('#eventInfo ' + '.c' + idx + '_content .left').addClass('leftDisabled');
       
        var arrow = $this.attr('type');
        var width = $('#eventInfo ' + '.c' + idx + '_content .slideBlock').css('left');
        var left = 0;
        var isInt = /^-?[1-9]\d*$/; // 判斷正負整數(不包括零)   
        width = Number(width.substring(0, width.length-2));
       
        $this.attr('disabled','disabled').addClass(arrow + 'Disabled');
       
        if(arrow == 'left'){
               
                if(width > slideBookWidth+650 && (isInt.test(width) || width == 0)){
                       
                        $('#eventInfo ' + '.c' + idx + '_content .slideBlock').animate({left:(width-650)+'px'},2000);
                        setTimeout(function(){
                                if(width-650 != slideBookWidth+650){
                                        $this.removeAttr('disabled').removeClass(arrow + 'Disabled');
                                }
                                $('#eventInfo ' + '.c' + idx + '_content .right').removeAttr('disabled').removeClass('rightDisabled');
                        }, 2000);
                }
               
        }else if(arrow == 'right'){
               
                if(width < 0 && isInt.test(width)){
                       
                        $('#eventInfo ' + '.c' + idx + '_content .slideBlock').animate({left:(width+650)+'px'},2000);
                        setTimeout(function(){
                                if(width+650 != 0){
                                        $this.removeAttr('disabled').removeClass(arrow + 'Disabled');
                                }
                                $('#eventInfo ' + '.c' + idx + '_content .left').removeAttr('disabled').removeClass('leftDisabled');
                        }, 2000);
                }
        }
}
</script>

<script type="text/javascript">
function change_display_lang(self){
	var myurl = "set_language.cfm?lang=" + self;

	getResponseText(myurl);
	
	window.location.reload(true);
	}
</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-58227151-2', 'auto');
  ga('send', 'pageview');

</script>


<script language="javascript" type="text/javascript">

/*************************************************
	
	Here are some useful customize functions
	
**************************************************/

var connection_pool = new Array();		//連線用陣列，存放連線及狀態，可處理大量連線
var browser_name = get_browser_name();	//瀏覽器類型判斷用變數
var animation_queue = new Array();

var ready_to_call;	
var prepared_params;

//Customize functions

function implementXMLHttpRequest(url,action){
	
	connection_pool.push(new Object());
	var index = connection_pool.length - 1;
	
	for( var i = 0; i < index; i++ ){
		if( connection_pool[i].action == action ){
			connection_pool[i].http.abort();
			connection_pool[i].action = "none";
		}
	}
	
	connection_pool[index].http = createXMLHttpRequest();
	connection_pool[index].state = "init";
	connection_pool[index].action = action;

	var myurl = url;
	connection_pool[index].http.open("POST", myurl, true);
	//connection_pool[index].http.onreadystatechange = ready_function;
	connection_pool[index].http.send(null);
}

function createXMLHttpRequest(){
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
		xhr = new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
		xhr = new ActiveXObject("Microsoft.XMLHTTP");
	}
	return xhr;
}

//Ajax scripts Login Checker
//To use this function, you must declare a session named login_uuid.
//And put the file under the script you execute.

function login_checker(layer){
	var login_http = createXMLHttpRequest();
	
	var myurl;
	if( typeof(layer) == "undefined" || layer == "upper" ){
		myurl = "./ajax_page/check_login_status.cfm";
	}else if(layer == "same"){
		myurl = "./ajax_page/check_login_status.cfm";
	}
	
	login_http.open("POST", myurl, false);
	//check_http.onreadystatechange = check_session_status;
	login_http.send(null);
	
	if( login_http.responseText.search('customer_login') != -1 ){
		return true;
	}else{
		return false;
	}
}

//Ajax scripts Session Checker
//To use this function, you must declare a session named iscleared.
//And put the file under the script you execute.

function session_checker(){
	var check_http = createXMLHttpRequest();
	
	var myurl;
	myurl = "../ajax_page/check_session_status.cfm";
	
	check_http.open("POST", myurl, false);
	//check_http.onreadystatechange = check_session_status;
	check_http.send(null);
	
	if( check_http.responseText.search('exists') != -1 ){
		return true;
	}else{
		alert("因瀏覽記錄已被清空，為避免造成困擾，將重新整理網頁。");
		window.location.reload(true);
		return false;
	}
}

function getResponseText(myurl){
	var get_http = createXMLHttpRequest();
	
	get_http.open("POST", myurl, false);
	//check_http.onreadystatechange = check_session_status;
	get_http.send(null);
	
	return trim(get_http.responseText);
}

//傳入html標籤名以及欲初始化的標籤id header
function init_animation_object(tag_name,header,alpha,alpha_rate,ease,hide){
	if( typeof(header) == "undefined" ){
		var target = tag_name;
		var obj = new Object();
	
		if( typeof(target) == "string" ){
			obj.target = document.getElementById(target);
		}else{
			obj.target = target;
		}
		obj.action = "none";
		obj.delay = 0;
		obj.alpha = (typeof(alpha) == "undefined") ? 100 : alpha;
		obj.alpha_rate = (typeof(alpha_rate) == "undefined") ? 5 : alpha_rate;
		obj.ease = (typeof(alpha_rate) == "undefined")? 1 : ease;
		obj.width = 0;
		obj.height = 0;
		obj.x = 0;
		obj.y = 0;
		obj.target_width = 0;
		obj.target_height = 0;
		obj.target_posx = 0;
		obj.target_posy = 0;
		obj.speed_limit = "none";
		obj.hide = (typeof(hide) == "undefined")?false:hide;
		obj.call = null;
		obj.params = '';
		obj.status = "";
		
		return obj;
	}else{
		var index = 0;
		var obj_array = new Array();
		var tag_list = document.getElementsByTagName(tag_name);
		
		var temp_alpha = (typeof(alpha) == "undefined") ? 100 : alpha;
		var temp_alpha_rate = (typeof(alpha_rate) == "undefined") ? 5 : alpha_rate;
		var temp_ease = (typeof(alpha_rate) == "undefined")? 1 : ease;
		
		for(var i = 0; i < tag_list.length; i++ ){
			if( tag_list[i].id.search(header) != -1 ){
				obj_array.push(new Object());
				index = obj_array.length - 1;
				obj_array[index].target = tag_list[i];
				obj_array[index].action = "none";
				obj_array[index].delay = 0;
				obj_array[index].alpha = temp_alpha;
				obj_array[index].alpha_rate = temp_alpha_rate;
				obj_array[index].ease = temp_ease;
				obj_array[index].width = 0;
				obj_array[index].height = 0;
				obj_array[index].x = 0;
				obj_array[index].y = 0;
				obj_array[tag_list[i].id] = index;
				obj_array[index].target_width = 0;
				obj_array[index].target_posx = 0;
				obj_array[index].target_posy = 0;
				obj_array[index].target_height = 0;
				obj_array[index].speed_limit = "none";
				obj_array[index].hide = (typeof(hide) == "undefined")?false:hide;
				obj_array[index].call = null;
				obj_array[index].params = '';
				obj_array[index].status = "";
			}
		}
		return obj_array;
	}
	
	
}

function add_to_animation_queue(target){
	animation_queue.push(target);
}

function delete_from_animation_queue(target){
	var length = animation_queue.length - 1;
	for( var i = length; i <= 0; i-- ){
		if( target == animation_queue[i] ){
			array_delete(animation_queue,i);
		}
	}
}

function setInnerHtml(target,content){
	var obj;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
		obj.innerHTML = content;
	}
}

function getInnerHtml(target){
	var obj;
	var value = "";
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
		value = obj.innerHTML;
	}
	
	return value;
}
	
function setTagAttribute(target,attribute,value){
	var obj;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
			obj[attribute] = value;
	}
}

function getTagAttribute(target,attribute){
	var obj;
	var value;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
			value = obj[attribute];
	}
	
	return value;
}

function setTagStyleAttribute(target,style,value){
	var obj;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
		if( style == "filter" || style == "opacity" ){
			if( document.all ){
				obj.style['filter'] = "alpha(opacity=" + value + ")";
			}else{
				obj.style['opacity'] = value / 100;
			}
		}else{
			obj.style[style] = value;
		}
	}
}

function getTagStyleAttribute(target,style){
	var obj;
	var value;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
		if( style == "filter" || style == "opacity" ){
			if( document.all ){
				value = obj.style['filter'];
			}else{
				value = obj.style['opacity'];
			}
		}else{
			value = obj.style[style];
		}
	}
	return value
}

function setInnerText(target,text){
	var obj;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
		obj.innerText = text;
	}
}

function getInnerText(target){
	alert("firefox denied");
	var obj;
	var value;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	if( obj != null ){
		value = obj.innerText;
	}
	
	return value;
}

function getTag(id){
	return document.getElementById(id);
}

/**
	要使用這個Function必須先把最外層的容器id指定為"middle_target"
	在enter_frame中使用此function可將頁面永遠保持置中
**/

var middle_usage_last_window_size = 0;

function middle_page(){
	
	var target = "middle_target"
	var page_height = parseInt(getTagAttribute(target,"scrollHeight"),10);
	var stage_height = parseInt(document.documentElement.clientHeight,10);
	
	if( stage_height != 0 && page_height != 0 ){
		if( middle_usage_last_window_size != stage_height && stage_height >= page_height ){
			middle_usage_last_window_size = stage_height;
			var stage_height_half = stage_height / 2;
			var page_height_half = page_height / 2;
			
			var marginTop = stage_height_half - page_height_half;

			setTagStyleAttribute(target,"marginTop", marginTop + "px");
		}
	}
}

function dispatchEvent(eventType,target,caseSensitve){
	if( caseSensitve == null || caseSensitve == false ){
		eventType = eventType.toLowerCase();
	}
	var obj;
	if( typeof(target) == "string" ){
		obj = document.getElementById(target);
	}else{
		obj = target;
	}
	//alert(eventType);
	if( eventType == "click" ){
		if( document.createEventObject ){//dispatch for IE
			var evt = document.createEventObject();
			obj.fireEvent('onclick',evt);
		}else{//dispatch for firefox,chrome
			var evt = document.createEvent("MouseEvent");
			evt.initMouseEvent("click", true, true, window,0, 0, 0, 0, 0, false, false, false, false, 0, null);
			obj.dispatchEvent(evt);
		}
	}
}

function show_fancy_box(id,url){
	var j1 = document.getElementById(id);
	
	j1.href = url;

	$('#' + id).trigger('click');
}

//呼叫此function可關閉fancy_box，設定傳入參數直可決定關閉fancybox的動作
function close_fancybox(call,params){
	$.fancybox.close();
	try{
		call_function(call,params);
		
	}catch(exception){
	}
}

function call_function(call,params){
	try{
		ready_to_call = call;
		prepared_params = params;
		setTimeout(call_additional_function,1);	//須用delay才能順利呼叫function
		
	}catch(exception){
	}
}

function call_additional_function(){
	try{
		this[ready_to_call](prepared_params);
	}catch(exception){
	}
}

function do_redirection(myurl){
	window.location = myurl;
}

//To use this method, you should pass parameters named "aurguments"
function get_function_name(target_arguments){
	return target_arguments.callee.toString().match(/function ([^\(]+)/)[1];
}

function set_img(self,img_src){
	$(self).attr("src",img_src);
}

//去除多於空白
function trim(stringToTrim)
{
	return stringToTrim.replace(/^\s+|\s+$/g,"");
}

function trim_left(stringToTrim){
	if( typeof(replace_text) == "undefined" ){
		replace_text = "";
	}
	return stringToTrim.replace(/^\s+/g,replace_text);
}

function trim_right(stringToTrim,replace_text){
	if( typeof(replace_text) == "undefined" ){
		replace_text = "";
	}
	return stringToTrim.replace(/\s+$/g,replace_text);
}

function trim_2_space(stringToTrim,replace_text){
	if( typeof(replace_text) == "undefined" ){
		replace_text = "";
	}
	return stringToTrim.replace(/\s{2,}/g,replace_text);
}

/*function formatCurrency(num) {
	num = num.toString().replace(/\$|\,/g,'');
	if(isNaN(num))
	num = "0";
	sign = (num == (num = Math.abs(num)));
	num = Math.floor(num*100+0.50000000001);
	cents = num%100;
	num = Math.floor(num/100).toString();
	if(cents<10)
	cents = "0" + cents;
	for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
	num = num.substring(0,num.length-(4*i+3))+','+
	num.substring(num.length-(4*i+3));
	return (((sign)?'':'-') + '$' + num);
}*/

function formatCurrency(num) {
	num = num.toString().replace(/\$|\,/g,'');
	if(isNaN(num))
	num = "0";
	sign = (num == (num = Math.abs(num)));
	num = Math.floor(num*100+0.50000000001);
	cents = num%100;
	num = Math.floor(num/100).toString();
	if(cents<10)
	cents = "0" + cents;
	for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
	num = num.substring(0,num.length-(4*i+3))+','+
	num.substring(num.length-(4*i+3));
	return (((sign)?'':'-') + '$' + num) + "." + cents;
}

function ValidEmail(emailtoCheck)
{
	// 規則: 1.只有一個 "@"
	//       2.網址中, 至少要有一個".", 且不能連續出現
	//       3.不能有空白


	var regExp = /^[^@^\s]+@[^\.@^\s]+(\.[^\.@^\s]+)+$/;
	if ( emailtoCheck.match(regExp) )
		return true;
	else
		return false;
}

function get_browser_name(){
	var browser = "";
	var explorer_attribute = navigator.userAgent.toLowerCase();
	
	if( explorer_attribute.search("msie") != -1 ){
		browser = "IE";
	}else if( explorer_attribute.search("firefox") != -1 ){
		browser = "firefox";
	}else if( explorer_attribute.search("chrome") != -1 ){
		browser = "chrome";
	}
	
	return browser;
}

function history_back(){
	history.back(-1);
}

function isDate(dateStr) {

	var datePat = /^(\d{1,2})(\/)(\d{1,2})(\/|-)(\d{4})$/;
	var matchArray = dateStr.match(datePat); // is the format ok?

	if (matchArray == null) {
		alert("Please enter date as either mm/dd/yyyy.");
		return false;
	}

	month = matchArray[1]; // p@rse date into variables
	day = matchArray[3];
	year = matchArray[5];
	
	if (month < 1 || month > 12) { // check month range
		alert("Month must be between 1 and 12.");
		return false;
	}
	
	if (day < 1 || day > 31) {
		alert("Day must be between 1 and 31.");
		return false;
	}
	
	if ((month==4 || month==6 || month==9 || month==11) && day==31) {
		alert("Month "+month+" doesn`t have 31 days!")
		return false;
	}
	
	if (month == 2) { // check for february 29th
		var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0));
		if (day > 29 || (day==29 && !isleap)) {
			alert("February " + year + " doesn`t have " + day + " days!");
			return false;
		}
	}
	return true; // date is valid
}

function validate_website_address(self,e){
	if( (e.keyCode < 35 || e.keyCode > 40) && e.keyCode != 46 && e.keyCode != 8 ){
		var value = self.value;
		value = value.replace(/\s/g,"");
		value = value.replace(/\\/g,"/");
		value = "http://" + value.replace(/http:\/\//ig,"");
		if( self.value != value ){
			self.value = value;
		}
	}
}

/**
	將目標的值改為純數字，通常接在keyup後面
**/
function set_target_value_to_numeric(target,e,dv){
	if( typeof(e) != "undefined" ){
		if( e.keyCode >= 37 && e.keyCode <= 40 || e.keyCode == 16 ){
			return;
		}else if( e.keyCode == 13 ){
			self.blur();
		}
	}
	var default_target_value = typeof(dv) == "undefined"?1:dv;
	if( target.value != "" ){
		target.value = parseInt(target.value.replace(/\D/g,""),10)?parseInt(target.value.replace(/\D/g,""),10):default_target_value;
	}else{
		target.value = default_target_value;
	}
}

function setChecked(id){
	getTag(id).checked = true;
}

function setUnchecked(id){
	getTag(id).checked = false;
}

function do_encoded(string){
	return encodeURIComponent(string);
}

function is_defined(param){
	if( typeof(param) == "undefined" ){
		return false;
	}else{
		return true;
	}
}

function do_clear_text(self,string){
	
	if( typeof(self) == "string" ){
		self = document.getElementById(self);
	}
	
	if( string ){
		if( self.value == trim(string) ){
			self.value = "";
		}
	}else{
		self.value = "";
	}
	
	self.focus();
}

function do_fill_text(self,string){
	if( trim(self.value) == "" ){
		self.value = string;
	}
}

/**
	Array and List Handler
**/

function list_to_array(list,list_delimiter){
	var array = list.split(list_delimiter);
	return array;
}

function list_length(list,list_delimiter){
	var array = list_to_array(list,list_delimiter);
	return array.length;
}

function list_get(list,list_delimiter,index){
	var array = list_to_array(list,list_delimiter);
	return array[index];
}

function list_delete(list,list_delimiter,index){
	var array = list_to_array(list,list_delimiter);
	array = array_delete(array,index);
	var length = array.length;
	var temp_list = array_to_list(array,list_delimiter);
	
	return temp_list;
}

function array_to_list(array,list_delimiter){
	var length = array.length;
	var temp_list = "";
	for( var i = 0; i < length; i++ ){
		if( i == 0 ){
			temp_list = array[i];
		}else{
			temp_list += list_delimiter + array[i];
		}
	}
	return temp_list;
}

function array_delete(array,index){
	array.splice(index,1);
	
	return array;
}

function in_array(array,obj) {
    return (array.indexOf(obj) != -1);
}

if (!Array.prototype.indexOf) {
  Array.prototype.indexOf = function (obj, fromIndex) {
    if (fromIndex == null) {
        fromIndex = 0;
    } else if (fromIndex < 0) {
        fromIndex = Math.max(0, this.length + fromIndex);
    }
    for (var i = fromIndex, j = this.length; i < j; i++) {
        if (this[i] === obj)
            return i;
    }
    return -1;
  };
}

/**
Table Handler
**/

function insert_tr(_table_id){
	var _rownum = getTag(_table_id).rows.length;
	return getTag(_table_id).insertRow(_rownum);
}

function insert_td(_tr_obj){
	var _insert_td = document.createElement("td");
	_tr_obj.appendChild(_insert_td);
	return _insert_td;
}

function create_td(){
	return document.createElement("td");
}

/**
	取得密碼強度
	長度大於lower_length	:	強度+1
	含有數字				:	強度+1
	含有小寫字母			:	強度+1
	含有大寫字母			:	強度+1
	含有其他符號			:	強度+1
**/
function password_strength(str,lower_length){
	var num = str.replace(/[0-9]/g,"1");
	var aa = num.replace(/[a-z]/g,"2");
	var AA = aa.replace(/[A-Z]/g,"3");
	var sb = AA.replace(/[`~!@#$%^&*()_\+=\[\]\{\}'";:\?\/,.<>\-\\]/g,"4");
	var length = sb.length;
	var lv = 0;
	
	if( length >= lower_length ){
		lv += 1;
	}
	
	if( sb.search(1) != -1 ){
		lv += 1;
	}
	
	if( sb.search(2) != -1 ){
		lv += 1;
	}
	
	if( sb.search(3) != -1 ){
		lv += 1;
	}
	
	if( sb.search(4) != -1 ){
		lv += 1;
	}
	
	return lv;
}

</script>


<script language="javascript" type="text/javascript">

function enter_frame(){
	connection_pool_handler();
	
	try{
		animation_renderer();
	}catch(exception){
	}
	
	animation_handler();
	
	timer = setTimeout(enter_frame,frame_interval);
}

function connection_pool_handler(){
	for(var i = 0; i < connection_pool.length; i++ ){
		if( typeof(connection_pool[i].http) != "undefined" && typeof(connection_pool[i].state) != "undefined" ){
			if(connection_pool[i].http.readyState == 4 && connection_pool[i].state == "init"){	//檢查連線狀態以取得網頁資料
				connection_pool[i].state = "none";	//設立狀態為可清空
				/*if( connection_pool[i].action == "getSpaceProd" ){
					refresh_prod_list(connection_pool[i].http.responseText);
				}else if( connection_pool[i].action == "get_cart_list" ){
					refresh_cart_list(connection_pool[i].http.responseText);
				}else if( connection_pool[i].action == "remove_from_cart" ){
					refresh_cart_list(connection_pool[i].http.responseText);
				}else if( connection_pool[i].action == "get_left_menu" ){
					refresh_left_menu(connection_pool[i].http.responseText);
				}*/
				connection_pool[i].action(connection_pool[i].http.responseText);
				
			}
		}
	}
	
	for(var i = 0; i < connection_pool.length; i++ ){
		if( typeof(connection_pool[i].http) != "undefined" && typeof(connection_pool[i].state) != "undefined" ){
			if(connection_pool[i].state == "none"){
				connection_pool.splice(i,1);	//清空記憶體
			}
		}
	}
}

function animation_handler(){
	var animation_count = animation_queue.length;
	var animation_obj;
	var animation_target;
	for( var i = 0; i < animation_count; i++ ){
		animation_obj = animation_queue[i];
		
		if( animation_obj.action == "fade_in" ){
			animation_obj.alpha += animation_obj.alpha_rate;
			setTagStyleAttribute(animation_obj.target,"opacity",animation_obj.alpha);
			if( animation_obj.alpha >= 100 ){
				animation_obj.alpha = 100;
				animation_obj.action = "none";
			}
		}else if( animation_obj.action == "fade_out" ){
			animation_obj.alpha -= animation_obj.alpha_rate;
			setTagStyleAttribute(animation_obj.target,"opacity",animation_obj.alpha);
			if( animation_obj.alpha <= 0 ){
				animation_obj.alpha = 0;
				animation_obj.action = "none";
				if( animation_obj.hide ){
					setTagStyleAttribute(animation_obj.target,"display","none");
				}
				if( animation_obj.call != null ){
					animation_obj.call();
				}
			}
		}
	}
}


var frame_interval = 33;	//進入Frame function的間隔
var timer = setTimeout(enter_frame,frame_interval);	//Enter Frame Timer 物件全部創建完成後再啟動，避免空物件造成錯誤

</script>

</head>


<script type="text/javascript">
$( document ).ready(function() {
	initial();
	
	// jQeury datepicker 日曆套件初始化
	$( "#datepicker" ).datepicker({
		inline: true,
		beforeShowDay: highlightDays
	});
	
	$('.chgBar ul a').click(chgBlock);
	$('.c1_content').css('display', 'block');
	
	
	$('#eventInfo .chgBlock a').click(slideBooks);
 	slideBookWidth_1 = $('#eventInfo .c1_content .slideBooks').size() * (-650);
 	slideBookWidth_2 = $('#eventInfo .c2_content .slideBooks').size() * (-650);
 	$('#eventInfo .c1_content .slideBlock').css('width',-(slideBookWidth_1) + 'px');
 	$('#eventInfo .c2_content .slideBlock').css('width',-(slideBookWidth_2) + 'px');
 	$('#event a').click(chgEventPhoto);
	$('#eventInfo .right').addClass('rightDisabled').attr('disabled','disabled');
	if(slideBookWidth_1 >= -650){$('#eventInfo .c1_content .left').addClass('leftDisabled').attr('disabled','disabled');}
	if(slideBookWidth_2 >= -650){$('#eventInfo .c2_content .left').addClass('leftDisabled').attr('disabled','disabled');}
	eventPhotoNum = $('#event .photo img').size();
	$('#event a.left').attr('idx',(eventPhotoNum-1));
	t1 = setTimeout(function(){chgEventPhoto()}, 10000);
	
	bannerNum = $('#banner img').size();
	$('#banner img').eq(0).css('display','block');
	t3 = setTimeout(function(){chgBanner()}, 6000);
	
	/*$('table.list tr td.title a').hover(function() {
    	$( this ).animate({fontSize:'15px'},'fast');
  	}, function() {
    	$( this ).animate({fontSize:'14px'},'fast');
  	});*/
	
	$('#banner-select a').click(chgBanner);
});


//切換 Banner
function chgBanner(){
	var $banner = $('#banner img'),
		$bannerSelect = $('#banner-select a'),
		clickIdx = $(this).index(), //取得按鈕點選位置
		prevIdx = bannerIdx - 1; //上一個顯示 Banner
	
	if(bannerIdx == bannerNum && clickIdx == -1){ //如果上一張是最後一張 Banner 且不是點選
		bannerIdx = 0;
		prevIdx = bannerNum-1;
	} else if(clickIdx > -1) { //如果是點選
		if($(this).hasClass('select')) {
			return false;
		}
		clearTimeout(t3);
		clearTimeout(t4);
		bannerIdx = clickIdx;
	}
	
	$bannerSelect.removeClass('select').eq(bannerIdx).addClass('select');
	$banner.eq(prevIdx).fadeOut(500);
	$banner.eq(bannerIdx++).fadeIn(500);
	
	t4 = setTimeout(function(){chgBanner()}, 6000);
}
</script>


<body>


<div id="header">
	<div id="top">
    	<div id="topBar">
    		<div id="fastLink">
        		<ul>
                
                
                <li><a accesskey="K" href="#accessible-fast-link" title="快速連結區" id="accessible-fast-link">:::</a>|</li>
                <li>
            
            <a href="javascript:void(0);" title="English" onclick="change_display_lang('en_us');" onkeypress="change_display_lang('en_us');">English</a>
            |</li>
            		
                	<li> <a  href="qa.cfm">常見問題</a>|</li>
                    
                	<li> <a  target="_blank" href="http://www.klccab.gov.tw/">基隆市文化局</a>|</li>
                    
                	<li> <a  href="sitemap.cfm">網站地圖</a>|</li>
                    
                	<li> <a  href="intro.cfm?bsn=25">聯絡我們</a>|</li>
                    
                	<li><a href="index.cfm" class="last">
                    	回首頁
                    </a></li>
            	</ul>
        	</div><!-- id="fastLink" end -->
            <div id="login">
            
            
                	<a id="loginBtn"  href="javascript: void(0);" onclick="login_window_kit_check('after_login',''); return false;"
                    onkeypress="login_window_kit_check('after_login',''); return false;">登入</a>
                
            </div><!-- id="login" end -->
    	</div><!-- id="topBar" end -->
    </div><!-- id="top" end -->
    
    <div id="bottomBar">
    	 <a class="logo" href="index.cfm"></a>
    	<div id="searchBlock">
        	<div class="searchBg">
            	
                
<form method="get"  onsubmit="return redirectForm2(this);" id='form1' name="form1" target="_blank">			
<div class="search">

    <img alt="搜 尋" title="搜 尋" src="img/search.png" >
                	<br />
                    
                    
                    <select name="searchMode" id="searchMode">
            			<option selected value="http://www.google.com/search" title="搜尋網站">搜尋網站</option>
                		<option value="webpac/search.cfm" title="搜尋館藏">搜尋館藏</option>
            		</select>
                    <div class="searchInput" style="width:420px"><input type="text" value="請輸入關鍵字" onfocus="if(this.value==defaultValue) {this.value='';}" onblur="if(!value) {value=defaultValue;}" name="as_q" id="as_q" /></div>
                    
                    <div class="searchBtn">
							<input type="submit" value="搜尋" onclick="redirectForm2();return false;" onkeypress="redirectForm2();return false; " />
                    </div>
	<div class="clear"></div>
 
</div>
			<div class="keyword">
    			<div class="tag"><p>
                
                	關鍵字 
                </p></div>
        		<ul id="hot_keyword">
        		</ul>
                <div class="clear"></div>
			</div><!-- class="keyword" End -->
	
   
    <input type="hidden" name="sitesearch" value="http://www.klccab.gov.tw/" />
    <input type="hidden" name="SELECTKEY" id="SELECTKEY" value="TITLE" />
    <input type="hidden" name="KEYWORD" id="KEYWORD" value="" />
    <input type="hidden" name="SortType" id="SortType" value="2" />
</form>            

<iframe src="" name="process_h" title="查詢" width="0" height="0" frameborder="0" scrolling="yes"></iframe>


<script>
// JavaScript Document
function hot_keywords_check(word){
		document.getElementById('as_q').value=word;
		redirectForm2();
	
	}
</script>
        	
                
            </div><!-- class="searchBg" end -->
        </div><!-- id="searchBlock" end -->
        
        
        <div id="menuBar">
        	<a accesskey="P" href="#accessible-menu" title="選單連結區" id="accessible-menu">:::</a>
        	<ul>
            	
                
                	<li>
                	
                       <a   href="javascript:void(0);" title="關於本館" onclick="do_strurl('intro.cfm?bsn=18','31','','0')" onkeypress="do_strurl('intro.cfm?bsn=18','31','','0')"><a  href="intro.cfm?bsn=18">關於本館</a></a>
                
                	<div class="subMenu">
                        <div class="menuList">
                    		<ul>
                            	
                        		<li>
                <a  href="javascript:void(0);" title="北北基合作服務" onclick="do_strurl('intro.cfm?bsn=42','31','83','1')" onkeypress="do_strurl('intro.cfm?bsn=42','31','83','1')"><a  target="_blank" href="intro.cfm?bsn=42">北北基合作服務</a></a>
                </li>
                                
                        		<li>
                 <a  href="javascript:void(0);" title="基隆智慧圖書館" onclick="do_strurl('intro.cfm?bsn=44','31','84','0')" onkeypress="do_strurl('intro.cfm?bsn=44','31','84','0')"><a  href="intro.cfm?bsn=44">基隆智慧圖書館</a></a>
                </li>
                                
                        		<li>
                 <a  href="javascript:void(0);" title="交通資訊" onclick="do_strurl('intro.cfm?bsn=37','31','77','0')" onkeypress="do_strurl('intro.cfm?bsn=37','31','77','0')"><a  href="intro.cfm?bsn=37">交通資訊</a></a>
                </li>
                                
                        		<li>
                 <a  href="javascript:void(0);" title="發展沿革" onclick="do_strurl('intro.cfm?bsn=36','31','76','0')" onkeypress="do_strurl('intro.cfm?bsn=36','31','76','0')"><a  href="intro.cfm?bsn=36">發展沿革</a></a>
                </li>
                                
                        		<li>
                 <a  href="javascript:void(0);" title="館舍介紹" onclick="do_strurl('intro.cfm?bsn=38','31','78','0')" onkeypress="do_strurl('intro.cfm?bsn=38','31','78','0')"><a  href="intro.cfm?bsn=38">館舍介紹</a></a>
                </li>
                                
                        		<li>
                 <a  href="javascript:void(0);" title="服務電話" onclick="do_strurl('intro.cfm?bsn=35','31','75','0')" onkeypress="do_strurl('intro.cfm?bsn=35','31','75','0')"><a  href="intro.cfm?bsn=35">服務電話</a></a>
                </li>
                                
                        		<li>
                 <a  href="javascript:void(0);" title="使用規定" onclick="do_strurl('intro.cfm?bsn=14','31','42','0')" onkeypress="do_strurl('intro.cfm?bsn=14','31','42','0')"><a  href="intro.cfm?bsn=14">使用規定</a></a>
                </li>
                                
                        		<li>
                 <a  href="javascript:void(0);" title="借閱服務" onclick="do_strurl('intro.cfm?bsn=19','31','43','0')" onkeypress="do_strurl('intro.cfm?bsn=19','31','43','0')"><a  href="intro.cfm?bsn=19">借閱服務</a></a>
                </li>
                                
                        		<li>
                 <a  href="javascript:void(0);" title="讀者服務" onclick="do_strurl('intro.cfm?bsn=20','31','44','0')" onkeypress="do_strurl('intro.cfm?bsn=20','31','44','0')"><a  href="intro.cfm?bsn=20">讀者服務</a></a>
                </li>
                                
                        		<li>
                 <a  href="javascript:void(0);" title="Logo創意說明" onclick="do_strurl('intro.cfm?bsn=28','31','65','0')" onkeypress="do_strurl('intro.cfm?bsn=28','31','65','0')"><a  href="intro.cfm?bsn=28">Logo創意說明</a></a>
                </li>
                                
                        	</ul>
                    	</div>
                    </div><!-- class="subMenu" end -->
                    </li>
                    
                
                	<li>
                	
                <a  href="#">各館資訊</a>
                
                	<div class="subMenu">
                        <div class="menuList">
                    		<ul>
                            	
                        		<li>
                <a  href="javascript:void(0);" title="交通路線" onclick="do_strurl('http://kllib.klccab.gov.tw/klccab/intro.cfm?bsn=40','62','79','1')" onkeypress="do_strurl('http://kllib.klccab.gov.tw/klccab/intro.cfm?bsn=40','62','79','1')"><a  target="_blank" href="http://kllib.klccab.gov.tw/klccab/intro.cfm?bsn=40">交通路線</a></a>
                </li>
                                
                        		<li>
                <a  href="javascript:void(0);" title="開放時間" onclick="do_strurl('intro.cfm?bsn=39','62','80','1')" onkeypress="do_strurl('intro.cfm?bsn=39','62','80','1')"><a  target="_blank" href="intro.cfm?bsn=39">開放時間</a></a>
                </li>
                                
                        	</ul>
                    	</div>
                    </div><!-- class="subMenu" end -->
                    </li>
                    
                
                	<li>
                	
                <a  href="#">活動與公告</a>
                
                	<div class="subMenu">
                        <div class="menuList">
                    		<ul>
                            	
                        		<li>
                 <a  href="javascript:void(0);" title="消息公告" onclick="do_strurl('NewsList.cfm','2','40','0')" onkeypress="do_strurl('NewsList.cfm','2','40','0')"><a  href="NewsList.cfm">消息公告</a></a>
                </li>
                                
                        		<li>
                 <a  href="javascript:void(0);" title="活動公告" onclick="do_strurl('activityList.cfm','2','41','0')" onkeypress="do_strurl('activityList.cfm','2','41','0')"><a  href="activityList.cfm">活動公告</a></a>
                </li>
                                
                        		<li>
                <a  href="javascript:void(0);" title="活動報名系統" onclick="do_strurl('http://kllib.klccab.gov.tw/sa','2','73','1')" onkeypress="do_strurl('http://kllib.klccab.gov.tw/sa','2','73','1')"><a  target="_blank" href="http://kllib.klccab.gov.tw/sa">活動報名系統</a></a>
                </li>
                                
                        	</ul>
                    	</div>
                    </div><!-- class="subMenu" end -->
                    </li>
                    
                
                    <li>
                    
                    	<a  href="javascript:void(0);" title="館藏查詢" onclick="do_strurl('webpac/search.cfm','24','','1')" onkeypress="do_strurl('webpac/search.cfm','24','','1')"><a  target="_blank" href="webpac/search.cfm">館藏查詢</a></a>
                
                </li>
                
                
                	<li>
                	
                <a  href="#">公共/民間圖書館</a>
                
                	<div class="subMenu">
                        <div class="menuList">
                    		<ul>
                            	
                        		<li>
                 <a  href="javascript:void(0);" title="公共圖書館" onclick="do_strurl('public_library.cfm','4','63','0')" onkeypress="do_strurl('public_library.cfm','4','63','0')"><a  href="public_library.cfm">公共圖書館</a></a>
                </li>
                                
                        		<li>
                <a  href="javascript:void(0);" title="民間圖書館" onclick="do_strurl('intro.cfm?bsn=48','4','89','1')" onkeypress="do_strurl('intro.cfm?bsn=48','4','89','1')"><a  target="_blank" href="intro.cfm?bsn=48">民間圖書館</a></a>
                </li>
                                
                        	</ul>
                    	</div>
                    </div><!-- class="subMenu" end -->
                    </li>
                    
                
                	<li>
                	
                       <a   href="javascript:void(0);" title="數位資源" onclick="do_strurl('intro.cfm?bsn=15','61','','0')" onkeypress="do_strurl('intro.cfm?bsn=15','61','','0')"><a  href="intro.cfm?bsn=15">數位資源</a></a>
                
                	<div class="subMenu">
                        <div class="menuList">
                    		<ul>
                            	
                        		<li>
                <a  href="javascript:void(0);" title="udn電子書&期刊" onclick="do_strurl('http://reading.udn.com/libnew/Index.do?U_ID=klccab','61','70','1')" onkeypress="do_strurl('http://reading.udn.com/libnew/Index.do?U_ID=klccab','61','70','1')"><a  target="_blank" href="http://reading.udn.com/libnew/Index.do?U_ID=klccab">udn電子書&期刊</a></a>
                </li>
                                
                        		<li>
                <a  href="javascript:void(0);" title="華藝電子書" onclick="do_strurl('http://www.airitibooks.com','61','71','1')" onkeypress="do_strurl('http://www.airitibooks.com','61','71','1')"><a  target="_blank" href="http://www.airitibooks.com">華藝電子書</a></a>
                </li>
                                
                        		<li>
                <a  href="javascript:void(0);" title="聯合原版報紙" onclick="do_strurl('intro.cfm?bsn=41','61','82','1')" onkeypress="do_strurl('intro.cfm?bsn=41','61','82','1')"><a  target="_blank" href="intro.cfm?bsn=41">聯合原版報紙</a></a>
                </li>
                                
                        		<li>
                 <a  href="javascript:void(0);" title="數位資源與資料庫" onclick="do_strurl('intro.cfm?bsn=15','61','85','0')" onkeypress="do_strurl('intro.cfm?bsn=15','61','85','0')"><a  href="intro.cfm?bsn=15">數位資源與資料庫</a></a>
                </li>
                                
                        		<li>
                <a  href="javascript:void(0);" title="HyRead電子書" onclick="do_strurl('http://klccab.ebook.hyread.com.tw/','61','69','1')" onkeypress="do_strurl('http://klccab.ebook.hyread.com.tw/','61','69','1')"><a  target="_blank" href="http://klccab.ebook.hyread.com.tw/">HyRead電子書</a></a>
                </li>
                                
                        		<li>
                <a  href="javascript:void(0);" title="雲端書庫@基隆" onclick="do_strurl('http://lib.ebookservice.tw/kl/','61','72','1')" onkeypress="do_strurl('http://lib.ebookservice.tw/kl/','61','72','1')"><a  target="_blank" href="http://lib.ebookservice.tw/kl/">雲端書庫@基隆</a></a>
                </li>
                                
                        		<li>
                <a  href="javascript:void(0);" title="基隆文學地圖" onclick="do_strurl('intro.cfm?bsn=49','61','90','1')" onkeypress="do_strurl('intro.cfm?bsn=49','61','90','1')"><a  target="_blank" href="intro.cfm?bsn=49">基隆文學地圖</a></a>
                </li>
                                
                        		<li>
                <a  href="javascript:void(0);" title="相關網站" onclick="do_strurl('intro.cfm?bsn=47','61','6','1')" onkeypress="do_strurl('intro.cfm?bsn=47','61','6','1')"><a  target="_blank" href="intro.cfm?bsn=47">相關網站</a></a>
                </li>
                                
                        	</ul>
                    	</div>
                    </div><!-- class="subMenu" end -->
                    </li>
                    
                
            </ul>
        </div><!-- id="menuBar" end -->
        
    </div><!-- id="bottomBar" end -->
</div><!-- id="header" end -->
<script>
//function after_login(){
	//set_logout();
	//close_fancybox();
//}

var global_method = "home";

function set_logout(){
	var username = trim(getResponseText("./ajax_page/get_user_name.cfm"));
	//$("#login_window_kit_img").attr("src","templates/img/btn_1.png");
	$("#user_name_span").html(username);
	setTagAttribute("login_window_kit_trigger","onclick",do_logout);
	window.location.reload(true);
}

/*function do_logout(){
	var myurl = "./ajax_page/doLogout.cfm";
	getResponseText(myurl);
	window.location = "./search.cfm";
	return false;
}*/

function do_logout(method){
	
	if( !method || typeof(method) != "string" ){
		method = global_method;
	}
	
	var myurl = "./ajax_page/doLogout.cfm";
	getResponseText(myurl);
	
	if( !method || method == "home" ){
		window.location = "./index.cfm";
	}else if( method == "reload" ){
		window.location.reload(true);
	}
	
	return false;
}
</script>


<div style="display:none;">
 	<a id="login_window_kit_clicker" href="javascript: void(0);" >Hidden Clicker</a>
</div>

<script type="text/javascript">
$(document).ready(function() {
        $("#login_window_kit_clicker").fancybox({
			'width'				: 395,
			'height'			: 290,
			'autoScale'     	: true,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'type'				: 'iframe'
		});
});
</script>

<script>

//呼叫此function並傳入登入後須呼叫的function，及參數可在需要登入的動作前顯示fancybox登入視窗
function login_window_kit_check(call,params){
	if( login_checker('upper') ){
		try{			
			call_function(call,params);
		}catch(exception){
		}
	}else{		
		show_fancy_box("login_window_kit_clicker","login_iframe.cfm?login_checker_kit=true&call=" + call + "&params=" + params);
	}
}

</script>
<div id="wrap">
	<div id="main">
        <div id="main-left">
        	<a accesskey="L" href="#accessible-left" title="左方內容區塊" id="accessible-left">:::</a> 
        	<div id="calendar">
             <div class="ann_calendar" id="ann_calendar">
        	  
  
                <div class="ann_calendar_title"> 
                
                <span class="calendar_prev"><a title="上一月" onclick="refresh_captcha('2019','7'); return false;" onkeypress="refresh_captcha('2019','7'); return false;" href="javascript:void(0);"><img alt="上一月" title="上一月"  src="templates/img/btn_7.png" /></a></span> <span class="calendar_next"><a title="下一月" onclick="refresh_captcha('2019','9'); return false;" onkeypress="refresh_captcha('2019','9'); return false;" href="javascript:void(0);"><img  alt="下一月" title="下一月" src="templates/img/btn_8.png" /></a></span>
                  <div class="calendar_today">2019.8</div>
                </div>
                <div class="ann_calendar_date">
                  <table border="0" cellspacing="0">
                    <tr class="week" >
                       
    						
    							<td>日</td>
    						
   						 
    							<td>一</td>
   							
   						 
    							<td>二</td>
    						
   						 
    							<td>三</td>
    						
   						 
    							<td>四</td>
    						
   						 
    							<td>五</td>
    						
   						 
    							<td>六</td>
    						
   						 
                    </tr>
                
  				
      <tr  >
        
            
                <td></td>
            
        
                <td></td>
            
        
                <td></td>
            
        
                <td></td>
            
        
                	<td >
                          <a title="1" href="javascript: void(0);">1</a>
                    </td>
                
                
                	<td >
                          <a title="2" href="javascript: void(0);">2</a>
                    </td>
                
                
                	<td class="vacation">
                          <a title="3" href="javascript: void(0);">3</a>
                    </td>
                
                
      </tr>
  
                      
      <tr class="tr2" >
        
            
                	<td class="vacation">
                          <a title="4" href="javascript: void(0);">4</a>
                    </td>
                
                
                	<td >
                          <a title="5" href="javascript: void(0);">5</a>
                    </td>
                
                
                	<td >
                          <a title="6" href="javascript: void(0);">6</a>
                    </td>
                
                
                	<td >
                          <a title="7" href="javascript: void(0);">7</a>
                    </td>
                
                
                	<td >
                          <a title="8" href="javascript: void(0);">8</a>
                    </td>
                
                
                	<td >
                          <a title="9" href="javascript: void(0);">9</a>
                    </td>
                
                
                	<td class="vacation">
                          <a title="10" href="javascript: void(0);">10</a>
                    </td>
                
                
      </tr>
  
                      
      <tr  >
        
            
                	<td class="vacation">
                          <a title="11" href="javascript: void(0);">11</a>
                    </td>
                
                
                	<td >
                          <a title="12" href="javascript: void(0);">12</a>
                    </td>
                
                
                	<td >
                          <a title="13" href="javascript: void(0);">13</a>
                    </td>
                
                
                	<td >
                          <a title="14" href="javascript: void(0);">14</a>
                    </td>
                
                
                	<td >
                          <a title="15" href="javascript: void(0);">15</a>
                    </td>
                
                
                	<td >
                          <a title="16" href="javascript: void(0);">16</a>
                    </td>
                
                
                	<td class="vacation">
                          <a title="17" href="javascript: void(0);">17</a>
                    </td>
                
                
      </tr>
  
                      
      <tr class="tr2" >
        
            
                	<td class="vacation">
                          <a title="18" href="javascript: void(0);">18</a>
                    </td>
                
                
                	<td >
                          <a title="19" href="javascript: void(0);">19</a>
                    </td>
                
                
                	<td >
                          <a title="20" href="javascript: void(0);">20</a>
                    </td>
                
                
                    <td style="background-color:#2ba7dd" class="today" >
                        
                            <a title="21" href="javascript: void(0);">21</a>
                            
                    </td>
                    
                
                	<td >
                          <a title="22" href="javascript: void(0);">22</a>
                    </td>
                
                
                	<td >
                          <a title="23" href="javascript: void(0);">23</a>
                    </td>
                
                
                	<td class="vacation">
                          <a title="24" href="javascript: void(0);">24</a>
                    </td>
                
                
      </tr>
  
                      
      <tr  >
        
            
                	<td class="vacation">
                          <a title="25" href="javascript: void(0);">25</a>
                    </td>
                
                
                	<td >
                          <a title="26" href="javascript: void(0);">26</a>
                    </td>
                
                
                	<td >
                          <a title="27" href="javascript: void(0);">27</a>
                    </td>
                
                
                	<td >
                          <a title="28" href="javascript: void(0);">28</a>
                    </td>
                
                
                	<td >
                          <a title="29" href="javascript: void(0);">29</a>
                    </td>
                
                
                	<td >
                          <a title="30" href="javascript: void(0);">30</a>
                    </td>
                
                
                	<td class="vacation">
                          <a title="31" href="javascript: void(0);">31</a>
                    </td>
                
                
      </tr>
   
		</table>
	</div>
     
            </div>
            <div class="tips">
            		
					
                	<!--span class="todayColor"></span>&nbsp;今天
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
                	<span class="eventColor"></span>&nbsp;&nbsp;活動日                    
                    <span class="breakColor"></span>&nbsp;&nbsp;休館日 
                    <span class="todayColor"></span>&nbsp;&nbsp;今日                    
            	</div>
                <a href="http://kllib.klccab.gov.tw/klccab/intro.cfm?bsn=29" class="openTime">休館日一覽表</a>
            </div>
        	

<div id="event">
    <h1>
      
      活動成果 </h1>
    <div class="photoBg"> <a class="left" idx="0"></a> <a class="right" idx="1"></a>
      <div class="photo">
        
        <a href="exhibit_album_detail.cfm?&cr=1&news_sn=188">
          <img  src="uploadfile/photo/3_1438161027399_3.jpg" width="158" height="122" title="104年永平館閱讀起步走成果展" alt="104年永平館閱讀起步走成果展"/>
        </a>
          
        
        <a href="exhibit_album_detail.cfm?&cr=2&news_sn=187">
          <img  src="uploadfile/photo/DSCF9118.JPG" width="158" height="122" title="才藝活動-端午節吊飾" alt="才藝活動-端午節吊飾"/>
        </a>
          
        
        <a href="exhibit_album_detail.cfm?&cr=3&news_sn=105">
          <img  src="uploadfile/photo/DSC09994.jpg" width="158" height="122" title="恭喜基隆市5位借閱楷模～【讀饗幸福】台灣103年閱讀習慣調查結果記者會暨借閱楷模表揚典禮" alt="恭喜基隆市5位借閱楷模～【讀饗幸福】台灣103年閱讀習慣調查結果記者會暨借閱楷模表揚典禮"/>
        </a>
          
        
        <a href="exhibit_album_detail.cfm?&cr=4&news_sn=104">
          <img  src="uploadfile/photo/DSC00006.jpg" width="158" height="122" title="感謝贈書~~TAAZE讀冊生活│學思行數位行銷股份有限公司" alt="感謝贈書~~TAAZE讀冊生活│學思行數位行銷股份有限公司"/>
        </a>
          
        
        <a href="exhibit_album_detail.cfm?&cr=5&news_sn=25">
          <img  src="uploadfile/photo/1408266270.JPG" width="158" height="122" title="暖暖區圖書館-親職教育推廣講座~~聽聽繪本的聲音" alt="暖暖區圖書館-親職教育推廣講座~~聽聽繪本的聲音"/>
        </a>
          
        
        <a href="exhibit_album_detail.cfm?&cr=6&news_sn=11">
          <img  src="uploadfile/photo/1408267260_1418892779138_1.jpg" width="158" height="122" title="暖暖區圖書館-閱讀起步走~0-5歲嬰幼兒閱讀推廣-新生兒禮讚" alt="暖暖區圖書館-閱讀起步走~0-5歲嬰幼兒閱讀推廣-新生兒禮讚"/>
        </a>
          
        
      </div>
      <!-- class="photo" end --> 
    </div>
    <!-- class="photoBg" end --> 
  </div>
  <!-- id="event" end -->
        	

    <a  target="_blank" href="https://www.facebook.com/pages/%E5%9F%BA%E9%9A%86%E5%B8%82%E5%85%AC%E5%85%B1%E5%9C%96%E6%9B%B8%E9%A4%A8/1441187022762433"> <img alt="基隆市公共圖書館粉絲團" title="基隆市公共圖書館粉絲團"  src="uploadfile/rellinkfile/facebook.png" width=223 height=107/> </a>
  
    <a  target="_blank" href="http://kllib.klccab.gov.tw/klccab/intro.cfm?bsn=44"> <img alt="基隆智慧圖書站七堵站館藏列表" title="基隆智慧圖書站七堵站館藏列表"  src="uploadfile/rellinkfile/chidu.png" width=223 height=107/> </a>
  
    <a  target="_blank" href="intro.cfm?bsn=42"> <img alt="基隆新北聯合服務" title="基隆新北聯合服務"  src="uploadfile/rellinkfile/新北一證通用.jpg" width=223 height=107/> </a>
  
    <a  target="_blank" href="http://reading.udn.com/libnew/Index.do?U_ID=klccab"> <img alt="基隆市圖書館UDN電子書" title="基隆市圖書館UDN電子書"  src="uploadfile/rellinkfile/05.jpg" width=223 height=107/> </a>
  
    <a  target="_blank" href="http://klccab.ebook.hyread.com.tw/"> <img alt="基隆市圖書館HyRead電子書" title="基隆市圖書館HyRead電子書"  src="uploadfile/rellinkfile/hyread.png" width=223 height=107/> </a>
  
    <a  target="_blank" href="http://www.airitibooks.com/Home/Index"> <img alt="基隆市圖書館華藝電子書" title="基隆市圖書館華藝電子書"  src="uploadfile/rellinkfile/airiti.png" width=223 height=107/> </a>
  
    <a  target="_blank" href="http://lib.ebookservice.tw/kl/"> <img alt="http://lib.ebookservice.tw/kl/" title="http://lib.ebookservice.tw/kl/"  src="uploadfile/rellinkfile/tw.png" width=223 height=107/> </a>
  
    <a  target="_blank" href="http://kllib.klccab.gov.tw/klccab/sa/enroll_index.cfm"> <img alt="圖書館活動報名系統" title="圖書館活動報名系統"  src="uploadfile/rellinkfile/event.png" width=223 height=107/> </a>
  
  
<div id="count"> 
      今日使用人數 : 90 <br />
      累計使用人數 : 1524059 <br />
      登入IP : 3.227.233.6 <br />
</div><!-- id="count" end --> 
       </div>
<!--      主体部分           -->
        <div id="main-right">
        	<a accesskey="C" href="#accessible-content" title="主要內容區" id="accessible-content">:::</a>
        	<div id="banner">
                
                    <a href="http://kllib.klccab.gov.tw/klccab/intro.cfm?bsn=2" >
                    
                    <img alt="老鷹翱翔台灣頭．書海基隆任遨遊" title="老鷹翱翔台灣頭．書海基隆任遨遊" src="uploadfile/adwallfile/index_banner_01_v2.jpg" width=720 height=180/>
                    
               		</a>
               
                    <a href="" target="_blank">
                    
                    <img alt="嬰幼兒、青少年、樂齡閱讀" title="嬰幼兒、青少年、樂齡閱讀" src="uploadfile/adwallfile/index_banner_02.jpg" width=720 height=180/>
                    
               		</a>
               
                    <a href="" target="_blank">
                    
                    <img alt="數位閱讀在基隆" title="數位閱讀在基隆" src="uploadfile/adwallfile/index_banner_03.jpg" width=720 height=180/>
                    
               		</a>
               
               
               <div id="banner-select">
                	<a class="select"></a>
                    
                    	<a></a>
                   
                    	<a></a>
                   
                </div><!-- id="banner-select" end -->
            </div><!-- id="banner" end -->
            
            <div id="bulletin">
            	<div class="chgBar">
            		<ul>
                    
                    
            			<li><a idx="1" class="selected">消息公告</a></li>
                		<li><a idx="2">成果展示</a></li>
                    	<li><a idx="3">活動資訊</a></li>
            		</ul>
            	</div><!-- class="chgBar" end -->
                
            	
<div class="c1_content chgBlock">
  <table id="newsList" class="list" cellpadding="0" cellspacing="0">
  		<thead>
             <tr>
                 <td width="135">
                 	發佈日期
                 </td>
                 <td width="445">
                	標題
                 </td>
                 <td>
                 	發佈單位
                 </td>
             </tr>
        </thead>
    <tbody>
      
       
      <tr>
        <td class="date">2019 / 08 / 01</td>
        <td class="title"><a title="認識中元祭與民俗，中元祭主題書展今日開展！" href="newsList_detail.cfm?&cr=1">
			
				認識中元祭與民俗，中元祭主題書展今日開展！
            
		</a></td>
        <td class="unit" width="160">基隆市文化局圖書館</td>
      </tr>
       
      <tr>
        <td class="date">2019 / 08 / 01</td>
        <td class="title"><a title="2019年~港都閱語多元閱讀經典講座" href="newsList_detail.cfm?&cr=2">
			
				2019年~港都閱語多元閱讀經典講座
            
		</a></td>
        <td class="unit" width="160">基隆市文化局圖書館</td>
      </tr>
       
      <tr>
        <td class="date">2019 / 07 / 30</td>
        <td class="title"><a title="【2019 區圖多元閱讀推廣講座活動日程表】" href="newsList_detail.cfm?&cr=3">
			
				【2019 區圖多元閱讀推廣講座活動日程表】
            
		</a></td>
        <td class="unit" width="160">基隆市文化局圖書館</td>
      </tr>
       
      <tr>
        <td class="date">2019 / 08 / 18</td>
        <td class="title"><a title="芳香保健-精油紓壓 DIY-情緒與紓壓管理" href="newsList_detail.cfm?&cr=4">
			
				芳香保健-精油紓壓 DIY-情緒與紓壓管理
            
		</a></td>
        <td class="unit" width="160">基隆市文化局圖書館</td>
      </tr>
       
      <tr>
        <td class="date">2019 / 08 / 12</td>
        <td class="title"><a title="108年安樂區圖書館多元閱讀推廣活動均已額滿" href="newsList_detail.cfm?&cr=5">
			
				108年安樂區圖書館多元閱讀推廣活動均已額滿
            
		</a></td>
        <td class="unit" width="160">安樂區圖書館</td>
      </tr>
       
      <tr>
        <td class="date">2019 / 08 / 07</td>
        <td class="title"><a title="安樂區行政大樓108年8月25日停用緊急供電系統一天" href="newsList_detail.cfm?&cr=6">
			
				安樂區行政大樓108年8月25日停用緊急供電系統…
            
		</a></td>
        <td class="unit" width="160">安樂區圖書館</td>
      </tr>
       
    </tbody>
  </table>
  
  <a href="NewsList.cfm" class="more" >更多</a>
</div>

<!--  class="c1_content" end -->
                

<div class="c2_content chgBlock">
  <table id="actList" class="list" cellpadding="0" cellspacing="0">
  	<thead>
    		
			
             <tr>
                 <td width="135">
                 	活動日期
                 </td>
                 <td width="445">
                 	標題
                 </td>
                 <td>
                 	發佈單位
                 </td>
             </tr>
        </thead>
    <tbody>
      
      
      <tr>
        <td class="date">2015 / 07 / 26</td>
        <td class="title"><a href="exhibit_album.cfm?&cr=1&news_sn=188">
			
				104年永平館閱讀起步走成果展
            
		</a></td>
        <td class="unit" width="160">七堵區永平圖書館</td>
      </tr>
       
      <tr>
        <td class="date">2015 / 06 / 20</td>
        <td class="title"><a href="exhibit_album.cfm?&cr=2&news_sn=187">
			
				才藝活動-端午節吊飾
            
		</a></td>
        <td class="unit" width="160">基隆市文化局圖書館</td>
      </tr>
       
      <tr>
        <td class="date">2015 / 02 / 12</td>
        <td class="title"><a href="exhibit_album.cfm?&cr=3&news_sn=105">
			
				恭喜基隆市5位借閱楷模～【讀饗幸福】台灣103年…
            
		</a></td>
        <td class="unit" width="160">基隆市文化局圖書館</td>
      </tr>
       
      <tr>
        <td class="date">2015 / 02 / 06</td>
        <td class="title"><a href="exhibit_album.cfm?&cr=4&news_sn=104">
			
				感謝贈書~~TAAZE讀冊生活│學思行數位行銷股…
            
		</a></td>
        <td class="unit" width="160">基隆市文化局圖書館</td>
      </tr>
       
      <tr>
        <td class="date">2014 / 08 / 26</td>
        <td class="title"><a href="exhibit_album.cfm?&cr=5&news_sn=25">
			
				暖暖區圖書館-親職教育推廣講座~~聽聽繪本的聲音
            
		</a></td>
        <td class="unit" width="160">暖暖區圖書館</td>
      </tr>
       
      <tr>
        <td class="date">2014 / 08 / 26</td>
        <td class="title"><a href="exhibit_album.cfm?&cr=6&news_sn=11">
			
				暖暖區圖書館-閱讀起步走~0-5歲嬰幼兒閱讀推廣…
            
		</a></td>
        <td class="unit" width="160">暖暖區圖書館</td>
      </tr>
       

    </tbody>
  </table>
   <a class="more" href="exhibit.cfm">
	   
       更多
  </a>
</div>
<!-- class="c2_content" end -->
                

<div class="c3_content chgBlock">
  <table id="actList" class="list" cellpadding="0" cellspacing="0">
  	<thead>
             <tr>
                 <td width="135">
                 
					活動日期
                 </td>
                 <td width="445">
                 
				 標題
                 </td>
                 <td>
                 
				 發佈單位
                 </td>
             </tr>
        </thead>
    <tbody>
      
      
      <tr>
        <td class="date">2019 / 07 / 31</td>
        <td class="title"><a title="108年閱讀起步走各區圖書館辦理日程表" href="activityList_detail.cfm?&cr=1">
			
				108年閱讀起步走各區圖書館辦理日程表
            
		</a></td>
        <td class="unit" width="160">基隆市文化局圖書館</td>
      </tr>
      
      <tr>
        <td class="date">2019 / 07 / 10</td>
        <td class="title"><a title="GoGo講客話" href="activityList_detail.cfm?&cr=2">
			
				GoGo講客話
            
		</a></td>
        <td class="unit" width="160">基隆市文化局圖書館</td>
      </tr>
      
      <tr>
        <td class="date">2019 / 07 / 10</td>
        <td class="title"><a title="閩南語經典詩文進階研習班" href="activityList_detail.cfm?&cr=3">
			
				閩南語經典詩文進階研習班
            
		</a></td>
        <td class="unit" width="160">基隆市文化局圖書館</td>
      </tr>
      
      <tr>
        <td class="date">2019 / 07 / 02</td>
        <td class="title"><a title="108年本土語言閱讀推廣研習班" href="activityList_detail.cfm?&cr=4">
			
				108年本土語言閱讀推廣研習班
            
		</a></td>
        <td class="unit" width="160">基隆市文化局圖書館</td>
      </tr>
      
      <tr>
        <td class="date"></td>
        <td class="title"><a title="【閉館公告】基隆市公共圖書館7月8日(五)全日因颱風閉館" href="activityList_detail.cfm?&cr=5">
			
				【閉館公告】基隆市公共圖書館7月8日(五)全日因…
            
		</a></td>
        <td class="unit" width="160">基隆市文化局圖書館</td>
      </tr>
      

    </tbody>
  </table>
   <a class="more" href="activityList.cfm">
   
   更多
  </a> 
</div>

<!-- class="chgBar" end -->
        	</div><!-- id="bulletin" end -->
           
        	<div id="eventInfo">
            	<div class="chgBar">
            		<ul>
                    
                    
            			<li><a idx="1" class="selected">新書通報</a></li>
                        
                		<li><a idx="2">熱門推薦</a></li>
            		</ul>
            	</div><!-- class="chgBar" end -->
            
            	<div idx="1" class="c1_content chgBlock">
                
                	<div class="leftBlock"><a class="left"  type="left"></a></div>
                	<div class="books">
                		<div class="slideBlock">
                    		
                            
                             	<div class="slideBooks">
                        	
                            	
            		</div><!-- class="slideBooks" End -->
                    
                    
                    	</div><!-- class="slideBlock" end -->
                	</div><!-- class="books" end -->
                	<div class="rightBlock"><a class="right" type="right"></a></div>
                </div><!-- class="c1_content" end -->
                
                
<div idx="2" class="c2_content chgBlock">
                
                	<div class="leftBlock"><a class="left"  type="left"></a></div>
                	<div class="books">
                		<div class="slideBlock">
                    
                    	
                          <div class="slideBooks">
                                
                             
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=151972&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="天觀雙俠" title="天觀雙俠" src="http://static.findbook.tw/image/book/9789867131881/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=151972&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							天觀雙俠</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=167916&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="烏龍派出所" title="烏龍派出所" src="http://static.findbook.tw/image/book/9573434377/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=167916&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							烏龍派出所</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=226549&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="火影忍者" title="火影忍者" src="http://static.findbook.tw/image/book/9561162402/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=226549&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							火影忍者</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=175234&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="盜墓筆記第二季" title="盜墓筆記第二季" src="http://static.findbook.tw/image/book/9789862192047/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=175234&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							盜墓筆記第二季</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=163290&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="魔法學徒" title="魔法學徒" src="http://static.findbook.tw/image/book/9861520120/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=163290&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							魔法學徒</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=222885&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="亞森.羅蘋全集" title="亞森.羅蘋全集" src="http://static.findbook.tw/image/book/9575701119/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=222885&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							亞森.羅蘋全集</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=148978&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="禁咒師" title="禁咒師" src="http://static.findbook.tw/image/book/9789867085399/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=148978&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							禁咒師</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=148623&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="ONE PIECE = 航海王" title="ONE PIECE = 航海王" src="http://static.findbook.tw/image/book/9572535838/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=148623&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							ONE PIECE = 航海王</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=156936&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="中國龍組 = Chinese dragon group" title="中國龍組 = Chinese dragon group" src="http://static.findbook.tw/image/book/9789866536014/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=156936&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							中國龍組 = Chinese dragon group</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=117197&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="名偵探柯南" title="名偵探柯南" src="http://static.findbook.tw/image/book/4718016010864/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=117197&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							名偵探柯南</a></p>
                    		
                            </div>
                            
                            
            		</div><!-- class="slideBooks" End -->
                    
                    
                          <div class="slideBooks">
                                
                             
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=134854&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="獵命師傳奇 = Fatehunter" title="獵命師傳奇 = Fatehunter" src="http://static.findbook.tw/image/book/9789866157127/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=134854&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							獵命師傳奇 = Fatehunter</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=146348&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="少年陰陽師.1-27" title="少年陰陽師.1-27" src="http://static.findbook.tw/image/book/9789573322474/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=146348&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							少年陰陽師.1-27</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=164766&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="誅仙" title="誅仙" src="http://static.findbook.tw/image/book/9789861882192/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=164766&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							誅仙</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=166228&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="波西傑克森" title="波西傑克森" src="http://static.findbook.tw/image/book/9789573264354/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=166228&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							波西傑克森</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=157106&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="天機勿語" title="天機勿語" src="http://static.findbook.tw/image/book/9789861851549/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=157106&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							天機勿語</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=184150&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="深夜食堂. 1-20" title="深夜食堂. 1-20" src="http://static.findbook.tw/image/book/9789865824082/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=184150&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							深夜食堂. 1-20</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=184179&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="妃關天下" title="妃關天下" src="http://static.findbook.tw/image/book/9789862861561/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=184179&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							妃關天下</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=164720&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="哆啦A夢" title="哆啦A夢" src="http://static.findbook.tw/image/book/9861560351/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=164720&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							哆啦A夢</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=185781&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="步步生蓮" title="步步生蓮" src="http://static.findbook.tw/image/book/9789861854779/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=185781&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							步步生蓮</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=163932&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="大唐雙龍傳[修訂版]" title="大唐雙龍傳[修訂版]" src="http://static.findbook.tw/image/book/9789571337371/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=163932&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							大唐雙龍傳[修訂版]</a></p>
                    		
                            </div>
                            
                            
            		</div><!-- class="slideBooks" End -->
                    
                    
                          <div class="slideBooks">
                                
                             
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=158181&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="藏地密碼 = The secret code of Tibet" title="藏地密碼 = The secret code of Tibet" src="http://static.findbook.tw/image/book/9789862190173/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=158181&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							藏地密碼 = The secret code of Tibet</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=156396&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="回到明朝當王爺" title="回到明朝當王爺" src="http://static.findbook.tw/image/book/9789861851747/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=156396&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							回到明朝當王爺</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=157116&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="盜墓筆記 = The secret of grave robber" title="盜墓筆記 = The secret of grave robber" src="http://static.findbook.tw/image/book/9789862190241/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=157116&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							盜墓筆記 = The secret of grave robber</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=154026&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="鬼吹燈. II" title="鬼吹燈. II" src="http://static.findbook.tw/image/book/9789861851167/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=154026&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							鬼吹燈. II</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=83178&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="大唐雙龍傳" title="大唐雙龍傳" src="http://static.findbook.tw/image/book/9572700111/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=83178&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							大唐雙龍傳</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=164613&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="科學實驗王1-24" title="科學實驗王1-24" src="http://static.findbook.tw/image/book/9789862290446/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=164613&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							科學實驗王1-24</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=149776&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="老夫子" title="老夫子" src="http://static.findbook.tw/image/book/9570382074/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=149776&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							老夫子</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=188185&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="淘寶筆記" title="淘寶筆記" src="http://static.findbook.tw/image/book/9789861468389/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=188185&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							淘寶筆記</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=163909&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="邊荒傳說" title="邊荒傳說" src="http://static.findbook.tw/image/book/9789571345994/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=163909&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							邊荒傳說</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=219122&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="活寶 : 烏龍院精彩大長篇" title="活寶 : 烏龍院精彩大長篇" src="http://static.findbook.tw/image/book/9571344745/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=219122&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							活寶 : 烏龍院精彩大長篇</a></p>
                    		
                            </div>
                            
                            
            		</div><!-- class="slideBooks" End -->
                    
                    
                          <div class="slideBooks">
                                
                             
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=168340&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="慶餘年.貳部曲" title="慶餘年.貳部曲" src="http://static.findbook.tw/image/book/9789866442223/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=168340&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							慶餘年.貳部曲</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=166649&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="沉月之鑰" title="沉月之鑰" src="http://static.findbook.tw/image/book/9789866219115/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=166649&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							沉月之鑰</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=176551&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="噩盡島 = Island end of nightmare" title="噩盡島 = Island end of nightmare" src="http://static.findbook.tw/image/book/9789866473395/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=176551&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							噩盡島 = Island end of nightmare</a></p>
                    		
                            </div>
                            
                            
                            <div class="bookDetail ">
                			<a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=148189&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
                            <img alt="鬼吹燈" title="鬼吹燈" src="http://static.findbook.tw/image/book/9789861850542/large " width=93 height=138></a>
                            
                    		<p class="title"><a href="http://kllib.klccab.gov.tw/klccab/webpac/content.cfm?mid=148189&m=ss&t0=k&c0=and&list_num=10&current_page=1&mt=&at=&sj=&py=&it=&lr=&si=1">
							鬼吹燈</a></p>
                    		
                            </div>
                            
                            
            		</div><!-- class="slideBooks" End -->
                    
                    
                    	</div><!-- class="slideBlock" end -->
                	</div><!-- class="books" end -->
                	<div class="rightBlock"><a class="right" type="right"></a></div>
                </div><!-- class="c2_content" end -->
                
            </div><!-- id="eventInfo" end -->
              
        </div><!-- id="main-right" end -->
        
        <div class="clear"></div>
        
    </div><!-- id="main" end -->
</div><!-- id="wrap" end -->
<!--    底部  -->


<div id="footer">
	<div id="footerContent">
    	<img class="logo" alt="基隆市公共圖書館" title="基隆市公共圖書館" src="uploadfile/footer/logo_footer_1418961698529_1.png"   width="126px" height="150px"/>
        <div class="detail">
        
		
        	<img alt="基隆市公共圖書館" title="基隆市公共圖書館"  src="img/keelung_text.png"/> <br />
					20241 基隆市中正區信一路181號 <br />
					服務電話 ： (02)2422-4170#276，298
					傳真 ： (02)2427-1099 <br />
					服務信箱：  
					資安宣告 
        </div><!-- class="detail" End -->
        <div class="icon">
        	<img alt="無障礙" title="無障礙" src="img/a_plus.jpg"  width="88px" height="30px"/>
        	<img alt="二維碼" title="二維碼" src="uploadfile/footer/portal.png" width="111px" height="112px"/>
            <img alt="二維碼" title="二維碼" src="uploadfile/footer/webpac.png"  width="111px" height="112px"/>
        </div><!-- class="icon" end -->
        
        <div class="clear"></div>
        
        <span class="copyright">版權所有@2014基隆市文化局. Allright reserved.</span>
	</div><!-- id="footerContent" end -->
</div><!-- id="footer" end -->
</body>
</html>