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

/*----------------------------------------------------------------------*/
/* Header */
#Header{ height: 60px; }
#Header .logo{ width: 150px; margin: auto; }
#Header .header_search, #Header .social_box, #Header .tool_box { display: none; }
#Header .tool_box{ position: absolute; top: 10px; right: 10px; }
#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: 35px; 
}
#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; background-color:rgba(255,255,255,0.6); }
#KeyVisual .bx-wrapper .bx-controls-direction a::after { width:12px; height:12px; margin-top:-6px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev{ left:10px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next{ right:10px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:17px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:17px; }

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

/* 輪播Banner */
.IndexMainBox .Banner{ margin-bottom: 10px; }

/* 焦點訊息(跑馬燈) */
.IndexMainBox .focus_block{ margin-bottom: 15px; }
.IndexMainBox .focus_block{ padding-left:40px; line-height: 35px; }
.IndexMainBox .focus_block::before{ width: 35px; height: 35px; background-size: contain; }

/* 主要按鈕 */
.IndexMainBox .mainBtn .item{ width:50%; padding: 0 5px; margin-bottom: 10px;}
.IndexMainBox .mainBtn .item a{ padding: 5px; max-width: 100%; }  
.IndexMainBox .mainBtn .img{ width: 60px; } 
.IndexMainBox .mainBtn .title{ font-size: 1.125em; }
.IndexMainBox .mainBtn .item:nth-child(1) a, .IndexMainBox .mainBtn .item:nth-child(4) a{ 
    background: #ba9e56 url(../images/bg_mainBtn_01.jpg);
}
.IndexMainBox .mainBtn .item:nth-child(2) a, .IndexMainBox .mainBtn .item:nth-child(3) a{ 
    background: #588173 url(../images/bg_mainBtn_02.jpg);
}

/* 聖嚴法師法語 */
.IndexMainBox .masterTalk{ margin-top: 30px; }
.IndexMainBox .masterTalk .title{ top: -25px; }
.prevNextBtn{ display: none; }

@media screen and (min-width: 480px) {
    .IndexMainBox .mainBtn .item a{ min-height: 100px; }
    .IndexMainBox .mainBtn .item .inner{ text-align: center; }
    .IndexMainBox .mainBtn .item .inner > div{ display: inline-block; vertical-align: middle;  }
    .IndexMainBox .mainBtn .item .img{ margin-right: 5px; }
    .IndexMainBox .focus_block{ font-size: 1rem; }
    .IndexMainBox .masterTalk .desc{ margin-top: -10px; font-size: 0.9rem; }
    .IndexMainBox .masterTalk > div{ padding:10px 25px 25px 25px; }
}
@media screen and (max-width: 479px) {
    .IndexMainBox .mainBtn .item a{ min-height: 120px; height: inherit; }
    .IndexMainBox .focus_block{ font-size: 0.9rem; }
    .IndexMainBox .masterTalk .desc{ margin-top: -15px; font-size: 0.9rem; }
    .IndexMainBox .masterTalk > div{ padding:10px 20px 15px 20px; }
}


