@charset "utf-8";
/* CSS Document */
@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:900;src:url("../../webfonts/fontawesome-brands-900.eot");src:url("../../webfonts/fontawesome-brands-900.eot?#iefix") format("embedded-opentype"),url("../../webfonts/fontawesome-brands-900.woff2") format("woff2"),url("../../webfonts/fontawesome-brands-900.woff") format("woff"),url("../../webfonts/fontawesome-brands-900.ttf") format("truetype"),url("../../webfonts/fontawesome-brands-900.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:900}

/*----------------------------------------------------------------------*/
/* 內頁 */
#Center .inner { position:relative; box-sizing:border-box; }
#Center .inner:after { content:""; clear:both; display:block; }

/*----------------------------------------------------------------------*/
/* 內頁元素 */
#MainBar { text-align:center; position:relative; z-index:5; }
#MainBar h2 { letter-spacing:.05em; padding-left:.05em; line-height:1.625em; }
#MainBar:after { content:""; width:5px; height:45px; background:#009b93; position:absolute; left:50%; margin-left:-2.5px; bottom:-1.625em; }

/* 導覽列(麵包屑) */
#Breadcrumbs { display:inline-block; }
#Breadcrumbs ul { overflow:hidden; padding:5px 0; }
#Breadcrumbs ul li { float:left; padding-right:16px; font-size:0.875em; color:#555; line-height:1.25em; position:relative; }
#Breadcrumbs ul li.last { padding-right:0; }
#Breadcrumbs ul li a { display:block; color:#555; text-decoration:none; }
	#Breadcrumbs ul li:after { content:'/'; position:absolute; top:0px; right:5px; color:#555; }
	#Breadcrumbs ul li a:hover { text-decoration:underline; }
#Breadcrumbs ul li.last, #Breadcrumbs ul li.last a { color:#555; }
	#Breadcrumbs ul li.last:after { content:''; }

/*----------------------------------------------------------------------*/
/* 標題 */
h3 { font-size:1.875em; }
.article_title { font-size:2em; padding:0.25em 0; margin-bottom:15px; line-height:1.25em; border-bottom:2px solid #d0e9e8; letter-spacing:.05em; }
.article_title+.editable_content { margin-top:25px; }
.item_title { font-size:1.125em; padding:5px 0; margin-bottom:1em; }

.postdate { margin-bottom:10px; color:#777; font-size:0.9375em; }
.postdate:before { content:"\f017"; font-family:'Font Awesome 5 Regular'; margin-right:5px; }

/*----------------------------------------------------------------------*/
/* 工具列 */
.ToolBar { margin-bottom:5px; font-size:0.9375rem; color:#555; box-sizing:border-box; }
.ToolBar::after, .ToolBar .colm_left::after, .ToolBar dl.font_size::after, .ToolBar dl.share::after { content:''; display:block; width:100%; clear:both; }
.ToolBar .colm_left a span, .ToolBar dl.font_size dd, .ToolBar dl.font_size a, .ToolBar dl.share dd, .ToolBar dl.share a { 
	box-sizing:border-box; 
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
.ToolBar .colm_left a span:after, .ToolBar dl.font_size a:after, .ToolBar dl.share a:after { display:block; position:absolute; top:0; left:0; width:30px; height:30px;	}
.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share a, .ToolBar dl.share dd a:after { 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ToolBar .colm_left a, .ToolBar dl.font_size dd, .ToolBar dl.share dd { margin-bottom:10px; }
.ToolBar a { display:block; text-decoration:none; position:relative; }

.ToolBar .colm_left { float:left; }
.ToolBar .colm_left a { float:left; margin-left:10px; padding-left:8px; color:#555; border-left:1px solid #ddd; }
.ToolBar .colm_left a:first-child { margin-left:0; border-left:none; }
.ToolBar .colm_left a span { position:relative; display:inline-block; margin-right:5px; vertical-align:bottom; }
.ToolBar .colm_left a span:after { font-family:'Font Awesome 5 Regular'; text-indent:0; font-size:1.25rem; text-align:center; }
	.ToolBar .colm_left a.return span::after { content:"\f2ea"; }
	.ToolBar .colm_left a.print span::after { content:"\f02f"; }
.ToolBar .colm_left a:hover, .ToolBar .colm_left a:focus { color:#009b93; }

.ToolBar dl.font_size > * { float:left; }
.ToolBar dl.font_size dt { padding-right:10px; }
.ToolBar dl.font_size dd { margin-right:6px; }
.ToolBar dl.font_size dd:last-of-type { margin-right:0; }
.ToolBar dl.font_size a { cursor:pointer; text-indent:-10000px; }
.ToolBar dl.font_size a::after { content:''; background:url("../images/icon_font_size.png") no-repeat; }
	.ToolBar dl.font_size dd.font_small a::after { background-position:left 0; }
	.ToolBar dl.font_size dd.font_medium a::after { background-position:left -30px; }
	.ToolBar dl.font_size dd.font_big a::after { background-position:left -60px; }
.ToolBar dl.font_size a:hover, .ToolBar dl.font_size a:focus { background-color:#009b93; }
	.ToolBar dl.font_size dd.font_small a:hover::after, .ToolBar dl.font_size dd.font_small a:focus::after { background-position:right 0; }
	.ToolBar dl.font_size dd.font_medium a:hover::after, .ToolBar dl.font_size dd.font_medium a:focus::after { background-position:right -30px; }
	.ToolBar dl.font_size dd.font_big a:hover::after, .ToolBar dl.font_size dd.font_big a:focus::after { background-position:right -60px; }

.ToolBar dl.share > * { float:left; }
.ToolBar dl.share dt { padding-right:10px; }
.ToolBar dl.share dd { margin-right:6px; position:relative; }
.ToolBar dl.share dd:last-of-type { margin-right:0; }
.ToolBar dl.share a { cursor:pointer; text-indent:-10000px; }
.ToolBar dl.share a:after { font-family:'Font Awesome 5 Brands'; text-indent:0; font-size:2rem; text-align:center; }
	.ToolBar dl.share dd.facebook a::after { content:"\f082"; color:#3b5998; }
	.ToolBar dl.share dd.twitter a::after { content:"\f081"; color:#00abf1; }
	.ToolBar dl.share dd.google_plus a::after { content:"\f0d4"; color:#d0432c; }
	.ToolBar dl.share dd.line a::after { content:"\f3b8"; color:#01b901; }	
	.ToolBar dl.share dd a:hover::after, .ToolBar dl.share dd a:focus::after { opacity:.7; }

.ToolBar dl.share .noscript { float:none; display:block; }
.ToolBar dl.share .noscript a { display:inline; }
	
/*----------------------------------------------------------------------*/
/* 分類下拉 */
.CatTitle { margin:15px 0; }
.CatTitle::after { content:''; display:block; width:100%; clear:both; }
.CatTitle h3 { display:inline-block; font-weight:normal; line-height:2.5rem; font-size:1.375em; }
.CatTitle .cat_select { line-height:40px; font-size:0.9375em; }
.CatTitle .cat_select .btn { color:#fff; background-color:#333; margin:0 0 0 5px; padding:0 12px; height:40px; line-height:40px; letter-spacing:0.125em; }
.CatTitle .cat_select .btn:hover { background-color:#009b93; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { vertical-align:top; font-size:1em; font-weight:400; }

/*----------------------------------------------------------------------*/
/* 列表搜尋 */
.ListSearch { margin:15px 0 10px; box-sizing:border-box; position:relative; }
.ListSearch:after { content:""; display:block; clear:both; }
.ListSearch .item { float:left; margin-right:10px; margin-bottom:10px; line-height:2em; color:#555; }
.ListSearch .item > label { display:none; font-size:0.875em; line-height:180%; font-weight:bold; }
.ListSearch .title { float:left; margin-right:5px; margin-bottom:10px; line-height:2em; }
.ListSearch .BtnCommon { float:left; clear:none; margin-bottom:10px; }
.ListSearch .BtnCommon input { padding-left:15px; padding-right:15px; line-height:30px; font-size:0.875em; }
.ListSearch .BtnCommon span { 
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}
.ListSearch.FormElmt input[type="text"] { height:32px; line-height:32px; width:200px; font-size:0.875em; }
.ListSearch.FormElmt select { height:32px; font-size:0.875em; }

.ListSearch.FormElmt.lecture select { height:35px; font-size:1em; }
.ListSearch+.apply_info { padding-top:0; padding-bottom:10px; }

/*----------------------------------------------------------------------*/
/* 頁碼 */
#Pagination { clear:both; text-align:center; }
#Pagination .pages { display:inline-block; font-size:1em; }
#Pagination a { display:inline-block; width:35px; text-decoration:none; line-height:35px; color:#555; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#Pagination a:hover { color:#009b93; }
#Pagination a.focuz { background:#d0e9e8; color:#000; }
	#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { width:auto; padding:0 5px; font-size:0.875em; }
	#Pagination a.first:hover, #Pagination a.prev:hover, #Pagination a.next:hover, #Pagination a.last:hover { color:#009b93; }

#Pagination .current { width:auto; background-color:transparent; cursor:default; }
	#Pagination .current:hover { color:#333; background-color:transparent; }
	
#Pagination .setting { display:block; clear:both; line-height:32px; color:#555; font-size:1em; padding-top:3px; }
#Pagination .setting select { padding:6px 0 5px 4px; height:32px; vertical-align:top; }
#Pagination .setting input { vertical-align:top; }
#Pagination .setting input[type="text"] { width:20px; height:30px; padding:0 5px; }
#Pagination .setting select, #Pagination .setting input[type="text"] {
	border:1px solid #ccc;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,.2);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,.2);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,.2);
}
#Pagination .setting input[type="button"] { height:32px; padding:0 7px; margin-left:3px; background-color:#ececec; color:#333; font-size:1em; }
#Pagination .setting input[type="button"]:hover { background-color:#e82d34; color:#fff; }
.dev-script-oper { display:none; }

#Pagination a.first:before { font-family:'Font Awesome 5 Regular'; content:"\f323"; margin-right:5px; }
#Pagination a.prev:before { font-family:'Font Awesome 5 Regular'; content:"\f053"; margin-right:5px; }
#Pagination a.next:after { font-family:'Font Awesome 5 Regular'; content:"\f054"; margin-left:5px; }
#Pagination a.last:after { font-family:'Font Awesome 5 Regular'; content:"\f324"; margin-left:5px; }
#Pagination a.prev { margin-right:10px; }
#Pagination a.next { margin-left:10px; }

/*----------------------------------------------------------------------*/
/* 建置中畫面 */
.comingBox { text-align:center; padding:30px 0; }

/*----------------------------------------------------------------------*/
/* 搜尋框 */
.searchBox * { box-sizing:border-box; }
.searchBox > div { float:left; position:relative; border:1px solid #ccc; margin-left:10px; width:270px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; }
.searchBox > div:first-child { margin-left:0; }
.searchBox input { border:none; background-color:transparent; vertical-align:top; height:38px; line-height:38px; padding:0; font-size:100%; }
.searchBox input[type="text"] { padding:0 10px; width:100%; -moz-border-radius:5px 0 0 5px; -o-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
.searchBox input[type="text"]:focus { background:#fff; box-shadow:none; outline:none; }
.searchBox input[type="submit"] { background:url(../images/icon_search3.png) no-repeat center center; padding:0 19px; text-indent:-9999px; position:absolute; right:0; top:0;  -moz-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; }
.searchBox .search { padding-right:38px; }

.searchBox .select { display:block; height:40px; line-height:40px; color:#282828; font-size:100%; position:relative; _filter:alpha(opacity=0); background:#ffffff url(../images/sub_arrow.png) right center no-repeat; }
.searchBox .select label { padding:0 35px 0 10px; font-size:100%; z-index:2; color:#282828; line-height:38px; height:38px; display:block; border:none; }
.searchBox .select select { width:100%; height:38px; line-height:38px; z-index:4; position:absolute; top:0; left:0; margin:0; padding:0; opacity:0; *margin-top:12px; filter:alpha(opacity=0); cursor:pointer; font-size:100%; border:none; border-radius:0; background:none; }

.searchBox.mid { padding:30px 0; overflow:hidden; }

/*----------------------------------------------------------------------*/
/* 檔案下載icon */
.file_ext { display:inline-block; position:relative; }
.file_ext::before { 
	content:''; display:block; position:absolute; top:0; left:0; width:20px; height:20px; 
	}
	.file_csv::before { background-color:#589c00; }
	.file_doc::before { background-color:#2372ba; }
	.file_img::before { background-color:#5b2d8d; }
	.file_mov::before { background-color:#c51700; }
	.file_other::before { background-color:#919191; }
	.file_pdf::before { background-color:#ea4c3a; }
	.file_ppt::before { background-color:#dd5b26; }
	.file_txt::before { background-color:#919191; }
	.file_xls::before { background-color:#08743b; }
	.file_xml::before { background-color:#157efb; }
	.file_zip::before { background-color:#e67e22; }
	.file_odt::before { background-color:#2372ba; }
	.file_ods::before { background-color:#08743b; }
	.file_odp::before { background-color:#dd5b26; }
.file_ext::after { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px;
	background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
	.file_csv::after { background-image:url("../images/file_ext/csv.png"); }
	.file_doc::after { background-image:url("../images/file_ext/doc.png"); }
	.file_img::after { background-image:url("../images/file_ext/img.png"); }
	.file_mov::after { background-image:url("../images/file_ext/mov.png"); }
	.file_other::after { background-image:url("../images/file_ext/other.png"); }
	.file_pdf::after { background-image:url("../images/file_ext/pdf.png"); }
	.file_ppt::after { background-image:url("../images/file_ext/ppt.png"); }
	.file_txt::after { background-image:url("../images/file_ext/txt.png"); }
	.file_xls::after { background-image:url("../images/file_ext/xls.png"); }
	.file_xml::after { background-image:url("../images/file_ext/xml.png"); }
	.file_zip::after { background-image:url("../images/file_ext/zip.png"); }
	.file_odt::after { background-image:url("../images/file_ext/odt.png"); }
	.file_ods::after { background-image:url("../images/file_ext/ods.png"); }
	.file_odp::after { background-image:url("../images/file_ext/odp.png"); }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { margin-top:10px; margin-bottom:30px; position:relative; }
.ListTable table { width:100%; font-size:1em; }
.ListTable caption { padding:10px; letter-spacing:.05em; }
.ListTable td { position:relative; line-height:1.75rem; }
.ListTable td a { color:#009b93; }

.ListTable td.title a { display:block; color:#009b93; font-weight:bold; text-decoration:none; }
.ListTable td.title a:hover, .ListTable td.title a:focus { color:#de1e19; text-decoration:underline; }
.ListTable td.title span { display:block; font-size:0.8125rem; color:#7e7e7e; }
.ListTable td.download li { margin-right:2px; margin-bottom:4px; display:inline-block; }
.ListTable td.download a { text-indent:-10000px; color:#7e7e7e; }
	.ListTable td.download.desc a { width:auto; height:auto; text-indent:0; }
	.ListTable td.download.desc a:after { left:0; margin-left:0; }
.ListTable td.download a:hover, .ListTable td.download a:focus { opacity:0.7; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
.editable_content + .ListPicText { margin-top:0; }
.ListPicText::after, .ListPicText .item > div::after { content:''; display:block; width:100%; clear:both; }
.ListPicText .item, .ListPicText .item > div, .ListPicText .img, .ListPicText .img > div, .ListPicText .cont, .ListPicText .btn { box-sizing:border-box; }

.ListPicText { margin-left:-10px; margin-right:-10px; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; overflow:hidden; }
.ListPicText .item > div { 
	background-color:#fff; height:100%; position:relative;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	}
.ListPicText .img { position:relative; overflow:hidden; }
.ListPicText .img > div {
	padding-bottom:66.7%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
.ListPicText .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-10000px; }

.ListPicText .tag { display:inline-block; background-color:#009b93; color:#fff; line-height:180%; font-size:0.8125em; padding:0 .725em; margin-bottom:5px; }
.ListPicText .date { color:#777; line-height:180%; }
.ListPicText .title { margin-bottom:10px; }
.ListPicText .title a { 
	display:block; color:#000; line-height:150%; text-decoration:none; 
	/*描述最多顯2行，但此語法IE、Firefox皆不支援*/
	/*line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;*/
	/*不支援上述語法時的備案*/
	/*max-height:44px;*/
	}
.ListPicText .title a:hover, .ListPicText .title a:focus { color:#e60012; text-decoration:underline; }
.ListPicText .desc { 
	margin-bottom:15px; color:#555; line-height:180%; 
	/*描述最多顯示3行，但此語法IE、Firefox皆不支援*/
	/*line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;*/
	/*不支援上述語法時的備案*/
	/*max-height:66px;*/
	}
.ListPicText .btn a { 
	display:inline-block; border:1px solid #009b93; width:100px; height:30px; line-height:30px; box-sizing:border-box;
	color:#009b93; font-size:0.875rem; text-align:center; text-decoration:none; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.ListPicText .btn a:hover, .ListPicText .btn a:focus { background-color:#009b93; color:#fff; }

/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult { margin-top:20px; margin-bottom:30px; border-top:1px solid #e0e0e0 }
.SearchResult .item { border-bottom:1px dashed #e0e0e0; padding:20px 0; overflow:hidden; }
.SearchResult .title { line-height:130%; font-size:1.5em; }
.SearchResult .title a { color:#009b93; text-decoration:none; }
.SearchResult .title a:hover { color:#e82d34; text-decoration:underline; }
.SearchResult .date { margin-right:20px; color:#8b8b8b; font-size:0.875em; line-height:180%; }
.SearchResult .cat { margin-right:20px; color:#8b8b8b; font-size:0.875em; line-height:180%; }
.SearchResult .cat a { color:#8b8b8b; text-decoration:none; }
.SearchResult .cat a:hover { color:#e82d34; text-decoration:underline; }
.SearchResult .desc { color:#757575; line-height:180%; }
.SearchResult .item span { color:#f4364c; background-color:#ffec9f; }

/*----------------------------------------------------------------------*/
/* 聯絡我們.會員登入 */
.TwoColmBox { padding-top:1em; }
.TwoColmBox:after { content:""; display:block; clear:both; }
.TwoColmBox .colm_left { padding-bottom:20px; }

/*----------------------------------------------------------------------*/
/* 文章標籤 */
.article_tag { margin-bottom:20px; }
.article_tag dl > * { display:inline-block; position:relative; color:#5d5d5d; font-size:0.875em; }
.article_tag dd::after { content:'、'; }
.article_tag dd:last-child::after { content:''; }
.article_tag dd a { display:inline-block; }