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

/*----------------------------------------------------------------------*/
/*共用區塊*/
/* 動畫在一起 */
#Header .social_box > ul > li > a img, #Header .tool_box ul li a, #Header .tool_box > ul > li.arrow > a::after, #Menu ul li a,
.IndexMainBox .mainBtn .img, .IndexMainBox .mainBtn .item a, .IndexMainBox .mainBtn .item .inner, .footer_social li a,
.footer_social .icon, .footer_social .icon img, .footer_menu > ul > li > ul li a, .footer_menu > ul > li > a, .footer_menu > ul > li > a::after,
.news_list .item .title a, .news_list .item .img div, .tabs_group .tabs li.active::after, .recommend_list .item .img div,
.recommend_list .item .title a, .indexGlobalSearch .indexBtn a, .news_list .item .cont::before,
.news_list .video_box .img::after, .prevNextBtn a, #Header .tool_box > ul > li > ul > li, .tag_select_box .tags_box a,
.tag_select_box .tags_box .icon_delete::before, .tag_select_box .tags_box .icon_delete::after, .wallpaper_list .tag a, 
.wallpaper_popup_list .download_btn, .popup_box .close_btn a::before, .popup_box .close_btn a::after,
.vendor-search-condition .search-span, .vendor-search-condition.search-location span.arrow, 
.timeline-content .sign_up .more_btn a, .timeline-content .sign_up .more_btn, .timeline-content .title a,
.EventContBox .tags_btn a, .event_schedule .item .top_signup .more_btn a, .event_more_btn a, .SitemapBox > ul > li > ul > li,
.SitemapBox > ul > li > a{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*----------------------------------------------------------------------*/
/* Header */
#Header { top:-100px; /*min-height:130px;*/ z-index:10000; padding-top:15px; padding-bottom:10px; }
#Header .logo { position:absolute; top:0; }
#Header .topBar { text-align:right; margin-bottom:10px; }
#Header .tool_box { margin-right:10px; }
.header_search { margin-right:10px; }

@media screen and ( max-width:1359px ){
    #Header { padding-left:10px; padding-right:10px; }
    #Header .logo { width:140px; }
	#Header .topBar { padding-left:150px; }
	}

@media screen and ( min-width:1360px ){
    #Header { padding-left:20px; padding-right:20px; }
	#Header .logo { width:200px; }
    #Header .topBar { padding-left:220px; }   
	}

/*做動畫*/
#Header {
    -webkit-transition: top 0.3s ease-out; 
    -moz-transition: top 0.3s ease-out; 
    transition: top 0.3s ease-out;   
	}

/* 浮動效果 */
.MenuFix #Header { 
	display:table; position:fixed; top:0; z-index:10000; min-height:inherit; height:80px; 
    box-shadow:0 8px 10px rgba(0,0,0,0.1); padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:20px;  
	}
.MenuFix #Header > div { display:table-cell; vertical-align:middle; }
.MenuFix #Header .logo { width:140px; }
.MenuFix #Header .topBar{ display:none; }


/*----------------------------------------------------------------------*/
/* Menu */
#Menu { 
	display:block; width:100%; box-sizing:border-box; clear:both; 
    font-family:'Noto Serif TC', 'Times New Roman', serif; font-weight:600; text-align:right; 
	}
	@media screen and ( max-width:1359px ){
	#Menu { padding-left:150px; }
	}
	@media screen and ( min-width:1360px ){
	#Menu { padding-left:220px; }
	}
#Menu > div { text-align:right; }
#Menu li { position:relative; }
#Menu li a { display:block; color:#333; letter-spacing:.1em; position:relative; }
#Menu li a:hover, #Menu li a:focus { color:#a68728; }

/* ---------- Menu 第1層 ---------- */
#Menu > div > ul > li { display:inline-block; }
#Menu > div > ul > li > a { line-height:2rem; }
	@media screen and ( max-width:1199px ){
	#Menu > div > ul > li > a { padding:0 2px; font-size:0.75rem; }
	}
	@media screen and ( min-width:1200px ) and ( max-width:1359px ){
	#Menu > div > ul > li > a { padding:0 5px; font-size:0.85rem; }
	}
	@media screen and ( min-width:1360px ) and ( max-width:1599px ){
	#Menu > div > ul > li > a { padding:0 6px; font-size:0.9rem; }
	}
	@media screen and ( min-width:1600px ){
	#Menu > div > ul > li > a { padding:0 10px; font-size:1rem; }
	}

/* ---------- Menu 第2層 ---------- */
#Menu ul ul a::before, #Menu ul ul a::after { 
    transition: all .25s ease-out; 
    -moz-transition:all .25s ease-out; 
    -webkit-transition: all .25s ease-out;
	}
#Menu ul ul {
    border-top:2px solid #a68728;
	position:absolute;
	top:40px;
    /*width:14em;*/
	min-width:120px;
    overflow:visible;
    clear:left;
    z-index:99999;
    box-shadow:0 5px 30px rgba(0,0,0,0.2);
	}
#Menu > div > ul > li:last-child > ul { left:auto; }
	@media screen and ( max-width:1199px ){
	#Menu ul ul { font-size:0.7rem; left:-12px; }
	#Menu > div > ul > li:last-child > ul { left:auto; right:-12px; }
	}
	@media screen and ( min-width:1200px ) and ( max-width:1359px ){
	#Menu ul ul { font-size:0.8rem; left:-10px; }
	#Menu > div > ul > li:last-child > ul { left:auto; right:-10px; }
	}
	@media screen and ( min-width:1360px ) and ( max-width:1599px ){
	#Menu ul ul { font-size:0.85rem; left:-10px; }
	#Menu > div > ul > li:last-child > ul { left:auto; right:-10px; }
	}
	@media screen and ( min-width:1600px ){
	#Menu ul ul { font-size:0.95rem; left:-8px; }
	#Menu > div > ul > li:last-child > ul { left:auto; right:-8px; }
	}

#Menu ul ul a { 
	background-color:rgba(255,255,255,1); padding:10px 1.5em 10px 1em; text-align:left; white-space:nowrap;  
	line-height:150%; color:#444; letter-spacing:0; 
	}
	#Menu > div > ul > li:last-child > ul a { padding:10px 1em 10px 1.5em; text-align:right; }
#Menu ul ul a.sf-with-ul::before { 
	content:''; display:block; position:absolute; top:50%; right:8px; margin-top:-3px; width:6px; height:6px; 
	border-top:1px solid #666; border-right:1px solid #666;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	}
	#Menu > div > ul > li:last-child ul > li > a.sf-with-ul::before { 
	right:auto; left:8px; 
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
	}
	#Menu ul ul a.sf-with-ul:hover::before, #Menu ul ul a.sf-with-ul:focus::before { border-color:#a68728; }
#Menu ul ul a::after{ 
	content:""; display:block; position:absolute; bottom:0; left:0; width:0; height:1px; background-color:#e0d3aa; 
	}
	#Menu ul ul a:hover::after, #Menu ul ul a:focus::after { width:100%; }

/* ---------- Menu 第3層 ---------- */
#Menu ul ul ul { left:100%; top:-2px; }
#Menu > div > ul > li:last-child ul ul { left:auto; right:100%; }

/* ---------- 隱藏與顯示階層 ---------- */
#Menu ul ul { display:none }
#Menu ul li:hover > ul { display:block; }

@media screen and (min-width: 1440px) {

}
@media screen and (max-width: 1439px) {

}

/* 浮動效果 */
@media screen and ( min-width:1700px ){
    #Menu{ padding-right:10px; }
	}
@media screen and ( max-width:1359px ){
    .MenuFix #Menu { padding-left:150px; }
	}
@media screen and ( min-width:1360px ){
	.MenuFix #Menu { padding-left:170px; }
	}
	

/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual .bx-wrapper .bx-controls-direction a { width:54px; height:54px; margin-top:-27px; background-color:rgba(255,255,255,0.6); }
#KeyVisual .bx-wrapper .bx-controls-direction a::after { width:14px; height:14px; margin-top:-9px; }
#KeyVisual .bx-wrapper .bx-controls-direction a:hover{ background-color:rgba(255,255,255,0.9); box-shadow: 0 0 15px rgba(0,0,0,0.15); }
#KeyVisual .bx-wrapper .bx-controls-direction a:hover::after{ border-color: #444; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:24px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:24px; }

@media screen and ( max-width:1359px ){
    #KeyVisual .bx-wrapper .bx-controls-direction .bx-prev{ left:10px; }
    #KeyVisual .bx-wrapper .bx-controls-direction .bx-next{ right:10px; }
}

