

<!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("/exhibit_album.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>


<link href="templates/css/exhibit.css" rel="stylesheet" type="text/css" />


<script type="text/javascript" src="js/initial.js"></script>
<script type="text/javascript">
$( document ).ready(function() {
	initial();
});
</script>


<body>
<div id="box">
	

<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 name="token" value="NDUzMzcuMzU2MDE5Mw==" type="hidden" >
    <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('folk_library.cfm','4','89','1')" onkeypress="do_strurl('folk_library.cfm','4','89','1')"><a  target="_blank" href="folk_library.cfm">民間圖書館</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="線上閱讀講座" onclick="do_strurl('https://kllib.klccab.gov.tw/klccab/newsList_detail.cfm?&cr=1','61','91','1')" onkeypress="do_strurl('https://kllib.klccab.gov.tw/klccab/newsList_detail.cfm?&cr=1','61','91','1')"><a  target="_blank" href="https://kllib.klccab.gov.tw/klccab/newsList_detail.cfm?&cr=1">線上閱讀講座</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'			: 400,
			'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  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="main-left" end -->
        	<div id="main-right">
            	<div id="path">
                
 				
                <a href="index.cfm">首頁</a> > 
					<a href="exhibit.cfm">成果展示</a> >
                    相簿展示
                </div>
                 <div id="exhibit-album">
                	<h1 class="main-title">相簿展示</h1>
                    <div class="album-block">
                       
                      
                       		<div class="album">
                       
                        	<a href="exhibit_album_detail.cfm?&cr=1&news_sn=820">
                        		<div class="photo"><img  src="uploadfile/photo/20200903_112121.jpg" width="196" height="146" title="109年杜萬全館多元閱讀活動(三)五色蔬果要如何吃得健康" alt="109年杜萬全館多元閱讀活動(三)五色蔬果要如何吃得健康" /> </div>
                            	<div class="title">109年杜萬全館多元閱讀活動(三)五色蔬果要如何吃得健康</div>
                            </a>
                        </div><!-- class="album" end -->
                        
                        
                       		<div class="album">
                       
                        	<a href="exhibit_album_detail.cfm?&cr=2&news_sn=818">
                        		<div class="photo"><img  src="uploadfile/photo/20200815_093005.jpg" width="196" height="146" title="109年杜萬全館多元閱讀活動(二)精選繪本.音樂互動與蛋糕裝飾" alt="109年杜萬全館多元閱讀活動(二)精選繪本.音樂互動與蛋糕裝飾" /> </div>
                            	<div class="title">109年杜萬全館多元閱讀活動(二)精選繪本.音樂互動與蛋糕裝飾</div>
                            </a>
                        </div><!-- class="album" end -->
                        
                        
                       		<div class="album last">
                       
                        	<a href="exhibit_album_detail.cfm?&cr=3&news_sn=812">
                        		<div class="photo"><img  src="uploadfile/photo/1596084785069.jpg" width="196" height="146" title="109年杜萬全館多元閱讀活動(一)3D立體彩繪DIY" alt="109年杜萬全館多元閱讀活動(一)3D立體彩繪DIY" /> </div>
                            	<div class="title">109年杜萬全館多元閱讀活動(一)3D立體彩繪DIY</div>
                            </a>
                        </div><!-- class="album" end -->
                        
                        	<div class="clear"></div>
                        
                        
                       		<div class="album">
                       
                        	<a href="exhibit_album_detail.cfm?&cr=4&news_sn=188">
                        		<div class="photo"><img  src="uploadfile/photo/3_1438161027399_3.jpg" width="196" height="146" title="104年永平館閱讀起步走成果展" alt="104年永平館閱讀起步走成果展" /> </div>
                            	<div class="title">104年永平館閱讀起步走成果展</div>
                            </a>
                        </div><!-- class="album" end -->
                        
                        
                       		<div class="album">
                       
                        	<a href="exhibit_album_detail.cfm?&cr=5&news_sn=187">
                        		<div class="photo"><img  src="uploadfile/photo/DSCF9118.JPG" width="196" height="146" title="才藝活動-端午節吊飾" alt="才藝活動-端午節吊飾" /> </div>
                            	<div class="title">才藝活動-端午節吊飾</div>
                            </a>
                        </div><!-- class="album" end -->
                        
                        
                       		<div class="album last">
                       
                        	<a href="exhibit_album_detail.cfm?&cr=6&news_sn=105">
                        		<div class="photo"><img  src="uploadfile/photo/DSC09994.jpg" width="196" height="146" title="恭喜基隆市5位借閱楷模～【讀饗幸福】台灣103年閱讀習慣調查結果記者會暨借閱楷模表揚典禮" alt="恭喜基隆市5位借閱楷模～【讀饗幸福】台灣103年閱讀習慣調查結果記者會暨借閱楷模表揚典禮" /> </div>
                            	<div class="title">恭喜基隆市5位借閱楷模～【讀饗幸福】台灣103年閱讀習慣調查結果記者會暨借閱楷模表揚典禮</div>
                            </a>
                        </div><!-- class="album" end -->
                        
                        	<div class="clear"></div>
                        
                        
                     <div id="down-info">
                     
					 
                    	點閱次數 : <span>339</span>
                        <span class="right-side">發佈單位 :總館</span>
                    </div><!-- id="down-info" end -->
                    
                     <div id="down-link">
                     
                     <div class="page_chg">
                    	
                        	<a class="prev" href="javascript:void()" title="1"></a>
                        
                        
          					<a class="page" onClick="change_current_page('1');" onKeyPress="change_current_page('1');" title="1">1</a>
          				
          					<a class="page" onClick="change_current_page('2');" onKeyPress="change_current_page('2');" title="2">2</a>
          				
            
                       		<a class="next" href="javascript:void(0);" onClick="change_current_page('2');" onKeyPress="change_current_page('2');" title="2"></a>
                       
                    </div><!-- class="chg_page" end -->  
                      <div class="clear"></div>
                    </div><!-- id="down-link" end --> 
                 	</div>
                   </div>    
                 </div>
                <div class="clear"></div>
           </div><!-- id="main" end -->
	</div><!-- id="wrap" end -->
</div><!-- id="box" 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><script language="javascript" type="text/javascript">
var global_list_num = "6";
var global_current_page = "1";
var news_sn="105"
var cr="6";
function change_current_page(current_page){	
	//var strkeyword = encodeURI(global_keyword, "UTF-8");
	window.location = "exhibit_album.cfm?list_num=" + global_list_num + "&current_page=" + current_page;
}

function chgPageCount(list_num){
window.location = "exhibit_album.cfm?list_num=" + list_num + "&current_page=" + global_current_page+ current_page;
}

</script>