@charset "utf-8";
/* CSS Document */
@import url(font-noto_sans_tc.css);/*載入Noto Sans TC,font-family:'Noto Sans TC', sans-serif; font-weight:300,400,500*/

/*----------------------------------------------------------------------*/
/* Menu */
/* 先隱藏子選單,等網頁載入完畢後再顯示 */
#Menu .superfish { overflow:hidden; z-index:10002; }
#Menu .superfish.sf-js-enabled { overflow:visible; }

#Menu { position:relative; width: 100%; background: #BF9D5F;}
#Menu::after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:50%; /*background-color:#eeeeee;*/ z-index:10002; }
#Menu > div { max-width:1200px; margin:0 auto; position:relative; z-index:10003; }
#Menu .guide_title { position:absolute; top:0; right:100%; }
#Menu .superfish {
	display:table; width:100%;
	/*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 );
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
	box-shadow:0 0 10px rgba(0,0,0,0.5);*/
	background: #BF9D5F;
	/*border-top-left-radius: 15px;
	border-top-right-radius: 15px;*/
	}
#Menu .superfish::after { content:''; display:block; clear:both; }
#Menu .superfish li { position:relative; }
#Menu .superfish a { 
	display:block; text-align:center; text-decoration:none; position:relative; 
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	}

#Menu .superfish > li { display:table-cell; }
#Menu .superfish > li::after { 
	position:absolute; display:block; content:''; height:100%; top:0; right:0;
	/*border-left:1px solid rgba(0,0,0,1); border-right:1px solid rgba(255,255,255,0.2); */
	}
	#Menu .superfish > li:last-child::after { display:none; }
#Menu .superfish > li > a { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; color:#000; line-height:20px; letter-spacing:0.05em; font-weight:normal; padding: 10px 0;}
#Menu .superfish > li:hover > a, #Menu .superfish > li > a:focus, #Menu .superfish > li.select > a { 
	/*color:#ffc225;
	background:-ms-linear-gradient(top, #666666 0% ,#000000 100%);
	background:linear-gradient(to bottom, #666666 0% ,#000000 100%);*/
	color:#fff;
	background: #363658;
	/*border-top-left-radius: 15px;
	border-top-right-radius: 15px;*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=0 );
	}
#Menu .superfish > li > a .icon { 
	display:inline-block; margin-bottom:0.25em; vertical-align:middle; 
	background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
/*#Menu .superfish > li:first-child > a::before { 
	display:inline-block; content:''; margin-bottom:0.25em; vertical-align:middle; 
	background:url('../images/icon_home.png') no-repeat center center; background-size:cover;
	}*/

#Menu .superfish ul { position:absolute; display:none; width:180px; background-color:#fff; }
	#Menu .superfish li:hover > ul { display:block; }
	#Menu .superfish > li > ul { 
		top:64px; left:50%; margin-left:-90px; box-sizing:border-box; 
		border-width:0 1px 1px 1px; border-style:solid; border-color:#c8c8c8;
		-webkit-box-shadow:0 8px 10px rgba(0,0,0,0.10), inset 0 5px 10px #c8c8c8;
		-moz-box-shadow:0 8px 10px rgba(0,0,0,0.10), inset 0 5px 10px #c8c8c8;
		box-shadow:0 8px 10px rgba(0,0,0,0.10), inset 0 5px 10px #c8c8c8;
		}
	#Menu .superfish > li > ul ul { 
		top:-1px; left:179px; 
		border:1px solid #c8c8c8;
		-webkit-box-shadow:0 8px 10px rgba(0,0,0,0.10), inset 0 0 10px #c8c8c8;
		-moz-box-shadow:0 8px 10px rgba(0,0,0,0.10), inset 0 0 10px #c8c8c8;
		box-shadow:0 8px 10px rgba(0,0,0,0.10), inset 0 0 10px #c8c8c8;
		}
#Menu .superfish ul li { border-top:1px solid #b5b5b5; }
	#Menu .superfish ul li:first-child { border-top:0; }
