@charset "utf-8";
/* CSS Document */
#Wrap { padding-top:48px; }
#Wrap::after { 
	content:''; display:block; height:48px; width:100%; position:absolute; top:0; left:0; 
	background: -ms-linear-gradient(top, #5c5c5c 0% ,#333333 100%);
	background: linear-gradient(to bottom, #5c5c5c 0% ,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5c5c', endColorstr='#333333',GradientType=0 );
	}

/*----------------------------------------------------------------------*/
/* Menu */
#Menu { display:none; }


/*----------------------------------------------------------------------*/
/* Center */


/*----------------------------------------------------------------------*/
/* Footer */
#Footer > div { padding-left:20px; padding-right:60px; }
#Footer .col_right { margin-top:10px; }


/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual {
	/*padding-top:2.5vw;*/
	/*background-image:url(../images/header-bg.png); background-repeat:no-repeat; background-size:cover;*/
	background: #f8f8f8;
}
#KeyVisual .bx-wrapper .bx-controls-direction a { width:32px; height:32px; margin-top:-16px; }
#KeyVisual .bx-wrapper .bx-controls-direction a::after { width:10px; height:10px; margin-top:-5px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:12px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:12px; }
#KeyVisual .bx-wrapper .bx-pager { display:none; }


/*----------------------------------------------------------------------*/
/* 首頁區塊 */
@media screen and (orientation: portrait) {
.IndexBlock { padding-top:50px; padding-bottom:50px; }
}
@media screen and (orientation: landscape) {
.IndexBlock { margin-top:40px; margin-bottom:40px; }
}
.IndexBlock > div { padding-left:10px; padding-right:10px; }

.IndexBlock .block_title h2 { font-size:2rem; }
.IndexBlock .block_title h2 .icon { width:54px; height:40px; }
.IndexBlock .block_title h2 .icon::after { width:30px; height:30px; margin:-15px 0 0 -15px; }


.IndexBlock .btn_more a { font-size:1.125rem;  }
.IndexBlock .btn_more a span { padding:0 20px; line-height:56px; }


/*----------------------------------------------------------------------*/
/* 首頁新書推薦 */
/* 頁籤 */
.index_books_group .tab_title { margin:5px 0; border:1px solid #999999; background-color:#eeeeee; }
	.index_books_group .tab_title.active { border-color:#00467a; background-color:#00467a; }
.index_books_group .tab_title a { padding:8px 10px; line-height:150%; font-size:1.375rem; font-weight:bold; color:#999; }
	.index_books_group .tab_title.active a { color:#fff; }
.index_books_group .tab_title a::after {
	content:''; display:block; position:absolute; right:10px; top:50%; margin-top:-10px; width:12px; height:12px; 
	border-width:2px 0 0 2px; border-style:solid; border-color:#999;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
	}
.index_books_group .tab_title.active a::after {
	border-color:#fff; margin-top:-2px; 
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.index_books_group .tab_cont { background-color:#fff; padding:10px 0 30px; }

/* list */
.index_books_list .item > div { padding:10px 0; }
@media screen and (max-width: 539px) {
.index_books_list .item { width:50%; }
.index_books_list .item:nth-child(2n+2) { border:0; }
.index_books_list .title a { font-size:1rem; }
}
	@media screen and (max-width: 439px) {
	.index_books_list { margin:0 -15px; }
	.index_books_list .item { padding:0 15px; }
	}
	@media screen and (min-width: 440px) and (max-width: 539px)  {
	.index_books_list { margin:0 -30px; }
	.index_books_list .item { padding:0 30px; }
	}
@media screen and (min-width: 540px) {
.index_books_list { margin:0 -15px; }
.index_books_list .item { width:33.3333%; padding:0 15px; }
.index_books_list .item:nth-child(3n+3) { border:0; }
.index_books_list .title a { font-size:1.125rem; }
}


/*----------------------------------------------------------------------*/
/* 首頁輪播活動 */
.index_event_slider .slider-for .img { max-width:640px; margin:0 auto 20px; }
@media screen and (max-width: 479px) {
.index_event_slider .title { font-size:1.5rem; }
}
@media screen and (min-width: 480px)  {
.index_event_slider .title { font-size:1.625rem; }
}


/*----------------------------------------------------------------------*/
/* 首頁最新消息 */
/* 頁籤 */
.index_news_group { border:2px solid #1aa24e; }
.index_news_group .tab_title { 
	border-top:2px solid #c8c8c8; border-bottom:2px solid #c8c8c8; background-color:#fafafa; 
	margin-top:-2px; 
	}
	.index_news_group .tab_title:first-child { border-top-color:#1aa24e; }
.index_news_group .tab_title a { padding:8px 10px; line-height:150%; font-size:1.5rem; font-weight:bold; }
.index_news_group .tab_title.active { border-color:#1aa24e; background-color:#1aa24e; }
.index_news_group .tab_title.active a { color:#fff; }
.index_news_group .tab_title a::after {
	content:''; display:block; position:absolute; right:10px; top:50%; margin-top:-10px; width:12px; height:12px; 
	border-width:2px 0 0 2px; border-style:solid; border-color:#a1a1a1;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
	}
.index_news_group .tab_title.active a::after {
	border-color:#fff; margin-top:-2px; 
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.index_news_group .tab_cont { background-color:#fff; padding:15px 15px 30px 15px; }

/* list */
.index_news_list li { padding:12px 10px; }
.index_news_list li > span { padding:5px 0; line-height:150%; }
.index_news_list .date { font-size:0.9375rem; text-align:left; }
.index_news_list .title a { font-weight:bold; font-size:1rem; }


/*----------------------------------------------------------------------*/
/* 首頁活動快報 */
@media screen and (max-width: 539px) {
.index_events_list .item { float:none; width:100%; max-width:300px; margin-left:auto; margin-right:auto; }
.index_events_list .desc { max-height:8em; -webkit-line-clamp:4; }
}
@media screen and (min-width: 540px)  {
.index_events_list > div { margin-left:-10px; margin-right:-10px; }
.index_events_list .item { width:50%; padding-left:10px; padding-right:10px; }
.index_events_list .cont { padding-left:15px; padding-right:15px; }
.index_events_list .date { font-size:0.8125rem; }
.index_events_list .title a { font-size:1.125rem; }
.index_events_list .desc { max-height:10em; -webkit-line-clamp:5; }
}


/*----------------------------------------------------------------------*/
/* 表單 */
.FormGroup, .FromSubGroup { padding-left:10px; padding-right:10px; }
.FormGroup .FormTable, FromSubGroup .FormTable { margin-left:-10px; margin-right:-10px; width:auto; }

table.FormTable { border-top:1px solid #e7e7e7; }
table.FormTable , table.FormTable > tbody, table.FormTable > tbody > tr, table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { display:block; }
table.FormTable > tbody > tr { padding:10px 10px 4px 10px; border-bottom:1px solid #d4d0cd; }
table.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { border-bottom:0; }
table.FormTable > tbody > tr > th { text-align:left; }

.FormElmt input[type="file"] { width:100%; }


/*----------------------------------------------------------------------*/
/* 內頁 */
#ColumnLeft { display:none; }
#ColumnCenter { padding-left:10px; padding-right:10px; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */

/* 工具列 */
.ToolBar .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:40px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size dd a, .ToolBar dl.share dd a { width:40px; height:40px; }
.ToolBar .colm_left .return, .ToolBar .colm_left .print, .ToolBar dl.font_size dt, .ToolBar dl.share dt { display:none; }
.ToolBar .colm_left a { padding-left:44px; }

/* 標題 */
h3.articleTitle { font-size:1.75rem; }

/* 列表搜尋 */
.ListSearch { padding-top:10px; margin-top:40px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; }
.ListSearch .title { 
	position:absolute; top:-30px; left:0; background-color:#d3d3d3; padding:0 20px; 
	font-size:1rem; line-height:30px; 
	}

/* 頁碼 */
#Pagination a { display:none; }
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { display:inline-block; }
#Pagination .setting { padding-top:10px; line-height:24px; }
#Pagination .dev-script-oper { display:none; }

/* 內頁顯示欄位 */
.content_info li { padding:5px 0; }
.content_info li span { display:block; }

/* 編輯器 */
.editable_content h4 { font-size:1.625rem; }
.editable_content h5 { font-size:1.5rem; }
.editable_content h6 { font-size:1.375rem; }
.editable_content blockquote { padding:35px 25px; margin-left:0; margin-right:0; }
	.editable_content blockquote::before, .editable_content blockquote::after { font-size:60px; }
	.editable_content blockquote::before { top:5px; }
	.editable_content blockquote::after { bottom:-25px; }
.editable_content .img_bg span { font-size:0.875rem; }
.editable_content .district .imgleft, .editable_content .district .imgright { 
	float:none; clear:both; max-width:100%; text-align:center; margin-left:auto; margin-right:auto; 
	}
.editable_content ul.ext_list { margin-left:0; padding-left:20px; border-left:0 !important; }

/* colorbox */
#colorbox_thum { margin-left:0; padding-left:0; }
#colorbox_thum a { width:120px; height:90px; margin:5px; }
.editable_content h4.ext_title.icon_photo + #colorbox_thum { border-left:0; }


/*----------------------------------------------------------------------*/
/* 小首頁*/
.SubIndexBlock .block_title > div { padding-right:66px; font-size:1.875rem; line-height:48px; letter-spacing:2px; }
.SubIndexBlock .block_title > div .icon { width:48px; height:48px; }
.SubIndexBlock .block_title > div .icon::before { right:42px; }
.SubIndexBlock .block_title > div .icon::after { width:24px; height:24px; margin:-12px 0 0 -12px; }

.SubIndexBlock .btn_more a { letter-spacing:2px; font-size:1.25rem; }
.SubIndexBlock .btn_more a span { padding:0 20px; }


/*----------------------------------------------------------------------*/
/* 小首頁熱門服務*/
.subindex_common_list { text-align:center; }
.subindex_common_list li { display:inline-block; padding:0 10px; }
.subindex_common_list a { width:110px; height:127px; }


/*----------------------------------------------------------------------*/
/* 小首頁館藏查詢*/
.subindex_search_box .form_wrap { padding:20px 20px }
.subindex_search_box .form_elmt input[type="text"], .subindex_search_box .form_elmt select {padding-left:8px; padding-right:8px; font-size:1rem; }
.subindex_search_box .form_elmt input[type="text"] { line-height:40px; height:40px; }
.subindex_search_box .form_elmt select { height:40px; }
.subindex_search_box .btn::before { right:10px; width:26px; height:26px; margin-top:-13px; }
.subindex_search_box .btn input { height:40px; padding:0 40px 0 15px;font-size:1rem; }
.subindex_search_box .keywords a { font-size:0.9375rem; }
@media screen and (max-width: 419px) {
.subindex_search_box .form_elmt { display:block; margin-right:0; }
.subindex_search_box .form_elmt input[type="text"], 
.subindex_search_box .form_elmt select, 
.subindex_search_box .form_elmt.btn input { width:100%; }
.subindex_search_box .form_elmt.btn input { text-align:left; }
}


/*----------------------------------------------------------------------*/
/* 小首頁最新消息 */
/* 頁籤 */
.subindex_news_group .tab_title { border:1px solid #999; background-color:#eeeeee; margin:5px 0; }
.subindex_news_group .tab_title a { padding:8px 10px; line-height:150%; font-size:1.375rem; }
.subindex_news_group .tab_title.active { background-color:#008984; }
.subindex_news_group .tab_title.active a { font-weight:bold; color:#fff; }
.subindex_news_group .tab_title a::after {
	content:''; display:block; position:absolute; right:10px; top:50%; margin-top:-10px; width:12px; height:12px; 
	border-width:2px 0 0 2px; border-style:solid; border-color:#a1a1a1;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
	}
.subindex_news_group .tab_title.active a::after {
	border-color:#fff; margin-top:-2px; 
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.subindex_news_group .tab_cont { background-color:#fff; padding:20px 10px 30px; }

/* list */
.subindex_news_list { padding:20px 15px; }
.subindex_news_list .no, .subindex_news_list .date, .subindex_news_list .cat { display:inline-block; line-height:32px; }
.subindex_news_list .no { margin-right:10px; font-size:1.5rem; color:#bbbbbb; }
.subindex_news_list .date { margin-right:10px; font-size:1rem; }
.subindex_news_list .title a { font-size:1.125rem; font-weight:bold; line-height:150%; }
@media screen and (max-width: 479px) {
.subindex_news_list li { padding:16px 10px 16px 10px; }
}
@media screen and (min-width: 480px) {
.subindex_news_list li { padding:16px 10px 16px 50px; }
.subindex_news_list .no { position:absolute; left:10px; top:16px; width:30px; }
}


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable table, .ListTable table tbody, .ListTable table tr, .ListTable table th, .ListTable table td { display:block; }
.ListTable { margin-top:30px; margin-bottom:30px; border:1px solid #d6d6d6; }
.ListTable table tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable table tr { padding:10px 15px; border-bottom:1px solid #d6d6d6; }
.ListTable table tr:last-child { border-bottom:0; }
.ListTable table tr:nth-child(odd) { background-color:#eeeeee; }

.ListTable table td { margin:5px 0; text-align:left; }
.ListTable td.no { display:none; }
.ListTable td:before { font-weight:bold; content: attr(data-th)"："; }
.ListTable td.no:before, .ListTable td:first-child.date:before, .ListTable td.title:before { 
	content:""; 
	}
.ListTable td.date { display:inline-block; font-size:1rem; position:relative; }
.ListTable td.date br { display:none; }
.ListTable td.title { font-size:1.25rem; line-height:150%; position:relative; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
/* 639px~480px時 一律以圖上文下雙欄顯示,479以下時，一律以圖上文下單欄顯示 */
.ListPicText > div { margin-left:-10px; margin-right:-10px; }
.ListPicText .item { padding-left:10px; padding-right:10px; margin-bottom:30px; }
.ListPicText .cont { margin-top:20px; padding-bottom:20px; }
.ListPicText .title a { font-size:1.25rem; }
.ListPicText .desc { font-size:1rem; }

@media screen and (max-width: 540px) {
.ListPicText .cont { padding-left:20px; padding-right:20px; }
.ListPicText .item { width:100%; max-width:320px; margin-left:auto; margin-right:auto; }
.ListPicText .desc { max-height:8em; -webkit-line-clamp:4; }
}
@media screen and (min-width: 539px) {
.ListPicText .cont { padding-left:15px; padding-right:15px; }
.ListPicText .item { float:left; width:50%; }
.ListPicText .desc { max-height:10em; -webkit-line-clamp:5; }
}


/*----------------------------------------------------------------------*/
/* 書單 */
@media screen and (max-width: 479px) {
.BookList .img { float:none; width:240px; max-width:80%; margin:0 auto 20px; padding-right:0; }
}
.BookList .item > div { padding:30px 20px 25px; }
.BookList .book_title a { font-size:1.375rem; }

.book_detail_table, .book_detail_table tbody, .book_detail_table tr, .book_detail_table th, .book_detail_table td { display:block; }
.book_detail_table th, .book_detail_table td { margin-bottom:5px; box-sizing:border-box; font-size:0.9375rem; }
.book_detail_table th { float:left; clear:left; width:5.5em; padding:5px; background-color:#e5eeee; text-align:right; }
.book_detail_table td { margin-left:5.5em; padding:5px; }

/* 內頁 */
.BookCont .item > div { padding:20px 15px; }

@media screen and (max-width: 539px) {
.BookCont .img { float:none; width:300px; max-width:80%; margin:0 auto 20px; padding-right:0; }
}
@media screen and (min-width: 540px) {
.BookCont .img { padding-right:20px; }
}
.BookCont .book_title h3 { font-size:1.5rem; }
.BookCont .book_subtitle { font-size:1rem; }

.BookListTable table, .BookListTable table tbody, .BookListTable table tr, .BookListTable table th, .BookListTable table td { display:block; }
.BookListTable table tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.BookListTable table tr { padding:15px 20px; border-top:1px solid #d6d6d6; }
.BookListTable table tr:last-child { border-bottom:1px solid #d6d6d6; }
.BookListTable table tr:nth-child(odd) { background-color:#eeeeee; }

.BookListTable table td { margin:5px 0; text-align:left; }
.BookListTable td:before { font-weight:bold; content: attr(data-th)"："; color:#666; }
.BookListTable td.title { font-size:1.125rem; line-height:150%; position:relative; }
.BookListTable td.link { font-size:0.9375rem; }


/*----------------------------------------------------------------------*/
/* 縣市資源 */
.branchs_list li a { width:200px; height:60px; padding:10px; }


/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult .results_count { font-size:1.125rem; }
.SearchResult .results_count span { color:#db476e; }
.SearchResult .title { line-height:130%; font-size:1.125rem; }
.SearchResult .cat, .SearchResult .desc { font-size:0.9375rem; }