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

/*----------------------------------------------------------------------*/
/* 共用區塊 */
.IndexBlock::after { content:''; display:block; clear:both; }
.IndexBlock > div { max-width:1600px; margin-left:auto; margin-right:auto; box-sizing:content-box; position:relative; }
.IndexBlock .block_title { margin-bottom:40px; color:#333; text-align:center; box-sizing:border-box; position:relative; z-index:100; }
.IndexBlock .block_title h2 { 
	display:inline-block; padding-left:0.5em; letter-spacing:0.5em; font-weight:600; line-height:125%; position:relative;
	}
.IndexBlock .block_title h2::before { 
	content:""; display:block; position:absolute; top:-0.3em; left:-0.3em; width:1.11em; height:1.11em; 
	background:url(../images/pattern3.png) no-repeat center center; background-size:cover; 
	}
.IndexBlock .block_title h2::after { 
	content:""; display:block; position:absolute; bottom:-0.875em; left:50%; width:1px; height:20px; background-color:#333; 
	}
	
	/* 動畫效果 */
	.IndexBlock .block_title { 
		opacity:0; transform:translateY(-40px);
		-webkit-transition:transform 1s ease, opacity 1s ease;
		-moz-transition:transform 1s ease, opacity 1s ease;
		transition:transform 1s ease, opacity 1s ease;
		}
	.IndexBlock .block_title.active { opacity:1; transform:translateY(0); }

/* 按鈕 */
.IndexBlock .btn_more { margin-top:50px; text-align:center; }
.IndexBlock .btn_more a { 
	display:inline-block; border:1px solid #666; padding:0 2em; line-height:58px; text-decoration:none; position:relative; 
	font-family:'Noto Serif TC', 'Times New Roman', serif; font-size:1.1rem; font-weight:500; color:#666; letter-spacing:0.2em; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.IndexBlock .btn_more a:hover, .IndexBlock .btn_more a:focus { border-color:#a68728; background-color:#a68728; color:#fff; }
.IndexBlock .btn_more a::after { 
	content:''; display:block; position:absolute; top:30px; left:-15px; width:30px; 
	border-top:1px solid #666; 
	}
	
	/* 動畫效果 */
	.IndexBlock .btn_more { 
		opacity:0; transform:translateY(50px);
		-webkit-transition:transform 1s ease, opacity 1s ease;
		-moz-transition:transform 1s ease, opacity 1s ease;
		transition:transform 1s ease, opacity 1s ease;
		}
	.IndexBlock .btn_more.active { opacity:1; transform:translateY(0); }

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


/*----------------------------------------------------------------------*/
/* 上方主要區塊 */
/* 焦點訊息(跑馬燈) */
.IndexFocusMsg { 
	max-width:1600px; padding:0 20px; margin-left:auto; margin-right:auto; box-sizing:border-box; 
	}
.IndexFocusMsg > div { 
	background:url("../images/pattern1.png") repeat 0 0; 
	font-family:'Noto Serif TC', 'Times New Roman', serif; 
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.1);
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
	}
.IndexFocusMsg > div::after { content:""; display: block; clear: both; }

.IndexFocusMsg .title { 
	float:left; border-right:1px solid rgba(0,0,0,0.4); 
	font-size:1.2rem; color:#666; font-weight:500; text-align:center; letter-spacing:2px; line-height:40px; vertical-align:middle; 
	}
.IndexFocusMsg .slider_wrap { float:left; }
.IndexFocusMsg .slider_list { box-sizing:border-box; }
.IndexFocusMsg .slider_list .itemBox::after { content:""; display: block; clear: both; }
.IndexFocusMsg .slider_list .item { box-sizing:border-box; letter-spacing:0.05em; }
	.IndexFocusMsg .slider_wrap.desktop .slider_list .item { width:50%; float:left; }
.IndexFocusMsg .slider_list .item:nth-child(even) { border-left:1px solid rgba(0,0,0,0.4); }
.IndexFocusMsg .slider_list .item a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height:40px; }

