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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

}

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


/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual .bx-wrapper .bx-controls-direction a { width:48px; height:48px; margin-top:-24px; }
#KeyVisual .bx-wrapper .bx-controls-direction a::after { width:10px; height:10px; margin-top:-5px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:20px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:20px; }
@media screen and ( min-width:1600px ){
#KeyVisual .bx-wrapper .bx-controls-direction a { opacity:0.9; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev { 
	left:-24px; 
	}
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next { 
	right:-24px; 
	}
}

/*----------------------------------------------------------------------*/
/* Footer */
/* footer menu */
.footer_menu{ margin-bottom: 30px; }
.footer_menu > ul > li > a:hover::after{ width:100%; }

/* footer bottom */
.footer_bottom{ border-top:1px solid rgba(255,255,255,0.2); padding-top:20px;}
.footer_bottom{ padding-bottom: 3.75rem;  }
.footer_bottom .copyright{ float: left; }
.footer_bottom .visitor{ float: right; }

@media screen and ( min-width:1600px ){
    #Footer{ padding-top: 3.75rem; padding-bottom:3.125rem; }
    #Footer > div{ padding: 0 20px; }
    .footer_menu > ul > li{ margin-bottom: 3.75rem; padding: 0 10px; }
}
@media screen and ( max-width:1599px ){
    #Footer{ padding-top: 30px; padding-bottom:20px; }
    #Footer > div{ padding: 0 10px; }
    .footer_menu > ul > li{ margin-bottom: 2.5rem; padding: 0 10px; }
    .footer_menu > ul > li > ul li a{ font-size: 0.75rem; }
    .footer_bottom .visitor{ padding-right:30px; }
}


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

/* 焦點訊息(跑馬燈) */
.IndexFocusMsg > div { padding:25px 0; }
.IndexFocusMsg .title { width:10%; }
.IndexFocusMsg .slider_wrap { width:90%; }
.IndexFocusMsg .slider_wrap.mobile { display:none; }
@media screen and (max-width: 1279px) {
.IndexFocusMsg .slider_list .item { padding:0 20px; font-size:1rem; }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
.IndexFocusMsg .slider_list .item { padding:0 2vw; font-size:1rem; }
}
@media screen and (min-width: 1440px) {
.IndexFocusMsg .slider_list .item { padding:0 3.125vw; font-size:1.1rem; }
}

/*----------------------------------------------------------------------*/
/* 首頁-共用區 */
.IndexBlock > div { padding-left:3.125vw; padding-right:3.125vw; }

@media screen and (max-width: 1439px) {
.IndexBlock { margin-top:80px; margin-bottom:80px; }
.IndexBlock .block_title h2 { font-size:1.5rem; }
}
@media screen and (min-width: 1440px) {
.IndexBlock { margin-top:5.2vw; margin-bottom:5.2vw; }
.IndexBlock .block_title { margin-bottom:4.2vw; }
.IndexBlock .block_title h2 { font-size:1.8rem; }
}

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

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

@media screen and (min-width: 1600px) {
.indexMoreBtn a{ line-height:64px; }
}

@media screen and (max-width: 1599px) {
.indexMoreBtn a{ line-height:54px; }
}


/*----------------------------------------------------------------------*/
/* 首頁廣告輪播 */
.IndexLinksList .item { padding:0 1vw; }
@media screen and (max-width: 1439px) {
.IndexLinks { margin-top:50px; margin-bottom:70px; }
.IndexLinksList .owl-nav .owl-prev { left:-15px; }
.IndexLinksList .owl-nav .owl-next { right:-15px; }
}
@media screen and (min-width: 1440px) {
.IndexLinks { margin-top:4.2vw; margin-bottom:5.2vw; }
.IndexLinksList .owl-nav .owl-prev { left:-10px; }
.IndexLinksList .owl-nav .owl-next { right:-10px; }
}


/*----------------------------------------------------------------------*/
/* 首頁最新消息 */
.IndexNewsList .item { max-width:380px; padding:0 1.5625vw; }
.IndexNewsList .owl-nav .owl-prev, .IndexNewsList .owl-nav .owl-next { width:50px; height:50px; margin-top:-25px; }