#Menu .superfish ul a { 
	padding:12px 25px 12px 20px;
	line-height:125%; color:#616060; text-align:center; position:relative; 
	}
	#Menu .superfish ul li:first-child > a { border-top:0; }
#Menu .superfish ul li:hover > a, #Menu .superfish ul li > a:focus { color:#ff7e00; }
#Menu .superfish ul a.sf-with-ul::after { 
	content:''; position:absolute; top:20px; right:10px; width:5px; height:5px; 
	border-top:1px solid #616060; border-right:1px solid #616060;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	}
#Menu .superfish ul li:hover > a.sf-with-ul::after, #Menu .superfish ul a.sf-with-ul:focus::after { border-color:#ff7e00; }

@media screen and (max-width: 1279px) {
#Menu .superfish > li > a { font-size:1.2rem; line-height:20px; width: 135px; margin: 0 auto; padding: 10px 0;}
#Menu .superfish > li > a .icon { width:24px; height:24px; margin-right:4px; }
#Menu .superfish > li:first-child > a::before { width:24px; height:24px; margin-right:6px; }
#Menu .superfish > li > ul { top:54px; }
#Menu .superfish ul a { font-size:0.9375rem; }
}
@media screen and (min-width: 1280px) {
#Menu .superfish > li > a { font-size:1.2rem; line-height:20px; width: 135px; margin: 0 auto; padding: 10px 0;}
#Menu .superfish > li > a .icon { width:30px; height:30px; margin-right:12px; }
#Menu .superfish > li:first-child > a::before { width:30px; height:30px; margin-right:12px; }
#Menu .superfish > li > ul { top:64px; }
}

/* 倒數第1個選單的處理 */
#Menu .superfish > li:last-child > ul > li > ul { left:auto; right:179px; }
#Menu .superfish > li:last-child ul a.sf-with-ul::after { 
	left:10px; right:auto; 
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
	}
	
/* 倒數第2個選單的處理 */
/*#Menu .superfish > li:nth-last-child(2) > ul { left:auto; right:0; }
#Menu .superfish > li:nth-last-child(2) > ul > li > ul { left:auto; right:160px; }
#Menu .superfish > li:nth-last-child(2) a { text-align:right; }
#Menu .superfish > li:nth-last-child(2) a.sf-with-ul::after { 
	left:10px; right:auto; 
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
	}*/

	/* 浮動效果 */
	.MenuFix #Menu { position:fixed; top:0; left:0; width:100%; z-index:10003; animation:menu 0.5s ease 1; }
	@-webkit-keyframes menu{
		0%{
			top:-64px;
		}
		100%{
			 top:0;
		}
	}
	.MenuFix #Menu > div { max-width:none; }
	.MenuFix #Menu .superfish > li > a { line-height:25px; }
	.MenuFix #Menu .superfish > li > ul { top:25px; }
	
	/* 浮動時取消倒數第1個選單的處理 */
/*	.MenuFix #Menu .superfish > li:last-child > ul { left:0; right:auto; }
	.MenuFix #Menu .superfish > li:last-child > ul > li > ul { left:180px; right:auto; }
	.MenuFix #Menu .superfish > li:last-child a.sf-with-ul::after { 
		left:auto; right:10px; 
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		}*/
		
	/* 浮動時取消倒數第2個選單的處理 */
	/*.MenuFix #Menu .superfish > li:nth-last-child(2) > ul { left:0; right:auto; }
	.MenuFix #Menu .superfish > li:nth-last-child(2) > ul > li > ul { left:150px; right:auto; }
	.MenuFix #Menu .superfish > li:nth-last-child(2) a { text-align:left; }
	.MenuFix #Menu .superfish > li:nth-last-child(2) a.sf-with-ul::after { 
		left:auto; right:10px; 
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		}*/


/*----------------------------------------------------------------------*/
/* KeyVisual */
/*@media screen and (min-width: 1200px) {
	#KeyVisual {
		background-image:url(../images/header-bg2.png); background-repeat:no-repeat; background-size:cover;
	}
}*/

