@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:260px; height:60px; margin:0 auto; }
#KeyVisualCont .img { height:60px; }

/*----------------------------------------------------------------------*/
/* Key visual */
#KeyVisual .img { height:460px; }
#KeyVisual .info { left:0; top:86px; width:100%; padding-top:230px; }
#KeyVisual .box1 { display:none; }
.index_slider_wrap .bx-wrapper .bx-pager { display: none; }

/*----------------------------------------------------------------------*/
/* Footer */
#Footer .col_right > ul { float:left; width:50%; padding-right:15px; }
#Footer .contact { display:none; }


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

/* 共用樣式一 */
.index_cont_st1 .picTextBox { min-height:300px; }
.index_cont_st1 .picTextBox .imgBox { width:300px; float:left; margin-right:30px; }
.index_cont_st1 .picTextBox .textBox .title { margin-bottom:10px; }
.index_cont_st1 .picTextBox .textBox .title a { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.index_cont_st1 .picTextBox .textBox .dep { -webkit-line-clamp:3; max-height:100px; }

/* 共用樣式二 */
.index_cont_st2 .indexTitleBox ul { top:0; }
.index_cont_st2 .indexTitleBox ul li { padding-top:6px; }
.index_cont_st2 .indexTitleBox ul li a { padding:20px 25px; }
.index_cont_st2 .list .item { width:48%; margin-left:4%; padding-top:20px; padding-bottom:10px; }
.index_cont_st2 .list .item:nth-child(2n+1) { margin-left:0; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
#Breadcrumbs { display:none; }
.ToolBar { margin-bottom:15px; }
.ToolBar .colm_left { display:none; }
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:right; }

/* 標題 */
.PageTitle .searchBox { margin-top:13px; }
.PageTitle .searchBox > div { width:100%; }
.PageTitle .searchBox.pro_search > div { width:49%; margin-left:2%; }
.PageTitle .searchBox.pro_search > div:first-child { margin-left:0px; }

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

/* 列表搜尋 */

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

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

/* 延伸閱讀 */
.related_articles .item { width:48%; margin-left:4%; padding:0px; }
.related_articles .item:nth-child(2n+1) { margin-left:0; }
.related_articles .item .title a { font-size:112.5%; }
@media screen and (max-width: 767px) {
.related_articles .item .img img { height:160px; }
}
@media screen and (min-width: 768px) {
.related_articles .item .img img { height:200px; }
}

/*----------------------------------------------------------------------*/
/* 一般圖文列表 */
.ListPicText .item { margin-bottom:25px; }

/* list-view 一律以單欄顯示 */
.ListPicText.list-view .imgBox { width:335px; max-width:40%; padding:15px; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .imgBox { float:right; }
.ListPicText.list-view .textBox { padding:15px; }
.ListPicText.list-view .more { padding:0 15px 20px; }
.ListPicText.list-view .imgBox { z-index:6; }

/* grid-view 一律以兩欄顯示 */
.ListPicText.grid-view .item { float:left; width:48.5%; margin-left:3%; }
.ListPicText.grid-view .textBox { padding:0 20px 70px; }
.ListPicText.grid-view .item:nth-child(2n+1) { margin-left:0; }

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

/*----------------------------------------------------------------------*/
/* 當期特展列表 */
.ce_list .textBox { padding:12px 12px 12px 90px; }
.ce_list .no { font-size:3em; left:15px; top:16px; }
.ce_list .more { display:none; }

/* 展覽回顧列表 */
.ce_list.review .title a { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.ce_list.review .item { float:left; margin-left:4%; width:48%; }
.ce_list.review .item:nth-child(2n+1) { margin-left:0; }
.ce_list.review .textBox { padding:12px; }

/*----------------------------------------------------------------------*/
/* 按鈕 */
.BtnCommon.large div[class] span:before { left:20px; }
.BtnCommon.mid div[class] span:before { left:20px; }

.articleComment .BtnCommon.mid div[class] a, .articleComment .BtnCommon.mid div[class] input { padding-left:35px; padding-right:10px; }
.articleComment .BtnCommon.mid div[class] span:before { left:10px; }

/*----------------------------------------------------------------------*/
/* 表單 */
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:top; }
.FormTable > tbody > tr > th { width:125px; padding:15px 15px 15px 0; text-align:right; }
.FormTable > tbody > tr > th:empty::after { display:none; }
.FormTable > tbody > tr > td { padding:10px 0 4px; }
.FormTable.lectureForm > tbody > tr > th { padding:18px 15px 18px 0; }
.FormTable.lectureForm > tbody > tr > td { padding:14px 15px 7px 0; }

/* 表單元件 */
.FormElmt .input_group > div { display:inline-block; white-space:nowrap; margin-right:12px; }
.FormElmt input + input, .FormElmt input + select, .FormElmt select + input, .FormElmt select + select { margin-left:4px; }

.input_table li { width:33.33%; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.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; }
.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, .ListTable td.kind:before { content:""; }

.ListTable td.no {
	width:30px; height:30px; line-height:30px; color:#555; background:#f9dca3; text-shadow:1px 1px 1px #fff; 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; }
.ListTable td.kind { background:#ff9c00; color:#fff; display:inline-block; padding:2px 10px; margin:2px 10px 0; font-size:0.875em; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
/*@media screen and (min-width: 768px) and (max-width: 1023px) {
.ListPicText .item { float:left; width:32%; margin-left:2%; }
.ListPicText .item:nth-child(3n+1) { margin-left:0; }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
.ListPicText .item { float:left; width:48.5%; margin-left:3%; }
.ListPicText .item:nth-child(2n+1) { margin-left:0; }
}
.ListPicText .tag { padding-top:12px; }
.ListPicText .tag a { 
	background-color:#e7e7e7; color:#585858; line-height:32px; padding:0 8px; margin-bottom:5px; 
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	}
.ListPicText .tag a:hover { background-color:#d11426; color:#FFF; text-decoration:none; }*/

/*----------------------------------------------------------------------*/
/* 內頁-成功案例-列表樣式 */
.list_st1.list .item { width:48.75%; margin-left:2.5%; padding:0 0 15px 0; }
.list_st1.list .item:nth-child(2n+1) { margin-left:0px; }
.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 a { white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; color:#ff4c11; }
.list_st1.list .item .cont .btn { padding-top:15px; }

/*----------------------------------------------------------------------*/
/* 列表樣式_無效果 */
.list_st2.list .item { width:48.75%; margin-left:2.5%; padding:0 0 15px 0; }
.list_st2.list .item:nth-child(2n+1) { margin-left:0px; }
.list_st2.list .item .cont .title a { line-height:30px; white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; }
.list_st2.list .item .cont .btn { padding:0px; }

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

.location_indo > div { display:table-cell; vertical-align:middle; }
.location_indo .left { padding-right:15px; }
.location_indo .right { padding-left:15px; }

/*----------------------------------------------------------------------*/
/* 登入 */
.LoginBox .colm_left { float:left; width:50%; padding-right:20px; border-right:1px solid #e5e5e5; box-sizing:border-box; }
.LoginBox .colm_right { float:right; width:50%; padding-left:20px; box-sizing:border-box; }

/*----------------------------------------------------------------------*/
/* 熱門講座_列表 */
.ListPicText.lectureIngList .textBox { overflow:hidden; padding-left:0; }
.lectureIngList .item .textBox .desc { padding:10px 0px 15px; }
.lectureIngList .item .textBox .desc .tl { position:relative; }
.lectureIngList .item .textBox .desc li { padding-left:0px; padding-bottom:10px; }

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

/*----------------------------------------------------------------------*/
/* 典藏文物 */
@media screen and (min-width: 768px) {
	.proBox .imgBox { float:left; width:40%; }
	.proBox .textBox { float:right; width:55%; }
}
@media screen and (max-width: 767px) {
	.proBox .imgBox { width:100%; margin-bottom:1.25em; }
}

/* 禮品 */
.memBox .back { display:none; }
.memBox .proBox .textBox { padding-right:20px; padding-top:20px; }
.pro_arrow { position:absolute; top:50%; margin-top:-20px; }

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