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

/*----------------------------------------------------------------------*/
/* Header */
#Menu, #Header .right, #LeftMenu { display:none; }
#Header { height:60px; position:absolute; }
#logo a { background-image:url(../images/logo_mob.png); width:230px; height:60px; margin:0 auto; }
#Header .inner { padding-left:75px; }
#KeyVisualCont .img { height:60px; }

/*----------------------------------------------------------------------*/
/* Key visual */
#KeyVisual .img { height:460px; }
#KeyVisual .info { left:50%; top:86px; margin-left:-110px; padding-top:230px; }
#KeyVisual .info .inner { padding:0px; }
#KeyVisual .box1 { display:none; }

/*----------------------------------------------------------------------*/
/* Footer */
#Footer .contact { display:none; }
#Footer .col_right > ul.info { margin-bottom:25px; }

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

/* 共用樣式一 */
.index_cont_st1 .picTextBox { max-width:420px; margin:0 auto; }
.index_cont_st1 .picTextBox .textBox { padding:15px 15px 25px 15px; }
.index_cont_st1 .picTextBox .textBox .more { text-align:center; }
.index_cont_st1 .picTextBox .textBox .dep { -webkit-line-clamp:5; }
.index_cont_st1 .bx-controls-direction { display: none; }
.index_cont_st1 .bx-viewport .index_slider .picTextBox { margin: 15px auto; }

/* 共用樣式二 */
.index_cont_st2 .indexTitleBox { padding-bottom:35px; }
.index_cont_st2 .indexTitleBox ul { top:60px; }
.index_cont_st2 .indexTitleBox ul li a { padding:10px 25px 6px; }
.index_cont_st2 .list .title a { height:auto; }
.index_cont_st2 .list .item { width:100%; padding-top:20px; padding-bottom:10px; }


/*----------------------------------------------------------------------*/
/* 內頁 */

/*----------------------------------------------------------------------*/
/* 內頁元素 */
#Breadcrumbs { display:none; }
.ToolBar { margin-bottom:10px; }
.ToolBar .colm_left { display:none; }
.ToolBar dl.font_size { padding-bottom:10px; }
@media screen and (min-width: 480px) {
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:right; }
}

/* 標題 */
.PageTitle .pro_search > div { width:49%; margin-left:2%; }
.PageTitle .searchBox { margin-top:10px; }
.PageTitle .searchBox > div { width:100%; margin:5px 0; }
@media screen and (max-width: 480px) {
	.searchBox.mid > div { width:100%; margin:5px 0; }
}

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

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

/* 頁碼 */
#Pagination { margin-top:0; }
#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:20px; }
.editable_content ul { margin-left:20px; }
.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; }
ul.ext_list { padding-left:35px; }

ul.items { margin-left:30px; }
@media screen and (max-width: 559px) {
.editable_content .img_grand, .editable_content .img_grand tbody, .editable_content .img_grand tr, .editable_content .img_grand td { display:block; }
.editable_content .img_grand td { width:100% !important; padding:0 0 20px 0 !important; }
.editable_content .img_grand.six_col td { padding:20px 0 15px 0 !important; }
.editable_content .imgleft, .editable_content .imgright { float:none !important; clear:both; width:100%; max-width:100%; text-align:center; margin-top:0; margin-bottom:20px; margin-left:auto; margin-right:auto; }
}
.mob_hide { display:none; }
.dep_hide { display:block; }

/* colorbox */
#colorbox_thum a { width:110px; margin:10px 8px; }

/* 文章列表 */
h2.article_title { font-size:150%; margin-top:10px; }

/* 延伸閱讀 */
.related_articles .item { padding:0px; }
.related_articles .item .img img { height:140px; }
.related_articles .item .title a { font-size:100%; }
@media screen and (max-width: 479px) {
.related_articles .item { float:none; max-width:360px; margin-left:auto; margin-right:auto; }
}
@media screen and (min-width: 480px) {
.related_articles .item { width:48%; margin-left:4%; }
.related_articles .item:nth-child(2n+1) { margin-left:0; }
}