#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:48px; height:48px; margin-top:-24px; }
#KeyVisual .bx-wrapper .bx-controls-direction a::after { width:12px; height:12px; margin-top:-6px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:20px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:20px; }


/*----------------------------------------------------------------------*/
/* Center */
.MenuFix #Center { padding-top:64px; }


/*----------------------------------------------------------------------*/
/* Footer */
#Footer .col_left { float:left; width:50%; }
#Footer .col_right { float:right; width:50%; text-align:right; }
@media screen and (max-width: 1279px) {
#Footer > div { padding-left:20px; padding-right:60px; }
}
@media screen and (min-width: 1280px) {
#Footer > div { padding-left:40px; padding-right:60px; }
}


/*----------------------------------------------------------------------*/
/* 首頁區塊 */
@media screen and (max-width: 1279px) {
.IndexBlock { padding-top:60px; padding-bottom:60px; }
.IndexBlock > div { padding-left:20px; padding-right:20px; }
}
@media screen and (min-width: 1280px) {
.IndexBlock { padding-top:4.2vw; padding-bottom:4.2vw; }
.IndexBlock > div{ padding-left:40px; padding-right:40px; }
}

.IndexBlock .block_title h2 { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-weight:700; }
.IndexBlock .btn_more a { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-weight:500; }


/*----------------------------------------------------------------------*/
/* 首頁新書推薦 */
/* 頁籤 */
.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; }
.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; 
		}
	.index_books_group .tab_title.active a { font-weight:500; }
@media screen and (max-width: 1439px) {
.index_books_group .tab_title { padding:0 10px; }
}
@media screen and (min-width: 1200px) {
.index_books_group .tab_title { padding:0 15px; }
}

/* list */
.index_books_list .title a { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-weight:500; }
@media screen and (max-width: 1279px) {
.index_books_list { margin:0 -30px; }
.index_books_list .item { width:25%; padding:0 30px; }
.index_books_list .item:nth-child(4n+4) { border:0; }
.index_books_list .title a { font-size:1.125rem; }
}
@media screen and (min-width: 1280px) {
.index_books_list .item { width:20%; }
.index_books_list .item:nth-child(5n+5) { border:0; }
}
	@media screen and (min-width: 1280px) and (max-width: 1439px) {
	.index_books_list { margin:0 -20px; }
	.index_books_list .item { padding:0 20px; }
	.index_books_list .title a { font-size:1.125rem; }
	}
	@media screen and (min-width: 1200px) {
	.index_books_list { margin:0 -30px; }
	.index_books_list .item { padding:0 30px; }
	.index_books_list .title a { font-size:1.25rem; }
	}


/*----------------------------------------------------------------------*/
/* 首頁輪播活動 */
.index_event_slider .slider-for .img { width:55%; position:absolute; left:0; top:0; }
.index_event_slider .slider-for .cont { float:right; width:40%; }
.index_event_slider .slider-nav { float:right; width:40%; }

.index_event_slider .title { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-weight:500; }
@media screen and (max-width: 1279px) {
.index_event_slider .title { font-size:1.625rem; }
}
@media screen and (min-width: 1280px) {
.index_event_slider .title { font-size:1.875rem; }
.index_event_slider .desc { font-size:1.125rem; }
}


/*----------------------------------------------------------------------*/
/* 首頁最新消息 */
/* list */
.index_news_list li > span { padding:18px 0; line-height:32px; }
.index_news_list .date { position:absolute; top:0; }
.index_news_list .title a { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; }
@media screen and (max-width: 1279px) {
.index_news_list .date { left:10px; width:120px; font-size:1rem; }
.index_news_list .title { padding-left:150px; }
.index_news_list .title a { font-size:1.25rem; }
}
@media screen and (min-width: 1280px) {
.index_news_list .date { left:20px; width:140px; font-size:1.125rem; }
.index_news_list .title { padding-left:180px; }
.index_news_list .title a { font-size:1.375rem; }
}