@media screen and (max-width: 1439px) {
    .IndexBlock.IndexNews { margin-top:0; margin-bottom:0; padding-top:60px; padding-bottom:60px; }
    .IndexNewsList .owl-nav .owl-prev { left:-15px; }
    .IndexNewsList .owl-nav .owl-next { right:-15px; }
}
@media screen and (min-width: 1440px) {
    .IndexBlock.IndexNews { margin-top:0; margin-bottom:0; padding-top:5.2vw; padding-bottom:5.2vw; }
    .IndexNewsList .owl-nav .owl-prev { left:-40px; }
    .IndexNewsList .owl-nav .owl-next { right:-40px; }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .IndexNewsList .title { font-size:1rem; }
    .IndexNewsList .desc { font-size:0.9rem; }
}


/*----------------------------------------------------------------------*/
/* 自訂區塊 (圖+編輯器) */
.IndexCustomBlock { margin-top:120px; padding-top:40px; }
.IndexCustomBlock + .IndexCustomBlock { margin-top:120px; }
.IndexCustomBlock .cont { float:left; width:50%; }
.IndexCustomBlock .img, .IndexCustomBlock .media { float:right; width:50%; margin-top:-40px; padding-bottom:40px; }

.IndexCustomBlock.even .cont { float:right; }
.IndexCustomBlock.even .img,
.IndexCustomBlock.even .media{ float:left; }
@media screen and (max-width: 1279px) {
.IndexCustomBlock .block_title h2 { font-size:1.5rem; }
}
@media screen and (min-width: 1280px) {
.IndexCustomBlock .block_title h2 { font-size:1.8rem; }
}


/*----------------------------------------------------------------------*/
/* 自訂區塊 (文字列表) */
.index_custom_list li a:hover {
	-webkit-transform: scale(1.02); 
	-moz-transform: scale(1.02); 
	transform: scale(1.02); 
	}
@media screen and (max-width: 1279px) {
.index_custom_list li .sub_title { font-size:0.9rem; }
.index_custom_list li .title { font-size:1.1rem; }
}
	