/*----------------------------------------------------------------------*/
/* Footer */
.footer_menu{ float: left; }
.footer_right{ float: right; }

/* footer menu */
.footer_menu{ border-right: 1px solid rgba(255,255,255,0.2); margin-bottom: 30px; }
.footer_menu > ul > li > a:hover::after{ width: 100%; }

/* footer info */
.footer_info ul li{ line-height: 30px; }
.footer_info span{ top: 5px; }

/* footer social */
.footer_social .icon{ width: 42px; height: 42px; }
.footer_social .icon img{ position: absolute; top: 50%; left: 50%; margin-left: -17px; margin-top: -17px; }

/* footer bottom */
.footer_bottom{ padding-bottom: 3.75rem;  }
.footer_bottom .copyright{ float: left; }
.footer_bottom .visitor{ float: right; }

@media screen and ( min-width:1600px ){
    #Footer{ padding-top: 3.75rem; padding-bottom:3.125rem; }
    #Footer > div{ padding: 0 3.75rem; }
    .footer_menu{ width: calc(100% - 25%); }
    .footer_menu > ul > li{ margin-bottom: 3.75rem; padding: 0 2.5rem; }
	.footer_menu > ul > li > ul li a{ font-size: 0.9rem; }
    .footer_info{ margin-bottom: 30px; }
    .footer_right{ width: 25%; padding-left: 4.5rem; }
}
@media screen and ( max-width:1599px ){
    #Footer{ padding-top: 30px; padding-bottom:20px; }
    #Footer > div{ padding: 0 1.875rem; }
    .footer_menu{ width: calc(100% - 35%); }
    .footer_menu > ul > li{ margin-bottom: 2.5rem; padding: 0 20px; }
    .footer_menu > ul > li > ul li a{ font-size: 0.9rem; }
    .footer_info{ margin-bottom: 20px; }
    .footer_right{ padding-left:20px; width: 35%; }
    .footer_bottom .visitor{ padding-right:30px; }
}

@media screen and ( min-width:1024px ) and ( max-width:1360px ){
    .footer_menu > ul > li{ padding: 0 10px; }
}

/*----------------------------------------------------------------------*/
/* 首頁 */
/* 共用區塊 */
/*.IndexMainBox + #Center .IndexBlock:first-child{ margin-top: -35px; }*/

/*----------------------------------------------------------------------*/
/* 首頁-上方主要區塊 */
.IndexMainBox { padding-left:3.125vw; padding-right:3.125vw; }
.MenuFix .IndexMainBox{ margin-top: 100px; }
.IndexMainBox .BOX_02{ position: relative; }

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

/* 焦點訊息(跑馬燈) */
.IndexMainBox .focus_block{ font-size: 1.1rem; padding-left:3.4375rem; 
    line-height: 45px; margin-bottom: 15px; padding-top: 15px; padding-bottom: 10px;
}
.IndexMainBox .focus_block::before{ top: 15px; }

/* 主要按鈕 */
.IndexMainBox .mainBtn{ margin-bottom: 1.375rem; }
.IndexMainBox .mainBtn .item{ width: 50%; margin-bottom: 20px; }
.IndexMainBox .mainBtn .item a{ height: 220px; padding: 15px; }
.IndexMainBox .mainBtn .img{ width: 100px; }
.IndexMainBox .mainBtn .title{ font-size:1.2em; }

/* 聖嚴法師法語 */
.IndexMainBox .masterTalk { width: 100%; padding-left: 10px; padding-right: 10px; margin-top: 20px; }
.IndexMainBox .masterTalk .title{ top: -35px; }
.IndexMainBox .masterTalk > div{ padding:20px 2.8125rem 2.1875rem 2.8125rem; }
.IndexMainBox .masterTalk .desc p{ line-height: 1.875em; }

