@charset "utf-8";
/* CSS Document */
body { background-color:#f2f2f2; }
@media screen and (max-width: 1449px) {
#Menu > div { padding-left:65px !important; padding-right:65px !important; }
}

/*----------------------------------------------------------------------*/
/* Key visual */
#KeyVisual .bx-viewport { z-index:9997; position:relative; zoom:1; }
#KeyVisual { position:relative; z-index:9998; overflow:hidden; max-width:1320px; margin:0 auto; clear:both; }
#KeyVisual > div { padding:0 5px; }
#KeyVisual .bx-wrapper { position: relative; margin: auto; padding:0; *zoom:1; }
#KeyVisual .bx-wrapper img { width:100%; }
	/* 修改Key visual圖片載入時Slider高度過高問題 */
	#KeyVisual .bxSlider_list { position:relative; }
	/* 不顯示子項目 */
	ul.bxSlider_list li { float:left; list-style:none; position:relative; display:none; }
	/* 顯示第一筆項目 */  
	ul.bxSlider_list li:first-child { display:block; }
	/* 當JS執行時顯示全部 */
	div.bx-viewport ul.bxSlider_list li { display:block; }
#KeyVisual .bxSlider_list li { width:100%; background-color:#fff; }
#KeyVisual .bxSlider_list li img { 
	width:100%; height:auto; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}
#KeyVisual .bxSlider_list li a { 
	display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000; 
	}
#KeyVisual .bxSlider_list li a:hover + img, #KeyVisual .bxSlider_list li a:focus + img { opacity:0.7; transform: scale(1.03); }
#KeyVisual .bxSlider_list li a:focus { outline:0; }
#KeyVisual .bxSlider_list li a:focus::after { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:4px dashed #e60012; box-sizing:border-box; 
	}

/*#KeyVisual .bxSlider_list li { width:100%; }
#KeyVisual .bxSlider_list li img { width:100%; height:auto; }
#KeyVisual .bxSlider_list li a { display:block; position:absolute; top:0; left:0; width:100%; height:100%; }*/

/* DIRECTION CONTROLS (NEXT / PREV) */
#KeyVisual .bx-wrapper .bx-controls-direction a { 
	display: inline-block; position:absolute; top:50%; width:40px; height:54px; margin-top:-27px; text-indent:-10000px; z-index:9998; 
	}
#KeyVisual .bx-wrapper .bx-prev { background: url("../images/icon_slider.png") no-repeat 0 0; }
#KeyVisual .bx-wrapper .bx-next { background: url("../images/icon_slider.png") no-repeat -40px 0; }
#KeyVisual .bx-wrapper .bx-controls-direction a.disabled { display: none; }


/*----------------------------------------------------------------------*/
/* IndexBtn */
#IndexBtn { max-width:1440px; margin-left:auto; margin-right:auto; overflow:hidden; z-index:10002; position:relative; clear:both; }
#IndexBtn ul { padding:10px 10px 0 10px; box-sizing:border-box; text-align:right; }
#IndexBtn ul li { display:inline-block; box-sizing:border-box; }
#IndexBtn ul li a { 
	display:block; position:relative; text-align:center;  
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
#IndexBtn ul li a img { width:100%; }

#IndexBtn ul li a span { 
	display:block; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:2px solid #868686; color:#000; font-size:16px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	}
#IndexBtn ul li a span:hover { 
	background-color:#e60012; border:2px solid #e60012; color:#fff; 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}


