@import url('/css/animate.css');.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

/* sub_banner */
#sub_banner{width:100%;height:430px;padding-top:90px}
#sub_banner:after{position:absolute;width:100%;height:100%;background:rgb(0 0 0 / 0%);top:0;left:0;z-index:1;content:"";opacity:1}
#sub_banner:after{background:-webkit-linear-gradient(top,rgb(255 255 255) 10%,rgb(255 255 255 / 0%) 10%);opacity:1}
#sub_banner a{height:100%;background:no-repeat 50% 50% / cover}
header{background:-webkit-linear-gradient(rgb(0 0 0 / 0%),rgb(0 0 0 / 0%))}

/* wrap */
#wrap{z-index:2;padding:3rem 0 3rem 0;position:relative;min-height:400px;background:-webkit-gradient(linear,left bottom,left top,from(#f3f3f3),to(#f7f7f7));background:linear-gradient(to top,#f3f3f3 0%,#f7f7f7 100%)}


/* top_title */
#top_title{margin-bottom:50px;margin:1rem 0rem 1rem 0rem;padding:0 0 1rem 0;border-bottom:1px solid #ccc;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;padding:10px 15px}
#top_title .pag_tit{text-align:center;padding:0;font-size:26px;letter-spacing:2px;font-weight:500;color:#333 !important;line-height:1;margin-bottom:0}
#top_title .pag_tit::first-letter{color:var(--primary)}

/* waylink */
.waylink ol{text-align:center;display:flex;align-items:center}
.waylink ol li,.waylink ol li a{letter-spacing:0.5px;font-weight:300;font-size:12px;vertical-align:inherit}
.waylink ol li:after{margin:0 6px;display:inline-block;font-weight:100;font-size:12px;content:"/"}
.waylink ol li:last-child:after{margin:0;content:""}