/*----------------------------------------------------------------------*/
/* IndexCenter */
/*----------------------------------------------------------------------*/
/* 首頁-共用區 */
.IndexBlock{ padding-top:1.5rem; padding-bottom:1.5rem; }
.indexTitle{ text-align:center; margin:auto; padding:5px 10px; margin-bottom:10px; color: #333; }
.indexTitle > div{ display:inline-block; }
.indexTitle h2{ font-size: 1.4rem; font-weight: 700;}
.block_style_01 .indexTitle, .block_style_02 .indexTitle{ background-color: transparent; }

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

/* 頁籤 */
/* 配色樣式 */
.block_style_01.IndexBlock .tabs_group .tab_cont.active .tab_title a{ background-color: #a68728; }
.block_style_02.IndexBlock .tabs_group .tab_cont.active .tab_title a{ background-color: #004d47; }
.block_style_01.IndexBlock .tabs_group .tab_cont.active{ border-color:#a68728; }
.block_style_02.IndexBlock .tabs_group .tab_cont.active{ border-color:#004d47; }

/*----------------------------------------------------------------------*/
/* 首頁-法鼓新聞 */
.IndexNews{ overflow: hidden;  }
.IndexNews > div{ max-width:100%; margin:auto; }
.IndexNews > div::after{ display: none; bottom:-55px; left:-55px; width: 300px; height: 201px; }
.news_list .item{ padding-left:20px; padding-right: 20px; margin-bottom: 40px; }
.news_list .item .cont{ padding-top: 15px; }
.news_list .item .cont::before{ height:30px; top: -6px; left: -10px; }
.news_list .item .title { font-size: 1.1em; }
.news_list .item .title a { color:#000; }
.news_list .item .desc{ color:#515151; }

@media screen and (min-width: 480px) {
    .news_list .item { width:50%; }
	.news_list .item .desc{ font-size:0.9rem; }
}
@media screen and (max-width: 479px) {
    .news_list .item { width:100%; max-width:350px; margin-left:auto; margin-right:auto; }
}

/* 640px以下強制全部開啟 */
.IndexBlock .index_news_box.tabs_group .tab_cont.hide-in-width-640 .tab_title a { background-color:#f7f6f4; color:#000; }
.IndexBlock .index_news_box.tabs_group .tab_cont.hide-in-width-640 .tab_title a::after { 
    border-color:#333; top:18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
	}
.IndexBlock .index_news_box.tabs_group .tab_cont.hide-in-width-640 .tab_cont_inner { 
	height:0; transform:scaleY(0); visibility:hidden; opacity:0; padding-top:0; padding-bottom:0;
	}
.IndexBlock .index_news_box.tabs_group .tab_cont.show-in-width-640 .tab_title a { background-color:#a68728; color:#fff; }
.IndexBlock .index_news_box.tabs_group .tab_cont.show-in-width-640 .tab_title a::after { 
    border-color:#fff; top:22px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
.IndexBlock .index_news_box.tabs_group .tab_cont.show-in-width-640 .tab_cont_inner { 
	height:auto; transform:scaleY(1); visibility:visible; opacity:1; padding-top:20px; padding-bottom:20px;
	}


/*----------------------------------------------------------------------*/
/* 首頁-精選推薦 */
.IndexRecommend{ overflow: hidden;  }
.IndexRecommend > div{ max-width:100%; margin:auto; }
.IndexRecommend > div::after{ display: none; right: -10%; }
.recommend_list .item{ width:50%; }
.recommend_list .item .tag, .recommend_list .item .date{ margin-bottom: 5px; }
.recommend_list .item .cont{ padding-top: 10px; }
.recommend_list .item .title a { color:#000; }
.recommend_list .item .desc{ font-size:0.938em; }
.recommend_list .item .tag{ background-color:#a9a8a8; font-size: 0.875em; }

@media screen and (min-width: 480px) {
    .recommend_list .item { padding-left:20px; padding-right: 20px; margin-bottom: 30px; }
    .recommend_list .item .title{font-size: 1rem; }
}
@media screen and (max-width: 479px) {
    .recommend_list .item { padding-left:10px; padding-right: 10px; margin-bottom: 20px; }
    .recommend_list .item .title{font-size: 0.9rem; }
}

/* 640px以下強制全部開啟 */
.IndexBlock .index_recommend_box.tabs_group .tab_cont.hide-in-width-640 .tab_title a { background-color:#f7f6f4; color:#000; }
.IndexBlock .index_recommend_box.tabs_group .tab_cont.hide-in-width-640 .tab_title a::after { 
    border-color:#333; top:18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
	}
.IndexBlock .index_recommend_box.tabs_group .tab_cont.hide-in-width-640 .tab_cont_inner { 
	height:0; transform:scaleY(0); visibility:hidden; opacity:0; padding-top:0; padding-bottom:0;
	}
.IndexBlock .index_recommend_box.tabs_group .tab_cont.show-in-width-640 .tab_title a { background-color:#004d47; color:#fff; }
.IndexBlock .index_recommend_box.tabs_group .tab_cont.show-in-width-640 .tab_title a::after { 
    border-color:#fff; top:22px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
.IndexBlock .index_recommend_box.tabs_group .tab_cont.show-in-width-640 .tab_cont_inner { 
	height:auto; transform:scaleY(1); visibility:visible; opacity:1; padding-top:20px; padding-bottom:20px;
	}

/*----------------------------------------------------------------------*/
/* 首頁-關於法鼓山 */
.IndexAbout > div{ max-width:90%; margin:auto; }
.index_about_box{ padding-top: 15px; }
.index_about_box .col_left{ float: left; }
.index_about_box .col_right{ float: left; }
.index_about_box .col_left, .index_about_box .col_right{ padding-left: 10px; padding-right: 10px; }

/* 編輯器 */
.IndexAbout .editable_content{ font-size: 1rem; margin-bottom: 5px; }
.IndexAbout .editable_content .district p{ line-height: 220%; }

/*----------------------------------------------------------------------*/
/* 首頁-自訂區塊 (編輯器) */
.indexCustom{ padding-top: 1.5rem; }

/*----------------------------------------------------------------------*/
/* 全球事業體 */
.indexGlobalSearch{ padding-top: 20px; padding-bottom: 20px; }
.indexGlobalSearch > div{ padding-top: 15px; padding-bottom: 15px; width: 90%; margin: auto; position: relative; }
.indexGlobalSearch .img_box{ width: 100%; height: 100%; position: absolute; top: 0; opacity: 0.3; }
.indexGlobalSearch .img_box > div{ padding-bottom: 0; height: 100%; }
.indexGlobalSearch .cont_box{ position: relative; z-index: 99; 
    text-align: center;
}
.indexGlobalSearch .title { margin-bottom:20px; }
.indexGlobalSearch .title h2{ font-weight: 700; font-size:1.3rem; }
.indexGlobalSearch .cont_box .desc{ display:none; }

/* 按鈕 */
.indexGlobalSearch .indexBtn a{ min-width: 200px; }

/*----------------------------------------------------------------------*/
/* 彈出視窗 */
.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: 10px; margin-right: 10px; }

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

/* footer menu */
.footer_menu{ display: none; }
.footer_menu > ul > li{ margin-bottom: 20px; padding: 0 10px; }

/* footer right */
.footer_right > div{ margin-bottom: 15px; }

/* footer info */
.footer_info ul li{ line-height: 140%; font-size: 0.938em; }

/* footer social */
.footer_social ul{ display: flex; flex-wrap: wrap; }
.footer_social li{ margin-bottom: 10px; flex: 0 1 auto; padding: 0 5px;box-sizing: border-box; }
.footer_social .icon{ margin-right: 2px; width: 34px; height: 34px; }
.footer_social .tt{ font-size: 0.875em; }

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

@media screen and (min-width: 480px){
    .footer_social li{ width: 33.33333%;  }
}

@media screen and (max-width: 479px){
    .footer_social li{ width: 50%; }
}

/*===================================以下為內頁===================================*/
/*----------------------------------------------------------------------*/
/* 內頁 */
#Center.content{ padding: 20px 15px; }
#Content{ padding:15px 10px; margin-bottom:15px; }

/*----------------------------------------------------------------------*/
/* 標題 */
.page_header{ margin-bottom: 10px; }
.PageTitle h2{ padding:0 10px; letter-spacing: 0.1em; font-weight:500; margin-bottom: 5px; 
    border-left: 1px solid #000; border-right: 1px solid #000;
}
.page_header #Breadcrumbs{ clear:both; display:block; float:none; }

/* 文章標題 */
.content h3.title{ font-size: 1.5em; line-height: 160%; margin-bottom: 20px; }

/*文章日期*/
.postdate{ margin-top:10px; }

/*文章更新日期*/
.post_info { text-align:left; }
.post_info.below span{ font-size: 0.875em; }

/* 按鈕 */
.commonBtn a{ line-height:35px; }

/*----------------------------------------------------------------------*/
/* 桌布下載 */
.wallpaper_list{ margin-bottom: 20px; }
.wallpaper_list .item{ width: 100%; max-width:400px; margin-left:auto; margin-right:auto; padding-left: 30px; padding-right: 30px; box-sizing: border-box; }
.wallpaper_list .title { font-size:1.1rem; }
.wallpaper_list .cont::before{ height: 30px; left: -10px; }

/*----------------------------------------------------------------------*/
/* 桌布下載 popup */
.wallpaperPopup .popup_title{ font-size: 1.25rem; }
.wallpaper_popup_list > div{ padding-left: -10px; padding-right: -10px; }
.wallpaper_popup_list .item{ padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
.wallpaper_popup_list .size{ margin-bottom: 5px; }

@media screen and (min-width: 480px) {
    .wallpaper_popup_list .size{ display: inline-block; }
    .wallpaper_popup_list .download_btn{ float: right; display: inline-block; }   
}

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

/* 快訊 (跑馬燈) */
.news_top_slider .slider_wrap.desktop { display:none; }
@media screen and (max-width: 479px) {
    .news_top_slider .title { width:50px; }
    .news_top_slider .bx-wrapper { padding-left:10px; padding-right:30px; }
    .news_top_slider .title { font-size:1rem; }
    .news_top_slider .slider_list .item { font-size:0.9rem; letter-spacing:0; }
    .news_top_slider .bx-wrapper { width:calc(100% - 50px); }
}
@media screen and (min-width: 480px) {
    .news_top_slider .title { width:60px; }
    .news_top_slider .title { font-size:1rem; }
    .news_top_slider .slider_list .item { font-size:1rem; }
    .news_top_slider .bx-wrapper { width:calc(100% - 60px); }
}

/* 主要新聞 */
.news_main_slider { margin-bottom:30px; }
.news_main_slider .item .desc{ display: none; }

@media screen and (max-width: 479px) {
    .news_main_slider .item_samll .item { margin-top:20px; }
    .news_main_slider .item .img div{ padding-bottom:75%; }
    .news_main_slider .item .cont{ width: 100%; position: absolute; z-index: 99; bottom: 0; left: 0; padding: 50px 25px 0 25px; pointer-events: none; }
    .news_main_slider .item .cont::after{ content: ""; display: block; z-index: -1; pointer-events: none;
        width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; box-sizing: border-box;
        background: -moz-linear-gradient(top,  rgba(229,229,229,0) 0%, rgba(0,0,0,0.8) 60%); 
        background: -webkit-linear-gradient(top,  rgba(229,229,229,0) 0%,rgba(0,0,0,0.8) 60%); 
        background: linear-gradient(to bottom,  rgba(229,229,229,0) 0%,rgba(0,0,0,0.8) 60%); 
    }
    .news_main_slider .item .title, .news_main_slider .item .title a{ color: #ffffff; }
    .news_main_slider .item .title { font-size:1.125em; }
    .news_main_slider .item .title { -webkit-line-clamp:3; max-height:4.5em; }
    .news_main_slider .item .date, .news_main_slider .item .desc{ color:rgba(255,255,255,0.9); }
    .news_main_slider .item_big .img.img_media::after{ width: 40px; height: 40px; top: 10px; right: 10px; }
    .news_main_slider .item_samll .img.img_media::after{ width: 40px; height: 40px; top: 10px; right: 10px; }
}
@media screen and (min-width: 480px) {
    /* 主要新聞大輪播 */
    .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 .date{ font-size: 0.875em; }
    .news_main_slider .item .tag { background-color:#004d47; }

    /* 主要新聞大輪播-不同大小樣式 */
    .news_main_slider .col_half.item_big{ margin-bottom: 10px; }
    .news_main_slider .item_big .item{ border-bottom: 1px solid rgba(0,0,0,0.1); }
    .news_main_slider .item_big .title{ font-size: 1.2rem; }
    .news_main_slider .item_big .img{ width: 100%; margin-bottom: 10px; }
    .news_main_slider .item_big .cont{ width: 100%; }
    .news_main_slider .item_big .tag{ line-height: 28px; padding: 0 8px; }
    .news_main_slider .item_big .img.img_media::after{ width: 40px; height: 40px; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; }

    .news_main_slider .item_samll .item{ width: 100%; margin-bottom: 5px;
        padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid rgba(0,0,0,0.1); 
    }
    .news_main_slider .item_samll .item:last-child{ margin-bottom: 0; border-bottom: 0; padding-bottom: 0; }
    .news_main_slider .item_samll .title{ font-size: 1rem; }
    .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; }
}

/* 主要新聞 (輪播按鈕) */
.news_main_slider .bx-wrapper .bx-controls-direction{ text-align: center; padding: 15px 0 10px 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 table tr::after{ content: ""; display: block; clear: both; }
.NewsIndexBox .ListTable table img{ max-width: 150px; }
.NewsIndexBox .ListTable table td::before{ margin-bottom: 0; }
.NewsIndexBox .ListTable table td.date, .NewsIndexBox .ListTable table td.view{ 
    display: inline-block; vertical-align: middle; margin: 3px 0; line-height: 22px;
}
.NewsIndexBox .ListTable table td.view{ float: right; }

@media screen and (max-width: 479px) {
    .news_top_slider .focus_slider .item{ font-size: 1em; font-weight: 600; }
    .NewsIndexBox .ListTable table td.view{ float: inherit; }
    .NewsIndexBox .ListTable table td.date, .NewsIndexBox .ListTable table td.view{ display: block; }
}

/*----------------------------------------------------------------------*/
/* 活動查詢 */
.EventBox .FormTable{ margin-bottom: 20px; }
.EventBox .time_custom_box{ margin-right: 0; }

/* 頁籤 */
.event_period_box .tab_cont.active .tab_title a{ background-color: #004d47; }
.event_period_box .tab_cont.active{ border-color:#004d47; }

/* 搜尋 */
.vendor-search-condition .search-span { min-width:inherit; padding:0 5px; margin-right:6px; line-height:32px; }

/*----------------------------------------------------------------------*/
/* 活動查詢-時間軸式 */
.event_period_box .tab_cont .tab_cont_inner{ padding-left: 10px; }
.event_period_box .tab_cont.active{ border: 0; }
.timeline-date{ padding: 10px 0; }
.timeline-date::after{ left: 0; top: 20px; width: 8px; display: none; }
.timeline-date span::before{ left: -26px; top: 10px; }
.timeline-date span::after{ left: -29px; top: 7px; }
.timeline .item{ margin-left: 0; padding: 0 0 20px 20px; }
.timeline-content{ padding: 20px 10px 5px 10px; }
.timeline-content .img{ max-width: 100px; display: block; margin:auto;}
.timeline-content .cont{ text-align: center; }
.timeline-content .col_left{ margin-bottom: 0; }
.timeline-content .col_right{ margin: 10px 0; }
.timeline-content .col_right::after{ content: ""; display: block; clear: both; }
.timeline-content .title{ font-size: 1.1rem; padding: 8px 0; margin-bottom: 5px; }
.timeline-content .cont{ padding-left: 10px; padding-right: 10px; }
.timeline-content .period{ font-size: 0.9rem; display: inline; }

.timeline-content .img, .timeline .timeline-content .cont{ display: block; }
.timeline-content .info{ padding-top: 5px; text-align: center; }
.timeline-content .info > span{ margin: 4px; padding: 0 5px 0 25px; }
.timeline-content .sign_up{ text-align: center; }
.timeline-content .sign_up > span{ margin: 4px; }
.timeline-content .sign_up > span, .timeline-content .info > span{ font-size: 0.9rem; }
.timeline-content .sign_up .status{ padding:0 10px; }
.timeline-content .sign_up .more_btn a{  padding:0 10px 0 30px; }
.timeline-content .sign_up .more_btn a::before{ left: 10px; }
.timeline-content .info, .timeline-content .sign_up{ vertical-align: middle; }

/*----------------------------------------------------------------------*/
/* 活動查詢-日曆式 */
.Calendar { display:none; }
.CalendarWrap { background-color:transparent; border: 0; }
.CalendarWrap .Calendar .event_cont_popup { width:180px; }
.CalendarControls{ margin-bottom: 10px; }
.CalendarControls .calendar_title{ font-size: 1.375em; font-weight: 600; padding: 0 10px; }

/* 類別資訊 */
.calendar .category_infobox ul li{ display: inline-block; margin-right: 8px; }
.calendar .category_infobox ul li:last-child{ margin-right: 0; }

.CalendarControls .top{ margin-bottom: 15px; }
.CalendarControls .top > div{ display: inline-block; vertical-align: middle; }
.CalendarControls .prevNext a { width: 35px; height: 35px; }
.CalendarControls .prevNext a.next::after{ top: 11px; margin-right: -3px; }
.CalendarControls .prevNext a.prev::after{ top: 11px; margin-right: -3px; }
.CalendarControls .today { position: inherit; display: block; }
.CalendarControls .today a{ width: auto; line-height: 35px; padding: 0 15px; }

.event_period_box .tab_cont.tab_timeline .tab_cont_inner { height: auto; transform: scaleY(1); visibility: visible; opacity: 1; }
.event_period_box .tab_cont.tab_timeline{ border: 0; padding: 0; }
.event_period_box .tab_cont.tab_timeline .tab_title{ display: none; }
.event_period_box .tab_cont.tab_calendar{ display: none; }

/* 平板與手機顯示的小日曆 */
.CalendarMobile{ margin-bottom: 20px; }
.CalendarControls.cal-mobile-use .today a{ background-color: #aaaaaa; border: 1px solid #aaaaaa; line-height: 30px; }
.CalendarControls.cal-mobile-use .today.clickable a{ font-weight: bold; color: #a68728; border: 1px solid #a68728; background-color: #ffffff; }

@media screen and (max-width: 480px) {
    .Calendar.CalendarMobile .month_row{ height:70px; padding-top:0; }
}

/*----------------------------------------------------------------------*/
/* 活動詳情 */
.EventContBox .event_cont_title{ font-size: 1.25em; margin-bottom: 15px; }
.EventContBox .tags_btn{ margin-bottom: 10px; }
.EventContBox .sub_title{ font-size: 1.125em; padding-left: 35px; margin-bottom: 15px; }
.EventContBox .sub_title::before{ top: 4px; }
.EventContBox .Box{ padding-bottom: 30px; }

/* 活動資訊 */
.event_table_info table .cont ul.tags_btn{ margin-bottom: 0; }
.event_table_info table tr th, .event_table_info table tr td{ display: block; width: 100%; }
.event_table_info table tr th{ text-align: left; padding: 5px 10px; }
.event_table_info table tr th.title{ border-right: 0; }
.event_table_info table tr td{ padding: 10px; }
.event_more_btn{ text-align: center; }

/* 活動報名 */
.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 .ListTable.time_list{ margin-bottom: 20px; }
.event_schedule .item .top_title{ margin-bottom: 15px; }
.event_schedule .item .top_title .light{ font-size: 1.1rem; padding-right: 30px; }
.event_schedule .item .top_title .tt{ font-size: 1rem; }
.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: 28px; 
    padding: 0 15px 0 35px; margin: 0 5px;
}
.event_schedule .add_calendar_btn:hover{ border-color: #a68728; }
.event_schedule .add_calendar_btn::before{ top: 6px; left: 12px; }

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

@media screen and (min-width: 480px) {
    .SitemapBox > ul > li{ width: 100%; } 
}
@media screen and (max-width: 479px) {
    .SitemapBox > ul > li{ width:100%; }
}

/*----------------------------------------------------------------------*/
/* 內頁元素 */
.ToolBar{ margin-bottom:0; border-top:0; margin-bottom:10px; padding-top: 0; }
.ToolBar .colm_left { display:none; }
.ToolBar .colm_right { position:relative; }
.colm_right > dl{ border-right: 0; }
.ToolBar dl.font_size{ margin-bottom:5px; overflow:hidden; }
.ToolBar dl.font_size::after{ display:none; }
.ToolBar dl.font_size dd{ margin-top: 5px; margin-bottom: 5px; }
.ToolBar dl.share { padding-top:10px; padding-left:0; margin-left:0; border-top:1px solid #ccc; }
.ToolBar dl.share dt { display:block; position:absolute; top:3px; right:0; }
.ToolBar dl.share dt::after { 
	content:''; display:inline-block; width:34px; height:34px; vertical-align:middle; box-sizing:border-box; 
	background:url("../images/icon_toolbar.png") no-repeat 0 -520px; border:1px solid #545859; background-color:#fff; 
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
	}
.ToolBar dl.share dt:hover::after, .ToolBar dl.share.show dt::after { background-position:-40px -520px; background-color:#004d47; }
.ToolBar dl.share dd { margin-top: 5px; margin-bottom:5px; display:none; }
.ToolBar dl.share.show dd { display:block; }

#Breadcrumbs{ margin-top:0;}
#Breadcrumbs ul{ padding: 3px 0 0px 5px; }

/* 頁碼 */
#Pagination { margin-top:0; }
#Pagination a { margin:0 5px; display:none;	}
#Pagination a.prev, #Pagination a.next, #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; }
#Pagination .setting { display:none; }

/* colorbox */
#colorbox_thum a { padding: 0 5px; margin-bottom: 10px; }

@media screen and (min-width: 480px) {
    #colorbox_thum a { width:33.333333%; }
}
@media screen and (max-width: 479px) {
    #colorbox_thum a { width:50%; }
}

/* 文章列表 */
h3.article_title { font-size:175%; }

/*----------------------------------------------------------------------*/
/* 彈出視窗 */
.alert_box > div { max-height:90%; margin:20px; padding:20px; }
.alert_box .close { position:absolute; top:5px; right:5px; }

/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult { margin-top:5px; }
.SearchResult .item{ padding:15px 10px; }
.SearchResult .title{ font-size: 1.25em; }
.SearchResult .desc{ line-height:200%; font-size:0.938em; }
.SearchResult .cat a{ font-size:0.938em; }
.SearchResult .results_count{ padding: 15px 10px; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable{ margin-top:0; margin-bottom:30px;}
.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:10px; }

.ListTable table tr:nth-child(odd) { background-color:#f7f6f4; }
.ListTable table tr:nth-child(even) { background-color:rgba(156,156,156,0.15);}

.ListTable table td { margin:5px 0; text-align:left; color: #6d6d6d; }
.ListTable table td.no, .ListTable table td.img { display:none; }
.ListTable table td::before { color:#333; content: attr(data-th)"："; display:inline-block; margin-bottom: 3px; }
.ListTable table td.no::before, .ListTable table td.date::before, .ListTable table td.title::before, 
.ListTable table td.type::before, .ListTable table td.thum::before, .ListTable td.img::before, 
.ListTable table td.cat::before{ 
    content:""; 
}
.ListTable table td.date { background:url("../images/icon_date.png") no-repeat 0 center; margin-bottom:0; 
    padding-left:16px; color:#7e7e7e; 
}
.ListTable table td.cat{ font-size:0.875em; }
.ListTable table td.cat::before{ content:'#'; color: #6d6d6d; }
.ListTable table td.title { margin-top:0; color:#333; }
.ListTable table td.view{ color: #a68728; }

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

/* list-view */
.ListPicText.list-view .date, .ListPicText.list-view .tag{ display: inline-block; margin-right: 5px; margin-bottom: 5px; }
.ListPicText.list-view .item{ width: 100%; padding: 0; margin-bottom: 0; }
.ListPicText.list-view .item > div{ border-bottom: 1px solid rgba(0,0,0,0.1); padding: 10px 0; }
.ListPicText.list-view .img, .ListPicText.list-view .video_box{ 
    width: 320px; max-width: 40%; float: left; padding: 10px 15px 10px 0;
}
.ListPicText.list-view .video_box .img{ width: 100%; padding: 10px 15px 10px 0; max-width: 100%; float: none; }
.ListPicText.list-view .video_box .img::after{ width: 30px; height: 30px; background-size: contain; margin-left: -22px; margin-top: -15px; }
.ListPicText.list-view .cont{ padding: 10px 0; }
.ListPicText.list-view .desc{ margin-bottom: 10px; }

/* grid-view */
.ListPicText.grid-view .item{ padding-left:15px; padding-right:15px; }
.ListPicText.grid-view .item .cont::before{ height: 30px; left: -10px; }
.ListPicText.grid-view .date{ position:relative; padding:0; display: block; }
.ListPicText.grid-view .tag{ position: inherit; display: inline-block; }

.ListPicText .img { float:none; }
.ListPicText .cont { padding:10px 0 20px 0; }
.ListPicText .title { font-size:1.1rem; }
.ListPicText .date { font-size:0.9rem; }
.ListPicText .tag{ font-size: 0.9rem; }
.ListPicText .desc { font-size:0.9rem; }

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

@media screen and (max-width: 479px) {
    .ListPicText .item { float:left; width:100%; }
    /* list-view */
    .ListPicText.list-view .cont{ padding-top:5px; }
    /* grid-view */
    .ListPicText.grid-view .item{ padding-left:15px; padding-right:15px; }
}

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

/*----------------------------------------------------------------------*/
/* 應用程式 */
.AppIntro { padding:10px 20px; font-size:0.9rem; }

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

/* 列表 */
@media screen and (max-width: 399px) {
.AppList .item { float:none; max-width:260px; margin-left:auto; margin-right:auto; }
}
@media screen and (min-width: 400px) and (max-width: 539px) {
.AppList .item { float:none; }
.AppList a { padding:15px 10px; }
.AppList .item .img { float:left; margin:0 20px 0 0; }
.AppList .item .cont > div { text-align:left; }
.AppList .item .title { margin-top:0; }
}
@media screen and (min-width: 540px) {
.AppList > div { margin-left:-15px; margin-right:-15px; }
.AppList .item { width:50%; padding-left:15px; padding-right:15px; }
}

/* 內頁 */
.AppContHeader .img { margin:0 auto 20px; }
.AppContHeader > div > div { display:block; text-align:center; }

/* QR Code */
@media screen and (max-width: 449px) {
.AppDownload dd { display:table; width:100%; }
.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: 450px) {
.AppDownload dd { float:left; width:50%; }
.AppDownload .qrcode { margin:0 auto 10px; }
.AppDownload .cont { text-align:center; }
}

/* 問答 */
.AppQA .ans .editable_content { padding:55px 0 0 0; }

/* 介面Silder */
.app_demo_list .img { width:100%; max-width:300px; }
.app_demo_list .owl-nav .owl-prev { left:-22px; }
.app_demo_list .owl-nav .owl-next { right:-22px; }

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

/*----------------------------------------------------------------------*/
/* 電子賀卡 */
/* 推薦電子賀卡 */
@media screen and (max-width: 479px) {
.ECardRankList { 
	background-color:transparent; border-top:0; padding:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}
.ECardRankList li { padding:0 10px 0 30px; }
	.ECardRankList .silver { border:2px solid #e6e6e6; background-color:#e6e6e6; }
.ECardRankList .rank { width:40px; height:40px; font-size:18px; line-height:40px; }
	.ECardRankList .gold .rank { font-size:22px; }
	.ECardRankList .silver .rank { font-size:22px; }
	.ECardRankList .bronze .rank { font-size:22px; }
.ECardRankList li[class] .rank::before { top:-9px; left:-9px; width:18px; height:18px; }
.ECardRankList .medal { display:none; }
}

/* 列表 */
@media screen and (max-width: 539px) {
.ECardList .item { max-width:360px; margin-left:auto; margin-right:auto; }
}
@media screen and (min-width: 540px) {
.ECardList > div { margin-left:-10px; margin-right:-10px; }
.ECardList .item { float:left; width:50%; padding-left:10px; padding-right:10px; }
}

/* 最新電子賀卡 */
@media screen and (min-width: 540px) {
.ECardIndex .ECardList .title a { font-size:1rem; }
}

/* 推薦電子賀卡 */
.ECardRankList .title a { font-size:0.9rem; }

/* 其他電子賀卡 */
.OtherECard > .title h3 { min-width:auto; font-size:1.2rem; letter-spacing:1px; }
.OtherECard .ECardList { margin-left:-10px; margin-right:-10px; width:auto; }

.OtherECard .ECardList .owl-nav .owl-prev, .OtherECard .ECardList .owl-nav .owl-next {
	width:40px; height:40px; margin-top:-20px;
	}
.OtherECard .ECardList .owl-nav .owl-prev { left:-12px; }
.OtherECard .ECardList .owl-nav .owl-next { right:-12px; }
.OtherECard .ECardList .owl-nav .owl-prev::after, .OtherECard .ECardList .owl-nav .owl-next::after { 
	width:10px; height:10px; margin-top:-5px; 
	}
.OtherECard .ECardList .owl-nav .owl-prev::after { margin-left:-5px; }
.OtherECard .ECardList .owl-nav .owl-next::after { margin-right:-5px; }

/* 轉寄 */
.ECardForward .img { max-width:600px; margin-left:auto; margin-right:auto; }
.ECardForward .col_right { margin-top:40px; }
.RecipientsGroup.tabs_group .tabs { display:block; }
.RecipientsGroup.tabs_group .tab_cont .tab_title { display:none; }
@media screen and (max-width: 479px) {
.ECardForward .msg textarea { height:200px; }
.ECardForward .sender input.name, .ECardForward .sender input.address,
.RecipientsGroup .recipients_list .name, .RecipientsGroup .recipients_list .address { float:none; width:100%; }
.RecipientsGroup .tab_cont.batch textarea { height:250px; }
.RecipientsGroup .desc { font-size:1rem; }
.RecipientsGroup .tabs a { padding:0 10px; }
.RecipientsGroup .tabs a::before { display:none; }
}

/* 預覽賀卡 */
.ECardPreviewPopup .popup_title { font-size:1.25rem; }
.ECardPreviewPopup .ecard_preview .sender, .ECardPreviewPopup .ecard_preview .recipients { font-size:0.875rem; }
.ECardPreviewPopup .ecard_preview .msg { font-size:0.9375rem; }

/*----------------------------------------------------------------------*/
/* 全球事業體 */
@media screen and (max-width: 479px) {
.LocationSearch.tw .search_form .area { float:none; width:100%; padding-right:0; }
.LocationSearch.tw .search_form .city { float:none; width:100%; padding-left:0; }
}
.LocationSearch .search_form .area select, .LocationSearch .search_form .city select, .LocationSearch .search_form .keyword input { 
	line-height:44px; height:44px; 
	}
.LocationSearch .search_form .btn a { line-height:44px; }
.LocationSearch .image_map { display:none; }

.LocationList .item { border-top:1px solid #dfdfdf; }
.LocationList .item:first-child { border-top:0; }
.LocationList .img { float:none; width:200px; } 
.LocationList .cont { padding-left:0; padding-top:10px; }


/*----------------------------------------------------------------------*/
/* 上下篇文章 */
.prevNextLink{ padding-top:10px; }
.prevNextLink .prev, .prevNextLink .next { width:100%; float:none; margin-bottom:10px; }

/*----------------------------------------------------------------------*/
/* 延伸閱讀 */
.related_articles{ margin-top:30px; margin-bottom:10px; padding: 25px 15px 15px 15px; }
.related_articles .title{ left: 10px; font-size: 1.188rem; }

/*----------------------------------------------------------------------*/
/* 搜尋表單 */
.ListSearch { padding: 15px 15px 5px 15px; }
.ListSearch.FormElmt{ margin-bottom:15px; }
.ListSearch .item{ margin-bottom: 10px; display:block; float:none; margin-right:0; }
.ListSearch .item:first-child + .item{ padding-left:0; }
.ListSearch .item .label{ display:block; }
.ListSearch.FormElmt .item .cont{ line-height:24px; display: block; }
.ListSearch .item label, .ListSearch .item::before{ display:none; }
.ListSearch .BtnCommon{ width:100%; text-align:left; margin-top:10px;}
.ListSearch.FormElmt{ margin-bottom:10px; }
.ListSearch.FormElmt input[type="text"]{ font-size:93.8%;}
.ListSearch.FormElmt .dev-calendar { width:135px; }
.ListSearch.FormElmt .BtnCommon{ margin-top:0; margin-bottom:10px; padding-top:0; }
.ListSearch.FormElmt .item input{ margin-bottom:5px; }
.ListSearch .item .cont select{ width: 100%; max-width: 100%; }

@media screen and ( max-width: 479px) {
	.ListSearch.FormElmt .item input{ width:100%; font-size:100%; margin-bottom:0; }
}

/*----------------------------------------------------------------------*/
/* 表單 */
/* 表單群組 */
.FormGroup, .FromSubGroup { padding:25px 20px 10px; }
.FormGroup .FormTable, .FromSubGroup .FormTable {  width:auto; }

.FormGroup .form_group_subtitle{ margin-top:15px; margin-bottom:15px; border-bottom-color: #ccc; 
    padding:5px 0;
}
.FormGroup .form_group_subtitle span{ top:auto; left:auto; display:inline-block; color:#555; 
    border-left:5px solid #df7b39; padding:0 0 0 5px; 
}

/* 可收合 */
.FormGroup.Foldable { border-color:#f7f6f4; padding-top:0; padding-bottom:0; margin-bottom:60px; }
     .FormGroup.Foldable.show { border-color:#dfdfdf; padding-top:25px; padding-bottom:10px; margin-bottom:30px; }
.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; }

/* 表單表格 */
.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 { padding:5px 0; }
.FormTable > tbody > tr:last-child{ border-bottom:none;}
.input_table li { width:50%; }

table.FormTable , table.FormTable > tbody, table.FormTable > tbody > tr, 
table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { 
    display:block; 
}
table.FormTable > tbody > tr { padding:10px 5px; border-bottom:1px solid rgba(156,156,156,0.2); }
table.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { border-bottom:0; }
table.FormTable > tbody > tr > th { text-align:left; }

/* 表單元件 */
.FormElmt .input_group > div{ display: inline-block; }
.FormElmt input[type="text"]{ width:100%; max-width:100%; }

/* 表單群組 */
.form_group_title > span { font-size:1.1rem; padding:0 15px; }

/* 表單群組分等分 */
.FormTableWrap{ display: block; }
.FormTableWrap .col-2.FormTable{ width: 100%; flex: inherit;  width: 100%; }
.FormTableWrap .col-2.FormTable:nth-child(2n+1){ padding-right: 0; border-right: 0; }
.FormTableWrap .col-2.FormTable:nth-child(2n+2){ padding-left: 0;}

/*----------------------------------------------------------------------*/
/* 按鈕 */
.BtnCommon.btn_form div { margin:5px; }
.BtnCommon.large div{ margin-bottom:10px; }
.BtnCommon div[class] span::before { left:13px; }

/*----------------------------------------------------------------------*/
/* 編輯器 */
.editable_content, .editable_content p, .editable_content .para, .editable_content blockquote{
    line-height:170%; 
}
.editable_content blockquote { margin:35px 0; padding:40px 25px; font-size:1em; }
.editable_content blockquote p{ font-size:1rem; line-height:180%; margin-bottom: 5px; }
.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; }
.editable_content .district .img.left, .editable_content .district .img.right { 
    float:none; clear:both; max-width:100%; text-align:center; margin-bottom:20px; margin-left:auto; margin-right:auto; 
}
.editable_content table.table_style2 caption{ display:block; }

.editable_content h4{ font-size:1.25em; line-height:140%; }
.editable_content h5{ font-size:1.125em; }
.editable_content h6{ font-size:1.063em; }
h4.ext_title{ font-size: 1.188em; padding: 4px 15px 4px 40px; }
ul.ext_list{ padding-left: 20px; }

/*----------------------------------------------------------------------*/
/* 頁籤 */
.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;
}