@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/
/* 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;
}
#KeyVisual .bx-wrapper .bx-controls-direction a { width:40px; height:40px; margin-top:-20px; }
#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:16px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:16px; }


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


/*----------------------------------------------------------------------*/
/* 首頁新書推薦 */
/* 頁籤 */
@media screen and (max-width: 959px) {
.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; }
}
@media screen and (min-width: 960px) {
.index_books_group { padding-top:75px; }
.index_books_group::after { 
	display:block; content:''; position:absolute; top:60px; left:0; width:100%; height:4px; background-color:#00467a; 
	z-index:1; 
	}
.index_books_group .tab_title { position:absolute; top:0; z-index:2; padding:0 10px; }
.index_books_group .tab_title a { 
	padding:0 30px; line-height:60px; font-size:1.625rem; color:#999; 
	font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-weight:300;
	background-color:#eeeeee; 
	}
	.index_books_group .tab_title a:hover, .index_books_group .tab_title a:focus { 
		background-color:#dcdcdc; color:#666; 
		}
	.index_books_group .tab_title.active a { 
		background-color:#00467a; color:#fff; 
		}
}

/* list */
@media screen and (max-width: 767px) {
.index_books_list { margin:0 -25px; }
.index_books_list .item { width:33.3333%; padding:0 25px; }
.index_books_list .item:nth-child(3n+3) { border:0; }
.index_books_list .title a { font-size:1.125rem; }
}
@media screen and (min-width: 768px) {
.index_books_list .item { width:25%; }
.index_books_list .item:nth-child(4n+4) { border:0; }
.index_books_list .title a { font-size:1.125rem; }
}
	@media screen and (min-width: 768px) and (max-width: 899px) {
	.index_books_list { margin:0 -20px; }
	.index_books_list .item { padding:0 20px; }
	}
	@media screen and (min-width: 900px) {
	.index_books_list { margin:0 -30px; }
	.index_books_list .item { padding:0 30px; }
	}


/*----------------------------------------------------------------------*/
/* 首頁輪播活動 */
@media screen and (max-width: 799px) {
.index_event_slider .slider-for .img { max-width:640px; margin:0 auto 20px; }
.index_event_slider .title { font-size:1.625rem; }
}
@media screen and (min-width: 800px) {
.index_event_slider .slider-for .img { width:55%; position:absolute; left:0; top:0; }
.index_event_slider .slider-for .cont { float:right; width:42%; }
.index_event_slider .slider-nav { float:right; width:42%; }
.index_event_slider .title { font-size:1.5rem; }
}