/* aside */
aside{margin:1vw auto 3vw}
aside #sidebtn{padding:10px 20px;width:calc(100% - 40px);z-index:2}
aside #sidebtn:before{position:absolute;width:100%;height:100%;background:rgba(var(--white-rgb),.1);top:0;left:0;transition:.4s cubic-bezier(.23,1,.32,1);content:""}
aside #sidebtn i{top:calc((100% - 16px) / 2);right:20px}
aside >ul >li b[data-action="sideOpen"]{position:absolute;padding:5px 20px;display:block;top:calc((100% - 42px) / 2);right:0;cursor:pointer}
aside >ul >li b[data-action="sideOpen"] i:before{content:"\f067"}
aside >ul >li[data-type="2"] b[data-action="sideOpen"] i:before{content:"\f068"}
aside >ul >li{margin:0 10px}
aside >ul >li h4 a{padding:10px 20px;font-weight:600;font-size:17px;letter-spacing:1.2px;color:#656565;font-family:'Montserrat',sans-serif}
aside >ul >li.action h4 a{color:var(--primary);border:1px solid var(--primary)}
aside >ul >li ul.subUL{position:absolute;width:170px;background:rgb(29 29 29 / 76%);left:calc(50% - 85px);z-index:5;opacity:0}
aside >ul >li ul.sub2UL{margin-left:10px}
aside >ul >li ul.subUL li >div{position:relative}
aside >ul >li ul.subUL li a{padding:10px 10px;display:block;color:#fff;text-align:center}
aside >ul >li ul.subUL li [data-action="sideOpen"]{display:none}
aside >ul >li ul.sub2UL li a{color:var(--complement)}


/* content_wrap */
#content_wrap{padding-bottom:1vw;padding-top:1vw}
#content_wrap #Onlinetime{padding-bottom:10px;margin-bottom:0px;font-weight:500;color:var(--info);padding:10px 15px}
.articleTitle{clear:both;margin-bottom:20px;font-size:24px;font-weight:700;color:#535353;text-align:center}
.newsDate{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:15px}
.newsDate strong,.newsDate b{display:inline-block;font-weight:400;color:#6e6e6e;letter-spacing:0}
.newsDate strong::before,.newsDate b::before{content:"";display:inline-block;vertical-align:middle;width:1px;height:10px;margin:0 15px;background-color:currentColor;opacity:0.6}
.titleArea .newsDate{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.titleArea .newsDate .classTitle{display:inline-block;line-height:25px;padding:0 15px;border-radius:30px 30px 30px 0;font-size:15px;color:#fff;background-color:#003ca6}
.titleArea .newsDate + .articleTitle{margin-top:10px}
.news_wrap #describe{max-width: 1030px;margin:0 auto}

/* list_box */
.list_box li{margin-top:20px;margin-bottom:20px}
#article_list .info_box{background-color:#ffffff}
.list_box li h3{height:30px;font-weight:400;font-size:17px;color:#000}
#book_list li h3{color:#fff}

/* describe */
#describe{margin-bottom:1vw;font-size:17px;line-height:1.8;color:#535353}
#describe *{vertical-align:bottom}


/* article_list */
#article_list img{height:350px}
#article_list .info_box{padding:25px 30px}
#article_list .info_box article{font-weight:300}

/* news_list */
#news_list li{height:100%;border-radius:30px 30px 30px 0;background-color:#fffbf3;overflow:hidden;box-shadow:4px 7px 30px #d4d3d3b5}
#news_list li img{height:300px}
#news_list li .info_box{padding:30px;width:calc(100% - 60px);background-color:#fff}
#news_list li .info_box p *{font-weight:500;font-size:15px;color:#525252;font-family:"Montserrat",sans-serif}
#news_list li .info_box p a{max-width:calc(100% - 82px);height:23px;font-weight:400;z-index:2;margin:0px 10px 0px 0px;display:inline-block;line-height:140%;padding:3px 15px;border-radius:30px 30px 30px 0;font-size:15px;color:#ffffff;background-color:#003ca6}

/* book_list */
#book_list .row img{height:400px}
#book_list .row .info_box{padding:100px 15px 40px;width:calc(100% - 30px);background:-webkit-linear-gradient(top,transparent 0,rgba(var(--black-rgb),.01) 2%,rgba(var(--black-rgb),.8) 90%);background:linear-gradient(to bottom,transparent 0,rgba(var(--black-rgb),.01) 2%,rgba(var(--black-rgb),.8) 90%);bottom:0;left:0}

/* album_list */
#album_list{margin-bottom:5vw;display:grid;grid-gap:15px;grid-template-columns:repeat(3,1fr)}
#album_list >div{margin-bottom:15px}
#album_list >div .d_block{display:inline-block}
#album_list >div .d_block p{font-size:16px;margin:10px;color:#000}

/* faq_list */
#faq_list li{margin-bottom:20px}
#faq_list li .title{padding:10px 5px 10px 5px;background:#3330;margin-bottom:15px;border-bottom:1px dashed #ccc}
#faq_list li .title label{padding:0 0 0 10px;width:40px}
#faq_list li .title font{width:calc(100% - 50px);font-size:18px}
#faq_list li .info{padding:15px 35px 15px 35px;font-size:14px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
#faq_list li .info .expSpan{letter-spacing:0.5px;line-height:190%;position:relative;font-size:16px;display:flex;justify-content:flex-start;padding:0 0 15px 0}
#faq_list li .info .expSpan .routeSpan{width:100px;color:var(--secondary)}
#faq_list li .info .expSpan .busSpan{width:20px;color:var(--primary);font-family:'Noto Sans TC','Noto Sans TC',serif}
#faq_list li .info .expSpan p{word-break:break-word;width:calc(100% - 30px);font-family:'Noto Sans TC','Noto Sans TC',serif;color:#2a2a2a;letter-spacing:0}

/* pagenav */
#pagenav{padding:30px 0 20px}
#pagenav a,#pagenav strong{margin:0 10px;display:inline-block;font-weight:400;vertical-align:middle}
#pagenav a:first-child,#pagenav a:last-child{line-height:9px}
#pagenav strong{color:var(--primary)}
#pagenav a[class^="page-"]{float:left;width:calc(50% - 20px);display:block}
#pagenav a[class^="page-"] font{width:calc(100% - 22px);display:inline-block;vertical-align:text-top}
#pagenav a[class^="page-"] i{margin:0 10px 0 0;display:inline-block}
#pagenav a.page-next{float:right;text-align:right}
#pagenav a.page-next font{text-align:right}
#pagenav a.page-next i{margin:0 0 0 10px}

/* form_box */
.form_box{margin-top:50px}
.form_box .nowrap_box{display:flex;margin-left:-10px;margin-right:-10px;flex-direction:row;flex-wrap:wrap;align-items:center}
.form_box p{margin-bottom:30px;width:calc((100% / 2) - 40px);margin-right:30px}
input,textarea{padding:10px 10px;background-color:#fafafa;width:calc(100% - 20px);min-height:50px;padding:0 15px;border:1px solid #ececec;border-radius:30px 30px 0;background-color:#fff}
.form_box p.g-ml-12{width:calc((100% / 1) - 40px)}
.form_box p select{background:url(/images/39/arrow2.png) no-repeat scroll 100% center #fafafa;background-repeat:no-repeat;background-position:98% 50%;padding:15px 10px;min-height:50px;padding:0 15px;border:1px solid #ececec;border-radius:30px 30px 0;background-color:#fff}
.form_box input#Checknum{margin-right:10px;width:160px}
.form_box #btnOK{padding:5px 10px;width:250px;color:#fff}


.btnWrap .btn{display:inline-block;width:180px;height:38px;line-height:38px;font-size:16px;letter-spacing:1.5px;color:#3a3a3a;text-align:center;background-color:#eaeaea;margin-right:10px}
.btnWrap a.btn:hover{color:#fff;background-color:var(--primary)}
.btnWrap{display:flex;align-items:center;justify-content:center;border-top:2px solid #e0e0e0;padding-top: 30px;margin-top: 30px;}

/* g-map */
#g-map{position:relative;margin:0;width:100%}
#g-map a{z-index:10}
#g-map:before{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;content:""}
#g-map iframe{position:relative;width:100%;height:340px;z-index:1}

@media screen and (min-width: 1281px) {
    aside >ul{padding:0 15px}
	aside >ul >li{overflow:hidden;position:relative;display:inline-block}
	aside >ul li b[data-action="sideOpen"]{display:none}
	aside >ul >li:hover{overflow:visible}
	aside >ul >li:hover h4 a{color:var(--primary)}
	aside >ul >li:hover ul.subUL{opacity:1}
	#news_list li:hover .info_box{bottom:30px}
	#book_list li:hover .info_box{padding-bottom:60px}
	#sub_banner:before{content:'';position:absolute;height:40%;width:450px;top:-90px;left:0;background:var(--primary);z-index:2;transform:rotate(360deg) translateX(-155px);border-radius:120px 120px 120px 170px}
	#wrap::before{content:"";position:absolute;top:-50px;right:360px;z-index:-1;width:7px;height:7px;background-color:rgba(160,160,160,0.15);-webkit-box-shadow:0px 0px rgba(160,160,160,0.15),0px 22px rgba(160,160,160,0.15),0px 44px rgba(160,160,160,0.15),0px 66px rgba(160,160,160,0.15),0px 88px rgba(160,160,160,0.15),0px 110px rgba(160,160,160,0.15),0px 132px rgba(160,160,160,0.15),0px 154px rgba(160,160,160,0.15),0px 176px rgba(160,160,160,0.15),22px 0px rgba(160,160,160,0.15),22px 22px rgba(160,160,160,0.15),22px 44px rgba(160,160,160,0.15),22px 66px rgba(160,160,160,0.15),22px 88px rgba(160,160,160,0.15),22px 110px rgba(160,160,160,0.15),22px 132px rgba(160,160,160,0.15),22px 154px rgba(160,160,160,0.15),22px 176px rgba(160,160,160,0.15),44px 0px rgba(160,160,160,0.15),44px 22px rgba(160,160,160,0.15),44px 44px rgba(160,160,160,0.15),44px 66px rgba(160,160,160,0.15),44px 88px rgba(160,160,160,0.15),44px 110px rgba(160,160,160,0.15),44px 132px rgba(160,160,160,0.15),44px 154px rgba(160,160,160,0.15),44px 176px rgba(160,160,160,0.15),66px 0px rgba(160,160,160,0.15),66px 22px rgba(160,160,160,0.15),66px 44px rgba(160,160,160,0.15),66px 66px rgba(160,160,160,0.15),66px 88px rgba(160,160,160,0.15),66px 110px rgba(160,160,160,0.15),66px 132px rgba(160,160,160,0.15),66px 154px rgba(160,160,160,0.15),66px 176px rgba(160,160,160,0.15),88px 0px rgba(160,160,160,0.15),88px 22px rgba(160,160,160,0.15),88px 44px rgba(160,160,160,0.15),88px 66px rgba(160,160,160,0.15),88px 88px rgba(160,160,160,0.15),88px 110px rgba(160,160,160,0.15),88px 132px rgba(160,160,160,0.15),88px 154px rgba(160,160,160,0.15),88px 176px rgba(160,160,160,0.15),110px 0px rgba(160,160,160,0.15),110px 22px rgba(160,160,160,0.15),110px 44px rgba(160,160,160,0.15),110px 66px rgba(160,160,160,0.15),110px 88px rgba(160,160,160,0.15),110px 110px rgba(160,160,160,0.15),110px 132px rgba(160,160,160,0.15),110px 154px rgba(160,160,160,0.15),110px 176px rgba(160,160,160,0.15);box-shadow:0px 0px rgba(160,160,160,0.15),0px 22px rgba(160,160,160,0.15),0px 44px rgba(160,160,160,0.15),0px 66px rgba(160,160,160,0.15),0px 88px rgba(160,160,160,0.15),0px 110px rgba(160,160,160,0.15),0px 132px rgba(160,160,160,0.15),0px 154px rgba(160,160,160,0.15),0px 176px rgba(160,160,160,0.15),22px 0px rgba(160,160,160,0.15),22px 22px rgba(160,160,160,0.15),22px 44px rgba(160,160,160,0.15),22px 66px rgba(160,160,160,0.15),22px 88px rgba(160,160,160,0.15),22px 110px rgba(160,160,160,0.15),22px 132px rgba(160,160,160,0.15),22px 154px rgba(160,160,160,0.15),22px 176px rgba(160,160,160,0.15),44px 0px rgba(160,160,160,0.15),44px 22px rgba(160,160,160,0.15),44px 44px rgba(160,160,160,0.15),44px 66px rgba(160,160,160,0.15),44px 88px rgba(160,160,160,0.15),44px 110px rgba(160,160,160,0.15),44px 132px rgba(160,160,160,0.15),44px 154px rgba(160,160,160,0.15),44px 176px rgba(160,160,160,0.15),66px 0px rgba(160,160,160,0.15),66px 22px rgba(160,160,160,0.15),66px 44px rgba(160,160,160,0.15),66px 66px rgba(160,160,160,0.15),66px 88px rgba(160,160,160,0.15),66px 110px rgba(160,160,160,0.15),66px 132px rgba(160,160,160,0.15),66px 154px rgba(160,160,160,0.15),66px 176px rgba(160,160,160,0.15),88px 0px rgba(160,160,160,0.15),88px 22px rgba(160,160,160,0.15),88px 44px rgba(160,160,160,0.15),88px 66px rgba(160,160,160,0.15),88px 88px rgba(160,160,160,0.15),88px 110px rgba(160,160,160,0.15),88px 132px rgba(160,160,160,0.15),88px 154px rgba(160,160,160,0.15),88px 176px rgba(160,160,160,0.15),110px 0px rgba(160,160,160,0.15),110px 22px rgba(160,160,160,0.15),110px 44px rgba(160,160,160,0.15),110px 66px rgba(160,160,160,0.15),110px 88px rgba(160,160,160,0.15),110px 110px rgba(160,160,160,0.15),110px 132px rgba(160,160,160,0.15),110px 154px rgba(160,160,160,0.15),110px 176px rgba(160,160,160,0.15)}
}

@media screen and (max-width:1280px){
	aside{position:relative;width:500px;margin:2vw auto 5vw}
	aside #sidebtn{display:inline-block;background:#e8e8e8}
	aside #sidebtn font{color:#2b2b2b}
	aside >ul{position:absolute;overflow:hidden;margin-top:1px;width:100%;height:0;background:rgba(var(--black-rgb),.85);top:0;left:0;z-index:1}
	aside >ul.open{height:auto;border-width:1px;top:50px;background-color:#f6f6f6}
	aside >ul >li{position:relative}
	aside >ul >li h4 a{padding:10px 15px}
	aside >ul >li ul.subUL{overflow:hidden;width:100%;height:0;background:rgb(232 232 232 / 40%);top:0;left:0}
	aside >ul >li.action h4 a{border:0px}
	aside >ul >li ul.subUL li a{color:#7b7b7b;text-align:left;padding:10px 16px}
	aside >ul.open >li[data-type="2"] >ul{position:relative;height:auto;top:auto;bottom:0;opacity:1}
	#news_list li img{height:230px}
	#sub_banner{padding-top:60px}
}

@media screen and (max-width:1024px){
	#article_list img{height:35vw}
	#sub_banner{height:390px}
	#sub_banner a{background-position:30% 50%}
	#top_title .pag_tit:before{display:none}
	#top_title .pag_tit{font-size:20px}
	#top_title{margin:0rem 0rem 1rem 0rem;padding:0 15px 10px 15px}
	.waylink ol{padding:10px 0 0px 0}
	#g-map,.content_box{width:100%;padding:0}
	#g-map iframe{height:260px}
}
@media screen and (max-width:761px){
	#book_list .row img{height:350px}
}
@media screen and (max-width:640px){
	#content_wrap{padding-bottom:1vw;padding-top:0}
	aside{width:100%;margin:3vw auto 8vw}
	#album_list{-moz-column-count:1;-webkit-column-count:1;column-count:1}
	.form_box input#Checknum{width:calc(100% - 90px)}
	#news_list li{margin-left:0;margin-right:0}
}

@media screen and (max-width:500px){
	#top_title .pag_tit:before{right:-224px}
	#wrap{padding:20px 0 3rem 0}
	#sub_banner{height:280px}
	#sub_banner a{background-position:30% 50%}
}