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

/*----------------------------------------------------------------------*/
/* 共用區塊 */
body{ background-color:#f6f4f0; }

/*----------------------------------------------------------------------*/
/* 內頁 */
#Center::after{ content:''; display:block; clear:both; }
#Center.content{ padding-top: 35px;  max-width:1520px; margin:0 auto; }
#Content{ background-color: #ffffff; position: relative; z-index: 2; box-shadow: 0 0 30px rgba(0,0,0,0.1); }

/*----------------------------------------------------------------------*/
/* 標題 */
.page_header { text-align:center; margin-bottom: 10px; position: relative; }  
.page_header::after{ content: ""; display: block; width: 1px; height: 30px; background-color: #333333; 
    position: absolute; left: 50%; bottom: -45px; z-index: 10;
}
.PageTitle{ margin-bottom: 10px; }
.PageTitle h2 { line-height:130%; font-size:1.4rem; color:#333333; position:relative; font-weight: 700;
    padding: 0 12px; display:inline-block; font-family: 'Noto Serif TC', 'Times New Roman', serif; 
    letter-spacing: 0.5em;
}
.PageTitle h2::before{
    content: "";
    display: block;
    position: absolute;
    top: -0.5em;
    left: -0.7em;
    width: 1.5em;
    height: 1.5em;
    background: url(../images/pattern3.png) no-repeat center center;
    background-size: cover;
}

/* 文章標題 */
.content h3.title{ color: #004d47; border-bottom: 1px solid rgba(0,0,0,0.2); 
    position: relative; padding-bottom: 15px; letter-spacing: 0.1em;
}
.content h3.title::before, .content h3.title::after{ content: ""; display: block; }
.content h3.title::before{
    position: absolute; left: -4px; bottom: -2px; width: 8px; height: 8px; background-color: #004d47;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.content h3.title::after{ position: absolute; left: 0; bottom: 0; width: 100px; border-bottom: 4px solid #004d47; }


/*----------------------------------------------------------------------*/
/* 文章內容 */

/* 文章日期 */
.postdate { margin-top:15px; margin-bottom:15px; font-size:0.9rem; color:#9d9d9d; font-family:'Georgia', serif; 
    position:relative; padding-left:15px; 
} 
.postdate::before { content:''; position:absolute; top:0; left:0; width:80px; height:15px; 
    background: url(../images/icon_date.png) no-repeat 0 center; padding-left: 15px; 
}

/*文章更新日期*/
.post_info { padding:5px 0; }
.post_info span { display:inline-block; padding: 0 8px; line-height:34px; color:#8b8b8b; font-size:0.9rem; }
.post_info span.date { font-family:'Georgia', serif; color: #545859; }
.post_info span.tag{ background-color: #004d47; color: #ffffff; font-weight: 700;
    font-family: 'Noto Serif TC', serif; 
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.post_info.below { padding-right:0; margin-top:0; }
.post_info.below span{ color: #666666; padding-right: 10px; padding-left: 0; border-right: 1px solid #999; font-size: 0.9rem;
    font-family: "Microsoft JhengHei", "微軟正黑體", "Heiti TC", "黑體-繁",'Arial', sans-serif; line-height: 22px;
    margin-right: 5px;
}
.post_info.below span:last-child{ border-right: 0; margin-right: 0; padding-right: 0; }

/* 內頁顯示欄位 */
.content_info { padding:5px 0; }
.content_info li:last-child::after{ display:none; }
.content_info li span { font-size:0.9rem; line-height:170%; }
.content_info li span.title { white-space:nowrap; }
.content_info li span.title::after { content:"："; }
.content_info li span.cont { color:#5d5d5d; }
.content_info li a { word-break:break-all; }
  
/* 按鈕 */
.commonBtn a{ display:inline-block; border:3px solid #ddd; background-color:#fff;
    padding:0 30px; box-sizing:border-box;
    -webkit-border-radius:35px;
    -moz-border-radius:35px;
    border-radius:35px;
}
.commonBtn a::before{ content: ""; font-family: 'Font Awesome 5 Pro';
    font-weight: 900; margin-right:5px;
}
.commonBtn.write-btn a{ color:#ee6d6d; border-color:#ee6d6d; }
.commonBtn.write-btn a::before{ content: "\f044"; }


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

/* 快訊 (跑馬燈) */
.news_top_slider{ 
    padding:15px 0; margin-bottom:30px; border-top:1px solid #a68728; border-bottom:1px solid #a68728; 
    font-family:'Noto Serif TC', 'Times New Roman', serif; 
    }
.news_top_slider::after { content:""; display: block; clear: both; }
.news_top_slider .title { 
    float:left; border-right:1px solid #a68728; 
    font-size:1.3rem; color:#a68728; font-weight:700; text-align:center; line-height:35px; vertical-align:middle; 
    }
.news_top_slider .slider_list { box-sizing:border-box; }
.news_top_slider .slider_list .itemBox::after { content:""; display: block; clear: both; }
.news_top_slider .slider_list .item { box-sizing:border-box; font-size:1.1rem; font-weight:normal; letter-spacing:0.05em; }
    .news_top_slider .desktop .slider_list .item { width:50%; float:left; padding-right:20px; }
    .news_top_slider .desktop .slider_list .item:last-child { padding-right:0; padding-left:20px; }
.news_top_slider .slider_list .item a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height:35px; }
/* 快訊 (輪播按鈕) */
.news_top_slider .bx-wrapper { float:left; padding-left:20px; padding-right:40px; position:relative; }
.news_top_slider .bx-wrapper .bx-controls-direction a { 
    width:30px; height:30px;
    display:block; position:absolute; right:0; text-indent:-10000px; z-index:9998;
    -webkit-transition: all 0.25s ease-out; 
    -moz-transition: all 0.25s ease-out; 
    transition: all 0.25s ease-out;  
}
.news_top_slider .bx-wrapper .bx-controls-direction a::after { 
    content:''; width: 0; height: 0; position:absolute; top:50%; right:50%; margin:-7px -7px 0 0;
    border-style: solid;
    border-width: 0 7px 12px 7px;
    border-color: transparent transparent #a68728 transparent;
    -webkit-transition: all 0.25s ease-out; 
    -moz-transition: all 0.25s ease-out; 
    transition: all 0.25s ease-out;  
}
.news_top_slider .bx-wrapper .bx-controls-direction a:hover::after { 
   border-color: transparent transparent #777777 transparent; 
}
.news_top_slider .bx-wrapper .bx-controls-direction .bx-prev { top:-15px; }
.news_top_slider .bx-wrapper .bx-controls-direction .bx-next { bottom:-15px; }
.news_top_slider .bx-wrapper .bx-controls-direction .bx-prev::after { 
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
.news_top_slider .bx-wrapper .bx-controls-direction .bx-next::after { 
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/* 主要新聞大輪播 */
.news_main_slider{ width: 100%; }
.news_main_slider .itemBox::after{ content: ""; display: block; clear: both; }
.news_main_slider .col_half{ box-sizing: border-box; }
.news_main_slider .col_half .img_box{ position: relative; }

.news_main_slider .item > div{ position: relative; overflow: hidden; }
.news_main_slider .item .tag, .news_main_slider .item .date{ font-size: 0.9rem; margin-bottom: 5px; }
.news_main_slider .item .img{ background-color: #000000; position: relative; }
.news_main_slider .item .img div{ background-repeat: no-repeat; background-size: cover; 
    background-position: center center; opacity: 1;
}
.news_main_slider .item .img a{ display: block; width: 100%; height: 100%; }
.news_main_slider .item .img.img_media::after{ position: absolute; background-size: contain;  
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background-image: url(../images/icon_play.png);
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    opacity: 0.6;
}
.news_main_slider .item .cont{ box-sizing: border-box; }
.news_main_slider .item .date, .news_main_slider .item .tag{ 
    display: inline-block; vertical-align: middle; margin-right: 5px; 
}
.news_main_slider .item .date{ font-family:'Oswald', sans-serif; }
.news_main_slider .item .tag{ background-color: rgba(0,77,71,0.7); font-weight: 500; 
    font-family: 'Noto Serif TC', 'Times New Roman', serif; font-size: 0.9rem; color: #ffffff;
}
.news_main_slider .item .tag a{ display: block; color: #ffffff; }
.news_main_slider .item .title{ margin-bottom: 10px; letter-spacing: 0.05em; }

.news_main_slider .bx-viewport { height:auto !important; }

/* 主要新聞大輪播-不同大小樣式 */
.news_main_slider .item_big .title{  font-weight: 600; 
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3em;
}
.news_main_slider .item_big .tag{ line-height: 32px; padding: 0 10px; }
.news_main_slider .item_big .desc{ 
    line-height: 1.75em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 5.25em;
}

.news_main_slider .item_samll .title{ font-weight: 500;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3em;
}
.news_main_slider .item_samll .tag{ line-height: 28px; padding: 0 8px; }
.news_main_slider .item_samll .desc{ font-size: 0.938em;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.5em;
}

/* 新聞小首頁-列表 */
.NewsIndexBox .ListTable table td.title::before{ display: none; }

/* 新聞小首頁-檔案下載 */
.NewsIndexBox .download_list{ padding-top: 30px; padding-bottom: 10px; }
.NewsIndexBox .ext_title { font-family: 'Noto Serif TC', 'Times New Roman', serif;
    position:relative; margin-top:20px; padding:0 15px 8px 40px; font-weight: 700;
    font-size:1.2rem; line-height:150%; color:#333; letter-spacing:0.1em;
    background-color:#f6f4f0; margin-left: 5px; background-position: 0px -4px; 
    background:url("../images/icon_module.png") no-repeat;  /*這是有icon的*/
}
.NewsIndexBox ul.ext_list li{ padding: 6px 0; }

/*----------------------------------------------------------------------*/
/* 活動查詢 */
/* 搜尋 */

/* 搜尋按鈕 */
.vendor-search-condition .search-span { border: 1px solid #cecece; min-width: 80px; text-align: center;
    display:inline-block; padding:0 10px; margin-right:10px; vertical-align:middle;
    line-height:35px; position:relative; margin-bottom: 10px;
}
.vendor-search-condition .search-span.arrow{ padding:0 25px 0 10px; }
.vendor-search-condition .search-span:hover { background-color: rgba(166,135,40,0.2); border-color:rgba(166,135,40,0.0);  cursor:pointer; }
.vendor-search-condition .search-span.selected { background-color:#a68728; color:#fff; border-color: #a68728; }
.vendor-search-condition .search-span.year-select.selected { background-color:transparent; color:#333333; }

.vendor-search-condition.search-location span.arrow::after,
.vendor-search-condition.search-location span.region::after,
.vendor-search-condition.search-location span.city::after,
.vendor-search-condition.search-location span.active::after{ 
    content:''; position:absolute; top:50%; right:10px; margin-top:-6px; width:6px; height:6px; 
    border-bottom:2px solid #525252; border-left:2px solid #525252; 
    -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);
}
.vendor-search-condition.search-location span:hover::after,
.vendor-search-condition.search-location span.region:hover::after,
.vendor-search-condition.search-location span.city:hover::after,
.vendor-search-condition.search-location span.active:hover::after{ border-color:#525252; }

.vendor-search-condition.search-location span.selected::after,
.vendor-search-condition.search-location span.region.selected::after,
.vendor-search-condition.search-location span.city.selected::after, 
.vendor-search-condition.search-location span.active.selected::after{ 
    border-color:#fff; margin-top:-2px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg); 
}

.search-location.box-2{ display: none; }
.vendor-search-option-box { display:none; }
.vendor-search-option-box li { min-width: 80px; text-align: center; margin-bottom: 10px;
    display:inline-block; padding:0 10px; margin-right:10px; vertical-align:middle; line-height:35px; position:relative; 
}
.vendor-search-option-box li:hover { color:#a68728; cursor:pointer; }
.vendor-search-option-box li.selected { background-color:#a68728; color:#fff; }

/* 時間-自訂 */
.time_custom_box{ display: none; margin-right: 10px; vertical-align: top;
    margin-bottom: 10px; line-height: 35px; 
}
.time_custom_box.show{ display: inline-block; }
.FormGroupWarp .FormElmt .time_custom_box input[type="text"]{ height: 37px; padding: 0 10px; 
    border-color: #a68728;
}

/* 按鈕 */
.EventBox .BtnCommon.large .submit span{ background-color: #004d47; }
.EventBox .BtnCommon.large .submit span:hover{ background-color: rgba(0,77,71,0.8); }

/*----------------------------------------------------------------------*/
/* 活動查詢-時間軸式 */
/* 頁籤 */
.event_period_box .tabs { border-bottom:2px solid #bbb; }
.event_period_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; 
}
.event_period_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;
}
.event_period_box .tabs li.active { font-weight: 600; }
.event_period_box .tabs li.active::after{ opacity: 1; }
.event_period_box .tabs a { 
    border-bottom:2px solid #bbbbbb; padding:0 20px; 
    height:60px; line-height:60px; font-size:100%; color:#7e7e7e; text-decoration:none; 
}
.event_period_box .tabs li:hover a{ border-bottom:2px solid #444; color: #333; font-weight: 600; }

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

.timeline .item{ position: relative; border-left: 2px solid #cdcdcd; }
.timeline .item::after{ content: ""; display: block; clear: both; }
.timeline-date{ font-family:'Georgia', serif; }
.timeline-date::after{ content:""; display: block; width: 25px; height: 2px; background-color: #4a4a4a; 
    position: absolute; 
}
.timeline-date span{ display: block; position: relative; }
.timeline-date span::after, .timeline .timeline-date span::before{ content: ""; display: block; 
    background-color: #4a4a4a; position: absolute; width: 9px; height: 9px; 
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg); 
}
.timeline-date span::before{ z-index: 99; }
.timeline-date span::after{ width: 15px; height: 15px; background-color: #f7f6f4; z-index: 97; }

.timeline-content{ background-color: #f7f6f4; box-shadow: 0 0 20px rgba(0,0,0,0.1); box-sizing: border-box; }
.timeline-content ul li{ border-bottom: 1px solid #dfdfdf; }
.timeline-content ul li::after{ content: ""; display: block; clear: both; }
.timeline-content ul li:last-child{ border-bottom: 0; }
.timeline-content .col_left{ vertical-align: middle; }
.timeline-content .col_right{ vertical-align: middle; }

.timeline-content .img, .timeline .timeline-content .cont{ display: inline-block; vertical-align: middle; }
.timeline-content .img span{ display: none; }
.timeline-content .img img{ max-width: 100%; max-height: 100%; vertical-align: middle; }
.timeline-content .cont{ box-sizing: border-box; }
.timeline-content .title{ color: #333333; font-weight: 700; padding: 10px 0;
    font-family: 'Noto Serif TC', 'Times New Roman', serif;
}
.timeline-content .period{ font-family:'Georgia', serif; color: #9a9a9a; 
    padding-left: 25px; position: relative;
} 
.timeline-content .period::before{ content: ""; display: inline-block; width: 22px; height: 22px; 
    background: url(../images/icon_event.png) no-repeat; background-position: 0 -150px; 
    position: absolute; top: 5px; left: 0; 
}
.timeline-content .period span{ font-family: 'Noto Serif TC', 'Times New Roman', serif; }

/* 報名狀態與前往報名按鈕 */
.timeline-content .sign_up{ text-align: right; }
.timeline-content .sign_up > span{ display: inline-block; line-height: 40px; }
.timeline-content .sign_up .status{ border: 1px solid #b33030; color: #b33030; line-height: 38px; }
.timeline-content .sign_up .status:hover{ cursor: default; }
.timeline-content .sign_up .status.close{ border-color: #b5b5b5; background-color: #dfdfdf; color: #6c6c6c; }
.timeline-content .sign_up .more_btn{ background-color: #a68728; color: #ffffff; }
.timeline-content .sign_up .more_btn a{ display: block; box-sizing: border-box;
    color: #ffffff; position: relative;
}
.timeline-content .sign_up .more_btn a::before{ content: ""; display: block; width: 20px; height: 20px; 
    background: url(../images/icon_event.png) no-repeat; background-position: 0 -100px; 
    position: absolute; top: 10px; left: 20px; 
}
.timeline-content .sign_up .more_btn:hover{ background-color: rgba(166,135,40,0.8); }

/* 地點與觀看人數 */
.timeline-content .info{ text-align: right; }
.timeline-content .info > span{ display: inline-block; position: relative; 
    line-height: 30px; padding: 0 10px 0 25px;
}
.timeline-content .info .place::before, .timeline-content .info .view::before{
    content: ""; display: block; width: 22px; height: 22px; background: url(../images/icon_event.png) no-repeat;
    position: absolute;
}
.timeline-content .info .place::before{ top: 5px; left: 0; background-position: 4px 0; }
.timeline-content .info .view::before{ top: 5px; left: 0; background-position: 0 -50px; }

/*----------------------------------------------------------------------*/
/* 活動查詢-日曆式 */
.Calendar { background-color:#fff;}
.CalendarWrap {  background-color: #ffffff; border: 1px solid #dfdfdf; }
.CalendarControls { position:relative; margin-bottom:20px; text-align: center; }
.CalendarControls::after { content:''; display:block; width:100%; clear:both; }
.CalendarControls > div { display: inline-block; }
.CalendarControls .prevNext a, .CalendarControls .today a { 
    display:block; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.CalendarControls .today{ position: absolute; right: 0; top: 0; }
.CalendarControls .top > div{ display: inline-block; vertical-align: middle; }
.CalendarControls .calendar_title{ font-family: 'Noto Serif TC', 'Times New Roman', serif; 
    font-weight: 600; padding: 0 20px;
}
.CalendarControls .prevNext { overflow:hidden; }
.CalendarControls .prevNext a { float:left; border:1px solid #666666; background-color:#ffffff; 
    margin-left:15px; text-indent:-10000px; position:relative; width: 40px; height: 40px;
    border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.CalendarControls .prevNext a:first-child { margin-left:0; }
.CalendarControls .prevNext a::after { content:''; display: block; position: absolute; 
    top:14px; width:8px; height:8px; border-left: 3px solid #666666; border-top: 3px solid #666666; 
}
.CalendarControls .prevNext a.prev::after {
    left:50%; margin-left:-4px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.CalendarControls .prevNext a.next::after {
    right:50%; margin-right:-4px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}
.CalendarControls .prevNext a:hover { background-color:#ececec; border:1px solid #bbbbbb; }
.CalendarControls .today a { display: inline-block; width: 95px; line-height: 40px; color:#ffffff; 
    text-decoration:none; text-align:center; border:1px solid #aaaaaa; background-color:#aaaaaa; 
    font-weight: bold; 
}
.CalendarControls .today a:hover{ border:1px solid #8d8d8d; background-color:#8d8d8d; }
.CalendarControls .today.clickable a { border:1px solid #a68728; background-color:#a68728; color:#fff; }
.CalendarControls .today.clickable a:hover { border:1px solid #aaaaaa; background-color:#aaaaaa; color:#ffffff; }
.CalendarControls .tabs li { float:left; margin-left:15px; }
.CalendarControls .tabs li:first-child { margin-left:0; }
.CalendarControls .tabs a { 
    border:1px solid #ffe7c5; background-color:#ffe7c5; text-align:center; color:#333333; text-decoration:none;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
}
.CalendarControls .tabs a:hover, .CalendarControls .tabs li.active a {  border:1px solid #f2a243; background-color:#f2a243; color:#fff; }
.CalendarWrap .tab_cont.show { display:block; }

/* 螢幕解析度768px以上時出現的月曆 */
.Calendar { border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf; }
.Calendar .weekdays { width:100%; table-layout:fixed; user-select:none; }
.Calendar .weekdays td { padding:5px 0; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; box-sizing:border-box; text-align:center; font-size:87.5%; }
.Calendar .weekdays td.sunday, .Calendar .weekdays td.saturday { color:#c12424; }

.Calendar .month_row { position:relative; height:175px; border-bottom:1px solid #dfdfdf; }
.Calendar .month_row > table { width:100%; table-layout:fixed; }

.Calendar .month_row table.grid { position:relative; z-index:2; }
    .Calendar .month_row:nth-child(1) table.grid { z-index:8; }
    .Calendar .month_row:nth-child(2) table.grid { z-index:7; }
    .Calendar .month_row:nth-child(3) table.grid { z-index:6; }
    .Calendar .month_row:nth-child(4) table.grid { z-index:5; }
    .Calendar .month_row:nth-child(5) table.grid { z-index:4; }
    .Calendar .month_row:nth-child(6) table.grid { z-index:3; }
.Calendar .month_row table.grid .date td { padding:10px; font-family:'Georgia', serif; color:#444444; text-align:right; }
.Calendar .month_row table.grid .date td.other_month { color:#bbbbbb; }
.Calendar .month_row table.grid .event td { padding:2px 10px; position:relative; }
.Calendar .month_row table.grid .event td .event_title a{ 
    display:block; background-color:#a68728; padding:0 5px; 
    overflow:hidden; width:100%; white-space:nowrap;text-overflow:ellipsis; box-sizing:border-box; 
    line-height:28px; font-size:87.5%; color:#fff;    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}   
.Calendar .month_row table.grid .event td .event_title a:hover{ opacity: 0.8; }
.Calendar .month_row table.grid .event td .event_title.more a{ 
    background-color: transparent; color: #333333; padding: 0;
}
.Calendar .month_row table.grid .event td .event_title.more a::after{ 
    content: "+"; display: inline-block; 
}
.Calendar .month_row table.bg { position:absolute; top:0; left:0; height:100%; user-select:none; z-index:1; }
.Calendar .month_row table.bg td { border-right:1px solid #dfdfdf; }
.Calendar .month_row table.bg td.today { background-color:#f7f6f4; }
.Calendar .month_row tr.date span.today{ display: inline-block; background-color: #a68728; color: #ffffff;
    width: 28px; height: 28px; line-height: 28px; text-align: center;
}

/* 顏色樣式 */
.Calendar .month_row table.grid .event td .event_title.color_01 a{ background-color:#5aabc0; } /*禪修*/
.Calendar .month_row table.grid .event td .event_title.color_02 a{ background-color:#b87743; } /*法會*/
.Calendar .month_row table.grid .event td .event_title.color_03 a{ background-color:#61a67e; } /*佛學*/
.Calendar .month_row table.grid .event td .event_title.color_04 a{ background-color:#8b79a8; } /*禪藝生活*/
.Calendar .month_row table.grid .event td .event_title.color_05 a{ background-color:#be5d5d; } /*培訓*/
.Calendar .month_row table.grid .event td .event_title.color_06 a{ background-color:#58b0ee; } /*社會關懷*/
.Calendar .month_row table.grid .event td .event_title.color_07 a{ background-color:#da9c4a; } /*慈善公益*/
.Calendar .month_row table.grid .event td .event_title.color_08 a{ background-color:#2abbbd; } /*節慶*/
.Calendar .month_row table.grid .event td .event_title.color_09 a{ background-color:#dd7ca3; } /*座談*/
.Calendar .month_row table.grid .event td .event_title.color_10 a{ background-color:#acad40; } /*營隊*/
.Calendar .month_row table.grid .event td .event_title.color_11 a{ background-color:#9e9e9e; } /*其他*/

/* 顏色樣式(767px以下時) */
.CalendarMobile ul li .event.color_01 a{ background-color:#5aabc0; } /*禪修*/
.CalendarMobile ul li .event.color_02 a{ background-color:#b87743; } /*法會*/
.CalendarMobile ul li .event.color_03 a{ background-color:#61a67e; } /*佛學*/
.CalendarMobile ul li .event.color_04 a{ background-color:#8b79a8; } /*禪藝生活*/
.CalendarMobile ul li .event.color_05 a{ background-color:#be5d5d; } /*培訓*/
.CalendarMobile ul li .event.color_06 a{ background-color:#58b0ee; } /*社會關懷*/
.CalendarMobile ul li .event.color_07 a{ background-color:#da9c4a; } /*慈善公益*/
.CalendarMobile ul li .event.color_08 a{ background-color:#2abbbd; } /*節慶*/
.CalendarMobile ul li .event.color_09 a{ background-color:#dd7ca3; } /*座談*/
.CalendarMobile ul li .event.color_10 a{ background-color:#acad40; } /*營隊*/
.CalendarMobile ul li .event.color_11 a{ background-color:#9e9e9e; } /*其他*/

/* 螢幕解析度767px以下時出現的月曆 */
.CalendarMobile { border:1px solid #dfdfdf; margin-bottom: 15px; }
.CalendarMobile ul li { border-top:1px solid #dfdfdf; padding:5px 8px 10px 8px; position:relative; }
.CalendarMobile ul li.today { background-color:#fff; }
.CalendarMobile ul li.today .date span.day{ color: #a68728; border: 1px solid #a68728; padding: 4px; margin-left: 0; }
.CalendarMobile ul li:first-child { border-top:0; }
.CalendarMobile ul li > span { display:block; }
.CalendarMobile ul li span.date { font-size:14px; color:#333333; line-height:24px; }
.CalendarMobile ul li span.event {margin-bottom:8px; position:relative;}
.CalendarMobile ul li span.event a{ display:block; background-color:#a68728; padding:0 8px; 
    overflow:hidden; width:100%; white-space:nowrap;text-overflow:ellipsis; box-sizing:border-box; color: #ffffff;
    line-height:28px; font-size:0.938em;
}
.CalendarMobile ul li .date{ margin-bottom:10px; margin-top:5px; font-weight: bold; }
.CalendarMobile ul li .date .day, .CalendarMobile ul li .date span.month{ font-family:'Arial', sans-serif;}
.CalendarMobile ul li .date span.month{  font-size:93.8%; color:#999; }
.CalendarMobile ul li .date span.month:after{ content:'/'; color:#999; padding-left:3px;}
.CalendarMobile ul li .date span.day{ font-size:1.188em; color:#333; margin-left:5px; margin-right:3px; }
.CalendarMobile ul li .date span.weekdays{ font-size:0.938em; color:#333; }

/* 彈出視窗 */
.CalendarWrap .event_cont_popup { 
    visibility:hidden; display:block; position:absolute; top:0; left:1px; background-color:#fff; padding:10px 8px; z-index:2; 
    transform:scale(0); transform-origin:0 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-box-shadow:0 0 8px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 8px rgba(0,0,0,0.4);
    box-shadow:0 0 8px rgba(0,0,0,0.4);
    }
    .CalendarWrap .Calendar .event_cont_popup { width:250px; }
    .CalendarWrap .CalendarMobile .event_cont_popup { width:215px; }
    .CalendarWrap .Calendar table.grid tr:nth-child(2) .event_cont_popup { top:-44px; }
    .CalendarWrap .Calendar table.grid tr:nth-child(3) .event_cont_popup { top:-76px; }
    .CalendarWrap .Calendar table.grid tr:nth-child(4) .event_cont_popup { top:-108px; }
    .CalendarWrap .Calendar table.grid tr:nth-child(5) .event_cont_popup { top:-140px; }
    .CalendarWrap .Calendar table.grid tr > td:nth-child(7) .event_cont_popup { left:auto; right:0; transform-origin:right 0; }
    .CalendarWrap .event_cont_popup.show { visibility:visible; transform:scale(1); }
.CalendarWrap .event_cont_popup .event_date{ font-size: 0.875em; text-align: center; margin-bottom: 10px; }
.CalendarWrap .event_cont_popup .event_title{ margin-bottom: 4px; }
.CalendarWrap .event_cont_popup .event_title:last-child{ margin-bottom: 0; }
.CalendarWrap .event_cont_popup .title_wrap { max-height: 250px; overflow-y: auto; overflow-x: hidden; }
.CalendarWrap .event_cont_popup .close { 
    display:block; position: absolute; top:-10px; right:-10px; width:25px; height:25px; line-height:25px; 
    background-color:#555555; cursor:pointer; text-align:center; 
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.CalendarWrap .event_cont_popup .close span{ display: block; position: relative; top: 7px; left: 4px;
    transform: rotate(-45deg);
}
.CalendarWrap .event_cont_popup .close span::before, .CalendarWrap .event_cont_popup .close span::after{ 
    content: ""; display: block; width: 12px; height: 2px; position: absolute; top: 0; 
    background-color: #ffffff;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;
}
.CalendarWrap .event_cont_popup .close span::after{
    transform: rotate(90deg);
}
.CalendarWrap .event_cont_popup .close:hover { background-color:#f2a243; }

/* 類別資訊 */
.calendar .category_infobox ul li{ padding-left: 25px; margin-bottom: 15px; position: relative; }
.calendar .category_infobox ul li:last-child{ margin-bottom: 0; }
.calendar .category_infobox .img{ width: 20px; height: 20px; margin-right: 5px; position: absolute; top: 0; left:0; }
.calendar .category_infobox .img img{ max-width: 100%; height: 100%; }


/*----------------------------------------------------------------------*/
/* 活動列表 */
.EventList { display: flex; flex-wrap: wrap; }
.EventList .item { margin-left:auto; margin-right:auto; margin-bottom: 40px; padding-bottom: 50px; 
    flex: 0 1 auto; position: relative;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.EventList .img { overflow:hidden; }
.EventList .img a { 
    display:block; padding-bottom:75%; 
    background-repeat:no-repeat; background-position:center center; background-size:cover; 
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }
.EventList .img a:hover, .EventList .img a:focus { transform:scale(1.03); opacity:0.8; }
.EventList .img a span { display:block; position:absolute; top:0; left:0; text-indent:-999px; overflow:hidden; }

.EventList .cont { 
    padding:10px 20px 20px;
    background: -ms-linear-gradient(top, #e4e4e4 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #e4e4e4 0%, #ffffff 100%);
    }
.EventList .date, .EventList .tag { display:inline-block; vertical-align:middle; line-height:20px; }
.EventList .date { font-family: 'Georgia', 'Noto Serif TC', serif; font-size:0.9rem; color:#666; }
.EventList .tag { font-family: 'Noto Serif TC', serif; font-size:0.9rem; color:#ffffff; 
    letter-spacing:1px; position: absolute; top: 5px; left: 5px; z-index: 99;
    line-height: 1.777777777777778em; 
}
.EventList .tag a { display:block; color:#ffffff; position: relative; padding-left: 10px; padding-right: 10px; z-index: 99; }
.EventList .tag span{ position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.EventList .tag:hover span{ opacity: 1; }

.EventList .title { padding-top:5px; font-size:1.1rem; letter-spacing:1px; font-weight:600; line-height:150%; }
.EventList .date + .title, .EventList .tag + .title { border-top:1px solid rgba(0,0,0,0.1); padding-top:10px; margin-top:10px; }
.EventList .desc { 
    margin-top:5px; font-size:1rem; color:#666; 
    line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;
    max-height:12em; -webkit-line-clamp:6;
    }
.EventList .btn { text-align:center; position: absolute; bottom: 20px; left: 0; width: 100%; }
.EventList .btn a { 
    display:inline-block; padding-left:40px; 
    font-family:'Noto Serif TC', serif; font-weight:500; color:#666; line-height:30px; position:relative; 
    }
.EventList .btn a::before { 
    content:''; display:block; position:absolute; top:0; left:0; 
    width:30px; height:30px; border:1px solid #818181; box-sizing:border-box; vertical-align:middle; 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    }
.EventList .btn a::after { 
    content:''; display:block; position:absolute; top:50%; left:10px; width:6px; height:6px; margin-top:-3px;
    border-right:2px solid #818181; border-top:2px solid #818181; 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    }
.EventList .btn a, .EventList .btn a::before, .EventList .btn a::after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    }
.EventList .btn a:hover, .EventList .btn a:focus { color:#a68728; }
.EventList .btn a:hover::before, .EventList .btn a:focus::before { left:5px; border-color:#a68728; background-color:#a68728; }
.EventList .btn a:hover::after, .EventList .btn a:focus::after { left:15px; border-color:#fff; }


/*----------------------------------------------------------------------*/
/* 活動詳情 */
.EventContBox .editable_content + .event_more_btn{ margin-top: 20px; }
.EventContBox .event_cont_title{ color: #004d47; border-bottom: 1px solid rgba(0,0,0,0.2); 
    position: relative; padding-bottom: 15px; letter-spacing: 0.1em;
}
.EventContBox .event_cont_title::before, .EventContBox .event_cont_title::after{ content: ""; display: block; }
.EventContBox .event_cont_title::before{
    position: absolute; left: -4px; bottom: -2px; width: 8px; height: 8px; background-color: #004d47;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.EventContBox .event_cont_title::after{ position: absolute; left: 0; bottom: 0; width: 100px; border-bottom: 4px solid #004d47; }

.EventContBox .tags_btn ul li{ display: inline-block; margin-right:6px; margin-bottom: 6px; }
.EventContBox .tags_btn ul li:last-child{ margin-right: 0; }
.EventContBox .tags_btn a{ display: inline-block; line-height: 40px; color: #333333; padding: 0 10px; font-family: 'Noto Serif TC', 'Times New Roman', serif;     
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.EventContBox .tags_btn .cat_main{ background-color: #a68728; color: #fff; padding: 0 10px; }
.EventContBox .tags_btn .cat_main:hover{ opacity: 0.8; }
.EventContBox .tags_btn .cat_sub:hover, .EventContBox .tags_btn .type:hover{ background-color: #dddddd; border-color: #dddddd; }

/* 顏色樣式 ---(目前先不用) */
.EventContBox .tags_btn .cat_main.color_01{ border-color: #5aabc0; background-color: #5aabc0; } /*禪修*/
.EventContBox .tags_btn .cat_main.color_02{ border-color: #b87743; background-color: #b87743; } /*禪修*/
.EventContBox .tags_btn .cat_main.color_03{ border-color: #61a67e; background-color: #61a67e; } /*佛學*/
.EventContBox .tags_btn .cat_main.color_04{ border-color: #8b79a8; background-color: #8b79a8; } /*禪藝生活*/
.EventContBox .tags_btn .cat_main.color_05{ border-color: #be5d5d; background-color: #be5d5d; } /*培訓*/
.EventContBox .tags_btn .cat_main.color_06{ border-color: #58b0ee; background-color: #58b0ee; } /*社會關懷*/
.EventContBox .tags_btn .cat_main.color_07{ border-color: #da9c4a; background-color: #da9c4a; } /*慈善公益*/
.EventContBox .tags_btn .cat_main.color_08{ border-color: #2abbbd; background-color: #2abbbd; } /*節慶*/
.EventContBox .tags_btn .cat_main.color_09{ border-color: #dd7ca3; background-color: #dd7ca3; } /*座談*/
.EventContBox .tags_btn .cat_main.color_10{ border-color: #acad40; background-color: #acad40; } /*營隊*/
.EventContBox .tags_btn .cat_main.color_11{ border-color: #9e9e9e; background-color: #9e9e9e; } /*其他*/

/* sub_title樣式 */
.EventContBox .sub_title{ position: relative; letter-spacing: 0.1em; padding-left: 70px; }
.EventContBox .sub_title span{ display: block; border-bottom: 1px solid rgba(0,0,0,0.15); padding-top: 10px; padding-bottom: 5px; }
.EventContBox .sub_title::before{ content: ""; position: absolute; top: 0; left: 0; z-index: 99; 
    display: block; width: 54px; height: 54px; background-color: #ffffff;
    border: 1px solid #666666; background-repeat: no-repeat; background-size: 35px 35px; background-position: 50% 50%; 
    border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.EventContBox .sub_title.tt-info::before{ background-image: url(../images/icon_info.png); }
.EventContBox .sub_title.tt-signup::before{ background-image: url(../images/icon_signup.png); }
.EventContBox .sub_title.tt-schedule::before{ background-image: url(../images/icon_schedule.png); }

.EventContBox .Box:last-child{ padding-bottom: 0; }

/* 活動資訊 */
.event_table_info{ margin-bottom: 20px; }
.event_table_info table{ width: 100%; line-height: 170%; }
.event_table_info table a{ text-decoration: underline; }
.event_table_info table tr th.title{ font-weight: 500; }
.event_table_info table tr td.cont .text{ line-height: 180%; margin-bottom: 10px; }
.event_table_info table tr th, .event_table_info table tr td{ word-break: break-word; }
.event_table_info table .cont ul.tags_btn{ text-align: left; }
.event_table_info table .cont ul.tags_btn li{ display: inline-block; margin: 5px 5px 5px 0; }
.event_table_info table .cont ul.tags_btn li:last-child{ margin-right: 0; }
.event_table_info table .cont ul.tags_btn a{ text-decoration: none;
    background-color: #62a77f; border: 0; line-height: 34px; color: #ffffff;
    font-family: "Microsoft JhengHei", "微軟正黑體", 'Arial', sans-serif;
}
.event_table_info table .cont ul.tags_btn a:hover{ background-color: rgba(51,51,51,0.7); color: #ffffff; }
.event_text_box{ margin-bottom:20px; margin-top: 10px; }
.event_text_box p{ line-height: 180%; margin-bottom: 10px; }

/* 活動報名按鈕 */
.event_more_btn{ text-align: center; }
.event_more_btn a{ display: inline-block; color: #666666; line-height: 60px; padding: 0 35px 0 4em; font-weight: 600;
    background-image: url(../images/icon_signup.png); background-color: #ffffff; border: 1px solid #666666; position: relative;
    letter-spacing: 0.2em; background-repeat: no-repeat; background-size: 35px 35px; background-position: 1.75em center;
    margin: 10px auto; font-family: 'Noto Serif TC', 'Times New Roman', serif; 
}
.event_more_btn a::before{ content: ""; display: block; width: 30px; height: 1px; position: absolute; top: 50%; left: 0; 
    background-color: #666666; margin-left: -15px;
}
.event_more_btn a:hover{ background-color: #a68728; border-color: #a68728;
    background-image: url(../images/icon_signup_w.png); color: #ffffff; 
}

.event_table_info table .cont .map{ display: block; }
.event_table_info table .cont .map iframe{ display: block; width: 100%; height: 250px; }

/* 活動報名 */
.EventContBox .event_list{ padding-left: 20px; }
.EventContBox .event_list li{ position: relative; margin-bottom: 10px; }
.EventContBox .event_list li:last-child{ margin-bottom: 0; }
.EventContBox .event_list li > div{ display: inline; }
.EventContBox .event_list .tt{ color: #a68728; position: relative; padding-left: 30px; }
.EventContBox .event_list .tt::before{ content: ""; display: block; background: url(../images/icon_event.png) no-repeat;
    width: 30px; height: 20px; position: absolute; top: 0.3em; left: 0px;
}
.EventContBox .event_list .tt.icon_people::before{ background-position: 0 0; }
.EventContBox .event_list .tt.icon_time::before{ background-position: 0 -50px; }

.EventContBox .event_list .tt::after{ content: "："; }
.EventContBox .event_list .text{ line-height: 170%; }

/* 活動場次 */
.event_schedule .item{ position: relative; }
.event_schedule .item:last-child{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.event_schedule .item .top{ margin-bottom: 20px; background-image: url(../images/pattern5.png); }
.event_schedule .item .top_title{ font-family: 'Noto Serif TC', 'Times New Roman', serif; }
.event_schedule .item .top_title > div{ display: inline; }
.event_schedule .item .top_title .light{ position: relative; color: #333333; font-weight: 400; 
    border-right: 1px solid #000000; margin-right: 15px; padding-right: 15px; 
}
.event_schedule .item .top_title .tt{ font-weight: 500; letter-spacing: 0.05em; }

.event_schedule .item .top_signup span{ display: inline-block; line-height: 36px; margin-right: 5px; font-family: 'Noto Serif TC', 'Times New Roman', serif; }
.event_schedule .item .top_signup span:last-child{ margin-right: 0; }
.event_schedule .item .top_signup .status{ color: #ffffff; padding: 0 15px; background-color:#004d47; 
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.event_schedule .item .top_signup .status.close{ background-color: #d1d1d1; color: #878686; }
.event_schedule .item .top_signup .more_btn{ color: #ffffff; }
.event_schedule .item .top_signup .more_btn a{ padding: 0 15px 0 1.75em; display: block; background-color: #a68728; color: #ffffff; position: relative; 
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.event_schedule .item .top_signup .more_btn a::before{ content:''; display:block; position:absolute; top:0.5em; left:0.6em;
    background: url(../images/icon_event.png) no-repeat 0 -100px; width: 25px; height: 25px; 
}
.event_schedule .item .top_signup .more_btn a:hover{ background-color: #666666; }

/* 場次表格 */
.event_schedule .add_calendar_btn{ display: inline-block; text-align: center; position: relative; padding-left: 30px; }
.event_schedule .add_calendar_btn::before{ content: ""; display: block; width: 30px; height: 30px; 
    background: url(../images/icon_event.png) no-repeat; background-position: 0 -150px;
    position: absolute; top: 3px; left: 3px;
}
.event_schedule .add_calendar_btn:hover{ color: #a68728; }
.event_schedule .add_calendar_btn:hover::before{ background-position: -50px -150px; }


/*----------------------------------------------------------------------*/
/* 應用程式 */
.AppIntro { border:2px solid #dfdfdf; padding:20px 30px; margin-bottom:40px; }

/* 頁籤 */
.AppListGroup .tabs { text-align:center; }
.AppListGroup .tabs li { display:inline-block; margin:0 5px 10px 5px; }
.AppListGroup .tabs a { 
    background-color:#d8d8d8; padding:0 20px; height:40px; line-height:40px; 
    letter-spacing:1px; text-align:center; color:#333; text-decoration:none; 
}
.AppListGroup .tabs li a:hover, .AppListGroup .tabs li a:focus { background-color:#666; color:#fff; }
.AppListGroup .tabs li.active a { background-color:#004d47; color:#fff; }

.AppListGroup .tab_cont { overflow:visible; }
.AppListGroup .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; 
}
.AppListGroup .tab_cont.active .tab_title a { background-color:#004d47; }

/* 列表 */
.AppList .item, .AppList .item > div, .AppList a { box-sizing:border-box; }
.AppList .item > div, .AppList a, .AppList .img > div {
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    transition:all 0.4s ease;
}
.AppList > div::after, .AppList a::after { content:''; display:block; clear:both; }
.AppList .item { float:left; margin-bottom:30px; }
.AppList .item > div { border: 1px solid #eeeeee;
    background-color:rgba(255,255,255,0.4); padding:10px; height:100%; 
    -webkit-box-shadow:0 0 12px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 12px rgba(0,0,0,0.1);
    box-shadow:0 0 12px rgba(0,0,0,0.1);
}
.AppList a { border: 1px solid #e5e5e5;
    display:block; background-color:#fff; padding:20px; height:100%; 
    -webkit-box-shadow:0 0 12px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 12px rgba(0,0,0,0.1);
    box-shadow:0 0 12px rgba(0,0,0,0.1);

}
.AppList a:focus .img > div { transform: scale(1.03); }
.AppList a:focus .title { color:#a68728; }
.AppList .img { width:110px; height:110px; margin:0 auto; position:relative; overflow:hidden; }
.AppList .img > div {
    padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
}
.AppList .img > div:hover { transform: scale(1.03); }
.AppList .title { 
    margin-top:15px; font-family: "Microsoft JhengHei", "微軟正黑體", "Heiti TC", "黑體-繁",'Arial', sans-serif; 
    color:#333; font-size:1rem; text-align:center; line-height:150%; letter-spacing:1px; 
 }
.AppList .title:hover { color:#a68728; }
.AppList .title .sub { display:block; color:#777; font-size:0.9rem; letter-spacing:0; }
.AppList .tags { margin-top:10px; text-align:center; }
.AppList .tags span { 
    display:inline-block; border:1px solid #a68728; padding:0 8px; 
    font-size:0.9rem; color:#a68728; line-height:175%; letter-spacing:1px; 
 }
    
/* 內頁 */
.AppContWrap > div { max-width:1300px; margin:60px auto; }
.AppContWrap > div:first-child { margin-top:0; }
.AppContWrap > div:last-child { margin-bottom:0; }

.AppContHeader { padding: 10px; height: 100%; background-color: rgba(166,135,40,0.1); }
.AppContHeader > div { border: 1px solid rgba(166,135,40,0.6);
    display:block; background-color:#fff; padding:20px; height:100%; text-align:center;
    -webkit-box-shadow:0 0 12px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 12px rgba(0,0,0,0.1);
    box-shadow:0 0 12px rgba(0,0,0,0.1);
}
.AppContHeader > div > div { display: inline-block; text-align:left; vertical-align:top; }
.AppContHeader .img { width:110px; height:110px; margin-right:20px; position:relative; overflow:hidden; }
.AppContHeader .img > div {
    padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    }
.AppContHeader .title { 
    margin-top:5px; font-family: "Microsoft JhengHei", "微軟正黑體", "Heiti TC", "黑體-繁",'Arial', sans-serif; 
    color:#333; font-size:1.4rem; line-height:120%; letter-spacing:1px; 
    }
.AppContHeader .title .sub { display:block; color:#777; font-size:1rem; }
.AppContHeader .tags { margin-top:5px; }
.AppContHeader .tags span { 
    display:inline-block; border:1px solid #a68728; padding:0 8px; 
    color:#a68728; line-height:175%; letter-spacing:1px; 
    }
    
/* QR Code */
.AppDownload { max-width:1200px; margin:0 auto; }
.AppDownload dl::after { content:''; display:block; clear:both; }
.AppDownload dt { 
    margin-bottom:30px; 
    font-weight:bold; font-family:'Noto Serif TC', 'Times New Roman', serif; font-size:1.2rem; letter-spacing:1px; text-align:center; 
    }
.AppDownload dd { margin-top:20px; }
.AppDownload dd .cont > span { display:block;}
.AppDownload .qrcode { width:120px; height:120px; box-sizing:content-box; }
.AppDownload .qrcode img { 
    width:100%; height:100%; 
/*    -webkit-box-shadow:0 0 12px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 12px rgba(0,0,0,0.1);
    box-shadow:0 0 12px rgba(0,0,0,0.1);*/
    }
.AppDownload .title { 
    color:#333; font-weight:bold; font-family: "Microsoft JhengHei", "微軟正黑體", "Heiti TC", "黑體-繁",'Arial', sans-serif; line-height:150%; 
    }
.AppDownload .link { margin-top:5px; }
.AppDownload .link a { 
    display:inline-block; padding:0 10px; color:#a68728; line-height:32px; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    }
.AppDownload .link a::before { 
    content:''; display:inline-block; width:18px; height:18px; vertical-align:middle; margin-bottom:0.25em; margin-right:5px; 
    background:url(../images/icon_link.png) no-repeat 0 0; background-size:cover;
    }
.AppDownload .link a:hover { background-color:#a68728; color:#fff; }
.AppDownload .link a:hover::before { background-position:0 100%; }

/* 問答 */
.AppQA { border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 0; }
.AppQA .ques { 
    padding-top:5px; padding-bottom:5px; padding-left:45px; padding-right:25px; cursor:pointer; position:relative; 
    font-weight:bold; color:#333; line-height:25px; letter-spacing:1px; font-size: 1.1rem;
    }
.AppQA .ques::before { 
    display:block; content:"Q"; position:absolute; top:0; left:0; width:35px; height:35px; background-color:#a68728; 
    font-family:'Noto Serif TC', 'Times New Roman', serif; line-height:30px; text-align:center; font-size:20px; color:#fff; 
    border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%;
    }
.AppQA .ques::after { 
    display:block; position:absolute; top:9px; right:5px; content:""; width:10px; height:10px; border-right:3px solid #333; border-top:3px solid #333;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    }
.AppQA .ques, .AppQA .ques::before, .AppQA .ques::after { 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    }
    .AppQA.slideDown { border-color:#004d47; }
    .AppQA.slideDown .ques { color:#004d47; }
    .AppQA.slideDown .ques::before { background-color:#004d47; }
    .AppQA.slideDown .ques::after { 
        border-color:#004d47;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        }
.AppQA .ans { 
    position:relative; 
    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; 
    }
    .AppQA.slideDown .ans { height:auto; transform:scaleY(1); visibility:visible; opacity:1; overflow:visible; }
.AppQA .ans::before { 
    display:block; content:"A"; position:absolute; top:12px; left:0; width:35px; height:35px; background-color:#004d47;
    font-family:'Noto Serif TC', 'Times New Roman', serif; line-height:35px; text-align:center; font-size:20px; color:#fff; 
    border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%;
    }
.AppQA .ans .editable_content { padding:10px 0 0 45px; }

/* 介面Silder */
.app_demo_list { box-sizing:border-box; }
.app_demo_list .item { margin:0 auto; position:relative; }
.app_demo_list .img { width:300px; margin:0 auto; }
.app_demo_list .img img { max-width:100%; }

.app_demo_list .owl-item { padding:10px 0; }
.app_demo_list .owl-item.active ~ .owl-item::before { display:none; }
.app_demo_list .owl-nav .owl-prev, .app_demo_list .owl-nav .owl-next {
    display:block; position:absolute; top:50%; text-indent:-10000px; z-index:9999;
    width:50px; height:50px; margin-top:-25px; background-color:#fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 12px rgba(0,0,0,0.1);
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    }
.app_demo_list .owl-nav .owl-prev::after, .app_demo_list .owl-nav .owl-next::after { 
    content:''; display:block; position:absolute; top:50%; 
    width:14px; height:14px; margin-top:-7px; border-left:3px solid #333; border-top:3px solid #333; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    }
.app_demo_list .owl-nav .owl-prev:hover, .app_demo_list .owl-nav .owl-next:hover { 
    background-color:#004d47; 
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.3);
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    }
.app_demo_list .owl-nav .owl-prev:hover::after, .app_demo_list .owl-nav .owl-next:hover::after { border-color:#fff; }
.app_demo_list .owl-nav .owl-prev::after { 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    }
.app_demo_list .owl-nav .owl-next::after { 
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    }
.app_demo_list .owl-nav .owl-prev::after { left:20px; }
.app_demo_list .owl-nav .owl-next::after { right:20px; }

/* 簡介說明 */
.AppDesc .title { margin-bottom:50px; color:#333; font-weight:bold; font-size:1.3rem; text-align:center; letter-spacing:1px; }

/* 其他應用程式 */
.AppOthersGroup > .title { margin-bottom:30px; font-size:1.3rem; text-align:center; letter-spacing:1px; font-weight:bold; }
.AppOthersGroup > .title::after { content:''; display:block; width:1px; height:30px; margin:10px auto 0; background-color:#333; }
.AppOthersGroup { position:relative; }
.AppOthersGroup .tabs { max-width:1080px; margin-left:auto; margin-right:auto; text-align:center; }
.AppOthersGroup .tabs li { display:inline-block; margin:0 5px 10px 5px; }
.AppOthersGroup .tabs a { 
    background-color:#e6e6e6; padding:0 15px; height:40px; line-height:40px; 
    letter-spacing:1px; text-align:center; color:#333; text-decoration:none; 
}
.AppOthersGroup .tabs li a:hover, .AppOthersGroup .tabs li a:focus { background-color:#666; color:#fff; }
.AppOthersGroup .tabs li.active a { background-color:#a68728; color:#fff; }

.AppOthersGroup .tab_cont { overflow:visible; position:relative; }
.AppOthersGroup .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; 
}
.AppOthersGroup .tab_cont.active .tab_title a { background-color:#a68728; }
.AppOthersGroup.tabs_group .tab_cont.active { transform:none; padding:0; }

.AppOthers { max-width:1180px; margin-left:auto; margin-right:auto; padding-top:20px; }
.AppOthers .item, .AppOthers a { box-sizing:border-box; }
.AppOthers .item { width:100%; max-width:200px; margin:0 auto; }
.AppOthers a { 
    display:block; background-color:#fff; padding:15px; height:100%; border: 1px solid #e5e5e5;
    -webkit-box-shadow:0 0 12px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 12px rgba(0,0,0,0.1);
    box-shadow:0 0 12px rgba(0,0,0,0.1);
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    transition:all 0.4s ease;
    }
.AppOthers .img { width:110px; height:110px; margin:0 auto; position:relative; overflow:hidden; }
.AppOthers .img > div {
    padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    }
.AppOthers .title { 
    margin-top:10px; font-family: "Microsoft JhengHei", "微軟正黑體", "Heiti TC", "黑體-繁",'Arial', sans-serif; 
    color:#333; text-align:center; line-height:150%; letter-spacing:1px; 
    }

.AppOthers.owl-carousel { position:static; }
.AppOthers .owl-item { padding:10px 0; }
.AppOthers .owl-item.active ~ .owl-item::before { display:none; }
.AppOthers .owl-nav .owl-prev, .AppOthers .owl-nav .owl-next {
    display:block; position:absolute; top:50%; text-indent:-10000px; z-index:9999;
    width:50px; height:50px; margin-top:-25px; background-color:#fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 12px rgba(0,0,0,0.1);
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    }
.AppOthers .owl-nav .owl-prev::after, .AppOthers .owl-nav .owl-next::after { 
    content:''; display:block; position:absolute; top:50%; 
    width:14px; height:14px; margin-top:-7px; border-left:3px solid #333; border-top:3px solid #333; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    }
.AppOthers .owl-nav .owl-prev:hover, .AppOthers .owl-nav .owl-next:hover { 
    background-color:#a68728; 
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.3);
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    }
.AppOthers .owl-nav .owl-prev:hover::after, .AppOthers .owl-nav .owl-next:hover::after { border-color:#fff; }
.AppOthers .owl-nav .owl-prev::after { 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    }
.AppOthers .owl-nav .owl-next::after { 
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    }
.AppOthers .owl-nav .owl-prev::after { left:20px; }
.AppOthers .owl-nav .owl-next::after { right:20px; }

.AppOthers .owl-dots { text-align:center; }
.AppOthers .owl-dots .owl-dot { 
    display:inline-block; width:16px; height:16px; margin:20px 5px 0; padding:0; box-sizing:border-box; background-color:#c9c9c9; border:0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    }
.AppOthers .owl-dots .owl-dot:focus { outline:0; }
.AppOthers .owl-dots .owl-dot.active { background-color:#a68728; }


/*----------------------------------------------------------------------*/
/* 網站導覽 */
.editable_content + .SitemapBox{ margin-top: 30px; }
.SitemapBox ul li a{ display: block; letter-spacing: 0.05em; }
.SitemapBox > ul{ display: flex; flex-wrap: wrap; width: 100%; }
.SitemapBox > ul > li{ flex:0 1 auto; box-sizing: border-box; }
.SitemapBox > ul > li > a{ padding: 8px; border-bottom: 2px solid #a68728; 
    font-family: 'Noto Serif TC', 'Times New Roman', serif; font-weight: 700;
}
.SitemapBox > ul > li > a:hover{ background-color: rgba(255,255,255,0.7); }

/*第二層*/
.SitemapBox > ul > li > ul > li{ position: relative; border-bottom: 1px solid #d5d5d5; }
.SitemapBox > ul > li > ul > li::before{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #a68728;
    position: absolute;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);  
}
.SitemapBox > ul > li > ul > li > a{ padding: 8px 0 8px 30px; }

/*第三層*/
.SitemapBox > ul > li > ul > li > ul{ margin-left: 50px; padding-bottom:10px; }
.SitemapBox > ul > li > ul > li > ul > li{ padding-bottom:8px; position: relative; line-height: 170%; }
.SitemapBox > ul > li > ul > li > ul > li:last-child{ padding-bottom: 0; }
.SitemapBox > ul > li > ul > li > ul > li >::before{
    content: "";
    display: block;
    width: 6px;
    height: 3px;
    background-color: #a68728;
    position: absolute;
    left: -15px;
}


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#Breadcrumbs{ padding-top:5px; text-align: center; }
#Breadcrumbs ul { display: inline-block; }
#Breadcrumbs ul li { display: inline; padding-left:5px; padding-right:20px; font-size:0.9rem; 
    color:#6e6e6e; line-height:24px; position:relative; 
}
#Breadcrumbs ul li a { display:inline; color:#6e6e6e; text-decoration:none; }
/*    #Breadcrumbs ul li:first-child{ padding-left:20px; }
    #Breadcrumbs ul li:first-child::before{ content:''; display:inline-block; vertical-align:middle;  
        position:absolute; top:3px; left:0; width:16px; height:16px; background-size:contain;
        background-image:url('../images/icon_home.png'); background-repeat:no-repeat;
    }*/
	/*#Breadcrumbs ul li:last-child{ padding-right:5px; }*/
	#Breadcrumbs ul li::after { content:''; position:absolute; top:4px; right:4px; background-color: #bbbbbb;
        display: block; width: 1px; height: 16px;
        -webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
        transform: skewX(-20deg);
    }
	#Breadcrumbs ul li:last-child::after{ display:none; }
	#Breadcrumbs ul li:last-child a{ color:#a68728; } 
	#Breadcrumbs ul li a:hover { text-decoration:underline; }

/* 工具列 */
.ToolBar { overflow:hidden; position:relative; padding:10px 0; background:#efefef url(../images/pattern5.png);
    margin-left: 2.08333333333333vw; margin-right: 2.08333333333333vw; box-shadow: 0 0 30px rgba(0,0,0,0.1);
    margin-top: 30px;
}
.ToolBar::after{ content: ""; display: block; clear: both; }
/*.ToolBar dl.font_size, .ToolBar dl.share { height:34px; }*/
.ToolBar .colm_left a, .ToolBar dl.font_size dt, .ToolBar dl.share dt { line-height:40px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size dd, .ToolBar dl.font_size a, .ToolBar dl.share dd, .ToolBar dl.share a { 
    width:40px; height:40px; margin:auto;
}
.ToolBar .colm_left a{ 
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.ToolBar .colm_left a, .ToolBar dl.font_size dd, .ToolBar dl.share dd a, .ToolBar .colm_left a span::before{ 
	-webkit-transition: background-color 0.5s ease, opacity 0.3s ease, border 0.3s ease;
	-moz-transition: background-color 0.5s ease, opacity 0.3s ease, border 0.3s ease;
	transition: background-color 0.5s ease, opacity 0.3s ease, border 0.3s ease;
}

/* 左邊工具 */
.ToolBar .colm_left { float:left; text-align:center; margin-right:20px; font-family: 'Noto Serif TC', serif; 
    font-weight: 700; padding-left: 30px;
}
.ToolBar .colm_left a { display: inline-block; float:left; position:relative; 
    text-decoration:none; color:#666666; overflow:hidden; line-height: 40px;
    height:40px; padding-left:45px; margin-right:25px;
    /*-webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%; */
}
.ToolBar .colm_left a:last-child { margin-right: 0; }
.ToolBar .colm_left a:hover{ color: #004d47; }
.ToolBar .colm_left a span{ display:inline-block; position:absolute; top: 0; left: 0; }
.ToolBar .colm_left a span::before { 
	content:''; display:inline-block; width:40px; height:40px; position:absolute; top:0; left:0; 
    background:url("../images/icon_toolbar.png") no-repeat; 
    /*-webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;*/
}
.ToolBar .colm_left a span::before:hover{ background-color:#f0f0f0; }
.ToolBar .colm_left a.return span::before { background-position:0 0; }
.ToolBar .colm_left a.print span::before { background-position:0 -40px; }
.ToolBar .colm_left a.return:hover span::before { background-position:-40px 0; }
.ToolBar .colm_left a.print:hover span::before { background-position:-40px -40px; }

/* 右邊工具 */
.ToolBar .colm_right { padding-right: 10px; }
/*.ToolBar dl.share dd, .ToolBar dl.share a{ }*/
.ToolBar .colm_right > dl{ margin-right: 5px; }
.ToolBar .colm_right > dl:last-child{ margin-right: 0; border-right: 0; }
.ToolBar dl.font_size{ position:relative; padding-right:5px; }
.ToolBar dl.font_size > * { float:left; }
.ToolBar dl.font_size dt{ display:none; }
.ToolBar dl.font_size dd { margin-right:10px; }
.ToolBar dl.font_size a { display:block; background:url("../images/icon_toolbar.png") no-repeat; text-indent:-10000px; 
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
/*    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;*/
}
.ToolBar dl.font_size dd.font_small a { background-position:0 -80px; }
.ToolBar dl.font_size dd.font_medium a { background-position:-2px -120px; }
.ToolBar dl.font_size dd.font_big a { background-position:0 -160px; }
.ToolBar dl.font_size dd.font_small a:hover { background-position:-40px -80px; }
.ToolBar dl.font_size dd.font_medium a:hover { background-position:-42px -120px; }
.ToolBar dl.font_size dd.font_big a:hover { background-position:-40px -160px; }

.fs1 .ToolBar dl.font_size dd.font_small a{ background-position:-40px -80px; }
.fs2 .ToolBar dl.font_size dd.font_medium a{  background-position:-42px -120px; }
.fs3 .ToolBar dl.font_size dd.font_big a{ background-position:-40px -160px; }

.ToolBar dl.share{ padding-left:5px; }
.ToolBar dl.share > * { float:left; }
.ToolBar dl.share dt{ display:none; }
.ToolBar dl.share dd { margin-right:3px; opacity:1; }
.ToolBar dl.share dd:last-child{ margin-right:0; }
.ToolBar dl.share dd a { display:block; background-color: #fff; background:url("../images/icon_toolbar.png") no-repeat; 
    text-indent:-10000px; cursor:pointer;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.ToolBar dl.share dd.facebook a { background-position:-40px -200px; }
.ToolBar dl.share dd.facebook a:hover{ background-position:0 -200px; background-color:#4d7bcf; }
.ToolBar dl.share dd.messenger a { background-position:-40px -240px; }
.ToolBar dl.share dd.messenger a:hover{ background-position:0 -240px; background-color:#2482da; }
.ToolBar dl.share dd.twitter a { background-position:-40px -280px; }
.ToolBar dl.share dd.twitter a:hover{ background-position:0 -280px; background-color:#0fb3e9; }
.ToolBar dl.share dd.line a { background-position:-40px -320px;  }
.ToolBar dl.share dd.line a:hover{ background-position:0 -320px; background-color:#37b74c; }
.ToolBar dl.share dd.plurk a { background-position:-40px -360px; }
.ToolBar dl.share dd.plurk a:hover{ background-position:0 -360px; background-color:#cf683f; }
.ToolBar dl.share dd.weibo a { background-position:-40px -400px; }
.ToolBar dl.share dd.weibo a:hover{ background-position:0 -400px; background-color:#c82a15; }
.ToolBar dl.share dd.telegram a { background-position:-40px -440px; }
.ToolBar dl.share dd.telegram a:hover{ background-position:0 -440px; background-color:#34aae7; }
.ToolBar dl.share dd.copy a { background-position:-40px -480px; }
.ToolBar dl.share dd.copy a:hover{ background-position:0 -480px; background-color:#004d47; }
.ToolBar dl.share dd a:hover{ background-color:#fff; }

/* 模擬用 */
.ToolBar .colm_left a.return.test, .ToolBar dl.font_size.test{ border-right: 0; margin-right: 0; }
	
/*----------------------------------------------------------------------*/
/* 分類下拉 */
.CatTitle { margin:15px 0 20px; border-bottom:1px dotted #ccc; }
.CatTitle::after { content:''; display:block; width:100%; clear:both; }
.CatTitle h3 {display:inline-block; font-size:1.3rem; line-height:35px; font-weight:normal; color:#df7b39; }
.CatTitle .cat_select { line-height:35px; }
.CatTitle .cat_select .btn {
    color:#fff; box-sizing:border-box; border:0; margin:0 0 0 5px; padding:0 15px; height:35px; line-height:35px;
    background-color:#df7b39; font-size:1rem;
    -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;
}
.CatTitle .cat_select select{ background-color:#fff; }
.CatTitle .cat_select .btn:hover, .CatTitle .cat_select .btn:focus { opacity:0.8; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { vertical-align:top; }

/*----------------------------------------------------------------------*/
/* 搜尋表單 */
.ListSearch{ overflow:hidden; }
.ListSearch .item{ display:inline-block; max-width:100%; position:relative; float:left; }
.ListSearch .item:last-child{ margin-right:0; }
.ListSearch .item .label::after{ content:'：'; }
.ListSearch.FormElmt input[type="text"], .ListSearch.FormElmt select{ vertical-align:middle; margin-bottom:0;}

.ListSearch.FormElmt{ margin-bottom:15px; }
.ListSearch.FormElmt .item{ position:relative; }
.ListSearch.FormElmt .item .label{ color:#333; position:absolute; top:0; left:0; line-height:30px; 
    font-family:'Noto Serif TC', 'Times New Roman', serif; font-weight:500; 
}
.ListSearch.FormElmt .item .cont{ padding-top:30px; display:inline-block; }
.ListSearch.FormElmt select{ padding:0 8px; margin-right:10px; }
.ListSearch.FormElmt select:last-child{ margin-right:0; }
.ListSearch.FormElmt .BtnCommon{ position:inherit; display:inline-block; padding-top:30px; border: 0px;}
.ListSearch.FormElmt .BtnCommon span{ background-color: #a68728; }
.ListSearch.FormElmt .BtnCommon input[type="submit"]{ line-height:46px; text-align: center;
    background: url(../images/icon_search_w.png) no-repeat; background-position: 18px 10px; color: #ffffff; font-size: 1rem;
    background-size: 26px 26px; font-family:'Noto Serif TC', 'Times New Roman', serif; font-weight:500;
    padding: 0 25px 0 45px; border: 1px solid #a68728;
}

.FormElmt .input_group > div { display: inline-block; margin-right: 15px; line-height: 35px; 
    white-space: normal; word-break: break-all;
}
.FormElmt .input_group > div:last-child{ margin-right: 0; }

/*沒有標題(label)的樣式*/
.ListSearch.ListStyle1{ margin-bottom:10px; }
.ListSearch.ListStyle1 .item .label{ display:none; }
.ListSearch.ListStyle1 .item .cont{ padding-top:0; }
.ListSearch.ListStyle1 .BtnCommon{ padding-top:0; }

/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.results_count{ border-bottom: 1px solid #dfdfdf; }
.SearchResult { margin-bottom:30px; }
.SearchResult .results_count{ padding:8px 15px; }
.SearchResult .item { padding:20px 15px; overflow:hidden; border-bottom:1px solid #dfdfdf; }
.SearchResult .item > div{ margin-bottom:5px; }
.SearchResult .item span { color: #a68728; border-bottom: 1px solid rgba(166,135,40,1); }
.SearchResult .title { padding-bottom:5px; line-height:150%; font-size:1.2rem; font-weight: 600; letter-spacing: 0.05em; }
.SearchResult .title a { display:block; color:#333333;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.SearchResult .title a:hover { color: #a68728; }
.SearchResult .info > div{ border-right: 1px solid rgba(0,0,0,0.12); margin-right:8px; display: inline-block; 
    vertical-align: middle; padding-right: 12px; margin-bottom: 5px;
}
.SearchResult .info > div:last-child{ border-right:0; padding-right: 0; }
.SearchResult .desc { color: #555555; line-height:180%; }
.SearchResult .date, .SearchResult .cat, .SearchResult .source { font-size: 0.9rem; }
.SearchResult .cat a { color: #ffffff; text-decoration: none; background-color:rgba(166,135,40,1);
    display: inline-block; padding: 2px 5px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease; 
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.SearchResult .cat a:hover, .SearchResult .cat a:focus{ background-color: #777777; }
.SearchResult .date { 
    color: #6a6a6a;
    line-height: 175%;
    background: url(../images/icon_date.png) no-repeat 0 center;
    padding-left: 25px; background-size: 22px 22px;
    font-family:'Georgia', serif;
}

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { margin-top:10px; position:relative; }
.ListTable table{ width:100%; /*border-collapse:separate; border-spacing:3px;*/ } 
.ListTable table th{ font-weight:400; font-family: 'Noto Serif TC', serif;  }
.ListTable table th, .ListTable table td{ text-align:center; color:#333; box-sizing:border-box; }
.ListTable table td.title { text-align:left; font-family: "Microsoft JhengHei", "微軟正黑體", "Heiti TC", "黑體-繁",'Arial', sans-serif; }
.ListTable table td.title a { display:inline-block; color:#333; text-decoration:none; line-height:1.6; }
.ListTable table td.title a:hover { color:#a68728; text-decoration:underline; }
.ListTable table td.date{ font-family: 'Georgia', serif; }
.ListTable table td.download li { display:block; }
.ListTable table td.download li a { white-space:nowrap; color:#333; text-decoration:underline; }
.ListTable table td.download li a:hover { color:#a68728; }
.ListTable table td.download .file_ext{ background-position:top right; padding-right:24px; }
.ListTable table th.thum { width:150px; }
.ListTable table td.thum { width:150px; text-align:center; }
.ListTable table td.thum img { max-width:150px; }
.ListTable table td.no{ font-family: 'Georgia', serif; white-space: nowrap; }
.ListTable table .text-left{ text-align:left; }
.ListTable table .text-center{ text-align:center; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
.editable_content + .ListPicText { margin-top:0; }
.ListPicText::after, .ListPicText .item > div::after { content:''; display:block; width:100%; clear:both; }
.ListPicText .item, .ListPicText .item > div, .ListPicText .img, .ListPicText .img > div, .ListPicText .cont, 
.ListPicText .btn { 
    box-sizing:border-box;  
}
.ListPicText .item > div { 
    height:100%; position:relative; 
    /* -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;*/
}
.ListPicText .img { position:relative; overflow:hidden; z-index: 202;
    /* -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;*/
}
.ListPicText .img div {
    padding-bottom:75%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
    /* -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;*/
}
.ListPicText .img a {  overflow: hidden; display:block; width:100%; height:100%; text-indent:-10000px; }

.ListPicText .cont{ position:relative;  }
.ListPicText .date{ font-family:'Georgia', serif; color: #545859; margin-bottom: 5px; }
.ListPicText .tag { z-index:205; font-family: 'Noto Serif TC', serif; font-weight: 500; letter-spacing: 0.05em; }
.ListPicText .tag a{ display: block; color: #fff; }
.ListPicText .title { margin-bottom:5px; font-weight: 600; letter-spacing: 0.05em; }
.ListPicText .title a { 
    display:block; color:#333333; line-height:150%; text-decoration:none;
    /*描述最多顯2行，但此語法IE、Firefox皆不支援*/
    line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
    /*不支援上述語法時的備案*/
    max-height:4.5em;
    transition: color 0.25s ease-out;
    -webkit-transition: color 0.25s ease-out;
    -moz-transition: color 0.25s ease-out;
}
.ListPicText .desc { letter-spacing: 0.05em;
    margin-bottom:15px; color:#6e6e6e; line-height:170%; 
    /*描述最多顯示3行，但此語法IE、Firefox皆不支援*/
    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 .btn{ text-align:center; position:absolute;  }
.ListPicText .btn a { padding: 0 30px 0 20px; font-size:0.9rem; line-height:35px;
    display:inline-block; color:#000000; text-decoration:none; position:relative;
    background-color:#d8e9ed;
    -webkit-border-radius:35px; 
    -moz-border-radius:35px; 
    border-radius:35px; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.ListPicText .btn a::after{ content:''; position:absolute;  
    width: 6px; height: 6px; top:50%; right:20px; margin-top:-4px;
    border-top: 2px solid #3d3d3d;
    border-left: 2px solid #3d3d3d;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* 限制行數 */
.ListPicText.single .title a{ 
    line-height:1.75em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
    max-height:5.25em;
}
.ListPicText.list-view.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;
}
.ListPicText.grid-view .desc, .ListPicText.single .desc, .ListPicText.trisection .desc{  
    line-height:1.75em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;
    max-height:8.75em;
}

/* grid-view */
.ListPicText.grid-view .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);
}
.ListPicText .tag{ display: inline-block; background-color:#004d47; padding:0 10px; color: #fff; line-height: 28px; text-align: center; font-size:0.9rem; }
.ListPicText .tag a{ display: block; }

/* 影片樣式 */
.ListPicText .video_box{ width: 100%; position: relative; }
.ListPicText .video_box .img{ 
    width: 100%; position: absolute; top: 0; left: 0; z-index: 202; 
}
.ListPicText .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%;
}
.ListPicText .video_box .video{ position: relative; padding-bottom: 75%; overflow: hidden; z-index: 99; }
.ListPicText .video_box iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*----------------------------------------------------------------------*/
/* 上下篇文章 */
.prevNextLink { padding-top:30px; clear:both; }
.prevNextLink > div { overflow:hidden; }
.prevNextLink .prev, .prevNextLink .next { width:48%; background-color:#eaeaea; box-sizing:border-box; 
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.prevNextLink .prev { float:left; border-left:3px solid #0cb2d5; }
.prevNextLink .next { float:right; border-right:3px solid #0cb2d5; text-align:right; }
.prevNextLink a { display:block; padding:0 15px 10px 15px; text-decoration:none; color:#6d6d6d; line-height:150%; }

.prevNextLink a span { display:block; padding-top:10px; padding-bottom:10px; font-size:150%; color:#4d4d4d; position:relative; }
    .prevNextLink .prev a span { padding-left:30px; padding-right:15px; }
    .prevNextLink .next a span { padding-left:15px; padding-right:30px; }
.prevNextLink a span::after { 
    content:''; display:block; position:absolute; top:50%; margin-top:-7px; width:14px; height:14px; 
    border-bottom:2px solid #4d4d4d; border-left:2px solid #4d4d4d;
    }
    .prevNextLink .prev a span::after { 
        left:5px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        }
    .prevNextLink .next a span::after { 
        right:5px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(-135deg);
        }


/*----------------------------------------------------------------------*/
/* 延伸閱讀 */
.related_articles { box-sizing:border-box; position: relative; background-color:#ffffff; border: 1px solid rgba(0,0,0,0.3);}
.related_articles .title { font-size:1.2rem; font-weight:700; background-color: #ffffff; 
    color:#333333; position:relative; padding-left: 40px; display: block; line-height: 40px;
    position: absolute; top: -20px; left: 30px; padding: 0 15px 0 60px; letter-spacing: 0.1em;
}
.related_articles .title::before { background:url(../images/icon_related.png) no-repeat;
    content:''; display:block; position:absolute; top:0; left:10px; width:40px; height:40px; 
}
.related_articles .list { padding-left:30px; list-style-type:decimal; }
.related_articles .list li { padding:8px 0; color:#333; line-height:150%; }
.related_articles .list a { display:block; color:#333; text-decoration:none; }
.related_articles .list a:hover { text-decoration:underline; color:#a68728; }


/*----------------------------------------------------------------------*/
/* 頁碼 */
#Pagination { clear:both; text-align:center; }
#Pagination .pages { display:inline-block; margin-bottom: 10px; }
#Pagination a { display:inline-block; width:48px; text-decoration:none; line-height:46px; color:#5b5b5b; 
    border: 1px solid #c8c8c8;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-border-radius:50%; 
    -moz-border-radius:50%; 
    border-radius:50%;  
}   
#Pagination a.focuz, #Pagination a.focuz:hover{ background-color: #004a43; border-color:#004a43; color: #fff; } 
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { 
    width:auto; padding:0 10px;    
    -webkit-border-radius:35px; 
    -moz-border-radius:35px; 
    border-radius:35px; 
}
#Pagination .current { width:auto; background-color:transparent; cursor:default; padding: 0 10px; border:0;}
#Pagination .current:hover { color:#333; background-color:transparent; }
    
#Pagination .setting { display:block; clear:both; padding-top:10px; line-height:40px; color:#5b5b5b; }
#Pagination .setting select { padding:5px 15px 5px 5px; border:1px solid #c8c8c8; height:40px; 
    vertical-align: top; font-size:0.9rem; color: #5b5b5b;
    -webkit-border-radius:35px; 
    -moz-border-radius:35px; 
    border-radius:35px; 
}
#Pagination .setting input, #Pagination .setting select{
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
#Pagination .setting input[type="text"] { width:70px; height:40px; border:1px solid #c8c8c8; vertical-align:top;
    padding:5px 10px; font-size: 0.9rem;
    -webkit-border-radius:35px; 
    -moz-border-radius:35px; 
    border-radius:35px; 
}
#Pagination .setting input[type="text"]:focus, #Pagination .setting select:focus{ outline:0; border-color:#a68728; }
#Pagination .setting input[type="submit"] { height:35px; padding:0 6px; margin-left:3px; }
#Pagination .setting input[type="button"]{ border:0; height:40px; line-height:40px; background-color:#9c9c9c; 
    color:#fff; padding:0 6px; vertical-align:top; padding: 0 15px; font-size: 0.9rem;
    -webkit-border-radius:35px; 
    -moz-border-radius:35px; 
    border-radius:35px; 
}
#Pagination .setting  input[type="button"]:hover{ background-color:#a68728; border-color:#a68728; }
#Pagination .per_page select, #Pagination .goto input[type="text"]{ margin:0 5px; }

/* 內頁頁碼 */
.inPagination { margin-top:30px; margin-bottom:20px; clear:both; text-align:center; display:none; }
.inPagination .pages { display:inline-block; }
.inPagination a { border: 1px solid #bbb;
    display:inline-block; width:48px; margin:0 4px 12px 4px; background-color:transparent; 
    color:#333333; text-decoration:none; line-height:46px; 
    -webkit-border-radius:50%; 
    -moz-border-radius:50%; 
    border-radius:50%;  
}
.inPagination a:hover { background-color:#eee; }
.inPagination a.focuz { color:#fff; background-color:#004d47; border-color: #004d47; }


/* 檔案下載icon */
.file_ext { background-repeat:no-repeat; display:inline-block !important; }
	.file_doc { background-image:url("../images/file_ext/doc.png"); }
	.file_img { background-image:url("../images/file_ext/img.png"); }
	.file_mov { background-image:url("../images/file_ext/mov.png"); }
	.file_other { background-image:url("../images/file_ext/other.png"); }
	.file_pdf { background-image:url("../images/file_ext/pdf.png"); }
	.file_ppt { background-image:url("../images/file_ext/ppt.png"); }
	.file_txt { background-image:url("../images/file_ext/txt.png"); }
	.file_xls { background-image:url("../images/file_ext/xls.png"); }
	.file_zip { background-image:url("../images/file_ext/zip.png"); }
    .file_odp { background-image:url("../images/file_ext/odp.png"); }
    .file_csv { background-image:url("../images/file_ext/csv.png"); }
    .file_ods { background-image:url("../images/file_ext/ods.png"); }
    .file_odt { background-image:url("../images/file_ext/odt.png"); }
	.file_xml { background-image:url("../images/file_ext/xml.png"); }