/*----------------------------------------------------------------------*/
/* 首頁最新消息 */
/* 頁籤 */
@media screen and (max-width: 959px) {
.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:20px 20px 30px 20px; }
}
@media screen and (min-width: 960px) {
.index_news_group { padding-top:50px; }
.index_news_group .tab_title { position:absolute; top:0; padding:0 4px; }
	.index_news_group > .tab_title:first-child { padding-left:30px; }
.index_news_group .tab_title a { 
	padding:0 10px; height:50px; border-width:2px 2px 0 2px; border-style:solid; border-color:#e0e0e0; background-color:#f5f5f5;  
	line-height:48px; font-size:1.375rem; 
	-webkit-border-radius:20px 20px 0 0;
	-moz-border-radius:20px 20px 0 0;
	border-radius:20px 20px 0 0;
	}
.index_news_group .tab_title.active a { font-weight:bold; }
.index_news_group .tab_title.active::after { 
	display:block; content:''; position:absolute; bottom:-10px; left:50%; margin-left:-9px; z-index:3;
	border-left:9px solid transparent; border-right:9px solid transparent; border-top:10px solid #1aa24e;
	}
.index_news_group > .tab_title.active:first-child::after { margin-left:3px; }
.index_news_group .tab_title a:hover, .index_news_group .tab_title a:focus, .index_news_group .tab_title.active a { 
	border:0; color:#fff; line-height:50px; 
	background:-ms-linear-gradient(top, #9ab801 0% ,#17a14f 100%);
	background:linear-gradient(to bottom, #9ab801 0% ,#17a14f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ab801', endColorstr='#17a14f',GradientType=0 );
	}
}

/* list */
.index_news_list li > span { padding:15px 0; line-height:30px; }
.index_news_list .date { position:absolute; top:0; left:10px; width:100px; font-size:1rem; }
.index_news_list .title { padding-left:130px; }
.index_news_list .title a { font-weight:bold; font-size:1.125rem; }


/*----------------------------------------------------------------------*/
/* 首頁活動快報 */
@media screen and (max-width: 767px) {
.index_events_list > div { margin-left:-2.5vw; margin-right:-2.5vw; }
.index_events_list .item { width:50%; padding-left:2.5vw; padding-right:2.5vw; }
.index_events_list .desc { max-height:8em; -webkit-line-clamp:4; }
}
@media screen and (min-width: 768px) {
.index_events_list .item { width:33.3333%; }
.index_events_list .desc { max-height:10em; -webkit-line-clamp:5; }
}
	@media screen and (min-width: 768px) and (max-width: 899px) {
	.index_events_list > div { margin-left:-1vw; margin-right:-1vw; }
	.index_events_list .item { padding-left:1vw; padding-right:1vw; }
	.index_events_list .cont { padding-left:15px; padding-right:15px; }
	.index_events_list .title a { font-size:1.125rem; }
	}
	@media screen and (min-width: 900px) {
	.index_events_list > div { margin-left:-1.5vw; margin-right:-1.5vw; }
	.index_events_list .item { padding-left:1.5vw; padding-right:1.5vw; }
	}


/*----------------------------------------------------------------------*/
/* 表單 */
@media screen and (max-width: 767px) {
.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:nth-child(even) { background-color:#f6f6f6; }
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%; }
}
@media screen and (min-width: 768px) {
table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { vertical-align:top; }
table.FormTable > tbody > tr:last-child > th, table.FormTable > tbody > tr:last-child > td { border-bottom:0; }
table.FormTable > tbody > tr > th { width:150px; padding:17px 5px 17px 0; text-align:right; }
table.FormTable > tbody > tr > th::after { position:absolute; top:14px; right:0; }
table.FormTable > tbody > tr > th:empty::after { display:none; }
table.FormTable > tbody > tr > td { padding:10px 0 10px 5px; }
}


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


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

/* 工具列 */
.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 { display:none; }
.ToolBar .colm_left { float:left; }
.ToolBar .colm_left a { padding-left:44px; }
.ToolBar .colm_right { float:right; }

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

/* 分類下拉 */
.CatTitle h3 { float:left; }
.CatTitle h3 + .cat_select { float:right; }

/* 列表搜尋 */
.ListSearch .title { display:none; }

/* 頁碼 */
#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 ul { display:table; }
.content_info li { display:table-row; }
.content_info li span { display:table-cell; vertical-align:top; padding:5px 0; }
.content_info li span.title { text-align:right; }

/* 編輯器 */
.editable_content blockquote { padding:30px 60px; margin-left:60px; margin-right:60px; }
.editable_content .img_bg span { font-size:0.875rem; }

/* colorbox */
#colorbox_thum a { width:160px; height:120px; margin:10px; }


/*----------------------------------------------------------------------*/
/* 小首頁*/


/*----------------------------------------------------------------------*/
/* 小首頁熱門服務*/
.subindex_common_list { text-align:center; }
.subindex_common_list li { display:inline-block; padding:0 10px; }
@media screen and (max-width: 767px) {
.subindex_common_list a { width:110px; height:127px; }
}
@media screen and (min-width: 768px) {
.subindex_common_list a { width:120px; height:138px; }
}


/*----------------------------------------------------------------------*/
/* 小首頁館藏查詢*/
.subindex_search_box .form_wrap { padding:25px 20px }
.subindex_search_box .form_elmt.text input { width:300px; }


/*----------------------------------------------------------------------*/
/* 小首頁最新消息 */
/* 頁籤 */
@media screen and (max-width: 959px) {
.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; }
}
@media screen and (min-width: 960px) {
.subindex_news_group { padding-top:46px; }
.subindex_news_group .tab_title { position:absolute; top:0; padding:0 4px; }
	.subindex_news_group > .tab_title:first-child { padding-left:20px; }
.subindex_news_group .tab_title a { 
	height:46px; background-color:#eeeeee; padding:0 6px; font-size:1.125rem;
	line-height:44px; font-weight:300;
	}
	.subindex_news_group .tab_title a:hover, .subindex_news_group .tab_title a:focus, .subindex_news_group .tab_title.active a { 
		line-height:46px; 
		}
.subindex_news_group .tab_title.active a { font-weight:500; }
.subindex_news_group .tab_title a:hover, .subindex_news_group .tab_title a:focus, .subindex_news_group .tab_title.active a { background-color:#008984; color:#fff; }
}

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


/*----------------------------------------------------------------------*/
/* 文字列表 */
.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:15px 20px; 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; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
/* list-view */
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { float:right; padding-right:0; }
.ListPicText.list-view .img { float:left; width:360px; max-width:48%; margin-bottom:10px; }

/* grid-view */
.ListPicText.grid-view > div { margin-left:-10px; margin-right:-10px; }
.ListPicText.grid-view .item { padding-left:10px; padding-right:10px; }
.ListPicText.grid-view .cont { margin-top:20px; padding-bottom:20px; }

@media screen and (max-width: 799px) {
.ListPicText .title a { font-size:1.25rem; }
.ListPicText .desc { font-size:1rem; }

/* list-view 一律以單欄顯示 */
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { padding-left:15px; }
.ListPicText.list-view .img { padding-right:15px; }
.ListPicText.list-view .item > div { padding:15px; }
.ListPicText.list-view .desc { max-height:8em; -webkit-line-clamp:4; }

/* grid-view 一律以兩欄顯示 */
.ListPicText.grid-view .item { float:left; width:50%; }
.ListPicText.grid-view .desc { max-height:8em; -webkit-line-clamp:4; }
}
	@media screen and (min-width: 640px) and (max-width: 699px) {
	.ListPicText.grid-view .cont { padding-left:15px; padding-right:15px; }
	}
	@media screen and (min-width: 700px) and (max-width: 799px) {
	.ListPicText.grid-view .cont { padding-left:20px; padding-right:20px; }
	}

@media screen and (min-width: 800px) {
.ListPicText .title a { font-size:1.25rem; }
.ListPicText .desc { font-size:1rem; }

/* list-view 一律以單欄顯示 */
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { padding-left:20px; }
.ListPicText.list-view .img { padding-right:20px; }
.ListPicText.list-view .item > div { padding:20px; }
.ListPicText.list-view .desc { max-height:6em; -webkit-line-clamp:3; }

/* grid-view 一律以三欄顯示 */
.ListPicText.grid-view .item { float:left; width:33.3333%; }
}
	@media screen and (min-width: 800px) and (max-width: 899px) {
	.ListPicText.grid-view .cont { padding-left:15px; padding-right:15px; }
	.ListPicText.grid-view .desc { max-height:10em; -webkit-line-clamp:5; }
	}
	@media screen and (min-width: 900px) {
	.ListPicText.grid-view .cont { padding-left:20px; padding-right:20px; }
	.ListPicText.grid-view .desc { max-height:8em; -webkit-line-clamp:4; }
	}


/*----------------------------------------------------------------------*/
/* 書單 */
@media screen and (max-width: 799px) {
.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; }
.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; }
}
@media screen and (min-width: 800px) {
.book_detail_table { width:100%; border-spacing:5px; border-collapse:separate; table-layout:fixed; }
.book_detail_table th, .book_detail_table td { vertical-align:top; }
.book_detail_table th { width:4.5em; padding:5px; background-color:#e5eeee; text-align:right; }
.book_detail_table td { padding:5px; }
}

/* 內頁 */
@media screen and (max-width: 799px) {
.BookCont .img { padding-right:20px; }
}
@media screen and (min-width: 800px) {
.BookCont .img { padding-right:40px; }
}

.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.375rem; line-height:150%; position:relative; }


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