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

/*----------------------------------------------------------------------*/
/* Header */
#Header { position:fixed; }
#Header .right { float:right; }
#Header .right > ul { float:left; }
#logo { position:absolute; left:15px; top:0; }
#logo a { background-image:url(../images/logo.jpg); width:220px; height:220px; box-shadow:0px 0px 8px rgba(0,0,0,.5); }
#KeyVisualCont .img { height:360px; }

/*----------------------------------------------------------------------*/
/* Menu */
#Menu:after { content:""; clear:both; display:block; }
#Menu li { position:relative; }
#Menu > li { float:left; }
#Menu li a { text-decoration:none; color:#000; display:block; }
#Menu > li:hover > a { background-color:#3e3d3d; color:#fff; }
#Menu > li > a { line-height:24px; padding:18px 15px; font-weight:bold; font-size:1.125em; }

/* 隱藏顯示 */
#Menu li ul { visibility:hidden; }
#Menu li:hover ul li { visibility:visible; }
#Menu li ul li ul { visibility:hidden; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
#Menu li ul li:hover ul { visibility:visible; }
#Menu li ul li:hover ul li ul { visibility:hidden; }
#Menu li ul li ul li:hover ul { visibility:visible; }

/*第二層底下共用*/
#Menu > li > ul { display:none; position:absolute; top:60px; left:0; width:108px; z-index:999; opacity:0; background-color:#ffffff; }
#Menu > li:hover > ul { display:block; visibility:visible; opacity:1; z-index:9999; }
#Menu ul { -moz-box-shadow:0px 5px 5px rgba(0,0,0,.2); -webkit-box-shadow:0px 5px 5px rgba(0,0,0,.2); box-shadow:0px 5px 5px rgba(0,0,0,.2); }
#Menu ul li { border-top:1px solid #666; }
#Menu ul li:first-child { border:none; }
#Menu ul li a { line-height:1.5em; padding:8px 10px; background:#3e3d3d; color:#fff; text-decoration:none; font-size:0.875em; }
#Menu ul li a:hover { background:#e82d34; }

/*第三層*/
#Menu > li > ul > li > ul { display:none; position:absolute; left:100%; top:0px; width:100%; z-index:999; opacity:0; background-color:#ffffff; }
#Menu > li > ul > li:hover > ul { display:block; visibility:visible; opacity:1; z-index:9999; }

/*第四層*/
#Menu > li > ul > li > ul li > ul { display:none; position:absolute; left:100%; top:0px; width:100%; z-index:999; opacity:0; background-color:#ffffff; }
#Menu > li > ul > li > ul li:hover > ul { display:block; visibility:visible; opacity:1; z-index:9999; }

/*最後一個往左長*/
#Menu li.last ul, #Menu { right:0; left:auto; }
#Menu > li.last > ul > li > ul { right:108px; left:auto; }
#Menu > li.last > ul > li > ul li > ul { right:108px; left:auto; }

/* Header-搜尋.語系 */
#Header ul.other a { text-decoration:none; display:block; }
#Header ul.other ul { display:none; -moz-box-shadow:0px 5px 5px rgba(0,0,0,.2); -webkit-box-shadow:0px 5px 5px rgba(0,0,0,.2); box-shadow:0px 5px 5px rgba(0,0,0,.2); }
#Header ul.other ul li { border-top:1px solid #666; }
#Header ul.other ul li:first-child { border:none; }
#Header ul.other ul li a { line-height:1.5em; padding:8px 10px; background:#3e3d3d; color:#fff; text-decoration:none; font-size:0.875em; }
#Header ul.other ul li a:hover { background:#e82d34; }
#Header ul.other > li > a { height:60px; opacity:.6; font-size:0.875em; color:#000; line-height:60px; }
#Header ul.other > li:hover > a, #Header ul.other > li.show > a { opacity:1; }
#Header ul.other > li > ul { position:absolute; right:0; top:60px; }
#Header ul.other > li ul { width:80px; background-color:#3e3d3d; }
#Header ul.other > li:hover > ul { display:block; }
#Header ul.other li { position:relative; }
#Header ul.other > li { float:left; margin:0 10px; }
#Header ul.other > li:after { content:""; display:block; width:1px; height:32px; background:rgba(0,0,0,.4); position:absolute; left:-10px; top:50%; margin-top:-16px; }
#Header ul.other > li:first-child:after { display:none; }
#Header ul.other > li > ul > li > ul { display:none; position:absolute; left:100%; top:0px; width:100px; z-index:999; opacity:0; background-color:#ffffff; }
#Header ul.other > li > ul > li:hover > ul { display:block; visibility:visible; opacity:1; z-index:9999; }


