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

/*----------------------------------------------------------------------*/
/* Header */
#Header .right { display:none; }
#logo { padding-left:60px; }
#logo a { background-image:url(../images/logo.png); width:230px; height:60px; margin:0 auto; }
#Footer { text-align:left; }

/*----------------------------------------------------------------------*/
/* Key visual */
#KeyVisual { padding:1.5em 0 2em; }
#KeyVisual .inner { position:relative; box-sizing:border-box; padding:0 30px; }
.indexAbout .zh { font-size:2em; line-height:2.5rem; margin-bottom:5px; }
.indexAbout .en { font-size:1.125em; }
.indexAbout .cont { padding-top:1em; }
.indexAbout .cont .desc { line-height:2em; }
.indexAbout .img { margin-left:20px; }

/*----------------------------------------------------------------------*/
/* 首頁 */
/* 標題共用樣式 */
.indexTitle h2 { font-size:1.75em; }

/* 新聞 */
.indexNews .title a { font-size:1.875em; }
.indexNews .right { margin-top:80px; }
@media screen and (min-width: 350px) {
	.indexNews .focus { padding:10px 25px 15px 25px; }
	.indexNewsList li { padding:0 25px; }
}
@media screen and (max-width: 349px) {
	.indexNews .focus { padding:10px 15px 15px 15px; }
	.indexNewsList li { padding:0 15px; }
	.indexNews .img { float:none; width:100%; padding-bottom:64.3%; margin-right:0; margin-bottom:12px; }
}

/*----------------------------------------------------------------------*/
/* 內頁 */
#Center { margin-top:40px; }
#Center:before { top:-40px; }

/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 標題 */
#MainBar { padding:1em 0; }
#MainBar h2 { font-size:2em; }

/* 麵包列 */
#Breadcrumbs { display:none; }

/* 工具列 */
.ToolBar .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:36px; }
.ToolBar dl.font_size a, .ToolBar dl.share a { width:36px; height:36px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size a span, .ToolBar dl.share a span { width:36px; height:36px; }
.ToolBar dl.font_size a:after { margin-left:3px; margin-top:3px; }
.ToolBar dl.share a:after { width:36px; height:36px; }
.ToolBar .colm_left, .ToolBar dl.share dt, .ToolBar dl.font_size dt { display:none; }
@media screen and (min-width: 480px) {
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:right; }
}

/* 分類下拉 */
.CatTitle .cat_select { margin-top:10px; }

/* 列表搜尋 */
.ListSearch .item { float:none; }
.ListSearch.FormElmt input[type="text"] { width:100%; max-width:400px; }

/* 頁碼 */
#Pagination { margin-top:10px; }
#Pagination a { margin:0 5px; display:none;	}
#Pagination a.prev, #Pagination a.next, #Pagination .current { display:inline-block; }
#Pagination .setting { display:none; }

/* 編輯器 */
.editable_content blockquote { padding:15px 30px; }
.editable_content ol { margin-left:30px; }
.editable_content ul { margin-left:30px; }
.editable_content .imgleft, .editable_content .imgright { float:none !important; clear:both; max-width:100%; text-align:center; margin-top:0; margin-bottom:20px; margin-left:auto; margin-right:auto; }
@media screen and (max-width: 559px) {
.editable_content .imgleft, .editable_content .imgright { width:100%; text-align:center; }
}
.mob_hide { display:none; }
.dep_hide { display:block; }

/* colorbox */
#colorbox_thum a { width:140px; margin:5px; }

/* 文章列表 */
h3.article_title { font-size:1.75em; margin-top:10px; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable caption { display:block; font-size:1.125em; line-height:1.5em; background-color:#d0e9e8; }
.ListTable table, .ListTable tbody, .ListTable tr, .ListTable th, .ListTable td { display:block; }
.ListTable tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable tr { padding:10px; border-bottom:1px dashed #ddd; }

.ListTable 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.title:before { content:""; }
.ListTable td.cat, .ListTable td.unit { color:#555; }
.ListTable td.date { margin-bottom:-5px; color:#555; font-size:0.875rem; position:relative; }
.ListTable td.date::before { font-family:'Font Awesome 5 Regular'; content:"\f073"; margin-right:8px; font-weight:400; }
.ListTable td.date br { display:none; }
.ListTable td.title { font-size:1.25rem; font-weight:bold; }
.ListTable td.download a.file_ext { width:32px; height:32px; line-height:32px; }
.ListTable td.download a.file_ext::before { width:32px; height:32px; }
.ListTable td.download a.file_ext::after { width:24px; height:24px; margin:-12px 0 0 -12px; }
.ListTable td.download.desc li { display:block; }
.ListTable td.download.desc a.file_ext { text-indent:0; width:auto; padding-left:34px; }
.ListTable td.download.desc a.file_ext::after { left:4px; margin-left:0; }

.ListTable td.desc:before { content:""; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
/* 639px~480px時 一律以圖上文下雙欄顯示,479以下時，一律以圖上文下單欄顯示 */
.ListPicText { margin-left:-10px; margin-right:-10px; }
.ListPicText .item { padding-left:10px; padding-right:10px; margin-bottom:20px; }
.ListPicText .item > div { padding-bottom:30px; }/* 按鈕的高度 */

.ListPicText .img { float:none; }
.ListPicText .cont { padding:15px; }
.ListPicText .title { font-size:1.25rem; }
.ListPicText .date { font-size:0.8125rem; }
.ListPicText .desc { font-size:0.875rem; }
.ListPicText .btn { position:absolute; width:100%; bottom:15px; left:0; padding-left:15px; }

@media screen and (max-width: 480px) {
.ListPicText .item { width:100%; max-width:360px; margin-left:auto; margin-right:auto; }
}

@media screen and (min-width: 479px) {
.ListPicText .item { float:left; width:50%; }
}

/*----------------------------------------------------------------------*/
/* 表單 */
.FormGroup { padding:15px 12px; margin-bottom:15px; }
.FormTable, .FormTable > tbody, .FormTable > tbody > tr, .FormTable > tbody > tr > th, .FormTable > tbody > tr > td { display:block; }
.FormTable > tbody > tr > th { text-align:left; }
.FormTable > tbody > tr > td { }
.FormTable > tbody > tr { padding:10px 0; border-bottom:1px dashed #d3d3d3; }

.input_table li { width:50%; }

/* 驗證碼 */
.FormElmt .randomcode .img img { margin-bottom:11px; }

/*----------------------------------------------------------------------*/
/* 按鈕 */
.BtnCommon.btn_form div { margin:5px; }
.BtnCommon.large div[class] a, .BtnCommon.large div[class] input { padding-left:2.875em; padding-right:1.25em; }
.BtnCommon.large div[class] span:before { left:1.25em; }
.BtnCommon.mid div[class] a, .BtnCommon.mid div[class] input { padding-left:2.875em; padding-right:1.25em; }
.BtnCommon.mid div[class] span:before { left:1.25em; }
.BtnCommon div[class] span:before { left:1.25em; }

/*----------------------------------------------------------------------*/
/* 文章標籤 */
.article_tag dl > * { height:32px; line-height:32px; }
.article_tag dt::after { content:'：'; }
.article_tag dd a { 
	background-color:#dcdcdc; color:#585858; padding:0 8px; text-decoration:none; 
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	}
.article_tag dd a:hover { background-color:#eb5902; color:#fff; }