/*----------------------------------------------------------------------*/
/* 首頁活動快報 */
.index_events_list .title a { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-weight:500; }
.index_events_list .desc { max-height:8em; -webkit-line-clamp:4; }
@media screen and (max-width: 1279px) {
.index_events_list > div { margin-left:-2vw; margin-right:-2vw; }
.index_events_list .item { width:33.3333%; padding-left:2vw; padding-right:2vw; }
}
@media screen and (min-width: 1280px) {
.index_events_list .item { width:25%; }
}
	@media screen and (min-width: 1280px) and (max-width: 1439px) {
	.index_events_list > div { margin-left:-1.2vw; margin-right:-1.2vw; }
	.index_events_list .item { padding-left:1.2vw; padding-right:1.2vw; }
	}
	@media screen and (min-width: 1200px) {
	.index_events_list > div { margin-left:-25px; margin-right:-25px; }
	.index_events_list .item { padding-left:25px; padding-right:25px; }
	}


/*----------------------------------------------------------------------*/
/* 表單 */
.form_group_title span { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; }

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; }
.BtnCommon a, .BtnCommon input { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; }


/*----------------------------------------------------------------------*/
/* 內頁 */
#ColumnLeft { float:left; position:relative; }
#ColumnLeft .guide_title { position:absolute; top:0; left:-10px; }
@media screen and (max-width: 1279px) {
#ColumnLeft { width:200px; padding-left:20px; }
#ColumnLeft + #ColumnCenter { margin-left:200px; }
#ColumnCenter { padding-left:20px; padding-right:20px; }
}
@media screen and (min-width: 1280px) {
#ColumnLeft { width:240px; padding-left:40px; }
#ColumnLeft + #ColumnCenter { margin-left:240px; }
#ColumnCenter { padding-left:40px; padding-right:40px; }
}


/*----------------------------------------------------------------------*/
/* 左選單 */
#LeftMenu {
    background-color:#fff; padding-bottom:80px;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
    box-shadow:0 0 10px rgba(0,0,0,0.2);
	}
#LeftMenu .title { 
	padding:15px 10px; background-color:#000000/*1368a8*/; position:relative; z-index:2; 
	line-height:30px; color:#fff; font-weight:bold; text-align:center; 
	}
#LeftMenu .menu_list { padding-bottom:24px; position:relative; z-index:1; }
#LeftMenu .menu_list a { 
	display:block; line-height:150%; text-decoration:none; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
#LeftMenu .menu_list a:hover, #LeftMenu .menu_list a:focus, #LeftMenu .menu_list li.select > a { color:#000000/*1368a8*/; font-weight:bold; }
#LeftMenu .menu_list li { position:relative; }

#LeftMenu .menu_list > li { border-bottom:1px solid #c8c8c8; }
#LeftMenu .menu_list > li > a { color:#5e5e5e; }

#LeftMenu .menu_list ul { padding-bottom:5px; }
#LeftMenu .menu_list > li > ul {  padding-left:1.35em; }
#LeftMenu .menu_list ul ul { padding-left:1em; }
#LeftMenu .menu_list ul a { padding:5px 0; color:#5e5e5e; }
@media screen and (max-width: 1279px) {
#LeftMenu .title { font-size:1.25rem; }
#LeftMenu .menu_list { padding-left:14px; padding-right:14px; }
#LeftMenu .menu_list > li > a { padding:10px 0; font-size:1rem; }
#LeftMenu .menu_list ul { font-size:0.875rem; }
}
@media screen and (min-width: 1280px) {
#LeftMenu .title { font-size:1.5rem; }
#LeftMenu .menu_list { padding-left:19px; padding-right:19px; }
#LeftMenu .menu_list > li > a { padding:12px 0; font-size:1.125rem; }
#LeftMenu .menu_list ul { font-size:0.9375rem; }
}


/*----------------------------------------------------------------------*/
/* 內頁元素 */
.PageTitle h2, h3.articleTitle, .CatTitle h3 { 
	font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-weight:700; letter-spacing:0.05em;
	}
	