#Header ul.other li.header_search > a { text-indent:-9999px; background:url(../images/icon_search.png) no-repeat center center; width:32px; }
#Header ul.other li.header_search > ul { width:240px; }
#Header .search_box { box-shadow:0px 5px 5px rgba(0,0,0,.2); padding:15px; }
#Header .search_box li { padding-right:60px; }
#Header .search_box.show { display:block; }
#Header .search_box input[type="text"] { width:180px; margin-bottom:0px; }
#Header .search_box input[type="submit"] { position:absolute; right:0; top:0; background:#e82d34; color:#fff; font-size:0.875em; padding:0 10px; height:35px; line-height:35px; letter-spacing:1px; box-shadow:0px 0px 5px rgba(0,0,0,.2); }
#Header .search_box input[type="submit"]:hover { background:#ff7f30; }

#Header ul.other > li.lang { margin-left:15px; margin-right:0; }
#Header ul.other > li.lang:after { left:-15px; }
#Header ul.other > li.lang > a { padding-right:20px; }
#Header ul.other > li.lang > a:after {
	content:''; position:absolute; top:23px; right:4px; width:8px; height:8px; border-top:1px solid #000; border-left:1px solid #000;
    -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); transform: rotate(225deg);
}

#Header ul.other li.member > a { text-indent:-9999px; background:url(../images/icon_member.png) no-repeat center center; width:32px; }
#Header ul.other > li.member {}

/* 浮動效果 */
#Header, #logo a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
#Wrap.MenuFix #Header { background:#fff; }
#Wrap.MenuFix #Header #logo a { width:120px; height:120px; }

@media screen and (max-width: 1279px) {
	#Menu > li > a { padding:18px 10px; }
	#Header .right ul.other { margin-left:5px; }
	#logo a { width:120px; height:120px; }
}

/*----------------------------------------------------------------------*/
/* Key visual */
#KeyVisual .info { left:0; top:420px; width:100%; }
@media screen and (max-width: 1279px) {
	#Menu > li > a { font-size:1em; }
	#KeyVisual .info { top:260px; }
}
@media screen and (max-height: 799px) {
	#Menu > li > a { font-size:1em; }
	#KeyVisual .info { top:260px; }
}
.index_slider_wrap .bx-wrapper .bx-pager { display: none; }

/*----------------------------------------------------------------------*/
/* Footer */
#Footer .inner > div { width:50%; }
#Footer .col_left { float:left; }
#Footer .col_right { float:right; }
#Footer .col_right > ul { float:left; width:50%; padding:0 20px; }

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

/* 共用樣式一 */
.index_cont_st1 .picTextBox { min-height:420px; }
.index_cont_st1 .picTextBox .imgBox { width:420px; float:left; margin-right:40px; }
.index_cont_st1 .picTextBox .textBox .title { margin-bottom:25px; }
.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:5; max-height:172px; }

/* 共用樣式二 */
.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:25%; padding-top:30px; padding-bottom:30px; padding-left:15px; padding-right:15px; }
.index_cont_st2 .list .item:nth-child(1) { padding-left:0px; padding-right:25px; }
.index_cont_st2 .list .item:nth-child(4) { padding-left:25px; padding-right:0px; }


/*----------------------------------------------------------------------*/
/* 內頁 */
#Content { overflow:hidden; }

/* 標題 */
.PageTitle h1 { float:left; }
.PageTitle .searchBox { float:right; }

/*----------------------------------------------------------------------*/
/* 表單 */
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:top; }
.FormTable > tbody > tr > th { width:200px; padding:15px 15px 15px 0; text-align:right; }
.FormTable > tbody > tr > th:empty::after { display:none; }
.FormTable > tbody > tr > td { padding:12px 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; }

/* item */
.input_table li { width:25%; }


/*----------------------------------------------------------------------*/
/* 左選單 */
#LeftMenu + #Content { margin-left:260px; }
#LeftMenu { margin-top:-60px; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 工具列 */
.ToolBar .colm_right { float:right; }
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:left; margin-left:36px; }

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

/* 列表搜尋 */
.ListSearch { padding-left:2px; }

/* 頁碼 */
#Pagination a { margin:0 2px; }
#Pagination .current { display:none; }

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

/* 延伸閱讀 */
.related_articles .item { width:23.5%; margin-left:2%; }
.related_articles .item:first-child { margin-left:0; }
.related_articles .item .tag { left:0px; }
.related_articles .item .title a { font-size:100%; }

/*----------------------------------------------------------------------*/
/* 一般圖文列表 */
.ListPicText .item { margin-bottom:30px; }
.ListPicText .textBox { padding:0 20px 70px; }

/* list-view */
.ListPicText.list-view .imgBox { width:350px; max-width:50%; padding:15px; z-index:6; }
.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; }