/* 快訊 (輪播按鈕) */
.IndexFocusMsg .slider_wrap .bx-wrapper { padding-right:50px; position:relative; }
.IndexFocusMsg .slider_wrap .bx-wrapper .bx-controls-direction a { 
	width:30px; height:30px;
    display:block; position:absolute; right:10px; 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;  
}
.IndexFocusMsg .slider_wrap .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;  
}
.IndexFocusMsg .slider_wrap .bx-wrapper .bx-controls-direction a:hover::after,
.IndexFocusMsg .slider_wrap .bx-wrapper .bx-controls-direction a:focus::after{ 
   border-color: transparent transparent #777777 transparent; 
}
.IndexFocusMsg .slider_wrap .bx-wrapper .bx-controls-direction .bx-prev { top:-15px; }
.IndexFocusMsg .slider_wrap .bx-wrapper .bx-controls-direction .bx-next { bottom:-15px; }
.IndexFocusMsg .slider_wrap .bx-wrapper .bx-controls-direction .bx-prev::after { 
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
.IndexFocusMsg .slider_wrap .bx-wrapper .bx-controls-direction .bx-next::after { 
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/* 不顯示子項目 */
.IndexFocusMsg .slider_list .itemBox { position:relative; display:none; }
/* 顯示第一筆項目 */  
.IndexFocusMsg .slider_list .itemBox:first-child { display:block; }
/* 當JS執行時顯示全部 */
.IndexFocusMsg .bx-viewport .slider_list .itemBox { display:block; }


/*----------------------------------------------------------------------*/
/* 首頁廣告輪播 */
.IndexLinks { max-width:1600px; margin-left:auto; margin-right:auto; padding:0 3.125vw; }

.IndexLinksList .item { max-width:300px; margin-left:auto; margin-right:auto; }
.IndexLinksList a { 
	display:block; padding-bottom:56%; 
	background-repeat:no-repeat; background-position:center center; background-size:cover; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.IndexLinksList a:hover, .IndexLinksList a:focus { 
	opacity:0.8; 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	}
.IndexLinksList a span { display:block; position:absolute; top:0; left:0; text-indent:-999px; overflow:hidden; }

.IndexLinksList .owl-stage-outer { margin-left:0; margin-right:0; }
.IndexLinksList .owl-item { padding:10px 0; }
.IndexLinksList .owl-item.active ~ .owl-item::before { display:none; }
.IndexLinksList .owl-nav .owl-prev, .IndexLinksList .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%;
	}
.IndexLinksList .owl-nav .owl-prev::after, .IndexLinksList .owl-nav .owl-next::after { 
	content:''; display:block; position:absolute; top:50%; 
	width:10px; height:10px; margin-top:-5px; 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;
	}
.IndexLinksList .owl-nav .owl-prev:hover, .IndexLinksList .owl-nav .owl-next:hover,
.IndexLinksList .owl-nav .owl-prev:focus, .IndexLinksList .owl-nav .owl-next:focus{ 
	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);
	}
.IndexLinksList .owl-nav .owl-prev:hover::after, .IndexLinksList .owl-nav .owl-next:hover::after,
.IndexLinksList .owl-nav .owl-prev:focus::after, .IndexLinksList .owl-nav .owl-next:focus::after{ border-color:#fff; }
.IndexLinksList .owl-nav .owl-prev::after { 
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.IndexLinksList .owl-nav .owl-next::after { 
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	}
.IndexLinksList .owl-nav .owl-prev::after { left:50%; margin-left:-4px; }
.IndexLinksList .owl-nav .owl-next::after { right:50%; margin-right:-4px; }

.IndexLinksList .owl-dots { position:absolute; bottom:-25px; left:0; width:100%; text-align:center; }
.IndexLinksList .owl-dots .owl-dot { 
	display:inline-block; width:14px; height:14px; margin:0 5px; padding:0; box-sizing:border-box; background-color:#fff; border:0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
.IndexLinksList .owl-dots .owl-dot:focus { outline:0; }
.IndexLinksList .owl-dots .owl-dot.active, .IndexLinksList .owl-dots .owl-dot:hover, .IndexLinksList .owl-dots .owl-dot:focus { 
	background-color:#a68728; 
	}
	
	
/*----------------------------------------------------------------------*/
/* 首頁最新消息 */
.IndexNews { background:url(../images/pattern2.png) repeat 0 0; }

.IndexNewsList { padding-bottom:40px; }
.IndexNewsList .item { margin-left:auto; margin-right:auto; }
.IndexNewsList .item > div { background-color: #ffffff; position: relative; min-height: 33.7em;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.IndexNewsList .img { overflow:hidden; }
.IndexNewsList .img a { 
	display:block; padding-bottom:75%; 
	background-repeat:no-repeat; background-position:center center; background-size:cover; 
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.IndexNewsList .img a:hover, .IndexNewsList .img a:focus { transform:scale(1.03); opacity:0.8; }
.IndexNewsList .img a span { display:block; position:absolute; top:0; left:0; text-indent:-999px; overflow:hidden; }
	/* 影片樣式 */
	.IndexNewsList .video_box .img { position:absolute; top:0; left:0; width:100%; background:#e4e3db url(../images/bg.jpg); z-index:2; }
	.IndexNewsList .video_box .img::after { 
		content:""; display:block; position:absolute; top:50%; left:50%; width:48px; height:48px; margin-top:-24px; margin-left:-24px; pointer-events:none;
		background-image:url(../images/icon_play.png); 
		-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
		}
	.IndexNewsList .video_box .video { position:relative; padding-bottom:75%; overflow:hidden; z-index:1; }
	.IndexNewsList .video_box iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.IndexNewsList .cont { 
	padding:10px 20px 20px;
	background: -ms-linear-gradient(top, #e4e4e4 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #e4e4e4 0%, #ffffff 100%);
}
.IndexNewsList .date, .IndexNewsList .tag { display:inline-block; vertical-align:middle; line-height:20px; }
.IndexNewsList .date { font-family:'Georgia', serif; font-size:0.9rem; color:#666; }
.IndexNewsList .tag { font-family: 'Noto Serif TC', serif; font-size:0.9rem; color:#a68728; letter-spacing:1px; }
.IndexNewsList .tag a { display:block; color:#a68728; position:relative; }
.IndexNewsList .tag a::after { 
	content:''; display:block; position:absolute; bottom:-2px; left:50%; width:0px; border-bottom:2px solid #a68728; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.IndexNewsList .tag a:hover::after, .IndexNewsList .tag a:focus::after { width:100%; margin-left:-50%; }
.IndexNewsList .date + .tag { border-left:1px solid rgba(0,0,0,0.1); margin-left:10px; padding-left:12px; }
.IndexNewsList .title { padding-top:5px; font-size:1.1rem; letter-spacing:1px; font-weight:600; line-height:150%; }
.IndexNewsList .title a{ display: block; 
    /*描述最多顯2行，但此語法IE、Firefox皆不支援*/
    line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    /*不支援上述語法時的備案*/
    max-height:3em;
}
.IndexNewsList .date + .title, .IndexNewsList .tag + .title { border-top:1px solid rgba(0,0,0,0.1); padding-top:10px; margin-top:10px; }
.IndexNewsList .desc { 
	margin-top:5px; font-size:1rem; color:#666; 
	line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;
	max-height:12em; -webkit-line-clamp:6;
	}
.IndexNewsList .btn { margin-top:15px; text-align:center; position: absolute; width: 100%;  bottom: 20px; left: 0; }
.IndexNewsList .btn a { 
	display:inline-block; padding-left:40px; 
	font-family:'Noto Serif TC', serif; font-weight:500; color:#666; line-height:30px; position:relative; 
	}
.IndexNewsList .btn a::before { 
	content:''; display:block; position:absolute; top:0; left:0; 
	width:30px; height:30px; border:1px solid #818181; box-sizing:border-box; vertical-align:middle; 
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
.IndexNewsList .btn a::after { 
	content:''; display:block; position:absolute; top:50%; left:10px; width:6px; height:6px; margin-top:-3px;
	border-right:2px solid #818181; border-top:2px solid #818181; 
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.IndexNewsList .btn a, .IndexNewsList .btn a::before, .IndexNewsList .btn a::after {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.IndexNewsList .btn a:hover, .IndexNewsList .btn a:focus { color:#a68728; }
.IndexNewsList .btn a:hover::before, .IndexNewsList .btn a:focus::before { left:5px; border-color:#a68728; background-color:#a68728; }
.IndexNewsList .btn a:hover::after, .IndexNewsList .btn a:focus::after { left:15px; border-color:#fff; }

.IndexNewsList .owl-stage-outer { margin-left:0; margin-right:0; }
.IndexNewsList .owl-item { padding:10px 0;  }
.IndexNewsList .owl-item.active ~ .owl-item::before { display:none; }
.IndexNewsList .owl-nav .owl-prev, .IndexNewsList .owl-nav .owl-next {
	display:block; position:absolute; top:50%; text-indent:-10000px; z-index:9999;
	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 15px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.15);
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
.IndexNewsList .owl-nav .owl-prev::after, .IndexNewsList .owl-nav .owl-next::after { 
	content:''; display:block; position:absolute; top:50%; 
	width:10px; height:10px; margin-top:-5px; 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;
	}
.IndexNewsList .owl-nav .owl-prev:hover, .IndexNewsList .owl-nav .owl-next:hover,
.IndexNewsList .owl-nav .owl-prev:focus, .IndexNewsList .owl-nav .owl-next:focus{ 
	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);
	}
.IndexNewsList .owl-nav .owl-prev:hover::after, .IndexNewsList .owl-nav .owl-next:hover::after,
.IndexNewsList .owl-nav .owl-prev:focus::after, .IndexNewsList .owl-nav .owl-next:focus::after{ border-color:#fff; }
.IndexNewsList .owl-nav .owl-prev::after { 
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.IndexNewsList .owl-nav .owl-next::after { 
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	}
.IndexNewsList .owl-nav .owl-prev::after { left:50%; margin-left:-4px; }
.IndexNewsList .owl-nav .owl-next::after { right:50%; margin-right:-4px; }

.IndexNewsList .owl-dots { position:absolute; bottom:0; left:0; width:100%; text-align:center; }
.IndexNewsList .owl-dots .owl-dot { 
	display:inline-block; width:14px; height:14px; margin:0 5px; padding:0; box-sizing:border-box; background-color:#fff; border:0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
.IndexNewsList .owl-dots .owl-dot:focus { outline:0; }
.IndexNewsList .owl-dots .owl-dot.active, .IndexNewsList .owl-dots .owl-dot:hover, .IndexNewsList .owl-dots .owl-dot:focus { 
	background-color:#a68728; 
	}
	
	/* 動畫效果 */
	.IndexNewsList .item { 
		opacity:0; transform:scale(0.8);
		-webkit-transition:transform 1s ease, opacity 1s ease;
		-moz-transition:transform 1s ease, opacity 1s ease;
		transition:transform 1s ease, opacity 1s ease;
		}
		.IndexNewsList .owl-item:nth-child(2) .item { transition-delay:0.15s; }
		.IndexNewsList .owl-item:nth-child(3) .item { transition-delay:0.3s; }
		.IndexNewsList .owl-item:nth-child(4) .item { transition-delay:0.45s; }
		.IndexNewsList .owl-item:nth-child(5) .item { transition-delay:0.6s; }
	.IndexNewsList.active .item { opacity:1; transform:scale(1); }


/*----------------------------------------------------------------------*/
/* 自訂區塊 (圖+編輯器) */
.IndexCustomBlock { margin-top:80px; margin-bottom:80px; overflow:hidden; }
.IndexCustomBlock > div::after { content:''; display:block; clear:both; }
.IndexCustomBlock .cont { padding-top:30px; padding-bottom:30px; padding-left:3.125vw; padding-right:3.125vw; }

.IndexCustomBlock .block_title { border-bottom:1px solid rgba(0,0,0,0.2); }
.IndexCustomBlock .block_title h2 { 
	display:inline-block; padding-bottom:0.3em; padding-left:0.2em; letter-spacing:0.2em; position:relative; 
	font-weight:600; color:#a68728; line-height:150%; 
	}
.IndexCustomBlock .block_title h2::before { 
	display:block; content:''; position:absolute; left:-4px; bottom:-2px; width:8px; height:8px; background-color:#a68728; 
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.IndexCustomBlock .block_title h2::after { 
	display:block; content:''; position:absolute; left:0; bottom:0; width:100%; 
	border-bottom:4px solid #a68728; 
	}
.IndexCustomBlock .block_sub_title { 
	margin-top:20px; font-family:'Noto Serif TC', 'Times New Roman', serif; font-size:1.2rem; font-weight:500; 
	letter-spacing:0.1em; line-height:150%; 
	}
.IndexCustomBlock .editable_content { margin-top:20px; }

.IndexCustomBlock .img img { display:block; width:100%; }

.IndexCustomBlock .media > div { padding-bottom:56.25%; position:relative; }
.IndexCustomBlock .media .cover { 
	position:absolute; top:0; left:0; width:100%; height:100%; background-color:#e4e3db; overflow:hidden; z-index:2; cursor:pointer; 
	}
.IndexCustomBlock .media .cover > div { 
	position:absolute; top:0; left:0; width:100%; height:100%; 
	background-repeat:no-repeat; background-position:center center; background-size:cover; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.IndexCustomBlock .media:hover .cover > div { 
	opacity:0.8; 
	-webkit-transform: scale(1.05); 
	-moz-transform: scale(1.05); 
	transform: scale(1.05); 
	}
.IndexCustomBlock .media .cover::after { 
	content:""; display:block; position:absolute; top:50%; left:50%; width:48px; height:48px; 
    background-image:url(../images/icon_play.png); margin-top:-24px; margin-left:-24px; pointer-events:none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.IndexCustomBlock .media:hover .cover::after { box-shadow:0 0 10px rgba(0,0,0,0.4); }
.IndexCustomBlock .media .video { 
	position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:1; 
	}
.IndexCustomBlock .media .video iframe,
.IndexCustomBlock .media .video object,
.IndexCustomBlock .media .video embed { position:absolute; top:0; left:0; width:100%; height:100%; border:0; margin:0; }

.IndexCustomBlock .btn_read_more { margin-top:20px; }
.IndexCustomBlock .btn_read_more a { 
	display:inline-block; border:1px solid #666; padding:0 2em; line-height:46px; text-decoration:none; position:relative; 
	font-family:'Noto Serif TC', 'Times New Roman', serif; font-size:1.1rem; font-weight:500; color:#666; letter-spacing:0.2em; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.IndexCustomBlock .btn_read_more a:hover, .IndexCustomBlock .btn_read_more a:focus { 
	border-color:#a68728; background-color:#a68728; color:#fff; 
	}
.IndexCustomBlock .btn_read_more a::after { 
	content:''; display:block; position:absolute; top:24px; left:-15px; width:30px; 
	border-top:1px solid #666; 
	}
.IndexCustomBlock .editable_content div.district { overflow:visible; }

/* 偶數區塊樣式 */
.IndexCustomBlock.even .block_title h2 { color:#004d47; }
.IndexCustomBlock.even .block_title h2::before { background-color:#004d47; }
.IndexCustomBlock.even .block_title h2::after { border-bottom:4px solid #004d47; }
.IndexCustomBlock.even .btn_read_more a:hover, .IndexCustomBlock .btn_read_more a:focus { border-color:#004d47; background-color:#004d47; }

	/* 動畫效果 */
	.IndexCustomBlock .img, .IndexCustomBlock .media { 
		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;
		}
		.IndexCustomBlock.even .img, .IndexCustomBlock.even .media { transform:translateX(-100px); }
	.IndexCustomBlock .img.active, .IndexCustomBlock .media.active { opacity:1; transform:translateX(0); }
	
	.IndexCustomBlock .cont .block_title, 
	.IndexCustomBlock .cont .block_sub_title, 
	.IndexCustomBlock .cont .editable_content, 
	.IndexCustomBlock .cont > .btn_read_more { 
		opacity:0; transform:translateX(-100px);
		-webkit-transition:transform 0.8s ease, opacity 0.8s ease;
		-moz-transition:transform 0.8s ease, opacity 0.8s ease;
		transition:transform 0.8s ease, opacity 0.8s ease;
		}
		.IndexCustomBlock.even .cont .block_title, 
		.IndexCustomBlock.even .cont .block_sub_title, 
		.IndexCustomBlock.even .cont .editable_content, 
		.IndexCustomBlock.even .cont > .btn_read_more { 
			transform:translateX(100px);
			}
	.IndexCustomBlock .cont .block_title.active, 
	.IndexCustomBlock .cont .block_sub_title.active, 
	.IndexCustomBlock .cont .editable_content.active, 
	.IndexCustomBlock .cont > .btn_read_more.active { opacity:1; transform:translateX(0); }


/*----------------------------------------------------------------------*/
/* 自訂區塊 (文字列表) */
.index_custom_list::after { content:''; display:block; clear:both; }
.index_custom_list li { margin:20px 0; }
	
.index_custom_list li a { 
	display:block; padding:20px 25px; background-color:#fff; text-decoration:none; position:relative; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.index_custom_list li a:hover {
	-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);
	}
.index_custom_list li .sub_title { 
	position:relative; 
	font-family:'Noto Serif TC', 'Times New Roman', serif; color:#a68728; font-size:1rem; letter-spacing:0.1em; 
	}
.index_custom_list li .title { 
	color:#000; font-size:1.2rem; letter-spacing:0.1em; 
	}
.index_custom_list li .date { 
	display:block; padding-left:1.5em; font-family: Georgia, serif; color:#666; font-size:0.9rem; position:relative; 
	}
.index_custom_list li .date::after { 
	content:''; display:block; position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; 
	background:url(../images/icon_date.png) no-repeat center center; background-size:cover;
	}
	
/* 單欄 */
.index_custom_list.single_column { padding:20px 0; }
.index_custom_list.single_column li:first-child { margin-top:0; }
.index_custom_list.single_column li:last-child { margin-bottom:0; }
.index_custom_list.single_column li a { line-height:40px; }
.index_custom_list.single_column li:nth-child(even) a { background-color:#f7f6f4; }
.index_custom_list.single_column li .sub_title::after { 
	content:''; display:block; position:absolute; top:50%; right:1.5em; width:1px; height:26px; margin-top:-13px; background-color:#a68728; 
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.index_custom_list.single_column li .date { display:block; }
	
/* 雙欄 */
.index_custom_list.double_column ul {
	-ms-display:flex; -ms-flex-direction:row; -ms-flex-wrap:wrap; -ms-justify-content:flex-start; -ms-align-content:flex-start; 
	display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-content:flex-start; 
	}
.index_custom_list.double_column li { flex:0 1 auto; }
.index_custom_list.double_column li a > span { display:block; line-height:150%; }
.index_custom_list.double_column li .title { margin-top:5px; }
.index_custom_list.double_column li .date { margin-top:15px; }

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


/*----------------------------------------------------------------------*/
/* 首頁-通用區塊 (編輯器) */
.IndexCommonBlock .editable_content .imgcenter { padding:0; }

	/* 動畫效果 */
	.IndexCommonBlock .editable_content { 
		opacity:0; transform:scale(0.8); 
		-webkit-transition:transform 1s ease, opacity 1s ease;
		-moz-transition:transform 1s ease, opacity 1s ease;
		transition:transform 1s ease, opacity 1s ease;
		}
	.IndexCommonBlock .editable_content.active { opacity:1; transform:scale(1); }


/*----------------------------------------------------------------------*/
/* 首頁聯絡資訊 */
.IndexContactInfo { background-color:#e7e7e7; overflow:hidden; position:relative; }
.IndexContactInfo .map_box iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.IndexContactInfo .info_box { padding-left:3.125vw; padding-right:3.125vw; }

.IndexContactInfo .info_box dl { margin-top:50px; }
	.IndexContactInfo .info_box dl:first-child { margin-top:0; }
.IndexContactInfo .info_box dt { 
	margin-bottom:10px;
	font-family:'Noto Serif TC', 'Times New Roman', serif; color:#333; font-size:1.2rem; line-height:150%; letter-spacing:0.1em; 
	}
	
.IndexContactInfo .contact_info dd { padding:10px 0 10px 32px; line-height:20px; position:relative; }
.IndexContactInfo .contact_info dd::after { 
	content:''; display:block; position:absolute; top:10px; left:0; width:20px; height:20px; 
	background:url(../images/icon_index_contact_info.png) no-repeat; background-size:200%;
	}
	.IndexContactInfo .contact_info dd.addr::after { background-position:0 0; }
	.IndexContactInfo .contact_info dd.tel::after { background-position:0 12.5%; }
	.IndexContactInfo .contact_info dd.fax::after { background-position:0 25%; }

.IndexContactInfo .social::after { content:''; display:block; clear:both; }
.IndexContactInfo .social dd { float:left; margin:10px 0; }
.IndexContactInfo .social dd a { display:block; padding:0 0 0 2.5em; color:#999; line-height:40px; position:relative; }
.IndexContactInfo .social dd a::before { 
	content:''; display:block; position:absolute; top:0; left:0; width:40px; height:40px; border:1px solid #a6a6a6; box-sizing:border-box;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
.IndexContactInfo .social dd a::after { 
	content:''; display:block; position:absolute; top:10px; left:10px; width:20px; height:20px; 
	background:url(../images/icon_index_contact_info.png) no-repeat; background-size:200%;
	}
	.IndexContactInfo .social dd.fb a::after { background-position:0 37.5%; }
	.IndexContactInfo .social dd.ig a::after { background-position:0 50%; }
	.IndexContactInfo .social dd.line a::after { background-position:0 62.5%; }
	.IndexContactInfo .social dd.twitter a::after { background-position:0 75%; }
	.IndexContactInfo .social dd.plurk a::after { background-position:0 87.5%; }
	.IndexContactInfo .social dd.weibo a::after { background-position:0 100%; }
	
.IndexContactInfo .social dd a, .IndexContactInfo .social dd a::before {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.IndexContactInfo .social dd.fb a:hover, .IndexContactInfo .social dd.fb a:focus { color:#3b5998; }
.IndexContactInfo .social dd.ig a:hover, .IndexContactInfo .social dd.ig a:focus { color:#d52877; }
.IndexContactInfo .social dd.line a:hover, .IndexContactInfo .social dd.line a:focus { color:#01b901; }
.IndexContactInfo .social dd.twitter a:hover, .IndexContactInfo .social dd.twitter a:focus { color:#00abf1; }
.IndexContactInfo .social dd.plurk a:hover, .IndexContactInfo .social dd.plurk a:focus { color:#cf683f; }
.IndexContactInfo .social dd.weibo a:hover, .IndexContactInfo .social dd.weibo a:focus { color:#c82a15; }

.IndexContactInfo .social dd.fb a:hover::before, .IndexContactInfo .social dd.fb a:focus::before { border-color:#3b5998; background-color:#3b5998; }
.IndexContactInfo .social dd.ig a:hover::before, .IndexContactInfo .social dd.ig a:focus::before { border-color:#d52877; background-color:#d52877; }
.IndexContactInfo .social dd.line a:hover::before, .IndexContactInfo .social dd.line a:focus::before { border-color:#01b901; background-color:#01b901; }
.IndexContactInfo .social dd.twitter a:hover::before, .IndexContactInfo .social dd.twitter a:focus::before { border-color:#00abf1; background-color:#00abf1; }
.IndexContactInfo .social dd.plurk a:hover::before, .IndexContactInfo .social dd.plurk a:focus::before { border-color:#cf683f; background-color:#cf683f; }
.IndexContactInfo .social dd.weibo a:hover::before, .IndexContactInfo .social dd.weibo a:focus::before { border-color:#c82a15; background-color:#c82a15; }

.IndexContactInfo .social dd.fb a:hover::after, .IndexContactInfo .social dd.fb a:focus::after { background-position:right 37.5%; }
.IndexContactInfo .social dd.ig a:hover::after, .IndexContactInfo .social dd.ig a:focus::after { background-position:right 50%; }
.IndexContactInfo .social dd.line a:hover::after, .IndexContactInfo .social dd.line a:focus::after { background-position:right 62.5%; }
.IndexContactInfo .social dd.twitter a:hover::after, .IndexContactInfo .social dd.twitter a:focus::after { background-position:right 75%; }
.IndexContactInfo .social dd.plurk a:hover::after, .IndexContactInfo .social dd.plurk a:focus::after { background-position:right 87.5%; }
.IndexContactInfo .social dd.weibo a:hover::after, .IndexContactInfo .social dd.weibo a:focus::after { background-position:right 100%; }

	/* 動畫效果 */
	.IndexContactInfo dt { 
		opacity:0; transform:translateY(-40px);
		-webkit-transition:transform 0.8s ease, opacity 0.8s ease;
		-moz-transition:transform 0.8s ease, opacity 0.8s ease;
		transition:transform 0.8s ease, opacity 0.8s ease;
		}
	.IndexContactInfo dl.active dt { opacity:1; transform:translateY(0); }
	.IndexContactInfo dd { 
		opacity:0; transform:translateX(40px);
		-webkit-transition:transform 0.6s ease, opacity 0.6s ease;
		-moz-transition:transform 0.6s ease, opacity 0.6s ease;
		transition:transform 0.6s ease, opacity 0.6s ease;
		}
		.IndexContactInfo dl dd:nth-child(2) { transition-delay:0.15s; }
		.IndexContactInfo dl dd:nth-child(3) { transition-delay:0.3s; }
		.IndexContactInfo dl dd:nth-child(4) { transition-delay:0.45s; }
		.IndexContactInfo dl dd:nth-child(5) { transition-delay:0.6s; }
		.IndexContactInfo dl dd:nth-child(6) { transition-delay:0.75s; }
		.IndexContactInfo dl dd:nth-child(7) { transition-delay:0.9s; }
	.IndexContactInfo dl.active dd { opacity:1; transform:translateX(0); }
	
	
/*----------------------------------------------------------------------*/
/* 首頁活動查詢 */
.IndexEventSearch .block_title h2::before { background-image:url(../images/pattern4.png); }
.IndexEventSearch .btn_more a:hover, .IndexEventSearch .btn_more a:focus { border-color:#004d47; background-color:#004d47; }

.IndexEventSearchBox { 
	background-color:#f7f6f4; position:relative; 
	-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);
	}
	
.index_event_search { background-color:#004d47; position:relative; z-index:999; }
.index_event_search::after { 
	display:block; content:''; position:absolute; bottom:-16px; left:50%; margin-left:-20px; 
	border-left:20px solid transparent; border-right:20px solid transparent; border-top:16px solid #004d47;
	}
.index_event_search .item { margin-bottom:20px; }
.index_event_search .label { 
	padding-left:15px; padding-bottom:3px; 
	font-family:'Noto Serif TC', 'Times New Roman', serif; font-size:1.1rem; color:#fff; line-height:150%; letter-spacing:0.1em; 
	}
.index_event_search .item.place{ border-bottom: 1px solid rgba(255,255,255,0.25); padding-bottom: 5px; text-align: center; }
.index_event_search .item.place .label{ padding-left: 0; }

.index_event_search input[type="text"], .index_event_search select { 
	background-color:rgba(255,255,255,0.8); width:100%; height:54px; line-height:54px; font-size:1rem; color:#575757; 
	border:0; padding:0 15px; margin:0; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.index_event_search input[type="text"]::placeholder { color:#575757; }
.index_event_search input[type="text"]:focus, .index_event_search select:focus { 
	background-color:rgba(255,255,255,1); outline:0; color:#000;
	-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);
	}
	.index_event_search input[type="text"]:focus::placeholder { color:#000; }
.index_event_search select[disabled] { opacity:1; cursor:default; }
.index_event_search .date { position:relative; }
.index_event_search .date::after { 
	content:''; display:block; position:absolute; top:50%; right:15px; width:20px; height:20px; margin-top:-10px; 
	background:url(../images/icon_date.png) no-repeat center center; background-size:cover;
	}
.index_event_search .date + .date { margin-top:25px; }
.index_event_search .btns { margin-top:30px; }
.index_event_search .btns::after { content:''; display:block; clear:both; }
.index_event_search .btns a { 
	display:block; background-color:#62a77f; width:calc(50% - 20px);
	text-align:center; line-height:54px; color:#fff; font-size:1rem; letter-spacing:0.1em; 
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.index_event_search .btns a::after { 
	content:''; display:inline-block; width:22px; height:22px; vertical-align:middle; margin:0 0 0.25em 10px; 
	background:url(../images/icon_index_event_search.png) no-repeat; background-size:100%;
	}
	.index_event_search .btns .submit { float:left; }
	.index_event_search .btns .reset { float:right; }
	.index_event_search .btns .submit::after { background-position:0 0; }
	.index_event_search .btns .reset::after { background-position:0 25%; }
	
.index_event_search .btns a:hover, .index_event_search .btns a:focus { background-color:#a68728; }
	
.index_event_list { overflow:hidden; }
.index_event_list .timeline { position:relative; }
.index_event_list .timeline::after { 
	content:''; display:block; position:absolute; top:0; height:100%; border-left:2px solid #cdcdcd; z-index:1; 
	}
.index_event_list .timeline .item { margin-top:40px; position:relative; z-index:2; }
	.index_event_list .timeline .item:first-child { margin-top:0; }
.index_event_list .timeline_date { 
	position:absolute; top:0; left:0; background-color:#4a4a4a; padding:0 30px; 
	line-height:40px; color:#fff; font-size:0.9rem; font-family:'Georgia', serif;
	-webkit-border-radius: 10px 0 10px 0;
	-moz-border-radius: 10px 0 10px 0;
	border-radius: 10px 0 10px 0;
	}
.index_event_list .timeline_date > span { display:block; }
.index_event_list .timeline_date::before { 
	content:''; display:block; position:absolute; top:50%; width:8px; height:8px; margin-top:-4px; 
	background-color:#4a4a4a; z-index:3; 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.index_event_list .timeline_date::after { 
	content:''; display:block; position:absolute; top:50%; width:16px; height:16px; margin-top:-8px; 
	background-color:#f7f6f4; z-index:2; 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.index_event_list .timeline_date > span::after { 
	content:''; display:block; position:absolute; top:50%; height:2px; margin-top:-1px; 
	background-color:#4a4a4a; 
	}

.index_event_list .timeline_cont { 
	background-color:#fff; padding:50px 20px 20px 20px; 
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.15);
	box-shadow: 0 0 20px rgba(0,0,0,0.15);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.index_event_list .timeline_cont li { border-top:1px solid #dfdfdf; }
	.index_event_list .timeline_cont ul li:first-child { border-top:0; padding-top:0; }
	.index_event_list .timeline_cont ul li:last-child { padding-bottom:0; }
.index_event_list .timeline_cont .category img { display:block; max-width:100%; }
.index_event_list .timeline_cont .category span { 
	display:inline-block; padding:0 10px; margin-bottom:5px; 
	font-family:'Noto Serif TC', 'Times New Roman', serif; color:#fff; line-height:36px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.index_event_list .timeline_cont .title { font-weight:500; letter-spacing:0.05em; }
.index_event_list .timeline_cont .period, 
.index_event_list .timeline_cont .place, 
.index_event_list .timeline_cont .view {
	 margin-top:5px; padding-left:1.33em; position:relative; font-size:0.9rem; color:#9a9a9a; letter-spacing:0.05em; line-height:150%; 
	}
.index_event_list .timeline_cont .place::before, 
.index_event_list .timeline_cont .period::before, 
.index_event_list .timeline_cont .view::before { 
	content:''; display:block; position:absolute; top:50%; left:0; width:22px; height:22px; margin-top:-11px; 
	background:url(../images/icon_index_event_search.png) no-repeat; background-size:cover;
	}
.index_event_list .timeline_cont .period { font-family:'Oswald', sans-serif; }
.index_event_list .timeline_cont .period::before { background-position:0 50%; }
.index_event_list .timeline_cont .place { display:inline-block; }
.index_event_list .timeline_cont .place::before { background-position:0 75%; }
.index_event_list .timeline_cont .view { display:inline-block; font-family:'Georgia', serif; }
	.index_event_list .timeline_cont .place + .view { margin-left:15px; }
.index_event_list .timeline_cont .view::before { background-position:0 100%; }

.index_event_list .timeline_cont .btns .status > span, .index_event_list .timeline_cont .btns .detail > a { 
	display:inline-block; padding:0 10px; position:relative; 
	font-family:'Noto Serif TC', 'Times New Roman', serif; line-height:36px; color:#fff; letter-spacing:0.05em; white-space:nowrap;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.index_event_list .timeline_cont .btns .status > span { padding:0 10px; background-color:#004d47; }
.index_event_list .timeline_cont .btns .status.close > span { background-color:#d1d1d1; color:#878686; }
.index_event_list .timeline_cont .btns .detail > a { 
	padding:0 10px 0 35px; background-color:#a68728; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.index_event_list .timeline_cont .btns .detail > a::after { 
	content:''; display:block; position:absolute; top:50%; left:10px; width:16px; height:16px; margin-top:-8px; 
	background:url(../images/icon_index_event_search.png) no-repeat 0 0; background-size:cover;
	}
.index_event_list .timeline_cont .btns .detail > a:hover, .index_event_list .timeline_cont .btns .detail > a:focus { 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	opacity:0.9;
	}