@charset "utf-8";
/* CSS Document */
html,body {
    padding: 0px; margin: 0px; min-height:100%; font-size:16px; color: #333; line-height:24px;		 
	font-family:  "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
a:link, a:visited {color: #007749; text-decoration: none;}
a:hover {color: #ff9f08; text-decoration: underline; }
.clear{clear:both}
.contextual-links-region{ position: static}
table{border-collapse: inherit; line-height:28px;}
table ul, table ol{ margin:0; }
img {border:0;}
div, ul li{ margin:0px auto; padding:0px;}
.wrap{ width:100%; min-height:100%;background:url(../images/bg.jpg);  }
.screen{ min-width:680px; max-width:1080px; position:relative; padding:0px 10px;}
.container{ height: auto; min-height:500px;   }
#front_cont{ padding:0;}
.container a{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;}
h1{ font-size:33px; color:#005e40}
h2{ font-size:24px; color:#00797f; padding-bottom:5px;  margin:0;}
h3{ font-size:21px; color:#333; margin:0; }
h4{ font-size:18px; margin:0px; color:#333}
h5{ font-size:18px; margin:0px; color:#fca222}
p{ margin:0px; padding:0px}
/* theme */

#FullPage .inner_content{ width:100%;}

#ad_float_ad {display: none; position: absolute;	z-index:4001; }
#ad_float_ad .ad_close_ad {
	display: block; background:url(../images/icon/btn_close.png) no-repeat; height:30px; width:30px; background-size:30px 30px;
	cursor: pointer; position:absolute; right:-5px; top:-10px;
	-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;
}
#ad_float_ad .ad_close_ad:hover {  transform: rotate(90deg);}

.special_news{ background:url(../images/icon/bg_box.png) #eb1f24; padding:5px; width:210px; box-shadow:0 0 3px rgba(0,0,0,.2)}
.title_special{ background:#fff; padding:1px 5px; color:#ea1e22; border-bottom:1px solid #ea1e22;}
.special_news .content{ background:#fff; padding:2px 5px; color:#333; font-size:13px;}
.special_news .content img{ max-width:100%;}
.highlight{ color:#F03}

/* Header */
.header{ background:#58c46d url(../images/bg_top.png) repeat top center; box-shadow: 0 0 5px rgba(0,0,0,.2);position: relative;z-index: 1;}
.header .logo{ float:left; margin:0px 0 ; padding:15px 0 0 0 ; text-shadow:0 0 3px rgba(0,0,0,.3)}
.header .logo img{ max-height:100px; float: left; }

.header .btn_Login{ position:absolute; top:0; right:0px; background:rgba(0,0,0,.3) url(../images/icon_login.png) no-repeat;background-position: 22px 19px; padding:12px 24px 12px 48px; box-shadow: 0 0 3px rgba(0,0,0,.4);}
.intranet{ text-transform:uppercase; color:#fff; font-size:17px; float:left; line-height:34px; padding:0 10px 0 0; }
.header input{ float: left; width:110px; background:#fff; border:0px solid #ddd; padding:2px; height:29px; margin-left:10px; box-shadow:inset 2px 2px 4px rgba(0,0,0,.2); font-size:12px; color:#666}
#login_btn{font-family: 'Oswald'; background:#ffa800; box-shadow:inset 0px 0px 0px rgba(0,0,0,0); color:#fff; text-transform:uppercase; height:33px; width:83px; font-size:15px; cursor:pointer}
#login_btn:hover{ background:#666; color:#fff}

#sumbit{font-family: 'Oswald'; background:#ffa800; box-shadow:inset 0px 0px 0px rgba(0,0,0,0); color:#fff; text-transform:uppercase; height:33px; width:83px; font-size:15px; cursor:pointer}
#sumbit:hover{ background:#666; color:#fff}


.header .links{ float:right; margin:65px 0 0 0; font-size:17px;}
.header .links ul{ list-style:none; margin:0; padding:0;flex-wrap: wrap;display: inline-flex;justify-content: space-between;gap: 12px;}
.header .links ul li{ float: left; margin:0 ; background-position: left center; }
.header .links ul li a{ padding:10px 0 14px 39px; display:block;color: #fff;font-size: 16px; background: url(../images/icon_home.png) no-repeat center left; }
.header .links ul li+li a{background: url(../images/icon_sitemap.png) no-repeat center left; }
.header .links ul li+li+li a{background: url(../images/icon_contact.png) no-repeat center left; }



.mobile_only{ display:none;}

.sitemap_icon{background:url(../images/icon_sitemap.png) no-repeat; background-size:25px auto;}
.contact-us{background:url(../images/icon_tel.png) no-repeat; background-size:25px auto;}

.name_tc{ float: left; color:#fff; font-size:24px; margin:13px 0 0 10px; font-weight:bold}
.name_en{ float: left; color:#fff; font-size:19.5px; font-weight: bold;
letter-spacing: -1px; margin:10px 0 0 10px; font-family: 'Fjalla One', "微軟正黑體"}

/* Menu */
#nav-wrap{ margin-top:5px; border-top-left-radius: 8px;border-top-right-radius: 8px;  border-top: 1px solid #fff; border-left:1px solid #fff; border-right:0px solid #fff;background: rgb(241,241,241);
background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); }
#nav-wrap:after{content: '';display: block;clear: both;}


.bg_left{background:url(../images/bg_left_shoadow.png) no-repeat; width:27px; height:36px; position:absolute; left: -17px; bottom:0; overflow:hidden}
.bg_right{background:url(../images/bg_right_shoadow.png) no-repeat; width:27px; height:36px; position:absolute; right: -17px; bottom:0; overflow:hidden}



@media screen and (max-width: 1280px) {.bg_left,.bg_right{ display:none}}

/* Search */
.search_result{ background:#f5f5f5; padding:5px;}
.search_result span{ color:#F00}
.search_listing ul{ list-style:none; margin:0; padding:0 }
.search_listing ul li{ margin:10px 0; padding:5px 0; border-bottom:1px dotted #ddd; color:#666 }
.search_listing ul li a{ font-size:19px; display:block; text-decoration:underline}
/* Banner */
.banner_area{ }
.slider{ float:left; width:68%; min-height:420px}
.sentense{  background:#f7f6f6; position:relative; text-align:center; box-shadow:0 0 3px rgba(0,0,0,.2);}
.sentense .area{ font-size:19px; color:#00643d; line-height:28px;  }
.sentense .icon_bb{background:url(../images/icon_bible.png) no-repeat left center; display:inline-table; padding:45px 0px 45px 70px; }

.left_main{ float: left; width: 76%;}
.right_main{ float: right; width: 22%;}


.latest_events{float:right; width:30%; background:#fff; border-radius:8px; border:3px solid #53c2f6; position:relative; box-shadow:0 0 3px rgba(0,0,0,.2); margin:20px 0 0 0;}
.latest_events .title{ background:url(../images/bg_latest_event.jpg) repeat-x #00a5e3 bottom ; color:#fff; padding:8px 0 23px 55px; font-size:19px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.latest_events .title span{ background:url(../images/icon_announce.png) ; width:47px; height:49px; position:absolute; left:5px; top:-5px;}
.latest_events .bottom_events{ background:url(../images/bg_latest_event_bottom.jpg) bottom repeat-x; height:30px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.latest_events .main_events_area{ padding:0px 15px;}
.main_events_area{ padding:0px;}
.main_events_area ul{ list-style:none; margin:0; padding:0;}
.main_events_area ul li{ }
.main_events_area ul li span{ color:#666; float: left; width:24%; text-align: center;}
.main_events_area ul li a{ display:block; padding:6px 0px;}
.main_events_area .content{float: left;}
.main_events_area .content img{ width:25px;}

/* Inner Area */
.inner_area{ padding:50px 0; }

.detail_btn{position:absolute; right:10px; top:10px; font-size:13px;}
.detail_btn a{ background:#fff; line-height:23px; display:block; padding:0 20px; color:#333}
.detail_btn a:hover{ background: rgba(0,0,0,.3); color:#FFF }

.latest_new{ position:relative; }
.news_tt{ float: left; width:22%; }
.news_right{ float: right; width:78%;}

.awards_right{ float: right; width:78%;position:relative;}

.news_right .area{ position:relative; background:#f9f9f9; padding:15px; box-shadow: 0 0 3px rgba(0,0,0,0.2)}
.latest_award .area{ position:relative; background:#f9f9f9; padding:15px 15px 5px 15px; box-shadow: 0 0 3px rgba(0,0,0,0.2)}


.latest_new .title{ padding:15px 0px 0 52px; color:#333; border-top:2px solid #08828a; margin:15px 0; font-size:23px; text-transform:uppercase; position:relative;} 
.latest_new ul{ list-style:none; margin:0; padding:0; }
.latest_new ul li{ border-bottom:1px solid #ddd; padding:8px 0; margin:1px 0  }

.latest_new ul li:nth-child(even) {background: #fff}
.latest_new ul li:nth-child(odd) {background: #f2f2f2}


.latest_new .title span{background:url(../images/icon_news.png) no-repeat; width:36px; height:31px; position: absolute; left:10px; top:10px;}

.latest_new ul li a{ display:block; padding:5px 0px; color:#1f8132}
.latest_new ul li a:hover{}
.latest_new .content{ position:relative; float:right; width:75%;}
.latest_new .datebox{ position:absolute; left:5px; top:5px; width:60px; box-shadow:0 0 3px rgba(0,0,0,.3)}
.latest_new .day { background:rgba(255,255,255,.85); font-size:25px; color:#007749; display:block; padding:11px 0; text-align: center;}
.latest_new .month { background:rgba(0,93,57,.7); font-size:13px; color:#fff; line-height:15px; display:block; padding:5px 0; text-align: center;}

.latest_new .more_area{  font-size:14px; float: left; margin:0 0 0 50px;}
.latest_new .more_area a{ background: #686868; line-height:23px; display:block; padding:2px 20px; color:#fff}
.latest_new .more_area a:hover{ background:#08828a }

.latest_new ul li:hover .day { background:rgba(255,255,255,1); }
.latest_new ul li:hover .month { background:rgba(0,93,57,1); }
.latest_new .month span { color:#fff;}
.latest_new .title_name{ text-align: center; padding:10px; background:#666; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;}
.latest_new ul li:hover .title_name{ color:#fff; background:#007749}
.latest_new .content img{ width:100%;}

.latest_award{ margin:50px 0 0 0; position:relative}
.latest_award .title{ padding:15px 0px 0 52px; color:#333; border-top:2px solid #ffa734; margin:15px 0; font-size:23px; text-transform:uppercase; position:relative;} 


.latest_new .title{ padding:15px 0px 0 52px; color:#333; border-top:2px solid #08828a; margin:15px 0; font-size:23px; text-transform:uppercase; position:relative;} 

.latest_award .title span{background:url(../images/icon_award.png) no-repeat; width:33px; height:34px; position: absolute; left:10px; top:10px;}

.latest_award .more_area{  font-size:14px; float: left; margin:0 0 0 50px;}
.latest_award .more_area a{ background: #686868; line-height:23px; display:block; padding:2px 20px; color:#fff}
.latest_award .more_area a:hover{ background:#08828a }

.latest_award ul{ list-style:none; margin:0; padding:5px 5px;background:#fff;}
.latest_award ul li{ border-bottom:1px dotted rgba(0,0,0,.2); font-size:15px}
.latest_award ul li a{ display:block; padding:10px 0px; color:#333}
.latest_award ul li:hover{ background:#efefef; }
.latest_award .content{ font-size:16px; color:#ffa734;}
.latest_award .content a{ color:#ffa734;}

.main_awards_area{ margin:0; padding:0;}
.main_awards_area ul{ margin:0 0 0 -1.5%; padding:0; list-style:none;}

.main_awards_area ul li{ width:30%; margin:0 0% 20px 2%; float:left; padding:0px 0.5% 15px 0.5%; background:#fff; box-shadow: 0 0 3px rgba(0,0,0,0.2)}
.main_awards_area ul li a{ border-top:2px solid #ffa734;}
.main_awards_area ul li img{ width:100%;}
.main_awards_area ul li a:hover{ text-decoration: none;}

.latest_award ul li span{ color:#333; float:none; display:block; font-size:15px;}

.latest_notices{ float: right; width:28%; background:#fff; border-top:3px solid #007749; position:relative; box-shadow:0 0 3px rgba(0,0,0,.2) }
.latest_notices .title{ font-size:21px; text-align: left; padding:10px 0px 10px 10px;}  
.latest_notices .title span{}
.latest_notices ul{ list-style:none; margin:0; padding:5px 10px;background:#fff;}
.latest_notices ul li{ border-bottom:1px dotted rgba(0,0,0,.2); font-size:15px}
.latest_notices ul li span{ color:#007749; float: left; padding:0 5px;}
.latest_notices ul li a{ display:block; padding:10px 0px; color:#333}
.latest_notices ul li a:hover{ background:#e2fff4; }
.latest_notices .content{float: left; max-width:70%;}
.latest_notices .content img{ display:none;}
.latest_notices .more_area{ font-size:13px; right:10px;}

.main_calendar{ position:relative; border-top:2px solid #ddd; position:relative; }

.main_calendar .news_tt{ position:relative; width:100%; float:none}

.main_calendar .title{ font-size:21px; text-align: left; padding:10px 0px 10px 42px; position:relative;} 
.main_calendar .title span{ position:absolute; left:5px; top:5px; display:inline-block; background:url(../images/icon_calendar.png) no-repeat; width:31px; height:32px;}

.main_calendar h2{ font-size:16px; font-weight:normal;}
.calendar_container{ padding:10px; min-height:180px; }
.calendar_container iframe{ width:100%; height:235px;}
.calendar_container iframe .view-container-border{ padding:0px;}

.main_calendar .detail_btn{right:0px; top:10px; }
.main_calendar .detail_btn a{ background:#ff9c00; color:#fff; }
.main_calendar .detail_btn a:hover{ background:#007749; color:#fff; }

.main_calendar .area{ padding:5px;}
.area_frame iframe{ height:280px; width:100%}



/* Main Userful Links */
.Userful_link_inside{ padding:0px 0 30px 0}
.Userful_link_inside .title{ display:none}
.Userful_link_inside ul{ list-style:none; margin:0 0 0 0; padding:0}
.Userful_link_inside ul li{  margin:0 0 5px 0}
.Userful_link_inside ul li img{ width:100%; box-shadow:0 0 3px rgba(0,0,0,.2)}
.Userful_link_inside ul li:hover img{ opacity:.7; box-shadow:0 0 3px rgba(0,0,0,.4)}

.Userful_link_outside{ padding:0px 0 30px 0}
.Userful_link_outside .title{ display:none}
.Userful_link_outside ul{ list-style:none; margin:0 0 0 -1.5%; padding:0}
.Userful_link_outside ul li{ float: left; width:15%; margin:0 0 15px 1.65%}
.Userful_link_outside ul li img{ width:100%; border-radius:6px; box-shadow:0 0 3px rgba(0,0,0,.2)}
.Userful_link_outside ul li:hover img{ opacity:.7; box-shadow:0 0 3px rgba(0,0,0,.4)}

.menu_area{ overflow:hidden}
/* Footer */
.footer_info{ background:url(../images/bg_footer.png) no-repeat center center; min-height:152px; padding:0px 0; box-shadow:0 -2px 2px rgba(0,0,0,.1) }
.logo_footer { float: left; width:49%; padding:15px 0 ; margin-top:12px; }
.logo_footer img { float: left; height:100px; }

.front_media{ background:url(../images/bg_front_album.png) #58c46d ; min-height:150px; padding:35px 0; }

.logo_footer .name_tc{ float: left; color:#333; font-size:19px; margin:5px 0 0 10px; font-weight:bold}
.logo_footer .name_en{ float: left; color:#126732; font-size:21px; margin:5px 0 0 10px; max-width:250px;} 


.contact_info{ float: right; width:35%; margin:0 2% 0 0; padding:20px 0; }
.links_footer{ float:right; width:30%;}
.contact_info span { color:#007749; padding:0 15px 0 0;}

.footer{  border-top:1px solid #a4cab2; color:#555; font-size:13px;}
.footer .screen{ padding:20px 15px;}
.footer .copyright{ float:left; width:49%; text-align: left}
.footer .copyright a{ color:#333}
.footer .power{ float:right; width:49%; text-align: right}
.footer .power a{ color:#333;}
.footer .power a:hover{ color:#ffc600;}

.liner {background:url(../images/bg_main_liner.png) no-repeat left; height:37px; background-size:cover; width:100% }

.cd-top {
  display: inline-block;  position: fixed; visibility: hidden;  opacity: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  height: 50px;  width: 50px;  bottom: 90px;  right: 30px;  
  overflow: hidden;  text-indent: 100%;  white-space: nowrap; border-radius:50%; border:2px solid #fff; box-shadow:0px 0px 5px #999;
  background: #fac217 url(../ddsmoothmenu/cd-top-arrow.svg) no-repeat center center;
  
}
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;
  background: #8ec63f  url(../ddsmoothmenu/cd-top-arrow.svg) no-repeat center center;
}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.cd-top.cd-fade-out { opacity: .5;}
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1;}

/* Nevigation */
.nevigation{ padding:10px 0px; font-size:13px; margin-bottom:20px; border-bottom:1px solid #ddd;  }
.nevigation .screen{ padding:0; }
.nevigation .home{ background:url(../images/icon/icon_home.png) no-repeat; background-position:0px 3px; display: block; padding-left:25px; }
.nevigation ul{ list-style: none; margin:0px; padding:0px; }
.nevigation ul .sp{ padding:0px 15px; color:#666 }
.nevigation ul li{ float: left; line-height:24px;  }
.nevigation ul li a{ color:#666; text-decoration: none }
.nevigation ul li a:hover{ text-decoration: underline ; color:#479a16}

/* Page Content */
.inner_content{ float:right; width:80%;  background:#fff; box-shadow: -4px 0 2px rgba(0,0,0,.1) }
.inner_content .main_content{ padding:10px 20px 30px 20px; min-height:500px; line-height:33px;}
.inner_content_full{ box-shadow:0 0 3px rgba(0,0,0,.2); background:#fff; padding-bottom:80px}
.inner_content_full .main_content{ padding:10px 20px 30px 20px; min-height:500px; line-height:33px; position:relative;}
.inner_content iframe{ width: 100%; min-height:360px;}
.inner_content img, .inner_content_full img{ max-width:100%;}
#inner_banner { background-position: center  top; background:url(../images/top_banner.png) center top; background-repeat: no-repeat;}
#inner_banner .title_t{ margin:0px; padding:100px 0; text-align: center; font-size:42px; color:#fff;  text-transform:uppercase; font-weight:normal; }
#inner_banner .title_t span{ text-shadow: 0 5px 10px rgba(255,255,255,.7);color:#00797f; border-top:2px solid #00797f; border-bottom:2px solid #ddd; padding:5px 10px; background:rgba(255,255,255,.7) } 

.Album{ margin:15px 0px;}
.Album .title{  color:#0f774d;  font-size:24px; padding:5px 10px; border-left:2px solid#0f774d; border-bottom:1px solid #ddd; margin-bottom:10px; }
.Album .description{ background:#f8f8f8; padding:10px; margin:20px 0; border:1px solid #ddd; }
.Album ul{ list-style:none; padding:0px; margin:0}
.Album ol{ margin:0px; padding:0 5px;}
.Album ul li{ text-align: center; margin:0 0 10px 0; }
.Album ul li img{ box-shadow:0 0 3px rgba(0,0,0,.5); }
.Album ul li:hover img{ box-shadow:0 0 3px rgba(0,51,204,.5)}
.Album ul li p{ margin:0px;  }

#Inner_Type_A{ }
#Inner_Type_A .title{  }
#Inner_Type_A ul{ margin:0; }

#Inner_Type_A ol li{ float: none; width:100%; margin:0 0 5px 2%; }
#Inner_Type_A li{ float:left; width:31%; margin:0 0 15px 2%; }
#Inner_Type_A li img{ max-width:100%; height:200px  }
#Inner_Type_A li p{  }

#Inner_Type_B{padding:0px; background:none }
#Inner_Type_B .title{ margin-left:0px; }

#Inner_Type_B ul{  padding:0;}
#Inner_Type_B li{ float:none; width:100%; margin:0 0 15px 0%; text-align: center;}
#Inner_Type_B li img{ max-width:100%; height:auto }

#Inner_Type_C {padding:0px; }
#Inner_Type_C ul{ margin:20px 0px; padding:0px;}
#Inner_Type_C li{ float:none; margin:0 0 15px 0%; width:100%; text-align: left; clear:both; padding:0}
#Inner_Type_C li img{ width:100%; height: auto; text-align: center; margin:0; border:1px solid #fff; box-shadow:0 0 3px rgba(0,0,0,.2)}
#Inner_Type_C li .title_des{ width:40%; float:left; }
#Inner_Type_C li .right_desc{ float: right; width:60%; line-height:33px; width:55%; text-align: left; }
#Inner_Type_C li p{ margin-bottom:10px;}

.school_video{width:40%; float:left;}
.school_video video { width:100%; height:280px;}


#Inner_Type_D { background:none}
#Inner_Type_D ul{ margin:15px 15px 30px 15px; padding:0px; }
#Inner_Type_D li{ float:none; margin:0 0 15px 0%; width:100%; text-align: left; clear:both; padding:0}

#Inner_Type_F { background:none}
#Inner_Type_F ul{ margin:0; padding:0; list-style:none;}
#Inner_Type_F li{ float:none; margin:0 0 15px 0%; width: auto; text-align: left; clear:both; padding:0}
#Inner_Type_F li iframe{ height:650px;}

.download_area{  margin:15px 0px;}
.download_area .title{  color:#0f774d;  font-size:23px; margin-bottom:20px; }
.download_area .description{ background:#fff; padding:10px; margin:20px 0; border:1px solid #0076c0; line-height:21px;}
.download_area ul{ list-style:none; margin:0; padding:0px;}
.download_area ul li{ float:left; width:31%; margin:0 0 15px 2%; text-align: left;}
.download_area ul li a{ background:url(../images/icon/icon_download.png) no-repeat left; background-position:3px 5px; padding:8px 0 3px 30px; line-height:19px; color:#555; background-size:23px 23px; display:block;}
.download_area ul li a:hover{ background:url(../images/icon/icon_download.png) no-repeat left; background-position:3px 8px; color:#666;background-size:23px 23px}


/* Subject Template */
.subject_category{}
.subject_category ul{ list-style:none; margin:0 0 0 -1.5%; padding:0px;}
.subject_category ul li{ float:left; width: 31%; margin:0 0 30px 2%; padding:0;}
.subject_category ul li img{ box-shadow:0 0 3px rgba(0,0,0,.3); border:1px solid #fff; margin:0;}
.subject_category ul li:hover img{ box-shadow:0 0 3px rgba(0,51,204,.3); border:1px solid #0083ca;}
.subject_category p{ color:#0083ca;  border-bottom:1px solid #0083ca; margin:0px 0 0 0px; padding:0px 5px; text-align: center;}
.subject_category a{ }
.subject_category a:hover p{ border-bottom:1px solid #0083ca; background:#0083ca; color:#fff; }
.subject_category a:hover{ text-decoration:none}

/* Information Template */

#notice .sub_category{ display:none;}

.sub_category{ margin:10px 0;}
.sub_category ul{ list-style:none; padding:0px; margin:0px; }
.sub_category ul li{ float:left; margin-right:15px;}
.sub_category ul li a{ padding:10px 28px; display:block; color:#0e838b; background: #fff; font-size:15px; line-height:19px; border:1px solid #0e838b; }
.sub_category ul li a:hover{ background: #dbeeef;  border:1px solid #0e838b; }
.sub_category ul li a.current{ background: #0e838b ; color:#fff; border:1px solid #0e838b ; }
#pages{ float:right; margin:15px 0px 0 ; clear: both; font-size:12px;}
.pages_page{ float:left;padding:0px 10px 0 0;}
#pages ul{ float: left; list-style:none; min-height:17px; margin:0px; padding:0px;}
#pages ul li{  float: left; margin:0px 5px 0px 5px;}
#pages ul li a{ line-height:25px; height:25px; width:25px; display: inline-block; text-align: center; background:#fff; border-radius:50%; color:#333; box-shadow:0 0 3px rgba(0,0,0,.2)}
#pages ul li a:hover{ background:#ececec; text-decoration:underline }
#pages ul li a.pgCurrent{ background:#8ec63f; color:#fff}
.year_box{ position:absolute; right:20px ;top:20px;}
.year_box select{ padding:5px 5px;}

.information{ margin:15px 0 0 0; min-height:350px;}
.information ul{ list-style:none; margin:0 0 0 -2%; padding:0px;}
.information ul li{ float:left; width: 23%; margin:0 0 30px 2%; padding:0; line-height:17px; }
.information ul li a{ display:block}
.information ul li a:hover{ color:#9151b2; text-decoration:none}
.information ul li img{ box-shadow:0 0 3px rgba(0,0,0,.3); border:1px solid #fff; margin:0;}
.information ul li:hover img{ box-shadow:0 0 3px rgba(0,51,204,.3); border:1px solid #0083ca;}
.information p{ margin:0px 0 0 0px; padding:0px 0px; font-size:13px}
.information .date{ margin:0px 0 0 0px; }
.information .date span{ padding:10px 0 5px 20px; color:#666; font-size:13px; display:block; background:url(../images/icon/icon_date.png) no-repeat left center; background-size:17px 17px;}
.information .single{ background:#fff}
.information .double{ background:#f6f6f6}
#info_type_A .double{ background:#fff}

#info_type_B .information ul{  margin:0 0 0 0%; border-top:2px solid #0f7b50}
#info_type_B .information ul li{ float:none; width: 100%; margin:0; padding:0px 5px; line-height:17px; border-bottom:1px solid #ddd;  }
#info_type_B .information ul li a{ display:inline-block; padding:10px 0; width:100%; }
#info_type_B .information ul li a:hover{ color:#333; text-decoration:none}
#info_type_B .information ul li:hover{ background:#eefff1; }
#info_type_B .information ul li img{ width:150px; float:left; margin:0 20px 0 0;}
#info_type_B .information .date{ float:left; width:18%;  }
#info_type_B .information .date span{ padding:8px 0 8px 38px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:28px 28px; background-position:1px 3px;}
#info_type_B .information p{ float:left; width:80%; padding:8px 0; font-size:15px;}

/* Information - Full Page Display */
#Information_detail #Inner_Type_A li{ float:left; width:23%; margin:0 0 15px 2%; text-align: center;}
#Information_detail #Inner_Type_A li img{ max-width:100%; box-shadow:0 0 3px rgba(0,0,0,.5); height: auto; max-height:125px;}

/* Sub Menu */
.arrowlistmenu{ float:left; width:20%; box-shadow:-3px 3px 3px rgba(0,0,0,.1); margin:50px 0 0 0; background: #ffffff;}
.arrowlistmenu .title { background: url(../images/icon/bg_category.png) left top #0f7b50; margin:0px; padding:0px; text-align: center;  }
.arrowlistmenu .title p { font-size:26px; color:#fff; text-shadow:0px 0px 1px rgba(0,0,0,.3); padding:32px 0px; margin:0;} 
.arrowlistmenu .expandable_main{background: url(../images/icon/arrow_right.png) no-repeat; background-position:95% 50%; background-size:19px 19px;  }
.arrowlistmenu .openheader {background: url(../images/icon/arrow_down.png) no-repeat; background-position:95% 50%; background-size:19px 19px; }
.arrowlistmenu .expandable_sub { padding:0px 5px; margin:0; color:#0f7b50}
.arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0px 15px; }
.arrowlistmenu ul li{ padding-bottom: 0px;} 
.arrowlistmenu p{  border-bottom: 1px dotted #ddd; } 
.arrowlistmenu .categoryitems_sub{ padding: 0px 5px; }
.arrowlistmenu .categoryitems_sub a{ background:url(../images/icon/pt_blue.png) no-repeat center left; background-size:5px 10px; background-position:0 13px;}
.arrowlistmenu .categoryitems_sub li a:hover, .arrowlistmenu .categoryitems_sub li a.current{ background:url(../images/icon/pt_blue.png) no-repeat center left; background-size:5px 10px; background-position:0 13px; color:#0f7b50}
.arrowlistmenu .menuheader{ margin:0px; padding:8px 12px; font-size:16px; cursor: pointer; display:block;}

.arrowlistmenu a{ color:#0f7b50; display:block;}
.arrowlistmenu a:hover{ color:#0f7b50} 
.arrowlistmenu a.current{ background-color:#0f7b50; color:#fff;}


.arrowlistmenu .expandable_sub a.current {padding:0 5px;  }

.arrowlistmenu .expandable_main a.current { color:#0f7b50; background: none; padding:0 5px;  }

.arrowlistmenu ul li a{ color: #333; font-size:13px; display: block; padding: 5px 10px; border-bottom: 1px dotted #ddd}
.arrowlistmenu ul li a:hover, .arrowlistmenu ul li a.current{ background:#0f7b50; color:#fff}

/* Notice */
#notice .information ul{  margin:0 0 0 0%; border-top:2px solid #0f7b50}
#notice .information ul li{ float:none; width: 100%; margin:0; padding:10px 0px 10px 0; line-height:23px; border-bottom:1px solid #ddd;  }
#notice .information ul li a{ display:inline-block; padding:0px 0; width:100%; }
#notice .information ul li a:hover{ color:#333; text-decoration:none}
#notice .information ul li:hover{ background:#eefff1; }
#notice .information .date{ float:left; width:12%; padding:5px 5px 5px 10px;}
#notice .information .date span{ padding:0 0 0 25px}
#notice .information .number{ float:left; width:10%; padding:5px 0;  }
#notice .information .title{ float:left; width:50%; padding:5px 0;  }
#notice .information p{ width: auto; font-size:15px;}
#notice .information .download{ float:right; }
#notice .information .download a{ background: url(../images/icon/icon_pdf.png) no-repeat; background-position:0px 0px; background-size:20px; padding:5px 5px 5px 30px; display:block; color:#fc2130; display:block}

/* media */
#Media_Album .information ul{  margin:0 0 0 -2.5%; }
#Media_Album .information .clip{ background:url(../images/icon/icon_album.png) no-repeat; width:53px; height:53px; position:absolute; left:-5px; top:-5px; z-index:10 }
#Media_Album .information ul li{ float:none; width:30%; margin:0 0 20px 3%; padding:0; line-height:17px; float:left; position:relative; }
#Media_Album .information ul li .cover{ background:#f4f4f4; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:2px; padding:10px 15px 5px 15px; }
#Media_Album .information ul li img{ width:100%; box-shadow:0 0 0;}
#Media_Album .information .date{ position: relative; text-align: center; padding:8px 0 0 0}
#Media_Album .information .date span{ padding:5px 5px 5px 25px; color:#333; font-size:12px; display: inline; background:url(../images/icon/icon_date.png) no-repeat; background-size:15px 15px; background-position:5px 5px;}
#Media_Album .information p{ float: none; text-align: center; padding:10px 0 5px 0; font-size:19px;}
#Media_Album .information ul li:hover .cover{ background:#e8f7ff; box-shadow:0 0 3px rgba(0,0,0,.3); }
#Media_Album .information ul li:hover img{ opacity:.7}

#Media_Video .information ul{  margin:0 0 0 -2.5%; }
#Media_Video .information .clip{ background:url(../images/icon/icon_video.png) no-repeat; width:53px; height:53px; position:absolute; left:-5px; top:-5px; z-index:10 }
#Media_Video .information ul li{ float:none; width:30%; margin:0 0 20px 3%; padding:0; line-height:17px; float:left; position:relative; }
#Media_Video .information ul li .cover{ background:#f4f4f4; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:2px; padding:10px 15px 5px 15px; }
#Media_Video .information ul li img{ width:100%; box-shadow:0 0 0;}
#Media_Video .information .date{ position: relative; text-align: center; padding:8px 0 0 0}
#Media_Video .information .date span{ padding:5px 5px 5px 25px; color:#333; font-size:12px; display: inline; background:url(../images/icon/icon_date.png) no-repeat; background-size:15px 15px; background-position:5px 5px;}
#Media_Video .information p{ float: none; text-align: center; padding:10px 0 5px 0; font-size:19px;}
#Media_Video .information ul li:hover .cover{ background:#ffeeef; box-shadow:0 0 3px rgba(0,0,0,.3); }
#Media_Video .information ul li:hover img{ opacity:.7 ; border:1px solid #d64541}
#Media_Video .information ul li a{ color:#d64541}

.youtube_video{ width:70%; box-shadow:0 5px 10px rgba(0,0,0,.5); background:#000; padding:10px; border:1px solid #fff; margin-top:30px;}
.youtube_video iframe{ width:100%; height:380px;}
.youtube_video video{ width:100%; height:380px;}
.video_footer{ background:url(../images/icon/tv_footer.png) no-repeat center; height:38px; width:70%; margin-bottom:50px;}

/* Site Map */
#site-map .site-map-box ul{ margin:0; padding:0;}
.site-map-menu{ line-height:19px;}
ul.site-map-menu { list-style:none; margin:0 0 0 -3%; padding:0;}
ul.site-map-menu li{ float: left; width: 22%; margin:0 0 20px 2%; list-style:none;}
ul.site-map-menu li ul{ margin:10px 0 0 0%; padding:0; list-style:none; }
ul.site-map-menu li ul li ul{ margin:0 0 0 10px }
ul.site-map-menu li ul li{ float: none; width: 100%; margin:0; }
ul.site-map-menu li a{ font-size:15px; background:#0f7b50; color:#fff; padding:8px 10px; display:block}
ul.site-map-menu li ul li a{ font-size:13px; background:#fff; color:#0f7b50; background:url(../images/icon/arrow_right.png) no-repeat; background-size:15px 15px; background-position:0 7px; padding:5px 5px 5px 20px ; display:block}
ul.site-map-menu li ul li a:hover{ color:#ff9600; background:url(../images/icon/arrow_right.png) no-repeat; background-size:15px 15px; background-position:0 7px; }
ul.site-map-menu li ul li ul li a{ color:#333}
ul.site-map-menu li ul li ul li a:hover{ color:#ff9600; }
ul.site-map-menu li+li+li+li+li{ clear:both }
ul.site-map-menu li+li+li+li+li+li{ clear: none }

/* Other */
#principal{ text-align: left}
#principal p{ text-align: left; line-height:28px;}

.contactus{}
.contactus .info{ float: left; width:49%; }
.contactus .info td{ padding-right:10px;}
.contactus .location{ float:right; width:49%;}
.contactus .location iframe{ height:380px; width:100%; border:1px solid #ddd; box-shadow:0 0 3px rgba(0,0,0,.2)}

.btn_back{ margin:0px auto; text-align: center; text-transform:uppercase;}
.btn_back a{ background:#007749; color:#fff; padding:12px 40px; text-align: center; font-size:15px; }
.btn_back a:hover{ background:#ffc000 }

.calendar { float:left; width:20%; margin:0;}


.subject_template{ float: left; width:20%;}

.subject_template .title { background: url(../images/icon/bg_category.png) #00a8ff; color:#fff; text-align:  center; margin:30px 0 0 0; font-size: 23px;
text-shadow: 0px 0px 1px rgba(0,0,0,.3);
padding: 25px 0px;
}
.subject_template ul{ list-style:none; margin:0; padding:0px 0 0 0px;}
.subject_template ul li{  }
.subject_template ul li a{ background:#fff; padding:7px 24px; display:block; font-size:15px;}
.subject_template ul li a:hover{ background:#0087ca;  color:#fff}
.subject_template ul li a.current{ background:#ffa800; color:#fff}
#FullPage .arrowlistmenu { display: none;}
#FullPage .subject_template{ width:100%;}
#FullPage .subject_template .title { float:left; background: none; color:#333; text-align: left; margin:0; padding:5px 30px 10px 30px; font-size: 23px; text-shadow: 0px 0px 1px rgba(0,0,0,.3);}

#FullPage .subject_template ul{ list-style:none; margin:0; float:left; border-top: 1px solid #1799da; border-left: 1px solid #1799da; border-right: 1px solid #1799da; }
#FullPage .subject_template ul li{ float:left;  }
#FullPage .subject_template ul li+li{ float:left; border-left:1px solid #ddd; }
#FullPage .subject_template ul li a{ background:#fff; padding:7px 24px; display:block; font-size:15px;}
#FullPage .subject_template ul li a:hover{ background:#0087ca;  color:#fff}
#FullPage .subject_template ul li a.current{ background:#ffa800; color:#fff}

#caption_{ position:absolute; bottom:15%;  width:100%; text-align: center; color:#fff; font-size:58px; line-height:64px; text-shadow:0 0 5px rgba(0,0,2,.8); }
#caption_ .hba{ background:rgba(0,0,0,.5); padding:15px;}

.thead{ margin:0; padding:0;}
.tableizer-table { width:100%; box-shadow:0 0 3px rgba(0,0,0,.2) }
.tableizer-table thead{ margin:0; padding:0; border:0;}
.tableizer-firstrow { width:100%; margin:0; }
.tableizer-firstrow th{ margin:0; background:#006442; color:#fff; font-weight:normal;}
.tableizer-firstrow{ background:#006ebf; color:#fff; border:0px; margin:0;}
.tableizer-table tr:nth-child(even) { background: #daebf5;}
.tableizer-table {  border:1px solid #ddd; padding:1px; margin-bottom:50px;}
.tableizer-table tr:nth-child(odd) {  background: #fff;}
.tableizer-table tr:nth-child(even) {    background: #f5f5f5;}

.main_content #calendar{ width:100%; box-shadow:0 0 3px rgba(0,0,0,.2); margin-bottom:50px; }
.main_content #calendar .single{ background: #f1fff4}
.main_content #calendar .title{ background: #005e40; color:#fff;}

.tab {overflow: hidden; margin:0px auto; text-align:center;}
.tab button:nth-child(2) {
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  padding:20px 20px 20px 75px;color:#333; font-size:23px; background:url(../images/icon_album.png) no-repeat #f2f2f2; width: auto; text-align: left; display:inline-block; background-position: 15px 50%;
  font-family: "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
}
.tab button:nth-child(1) {
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  padding:20px 20px 20px 75px; color:#333; font-size:23px; background:url(../images/icon_video.png) no-repeat #f2f2f2;width: auto; text-align: left; display:inline-block; background-position: 15px 50%;
  font-family: "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
}

.tab button:nth-child(2).active { ;color:#fff; background:url(../images/icon_album_select.png) no-repeat #429452; background-position: 15px 50%;}
.tab button:nth-child(1).active { ;color:#fff; background:url(../images/icon_video_select.png) no-repeat #429452; background-position: 15px 50%;}
.tabcontent {  display: none; }



.main_media_area{}
.main_media_area ul { list-style:none; margin:0  0 0 -1%; padding:0 0;}
.main_media_area ul li { float: left; width:19%; margin:0 0 0 1%; background:#fff}
.main_media_area ul li .mediabox{ padding:2px;}
.main_media_area ul li .cover img{ width:100%;}
.main_media_area ul li a{ display:block;}
.main_media_area ul li .content{ position:relative; padding:15px 5px 30px 5px;}
.main_media_area ul li .date{ position:absolute; width:100%; top:-15px; text-align: center;}
.main_media_area ul li .date span{ background:rgba(0,0,0,1); color:#fff; padding:5px 10px; font-size:12px; }

.latest_album  .more{ margin:0px auto; margin-top:30px; text-align: center;}
.latest_album  .more a{ padding:5px 35px; background:#fff; color:#429352; display: inline-block;}
.latest_album  .more a:hover{ background:#333; color:#fff; }



.sch_info {  padding: 30px 0px }
.sch_info ul{ list-style:none; margin:0;padding:0 ; text-align: center; margin-right: auto; margin-left: auto;     width: 100%;display: flex;justify-content: space-between;}
.sch_info ul li{ float:left; margin:5px 0px; text-align: left;  }


@media screen and (max-width: 1000px) {
.name_en { font-size: 17.5px}	
.name_tc { font-size:22px}
	}