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

/*----------------------------------------------------------------------*/
/* IndexCenter */
/* 共用區塊 */
.IndexBlock{ width: 100%; background: #e0ddd6 url(../images/bg.jpg); }
.IndexBlock::after{ content:''; display:block; clear:both; }
.IndexBlock > div{ position: relative; }
.indexTitle{ color:#fff; box-sizing: border-box; position: relative; z-index: 100; }
.indexTitle > div{ position: relative; }
.indexTitle h2{ letter-spacing: 0.5em; font-weight: 400;  }

/* 按鈕 */
.indexMoreBtn{ position:relative; z-index:99; }
.indexMoreBtn a{ display: inline-block; line-height: 64px; color:#fff; font-weight: 500;
    font-family: 'Noto Serif TC', 'Times New Roman', serif; letter-spacing: 0.2em;
    padding: 0 30px; position:relative; overflow:hidden;
}
.indexMoreBtn span{ display: inline-block; position:relative; z-index:99; }
.indexMoreBtn span.icon_arrow{ position: relative; padding-left: 10px; top: -5px; }
.indexMoreBtn span.icon_arrow::before, .indexMoreBtn span.icon_arrow::after{ 
    content: ""; display: block; background-color: #fff;
}

.indexMoreBtn span.icon_arrow::before{ width: 50px; height: 1px; }
.indexMoreBtn span.icon_arrow::after{ width: 1px; height:12px; position: absolute; top: -10px; right: 4px; 
    transform: rotate(-45deg);
}

/* 配色樣式 */
.block_style_01 .indexTitle{ background-color: #a68728; }
.block_style_02 .indexTitle{ background-color: #004d47; }
.block_style_01 .indexMoreBtn a{ background-color: #a68728; }
.block_style_02 .indexMoreBtn a{ background-color: #004d47; }

/* owl-carousel */
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{ display: none; }

/*----------------------------------------------------------------------*/
/* 上方主要區塊 */
.IndexMainBox{ background-color: #f7f6f4;  }
.IndexMainBox::after{ content: ""; display: block; clear: both; }
.IndexMainBox .BOX_01, .IndexMainBox .BOX_02{ box-sizing: border-box; }

/* 輪播Banner */
.IndexMainBox .Banner{ max-width: 1260px; }

/* 焦點訊息(跑馬燈) */
.IndexMainBox .focus_block{  font-family: 'Noto Serif TC', 'Times New Roman', serif; 
    font-weight: 600; letter-spacing: 0.08em; position: relative;
}
.IndexMainBox .focus_block::before{ content: ""; display: inline-block; width: 45px; height: 45px; 
    background-image: url(../images/icon_loudspeaker.png); background-repeat: no-repeat;
    position: absolute; top: 0; left: 0;
}
.IndexMainBox .focus_block .item { width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;  }
.IndexMainBox .focus_block .item a:hover{ text-decoration: underline; }

/* 不顯示子項目 */
.focus_slider .item { float:left; list-style:none; position:relative; display:none; }
/* 顯示第一筆項目 */  
.focus_slider .item:first-child { display:block; }
/* 當JS執行時顯示全部 */
.bx-viewport .focus_slider .item { display:block; }

/* 主要按鈕 */
.IndexMainBox .mainBtn{ display: flex; flex-wrap: wrap; }
.IndexMainBox .mainBtn::after{ content: ""; display: block; clear: both; }
.IndexMainBox .mainBtn .item{ flex: 0 1 auto; box-sizing: border-box; padding: 0 10px; }
.IndexMainBox .mainBtn .item a{ display: table; width: 100%; position: relative; }
.IndexMainBox .mainBtn .item .inner{ display: table-cell; vertical-align: middle; 
    border:2px solid rgba(255,255,255,0.5); 
}
.IndexMainBox .mainBtn .title{ font-weight: 600; letter-spacing: 0.15em; color: #fff; text-align: center; padding:0 3px; }
.IndexMainBox .mainBtn .img{ width: 116px; margin: auto; }
.IndexMainBox .mainBtn .img img{ max-width: 100%; max-height: 100%; }

/* 聖嚴法師法語 */
.IndexMainBox .masterTalk{ position: relative; }
.IndexMainBox .masterTalk > div{ border: 2px solid #dfdfdf; background-color: #f7f6f4; }
.IndexMainBox .masterTalk .title{ font-weight: 700; letter-spacing: 0.05em; position:relative; text-align: center; z-index: 99; }
.IndexMainBox .masterTalk .title span{ display: inline-block; background-color: #f7f6f4; padding: 0 20px; position: relative; }
.IndexMainBox .masterTalk .title span::before, .IndexMainBox .masterTalk .title span::after{ content: ""; display: block; border-left: 2px solid #a9abac; border-right: 2px solid #a9abac; 
    width: 3px; height: 20px; background-color: #f7f6f4; position: absolute; top: 50%; margin-top: -10px;
}
.IndexMainBox .masterTalk .title span::before{ left: 0; }
.IndexMainBox .masterTalk .title span::after{ right: 0; }
.IndexMainBox .masterTalk .desc{ font-weight: 500; font-family: 'Noto Serif TC', 'Times New Roman', serif; 
    letter-spacing: 0.08em; 
}

/*----------------------------------------------------------------------*/
/* 法鼓新聞 */
.IndexNews > div::after{ content: ""; display: block; width: 505px; height: 340px; background-image: url(../images/img_deco_01.jpg); 
    background-repeat: no-repeat; position: absolute; bottom: -70px; left: 0; background-size: contain;
}
.index_news_box{ position: relative; z-index: 99; }

/* 頁籤 */
.index_news_box .tabs { border-bottom:2px solid #bbb; }
.index_news_box .tabs li { font-weight:400; float:left; margin-bottom:-2px; 
    font-family: 'Noto Serif TC', 'Times New Roman', serif; letter-spacing: 0.2em; text-align: center; 
}
.index_news_box .tabs li::after{ content: ""; display: block; width: 8px; height: 8px; background-color: #a68728; 
    transform: rotate(45deg); position: absolute; bottom: -3px; left: 50%; margin-left: -5px; opacity: 0;
}
.index_news_box .tabs li.active { font-weight: 600; }
.index_news_box .tabs li.active::after{ opacity: 1; }
.index_news_box .tabs a { 
    border-bottom:2px solid #bbbbbb; padding:0 20px; 
    height:60px; line-height:60px; font-size:100%; color:#7e7e7e; text-decoration:none; 
}
.index_news_box .tabs li:hover a{ border-bottom:2px solid #444; color: #333; font-weight: 600; }
/*.index_news_box .tabs a::after { content:''; display:block; position:absolute; top:10px; left:0; width:1px; height:30px; background-color:#dddddd; }
.index_news_box .tabs li:hover a::after, .index_news_box .tabs li.active a::after,
.index_news_box .tabs li:hover + li a::after, .index_news_box .tabs li.active + li a::after { display:none; }*/

.index_news_box .tab_cont .tab_title a { 
	font-family: 'Noto Serif TC', 'Times New Roman', serif; font-size: 1.1rem; letter-spacing: 0.1em;
    padding:0 20px; background-color:#f7f6f4; color:#000; font-weight:600; 
    line-height:50px; text-decoration:none; 
}
.index_news_box .tab_cont.active .tab_title a { background-color:#a68728; }

/* 列表 */
.news_list{ display: flex; flex-wrap: wrap; }
.news_list .item{ flex:0 1 auto; box-sizing: border-box; }
.news_list .item .img{ overflow: hidden; position: relative; z-index: 202; }
.news_list .item .img a{ display: block; width: 100%; height: 100%; }
.news_list .item .img div{ background-repeat: no-repeat; background-size: cover; padding-bottom: 75%; }
.news_list .item .cont{ position: relative; }
.news_list .item .cont::before{ content: ""; display: block; width: 1px; height: 40px; background-color: #a68728;
    position: absolute; top:-6px; left: -14px; z-index: 200;
    transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
}
.news_list .item .cont.active::before{ opacity: 0; }
.news_list .item .date{ font-family: 'Oswald', 'Arial', sans-serif; font-size: 0.9rem; color: #545859; margin-bottom: 5px; }
.news_list .item .title{ color: #333; font-weight: 500; margin-bottom: 10px;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.5em;
}
.news_list .item .title a{ display: block; }
.news_list .item .desc{ color: #6e6e6e;
    line-height: 1.75em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-height: 8.75em;    
}

/* 影片樣式 */
.news_list .video_box{ width: 100%; position: relative; }
.news_list .video_box .img{ 
    width: 100%; position: absolute; top: 0; left: 0; z-index: 202; 
}
.news_list .video_box .img::after{ content: ""; display: block; width: 48px; height: 48px; 
    background-image: url(../images/icon_play.png); position: absolute; top: 50%; left: 50%; 
    margin-top: -24px; margin-left: -24px; pointer-events: none;
    border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.news_list .video_box .img{ background-image: url(../images/bg.jpg); }
.news_list .video_box .video{ position: relative; padding-bottom: 75%; overflow: hidden; }
.news_list .video_box iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*----------------------------------------------------------------------*/
/* 精選推薦 */
.IndexRecommend > div::after{ content: ""; display: block; width: 285px; height: 440px; background-image: url(../images/img_deco_02.jpg); 
    background-repeat: no-repeat; position: absolute; bottom: 0; right: 0; background-size: contain;
}
.index_recommend_box{ position: relative; z-index: 99; }

/* 頁籤 */
.index_recommend_box .tabs { border-bottom:2px solid #bbb; }
.index_recommend_box .tabs li { font-weight:400; float:left; margin-bottom:-2px; 
    font-family: 'Noto Serif TC', 'Times New Roman', serif; letter-spacing: 0.2em; text-align: center; 
}
.index_recommend_box .tabs li::after{ content: ""; display: block; width: 8px; height: 8px; background-color: #a68728; 
    transform: rotate(45deg); position: absolute; bottom: -3px; left: 50%; margin-left: -5px; opacity: 0;
}
.index_recommend_box .tabs li.active { font-weight: 600; }
.index_recommend_box .tabs li.active::after{ opacity: 1; }
.index_recommend_box .tabs a { 
    border-bottom:2px solid #bbbbbb; padding:0 20px; 
    height:60px; line-height:60px; font-size:100%; color:#7e7e7e; text-decoration:none; 
}
.index_recommend_box .tabs li:hover a{ border-bottom:2px solid #444; color: #333; font-weight: 600; }
/*.index_recommend_box .tabs a::after { content:''; display:block; position:absolute; top:10px; left:0; width:1px; height:30px; background-color:#dddddd; }
.index_recommend_box .tabs li:hover a::after, .index_recommend_box .tabs li.active a::after,
.index_recommend_box .tabs li:hover + li a::after, .index_recommend_box .tabs li.active + li a::after { display:none; }*/

.index_recommend_box .tab_cont .tab_title a { 
	font-family: 'Noto Serif TC', 'Times New Roman', serif; font-size: 1.1em; letter-spacing: 0.1em;
    padding:0 20px; background-color:#f7f6f4; color:#000; font-weight:600; 
    line-height:50px; text-decoration:none; 
}
.index_recommend_box .tab_cont.active .tab_title a { background-color:#a68728; }

/* 列表 */
.recommend_list{ display: flex; flex-wrap: wrap; }
.recommend_list .item{ flex:0 1 auto; box-sizing: border-box; }
.recommend_list .item .img{ overflow: hidden; }
.recommend_list .item .img a{ display: block; width: 100%; height: 100%; }
.recommend_list .item .img div{ background-repeat: no-repeat; background-size: cover; padding-bottom: 75%; }
	/* 影片樣式 */
	.recommend_list .video_box { position:relative; }
	.recommend_list .video_box .img { width:100%; height:100%; position:absolute; top:0; left:0; background:#e4e3db url(../images/bg.jpg); z-index:202; }
	.recommend_list .video_box .img a { position:absolute; top:0; left:0; }
	.recommend_list .video_box .img::after { 
		content:""; display:block; position:absolute; top:50%; left:50%; width:48px; height:48px; margin-top:-24px; margin-left:-24px; pointer-events:none;
		background-image:url(../images/icon_play.png); 
		-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
		}
	.recommend_list .video_box .video { position:relative; padding-bottom:75%; overflow:hidden; }
	.recommend_list .video_box iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.recommend_list .item .tag{ background-color: #004d47; color:#fff; display: inline-block; letter-spacing: 0.08em;
    font-family: 'Noto Serif TC', 'Times New Roman', serif; font-weight: 600; font-size: 0.9rem; padding: 3px 8px;
    margin-right: 5px; 
}
.recommend_list .item .date{ font-family: 'Oswald', 'Arial', sans-serif; font-size: 0.9rem; 
    color: #545859; display: inline-block;
}
.recommend_list .item .title{ color: #333; font-weight: 500; margin-bottom: 10px;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.5em;
}
.recommend_list .item .title a{ display: block; }
.recommend_list .item .desc{ color: #6e6e6e;
    line-height: 1.75em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 5.25em;    
}

/*----------------------------------------------------------------------*/
/* 關於法鼓山 */
.IndexAbout{ position: relative; z-index: 99; }
.index_about_box::after{ content: ""; display: block; clear: both; }
.index_about_box .col_left, .index_about_box .col_right{ box-sizing: border-box; }

/* 按鈕 */
.IndexAbout .indexMoreBtn{ text-align: center; padding-top: 5px; }

/* 編輯器 */
.IndexAbout .editable_content{ position: relative; z-index: 99; font-family: 'Noto Serif TC', 'Times New Roman', serif;  }
.IndexAbout .editable_content .district{ text-align: center; margin-bottom: 0; }
.IndexAbout .editable_content .district .imgcenter{ width: 100%; padding: 0; }

/*----------------------------------------------------------------------*/
/* 自訂區塊 (編輯器) */
.indexCustom .editable_content{ line-height:0; }
.indexCustom .editable_content .district{ margin-bottom: 0; }
.indexCustom .editable_content .imgcenter{ padding: 0; margin: 0 auto; }

/*----------------------------------------------------------------------*/
/* 全球事業體 */
.indexGlobalSearch{ background: #bac9c8; font-family: 'Noto Serif TC', 'Times New Roman', serif; }
.indexGlobalSearch .title{ color: #004d47; letter-spacing: 0.15em; }
.indexGlobalSearch .title h2{ font-weight: 600; }
.indexGlobalSearch .desc{ font-weight: 500; }
.indexGlobalSearch .img_box > div{ max-width: 850px; margin: auto; padding-bottom: 50%; 
    background-position: center center; background-size: contain; background-repeat: no-repeat;
}
.indexGlobalSearch .img_box img{ max-width: 100%; max-height: 100%; }

/* 按鈕 */
.indexGlobalSearch .indexBtn a{ display: inline-block; line-height: 60px; padding-left: 30px; padding-right: 55px; 
    background-color: #004d47; color: #fff; letter-spacing: 0.1em; position: relative;
}
.indexGlobalSearch .indexBtn span{ display: inline-block; }
.indexGlobalSearch .indexBtn span.icon_search{ width: 40px; height: 40px; position: absolute;
    background-image: url(../images/icon_mapSearch.png); top: 50%; right: 15px; margin-top: -20px;
}