/*----------------------------------------------------------------------*/
/* 一般圖文列表 */
.ListPicText .item { width:100%; margin-bottom:25px; }
.ListPicText .tag { margin-top:-0.9235em; }

/* list-view */
.ListPicText.list-view .textBox { padding:0 15px 20px 15px; }
.ListPicText.list-view .imgBox { float:none; }
.ListPicText.list-view .more { padding:0 15px 20px; }

/* grid-view */
.ListPicText.grid-view .textBox { padding:0 15px 70px; }
.ListPicText.grid-view .item .more { left:15px; }

/* 相簿列表-典藏文物.宗博文創 */
.ListPicText.album .textBox { padding:15px; }

/*----------------------------------------------------------------------*/
/* 常設展列表 */
.le_list .dep { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; }
@media screen and (min-width: 480px) {
	.le_list .item, .news_list .item { width:48.5%; margin-left:3%; margin-bottom:25px; float:left; }
	.le_list .item:nth-child(2n+1), .news_list .item:nth-child(2n+1) { margin-left:0; }
}
@media screen and (max-width: 479px) {
	.le_list .item, .news_list .item { width:100%; margin-bottom:25px; }
}

/*----------------------------------------------------------------------*/
/* 當期特展列表 */
.ce_list .textBox { padding:12px 12px 12px 43px; }
.ce_list .no { font-size:0.75em; left:10px; top:20px; background:#aaa; color:#fff; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.ce_list .more { display:none; }

/* 展覽回顧列表 */
.ce_list.review .textBox { padding:12px; }

/*----------------------------------------------------------------------*/
/* 內頁-成功案例-列表樣式 */
.list_st1.list .item { padding:0 0 15px 0; }
.list_st1.list .item .cont { padding-top:5px; }
.list_st1.list .item .cont .desc { color:#2e2e2e; font-size:14px; }
.list_st1.list .item .cont .title { padding:3px 0; }
.list_st1.list .item .cont .title a { line-height:130%; color:#ff4c11; }
.list_st1.list .item .cont .btn { padding-top:15px; }

/*----------------------------------------------------------------------*/
/* 列表樣式_無效果 */
.list_st2.list { padding:0px; }
.list_st2.list .item { padding:0px; margin-bottom:25px; }
.list_st2.list .item .cont .title { margin:8px 10px 5px 10px; }
.list_st2.list .item .cont .desc { margin:0 10px 10px; height:auto; max-height:65px; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable, .ListTable tbody, .ListTable tr, .ListTable th, .ListTable td { display:block; }
.ListTable { margin-bottom:20px; background:none; }
.ListTable tr:nth-child(odd), .ListTable tr:nth-child(even) { background:#f6f6f6; }

.ListTable tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable tr { margin-bottom:15px; border-bottom:1px solid #e0e0e0; position:relative; padding:5px 0; text-align:left; }

.ListTable tr td { margin:8px 10px; padding:0; text-align:left; }
.ListTable tr td:before { font-weight:bold; content: attr(data-th)"：";  font-family: "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei", "微软雅黑"; }
.ListTable td.no:before, .ListTable td.title:before, .ListTable td.date:before, .ListTable td.btn:before, .ListTable td.edit:before { content:""; }

.ListTable td.no {
	width:30px; height:30px; line-height:30px; color:#616161; background:#f9dca3; position:absolute; left:5px; top:10px; margin:0; text-align:center;
	-webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;
}
.ListTable td.title { font-size:1.25em; }
.ListTable td.date { color:#888; font-size:0.9375em; line-height:100%; }
.ListTable td.btn input { padding:8px 14px; }
.ListTable td.edit { padding: 3px 0; }

/*----------------------------------------------------------------------*/
/* 表單 */
.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; }

/*----------------------------------------------------------------------*/
/* 登入 */
.LoginBox .colm_right { padding-top:30px; }

/*----------------------------------------------------------------------*/
/* 提醒視窗 */
.alert_box > div { max-height:90%; margin:15px; padding:20px; }
.alert_box .close { position:fixed; top:20px; right:20px; }

.location_indo .left { padding:10px 0; }

/*----------------------------------------------------------------------*/
/* 按鈕 */
.BtnCommon.btn_form div { margin:5px; }
.BtnCommon.large div[class] a, .BtnCommon.large div[class] input { padding-left:45px; padding-right:20px; }
.BtnCommon div[class] span:before { left:20px; }
.BtnCommon.mid a, .BtnCommon.mid input { font-size:0.875em; }
.BtnCommon.large a, .BtnCommon.large input { font-size:1em; }

/*----------------------------------------------------------------------*/
/* 熱門講座_列表 */
.ListPicText.list-view.lectureIngList .textBox { padding:15px; }
@media screen and (max-width: 529px) {
	.lectureIngList .desc { padding:8px 4px; }
	.lectureIngList .desc .tl { position:relative; }
	.lectureIngList .desc li { padding-left:0px; padding-bottom:10px; }
	.lectureIngList .textBox { padding:15px 10px; }
}
/* 熱門講座_內容 */
.apply_info li.location { padding:7px 10px; }
.apply_info li.info { margin:12px 0 12px 10px; }
.apply_info li.info .tl { display:block; padding-bottom:5px; }
.apply_info li.btn { margin:12px 0 12px 10px; }

.FormTable.lectureForm tr { padding:10px; }

/* 擴充功能新增-20191129 */
.FormGroup .FormItem .FormTable > tbody > tr:last-child { border-bottom: none; }
.AccompanyGroup > .AccompanyGroupTitle { margin-bottom: 5px; }
.AccompanyGroup .FormItem .AccompanyGroupTitle { margin-bottom: 0; }

/*----------------------------------------------------------------------*/
/* 投票 */
.vote_list { margin:0.625em 0.625em 0; }
.voteBox_R { padding:0.625em 0.625em 0; }

/*----------------------------------------------------------------------*/
/* 典藏文物 */
.proBox .imgBox { margin-bottom:1.25em; }
.proBox .textBox dl { padding:8px 0; }
.proBox .textBox dl dt { position:relative; left:auto; top:auto; margin-bottom:5px; padding:3px 10px; background:#bbb; }

/* 禮品 */
.memBox .proBox { padding:15px; }
.memBox .proBox .textBox { padding-top:20px; }
.memBox .back a { position:relative; display:block; background:#eee; padding:8px 8px 8px 24px; margin:5px 10px; text-decoration:none; color:#000; }
.memBox .back a:before { content:""; width:8px; height:8px; border-top:2px solid #333; border-left:2px solid #333; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); position:absolute; left:11px; top:11px; }

.pro_arrow { position:relative; padding:15px 0; height:35px; }
.pro_arrow a { width:auto; height:35px; line-height:35px; text-indent:0; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; }
.pro_arrow a.arrow_left { padding-left:28px; padding-right:12px; }
.pro_arrow a.arrow_right { padding-left:12px; padding-right:28px; }
.pro_arrow a:after { margin:-6px 0 0 0; }
.pro_arrow a.arrow_left:after { left:12px; }
.pro_arrow a.arrow_right:after { left:auto; right:12px; }

/*----------------------------------------------------------------------*/
/* 季刊列表 */
.MgzList .item { padding-bottom:40px; }
@media screen and (min-width: 460px) {
	.MgzList .item { width:48%; margin-left:4%; }
	.MgzList .item:nth-child(2n+1) { margin-left:0; }
	.MgzList .item .periods { font-size:1.625em; bottom:-3px; }
}
@media screen and (max-width: 459px) {
	.MgzList .item { width:100%; }
	.MgzList .item .periods { font-size:1.625em; bottom:-3px; }
}