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

/*----------------------------------------------------------------------*/
/* Header */
#Header{ height: 70px; }
#Header .logo{ width: 180px; margin: auto; }
#Header .header_search, #Header .social_box, #Header .tool_box .home, #Header .tool_box .lang{ display: none; }
@media screen and (max-width: 767px) {
#Header .tool_box .sitemap { display:none; }
}
#Header .tool_box{ position: absolute; top: 15px; right: 20px; }
#Header .tool_box .sitemap{  border: 0; margin-right: 0; padding-right: 0; }
#Header .tool_box .sitemap a{ display: inline-block; background-color: #e1ded7; color: #333; 
    padding: 0 10px; line-height: 40px; 
}
#Header .tool_box .sitemap a:hover{ color: #333; }

/*----------------------------------------------------------------------*/
/* Menu */
#Menu{ display:none; }

/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual .bx-wrapper .bx-pager { display:none; }
#KeyVisual .bx-wrapper .bx-controls-direction a { width:40px; height:40px; margin-top:-20px; }
#KeyVisual .bx-wrapper .bx-controls-direction a::after { width:10px; height:10px; margin-top:-5px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:16px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:16px; }


/*----------------------------------------------------------------------*/
/* 首頁 */
/*----------------------------------------------------------------------*/
/* 上方主要區塊 */
.IndexMainBox { padding-top:20px; }

/* 焦點訊息(跑馬燈) */
.IndexFocusMsg > div { padding:20px 0; }
.IndexFocusMsg .title { width:100px; }
.IndexFocusMsg .slider_wrap { width:calc(100% - 100px); }
.IndexFocusMsg .slider_wrap.desktop { display:none; }
@media screen and (max-width: 767px) {
.IndexFocusMsg .slider_list .item { padding:0 0 0 3.125vw; font-size:1rem; }
}
@media screen and (min-width: 768px) {
.IndexFocusMsg .slider_list .item { padding:0 0 0 3.125vw; font-size:1.1rem; }
}


/*----------------------------------------------------------------------*/
/* 首頁-共用區 */
.IndexBlock > div { padding-left:20px; padding-right:20px; }
.IndexBlock .block_title h2 { font-size:1.5rem; }
@media screen and (orientation: portrait) {
.IndexBlock { margin-top:80px; margin-bottom:80px; }
}
@media screen and (orientation: landscape) {
.IndexBlock { margin-top:60px; margin-bottom:60px; }
}

/* 按鈕 */
.indexMoreBtn{ text-align: center; }


/*----------------------------------------------------------------------*/
/* 首頁廣告輪播 */
@media screen and (orientation: portrait) {
.IndexLinks { margin-top:60px; margin-bottom:80px; }
}
@media screen and (orientation: landscape) {
.IndexLinks { margin-top:40px; margin-bottom:60px; }
}
.IndexLinksList .item { padding:0 10px; }
.IndexLinksList .owl-nav .owl-prev, .IndexLinksList .owl-nav .owl-next { width:40px; height:40px; margin-top:-20px; }
.IndexLinksList .owl-nav .owl-prev { left:-10px; }
.IndexLinksList .owl-nav .owl-next { right:-10px; }


/*----------------------------------------------------------------------*/
/* 首頁最新消息 */
@media screen and (orientation: portrait) {
    .IndexBlock.IndexNews { margin-top:0; margin-bottom:0; padding-top:80px; padding-bottom:80px; }
}
@media screen and (orientation: landscape) {
    .IndexBlock.IndexNews { margin-top:0; margin-bottom:0; padding-top:60px; padding-bottom:60px; }
}

.IndexNewsList .item { max-width:350px; padding:0 15px; }
.IndexNewsList .owl-nav .owl-prev, .IndexNewsList .owl-nav .owl-next { width:40px; height:40px; margin-top:-20px; }
.IndexNewsList .owl-nav .owl-prev { left:-15px; }
.IndexNewsList .owl-nav .owl-next { right:-15px; }