/* 導覽列(麵包屑) */
#Breadcrumbs {  border-bottom:0; max-width:50%; margin-left:50%; margin-top:-65px; margin-bottom:70px; }
#Breadcrumbs ul { 
	position:absolute; top:0; right:0; max-width:100%; padding-top:20px; padding-bottom:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 
	}
#Breadcrumbs ul::before { top:50%; margin-top:-10px; }
#Breadcrumbs li, #Breadcrumbs a { display:inline; }

/* 工具列 */
.ToolBar .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:36px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size dd a, .ToolBar dl.share dd a { width:36px; height:36px; }
.ToolBar .colm_left { float:left; }
.ToolBar .colm_left a { padding-left:42px; }
.ToolBar .colm_right { float:right; }

/* 標題 */
@media screen and (max-width: 1279px) {
h3.articleTitle { font-size:2rem; }
}
@media screen and (min-width: 1280px) {
h3.articleTitle { font-size:2.1875rem; }
}

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

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

/* 頁碼 */
@media screen and (max-width: 1279px) {
#Pagination a { font-size:0.875rem; }
#Pagination a { width:30px; line-height:30px; }
}
@media screen and (min-width: 1280px) {
#Pagination a { width:38px; line-height:38px; }
}
#Pagination a.first { padding:0 10px 0 25px; }
#Pagination a.prev { padding:0 10px 0 22px; }
#Pagination a.next { padding:0 22px 0 10px; }
#Pagination a.last { padding:0 25px 0 10px; }
#Pagination a.first::before, #Pagination a.first::after, 
#Pagination a.last::before, #Pagination a.last::after, 
#Pagination a.prev::before, #Pagination a.next::before { 
	content:''; position:absolute; top:50%; margin-top:-3px; width:6px; height:6px; border-top:1px solid #000; border-left:1px solid #000; 
	}
#Pagination a.first::before, #Pagination a.first::after, #Pagination a.prev::before { 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
#Pagination a.last::before, #Pagination a.last::after, #Pagination a.next::before { 
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
	}
#Pagination a.first:hover::before, #Pagination a.first:focus::before, 
#Pagination a.first:hover::after, #Pagination a.first:focus::after, 
#Pagination a.last:hover::before, #Pagination a.last:focus::before, 
#Pagination a.last:hover::after, #Pagination a.last:focus::after,
#Pagination a.prev:hover::before, #Pagination a.prev:focus::before,
#Pagination a.next:hover::before, #Pagination a.next:focus::before { 
	border-color:#fff; 
	}
#Pagination a.first::before { left:10px; }
#Pagination a.first::after { left:14px; }
#Pagination a.prev::before { left:12px; }
#Pagination a.last::before { right:10px; }
#Pagination a.last::after { right:14px; }
#Pagination a.next::before { right:12px; }


/* 內頁顯示欄位 */
.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 h4, .editable_content h5, .editable_content h6, .editable_content h4.ext_title { 
	font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-weight:500; 
	}
@media screen and (max-width: 1279px) {
.editable_content .imgleft { margin-right:15px; }
.editable_content .imgright { margin-left:15px; }
}
@media screen and (min-width: 1280px) {
.editable_content .imgleft { margin-right:25px; }
.editable_content .imgright { margin-left:25px; }
}
.editable_content .img_bg span { font-size:0.9375rem; }

/* colorbox */
#colorbox_thum a { width:180px; height:135px; margin:10px; }


/*----------------------------------------------------------------------*/
/* 小首頁*/
.SubIndexBlock .block_title > div { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-weight:700; }
.SubIndexBlock .btn_more a { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-weight:500; }


/*----------------------------------------------------------------------*/
/* 小首頁熱門服務*/
.subindex_common_list ul {
	-ms-display:flex; -ms-flex-direction:row; -ms-flex-wrap:wrap; -ms-justify-content:flex-start; -ms-align-content:flex-start; 
	display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-content:flex-start; 
	}