/* grid-view */
/* 兩欄 */
.ListPicText.bisection .item { float:left; width:48.5%; margin-left:3%; }
.ListPicText.bisection .item:nth-child(2n+1) {  margin-left:0; }

/* 三欄 */
.ListPicText.trisection .item { float:left; width:32%; margin-left:2%; }
.ListPicText.trisection .item:nth-child(3n+1) { margin-left:0; }

/* 四欄 */
.ListPicText.quarters .item { float:left; width:23.5%; margin-left:2%; }
.ListPicText.quarters .item:nth-child(4n+1) {  margin-left:0; }
 
/*----------------------------------------------------------------------*/
/* 常設展列表 */
.le_list .item { float:left; }
.le_list .title a { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.le_list .dep { max-height:88px; overflow:hidden; }
.fs3 .le_list .dep { max-height:103px; }
@media screen and (max-width: 1219px) {
	.le_list .dep { max-height:45px; }
}
.le_list .item { width:23.5%; margin-bottom:40px; }
.le_list .item:nth-child(2), .le_list .item:nth-child(3), .le_list .item:nth-child(8), .le_list .item:nth-child(9), .le_list .item:nth-child(14), .le_list .item:nth-child(15) { margin-left:1.5%; margin-right:0; }
.le_list .item:nth-child(4), .le_list .item:nth-child(5), .le_list .item:nth-child(10), .le_list .item:nth-child(11), .le_list .item:nth-child(16), .le_list .item:nth-child(17) { margin-left:0; margin-right:1.5%; }

.le_list .item:nth-child(1), .le_list .item:nth-child(6), .le_list .item:nth-child(7), .le_list .item:nth-child(12), .le_list .item:nth-child(13), .le_list .item:nth-child(18) { width:48.5%; border:none; }
.le_list .item:nth-child(1), .le_list .item:nth-child(7), .le_list .item:nth-child(13) { margin-left:0; margin-right:1.5%; }
.le_list .item:nth-child(6), .le_list .item:nth-child(12), .le_list .item:nth-child(18) { margin-left:1.5%; margin-right:0; }

.le_list .item:nth-child(1) .textBox, .le_list .item:nth-child(6) .textBox, .le_list .item:nth-child(7) .textBox, .le_list .item:nth-child(12) .textBox, .le_list .item:nth-child(13) .textBox, .le_list .item:nth-child(18) .textBox {
	position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}
.le_list .item:nth-child(1) .dep,
.le_list .item:nth-child(6) .dep,
.le_list .item:nth-child(7) .dep,
.le_list .item:nth-child(12) .dep,
.le_list .item:nth-child(13) .dep,
.le_list .item:nth-child(18) .dep { color:#d8d8d8; height:0; margin-top:0; overflow:hidden; visibility:hidden; opacity:0.3; }
.le_list .item:nth-child(1):hover .dep,
.le_list .item:nth-child(6):hover .dep,
.le_list .item:nth-child(7):hover .dep,
.le_list .item:nth-child(12):hover .dep,
.le_list .item:nth-child(13):hover .dep,
.le_list .item:nth-child(18):hover .dep { height:auto; margin-top:10px; visibility:visible; opacity:1; }
.le_list .item:nth-child(1) .title a,
.le_list .item:nth-child(6) .title a,
.le_list .item:nth-child(7) .title a,
.le_list .item:nth-child(12) .title a,
.le_list .item:nth-child(13) .title a,
.le_list .item:nth-child(18) .title a { color:#fff; font-size:1.375em; line-height:1.2em; }
.le_list .item:nth-child(1) .title a:before,
.le_list .item:nth-child(6) .title a:before,
.le_list .item:nth-child(7) .title a:before,
.le_list .item:nth-child(12) .title a:before,
.le_list .item:nth-child(13) .title a:before,
.le_list .item:nth-child(18) .title a:before { height:23px; }
.le_list .item:nth-child(1) .title a:hover:before,
.le_list .item:nth-child(6) .title a:hover:before,
.le_list .item:nth-child(7) .title a:hover:before,
.le_list .item:nth-child(12) .title a:hover:before,
.le_list .item:nth-child(13) .title a:hover:before,
.le_list .item:nth-child(18) .title a:hover:before { background:#fff; }

/*----------------------------------------------------------------------*/
/* 當期特展列表 */
.ce_list .textBox { padding:12px 110px 12px 105px; }
.ce_list .no { font-size:3.75em; left:20px; top:12px; }
.ce_list .title a { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }

/* 展覽回顧列表 */
.ce_list.review .item { float:left; margin-left:3%; width:48.5%; }
.ce_list.review .item:nth-child(2n+1) { margin-left:0; }
.ce_list.review .textBox { padding:12px 95px 12px 15px; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable td.date { width:100px; }
.ListTable td.no { width:30px; }
.ListTable td.boolean { width:100px; }
.ListTable td.btn { width:100px; }

/* 報名人數 */
.ListTable td.limit { width:80px; }
/* 活動日期 */
.ListTable td.e_date > span { display:block; }
	.fs1 .ListTable th.e_date, .fs1 .ListTable td.e_date, .ListTable th.e_date, .ListTable td.e_date { width:102px; }
	.fs2 .ListTable th.e_date, .fs2 .ListTable td.e_date { width:110px; }
	.fs3 .ListTable th.e_date, .fs3 .ListTable td.e_date { width:130px; }
/* 申請按鈕 */
.fs1 .ListTable td.edit { width:50px; }
.fs2 .ListTable td.edit { width:65px; }
.fs3 .ListTable td.edit { width:75px; }

/*----------------------------------------------------------------------*/
/* 內頁-成功案例-列表樣式 */
.list_st1.list .item { width:32%; margin-left:2%; }
.list_st1.list .item:nth-child(3n+1) { margin-left:0px; }
.list_st1.list .item .cont { position:absolute; bottom:0; left:0; padding:10px 15px; background:rgba(0,0,0,.8); width:100%; box-sizing:border-box; }
.list_st1.list .item .cont .desc { max-height:0; opacity:0; overflow:hidden; color:#ddd; }
.list_st1.list .item:hover .cont .desc { opacity:1; max-height:65px; height:65px; }
	.fs3 .list_st1.list .item:hover .cont .desc { max-height:77px; height:77px; }
.list_st1.list .item .cont .title a { white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; color:#fff; }
.list_st1.list .item .cont .btn { max-height:0; opacity:0; overflow:hidden; }
.list_st1.list .item .cont .btn a { color:#fff; border:1px solid #fff; }
.list_st1.list .item:hover .cont .btn { max-height:65px; padding-top:10px; opacity:1; }

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

/*----------------------------------------------------------------------*/
/* 提醒視窗 */
.alert_box > div { width:930px; margin:auto; max-height:80%; }
.alert_box > div { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.alert_box .close { position:fixed; top:5px; right:5px; }

.service_box .alert_contboxBody { padding:25px; overflow-y:scroll; height:365px; }
@media screen and (min-width: 1280px) {
	.alert_box.service_box > div { width:1050px; }
	.alert_box.download_box > div { width:1100px; }
}

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

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

.LoginBox .colm_left > div > div { margin:12px 15px; }
.LoginBox .BtnCommon.btn_form { margin:15px; }
.LoginBox .divide { margin:20px 15px; }
.LoginBox .colm_left > div > div.divide { margin:20px 15px; }
.login_by_social { margin:0 15px; }

.LoginBox .why_reg { margin:0 15px; }

/*----------------------------------------------------------------------*/
/* 按鈕 */
.BtnCommon.large div[class] a, .BtnCommon.large div[class] input { padding-left:60px; padding-right:35px; }
.BtnCommon.large div[class] span:before { left:35px; }
.BtnCommon.mid div[class] a, .BtnCommon.mid div[class] input { padding-left:61px; padding-right:35px; }
.BtnCommon.mid div[class] span:before { left:35px; }

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

/*----------------------------------------------------------------------*/
/* 熱門講座_列表 */
.lectureIngList.ListPicText .item { float:none; margin-left:0; }
.lectureIngList.ListPicText .imgBox { position:absolute; left:0; top:0; }
.lectureIngList.ListPicText .item > div { padding-left:470px; min-height:329px; }
@media screen and (min-width: 1280px) {
	.lectureIngList.ListPicText .imgBox { width:470px; }
	.lectureIngList.list-view.ListPicText .imgBox { float:none; padding:0; }
	.lectureIngList .item .textBox { padding:20px 35px; }
}
@media screen and (max-width: 1279px) {
	.lectureIngList.ListPicText .imgBox { width:350px; }
	.lectureIngList.ListPicText .item > div { padding-left:365px; min-height:275px; }
	.lectureIngList .item .textBox { padding:18px; }
}

/*----------------------------------------------------------------------*/
/* 投票 */
.vote_list { margin:1em 1.25em; }
.voteBox > div { float:left; width:50%; }
.voteBox > div:first-child { border-right:1px dashed #ccc; min-height:176px; }
.voteBox_R { padding:1.25em; }

/*----------------------------------------------------------------------*/
/* 典藏文物 */
.proBox .imgBox { float:left; width:40%; }
.proBox .textBox { float:right; width:55%; }

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

/*----------------------------------------------------------------------*/
/* 季刊列表 */
.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; }