/*----------------------------------------------------------------------*/
/* 自訂區塊 (圖+編輯器) */
@media screen and (max-width: 799px) {
.IndexCustomBlock .img, .IndexCustomBlock .media { padding-left:3.125vw; padding-right:3.125vw; padding-top:40px; }
.IndexCustomBlock .block_title h2 { font-size:1.8rem; }
}
@media screen and (min-width: 800px) {
.IndexCustomBlock .cont { float:left; width:50%; }
.IndexCustomBlock .img, .IndexCustomBlock .media { float:right; width:50%; padding-top:40px; padding-bottom:40px; }

.IndexCustomBlock.even .cont { float:right; }
.IndexCustomBlock.even .img,
.IndexCustomBlock.even .media{ float:left; }

.IndexCustomBlock .block_title h2 { font-size:1.5rem; }
}


/*----------------------------------------------------------------------*/
/* 自訂區塊 (文字列表) */
/* 單欄 */
.index_custom_list.single_column li .title { display:block; }
@media screen and (max-width: 767px) {
.index_custom_list.single_column li a > span { line-height:150%; }
.index_custom_list.single_column li .sub_title { display:block; }
.index_custom_list.single_column li .sub_title::after { display:none }
.index_custom_list.single_column li .title { margin-top:5px; }
.index_custom_list.single_column li .date { margin-top:15px; }
}
@media screen and (min-width: 768px) {
.index_custom_list.single_column li a { padding-right:11em; }
.index_custom_list.single_column li .sub_title { display:inline-block; padding-right:3.2em; }
.index_custom_list.single_column li .date { position:absolute; top:20px; right:25px; }
}