/* 單欄 */
.index_custom_list.single_column li a { padding-right:11em; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.index_custom_list.single_column li .sub_title { padding-right:3.2em; }
.index_custom_list.single_column li .date { position:absolute; top:20px; right:25px; }

/* 雙欄 */
.index_custom_list.double_column li { width:50%; padding-right:1.5625vw; }
.index_custom_list.double_column li:nth-child(even) { padding-right:0; padding-left:1.5625vw; }


/*----------------------------------------------------------------------*/
/* 首頁聯絡資訊 */
.IndexContactInfo .map_box { position:absolute; top:0; left:0; width:50%; height:100%; }
.IndexContactInfo .info_box { margin-left:50%; }
@media screen and (max-width: 1279px) {
.IndexContactInfo .info_box { padding-top:40px; padding-bottom:40px; }
.IndexContactInfo .social dd { width:50%; }
}
@media screen and (min-width: 1280px) {
.IndexContactInfo .info_box { padding-top:60px; padding-bottom:60px; }
.IndexContactInfo .social dd { width:33.3333%; }
}


/*----------------------------------------------------------------------*/
/* 首頁活動查詢 */
.index_event_search::after { display:none; }
.index_event_list { 
	position:absolute; top:0; right:0; width:100%; height:100%; 
	overflow-y:auto; _overflow:auto; margin-bottom:1em; -webkit-overflow-scrolling:touch;
	}
	.index_event_list::-webkit-scrollbar { -webkit-appearance:none; width:14px; height:14px; }
	.index_event_list::-webkit-scrollbar-thumb { border-radius:8px; border:3px solid #f7f6f4; background-color:rgba(0, 0, 0, .3); }
	.index_event_list::-webkit-scrollbar-thumb:hover { background-color:#004d47; }
.index_event_list .timeline_cont li { display:table; width:100%; padding:5px 0; }
.index_event_list .timeline_cont li > div { display:table-cell; vertical-align:middle; }
.index_event_list .timeline_cont .category { width:130px; }
.index_event_list .timeline_cont .category span { display:none; }
.index_event_list .timeline_cont .btns .status, .index_event_list .timeline_cont .btns .detail { text-align:right; }
	.index_event_list .timeline_cont .btns .status + .detail { margin-top:10px; }
@media screen and (max-width: 1439px) {
.index_event_search { width:25vw; padding:30px 20px 40px 20px; }
.index_event_search input[type="text"], .index_event_search select, .index_event_search .btns a { height:46px; line-height:46px; }
.index_event_list .timeline { margin-left:25vw; padding:20px 20px 20px 60px; }
.index_event_list .timeline::after { left:20px; }
.index_event_list .timeline_date::before { left:-43px; }
.index_event_list .timeline_date::after { left:-47px; }
.index_event_list .timeline_date > span::after { width:15px; left:-24px; }
.index_event_list .timeline_cont .title { font-size:1.1rem; }
.index_event_list .timeline_cont .btns .status > span, .index_event_list .timeline_cont .btns .detail > a { font-size:0.9rem; }
}
@media screen and (min-width: 1440px) {
.index_event_search { width:400px; padding:30px 40px 40px 40px; }
.index_event_list .timeline { margin-left:400px; padding:40px 40px 40px 100px; }
.index_event_list .timeline::after { left:40px; }
.index_event_list .timeline_date::before { left:-63px; }
.index_event_list .timeline_date::after { left:-67px; }
.index_event_list .timeline_date > span::after { width:25px; left:-42px; }
.index_event_list .timeline_cont .title { font-size:1.2rem; }
}

@media screen and (max-width: 1199px) {
.index_event_search .btns a { float:none; width:100%; }
.index_event_search .btns .submit + .reset { margin-top:20px; }
}

/* 動畫效果 */
.index_event_list .item { 
	opacity:0; transform:translateX(100px);
	-webkit-transition:transform 1s ease, opacity 1s ease;
	-moz-transition:transform 1s ease, opacity 1s ease;
	transition:transform 1s ease, opacity 1s ease;
	}
	.index_event_list .item:nth-child(2) { transition-delay:0.15s; }
	.index_event_list .item:nth-child(3) { transition-delay:0.3s; }
	.index_event_list .item:nth-child(4) { transition-delay:0.45s; }
	.index_event_list .item:nth-child(5) { transition-delay:0.6s; }
	.index_event_list .item:nth-child(6) { transition-delay:0.75s; }
	.index_event_list .item:nth-child(7) { transition-delay:0.9s; }
	.index_event_list .item:nth-child(8) { transition-delay:1.05s; }
	.index_event_list .item:nth-child(9) { transition-delay:1.20s; }
	.index_event_list .item:nth-child(10) { transition-delay:1.35s; }
.index_event_list.active .item { opacity:1; transform:translateX(0); }


/*===========================================================================================*/
/*----------------------------------------------------------------------*/
/* 內頁 */
/* 共用 */
.MenuFix #Center.content{ margin-top:100px; }
#Content{ padding: 30px 2.08333333333333vw 40px 2.08333333333333vw; margin-bottom: 60px; }

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

/* 文章標題 */
.content h3.title{ font-size: 1.6rem; margin-bottom:20px; }

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

/*----------------------------------------------------------------------*/
/* 活動列表 */
@media screen and (max-width: 1439px) {
    .EventList .item { width:calc(33.33333333333% - 2.60416666666667vw); }
}
@media screen and (min-width: 1440px) {
    .EventList .item { width:calc(25% - 2.60416666666667vw); }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .EventList .title { font-size:1rem; }
    .EventList .desc { font-size:0.9rem; }
}


/*----------------------------------------------------------------------*/
/* 活動詳情 */
.EventContBox .event_cont_title{ font-size: 1.6rem; margin-bottom:30px; }
.EventContBox .tags_btn{ text-align: right; }
.EventContBox .tags_btn a{ font-size: 1rem; }
.EventContBox .sub_title{ font-size: 1.2rem; margin-bottom: 30px; }
.EventContBox .Box{ padding-bottom: 40px; }

/* 活動資訊 */
.event_table_info table{ font-size: 1rem; background-color: #f3f3f3; box-shadow: 0 0 20px rgba(0,0,0,0.15);  border-radius: 20px; }
.event_table_info table tr:first-child th{ border-top-left-radius: 20px; }
.event_table_info table tr:last-child th{ border-bottom-left-radius: 20px; }
.event_table_info table tr:first-child td{ border-top-right-radius: 20px; }
.event_table_info table tr:last-child td{ border-bottom-right-radius: 20px; }
.event_table_info table tr th{ color: #ffffff; background-image: url(../images/pattern6.png); position: relative; letter-spacing: 0.1em; }
.event_table_info table tr:nth-child(even) th::before{ content: ""; display: block; width: 100%; height: 100%;
    background-color: rgba(255,255,255,0.1); position: absolute; top: 0; left: 0;
}
.event_table_info table tr th.title{ width: 200px; }
.event_table_info table tr th, .event_table_info table tr td{ padding: 10px 20px; }
.event_table_info table tr:nth-child(even) td{ background-color: #ffffff; }
.event_table_info table .cont .map iframe{ width: 450px; height: 250px; }

/* 活動報名 */
.EventContBox .event_list .tt{ font-family: 'Noto Serif TC', 'Times New Roman', serif;  }

/* 活動報名按鈕 */
.event_more_btn{ margin-bottom: 45px; }

/* 活動場次 */
.event_schedule .item .top{ padding: 15px 20px; }
.event_schedule .item{ padding-bottom: 20px; margin-bottom: 25px; }
.event_schedule .item .top_title{ margin-right: 12.5em; }
.event_schedule .item .top_signup{ position: absolute; top: 12px; right: 15px; }

/* 場次表格 */
.event_schedule .ListTable.time_list{ margin-bottom: 10px; }
.event_schedule .ListTable.time_list table td.date, .event_schedule .ListTable.time_list table td.time{
    font-family: 'Noto Serif TC', 'Times New Roman', serif; font-weight: 400;
}
.event_schedule .ListTable.time_list table tr th{ background-color: #ffffff; border-bottom: 2px solid rgba(0,0,0,0.4); font-weight: 500; }
/*.event_schedule .ListTable.time_list table tr{ border-bottom: 1px solid rgba(0,0,0,0.2); }
.event_schedule .ListTable.time_list table tr:nth-child(odd){ background-color: rgba(0,0,0,0.03); }
.event_schedule .ListTable.time_list table tr:nth-child(even){ background-color: #ffffff; }*/
.event_schedule .ListTable.time_list table th, .event_schedule .ListTable.time_list table td{
    width: 25%;
}

/*----------------------------------------------------------------------*/
/* 應用程式 */
/* 列表 */
.AppList > div { margin-left:-15px; margin-right:-15px; }
.AppList .item { padding-left:15px; padding-right:15px; }
.AppList .item > div:hover { background-color: rgba(166,135,40,0.1); box-shadow: none; border-color: transparent; }
.AppList .item > div:hover a { border-color: rgba(166,135,40,0.7); }

@media screen and (max-width: 1359px) {
    .AppList .item { width:25%; }
}

@media screen and (max-width: 1199px) {
    .AppList a { padding:15px 10px; }
    .AppList .item > div:hover a { padding-top:20px; padding-bottom:20px; }
    .AppList > div { margin-left:-10px; margin-right:-10px; }
    .AppList .item { padding-left:10px; padding-right:10px; }
}

@media screen and (min-width: 1360px) {
    .AppList .item { width:20%; }
}

@media screen and (min-width: 1360px) and (max-width: 1440px) {
    .AppList a { padding:15px 10px; }
    .AppList .item > div:hover a { padding-top:20px; padding-bottom:20px; }
    .AppList > div { margin-left:-10px; margin-right:-10px; }
    .AppList .item { padding-left:10px; padding-right:10px; }
}
    
/* 內頁 */
/* QR Code */
@media screen and (max-width: 1279px) {
    .AppDownload dd { float:left; width:25%; }
    .AppDownload .qrcode { margin:0 auto 10px; }
    .AppDownload .cont { text-align:center; }
}
@media screen and (min-width: 1280px) {
    .AppDownload dd { float:left; display:table; width:25%; }
    .AppDownload dd > div { display:table-cell; vertical-align:middle; }
    .AppDownload .qrcode { padding-right:10px; }
    .AppDownload .link a { margin-left:-10px; }
    .AppDownload .link a:hover { margin-left:0; }
}

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

/* 其他應用程式 */
.AppOthers a:hover, .AppOthers a:focus { 
    transform:translateY(-5px); 
    -webkit-box-shadow:0 5px 12px rgba(0,0,0,0.2);
    -moz-box-shadow:0 5px 12px rgba(0,0,0,0.2);
    box-shadow:0 5px 12px rgba(0,0,0,0.2);
    }
.AppOthers .owl-nav .owl-prev { left:-10px; }
.AppOthers .owl-nav .owl-next { right:-10px; }
@media screen and (max-width: 1279px) {
    .AppOthers{ padding-left: 30px; padding-right: 30px; }
    .AppOthers .item{ max-width: 180px; }
}


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

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

/* 主要新聞大輪播 */
.news_main_slider{ margin-bottom: 40px; }
.news_main_slider .col_half{ width: 50%; float: left; }
.news_main_slider .col_half:nth-child(2n+1){ padding-right: 10px; }
.news_main_slider .col_half:nth-child(2n+2){ padding-left: 10px; }
.news_main_slider .item .cont{ width: 100%; position: absolute; z-index: 99; bottom: 0; left: 0; }
.news_main_slider .item .cont::after{ content: ""; display: block; z-index: -1; pointer-events: none;
    width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; box-sizing: border-box;
    background: -moz-linear-gradient(top,  rgba(229,229,229,0) 0%, rgba(0,0,0,0.8) 60%); 
    background: -webkit-linear-gradient(top,  rgba(229,229,229,0) 0%,rgba(0,0,0,0.8) 60%); 
    background: linear-gradient(to bottom,  rgba(229,229,229,0) 0%,rgba(0,0,0,0.8) 60%); 
}
.news_main_slider .item .desc{ opacity: 0; visibility: hidden; height: 0; letter-spacing: 0.05em; }
.news_main_slider .item .title, .news_main_slider .item .title a{ color: #ffffff; }
.news_main_slider .item .date, .news_main_slider .item .desc{ color:rgba(255,255,255,0.9); }

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

.news_main_slider .item_samll{ display: flex; flex-wrap: wrap; }
.news_main_slider .item_samll .item{ width: 50%; flex:0 1 auto; }
.news_main_slider .item_samll .item:nth-child(1n+1){ margin-bottom: 10px; }
.news_main_slider .item_samll .item:nth-child(1n+3){ margin-top: 10px; }
.news_main_slider .item_samll .item:nth-child(2n+1){ padding-right: 10px; }
.news_main_slider .item_samll .item:nth-child(2n+2){ padding-left: 10px; }
.news_main_slider .item_samll .img div{ height: 260px; }
.news_main_slider .item_samll .cont{ padding: 2.4vw 1.2vw 0 1.2vw; }
.news_main_slider .item_samll .img.img_media::after{ width: 40px; height: 40px; top: 10px; right: 10px; }

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

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

/* hover */
.news_main_slider .item:hover .img > div{ transform: scale(1.03); opacity: 0.9; }
.news_main_slider .item:hover .cont{ height: auto; }
.news_main_slider .item:hover .cont::after{ height: 100%;
    background: -moz-linear-gradient(top,  rgba(229,229,229,0) 0%, rgba(0,0,0,0.8) 60%); 
    background: -webkit-linear-gradient(top,  rgba(229,229,229,0) 0%,rgba(0,0,0,0.8) 60%); 
    background: linear-gradient(to bottom,  rgba(229,229,229,0) 0%,rgba(0,0,0,0.8) 60%); 
}
.news_main_slider .item_big .item:hover .cont{ padding-bottom: 30px; }
.news_main_slider .item_big .item:hover .title{ margin-bottom: 10px; }
.news_main_slider .item_samll .item:hover .cont{ padding-bottom: 15px; }
.news_main_slider .item_samll .item:hover .title{ margin-bottom: 5px; }
.news_main_slider .item .title a:hover{ color: #f3d67f; text-decoration: underline; }
.news_main_slider .item .tag:hover{ background-color: rgba(166,135,40,0.8); }
.news_main_slider .item:hover .desc{ opacity: 1; visibility: visible; height: auto; }

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

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

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


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


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

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

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

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

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

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

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

/* 兩欄 */
.ListPicText.bisection .item { float:left; width:50%; }
.ListPicText.bisection .cont { padding:20px 20px 35px; }
.ListPicText.bisection .title { font-size:1.2rem; }
.ListPicText.bisection .tag{ font-size: 0.9rem; line-height: 32px; }
.ListPicText.bisection .date { font-size:0.9rem; }
.ListPicText.list-view.bisection .item{ margin-bottom:0; padding-left: 20px; padding-right: 20px; }
.ListPicText.list-view.bisection .img { padding:10px 15px 10px 0; }
.ListPicText.list-view.bisection .video_box { padding:10px 15px 10px 0; }
.ListPicText.list-view.bisection .video_box .img::after{ margin-left: -34px; }
.ListPicText.list-view.bisection .cont { padding:15px 20px; }
.ListPicText.list-view.bisection .info{ clear: both; }
.ListPicText.list-view.bisection .tag{ font-size: 0.9rem; line-height: 28px; }
.ListPicText.list-view.bisection .date { font-size:0.9rem; }
.ListPicText.grid-view.bisection .item{ padding-left: 30px; padding-right: 30px; }
.ListPicText.grid-view.bisection .desc { font-size:1rem; 
    /* 限制行數 */
    line-height:1.75em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
    max-height:5.25em;
}

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

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

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

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

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

/* 表單表格 */
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:top; }
.FormTable > tbody > tr > th { width:150px; padding:15px 10px 15px 5px; text-align:right; }
.FormTable > tbody > tr > th:empty::after { display:none; }
.FormTable > tbody > tr > th.tt-top{ vertical-align:top; }
.FormTable > tbody > tr > th.tt-center{ vertical-align:middle; }
.FormTable > tbody > tr > td { padding:15px 6px; }

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

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

/* 列表搜尋 */
.ListSearch { padding: 10px 0 15px 0; margin-bottom: 15px; }
.ListSearch .BtnCommon { position:absolute; right:20px; bottom:25px; }
.ListSearch .BtnCommon input { line-height:30px; }
.ListSearch .item{ margin-bottom: 10px; margin-right: 25px; }
.ListSearch .item .label{ position:relative;}
.ListSearch .item .label, .ListSearch .item .cont{ display:inline-block; }
.ListSearch.FormElmt .BtnCommon span:hover{ background-color: #777777; }
.ListSearch.FormElmt .BtnCommon input[type="submit"]:hover{ background: url(../images/icon_search_w.png) no-repeat; 
    background-size: 26px 26px; background-position: 18px 10px; 
    border-color: #777777;
}

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

/* 頁碼 */
#Pagination{ padding-top:25px; margin-bottom:20px; }
#Pagination a { margin:0 2px; position:relative;
/*    -webkit-border-radius:50%; 
    -moz-border-radius:50%; 
    border-radius:50%;  */
}
#Pagination a:hover { background-color:#f2f2f2; }
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { 
    background-color:transparent; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#Pagination a.prev{ margin-right:8px; }
#Pagination a.next{ margin-left:8px; }
#Pagination a.first:hover, #Pagination a.prev:hover, #Pagination a.next:hover, #Pagination a.last:hover,
#Pagination a.first:focus, #Pagination a.prev:focus, #Pagination a.next:focus, #Pagination a.last:focus{
    background-color:#f2f2f2;
}
#Pagination .current { display:none; }

@media screen and (max-width: 1359px) {
    #Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last{ padding: 0 5px; }
    #Pagination a.prev{ margin-right:2px; }
    #Pagination a.next{ margin-left:2px; } 
}

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

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

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

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

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

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