/* 下上則按鈕 */
.prevNextBtn{ position: absolute; width: 150px; height: 30px; right: 30px; }
.prevNextBtn span{ display: inline-block; }
.prevNextBtn a{ display: block; width: 30px; height: 30px; position: absolute; z-index: 99; right: 0; }
.prevNextBtn a:hover{ background-color: #e5e5e5; }
.prevNextBtn a.prev{ right: 40px; } 
.prevNextBtn a.next{ right: 0; }
.prevNextBtn span{ text-indent: -9999px; position: relative; display: block; width: 100%; height: 100%; }
.prevNextBtn a.prev span::before, .prevNextBtn a.next span::after{ 
    content:''; display:block; position:absolute; top:50%; margin-top:-3px; 
    border-left:2px solid #555;
    border-top:2px solid #555;
    width:6px; height:6px;

}
.prevNextBtn a.prev span::before{ right:10px; 
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.prevNextBtn a.next span::after{ right:13px;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    transform:rotate(135deg);
}

/* hover */
.IndexMainBox .mainBtn .item a:hover .img{ 
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
}
.IndexMainBox .mainBtn .item a:hover .inner{ border-color: rgba(255,255,255,0.75);
    background-color: rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.2); 
}

@media screen and ( min-width:1700px ){
    .IndexMainBox .BOX_01{ width: calc(100% - 28%); padding-right: 20px; }
    .IndexMainBox .BOX_02{ width: 28%; padding-left: 30px; }
    .IndexMainBox .focus_block{ font-size: 1.1rem; padding-left:3.4375rem; line-height: 45px; }
    .IndexMainBox .mainBtn .title{ font-size:1.2em; }

    .IndexMainBox .masterTalk .desc p{ line-height: 1.875em; }
    /* 測試用行數 */
    .IndexMainBox .testHight p{ 
        line-height: 1.875em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        max-height: 13.125em;
        display: block;
    }
}
@media screen and ( max-width:1699px ){
    .IndexMainBox .focus_block{ font-size: 1rem; padding-left:3rem; line-height: 40px; }
    .IndexMainBox .BOX_01{ width: calc(100% - 30%); }
    .IndexMainBox .BOX_02{ width: 30%; padding-left: 30px; }
    .IndexMainBox .mainBtn .title{ font-size:1.1em; }
    .IndexMainBox .mainBtn .item a{ height: 200px; }

    .IndexMainBox .masterTalk .desc p{ line-height: 1.75em; }
    /* 測試用行數 */
    .IndexMainBox .testHight p{ 
        line-height: 1.75em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        max-height: 12.25em;
        display: block;
    }
}
@media screen and ( min-width:1360px ){
    .IndexMainBox .col_left{ float: left; }
    .IndexMainBox .col_right{ float: right; }
    .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 { z-index: 105; position: absolute; left: 0; padding-left: 40px; }
    .IndexMainBox .masterTalk .desc{ margin-top: -10px; }
}
@media screen and ( min-width:1500px ) and ( max-width:1699px ){
   .IndexMainBox .mainBtn{ margin-bottom: 0; } 
   .IndexMainBox .masterTalk > div{ padding: 20px 2.25rem 1.75rem 2.25rem; }
   .IndexMainBox .masterTalk .desc{ margin-top: -25px; }
   .prevNextBtn{ bottom: 10px; }
}
@media screen and ( min-width:1360px ) and ( max-width:1499px ){
    .IndexMainBox .mainBtn { margin-bottom: 10px; }
    .IndexMainBox .mainBtn .item{ padding: 0 8px; margin-bottom: 15px; }
    .IndexMainBox .mainBtn .item a{ height: 150px; padding: 8px; }
    .IndexMainBox .mainBtn .img { width: 90px; }
    .IndexMainBox .masterTalk{ padding-left: 38px; }
    .IndexMainBox .masterTalk .title{ top: -25px; }
    .IndexMainBox .masterTalk > div{ min-height: inherit; padding:10px 2rem 2.5rem 2rem; }
    .prevNextBtn { bottom: 10px; }
}
@media screen and ( max-width:1359px ){
    .IndexMainBox { padding-bottom: 30px; }
    .IndexMainBox .Banner{ margin-bottom: 10px; }
    .IndexMainBox .BOX_01{ width: 100%; }
    .IndexMainBox .BOX_02{ width: 100%; padding-left: 0; }
    .IndexMainBox .mainBtn { margin-bottom: 10px; }
    .IndexMainBox .mainBtn .item{ width: 25%; margin-bottom: 20px; }
    .IndexMainBox .mainBtn .item:nth-child(2n+2) a{  background: #ba9e56 url(../images/bg_mainBtn_01.jpg); }
    .IndexMainBox .mainBtn .item:nth-child(2n+1) a{ background: #588173 url(../images/bg_mainBtn_02.jpg); }
    .IndexMainBox .mainBtn .item a{ padding: 10px; }
    .IndexMainBox .masterTalk .title{ top: -25px; }
    .IndexMainBox .masterTalk > div{ padding:10px 3.125rem 30px 3.125rem; }
    .prevNextBtn{ display: none; }
}   

/*----------------------------------------------------------------------*/
/* 首頁-共用區 */
.IndexBlock{ padding-top:4rem; padding-bottom:4rem; }
.indexTitle{ padding: 25px 15px ; box-sizing: border-box; width: 72px; text-align: center;
    position: absolute; top: 0;
}
.indexTitle h2{ letter-spacing: 0; }
.indexTitle > div::after{ content: ""; display: block; width: 1px; height:50px; background-color: #333;
    position: absolute; bottom: -60px; left: 50%;
}

/* 按鈕 */
.indexMoreBtn a::after{ 
    content:""; display:block; width:0; height:100%; background-color:rgba(255,255,255,0.15); 
    top:0; left:-10px; position:absolute;
    transform:skewX(-15deg);
    -webkit-transform:skewX(-15deg);
    -moz-transform:skewX(-15deg);
}

/* hover */
.indexMoreBtn a:hover::after{ width:100%; right:10px; }
.indexMoreBtn a::after, .indexMoreBtn span.icon_arrow{
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;  
}

/* 頁籤 */
/* 配色樣式 */
.block_style_01.IndexBlock .tabs_group .tabs li.active a{ border-bottom:2px solid #a68728; color:#a68728; }
.block_style_02.IndexBlock .tabs_group .tabs li.active a{ border-bottom:2px solid #004d47; color:#004d47; }
.block_style_01.IndexBlock .tabs_group .tabs li::after{ background-color: #a68728; }
.block_style_02.IndexBlock .tabs_group .tabs li::after{ background-color: #004d47; }

@media screen and (min-width: 1600px) {
    .IndexBlock > div{ padding-left: 3.75rem; padding-right: 3.75rem; }
    .indexTitle h2{ font-size: 1.5rem; }
    .indexMoreBtn a{ line-height:64px; }
}

@media screen and (max-width: 1599px) {
    .IndexBlock > div{ padding-left: 3.125rem; padding-right: 3.125rem; }
    .indexTitle h2{ font-size: 1.25rem; }
    .indexMoreBtn a{ line-height:54px; }
}
@media screen and (max-width: 1359px) {
    .IndexBlock > div{ padding-left: 2.5rem; padding-right: 2.5rem; }
}

/*----------------------------------------------------------------------*/
/* 首頁-法鼓新聞 */
.index_news_box .news_list, .index_news_box .no_cont{ min-height: 300px; }

/* 列表 */
.news_list .item { width: 25%; }
.news_list .item .img, .news_list .video_box .img{ background-color: #e4e3db; }
.news_list .item .cont{ padding-top: 15px; }
.news_list .item .title{font-size: 1.2rem; }

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

/* hover */
.news_list .item .img:hover div{ opacity: 0.8; 
    transform: scale(1.05); 
    -webkit-transform: scale(1.05); 
    -moz-transform: scale(1.05); 
}

/* 影片樣式 */
.news_list .video_box .img:hover::after{ box-shadow: 0 0 10px rgba(0,0,0,0.4); }

@media screen and (min-width: 1600px) {
    .IndexNews .indexTitle{ left: 8.125rem; }
    .index_news_box{ padding-left: 14%; padding-top: 3.75rem; }

    /* 列表 */
    .news_list{ margin-right: -40px; }
    .news_list .item{ padding-left: 40px; padding-right: 40px; margin-bottom: 3.125rem;  }

    /* 頁籤 */
    .index_news_box .tabs{ margin-left: 40px; }
    .index_news_box .tab_container{ padding-top: 30px; }
    .index_news_box .tabs li{ min-width: 320px; font-size: 1.2rem; }
}

@media screen and (max-width: 1599px) {
    .IndexNews .indexTitle{ left: 3.125rem; }
    .index_news_box{ padding-left: 12%; }
    /* 列表 */
    .news_list{ margin-right: -25px; }
    .news_list .item{ padding-left: 25px; padding-right: 25px; margin-bottom: 3rem; }

    /* 頁籤 */
    .index_news_box .tabs{ margin-left: 25px; }
    .index_news_box .tab_container{ padding-top: 20px; }
    .index_news_box .tabs li{ min-width: 180px; font-size: 1.2rem; }
}
@media screen and (max-width: 1359px) {
    /* 列表 */
    .news_list{ margin-right: -20px; }
    .news_list .item{ padding-left: 30px; padding-right: 30px; margin-bottom: 3.125rem; }
    .news_list .item{ width: 50%; }

    /* 頁籤 */
    .index_news_box .tabs{ margin-left: 20px; }
}

/*----------------------------------------------------------------------*/
/* 首頁-精選推薦 */
.index_recommend_box .recommend_list, .index_recommend_box .no_cont{ min-height: 300px; }

/* 列表 */
.recommend_list .item { width: 33.3333%; }
.recommend_list .item .tag, .recommend_list .item .date{ margin-bottom: 10px; }
.recommend_list .item .title{font-size: 1rem; }
.recommend_list .item .img, .recommend_list .item .video_box { float: left; width: 40%; margin-right: 15px; }
.recommend_list .item .video_box .img { float:none; width:100%; margin-right:0; }

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

/* hover */
.recommend_list .item .img:hover div{ opacity: 0.8; transform: scale(1.05); }

@media screen and (min-width: 1600px) {
    .IndexRecommend .indexTitle{ right: 8.125rem; }
    .index_recommend_box{ padding-right: 14%; padding-top: 3.75rem; }

    /* 列表 */
    .recommend_list{ margin-left: -40px; }
    .recommend_list .item{ padding-left: 40px; padding-right: 40px; margin-bottom: 3.75rem; }

    /* 頁籤 */
    .index_recommend_box .tabs{ margin-right: 40px; }
    .index_recommend_box .tab_container{ padding-top: 30px; }
    .index_recommend_box .tabs li{  min-width: 320px; font-size: 1.2em;  }
}

@media screen and (max-width: 1599px) {
    .IndexRecommend .indexTitle{ right: 3.125rem; }
    .index_recommend_box{ padding-right: 12%; } 
    /* 列表 */
    .recommend_list{ margin-left: -25px; }
    .recommend_list .item{ padding-left: 25px; padding-right: 25px; margin-bottom: 3rem; }

    /* 頁籤 */
    .index_recommend_box .tabs{ margin-right: 25px; }
    .index_recommend_box .tab_container{ padding-top: 20px; }
    .index_recommend_box .tabs li{ min-width: 180px; font-size: 1.2rem; }
}
@media screen and (max-width: 1359px) {
    /* 列表 */
    .recommend_list{ margin-right: -20px; }
    .recommend_list .item{ width: 50%; padding-left: 20px; padding-right: 20px; margin-bottom: 2.5rem; }

    /* 頁籤 */
    .index_recommend_box .tabs{ margin-left: 20px; }
}

/*----------------------------------------------------------------------*/
/* 首頁-關於法鼓山 */
.IndexAbout > div::after{
    content: ""; display: block; background-image: url(../images/img_deco_03.jpg); 
    background-repeat: no-repeat; position: absolute; left: 0; background-size: contain;
    width: 360px; height: 320px;
}
.index_about_box{ min-height: 300px; margin-left: -2.5rem; position: relative; }
.index_about_box::after{ content: ""; display: block; clear: both; }
.index_about_box .col_left{ float: left; }
.index_about_box .col_right{ float: right; }

/* 編輯器 */
.IndexAbout .editable_content{ margin-bottom: 30px; }
.IndexAbout .editable_content .district p{ line-height: 240%; }

@media screen and (min-width: 1600px) {
    .IndexAbout > div::after{ bottom: 0px; }
    .IndexAbout .indexTitle{ left: 8.125rem; }
    .index_about_box{ padding-left: 14%; padding-top: 3.75rem; }
    .index_about_box .col_left, .index_about_box .col_right{ padding-left: 2.5rem; padding-right: 2.5rem; }
    .index_about_box .col_left{ width: 40%; }
    .index_about_box .col_right{ width: 60%; }
    .index_about_box .cont_box{ padding-left: 3.5rem; }
    .IndexAbout .indexMoreBtn{ padding-top: 10px; }

    /* 編輯器 */
    .IndexAbout .editable_content{ font-size: 1.1rem; }  
}

@media screen and (max-width: 1599px) {
    .IndexAbout > div::after{ bottom: -20px; left: -20px; width: 300px; height: 267px; }
    .IndexAbout .indexTitle{ left: 3.125rem; }
    .index_about_box{ padding-left: 12%; }
    .index_about_box .col_left, .index_about_box .col_right{ padding-left: 2rem; padding-right: 2rem; }
    .index_about_box .col_left{ width: 50%; }
    .index_about_box .col_right{ width: 50%; } 
    .index_about_box .cont_box{ padding-left: 3.75rem; }

    /* 編輯器 */
    .IndexAbout .editable_content{ font-size: 1rem; }
}
@media screen and (max-width: 1359px) {
    .IndexAbout > div::after{ bottom: -20px; left: -10px; width: 250px; height: 222px; }
    .index_about_box .col_left, .index_about_box .col_right{ padding-left: 20px; padding-right: 20px; }
    .index_about_box .cont_box{ padding-left: 3.75rem; }
}

/*----------------------------------------------------------------------*/
/* 首頁-自訂區塊 (編輯器) */
.indexCustom .editable_content .imgcenter{  }

@media screen and (min-width: 1600px) {
    .indexCustom{ padding-top: 5rem; }
}
@media screen and (max-width: 1599px) {
    .indexCustom{ padding-top: 2.5rem; }
}

/*----------------------------------------------------------------------*/
/* 全球事業體 */
.indexGlobalSearch::after{ content: ""; display: block; clear: both; }
.indexGlobalSearch .img_box, .indexGlobalSearch .cont_box{ float: left; width: 50%; }
.indexGlobalSearch .img_box{  padding-right: 20px; }

.indexGlobalSearch .cont_box .title { margin-bottom: 10px; }
.indexGlobalSearch .cont_box .desc{ line-height: 200%; }

/* 按鈕 */
.indexGlobalSearch .indexBtn{ padding-top: 20px; padding-bottom: 20px; }
.indexGlobalSearch .indexBtn a{ position: relative; min-width: 300px; overflow: hidden; }
.indexGlobalSearch .indexBtn a::after{ 
    content:""; display:block; width:0; height:100%; background-color:rgba(255,255,255,0.15); 
    top:0; left:-10px; position:absolute;
    transform:skewX(-15deg);
    -webkit-transform:skewX(-15deg);
    -moz-transform:skewX(-15deg);
}

/* hover */
.indexGlobalSearch .indexBtn a:hover::after{ width:100%; 
    right:10px;
}
.indexGlobalSearch .indexBtn a::after, .indexMoreBtn span.icon_arrow{
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;  
}

@media screen and (min-width: 1600px) {
    .indexGlobalSearch{ padding-top: 3.125rem; padding-bottom: 3.125rem; }
    .indexGlobalSearch > div{ padding-left: 3.75rem; padding-right: 3.75rem; }
    .indexGlobalSearch .cont_box .title h2{ font-size: 1.5rem; }
    .indexGlobalSearch .cont_box { padding-top: 3.75rem; padding-bottom: 30px; }
    .indexGlobalSearch .cont_box .desc{ font-size: 1.25em; padding-top: 20px; padding-bottom: 20px; }
}

@media screen and (max-width: 1599px) {
    .indexGlobalSearch{ padding-top: 2.5rem; padding-bottom: 2.5rem; }
    .indexGlobalSearch > div{ padding-left: 3.125rem; padding-right: 3.125rem; }
    .indexGlobalSearch .cont_box .title h2{ font-size: 1.3rem; }
    .indexGlobalSearch .cont_box { padding-top: 30px; padding-bottom: 30px; }
    .indexGlobalSearch .cont_box .desc{ font-size: 1.1rem; padding-top: 10px; padding-bottom: 10px; }
}

@media screen and (max-width: 1359px) {
    .indexGlobalSearch > div{ padding-left: 2.5rem; padding-right: 2.5rem; }
}

@media screen and (max-width: 1359px) {
    .indexGlobalSearch .img_box, .indexGlobalSearch .cont_box{ float: none; width: 100%; }
    .indexGlobalSearch > div{ position: relative; width: 90%; margin: auto; }
    .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; padding-bottom: 0; }
}

/*----------------------------------------------------------------------*/
/* popup 彈出視窗 */
.popup_box > div{ width:1100px; height:80%; margin:auto; padding:30px 2.5rem; }
.popup_box > div{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.popup_box .close { position:absolute; top:5px; right:5px; }
.popup_box .alert_boxBody{ padding-bottom: 10px; }
.popup_box .popup_title, .popup_box .popup_detail{ margin-left: 20px; margin-right: 20px; }

@media screen and (max-width: 1359px) {
    .popup_box > div{ width:80%; height:90%; margin:auto; padding:30px; }
}

/*===================================以下為內頁===================================*/
/*----------------------------------------------------------------------*/
/* 內頁 */
.MenuFix #Center.content{ margin-top: 100px; }
#Center.content{ padding-top: 30px; }
#Content{ padding:25px 2.5vw 30px 2.5vw; margin-bottom:4.375rem; }

@media screen and (max-width: 1599px) {
    #Center.content{ padding-left: 20px; padding-right: 20px; }
}

/* 標題 */
.page_header{ margin-bottom: 30px; background: url(../images/img_pageheader.jpg) no-repeat center center; }
.PageTitle{ margin-bottom: 20px; }
.PageTitle h2 { font-weight:700; width: 50px; border-left: 1px solid #000; border-right: 1px solid #000; }

/* 文章內容 */

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

/* 按鈕 */
.commonBtn{ text-align:right; margin-bottom:10px; }
.commonBtn a{ font-weight:500; line-height:40px; }
.commonBtn.write-btn a:hover{ background-color:#ee6d6d; color:#fff; }

/*----------------------------------------------------------------------*/
/* 桌布下載 */
.wallpaper_list{ margin-right: -40px; }
.wallpaper_list .item { float:left; width:33.3333%; padding-left: 40px; padding-right: 40px; }
.wallpaper_list .cont { padding: 5px 0 20px 0; }
.wallpaper_list .title { font-size:1.1rem; }

.wallpaper_list .img div{
    -webkit-transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
/* hover效果 */
.wallpaper_list .item .img div:hover{ transform:scale(1.05); opacity: 0.8; }
.wallpaper_list .title a:hover, .ListPicText .title a:focus { color:#a68728; }

@media screen and (max-width: 1359px) {
    .wallpaper_list{ margin-right: -30px; }
    .wallpaper_list .item{ padding-left: 30px; padding-right: 30px; }
}

/*----------------------------------------------------------------------*/
/* 桌布下載 popup */
.wallpaperPopup .popup_title{ font-size: 1.3rem; }
.wallpaper_popup_list .item{ width: 33.333333%; margin-bottom: 30px; }
.wallpaper_popup_list .img{ height: 230px; }
.wallpaper_popup_list .size{ font-size: 1.1rem; }

@media screen and (min-width: 1400px) {
    .wallpaper_popup_list > div{ padding-left: -18px; padding-right: -18px; }
    .wallpaper_popup_list .item{ padding-left: 18px; padding-right: 18px; }
    .wallpaper_popup_list .size{ float: left; }
    .wallpaper_popup_list .download_btn{ float: right; display: inline-block; }   
}
@media screen and (max-width: 1399px) {
    .wallpaper_popup_list > div{ padding-left: -10px; padding-right: -10px; }
    .wallpaper_popup_list .item{ padding-left: 10px; padding-right: 10px; }
    .wallpaper_popup_list .size{ margin-bottom: 5px; }
}

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

/* 快訊 (跑馬燈) */
.news_top_slider .title { width:10%; }
.news_top_slider .slider_wrap.mobile { display:none; }
.news_top_slider .bx-wrapper { width:90%; }

/* 主要新聞大輪播 */
.news_main_slider{ margin-bottom: 40px; }
.news_main_slider .col_half{ width: 50%; float: left; }
.news_main_slider .col_half:nth-child(2n+1){ padding-right: 10px; }
.news_main_slider .col_half:nth-child(2n+2){ padding-left: 10px; }
.news_main_slider .item .cont{ width: 100%; position: absolute; z-index: 99; bottom: 0; left: 0; }
.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 .desc{ opacity: 0; visibility: hidden; height: 0; letter-spacing: 0.05em; }
.news_main_slider .item .title, .news_main_slider .item .title a{ color: #ffffff; }
.news_main_slider .item .date, .news_main_slider .item .desc{ color:rgba(255,255,255,0.9); }

/* 主要新聞大輪播-不同大小樣式 */
.news_main_slider .item_big .title{ font-size: 1.5rem; margin-bottom: 30px; }
.news_main_slider .item_big .img div{ height: 540px; }
.news_main_slider .item_big .cont{ padding: 3vw 3vw 0 3vw; }
.news_main_slider .item_big .img.img_media::after{ width: 48px; height: 48px; top: 10px; right: 10px; }

.news_main_slider .item_samll{ display: flex; flex-wrap: wrap; }
.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: 10px; }
.news_main_slider .item_samll .item:nth-child(2n+2){ padding-left: 10px; }
.news_main_slider .item_samll .img div{ height: 260px; }
.news_main_slider .item_samll .cont{ padding: 2.4vw 1.2vw 0 1.2vw; }
.news_main_slider .item_samll .img.img_media::after{ width: 40px; height: 40px; top: 10px; right: 10px; }

.fs3 .news_main_slider .item .title { -webkit-line-clamp:3; max-height:4.5em; }
@media screen and (max-width: 1279px) {
.news_main_slider .item_big .img div{ height: 580px; }
.news_main_slider .item_samll .img div{ height: 280px; }
}

/* 動畫 */
.news_main_slider .item .cont, .news_main_slider .item .desc, .news_main_slider .item .cont::after, 
.news_main_slider .item .img div, .news_main_slider .item .title a, .news_main_slider .item .tag{
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; 
}

/* hover */
.news_main_slider .item:hover .img > div{ transform: scale(1.03); opacity: 0.9; }
.news_main_slider .item:hover .cont{ height: auto; }
.news_main_slider .item:hover .cont::after{ height: 100%;
    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_big .item:hover .cont{ padding-bottom: 30px; }
.news_main_slider .item_big .item:hover .title{ margin-bottom: 10px; }
.news_main_slider .item_samll .item:hover .cont{ padding-bottom: 15px; }
.news_main_slider .item_samll .item:hover .title{ margin-bottom: 5px; }
.news_main_slider .item .title a:hover{ color: #f3d67f; text-decoration: underline; }
.news_main_slider .item .tag:hover{ background-color: rgba(166,135,40,0.8); }
.news_main_slider .item:hover .desc{ opacity: 1; visibility: visible; height: auto; }

/* 主要新聞 (輪播按鈕) */
.news_main_slider .bx-wrapper{ position: relative; }
.news_main_slider .bx-wrapper .bx-controls-direction a { width: 54px; height: 54px;
    display:block; position:absolute; top:50%; text-indent:-10000px; z-index:9999; margin-top: -27px;
    background-color:rgba(255,255,255,0.6);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;  
}
.news_main_slider .bx-wrapper .bx-controls-direction a::after { 
    content:''; display:block; position:absolute; top:50%; left: 50%; width: 16px; height: 16px;
    border-left:2px solid rgba(0,0,0,0.6); border-top:2px solid rgba(0,0,0,0.6); 
    margin-top: -8px;
    -webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;  
}
.news_main_slider .bx-wrapper .bx-controls-direction .bx-prev { left:5px; }
.news_main_slider .bx-wrapper .bx-controls-direction .bx-next { right:5px; }
.news_main_slider .bx-wrapper .bx-controls-direction a:hover::after { opacity:1; }
.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: -13px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* 新聞小首頁-列表 */
.NewsIndexBox .ListTable table td{ padding: 10px 15px; }

@media screen and (max-width: 1359px) {
   .news_main_slider .item_samll .title{ font-size: 1em; }
   .news_main_slider .item_samll .desc{ font-size: 0.9rem; }
   .news_main_slider .item_big .title{ font-size: 1.5rem; }
   .news_main_slider .item_big .desc{ font-size: 1em; }
   .news_main_slider .bx-wrapper .bx-controls-direction .bx-prev{ left: -27px; }
   .news_main_slider .bx-wrapper .bx-controls-direction .bx-next{ right: -27px; }
}

/*----------------------------------------------------------------------*/
/* 活動查詢 */
.EventBox table.FormTable > tbody > tr > th{ padding: 15px 20px 5px 0; width: 110px; }
.EventBox table.FormTable > tbody > tr > td{ padding: 15px 6px 5px 6px; }

/* 頁籤 */
.event_period_box .tabs li.active a{ color:#004d47; }
.event_period_box .tabs li.active a{ border-bottom: 2px solid #004d47; }
.event_period_box .tabs li::after{ background-color: #004d47; }
.event_period_box .tabs a::after{ display: none; }

@media screen and (min-width: 1600px) {
    /* 頁籤 */
    .event_period_box .tabs{ }
    .event_period_box .tab_container{ padding-top: 30px; }
    .event_period_box .tabs li{  min-width: 320px; font-size: 1.2em;  } 
}
@media screen and (max-width: 1599px) {
    /* 頁籤 */
    .event_period_box .tabs{  }
    .event_period_box .tab_container{ padding-top: 20px; }
    .event_period_box .tabs li{ min-width: 180px; font-size: 1.1rem; }
}

/*----------------------------------------------------------------------*/
/* 活動查詢-時間軸式 */
.timeline .item{ padding: 0 0 30px 35px; }
.timeline-date{ position: absolute; top: 20px; text-align: right; padding-right: 20px; }
.timeline-date::after{ right: -35px; top: 14px; }
.timeline-date span::before{ right: -23px; top: 10px; }
.timeline-date span::after{ right: -26px; top: 7px;  }
.timeline-content .col_left, .timeline-content .col_right{ display: inline-block; vertical-align: middle; }
.timeline-content ul li{ position: relative; padding: 10px 0; }
.timeline-content .img{ width: 20%; max-width: 150px; }
.timeline-content .cont{ width: 79%; }

@media screen and (min-width: 1360px) {
    .timeline .item{ margin-left: 150px; }
    .timeline-date{ width: 150px; left: -150px; }
    .timeline-content{ padding: 0 10px 0 0; }
    .timeline-content .img{ width: 19%; max-width: 150px; }
    .timeline-content .cont{ width: 80%; }
    .timeline-content .col_left{ width: 70%; }
    .timeline-content .col_right{ width: 29%; }
    .timeline-content .title{ font-size: 1.2rem; }
    .timeline-content .cont{ padding-left: 20px; padding-right: 20px;  }
    .timeline-content .info > span{ margin: 8px 4px; }

    .timeline-content .sign_up > span{ margin: 8px 4px; }
    .timeline-content .sign_up > span, .timeline-content .info > span{ font-size: 1.125em; }
    .timeline-content .sign_up .status{ padding:0 20px;  }
    .timeline-content .sign_up .more_btn a{  padding:0 20px 0 45px; }
    .timeline-content .sign_up .more_btn a::before{ top: 10px; left: 20px; }
}
@media screen and (max-width: 1359px) {
    .timeline .item{ margin-left: 120px; }
    .timeline-date{ width: 120px; left: -120px; }
    .timeline-content{ padding: 0 10px 0 0; }
    .timeline-content .img{ width: 29%; max-width: 150px; }
    .timeline-content .cont{ width: 70%; }
    .timeline-content .col_left{ width: 75%; }
    .timeline-content .col_right{ width: 24%; }
    .timeline-content .title{ font-size: 1.1rem; }
    .timeline-content .cont{ padding-left: 10px; padding-right: 10px; }
    .timeline-content .info > span{ margin: 4px; }
    .timeline-content .period::before{ top: 3px; }

    .timeline-content .sign_up > span{ margin: 4px; }
    .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{ top: 10px; left: 10px; }
}
@media screen and (max-width: 1239px) {
    .timeline-content .col_left{ width: 70%; }
    .timeline-content .col_right{ width: 29%; }
}

/*----------------------------------------------------------------------*/
/* 活動查詢-日曆式 */
.calendar{ position: relative; }
.CalendarWrap{ margin-left:140px; padding:20px 25px; }

.CalendarControls{ background-color:#fff; }
.CalendarControls > div{ margin-bottom:10px; margin-top:10px; }
.CalendarControls .calendar_title{ font-size: 1.5rem; }
.CalendarControls .today a{ font-size: 1rem; }

/* 螢幕解析度767px以下時出現的月曆 */
.CalendarMobile{ display: none; }

/* 類別資訊 */
.calendar .category_infobox{ width: 140px; position: absolute; top: 0; left: 0; }

@media screen and (max-width: 1279px) {
.CalendarWrap{ margin-left:0; margin-bottom: 15px; padding:20px 25px; }
.calendar .category_infobox{ width:100%; position:static; }
.calendar .category_infobox ul li{ display: inline-block; margin-right: 8px; }
.calendar .category_infobox ul li:last-child{ margin-right: 0; }
}

/*----------------------------------------------------------------------*/
/* 活動詳情 */
.EventContBox .event_cont_title{ font-size: 1.3rem; margin-bottom: 10px; }
.EventContBox .tags_btn{ text-align: right; }
.EventContBox .tags_btn a{ font-size: 1rem; }
.EventContBox .sub_title{ font-size: 1.1rem; padding-left: 35px; margin-bottom: 20px; }
.EventContBox .Box{ padding-bottom: 40px; }

/* 活動資訊 */
.event_table_info table tr th.title{ width: 175px; }
.event_table_info table tr th, .event_table_info table tr td{ padding: 10px 20px; }
.event_table_info table .cont .map iframe{  width: 450px; height: 250px; }
.event_more_btn{ text-align: right; }

/* 活動報名 */
.EventContBox .event_list li::before{ top: 12px; left: 10px; }
.EventContBox .event_list .tt{ font-family: 'Noto Serif TC', 'Times New Roman', serif;  }

/* 活動場次 */
.event_schedule .item{ padding-bottom: 20px; margin-bottom: 25px; }
.event_schedule .item .top_title{ margin-right: 13.75rem; }
.event_schedule .item .top_title .light{ font-size: 1.2rem; }
.event_schedule .item .top_title .tt{ font-size: 1.1rem; }
.event_schedule .item .top_signup{ position: absolute; top:0; right: 0; }

/* 場次表格 */
.event_schedule .ListTable.time_list{ margin-bottom: 10px; }
.event_schedule .ListTable.time_list table td.date, .event_schedule .ListTable.time_list table td.time{
    font-family:'Oswald', sans-serif; font-weight: 400;
}
.event_schedule .ListTable.time_list table{ border-collapse: separate; border-spacing: 3px; }
.event_schedule .ListTable.time_list table tr th{ border-bottom: 0; font-weight: 500; }
.event_schedule .ListTable.time_list table tr:nth-child(odd){ background-color: #f7f6f4; }
.event_schedule .ListTable.time_list table tr:nth-child(even){ background-color: rgba(156,156,156,0.15); }
.event_schedule .ListTable.time_list table .date{ font-size: 1rem; }
.event_schedule .ListTable.time_list table th, .event_schedule .ListTable.time_list table td{
    width: 25%;
}

/*----------------------------------------------------------------------*/
/* 網站導覽 */
.SitemapBox > ul > li{ width:25%; padding-left: 25px; padding-right: 25px; margin-bottom: 30px; }
.SitemapBox > ul > li > a{ font-size: 1.2rem; }
.SitemapBox > ul > li > ul > li{ font-size: 1.1rem; line-height: 170%; }
.SitemapBox > ul > li > ul > li > ul > li{ font-size: 1rem; line-height: 170%; }
.SitemapBox > ul > li > ul > li::before{ top: 1.125em; left: 15px; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable{ margin-bottom:50px; }
.ListTable table tr th { padding:10px 15px; white-space:nowrap; color:#333; font-weight:500;
    border-bottom:2px solid #a68728; font-size: 1.1rem; 
    /*background: #d6e0e1 url(../images/table_th_divide.png) no-repeat 0 center;*/
}
.ListTable table tr th:first-child { background-image:none; }
.ListTable table td { padding:15px; vertical-align:middle; }
.ListTable table td:last-child{ border:0; }
.ListTable table tr:nth-child(even) { background-color:#f7f6f4; }
.ListTable table tr:nth-child(odd) { background-color:rgba(156,156,156,0.15); }
.ListTable table tr:first-child{ background-color:transparent; }
 
.ListTable table th.date{ width:150px; }
.ListTable table th.time{ width:150px; }
.ListTable table td.title { padding:15px 25px; position: relative; }
.ListTable table td.title::before{ content: ""; display: block; width: 25px; height: 1px; background-color: #a68728; 
    position: absolute; top: 50%; left: -20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}
.ListTable table img{ width: 100%; height: auto; vertical-align: middle; }
.ListTable table td.img, .ListTable table th.img{ width: 150px; } 
.ListTable table th.cat, .ListTable table td.cat{ width:15%; }
.ListTable table th.no{ width: 30px; }
.ListTable table td.date{ width:130px; white-space:nowrap; text-align:center;
    font-family:'Oswald', 'Arial', sans-serif; 
}
.ListTable table td.view{ width: 130px; font-family: 'Oswald', sans-serif; color: rgba(51,51,51,1); }
.ListTable table td.view::before{ content: ""; display: inline-block; width:16px; height: 16px;
    background: url(../images/icon_eye.png) no-repeat center center; background-size: contain; vertical-align: middle;
    margin-bottom: 3px; margin-right: 5px; 
    
}
.ListTable table td.no{ 
    width: 100px;
    font-family: 'Oswald', 'Arial', sans-serif;
    white-space: nowrap;
    color: #333;
}
.ListTable table td.download { width:200px; text-align:left; padding:13px 25px;}
.ListTable table td.download li { padding-bottom:8px; }
.ListTable table td.download li a:hover { opacity:0.7; }
.ListTable td.download a.file_ext{ width: 20px; height: 20px; line-height: 20px; }
    
@media screen and (max-width: 1179px){
	.ListTable table td { padding:13px;}
}

/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText { margin-left:-10px; margin-right:-10px; padding-top:10px; padding-left:10px;  padding-right:10px; }
.ListPicText > div { margin-left:-10px; margin-right:-10px; }
.ListPicText .item { padding-left:10px; padding-right:10px; margin-bottom:20px; }
.ListPicText .img{ background-color: #f7f6f4; }
.ListPicText .tag{
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

/* list-view */
.ListPicText.list-view .item > div{ border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 10px; padding-top: 10px; }
.ListPicText.list-view .img, .ListPicText.list-view .video_box { 
    float:left; width:320px; max-width:50%; padding-bottom: 10px; padding-top: 10px; 
}
.ListPicText.list-view .video_box .img{ width: 100%; float: none; max-width: 100%; }
.ListPicText.list-view .btn{ right:10px; bottom:10px; }
.ListPicText.list-view .date, .ListPicText.list-view .tag{ display: inline-block; margin-bottom: 5px; }
.ListPicText.list-view .tag{ margin-left: 5px; margin-right: 5px; }

/* grid-view */
.ListPicText.grid-view .btn { position:absolute; width:100%; bottom:20px; }
.ListPicText.grid-view .item .cont{ position: relative; padding-top: 20px; }
.ListPicText.grid-view .tag{ position:absolute; top:-14px; right:12px; }

.ListPicText .item .img div{ 
    -webkit-transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.ListPicText .item > div{
    -webkit-transition: box-shadow 0.3s ease-out;
    -moz-transition: box-shadow 0.3s ease-out;
    transition: box-shadow 0.3s ease-out;
}
.ListPicText .btn a::after{ 
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    transition: border-color 0.3s ease-out;
}

/* hover效果 */
.ListPicText .item .img div:hover{ transform:scale(1.05); opacity: 0.8; }
.ListPicText .btn a:hover, .ListPicText .btn a:focus { background-color:#a68728; color:#fff; }
.ListPicText .title a:hover, .ListPicText .title a:focus { color:#a68728; }
.ListPicText .btn a:hover::after{ border-color:#fff; }
.ListPicText .tag:hover{ background-color: #6a6a6a; }

/* 單欄 */
.ListPicText.list-view.single .item { margin-bottom: 0; }
.ListPicText.list-view.single .img { padding-right:20px; }
.ListPicText.list-view.single .desc{ margin-bottom: 10px; }
.ListPicText.list-view.single .video_box { padding-right: 20px; }
.ListPicText.list-view.single .video_box .img::after{ margin-left: -34px; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { float:right; padding-right:0; padding-left:20px; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .video_box { float:right; padding-right:10px; padding-left:20px; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .video_box .img::after{ margin-left: -14px; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+1) .cont{ padding-right: 0; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .cont{ padding-left: 0; }
.ListPicText.single .cont { padding:20px 20px 35px; }
.ListPicText.single .title { font-size:1.3rem; }
.ListPicText.single .tag{ font-size: 0.9rem; line-height: 34px; }
.ListPicText.single .date { font-size:0.9rem; }
.ListPicText.single .desc { font-size:1rem; }

/* 兩欄 */
.ListPicText.bisection .item { float:left; width:50%; }
.ListPicText.bisection .cont { padding:20px 20px 35px; }
.ListPicText.bisection .title { font-size:1.2rem; }
.ListPicText.bisection .tag{ font-size: 0.9rem; line-height: 32px; }
.ListPicText.bisection .date { font-size:0.9rem; }
.ListPicText.list-view.bisection .item{ margin-bottom:0; padding-left: 20px; padding-right: 20px; }
.ListPicText.list-view.bisection .img { padding:10px 15px 10px 0; }
.ListPicText.list-view.bisection .video_box { padding:10px 15px 10px 0; }
.ListPicText.list-view.bisection .video_box .img::after{ margin-left: -34px; }
.ListPicText.list-view.bisection .cont { padding:15px 20px; }
.ListPicText.list-view.bisection .info{ clear: both; }
.ListPicText.list-view.bisection .tag{ font-size: 0.9rem; line-height: 28px; }
.ListPicText.list-view.bisection .date { font-size:0.9rem; }
.ListPicText.grid-view.bisection .item{ padding-left: 30px; padding-right: 30px; }
.ListPicText.grid-view.bisection .desc { font-size:1rem; 
    /* 限制行數 */
    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.trisection .item { float:left; width:33.3333%; }
.ListPicText.trisection .desc{ clear:both; }
.ListPicText.trisection .cont { padding: 5px 0 20px 0; }
.ListPicText.trisection .title { font-size:1.2rem; }
.ListPicText.trisection .date { font-size:0.9rem; }
.ListPicText.trisection .desc { font-size:1rem; }
.ListPicText.list-view.trisection .item{ border-bottom:0; padding-left: 20px; padding-right: 20px; }
.ListPicText.list-view.trisection .img { padding:10px 15px 10px 0; max-width: 40%; }
.ListPicText.list-view.trisection .video_box{ padding:10px 15px 10px 0; max-width: 40%; }
.ListPicText.list-view.trisection .video_box .img{ max-width: 100%; }
.ListPicText.list-view.trisection .video_box .img::after{ 
    background-size: contain; width: 30px; height: 30px; margin-left: -22px; margin-top: -15px;
}
.ListPicText.list-view.trisection .cont { padding:15px 0; }
.ListPicText.list-view.trisection .title{ font-size: 1.1rem; }
.ListPicText.list-view.trisection .desc { font-size:1rem; clear: inherit;
    /* 限制行數 */
    line-height:1.75em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;
    max-height:10.5em;
}
.ListPicText.grid-view.trisection{ margin-right: -40px; }
.ListPicText.grid-view.trisection .item { padding-left: 40px; padding-right: 40px; }

/* 四欄 */
.ListPicText.quarters .item { float:left; width:25%; }
.ListPicText.quarters .cont { padding: 5px 15px 35px; }
.ListPicText.quarters .title { font-size:1.1em; }
.ListPicText.quarters .date { font-size:0.9rem; }
.ListPicText.quarters .desc { font-size:0.9rem; }
.ListPicText.list-view.quarters .item{ margin-bottom: 0; padding-left:20px; padding-right:20px; }
.ListPicText.list-view.quarters .item > div{ padding-top: 15px; padding-bottom: 15px; }
.ListPicText.list-view.quarters .title{ padding-bottom: 5px; }
.ListPicText.list-view.quarters .img { padding:5px 10px 5px 0; max-width: 40%; }
.ListPicText.list-view.quarters .video_box{ padding:10px 15px 10px 0; max-width: 40%; }
.ListPicText.list-view.quarters .video_box .img{ max-width: 100%; }
.ListPicText.list-view.quarters .video_box .img::after{ 
    background-size: contain; width: 30px; height: 30px; margin-left: -22px; margin-top: -15px;
}
.ListPicText.list-view.quarters .tag{ font-size: 0.9rem; margin-left: 0; margin-right: 0; }
.ListPicText.list-view.quarters .cont { padding:10px 0; }
.ListPicText.list-view.quarters .desc { margin-bottom: 0;
    /* 限制行數 */
    line-height:1.75em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;
    max-height:10.5em;
}
.ListPicText.list-view.quarters .btn{ position:relative; text-align:center; bottom:20px; right:inherit; }
.ListPicText.grid-view.quarters .item{ padding-left: 25px; padding-right: 25px; }
.ListPicText.grid-view.quarters .cont{ padding-left: 0; padding-right: 0; }

/* 影片樣式 */
.ListPicText .video_box .img{ background-color: #f7f6f4; }
.ListPicText .video_box .img:hover::after{ box-shadow: 0 0 10px rgba(0,0,0,0.4); }

@media screen and (max-width: 1359px) {
    .ListPicText.grid-view.trisection .item{ padding-left: 30px; padding-right: 30px; }
}

/*----------------------------------------------------------------------*/
/* 應用程式 */
/* 列表 */
.AppList > div { margin-left:-15px; margin-right:-15px; }
.AppList .item { padding-left:15px; padding-right:15px; }
.AppList .item > div:hover { padding:0; }
.AppList .item > div:hover a { padding:30px; }
@media screen and (max-width: 1359px) {
.AppList .item { width:25%; }
}
	@media screen and (max-width: 1199px) {
		.AppList a { padding:15px 10px; }
		.AppList .item > div:hover a { padding-top:20px; padding-bottom:20px; }
		.AppList > div { margin-left:-10px; margin-right:-10px; }
		.AppList .item { padding-left:10px; padding-right:10px; }
	}
@media screen and (min-width: 1360px) {
.AppList .item { width:20%; }
}
	@media screen and (min-width: 1360px) and (max-width: 1440px) {
		.AppList a { padding:15px 10px; }
		.AppList .item > div:hover a { padding-top:20px; padding-bottom:20px; }
		.AppList > div { margin-left:-10px; margin-right:-10px; }
		.AppList .item { padding-left:10px; padding-right:10px; }
	}
	
/* 內頁 */
/* QR Code */
@media screen and (max-width: 1279px) {
.AppDownload dd { float:left; width:25%; }
.AppDownload .qrcode { margin:0 auto 10px; }
.AppDownload .cont { text-align:center; }
}
@media screen and (min-width: 1280px) {
.AppDownload dd { float:left; display:table; width:25%; }
.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; }
}

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

/* 其他應用程式 */
.AppOthers a:hover, .AppOthers a:focus { 
	transform:translateY(-5px); 
	-webkit-box-shadow:0 5px 12px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 12px rgba(0,0,0,0.2);
	box-shadow:0 5px 12px rgba(0,0,0,0.2);
	}
.AppOthers .owl-nav .owl-prev { left:-20px; }
.AppOthers .owl-nav .owl-next { right:-20px; }

/*----------------------------------------------------------------------*/
/* 電子賀卡 */
/* 小首頁 */
@media screen and (min-width: 1280px) {
.ECardIndex .ECardLast { float:left; width:60%; padding-right:20px; }
.ECardIndex .ECardRank { float:right; width:40%; padding-left:20px; }
}

/* 推薦電子賀卡 */
@media screen and (max-width: 1279px) {
/*.ECardRankList li { float:left; width:48%; }
.ECardRankList li:nth-child(even) { float:right; }*/
.ECardRankList li { width:48%; }
.ECardRankList li:nth-child(1n+6) { position:absolute; right:0; }
	.ECardRankList li:nth-child(6) { top:0; }
	.ECardRankList li:nth-child(7) { top:68px; }
	.ECardRankList li:nth-child(8) { top:136px; }
	.ECardRankList li:nth-child(9) { top:204px; }
	.ECardRankList li:nth-child(10) { top:272px; }
.ECardRankList li:last-child { margin-bottom:20px; }
}

@media screen and (min-width: 1280px) and (max-width: 1399px) {
.ECardRankList li { padding:0 35px 0 30px; }
.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 .title a { line-height:36px; font-size:0.9375rem; }
.ECardRankList .medal { width:26px; height:26px; margin-top:-13px; }
}

/* 列表 */
.ECardList > div { margin-left:-15px; margin-right:-15px; }
.ECardList .item { float:left; padding-left:15px; padding-right:15px; }
@media screen and (max-width: 1279px) {
.ECardList .item { width:33.3333%; }
}
@media screen and (min-width: 1280px) {
.ECardList .item { width:25%; }
}
	@media screen and (min-width: 1280px) and (max-width: 1439px) {
	.ECardList > div { margin-left:-10px; margin-right:-10px; }
	.ECardList .item { padding-left:10px; padding-right:10px; }
	}

/* 最新電子賀卡 */
.ECardIndex .ECardList .item { width:50%; }
@media screen and (max-width: 1279px) {
.ECardIndex .ECardList > div { margin-left:-30px; margin-right:-30px; }
.ECardIndex .ECardList .item { padding-left:30px; padding-right:30px; }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
.ECardIndex .ECardList > div { margin-left:-10px; margin-right:-10px; }
.ECardIndex .ECardList .item { padding-left:10px; padding-right:10px; }
.ECardIndex .ECardList .title a { font-size:1.125rem; }
.ECardIndex .ECardList .tags a { padding:0 5px; font-size:0.875rem; line-height:24px; }
}
@media screen and (min-width: 1440px) {
.ECardIndex .ECardList > div { margin-left:-20px; margin-right:-20px; }
.ECardIndex .ECardList .item { padding-left:20px; padding-right:20px; }
}

/* 其他電子賀卡 */
@media screen and (max-width: 1439px) {
.OtherECard .ECardList .owl-nav .owl-prev { left:-20px; }
.OtherECard .ECardList .owl-nav .owl-next { right:-20px; }
}
@media screen and (min-width: 1440px) {
.OtherECard .ECardList .owl-nav .owl-prev { left:0; }
.OtherECard .ECardList .owl-nav .owl-next { right:0; }
}
.OtherECard .btn a::after { 
	content:""; display:block; position:absolute; top:0; left:-10px; width:0; height:100%; background-color:rgba(255,255,255,0.15); 
	-webkit-transform:skewX(-15deg);
	-moz-transform:skewX(-15deg);
	transform:skewX(-15deg);
	}
.OtherECard .btn a:hover::after { width:100%; right:10px; }
.OtherECard .btn a::after, .OtherECard .btn span.icon_arrow {
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;  
	}
	
/* 轉寄 */
.ECardForward .col_left { float:left; width:50%; }
.ECardForward .col_right { float:right; width:50%; }
@media screen and (max-width: 1279px) {
.ECardForward .col_left { padding-right:20px; }
.ECardForward .col_right { padding-left:20px; }
}
@media screen and (min-width: 1280px) {
.ECardForward .col_left { padding-right:30px; }
.ECardForward .col_right { padding-left:30px; }
}

/* 預覽賀卡 */
.ECardPreviewPopup.popup_box > div { width:900px; height:90vh; }
.ECardPreviewPopup .popup_title { font-size:1.2rem; }

/*----------------------------------------------------------------------*/
/* 全球事業體 */
.LocationSearch > div { display:table; width:100%; table-layout:fixed; }
.LocationSearch > div > div { display:table-cell; vertical-align:middle; }
	.LocationSearch.tw > div > div  { width:50%; }
	@media screen and (max-width: 1279px) {
	.LocationSearch.oversea > div { display:block; }
	.LocationSearch.oversea > div > div { display:block; }
	.LocationSearch.oversea .image_map { text-align:center; }
	.LocationSearch.oversea .image_map img { display:inline-block; }
	}
	@media screen and (min-width: 1280px) {
	.LocationSearch.oversea .search_form { width:35%; }
	.LocationSearch.oversea .image_map { width:65%; }
	}
	
.LocationSearch .search_form { padding-right:5.5%; }
.LocationSearch .search_form .form { margin:0 0 0 auto; }
	.LocationSearch.tw .search_form .form { max-width:420px; }
	@media screen and (max-width: 1279px) {
	.LocationSearch.oversea .search_form { padding-right:0; text-align:center; }
	.LocationSearch.oversea .search_form .form { display:inline-block; margin-bottom:40px; }
	.LocationSearch.oversea .search_form .form > div > div { display:inline-block; margin:0 10px; }
	}
	@media screen and (min-width: 1280px) {
	.LocationSearch.oversea .search_form .form { max-width:360px; }
	}
.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; }

.LocationList .item { float:left; width:50%; padding-right:30px; border-right:1px solid #dfdfdf; }
.LocationList .item:nth-child(even) { padding-right:0; padding-left:30px; border-right:0; }
.LocationList .item:nth-child(2n+3)::after { 
	content:''; display:block; position:absolute; top:0; left:0; width:100vw; border-bottom:1px solid #dfdfdf; 
	}

/*----------------------------------------------------------------------*/
/* 表單 */
/* 可收合 */
.FormGroup.Foldable .form_group_title .mobile { display:none; }

/* 表單表格 */
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:top; }
.FormTable > tbody > tr > th { width:125px; padding: 0px 5px 10px 0; text-align:right; }
.FormTable > tbody > tr > th:empty::after { display:none; }
.FormTable > tbody > tr > td { padding: 5px 10px; }
	
table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { border-top:1px solid rgba(156,156,156,0.2); }
/*table.FormTable > tbody > tr:last-child > th, table.FormTable > tbody > tr:last-child > td{ border-bottom:0; }*/
/*table.FormTable > tbody > tr:first-child > th, table.FormTable > tbody > tr:first-child > td{ border-top:1px dotted #ccc; }*/
table.FormTable > tbody > tr > th.tt-top{ vertical-align:top; }
table.FormTable > tbody > tr > th.tt-center{ vertical-align:middle; }
table.FormTable > tbody > tr > th { width:150px; padding:15px 10px 15px 5px; text-align:right; }
table.FormTable > tbody > tr > th:empty::after { display:none; }
table.FormTable > tbody > tr > td { padding:15px 6px; }
/*table.FormTable > tbody > tr:nth-child(odd) > th, table.FormTable > tbody > tr:nth-child(odd) > td { background-color:#f5f5f5; }*/

/* 表單元件 */
.FormElmt .input_group > div { display:inline-block; padding-bottom: 3px; }

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

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

/* 列表搜尋 */
.ListSearch { padding: 25px 30px 15px 30px; margin-bottom: 15px; }
.ListSearch .BtnCommon { position:absolute; right:20px; bottom:25px; }
.ListSearch .BtnCommon input { line-height:30px; }
.ListSearch .item{ margin-bottom: 10px; }
.ListSearch .item .label{ position:relative;}
.ListSearch .item .label, .ListSearch .item .cont{ display:inline-block;}

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

/* 頁碼 */
#Pagination{ padding-top:2rem; margin-bottom:20px; }
#Pagination a { margin:0 2px; position:relative;
/*    -webkit-border-radius:50%; 
    -moz-border-radius:50%; 
    border-radius:50%;  */
}
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { 
    background-color:transparent; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  /*-webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px;  */
}
#Pagination a.prev{ margin-right:8px; }
#Pagination a.next{ margin-left:8px; }
#Pagination a.first:hover, #Pagination a.prev:hover, #Pagination a.next:hover, #Pagination a.last:hover,
#Pagination a.first:focus, #Pagination a.prev:focus, #Pagination a.next:focus, #Pagination a.last:focus{
    color:#004741;
}
#Pagination a.first::before, #Pagination a.first::after, #Pagination a.last::before, #Pagination a.last::after,
#Pagination a.prev::before, #Pagination a.next::before { 
    content:''; position:absolute; top:50%; width:8px; height:8px; border-top:1px solid #333; border-left:1px solid #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#Pagination a.first::before, #Pagination a.first::after, #Pagination a.prev::before { 
    margin-top:-4px; 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#Pagination a.last::before, #Pagination a.last::after, #Pagination a.next::before { 
    margin-top:-5px; 
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}
#Pagination a.first:hover::before, #Pagination a.first:hover::after, #Pagination a.last:hover::before, #Pagination a.last:hover::after,
#Pagination a.first:focus::before, #Pagination a.first:focus::after, #Pagination a.last:focus::before, #Pagination a.last:focus::after,
#Pagination a.prev:hover::before, #Pagination a.next:hover::before,
#Pagination a.prev:focus::before, #Pagination a.next:focus::before { 
    border-color:#004741; 
}
#Pagination a.first::before { left:-8px; }
#Pagination a.first::after { left:-2px; }
#Pagination a.prev::before { left:0; }
#Pagination a.last::before { right:-8px; }
#Pagination a.last::after { right:-2px; }
#Pagination a.next::before { right:0; }

#Pagination .current { display:none; }

/* colorbox */
#colorbox_thum { padding-bottom: 20px; }
#colorbox_thum a { width:16.666666%; box-sizing: border-box; padding: 0 10px; margin-bottom: 20px; }

/*----------------------------------------------------------------------*/
/* 上下篇文章 */
.prevNextLink .prev:hover, .prevNextLink .next:hover { background-color:rgba(255,255,255,0.7); }

/*----------------------------------------------------------------------*/
/* 延伸閱讀 */
.related_articles{ margin-top:40px; margin-bottom:20px; padding: 30px 3.125rem; }

/*----------------------------------------------------------------------*/
/* 編輯器 */
#Content > .editable_content.content{ margin-bottom:15px;}

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

/*----------------------------------------------------------------------*/
/* 頁籤 */
.tabs_group .tab_cont { padding:0; transform:scale(0); height:0; visibility:hidden; opacity:0; overflow:hidden; 
    -webkit-transition: opacity 0.5s ease; /*只針對透明度去做動畫時間*/
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; 
}
.tabs_group .tab_cont.active { padding:20px 0; transform:scale(1); height:auto;  visibility:visible; opacity:1; overflow:visible; }