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

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

/*----------------------------------------------------------------------*/
/* 內頁 */
#Center > div { max-width:1440px; margin:0 auto; }
#Center::after{ content:''; display:block; clear:both; }
#Content{ background-color: #f7f6f4; }

/*----------------------------------------------------------------------*/
/* 標題 */
.page_header{ overflow:hidden; }
.PageTitle { text-align:center; }  
.PageTitle h2 { line-height:130%; font-size:1.3rem; color:#000000; position:relative; padding: 0 12px; display:inline-block; }

/*----------------------------------------------------------------------*/
/* 文章內容 */
.content h3.title { clear:both; font-size:1.6rem; font-weight:300; color:#333; margin-bottom:10px; position: relative; }
.content h3.title::after{ content: ""; position: absolute; left: 0; bottom: -5px; 
    width: 72px; height: 3px; background-color: #a68728;
}

/*文章日期*/
.postdate { margin-top:15px; margin-bottom:15px; font-size:0.875rem; color:#9d9d9d; font-family:'Oswald', sans-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:28px; color:#8b8b8b; font-size:0.9rem; }
.post_info span.date { font-family:'Oswald', sans-serif; color: #545859; }
.post_info span.tag{ background-color: #004d47; color: #fff; font-weight: 700;
    font-family: 'Noto Serif TC', serif; 
}
.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.875rem; 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"; }

/*----------------------------------------------------------------------*/
/* 桌布下載 */

/* 關鍵字 */
.tag_select_box{ padding-top: 15px; padding-bottom: 15px; margin-bottom: 10px; }
.tag_select_box .tt{ line-height: 32px; }
.tag_select_box .tt::after{ content: "："; }
.tag_select_box .tt, .tag_select_box .tags_box{ display: inline-block; vertical-align: middle; }
.tag_select_box .tags_box li{ display: inline-block; margin: 5px 5px 5px 0; }
.tag_select_box .tags_box a{ display: block; background-color: rgba(51,51,51,0.1); line-height: 32px; 
    padding: 0 32px 0 15px; position: relative;
}
.tag_select_box .tags_box .icon_delete{ display: block; position: absolute; top: 50%; right: 15px; top: 10px;
    -webkit-transform: rotate(-45deg); 
    -moz-transform: rotate(-45deg); 
    transform: rotate(-45deg); 
}
.tag_select_box .tags_box .icon_delete::before, .tag_select_box .tags_box .icon_delete::after{
    content: ""; display: block; width: 15px; height: 1px; position: absolute; top: 0; right: 0;
    background-color: #333333;
}
.tag_select_box .tags_box .icon_delete::after{
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    transform: rotate(90deg); 
}
/* hover */
.tag_select_box .tags_box a:hover{ background-color: #777; color: #ffffff; }
.tag_select_box .tags_box a:hover .icon_delete::before, .tag_select_box .tags_box a:hover .icon_delete::after{ background-color: #ffffff; }

/* 桌布列表 */
.wallpaper_list { margin-top:50px; }
.wallpaper_list::after, .wallpaper_list .item > div::after { content:''; display:block; width:100%; clear:both; }
.wallpaper_list > div { margin-left:-10px; margin-right:-10px; }
.wallpaper_list .item { padding-left:10px; padding-right:10px; margin-bottom:20px; }
.wallpaper_list .item > div {  height:100%; position:relative; }

.wallpaper_list .img{ background-color: #f7f6f4; }
.wallpaper_list .img { position:relative; overflow:hidden; z-index: 202; }
.wallpaper_list .img div {
    padding-bottom:56.23342175%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
}
.wallpaper_list .img a { overflow: hidden; display:block; width:100%; height:100%; text-indent:-10000px; }
.wallpaper_list .cont{ position: relative; padding-top: 20px; }
.wallpaper_list .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);
}
.wallpaper_list .top{ position: relative; padding-top: 10px; padding-bottom: 2px; }
.wallpaper_list .top::after{ content: ""; clear: both; display: block; }
.wallpaper_list .date{ float: left; font-family:'Oswald', sans-serif; color: #545859; margin-bottom: 5px; display: inline-block; font-size:0.9rem; }
.wallpaper_list .download{ color: #a68728; background: url(../images/icon_download.png) no-repeat 0 4px; 
  padding-left: 20px;  display: inline-block; float: right; margin-bottom: 5px;
  font-family:'Oswald', sans-serif; font-weight: 400; font-size: 0.9rem;
}

/* 標籤 */
.wallpaper_list .tags{ padding-bottom: 5px; }
.wallpaper_list .tag{ display: inline-block; margin-right: 3px; margin-bottom: 5px; }
.wallpaper_list .tag a{ display: block; background-color:#e3e2e0; color: #818180; line-height: 28px; padding:0 10px;
    border: 1px solid #c9c8c8; background: transparent; font-size: 0.9rem;
}
.wallpaper_list .tag a:hover{ background-color: rgba(51,51,51,0.1); color: #333333; border-color: rgba(51,51,51,0.1); }

.wallpaper_list .title { margin-bottom:5px; font-weight: 600; letter-spacing: 0.05em; }
.wallpaper_list .title a { 
    display:block; color:#333333; line-height:150%; text-decoration:none;
    transition: color 0.25s ease-out;
    -webkit-transition: color 0.25s ease-out;
    -moz-transition: color 0.25s ease-out;
}

/*----------------------------------------------------------------------*/
/* 桌布下載 popup */
.wallpaperPopup .popup_title{ color: #333333; font-family: 'Noto Serif TC', 'Times New Roman', serif; 
    text-align: center; font-weight: 500; border-bottom: 2px solid #dcdcdc; 
    line-height: 150%; padding: 10px; margin-bottom: 15px;
}
.wallpaper_popup_list > div{ display: flex; flex-wrap: wrap;  }
.wallpaper_popup_list .item{ flex: 0 1 auto; box-sizing: border-box; }
.wallpaper_popup_list .item > div{ box-sizing: border-box;}
.wallpaper_popup_list .shape{ position: relative; text-align: center; }
.wallpaper_popup_list .shape span{ display: inline-block; vertical-align: middle; line-height: 50px; }
.wallpaper_popup_list .shape .text{ font-size: 1.1rem; }
.wallpaper_popup_list .icon_shape{ width: 50px; height: 50px; 
    background: url(../images/icon_shape.png) no-repeat ; 
}
.wallpaper_popup_list .icon_shape.horizontal{ background-position: 0 0; }
.wallpaper_popup_list .icon_shape.square{ background-position: 0 -50px; }
.wallpaper_popup_list .icon_shape.vertical{ background-position: 0 -100px; }
.wallpaper_popup_list .img{ text-align: center; width: 100%; border: 1px solid #dcdcdc; 
    background-color: #fff; padding: 8px; box-sizing: border-box; margin-bottom: 10px;
}
.wallpaper_popup_list .img > *{ display: inline-block; vertical-align: middle; }
.wallpaper_popup_list .img span{ height: 100%; }
.wallpaper_popup_list .img img{ max-width: 100%; max-height: 100%; }

.wallpaper_popup_list ul.size_list li{ padding: 8px 0; border-bottom: 1px solid #dcdcdc; }
.wallpaper_popup_list ul.size_list li:last-child{ border-bottom: 0; }
.wallpaper_popup_list ul.size_list li::after{ content: ""; display: block; clear: both; }

.wallpaper_popup_list .size{ font-family:'Oswald', sans-serif;
    letter-spacing: 0.05em; position: relative; padding-left: 30px;
}
.wallpaper_popup_list .size::before{ content: ""; display: block; width: 20px; height: 20px;
    background: url(../images/icon_pic.png) no-repeat center center; position: absolute;
    top: 50%; left: 0; margin-top: -10px;
}
.wallpaper_popup_list .size span{ font-size: 0.938rem; padding: 0 4px; }
.wallpaper_popup_list .download_btn{ line-height: 32px; padding: 0 10px; display: block;
    color: #ffffff; background-color: #a68728; text-align: center; font-size:1rem; 
}
.wallpaper_popup_list .download_btn .icon{ position: relative; display: inline-block; width: 20px; height: 20px; vertical-align: middle; }
.wallpaper_popup_list .download_btn .icon::before{ content:""; display: block; width: 100%; height: 100%; 
    background: url(../images/icon_download.png) no-repeat; background-position: 0 -22px; position: absolute; top: 0; left: 0;
}
.wallpaper_popup_list .download_btn:hover{ background-color: #777777; }

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

/* 快訊 (跑馬燈) */
.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:40px; 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; 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:'Oswald', sans-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:'Oswald', sans-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; font-size:0.9rem; }
.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; font-size:0.9rem;}
.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; }
.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:'Oswald', sans-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; 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%; }

/*----------------------------------------------------------------------*/
/* 活動詳情 */
.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; border: 1px solid #cecece; color: #333333; padding: 0 10px; }
.EventContBox .tags_btn .cat_main{ border:1px solid #a68728; 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{ border-bottom: 2px solid #bbb; padding-bottom: 5px; position: relative; letter-spacing: 0.05em; }
.EventContBox .sub_title::before{ content:""; display: block; background: url(../images/icon_event.png) no-repeat; 
    position: absolute; top: 5px; left: 5px;
}
.EventContBox .sub_title.tt-info:before{ background-position: -50px 0; width: 20px; height: 20px; }
.EventContBox .sub_title.tt-signup::before{ background-position: -50px -50px; width: 26px; height: 26px; }
.EventContBox .sub_title.tt-schedule::before{ background-position: -50px -100px; width: 20px; height: 20px; }

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

/* 活動資訊 */
.event_table_info{ margin-bottom: 20px; }
.event_table_info table{ border: 1px solid #d5d5d5; width: 100%; line-height: 170%; }
.event_table_info table a{ text-decoration: underline; }
.event_table_info table tr th.title{ font-weight: 500; background-color: rgba(166,135,40,0.1); 
    border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5;
}
.event_table_info table tr td.cont{ border-bottom: 1px solid #d5d5d5; }
.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: rgba(51,51,51,0.1); border: 0; line-height: 34px;
}
.event_table_info table .cont ul.tags_btn a:hover{ background-color: rgba(51,51,51,0.4); color: #ffffff; }
.event_text_box{ margin-bottom:10px; }
.event_text_box p{ line-height: 180%; margin-bottom: 10px; }

.event_more_btn a{ display: inline-block; color: #ffffff; line-height: 40px; padding: 0 20px 0 40px;
    background: #a68728 url(../images/icon_search_w.png) no-repeat 15px 10px; font-size: 1.125em;
    margin: 10px auto;
}
.event_more_btn a:hover{ background-color: rgba(166,135,40,0.8); }

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

/* 活動報名 */
.EventContBox .event_list li{ position: relative; margin-bottom: 10px; }
.EventContBox .event_list li:last-child{ margin-bottom: 0; }
.EventContBox .event_list li::before{ content: ""; display: block; width: 5px; height: 5px; 
    background-color: #4d4d4d; position: absolute; 
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.EventContBox .event_list li{ padding-left: 24px; }
.EventContBox .event_list li > div{ display: inline; }
.EventContBox .event_list .tt::after{ content: "："; }
.EventContBox .event_list .text{ line-height: 170%; }

/* 活動場次 */
.event_schedule .item{ position: relative; border-bottom: 1px solid rgba(156,156,156,0.25); }
.event_schedule .item:last-child{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.event_schedule .item .top{ margin-bottom: 20px; }
.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: #a68728; font-weight: 600; padding-right: 35px; }
.event_schedule .item .top_title .light::after{ content: ""; display: block; width: 30px; height: 1px; 
    background-color: #a68728; position: absolute; right: 0; top: 16px;
    transform: rotate(-55deg);
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
}
.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; border: 1px solid #ddd; margin-right: 5px; }
.event_schedule .item .top_signup span:last-child{ margin-right: 0; }
.event_schedule .item .top_signup .status{ border-color: #b33030; color: #b33030; padding: 0 15px; background-color:#f7f6f4; }
.event_schedule .item .top_signup .status.close{ border-color: #b5b5b5; background-color: #dfdfdf; color: #6c6c6c; }
.event_schedule .item .top_signup .more_btn{ border-color: transparent; color: #fff; }
.event_schedule .item .top_signup .more_btn a{ padding: 0 30px 0 15px; display: block; background-color: #a68728; color: #fff; position: relative; }
.event_schedule .item .top_signup .more_btn a::after{ content:''; display:block; position:absolute; top:50%; right:15px; margin-top:-3px;
    border-left:2px solid #ffffff;
    border-top:2px solid #ffffff;
    width:6px; height:6px;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    transform:rotate(135deg);
}
.event_schedule .item .top_signup .more_btn a:hover{ background-color: rgba(166,135,40,0.8); }

/* 場次表格 */
.event_schedule .add_calendar_btn{ display: inline-block; text-align: center; position: relative; padding-left: 25px; }
.event_schedule .add_calendar_btn::before{ content: ""; display: block; width: 20px; height: 20px; 
    background: url(../images/icon_event.png) no-repeat; background-position: -50px -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 -200px; }

/*----------------------------------------------------------------------*/
/* 網站導覽 */
.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{ border-bottom: 1px solid #dfdfdf; position: relative; }
.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:nth-child(even){ background-color: rgba(255,255,255,0.4); }
.SitemapBox > ul > li > ul > li:hover{ background-color: rgba(255,255,255,0.7); }

/*第三層*/
.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;
    top: 14px;
    left: -15px;
}

/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#Breadcrumbs{ padding-top:5px; text-align: center; }
#Breadcrumbs ul { display: inline-block; }
#Breadcrumbs ul li { float:left; padding-left:5px; padding-right:20px; font-size:0.9rem; color:#6e6e6e; line-height:24px; position:relative; }
#Breadcrumbs ul li a { display:inline-block; 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:6px; }
	#Breadcrumbs ul li::after { content:''; position:absolute; top:6px; right:8px; 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:#6e6e6e; } 
	#Breadcrumbs ul li a:hover { text-decoration:underline; }

/* 工具列 */
.ToolBar { overflow:hidden; position:relative; margin-bottom:20px; padding:10px 0; font-size:0.9rem; }
.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:34px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size dd, .ToolBar dl.font_size a, .ToolBar dl.share dd, .ToolBar dl.share a { 
    width:34px; height:34px; 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: 800; }
.ToolBar .colm_left a { display: inline-block; float:left; position:relative; 
    text-decoration:none; color:#333333; border-right:1px solid #bbbbbb; overflow:hidden;
    height:34px; padding-left:30px; padding-right:15px; margin-right:15px;
    /*-webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%; */
}
.ToolBar .colm_left a:last-child { border-right:0; margin-right:0; }
.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:30px; height:34px; 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:-2px 0; }
.ToolBar .colm_left a.print span::before { background-position:-2px -40px; }
.ToolBar .colm_left a:hover{ opacity: 0.8; }

/* 右邊工具 */
.colm_right > dl{ border-right:1px solid #bbbbbb; margin-right: 10px; }
.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:0 -120px; }
.ToolBar dl.font_size dd.font_big a { background-position:0 -160px; }
.ToolBar dl.font_size a:hover{ background-color:#ddd; }
.fs1 .ToolBar dl.font_size dd.font_small a{ background-color: #004d47; background-position:-40px -80px; }
.fs2 .ToolBar dl.font_size dd.font_medium a{ background-color: #004d47; background-position:-40px -120px; }
.fs3 .ToolBar dl.font_size dd.font_big a{ background-color: #004d47; background-position:-40px -160px; }

.ToolBar dl.share{ padding-left:10px; }
.ToolBar dl.share > * { float:left; }
.ToolBar dl.share dt{ display:none; }
.ToolBar dl.share dd { margin-right:10px; 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; border:1px solid #bdbdbd; 
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.ToolBar dl.share dd.facebook a { background-position:0 -200px; border-color: #4d7bcf; background-color:#4d7bcf; }
.ToolBar dl.share dd.facebook a:hover{ background-position:-40px -200px; }
.ToolBar dl.share dd.messenger a { background-position:0 -240px; border-color: #2482da; background-color:#2482da; }
.ToolBar dl.share dd.messenger a:hover{ background-position:-40px -240px;  }
.ToolBar dl.share dd.twitter a { background-position:0 -280px; border-color: #0fb3e9; background-color:#0fb3e9; }
.ToolBar dl.share dd.twitter a:hover{ background-position:-40px -280px;  }
.ToolBar dl.share dd.line a { background-position:0 -320px; border-color: #37b74c; background-color:#37b74c; }
.ToolBar dl.share dd.line a:hover{ background-position:-40px -320px;  }
.ToolBar dl.share dd.plurk a { background-position:0 -360px; border-color: #cf683f; background-color:#cf683f; }
.ToolBar dl.share dd.plurk a:hover{ background-position:-40px -360px;  }
.ToolBar dl.share dd.weibo a { background-position:0 -400px; border-color: #c82a15; background-color:#c82a15; }
.ToolBar dl.share dd.weibo a:hover{ background-position:-40px -400px;  }
.ToolBar dl.share dd.telegram a { background-position:0 -440px; border-color: #34aae7; background-color:#34aae7; }
.ToolBar dl.share dd.telegram a:hover{ background-position:-40px -440px;  }
.ToolBar dl.share dd.copy a { background-position:0 -480px; border-color: #545859; background-color:#fff; }
.ToolBar dl.share dd.copy a:hover{ background-position:-40px -480px; background-color:#545859; }
.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.25rem; 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:1em;
    -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; background-color: #f7f7f7; border: 1px solid #dfdfdf;  }
.ListSearch .item{ display:inline-block; max-width:100%; line-height:35px; position:relative; 
    float:left; margin-right:15px;
}
.ListSearch .item:last-child{ margin-right:0; }
.ListSearch .item .label::after{ content:'：'; display: none; }
.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; font-size:0.9rem; position:absolute; top:0; left:0; line-height:20px; }
.ListSearch.FormElmt .item .cont{ padding-top:25px; 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:25px; border: 0px;}
.ListSearch.FormElmt .BtnCommon span{ background-color: #a68728; border: 1px solid #a68728; }
.ListSearch.FormElmt .BtnCommon input[type="submit"]{ padding:0; border:0; line-height:37px; width:90px; font-size:100%; padding-left: 20px;
    background: url(../images/icon_search_w.png) no-repeat; background-position: 9px 7px;
}
.ListSearch.FormElmt .BtnCommon span:hover{ background-color: #777; border-color: #777; }

.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; }

/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult { margin-top:15px; margin-bottom:30px; }
.SearchResult .results_count{ padding:8px 15px; background-color: rgba(156,156,156,0.15); }
.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.3rem; 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; font-size: 0.9rem;
}
.SearchResult .info > div:last-child{ border-right:0; padding-right: 0; }
.SearchResult .desc { color: #6e6e6e; line-height:180%; }
.SearchResult .date, .SearchResult .cat, .SearchResult .source { font-size: 0.938em;  }
.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; 
}
.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: 16px;
    font-family:'Oswald', sans-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; font-size:1.2rem; }
.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: 'Oswald', sans-serif; font-size:0.9rem; }
.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.view { font-size: 0.9rem; }
.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:'Oswald', sans-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.938em; 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%; }

/*----------------------------------------------------------------------*/
/* 應用程式 */
.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 { 
	background-color:rgba(255,255,255,0.6); 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 { 
	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:1200px; margin:60px auto; }
.AppContWrap > div:first-child { margin-top:0; }
.AppContWrap > div:last-child { margin-bottom:0; }

.AppContHeader { 
	background-color:rgba(255,255,255,0.6); 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);
	}
.AppContHeader > div { 
	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:5px 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; 
	}
.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; 
	}
.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; 
	}
.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.25rem; text-align:center; letter-spacing:1px; }

/* 其他應用程式 */
.AppOthersGroup > .title { margin-bottom:30px; font-size:1.25rem; 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:1080px; margin-left:auto; margin-right:auto; padding-top:20px; }
.AppOthers .item, .AppOthers a { box-sizing:border-box; }
.AppOthers .item { width:100%; max-width:180px; margin:0 auto; }
.AppOthers a { 
	display:block; background-color:#fff; padding:15px; 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);
	-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; }

/*----------------------------------------------------------------------*/
/* 電子賀卡 */
/* 小首頁 */
.ECardIndex::after { content:''; display:block; clear:both; }
.ECardIndex .ECardLast { box-sizing:border-box; }
.ECardIndex .ECardRank { box-sizing:border-box; }

.ECardIndex > div > .title { margin-bottom:30px; }
.ECardIndex > div > .title h3 { 
	max-width:320px; margin:0 auto; border-bottom:2px solid #004d47; padding:0 0 5px 0; position:relative; 
	text-align:center; color:#004d47; font-size:1.3rem; line-height:150%; letter-spacing:5px;
	}
.ECardIndex > div > .title h3::after{ 
	content:""; display:block; position:absolute; bottom:-5px; left:50%; margin-left:-5px;
	width:8px; height:8px; background-color:#004d47; transform:rotate(45deg); 
	}
	
/* 推薦電子賀卡 */
.ECardRankList { 
	background-color:#fff; border-top:3px solid #4495a0; padding:40px 20px 20px 20px;
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);
	box-shadow:0 0 15px rgba(0,0,0,0.2);
	}
.ECardRankList::after { content:''; display:block; clear:both; }
.ECardRankList ul { padding-left:20px; position:relative; }
.ECardRankList li { 
	border:2px solid #d6edf0; background-color:#fff;padding:0 45px 0 40px; margin-bottom:20px; position:relative; 
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
	}
	.ECardRankList .gold { border:2px solid #f7f0d1; background-color:#f7f0d1; }
	.ECardRankList .silver { border:2px solid #ececec; background-color:#ececec; }
	.ECardRankList .bronze { border:2px solid #f4ebe0; background-color:#f4ebe0; }
.ECardRankList li:last-child { margin-bottom:0; }
.ECardRankList li > span { display: block; }

.ECardRankList .rank { 
	position:absolute; top:-10px; left:-15px; width:48px; height:48px; background-color:#d6edf0; text-align:center; 
	font-family:'Oswald', sans-serif; font-size:20px; font-weight:bold; color:#5fa2ab; line-height:48px; letter-spacing:1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	}
	.ECardRankList .gold .rank { background-color:#f4b200; color:#fff; font-size:26px; }
	.ECardRankList .silver .rank { background-color:#989898; color:#fff; font-size:26px; }
	.ECardRankList .bronze .rank { background-color:#b18853; color:#fff; font-size:26px; }
.ECardRankList li[class] .rank::before { 
	content:''; display:block; position:absolute; top:-11px; left:-11px; width:22px; height:22px; 
	background:url(../images/icon_crown.png) no-repeat; background-size:100%; 
	}
	.ECardRankList li.gold .rank::before { background-position:0 0; }
	.ECardRankList li.silver .rank::before { background-position:0 50%; }
	.ECardRankList li.bronze .rank::before { background-position:0 100%; }
.ECardRankList .rank::after { content:'th'; text-transform:uppercase; font-size:12px; font-weight:400; }
	.ECardRankList .gold .rank::after { content:'st'; }
	.ECardRankList .silver .rank::after { content:'nd'; }
	.ECardRankList .bronze .rank::after { content:'rd'; }
.ECardRankList .title a { 
	display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	font-family:"Heiti TC", "黑體-繁", "Microsoft JhengHei", "微軟正黑體", sans-serif; line-height:44px; 
	}
.ECardRankList .title a:hover, .ECardRankList .title a:focus { color:#008ca0; }
	.ECardRankList .gold .title a:hover, .ECardRankList .gold .title a:focus { color:#e09b37; }
	.ECardRankList .silver .title a:hover, .ECardRankList .silver .title a:focus { color:#7a7a7a; }
	.ECardRankList .bronze .title a:hover, .ECardRankList .bronze .title a:focus { color:#9b5700; }
.ECardRankList .medal { 
	position:absolute; top:50%; right:8px; width:32px; height:32px; margin-top:-16px; 
	background:url(../images/icon_medals.png) no-repeat 0 100%; background-size:100%; 
	}
	.ECardRankList .gold .medal { background-position:0 0; }
	.ECardRankList .silver .medal { background-position:0 33.3333%; }
	.ECardRankList .bronze .medal { background-position:0 66.6666%; }

/* 列表 */
.ECardList::after, .ECardList .item > div::after { content:''; display:block; clear:both; }
.ECardList .item, .ECardList .item > div, .ECardList .img, .ECardList .img a, .ECardList .img a span, .ECardList .cont { 
	box-sizing:border-box; 
	}

.ECardList { margin-top:30px; }
	.editable_content + .ECardList { margin-top:0; }
.ECardList .item { margin-bottom:30px; }
.ECardList .item > div { height:100%; position:relative; }

.ECardList .img { 
	background-color:#fff; padding:10px; 
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);
	box-shadow:0 0 15px rgba(0,0,0,0.2);
	}
.ECardList .img a {display:block; padding-bottom:56.25%; position:relative; overflow:hidden; }
.ECardList .img a span { 
	display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-999px; 
	background-repeat:no-repeat; background-position:center center; background-size:cover; 
	-webkit-transition:all 0.6s ease;
    -moz-transition:all 0.6s ease;
    transition:all 0.6s ease;
	}
	.ECardList .img a:hover span, .ECardList .img a:focus span { transform: scale(1.05); }

.ECardList .cont { padding:0 10px; position:relative; }
.ECardList .count { margin-top:-40px; padding-right:5px; text-align:right; }
.ECardList .count span { 
	display:inline-block; background-color:#004d47; padding:0 10px; 
	font-family:'Oswald', sans-serif; color:#fff; font-size:13px; line-height:25px; 
	}
.ECardList .count span::before { 
	content:''; display:inline-block; width:14px; height:14px; margin-bottom:0.375em; margin-right:5px; vertical-align:middle; 
	background:url(../images/icon_forward_count.png) no-repeat center center; background-size:cover; 
	}
.ECardList .tags { margin-top:30px; }
.ECardList .tags a { 
	display:inline-block; margin-right:3px; margin-bottom:5px; border:1px solid #c9c8c8; padding:0 8px; 
	color:#818180; line-height:28px; font-size:0.9rem;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}
.ECardList .tags a:hover, .ECardList .tags a:focus { background-color:rgba(51,51,51,0.1); color:#333333; border-color:rgba(51,51,51,0.1); }
.ECardList .title { margin-top:5px; }
.ECardList .title a { font-weight:600; color:#333; line-height:135%; letter-spacing:2px; text-decoration:none; }
.ECardList .title a:hover, .ECardList .title a:focus { color:#004d47; }

/* 最新電子賀卡 */
.ECardIndex .ECardList .count span { font-size:0.8rem; }
.ECardIndex .ECardList .title a { font-size:1.2rem; }
.ECardIndex .ECardList .item > div { max-width:400px; margin:0 auto; }

/* 其他電子賀卡 */
.OtherECard { margin-top:70px; }
.OtherECard > .title { margin-bottom:30px; text-align:center; }
.OtherECard > .title h3 { 
	display:inline-block; min-width:320px; margin:0 auto; border-bottom:2px solid #004d47; padding:0 10px 8px 15px; position:relative; 
	text-align:center; color:#004d47; font-size:1.3rem; line-height:150%; letter-spacing:5px;
	}
.OtherECard > .title h3::after{ 
	content:""; display:block; position:absolute; bottom:-5px; left:50%; margin-left:-5px;
	width:8px; height:8px; background-color:#004d47; transform:rotate(45deg); 
	}
	
.OtherECard .ECardList .item { float:none; max-width:300px; width:100%; margin:0 auto; padding-left:10px; padding-right:10px; }
.OtherECard .ECardList .title a { font-size:1rem; letter-spacing:1px; }

.OtherECard .ECardList .owl-stage-outer { margin-left:0; margin-right:0; }
.OtherECard .ECardList .owl-item { padding:10px 0; }
.OtherECard .ECardList .owl-item.active ~ .owl-item::before { display:none; }
.OtherECard .ECardList .owl-nav .owl-prev, .OtherECard .ECardList .owl-nav .owl-next {
	display:block; position:absolute; top:calc(100% / 3 * 0.6); 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%;
	}
.OtherECard .ECardList .owl-nav .owl-prev::after, .OtherECard .ECardList .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;
	}
.OtherECard .ECardList .owl-nav .owl-prev:hover, .OtherECard .ECardList .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);
	}
.OtherECard .ECardList .owl-nav .owl-prev:hover::after, .OtherECard .ECardList .owl-nav .owl-next:hover::after { border-color:#fff; }
.OtherECard .ECardList .owl-nav .owl-prev::after { 
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.OtherECard .ECardList .owl-nav .owl-next::after { 
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	}
.OtherECard .ECardList .owl-nav .owl-prev::after { left:50%; margin-left:-7px; }
.OtherECard .ECardList .owl-nav .owl-next::after { right:50%; margin-right:-7px; }

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

.OtherECard .btn { margin-top:25px; text-align:center; position:relative; z-index:99; }
.OtherECard .btn a { 
	display:inline-block; padding:0 30px; background-color:#004d47; position:relative; overflow:hidden;
	font-family:'Noto Serif TC', 'Times New Roman', serif; font-size:1.1em; 
	line-height:54px; color:#fff; font-weight:500; letter-spacing:0.2em;
	}
.OtherECard .btn span { display:inline-block; position:relative; z-index:99; }
.OtherECard .btn span.icon_arrow { position:relative; padding-left:10px; top:-5px; }
.OtherECard .btn span.icon_arrow::before, .OtherECard .btn span.icon_arrow::after { 
	content:""; display:block; background-color:#fff; 
	}
.OtherECard .btn span.icon_arrow::before { width:50px; height:1px; }
.OtherECard .btn span.icon_arrow::after { position:absolute; top:-10px; right:4px; width:1px; height:12px; transform:rotate(-45deg); }

/* 轉寄 */
.ECardForward::after { content:''; display:block; clear:both; }
.ECardForward > div > div > div { margin-top:25px; }
.ECardForward > div > div > div:first-child { margin-top:0; }
.ECardForward .label { 
	border-left:4px solid #a78627; padding-left:12px; margin-bottom:10px; 
	font-family:'Noto Serif TC', 'Times New Roman', serif; font-size:1.1rem; font-weight:bold; 
	color:#333; line-height:125%; letter-spacing:2px; 
	}
.ECardForward .col_left, .ECardForward .col_right { box-sizing:border-box; }

.ECardForward .col_left > div { 
	background-color:#fff; padding:20px;
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);
	box-shadow:0 0 15px rgba(0,0,0,0.2);
	}
.ECardForward .img img { display:block; max-width:100%; }
.ECardForward .subject input { width:100%; }
.ECardForward .msg textarea { width:100%; height:120px; }
.ECardForward .sender { overflow:hidden; }
.ECardForward .sender input.name { float:left; width:33.3333%; }
.ECardForward .sender input.address { float:right; width:63.3333%; }

.RecipientsGroup .desc { margin-bottom:10px; line-height:200%; word-break:break-all; }
.RecipientsGroup .recipients_list .item { margin-left:30px; margin-top:14px; line-height:35px; position:relative; }
.RecipientsGroup .recipients_list .item:first-child { margin-top:0; }
.RecipientsGroup .recipients_list .item::after { content:''; display:block; clear:both; }
.RecipientsGroup .recipients_list .item > span { display:block; }
.RecipientsGroup .recipients_list .item > span input { width:100%; }
.RecipientsGroup .recipients_list .no { 
	position:absolute; top:0; left:-25px; font-family:'Oswald', sans-serif; font-size:20px; color:#a78627; 
	}
.RecipientsGroup .recipients_list .no::after { content:'.'; }
.RecipientsGroup .recipients_list .name { float:left; width:34%; }
.RecipientsGroup .recipients_list .address { float:right; width:62%; }
.RecipientsGroup .tab_cont.batch textarea { width:100%; height:200px; }
.ECardForward .verify { padding-top:25px; border-top:1px solid #dfdfdf; }

.RecipientsGroup .tabs { margin-bottom:10px; text-align:left; }
.RecipientsGroup .tabs li { display:inline-block; margin:0 5px 10px 5px; }
.RecipientsGroup .tabs a { 
    background-color:#d8d8d8; padding:0 20px; height:48px; line-height:48px; 
	letter-spacing:1px; text-align:center; font-size:1.1rem; color:#333; text-decoration:none; 
	}
.RecipientsGroup .tabs li a:hover, .RecipientsGroup .tabs li a:focus { background-color:#666; color:#fff; }
.RecipientsGroup .tabs a::before { 
	content:''; display:inline-block; width:24px; height:24px; margin:0 10px 0.25em 0; vertical-align:middle; 
	background:url(../images/icon_ecard_forward.png) no-repeat; background-size:200%;
	}
	.RecipientsGroup .tabs .idv a::before { background-position:0 0; }
	.RecipientsGroup .tabs .batch a::before { background-position:0 100%; }
	.RecipientsGroup .tabs .idv.active a::before, .RecipientsGroup .tabs .idv a:hover::before { background-position:right 0; }
	.RecipientsGroup .tabs .batch.active a::before, .RecipientsGroup .tabs .batch a:hover::before { background-position:right 100%; }
.RecipientsGroup .tabs li.active a { background-color:#004d47; color:#fff; }
.RecipientsGroup .tabs li.active::after { 
	display:block; content:''; position:absolute; bottom:-8px; left:50%; margin-left:-6px; 
	border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #004d47;
	}

.RecipientsGroup .tab_cont { overflow:visible; }
	.RecipientsGroup.tabs_group .tab_cont.active, .RecipientsGroup.tabs_group .tab_cont.active .tab_cont_inner { padding:0; }
.RecipientsGroup .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; 
	}
.RecipientsGroup .tab_cont.active .tab_title a { background-color:#004d47; }

.ECardForward .BtnCommon.large div.submit span, .ECardForward .BtnCommon.large div.preview span { background-color:#004d47; }

/* 預覽賀卡 */
.ECardPreviewPopup .popup_title { 
	border-bottom:2px solid #dcdcdc; padding:10px; margin-bottom:15px;
	font-family:'Noto Serif TC', 'Times New Roman', serif; color:#333333; text-align:center; font-weight:500; line-height:150%; 
	}

.ECardPreviewPopup .ecard_preview .img { margin-top:20px; margin-bottom:20px; }
.ECardPreviewPopup .ecard_preview .img img { max-width:100%; }
.ECardPreviewPopup .ecard_preview .sender, .ECardPreviewPopup .ecard_preview .recipients { 
	margin-top:5px; line-height:150%; 
	}
.ECardPreviewPopup .ecard_preview .msg { border-top:1px solid #c6c5c3; margin-top:15px; padding-top:15px; line-height:200%; }
	
/*----------------------------------------------------------------------*/
/* 全球事業體 */
.LocationNav ul { text-align:center; }
.LocationNav li { display:inline-block; margin:0 5px; }
.LocationNav a { 
	display:block; padding:0 30px; background-color:#a0a0a0; position:relative; 
	line-height:50px; color:#fff; font-size:1.1rem; font-weight:bold; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.LocationNav .selected a, .LocationNav a:hover, .LocationNav a:focus { background-color:#004d47; }
.LocationNav .selected a::after { 
	display:block; content:''; position:absolute; bottom:-8px; left:50%; margin-left:-6px; 
	border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #004d47;
	}
	
.LocationSearch { margin-top:25px; margin-bottom:50px; padding-top:30px; border-top:1px solid #dfdfdf; }
.LocationSearch .search_form .form { border:1px solid #e2e2e1; padding:7px; }
.LocationSearch .search_form .form > div { border:1px solid #cecece; background-color:#fbfbfb; padding:30px 20px;}
.LocationSearch .search_form .area, .LocationSearch .search_form .city, .LocationSearch .search_form .keyword { 
	margin-bottom:15px;
	}
.LocationSearch .search_form .area select, .LocationSearch .search_form .city select, .LocationSearch .search_form .keyword input { 
	width:100%; border:1px solid #cecece; background-color:#fff; padding:0 10px; 
	font-size:1rem; box-sizing:border-box; 
	}
.LocationSearch .search_form .keyword input { width:100%; }

	.LocationSearch.tw .search_form .area { float:left; width:50%; padding-right:10px; }
	.LocationSearch.tw .search_form .city { float:right; width:50%; padding-left:10px; }

.LocationSearch .search_form .btn { text-align:center; }
.LocationSearch .search_form .btn a { 
	display:inline-block; background-color:#a68728; padding:0 30px; 
	color:#fff; text-decoration:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.LocationSearch .search_form .btn a:hover, .LocationSearch .search_form .btn a:focus { background-color:rgba(166,135,40,0.8); }
.LocationSearch .search_form .btn a::before { 
	content:''; display:inline-block; width:21px; height:21px; vertical-align:middle; margin-bottom:0.25em; margin-right:5px; 
	background: url(../images/icon_search_w.png) no-repeat center center; background-size:cover;
	}
	
.LocationSearch .image_map map[name="locationMap"] area:focus { outline:0; }
	
.LocationList { margin-top:50px; }
.LocationList > div { overflow:hidden; }
.LocationList > div::after, .LocationList .item::after { content:''; display:block; clear:both; }
.LocationList .item { padding-top:20px; padding-bottom:20px; position:relative; }

.LocationList .title { 
	border-left:4px solid #a68728; padding-left:8px; margin-bottom:12px; 
	font-size:1.2rem; line-height:125%; font-weight:500; letter-spacing:2px; 
	}
	.LocationList.oversea .title { font-size:1.1rem; letter-spacing:0.5px; }
.LocationList .img { float:left; width:180px; } 
.LocationList .img > div { padding-bottom:75%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.LocationList .cont { padding-left:15px; overflow:hidden; }
.LocationList .contact_info li { margin-bottom:10px; padding-left:12px; line-height:150%; position:relative; }
	.LocationList.oversea .contact_info li { font-size:0.9rem; }
.LocationList .contact_info li::after{ 
	content:""; display:block; position:absolute; top:0.5em; left:0; width:4px; height:4px; background-color:#333333; 
    transform:rotate(45deg); 
	}
.LocationList .btns { }
.LocationList .btns a { 
	display:inline-block; border:1px solid #c6b37a; padding:0 15px; margin-top:10px; margin-right:5px; box-sizing:border-box; 
	line-height:40px; color:#a68728; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.LocationList.oversea .btns a { font-size:0.9rem; font-family:'Oswald', sans-serif; }
	.LocationList .btns a:hover, .LocationList .btns a:focus { border-color:#a68728; background-color:#a68728; color:#fff; }
.LocationList .btns a::before { 
	content:''; display:inline-block; width:20px; height:20px; vertical-align:middle; margin-bottom:0.25em; margin-right:5px; 
	background: url(../images/icon_location_list.png) no-repeat; background-size:200%;
	}
	.LocationList .btns a.traffic::before { background-position:0 0; }
	.LocationList .btns a.url::before { background-position:0 50%; }
	.LocationList .btns a.map::before { background-position:0 100%; }
	.LocationList .btns a.traffic:hover::before, .LocationList .btns a.traffic:focus::before { background-position:right 0; }
	.LocationList .btns a.url:hover::before, .LocationList .btns a.url:focus::before { background-position:right 50%; }
	.LocationList .btns a.map:hover::before, .LocationList .btns a.map:focus::before { background-position:right 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:#f7f6f4; border: 2px solid #e1e0d8;
}
.related_articles .title { font-size:1.2rem; font-weight:700; background-color: #f7f6f4; 
    color:#333; position:relative; padding-left: 40px; display: block; line-height: 40px;
    position: absolute; top: -20px; left: 1.875rem; 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; font-size:0.9rem; }
#Pagination .pages { display:inline-block; margin-bottom: 10px; }
#Pagination a { display:inline-block; width:40px; text-decoration:none; line-height:40px; color:#333; 
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    /*-webkit-border-radius:5%; 
    -moz-border-radius:5%; 
    border-radius:5%;  */
}   
#Pagination a:hover { background-color:#ddd; }
#Pagination a:focus{ border: none; }
#Pagination a.focuz { background-color: #004741; color: #fff; } 
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { 
    width:auto; padding:0 10px;    
}
#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:15px; line-height:35px; color:#666; }
#Pagination .setting select { padding:5px 8px; border:1px solid #c8c8c8; height:35px; 
    vertical-align: middle; font-size:1em; 
    -webkit-border-radius:0; 
    -moz-border-radius:0; 
    border-radius:0; 
}
#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:55px; height:35px; border:1px solid #c8c8c8; vertical-align:bottom;
    padding:5px 10px; 
    -webkit-border-radius:0; 
    -moz-border-radius:0; 
    border-radius:0; 
}
#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:35px; line-height:35px; background-color:#a68728; 
    color:#fff; padding:0 6px; vertical-align:middle; padding: 0 10px; font-size: 1em;
    -webkit-border-radius:0; 
    -moz-border-radius:0; 
    border-radius:0;
}
#Pagination .setting  input[type="button"]:hover{ background-color:#777; border-color:#777; }
#Pagination .per_page select, #Pagination .goto input[type="text"]{ margin:0 5px; }

/* 內頁頁碼 */
.inPagination { margin-top:30px; margin-bottom:20px; clear:both; text-align:center; font-size:0.9rem; display:none; }
.inPagination .pages { display:inline-block; }
.inPagination a { border: 1px solid #bbb;
    display:inline-block; width:37px; margin:0 4px 12px 4px; background-color:transparent; 
    color:#6b6b6b; text-decoration:none; line-height:35px; 
/*    -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"); }