/* 雙欄 */
@media screen and (max-width: 767px) {
.index_custom_list.double_column li { width:100%; margin-bottom:0; }
.index_custom_list.double_column li:nth-child(even) a { background-color:#f7f6f4; }
}
@media screen and (min-width: 768px) {
.index_custom_list.double_column li { width:50%; padding-right:1.5625vw; }
.index_custom_list.double_column li:nth-child(even) { padding-right:0; padding-left:1.5625vw; }
.index_custom_list.double_column  li .sub_title { font-size:0.9rem; }
.index_custom_list.double_column  li .title { font-size:1.1rem; }
}


/*----------------------------------------------------------------------*/
/* 首頁聯絡資訊 */
.IndexContactInfo .map_box { width:100%; position:relative; }
@media screen and (orientation: portrait) {
.IndexContactInfo .map_box { height:50vh; }
}
@media screen and (orientation: landscape) {
.IndexContactInfo .map_box { height:60vh; }
}
.IndexContactInfo .info_box { padding-top:40px; padding-bottom:40px; }
.IndexContactInfo .social { margin-left:-30px; }
.IndexContactInfo .social dt, .IndexContactInfo .social dd { margin-left:30px; }


/*----------------------------------------------------------------------*/
/* 首頁活動查詢 */
.index_event_search { padding:20px 40px 40px; }
/*.index_event_search .place, .index_event_search .sort { width:48% }*/
.index_event_search .place, .index_event_search .sort { width:100% }
	.index_event_search .place { float:left; }
	.index_event_search .sort { float:right; }
.index_event_search .period { clear:both; }
.index_event_search .period::after { content:''; display:block; clear:both; }
.index_event_search .period .date { float:left; width:48%; }
.index_event_search .period .date + .date { float:right; margin-top:0; }
.index_event_search .period .date + .date::before { 
	content:'~'; position:absolute; top:0; left:-8%; width:8%; text-align:center; color:#fff; line-height:54px; 
	}

.index_event_list .timeline { padding:40px 20px 30px 60px; }
.index_event_list .timeline::after { left:20px; }
.index_event_list .timeline_date::before { left:-43px; }
.index_event_list .timeline_date::after { left:-47px; }
.index_event_list .timeline_date > span::after { width:15px; left:-24px; }
.index_event_list .timeline_cont .category { width:130px; }
.index_event_list .timeline_cont .category span { display:none; }
.index_event_list .timeline_cont .title { font-size:1.2rem; }

@media screen and (max-width: 799px) {
.index_event_list .timeline_cont li { padding:10px 0; }
.index_event_list .timeline_cont li::after { content:''; display:block; clear:both; }
.index_event_list .timeline_cont .category { float:left; margin:0 20px 20px 0; }
.index_event_list .timeline_cont .cont, .index_event_list .timeline_cont .btns { overflow:hidden; }
.index_event_list .timeline_cont .btns { margin-top:10px; }
.index_event_list .timeline_cont .btns .status, .index_event_list .timeline_cont .btns .detail { display:inline-block; }
.index_event_list .timeline_cont .btns .status + .detail { margin-left:10px; }
}
@media screen and (min-width: 800px) {
.index_event_list .timeline_cont li { display:table; width:100%; padding:5px 0; }
.index_event_list .timeline_cont li > div { display:table-cell; vertical-align:middle; }
.index_event_list .timeline_cont .btns .status, .index_event_list .timeline_cont .btns .detail { text-align:right; }
	.index_event_list .timeline_cont .btns .status + .detail { margin-top:10px; }
}

	/* 動畫效果 */
	.index_event_list .item { 
		opacity:0; transform:translateX(100px);
		-webkit-transition:transform 1s ease, opacity 1s ease;
		-moz-transition:transform 1s ease, opacity 1s ease;
		transition:transform 1s ease, opacity 1s ease;
		}
	.index_event_list .item.active { opacity:1; transform:translateX(0); }


/*----------------------------------------------------------------------*/
/* 彈出視窗 */
.popup_box > div { width: 90%; height:90%; margin:20px auto; padding:40px 15px 15px 15px; }
.popup_box .popup_detail{ padding-bottom: 30px; }
.popup_box .popup_title, .popup_box .popup_detail{ margin-left: 20px; margin-right: 20px; }

/*----------------------------------------------------------------------*/
/* Footer */
#Footer{ padding-top: 30px; padding-bottom:20px; }
#Footer > div{ padding: 0 20px; }

/* footer menu */
.footer_menu{ display:none; }

/* footer bottom */
.footer_bottom{ padding-bottom: 2.5rem;  }
.footer_bottom > div{ line-height: 150%; margin-bottom: 5px; }
.footer_bottom > div:last-child{ margin-bottom: 0; }

@media screen and ( min-width:768px ){
    .footer_social li{ width: 33.33333%; margin-bottom: 10px; }
}

@media screen and ( max-width:767px ){
    .footer_social li{ width: 50%; margin-bottom: 15px; }
}

/*===========================================================================================*/
/*----------------------------------------------------------------------*/
/* 內頁 */
#Center.content{ padding-left: 20px; padding-right: 20px; }
#Content{ margin-bottom: 40px; padding-bottom: 30px; padding-top: 20px; padding: 30px; }

/* 文章標題 */
.content h3.title{ font-size: 1.4rem; margin-bottom: 15px; }

/*文章更新日期*/
.post_info { text-align: right; }

/*----------------------------------------------------------------------*/
/* 活動列表 */
.EventList .item { width: calc(50% - 34px); }

/*----------------------------------------------------------------------*/
/* 活動詳情 */
.EventContBox .event_cont_title{ font-size: 1.4rem; margin-bottom: 15px; }
.EventContBox .tags_btn{ margin-bottom: 10px; }
.EventContBox .sub_title{ font-size: 1.1rem; margin-bottom: 20px; }

.EventContBox .Box{ padding-bottom: 30px; }

/* 活動資訊 */
.event_table_info table{ font-size: 1rem; background-color: #f3f3f3; box-shadow: 0 0 20px rgba(0,0,0,0.15); border-radius: 20px; }
.event_table_info table tr:first-child th{ border-top-left-radius: 20px; }
.event_table_info table tr:last-child th{ border-bottom-left-radius: 20px; }
.event_table_info table tr:first-child td{ border-top-right-radius: 20px; }
.event_table_info table tr:last-child td{ border-bottom-right-radius: 20px; }
.event_table_info table tr th{ color: #ffffff; background-image: url(../images/pattern6.png); position: relative; letter-spacing: 0.1em; }
.event_table_info table tr:nth-child(even) th::before{ content: ""; display: block; width: 100%; height: 100%;
    background-color: rgba(255,255,255,0.1); position: absolute; top: 0; left: 0;
}
.event_table_info table tr th, .event_table_info table tr td{ padding: 10px 20px; }
.event_table_info table tr:nth-child(even) td{ background-color: #ffffff; }
.event_table_info table tr th.title{ width: 25%; }
.event_table_info table tr th, .event_table_info table tr td{ padding: 10px 15px; }
.event_table_info table .cont ul.tags_btn{ margin-bottom: 0; }

/* 活動報名按鈕 */
.event_more_btn{ margin-bottom: 30px; }

@media screen and (min-width: 768px) {
    .EventContBox .tags_btn{ text-align: right; }
}

/* 活動報名 */
.EventContBox .event_list { padding-left: 15px; }
.EventContBox .event_list li::before{ top: 10px; left: 10px; }
.EventContBox .event_list .tt{ font-weight: bold; }

/* 活動場次 */
.event_schedule .item{ padding-bottom: 15px; margin-bottom: 20px; }
.event_schedule .item .top{ padding: 10px 15px; }
.event_schedule .item .top_title{ margin-bottom: 15px; line-height: 180%; }
.event_schedule .item .top_title .light::after{ top: 15px; right: 5px; width: 20px; }

/* 場次表格 */
.event_schedule .ListTable.time_list{ margin-bottom: 10px; }

.event_schedule .time_list table td::before{ font-weight: bold; }
.event_schedule .time_list table td:first-child.date::before, 
.event_schedule .time_list table td.date::before,
.event_schedule .time_list table td.time::before{
   content: attr(data-th)"：";
}
.event_schedule .time_list.ListTable table td.date{ font-family:  "Microsoft JhengHei", "微軟正黑體", "Heiti TC", "黑體-繁",'Arial', sans-serif;  
    background-image: none; padding-left: 0; 
}
.event_schedule .time_list.ListTable table td, .event_schedule .time_list.ListTable table td.date{ 
    color: #333333; 
}
.event_schedule .add_calendar_btn{ border: 1px solid #9a9a9a; line-height: 36px; 
    padding: 0 15px 0 35px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.event_schedule .add_calendar_btn:hover{ border-color: #a68728; }
.event_schedule .add_calendar_btn::before{ top: 6px; left: 12px; }

@media screen and (min-width: 768px) {
    .event_schedule .item .top_signup { text-align: right; }
}


/*----------------------------------------------------------------------*/
/* 應用程式 */
/* 頁籤 */
.AppListGroup .tab_cont:not(.active) { border:1px solid #bbb; background-color:#f7f6f4; margin-bottom:5px; }

/* 列表 */
@media screen and (max-width: 767px) {
.AppList > div { margin-left:-15px; margin-right:-15px; }
.AppList .item { width:50%; padding-left:15px; padding-right:15px; }
}
@media screen and (min-width: 768px) and (max-width: 839px) {
.AppList > div { margin-left:-10px; margin-right:-10px; }
.AppList .item { width:33.3333%; padding-left:10px; padding-right:10px; }
.AppList a { padding:15px 10px; }
}
@media screen and (min-width: 840px) {
.AppList > div { margin-left:-15px; margin-right:-15px; }
.AppList .item { width:33.3333%; padding-left:15px; padding-right:15px; }
}

/* 內頁 */
/* QR Code */
@media screen and (max-width: 767px) {
.AppDownload dd { float:left; display:table; width:50%; }
.AppDownload dd > div { display:table-cell; vertical-align:middle; }
.AppDownload .qrcode { padding-right:15px; }
.AppDownload .link a { margin-left:-10px; }
.AppDownload .link a:hover { margin-left:0; }
}
@media screen and (min-width: 768px) {
.AppDownload dd { float:left; width:25%; }
.AppDownload .qrcode { margin:0 auto 10px; }
.AppDownload .cont { text-align:center; }
}

/* 介面Silder */
.app_demo_list .owl-nav .owl-prev { left:-20px; }
.app_demo_list .owl-nav .owl-next { right:-20px; }

/* 其他應用程式 */
.AppOthers{ padding-left: 20px; padding-right: 20px; }
.AppOthersGroup .tab_cont:not(.active) { border:1px solid #bbb; background-color:#f7f6f4; margin-bottom:5px; }
.AppOthers .owl-nav .owl-prev { left:-10px; }
.AppOthers .owl-nav .owl-next { right:-10px; }


/*----------------------------------------------------------------------*/
/* 法鼓新聞 (小首頁) */

/* 快訊 (跑馬燈) */
.news_top_slider .title { width:100px; }
.news_top_slider .slider_list .item{ font-weight: 600; }
.news_top_slider .slider_wrap.desktop { display:none; }
.news_top_slider .bx-wrapper { width:calc(100% - 100px); }

/* 主要新聞大輪播 */
.news_main_slider{ margin-bottom: 20px; }
.news_main_slider{ background-color: rgba(255,255,255,0.8); padding: 30px 20px; box-sizing: border-box; }
.news_main_slider .item .img{ float: left; }
.news_main_slider .item .img div{ padding-bottom: 75%; } 
.news_main_slider .item .cont{ float: left; }
.news_main_slider .item .tag { background-color:#004d47; }

/* 主要新聞大輪播-不同大小樣式 */
.news_main_slider .col_half.item_big{ margin-bottom: 20px; }
.news_main_slider .item_big .title{ font-size: 1.2rem; }
.news_main_slider .item_big .img{ width: 50%; }
.news_main_slider .item_big .cont{ width: 50%; padding-left: 20px; }
.news_main_slider .item_big .tag{ line-height: 28px; padding: 0 8px; }
.news_main_slider .item_big .img.img_media::after{ width: 48px; height: 48px; top: 50%; left: 50%; margin-left: -24px; margin-top: -24px; }

.news_main_slider .item_samll{ display: flex; flex-wrap: wrap; }
.news_main_slider .item_samll .title{ font-size: 1rem; font-weight: 600; }
.news_main_slider .item_samll .img{ width: 30%; }
.news_main_slider .item_samll .cont{ width: 70%; padding-left: 10px; }
.news_main_slider .item_samll .desc{ display: none; }
.news_main_slider .item_samll .img.img_media::after{ width: 30px; height: 30px; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; }

@media screen and (max-width: 767px) {
.news_main_slider .item_big .item{ padding-bottom:20px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.news_main_slider .item_samll .item{ width: 100%; flex:0 1 auto; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.1); }
}
@media screen and (min-width: 768px) {
.news_main_slider .item_samll .item{ width: 50%; flex:0 1 auto; }
.news_main_slider .item_samll .item:nth-child(1n+1){ margin-bottom: 10px; }
.news_main_slider .item_samll .item:nth-child(1n+3){ margin-top: 10px; }
.news_main_slider .item_samll .item:nth-child(2n+1){ padding-right: 15px; }
.news_main_slider .item_samll .item:nth-child(2n+2){ padding-left: 15px; }
}

/* 主要新聞 (輪播按鈕) */
.news_main_slider .bx-wrapper .bx-controls-direction{ text-align: center; padding: 10px 0 0 0; }
.news_main_slider .bx-wrapper .bx-controls-direction a{ text-indent: -9999px; display: inline-block; 
    width: 40px; height: 40px; background-color: rgba(0,0,0,0.10); margin: 0 10px; position: relative;
}
.news_main_slider .bx-wrapper .bx-controls-direction a::after { 
    content:''; display:block; position:absolute; top:50%; left: 50%; width: 12px; height: 12px;
    border-left:2px solid rgba(0,0,0,0.6); border-top:2px solid rgba(0,0,0,0.6); margin-top: -6px; 
}
.news_main_slider .bx-wrapper .bx-controls-direction .bx-prev::after { margin-left: -5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.news_main_slider .bx-wrapper .bx-controls-direction .bx-next::after { margin-left: -10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* 新聞小首頁-列表 */
.NewsIndexBox .ListTable{ border-top: 1px solid #dddddd; }
.NewsIndexBox .ListTable table tr::after{ content: ""; display: block; clear: both; }
.NewsIndexBox .ListTable table img{ max-width: 150px; }
.NewsIndexBox .ListTable table td.title{}
.NewsIndexBox .ListTable table td.date, .NewsIndexBox .ListTable table td.view{ 
    display: inline-block; vertical-align: middle; margin: 3px 0; 
}
.NewsIndexBox .ListTable table td.view{ float: right; }
.NewsIndexBox .ListTable table td::before{ margin-bottom: 0; }

/*----------------------------------------------------------------------*/
/* 網站導覽 */
.SitemapBox > ul > li{ margin-bottom: 30px; }
.SitemapBox > ul > li > a{ font-size: 1.3rem; }
.SitemapBox > ul > li > ul > li{ font-size: 1.2rem; }
.SitemapBox > ul > li > ul > li > ul > li{ font-size: 1.1rem; }
.SitemapBox > ul > li > ul > li::before{ top: 1em; left: 15px; }
.SitemapBox > ul > li > ul > li > ul > li >::before{ top: 0.85em; }

@media screen and (min-width: 768px) {
    .SitemapBox > ul > li{ width:33.333333%; padding-left: 15px; padding-right: 15px; } 
}
@media screen and (max-width: 767px) {
    .SitemapBox > ul > li{ width: 50%; padding-left: 10px; padding-right: 10px; }
}


/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult .desc{ line-height: 200%; }
.SearchResult .desc, .SearchResult .cat, .SearchResult .cat a{ font-size:0.9rem; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.editable_content + .ListTable, .ListSearch + .ListTable{ border-top:1px solid #dddddd; margin-top: 5px; }
.ListTable{ margin-top:0; margin-bottom:40px;}
.ListTable table, .ListTable table tbody, .ListTable table tr, .ListTable table th, .ListTable table td { display:block; }
.ListTable table tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable table tr { padding:5px 15px; }

.ListTable table tr{ border-bottom: 1px solid rgba(0,0,0,0.2); }
.ListTable table tr:nth-child(even) { background-color:#ffffff; }
.ListTable table tr:nth-child(odd) { background-color: rgba(0,0,0,0.03); }
.ListTable table td { margin:3px 0; text-align:left; }
.ListTable table td::before { color:#333333; content: attr(data-th)"："; display: inline-block; }

/*.ListTable table td.no { display:none; }
@media screen and (max-width: 840px) and (orientation: landscape) {
.ListTable table td.img { display:none; }
}*/
.ListTable table td.no::before, .ListTable table td:first-child.date::before, .ListTable table td.title::before, .ListTable table td.type::before, 
.ListTable table td.thum::before, .ListTable table td.cat::before, .ListTable table td.date::before, .ListTable table td.img::before{ 
    content:""; 
}
.ListTable table td.date { background:url("../images/icon_date.png") no-repeat 0 center; margin-bottom:5px;
    padding-left:26px; color:#7e7e7e; background-size: 22px 22px; 
}
.ListTable table td.cat::before{ content:'#'; color:#6d6d6d; }
.ListTable table td.title { margin-top:0; font-size:1.1rem; color: #333; }
.ListTable table td.view{ color: #a68728; font-size: 0.9rem; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText .item { padding-left:20px; padding-right:20px; margin-bottom:10px; }

/* list-view */
.ListPicText.list-view .date, .ListPicText.list-view .tag{ display: inline-block; margin-right: 5px; margin-bottom: 5px; }
.ListPicText.list-view .item{ padding-bottom:10px; margin-bottom: 0; }
.ListPicText.list-view .item > div{ border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 10px; }
.ListPicText.list-view .tag{ font-size: 0.9rem; }

/* grid-view */
.ListPicText.grid-view .tag{ font-size: 0.9rem; }

/* 限制行數 */
.ListPicText.list-view.trisection .title a{
    line-height:1.75em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
    max-height:5.25em;
}
.ListPicText.list-view .desc{
    line-height:1.75em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;
    max-height:8.75em;
}
.ListPicText.list-view.trisection .desc{ clear:none; }

@media screen and (max-width: 767px) {
    .ListPicText .cont { padding:15px 0; }
    .ListPicText .title { font-size:1.2rem; }
    .ListPicText .title a{ line-height:140%; }
    .ListPicText .date { font-size:0.9rem; }
    .ListPicText .desc { font-size:1rem; }

    /* list-view 一律以單欄顯示 */
    .ListPicText.list-view .item{ width:100%; }
    .ListPicText.list-view .img, .ListPicText.list-view .video_box{ width:50%; float: left; padding:10px 20px 10px 0; }
    .ListPicText.list-view .video_box .img{ width: 100%; padding:10px 20px 10px 0; }
    .ListPicText.list-view .video_box .img::after{ margin-left: -34px; }
    .ListPicText.list-view .btn{ position: inherit; padding-bottom: 10px; }
    .ListPicText.list-view .cont{ padding-bottom:45px; padding: 0px 10px; }

    /* grid-view 一律以兩欄顯示 */
    .ListPicText.grid-view .item { float:left; width:50%; }
    .ListPicText.grid-view .item .cont::before{ height: 30px; left: -10px; }
    .ListPicText.grid-view .btn { position:absolute; width:100%; bottom:15px; right:10px; padding-left:15px; }
}

@media screen and (min-width: 768px) {
    .ListPicText .cont { padding:10px 10px 15px; }
    .ListPicText .title { font-size:1.2rem; }
    .ListPicText .title a{ line-height:140%; }
    .ListPicText .date { font-size:0.9rem; }
    .ListPicText .desc { font-size:1rem; }

    /* list-view 一律以單欄顯示 */
    .ListPicText.list-view .item{ float:left; width:100%; }
    .ListPicText.list-view .title{ font-size: 1.2rem; }
    .ListPicText.list-view .img, .ListPicText.list-view .video_box{ width:50%; float: left; padding:10px 20px 10px 0; }
    .ListPicText.list-view .video_box .img{ width: 100%; padding:10px 20px 10px 0; }
    .ListPicText.list-view .video_box .img::after{ margin-left: -34px; }
    .ListPicText.list-view .btn{ position: inherit; padding-bottom: 10px; }
    .ListPicText.list-view .cont{ padding-bottom:45px; padding: 15px 10px; }

    /* grid-view 一律以三欄顯示 */
    .ListPicText.grid-view .item { float:left; width:50%; }
    .ListPicText.grid-view .btn { position:absolute; width:100%; bottom:15px; left:0; padding-left:15px;}
    .ListPicText.grid-view .tag{ position: absolute; top:-14px; right:12px; }
}


/*----------------------------------------------------------------------*/
/* 內頁元素 */
.ToolBar { padding: 15px 5px; }
.ToolBar .colm_left { display:none; }
.colm_right > dl{ border-right: 0; }
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:right;}
.ToolBar dl.font_size::after{ display:none;}

/* 標題 */
.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; }

/* 頁碼 */
#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;
/*    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px; */ 
}
#Pagination a.first, #Pagination a.last{ background-color:transparent; color: #333; border: 1px solid #d5d5d5; }
#Pagination a.prev, #Pagination a.next{ background-color:#a68728; color: #fff; border-color: #a68728; }
#Pagination .setting { display:none; }

/* colorbox */
#colorbox_thum a{ box-sizing: border-box; padding: 0 5px; margin-bottom: 15px; }

@media screen and (min-width: 768px) {
    #colorbox_thum a{ width:20%; }
}
@media screen and (max-width: 767px) {
    #colorbox_thum a{ width:25%; }
}

/* 列表搜尋 */
.ListSearch { padding: 10px 0; }
.ListSearch .item{ margin-bottom: 10px; margin-right: 20px; }
.ListSearch.FormElmt{ margin-bottom:15px; }
.ListSearch.FormElmt .BtnCommon{ padding-top: 0; display: block; text-align: left; margin-bottom: 10px; }
.ListSearch.FormElmt .BtnCommon input[type="submit"]{ line-height:46px; text-align: center;
    background: url(../images/icon_search_w.png) no-repeat; background-position: 18px 10px; color: #ffffff; font-size: 1rem;
    background-size: 26px 26px; font-family:'Noto Serif TC', 'Times New Roman', serif; font-weight:500;
    padding: 0 25px 0 45px; border: 1px solid #a68728; background-color: #a68728;
}

@media screen  and (max-width: 767px) {
	.ListSearch .item:first-child + .item{ padding-left:0; }
	.ListSearch .item label, .ListSearch .item::before{ display:none; }
	.ListSearch .item .label{ display:block; }
}

/* 編輯器 */
.editable_content, .editable_content p, .editable_content .para, .editable_content blockquote{
    line-height:180%;
}
.editable_content blockquote { padding: 2.5rem 40px; font-size: 1.063em; }
.editable_content blockquote p{ margin-bottom: 5px; }
.editable_content .imgleft{ margin-right:25px; }
.editable_content .imgright{ margin-left:25px; }
.editable_content li{ line-height: 180%; }

/*----------------------------------------------------------------------*/
/* 上下篇文章 */
.prevNextLink{ padding-top:10px; }

/*----------------------------------------------------------------------*/
/* 延伸閱讀 */
.related_articles{ margin-top:30px; margin-bottom:10px; padding: 20px 30px; }
.related_articles .title{ left: 15px; }

/*----------------------------------------------------------------------*/
/* 表單 */
/* 可收合 */
.FormGroup.Foldable .form_group_title .mobile { display:none; }
@media screen and (max-width: 900px) and (orientation: landscape) {
.FormGroup.Foldable { border-color:#f7f6f4; padding-top:0; padding-bottom:0; }
     .FormGroup.Foldable.show { border-color:#dfdfdf; padding-top:45px; padding-bottom:20px; }
.FormGroup.Foldable .form_group_title .mobile { display:block; }
.FormGroup.Foldable .form_group_title .normal { display:none; }
.FormGroup.Foldable .FormFoldableCont { 
    height:0; visibility:hidden; opacity:0; overflow:hidden; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; 
    }
    .FormGroup.Foldable.show .FormFoldableCont { height:auto; visibility:visible; opacity:1; }
}
.FormGroup{ padding: 40px 25px 20px 25px; }

/* 表單表格 */
.FormTable > tbody > tr:last-child > th, .FormTable > tbody > tr:last-child > td { border-bottom:none; }
.FormTable > tbody > tr:last-child > th, table.FormTable > tbody > tr:last-child > td{ border-bottom:0; }
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:middle; }
.FormTable > tbody > tr > th { width:130px; padding:10px 10px 15px 5px; text-align:right;font-size:1rem; }
.FormTable > tbody > tr > th:empty::after { display:none; }
.FormTable > tbody > tr > td { padding:10px; }
.FormTable input[type="text"]{ width: 100%; max-width: 100%; }

/* 表單元件 */
.FormElmt .input_group > div { display:inline-block; margin-bottom: 5px; }
.FormElmt .input_group > div:last-child{ margin-bottom: 0; }
.FormElmt input + input, .FormElmt input + select, .FormElmt select + input, .FormElmt select + select { margin-left:4px; }
.input_table li { width:33.33%; }

/* 表單群組分等分 */
.FormTableWrap .col-2.FormTable:nth-child(2n+1){ padding-right: 20px; }
.FormTableWrap .col-2.FormTable:nth-child(2n+2){ padding-left: 20px; }

/*表格*/
.editable_content table.table_style2 tr:nth-child(2n+3){ background-color:#fff;}
.editable_content table.table_style2 caption{ display:block;}
.editable_content .table_style2 > tbody > tr{border-bottom:1px solid #6e6e6e; }
.editable_content .table_style2 > tbody > tr > th{ white-space:normal; }

/*----------------------------------------------------------------------*/
/* 頁籤 */
.tabs_group .tabs { display:none; }
.tabs_group .tab_cont:last-child{ margin-bottom: 0; }
.tabs_group .tab_cont .tab_title { display:block; }
.tabs_group .tab_cont .tab_cont_inner { 
    height:0; transform:scaleY(0); visibility:hidden; opacity:0; 
    overflow:hidden; transform-origin:center 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; 
}
.tabs_group .tab_cont.active .tab_cont_inner { 
    height:auto; transform:scaleY(1); visibility:visible; opacity:1; overflow:visible; padding-top:20px; padding-bottom:20px;
}