.subindex_common_list li { flex:0 1 auto; width:16.6666%; }
@media screen and (max-width: 1279px) {
.subindex_common_list a { width:110px; height:127px; }
}
@media screen and (min-width: 1280px) {
.subindex_common_list a { width:120px; height:138px; }
}


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


/*----------------------------------------------------------------------*/
/* 小首頁最新消息 */
/* 頁籤 */
.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;  
	font-family:'Noto Sans TC', '微軟正黑體', sans-serif; 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; }
@media screen and (max-width: 1279px) {
.subindex_news_group .tab_title a { padding:0 6px; font-size:1.125rem; }
}
@media screen and (min-width: 1280px) {
.subindex_news_group .tab_title a { padding:0 10px; font-size:1.25rem; }
}
	
/* list */
.subindex_news_list li > span { padding:15px 0; line-height:26px; }
.subindex_news_list .no, .subindex_news_list .date, .subindex_news_list .cat { position:absolute; top:0; }
.subindex_news_list .title a { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; }
@media screen and (max-width: 1279px) {
.subindex_news_list { padding:30px; }
.subindex_news_list .no { left:0; width:30px; font-size:1.25rem; }
.subindex_news_list .date { left:30px; width:100px; font-size:0.875rem; }
.subindex_news_list .title { padding-left:130px; }
.subindex_news_list .title a { font-size:1.125rem; }
}
@media screen and (min-width: 1280px) {
.subindex_news_list { padding:50px; }
.subindex_news_list .no { left:0; width:40px; font-size:1.375rem; }
.subindex_news_list .date { left:40px; width:120px; font-size:1rem; }
.subindex_news_list .title { padding-left:160px; }
.subindex_news_list .title a { font-size:1.25rem; }
}


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { margin-top:30px; margin-bottom:30px; }
.ListTable table th, .ListTable table td { border-bottom:1px solid #d6d6d6; }
.ListTable table th { 
	padding-top:12px; padding-bottom:12px; white-space:nowrap; 
	color:#333; font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-size:1.25rem; font-weight:500; letter-spacing:1px; 
	}
.ListTable table td { padding-top:15px; padding-bottom:15px; line-height:30px; vertical-align:top; }
.ListTable table tr:nth-child(odd) td { background-color:#eeeeee; }	
@media screen and (max-width: 1279px) {
.ListTable table th, .ListTable table td { padding-left:12px; padding-right:12px; }
}
@media screen and (min-width: 1280px) {
.ListTable table th, .ListTable table td { padding-left:20px; padding-right:20px; }
}

.ListTable th.no { width:30px; }
.ListTable td.no { width:30px; white-space:nowrap;  text-align:right; }
.ListTable th.date { width:100px; }
.ListTable td.date { width:100px; white-space:nowrap; position:relative; }
.ListTable th.date.range, .ListTable td.date.range { width:180px; }
.ListTable td.title { 
	font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-size:1.25rem; font-weight:400; letter-spacing:0.05em; 
	}
.ListTable table .tc { text-align:center; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText .title a { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-weight:500; }

/* list-view */
@media screen and (max-width: 1279px) {
.ListPicText.list-view .item { margin-bottom:20px; }
}
.ListPicText.list-view .img { float:left; width:360px; max-width:48%; margin-bottom:10px; }
/*.ListPicText.list-view .cont { overflow:hidden; }*/

/* grid-view */
.ListPicText.grid-view .cont { margin-top:20px; padding-bottom:20px; }

/* 單欄 */
.ListPicText.single .title a { font-size:1.5rem; }
.ListPicText.single .desc { font-size:1rem; max-height:6em; -webkit-line-clamp:3; }

	/* list-view */
	.ListPicText.single.list-view .item > div { padding:20px; }
	.ListPicText.single.list-view .img { padding-right:20px; }
	.ListPicText.single.list-view.staggered .item:nth-child(2n+2) .img { float:right; padding-right:0; padding-left:20px; }
	
	/* grid-view */
	.ListPicText.single.grid-view .cont { padding-left:20px; padding-right:20px; }

/* 兩欄 */
.ListPicText.bisection .item { float:left; width:50%; }

	/* list-view */
	.ListPicText.bisection.list-view .item > div { padding:20px; }
	.ListPicText.bisection.list-view .img { padding-right:10px; }
	.ListPicText.bisection.list-view .desc { clear:left; }
	@media screen and (max-width: 1279px) {
	.ListPicText.bisection.list-view > div { margin-left:-10px; margin-right:-10px; }
	.ListPicText.bisection.list-view .item { padding-left:10px; padding-right:10px; }
	.ListPicText.bisection.list-view .title a { font-size:1.25rem; }
	.ListPicText.bisection.list-view .desc { font-size:1rem; max-height:8em; -webkit-line-clamp:4; }
	}
	@media screen and (min-width: 1280px) {
	.ListPicText.bisection.list-view > div { margin-left:-20px; margin-right:-20px; }
	.ListPicText.bisection.list-view .item { padding-left:20px; padding-right:20px; }
	.ListPicText.bisection.list-view .title a { font-size:1.25rem; }
	.ListPicText.bisection.list-view .desc { font-size:1rem; max-height:6em; -webkit-line-clamp:3; }
	}
	
	/* grid-view */
	@media screen and (max-width: 1279px) {
	.ListPicText.bisection.grid-view > div { margin-left:-20px; margin-right:-20px; }
	.ListPicText.bisection.grid-view .item { padding-left:20px; padding-right:20px; }
	.ListPicText.bisection.grid-view .cont { padding-left:20px; padding-right:20px; }
	.ListPicText.bisection.grid-view .title a { font-size:1.5rem; }
	.ListPicText.bisection.grid-view .desc { font-size:1rem; max-height:6em; -webkit-line-clamp:3; }	
	}
	@media screen and (min-width: 1280px) {
	.ListPicText.bisection.grid-view > div { margin-left:-20px; margin-right:-20px; }
	.ListPicText.bisection.grid-view .item { padding-left:20px; padding-right:20px; }
	.ListPicText.bisection.grid-view .cont { padding-left:20px; padding-right:20px; }
	.ListPicText.bisection.grid-view .title a { font-size:1.5rem; }
	.ListPicText.bisection.grid-view .desc { font-size:1rem; max-height:6em; -webkit-line-clamp:3; }	
	}

/* 三欄 */
.ListPicText.trisection .item { float:left; width:33.3333%; }

	/* list-view */
	.ListPicText.trisection.list-view .item > div { padding:15px; }
	.ListPicText.trisection.list-view .img { padding-right:10px; }
	.ListPicText.trisection.list-view .desc { clear:left; }
	@media screen and (max-width: 1279px) {
	.ListPicText.trisection.list-view > div { margin-left:-10px; margin-right:-10px; }
	.ListPicText.trisection.list-view .item { padding-left:10px; padding-right:10px; }
	.ListPicText.trisection.list-view .title a { font-size:1.125rem; }
	.ListPicText.trisection.list-view .desc { font-size:0.9375rem; max-height:8em; -webkit-line-clamp:4; }
	}
	@media screen and (min-width: 1280px) {
	.ListPicText.trisection.list-view > div { margin-left:-20px; margin-right:-20px; }
	.ListPicText.trisection.list-view .item { padding-left:20px; padding-right:20px; }
	.ListPicText.trisection.list-view .title a { font-size:1.25rem; }
	.ListPicText.trisection.list-view .desc { font-size:1rem; max-height:8em; -webkit-line-clamp:4; }
	}
	
	/* grid-view */
	@media screen and (max-width: 1279px) {
	.ListPicText.trisection.grid-view > div { margin-left:-10px; margin-right:-10px; }
	.ListPicText.trisection.grid-view .item { padding-left:10px; padding-right:10px; }
	.ListPicText.trisection.grid-view .cont { padding-left:15px; padding-right:15px; }
	.ListPicText.trisection.grid-view .title a { font-size:1.25rem; }
	.ListPicText.trisection.grid-view .desc { font-size:1rem; max-height:10em; -webkit-line-clamp:5; }	
	}
	@media screen and (min-width: 1280px) {
	.ListPicText.trisection.grid-view > div { margin-left:-20px; margin-right:-20px; }
	.ListPicText.trisection.grid-view .item { padding-left:20px; padding-right:20px; }
	.ListPicText.trisection.grid-view .cont { padding-left:20px; padding-right:20px; }
	.ListPicText.trisection.grid-view .title a { font-size:1.375rem; }
	.ListPicText.trisection.grid-view .desc { font-size:1rem; max-height:8em; -webkit-line-clamp:4; }	
	}

/* 四欄 */
.ListPicText.quarters .item { float:left; width:25%; }
.ListPicText.quarters .date { font-size:0.875rem; }

	/* list-view */
	.ListPicText.quarters.list-view > div { margin-left:-10px; margin-right:-10px; }
	.ListPicText.quarters.list-view .item { padding-left:10px; padding-right:10px; }
	.ListPicText.quarters.list-view .item > div { padding:10px; }
	.ListPicText.quarters.list-view .img { padding-right:10px; }
	.ListPicText.quarters.list-view .title a { font-size:1.125rem; }
	.ListPicText.quarters.list-view .desc { clear:left; font-size:0.875rem; max-height:10em; -webkit-line-clamp:5; }
	
	/* grid-view */
	@media screen and (max-width: 1279px) {
	.ListPicText.quarters.grid-view > div { margin-left:-10px; margin-right:-10px; }
	.ListPicText.quarters.grid-view .item { padding-left:10px; padding-right:10px; }
	.ListPicText.quarters.grid-view .cont { padding-left:15px; padding-right:15px; }
	.ListPicText.quarters.grid-view .title a { font-size:1.125rem; }
	.ListPicText.quarters.grid-view .desc { font-size:0.9375rem; max-height:10em; -webkit-line-clamp:5; }	
	}
	@media screen and (min-width: 1280px) {
	.ListPicText.quarters.grid-view > div { margin-left:-10px; margin-right:-10px; }
	.ListPicText.quarters.grid-view .item { padding-left:10px; padding-right:10px; }
	.ListPicText.quarters.grid-view .cont { padding-left:15px; padding-right:15px; }
	.ListPicText.quarters.grid-view .title a { font-size:1.25rem; }
	.ListPicText.quarters.grid-view .desc { font-size:0.9375rem; max-height:10em; -webkit-line-clamp:5; }	
	}


/*----------------------------------------------------------------------*/
/* 書單 */
.BookList .book_title a { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-weight:500; }

.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: 1279px) {
.BookCont .img { padding-right:20px; }
}
@media screen and (min-width: 1280px) {
.BookCont .img { padding-right:40px; }
}
.BookCont .book_title h3 { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-weight:500; }

.BookListTable table th, .BookListTable table td { border-bottom:1px solid #d6d6d6; }
.BookListTable table th { 
	padding-top:12px; padding-bottom:12px; white-space:nowrap; 
	color:#4d4d4d; font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-size:1.25rem; font-weight:500; letter-spacing:0.05em; 
	}
.BookListTable table td { padding-top:18px; padding-bottom:18px; line-height:30px; vertical-align:top; }
.BookListTable table tr:nth-child(odd) td { background-color:#eeeeee; }	
@media screen and (max-width: 1279px) {
.BookListTable table th, .BookListTable table td { padding-left:12px; padding-right:12px; }
}
@media screen and (min-width: 1280px) {
.BookListTable table th, .BookListTable table td { padding-left:20px; padding-right:20px; }
}

.BookListTable td.title {  
	font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-size:1.125rem; font-weight:normal; letter-spacing:0.05em; 
	}
.BookListTable td.link { font-size:1.125rem; }


/*----------------------------------------------------------------------*/
/* 縣市資源 */
.branchs_list li a { width:300px; height:90px; padding:15px 20px; }


/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult .title { font-family:'Noto Sans TC', '微軟正黑體', sans-serif; font-weight:500; }