/*----------------------------------------------------------------------*/
/* 首頁區塊 */
.IndexBlock { padding:0 15px; overflow:hidden; position:relative; z-index:10001; }
.IndexBlock > div { max-width:1320px; margin:0 auto; position:relative; }
.IndexBlock > div > .title { overflow:hidden; width:100%; position:relative; }
.IndexBlock > div > .title img { height:100%; display:none; }
.IndexBlock > div > .title::before { content:''; position:absolute; top:0; left:10px; display:block; height:100%; border-left:1px solid #dfdfdf; }
.IndexBlock > div > .title::after { content:''; position:absolute; bottom:22px; left:0; display:block; width:100%; border-bottom:1px solid #dfdfdf; }
.IndexBlock > div > .title span { position:relative; z-index:1; display:block; padding-left:15px; font-size:36px; }
.IndexBlock > div > .title span:first-letter { font-size:45px; }
.IndexBlock .btn_more { position:absolute; right:0; z-index:9999; }
.IndexBlock .btn_more a { 
	display:block; background-color:#fff; margin:0 auto; width:60px; height:32px; line-height:32px; 
	color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; 
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
	}
.IndexBlock .btn_more a:hover { background-color:#e60012; color:#fff; }

/* theme1 */
.IndexBlock.theme1 .title { top:0; left:0; }
.grid-item { 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}
.grid-item img { 
	width:100%; 
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
	}
.grid-item img:hover { opacity:0.85; }
/*.grid-item--width2 { width:400px; }*/

.grid-item a { display:block; width:100%; height:100%; min-height:60px; position:relative; text-decoration:none; }
.grid-item a:focus { border:1px solid #000; }
.grid-item a span { display:block; }
.grid-item a span.list_title { color:#000; text-decoration:none; }

/* theme2 */
.IndexBlock.theme2 { background-color:#f3f3f3; }
.IndexBlock.theme2 .bx-wrapper { padding-top:10px; position:relative; }
.IndexBlock.theme2 .bxSlider_list { position:relative; z-index:9997; }
.IndexBlock.theme2 .bxSlider_list li > * { display:block; }
.IndexBlock.theme2 .list_title { padding-bottom:10px; font-size:24px; color:#000; line-height:30px; text-decoration:none; }
.IndexBlock.theme2 .list_title:hover { color:#e60012; }
.IndexBlock.theme2 .desc { font-size:16px; line-height:30px; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.IndexBlock.theme2 .bx-wrapper .bx-controls-direction a { 
	display: inline-block; position:absolute; top:50%; width:50px; height:50px; margin-top:-25px; background-color:#000; text-indent:-9999px; z-index:9998; 
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	-webkit-transition:background 0.3s ease;
	-moz-transition:background 0.3s ease;
	-o-transition:background 0.3s ease;
	transition:background 0.3s ease;
	}
.IndexBlock.theme2 .bx-wrapper .bx-controls-direction a:hover { background-color:#e60012; }
.IndexBlock.theme2 .bx-wrapper .bx-prev { 
	background: url("../images/icon_slider2.png") no-repeat center center; left:0; 
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	}
.IndexBlock.theme2 .bx-wrapper .bx-next { background: url("../images/icon_slider2.png") no-repeat center center; right:0; }
.IndexBlock.theme2 .bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* theme3 */
.IndexBlock.theme3 .news_list { box-sizing:border-box; }
.IndexBlock.theme3 .news_list .item { 
	margin:0 auto; background-color:#fff; 
	-webkit-transition:border 0.4s ease;
	-moz-transition:border 0.4s ease;
	-o-transition:border 0.4s ease;
	transition:border 0.4s ease;
	}
.IndexBlock.theme3 .news_list .item::after { display:block; content:''; clear:both; }
.IndexBlock.theme3 .news_list .item a { display:block; width:100%; color:#000; text-decoration:none; position:relative; }
.IndexBlock.theme3 .news_list .item a span { display:block; }
.IndexBlock.theme3 .news_list .item a span.img { background-size:cover; background-position:center center; background-repeat:no-repeat; }
.IndexBlock.theme3 .news_list .item a span.img img { width:100%; }
.IndexBlock.theme3 .owl-wrapper.width_narrow { transform:none !important; }

/* theme4 */
.IndexBlock.theme4 .news_list2 { box-sizing:border-box; height:180px; overflow:hidden; }
.IndexBlock.theme4 .news_list2.owl-carousel { height:auto; overflow:visible; }
.IndexBlock.theme4 .news_list2 .item { 
	margin:0 auto; 
	-webkit-transition:border 0.4s ease;
	-moz-transition:border 0.4s ease;
	-o-transition:border 0.4s ease;
	transition:border 0.4s ease;
	}
.IndexBlock.theme4 .news_list2 .item::after { display:block; content:''; clear:both; }
.IndexBlock.theme4 .news_list2 .item a { display:block; width:100%; color:#000; text-decoration:none; position:relative; }
.IndexBlock.theme4 .news_list2 .item a span { display:block; }
.IndexBlock.theme4 .news_list2 .item a span.img { 
	background-size:cover; background-position:center center; background-repeat:no-repeat; float:left; width:120px; height:96px; margin:0 10px 10px 0; 
	}
.IndexBlock.theme4 .news_list2 .item a span.img img { width:100%; }
.IndexBlock.theme4 .news_list2 .item a span.list_title { 
	padding-right:10px; font-size:16px; 
	}
.IndexBlock.theme4 .news_list2 .item a span.list_desc { 
	padding-right:10px; margin-top:5px; font-size:14px; color:#757575; box-sizing:border-box; clear:left; 
	}
.IndexBlock.theme4 .owl-wrapper.width_narrow { transform:none !important; }

/* theme5 */
.IndexBlock.theme5 { max-width:1320px; margin:0 auto; padding-top:5px; }
.IndexBlock.theme5::after { content:''; display:block; width:100%; clear:both; }
.IndexBlock.theme5 .item { float:left;  box-sizing:border-box; padding:5px; }
.IndexBlock.theme5 .item > div { position:relative; }
.IndexBlock.theme5 .item > div::after { 
	content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:1;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}
.IndexBlock.theme5 .item:hover > div::after { background-color:rgba(0,0,0,0.1); }
.IndexBlock.theme5 .event > div::after, .IndexBlock.theme5 .apply > div::after { 
	height:60%;
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%) !important; /* W3C */
	}

.IndexBlock.theme5 .item .img { background-size:cover; background-repeat:no-repeat; background-position:center center; }
.IndexBlock.theme5 .item .img img { width:100%; }

.IndexBlock.theme5 .item .cont { position:absolute; left:0; bottom:0; width:100%; height:100%; box-sizing:border-box; z-index:2; }
.IndexBlock.theme5 .event .cont, .IndexBlock.theme5 .apply .cont { padding:0 25px 20px 25px; height:auto; }
.IndexBlock.theme5 .item .cont .cat a, .IndexBlock.theme5 .item .cont .title, .IndexBlock.theme5 .item .cont .title a { 
	font-family:"Noto Sans TC", "Heiti TC", "黑體-繁", "Microsoft JhengHei", "微軟正黑體", sans-serif; color:#fff; text-decoration:none; text-shadow:2px 2px 4px rgba(0,0,0,0.8); 
	}
.IndexBlock.theme5 .item .cont .cat a { display:inline-block; border-bottom:4px solid #fff; margin-bottom:10px; line-height:175%; }
.IndexBlock.theme5 .item .cont .cat a:hover { color:#FF0; border-bottom:4px solid #FF0; }

.IndexBlock.theme5 .item .cont .title { margin-bottom:10px; line-height:135%; }
.IndexBlock.theme5 .item .cont .title a:hover { color:#FF0; }
.IndexBlock.theme5 .item .cont .title.btn { position:absolute; top:0; left:0; width:100%; height:100%; }
.IndexBlock.theme5 .item .cont .title.btn a { width:100%; height:100%; display:block; font-weight:500; text-align:center; }
.IndexBlock.theme5 .item .cont .title.btn a span { position:absolute; top:50%; left:0; width:100%; margin-top:-15px; }
.IndexBlock.theme5 .art_monthly .cont .title.btn span, .IndexBlock.theme5 .literature .cont .title.btn span { display:none; }

.IndexBlock.theme5 .item .cont .more a { 
	display:block; background-color:rgba(0,0,0,0.5); border:1px solid #fff; width:120px; height:36px; line-height:36px; 
	color:#fff; font-size:14px; text-align:center; text-decoration:none; 
	}
.IndexBlock.theme5 .item .cont .more a:hover { background-color:rgba(0,0,0,0.8); }


/*----------------------------------------------------------------------*/
/* 行事曆 */
#CalendarWrap { padding-bottom:15px; }
.CalendarTitle { font-family:Georgia, "Heiti TC", "黑體-繁", "Microsoft JhengHei", "微軟正黑體", sans-serif; font-size:150%; line-height:180%; text-align:center; margin-top:-20px; }
.Calendar { border-left:1px solid #cccccc; border-top:1px solid #cccccc; }
.Calendar .weekdays { 
	overflow:hidden; 
	background: -webkit-linear-gradient(top,  #ffffff 0%, #e3e3e3 100%); 
	background: -moz-linear-gradient(top,  #ffffff 0%, #e3e3e3 100%); 
	background: linear-gradient(to bottom,  #ffffff 0%, #e3e3e3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
	}
.Calendar .weekdays li { padding:5px 0; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; box-sizing:border-box; text-align:center; font-size:87.5%; }
.Calendar .weekdays li.sunday, .Calendar .weekdays li.saturday { color:#de0000; }

.Calendar .days li { padding:10px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; box-sizing:border-box; position:relative; }
	.Calendar .days li.today { 
		border-right:2px solid #008edd; border-bottom:2px solid #008edd; 
		-moz-box-shadow: inset 1px 1px 10px #e3e3e3, inset -1px -1px 10px #e3e3e3;
		-webkit-box-shadow: inset 1px 1px 10px #e3e3e3, inset -1px -1px 10px #e3e3e3;
		box-shadow: inset 1px 1px 10px #e9e9e9, inset -1px -1px 10px #e9e9e9, 0 0 10px #b2b2b2;
		}
	.Calendar .days li.today::before { content:''; border-left:2px solid #008edd; position:absolute; top:0; height:100%; }
	.Calendar .days li.today::after { content:''; border-top:2px solid #008edd; position:absolute; left:0; width:100%; }
	.Calendar .days li.other_month { background-color:#f5f5f5; }

.Calendar .days li .date { font-family:Georgia, "Times New Roman", Times, serif; color:#d6d6d6; font-weight:bold; }
	.Calendar .days li.today .date { color:#008edd; }

.Calendar .days li .cont { font-size:93.75%; }
.Calendar .days li .cont a { display:block; text-decoration:none; color:#000; line-height:150%; }
.Calendar .days li .cont a:hover { text-decoration:underline; color:#008edd; }
	.Calendar .days li.other_month .cont a { color:#969696 !important; }

.Calendar .days li .more a { 
	display:inline-block; background-color:#ececec; padding:4px 10px; margin-top:10px; color:#818181; font-size:81.25%; text-decoration:none; line-height:150%; 
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	transition:all 0.5s ease;
	}
.Calendar .days li .more a:hover { background-color:#e60012; color:#fff; }


/*----------------------------------------------------------------------*/
/* 首頁相關連結 */
.index_links { overflow:hidden; padding:30px 0 0; }
.index_links:after { content:''; display:block; width:100%; clear:both; }
.index_links li { float:left; margin:0 8px 15px 7px; }
.index_links li img:hover {
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
	}