@charset "utf-8";
/* CSS Document */
html,body {
    padding: 0px; margin: 0px; min-height:100%; font-size:15px; color: #333; line-height:24px;		 
	font-family: "微軟正黑體", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
a:link, a:visited {color: #5a3789; text-decoration: none;}
a:hover {color: #ed2124; 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%;}
.screen{ min-width:680px; max-width:1200px; position:relative; padding:0px 15px;}
.container{ height: auto; min-height:500px;}
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:#5a3789}
h2{ font-size:24px; margin:0;color:#ffa800; padding-bottom:5px;}
h3{ font-size:21px; margin:5px 0; color:#5a3789 }
h4{ font-size:18px; margin:0px; color:#004898}
h5{    font-size: 23px;
    margin: 0px;
    color: #ffa800;
    line-height: 33px;}
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:#5a3789; padding:3px; width:520px; height: auto; box-shadow:0 0 3px rgba(0,0,0,.2)}
.title_special{ background:#fff; padding:5px 5px; color:#5a3789; border-bottom:1px solid #5a3789; font-weight:bold; font-size:18px; line-height:23px; }
.special_news .content{ background:#fff; padding:5px 5px; color:#333; font-size:13px; height: auto; overflow: auto;}
.special_news .content img{ max-width:100%;}
.highlight{ color:#F03}

/* Header */
.header{ background:#fff; height:120px;}
.header .logo{ float:left; margin:8px 0 0 0;}
.header .info_top{ float: right; width:58%;color:#202020;}


.header .info_top ul { display: flex;  align-items: center;
  list-style: none; flex-wrap: wrap;
  margin: 0;}
.header .info_top ul li { padding:2px 20px 2px 28px;}


.header .info_top .tel{background: url(../images/tel.png) no-repeat left center;flex: 1 1 auto; }
.header .info_top .fax{background: url(../images/fax.png) no-repeat left center;flex: 1 1 auto; }
.header .info_top .email{background: url('../images/email.png') no-repeat left center; background-size:20px auto;flex: 1 1 auto; }
.header .info_top .map{background: url(../images/location.png) no-repeat left center; flex: 1 1 100%;}


.header .info_top ul li+li span{left: 22px; width: 22px;height: 17px;}
.header .info_top ul li+li+li span{top: 5px; width: 21px;height: 16px;background: url(../images/email.png) no-repeat;}
.header .info_top ul li+li+li+li span{top: 5px; width: 21px;height: 16px;}
.header .info_top a{color:#514068;display: block;}
.header .info_top a:hover{color:#ff78a7}
.header .links{float: right; margin:12px 0px 0 0;}
.header .links ul{ list-style:none; margin:0; padding:0;}
.header .links ul li{ float: right;position: relative;margin: 5px 10px 0 0;font-weight: bold; color: #202020; font-size: 15px;}




.header .links .admission a{background: url(../images/appliance.png) no-repeat left center #5a3789; padding:5px 10px 5px 30px; background-size:15px auto; background-position:10px 50%}
.header .links .eclass a{background: url(../images/eclass.png) no-repeat left center #ef8bae;padding:5px 10px 5px 30px; background-size:15px auto; background-position:10px 50%}
.header .links .lang a{background: url(../images/lang.png) no-repeat left center #333;padding:5px 10px 5px 30px; background-size:15px auto; background-position:10px 50%}


.header .links ul li a{color:#fff;display: block;  padding: 0;}

.header .icon_top{ position:absolute; top:55px; right:10px;}
.btn_school_intro{ float:right; position:relative; margin:0 0 0 20px; }
.btn_school_intro span{ position:absolute; background:url(../images/icon_school.png) no-repeat; width:36px; height:34px; left:8px; top:0; }
.btn_school_intro a{ display:block; color:#ff8400; font-size:17px; border-radius:6px; padding:5px 10px 5px 50px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3)}
.btn_school_intro a:hover{ background:#ff8400; color:#fff; text-decoration:none}
.btn_notice{ float:right; position:relative; }
.btn_notice span{ position:absolute; background:url(../images/icon_bag.png) no-repeat; width:36px; height:34px; left:8px; top:0; }
.btn_notice a{ display:block; color:#166cad; font-size:17px; border-radius:6px; padding:5px 10px 5px 50px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3)}
.btn_notice a:hover{ background:#166cad; color:#fff; text-decoration:none}
.btn_search{ float:right; position:relative; display:block; color:#166cad; font-size:17px; border-radius:6px; padding:5px 8px; background: rgba(0,0,0,0.3); box-shadow:0 0 3px rgba(0,0,0,.3); margin:0 15px 0 0;}
.btn_search input{ width:130px; color:#666; border:1px solid #ddd; padding:3px; }
.btn_search #btn_submit {width:25px; height:25px; border:0px; background:url(../images/icon/icon_search.png) #2fa2db no-repeat center center; background-size:17px 18px; cursor:pointer}
.btn_search #btn_submit:hover {  background:url(../images/icon/icon_search.png) #ffb400 no-repeat center center; background-size:17px 17px; cursor:pointer}

/* Menu */
#nav-wrap{ border-top: 3px solid #ef8bae;border-bottom: 1px solid #fff;
	background: #805cb0;
	background: -moz-linear-gradient(top, #805cb0 0%, #3a1768 100%);
	background: -webkit-linear-gradient(top, #805cb0 0%,#3a1768 100%);
	background: linear-gradient(to bottom, #805cb0 0%,#3a1768 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#805cb0', endColorstr='#3a1768',GradientType=0 );
}
/* 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{ margin:20px 0 0 0;}
.stage{box-shadow:2px 0 6px rgba(0,0,0,.2); z-index: 1}
.slogan{ position: absolute;bottom:44px;right:190px;padding: 20px 20px; background: rgba(32,18,51,.5) }
.slogan p{color: #fff;font-size: 32px;line-height: 42px;}

.sentense{background: #e4d7f5;border: 2px solid #fff; position:relative; box-shadow:0 0 6px rgba(0,0,0,.1); text-align: left;margin: 20px 0;}
.sentense .area{ padding:15px ; color:#401d6f; line-height:28px;font-size: 21px;}
.sentense .title{ position:absolute; left:110px; top:10px; background:url(../images/proverb.png) no-repeat; width:72px;height: 73px; display: none;}

/* Inner Area */
.inner_area a{display: block;}

.home_left{ float:left; width:100%;background: url(../images/bg_mainarea.png) bottom;background-size: cover;}
.home_section{padding: 65px 0 50px 0; border-top:1px solid #1ab7ea; }
.mobile_home_left{display: none;}

.more_area{ position:absolute; top:-18px; right:30px;text-align:center;}
.more_area a{display:block; color:white; font-size: 16px; padding: 7px 40px;border-radius: 50px;}

.main_events_area ul{ margin:0px; padding:0; list-style:none;}
.main_events_area ul li{ min-height:115px; float: left; position:relative; width: 48%;font-size: 17px; background: #fff;margin:0 1% 15px;box-shadow: 0 0 5px rgba(0,0,0,.15);font-size:13px; }
.main_events_area ul li:hover{ background:#ebf7ff;}
.main_events_area ul li span{ float: none; width:18%; text-align: center; padding:0 0 2px 0;}
.main_events_area ul li a {display: block;}
.main_events_area .content{ float:left; color: #2c2c2c; width: 38%;padding:0 0 0 6%;margin:10px 0 0 0;}
.main_events_area .date{margin: 0 0 5px 0;font-size: 14px;}
.main_events_area .cover{float: left;width: 54%;background: #fff;}
.main_events_area .cover img{ width:100%;border: 1px solid #fff;}

.latest_new{ position:relative; margin:0px auto; width:100%; }
.latest_new .area{ background:rgba(255,255,255,.7); border-top:4px solid #45cbf6; padding:35px 15px 20px 15px; box-shadow: 0 0 3px rgba(0,0,0,.2)}
.latest_new .title{position: absolute;top: -22px;left: 20px; padding:12px 44px;font-size:24px; color:#fff; background:#1ab7ea;}
.latest_new .main_events_area{background: #fff;margin: 0 25px;}
.latest_new .main_events_area ul li{background: #f8f8f8; font-size:16px; margin:0 1% 15px;float: left;width: 48%;box-shadow: 0 0 3px rgba(0,0,0,.1); min-height:115px; font-size:13px; line-height:15px;}

.latest_new .main_events_area ul li:nth-child(2n+1){ clear:both}
.main_events_area ul li:nth-child(2n+1){ clear:both}

.latest_new .main_events_area ul li span{color:#1ab7ea;}
.latest_new .main_events_area .content{ padding:0 0 0 6%;width: 42%;margin:10px 0 0 0;}
.latest_new .main_events_area .cover{ background:#fff;width: 40%; }
.latest_new .main_events_area .img_wrap{}
.latest_new .main_events_area img{border: none;}
.latest_new .news_bottom{position: absolute;right: 5px;bottom: 5px; background:#1ab7ea url(../images/news_right.png) no-repeat center;width: 28px;height: 28px; display:none}
.latest_new a:hover .news_bottom{opacity: .7;}
.latest_new .more_area a{background: #1ab7ea;
	background: -moz-linear-gradient(left, #5267ab 0%, #1ab7ea 100%);
	background: -webkit-linear-gradient(left, #5267ab 0%,#1ab7ea 100%);
	background: linear-gradient(to right, #5267ab 0%,#1ab7ea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5267ab', endColorstr='#1ab7ea',GradientType=0 );
}
.latest_new .holder a{display: none;}
.latest_new .holder a.jp-previous,.latest_new .holder a.jp-next{display: block;width: 30px;height: 61px;cursor: pointer;position: absolute;top: 45%;}
.latest_new .holder a.jp-previous{background: url(../images/latest_news_left.png) no-repeat center; background-size:20px 41px;left: 2px;}
.latest_new .holder a.jp-next{background: url(../images/latest_news_right.png) no-repeat center;right: 2px;background-size:20px 41px}
.latest_new .holder a.jp-previous:hover,.latest_new .holder a.jp-next:hover{opacity: 0.7}

.latest_award{ position:relative; margin:0px auto; width:100%; }
.latest_award .area{ background:rgba(255,255,255,.7); border-top:4px solid #fb8c00; padding:50px 15px 15px 15px; box-shadow: 0 0 3px rgba(0,0,0,.2)}
.latest_award .title{position: absolute;top: -22px;left: 20px; padding:12px 44px;font-size:24px; color:#fff; background:#fb8c00;}
.latest_award .main_events_area ul li span{color:#fb8c00;}
.latest_award .more_area a{background: #fb8200;
	background: -moz-linear-gradient(left, #ff9f27 0%, #fb8200 100%);
	background: -webkit-linear-gradient(left, #ff9f27 0%,#fb8200 100%);
	background: linear-gradient(to right, #ff9f27 0%,#fb8200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f27', endColorstr='#fb8200',GradientType=0 );
}
.latest_award .award_top{ position: absolute;top: 1px;right: 0px; width: 24px;height: 100%; background: url(../images/award.png) no-repeat;background-size: auto 18px;}

.latest_activity{ position:relative; margin:0px auto; width:100%; }
.latest_activity .area{ background:rgba(255,255,255,.7); border-top:4px solid #57ab52; padding:58px 15px 25px 15px;box-shadow: 0 0 3px rgba(0,0,0,.2)}
.latest_activity .title{position: absolute;top: -22px;left: 20px; padding:12px 44px;font-size:24px; color:#fff; background:#57ab52;}
.latest_activity .main_events_area ul li span{color:#57ab52;}
.latest_activity .more_area a{background: #57ab52;
	background: -moz-linear-gradient(left, #1aea63 0%, #57ab52 100%);
	background: -webkit-linear-gradient(left, #1aea63 0%,#57ab52 100%);
	background: linear-gradient(to right, #1aea63 0%,#57ab52 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aea63', endColorstr='#57ab52',GradientType=0 );
}

.latest_video{float: right;width: 28%; margin:0;padding: 6px;box-shadow: 0 0 8px rgba(0,0,0,.1);}
.latest_video iframe{ width:100%; min-height:310px;}

/* Main Userful Links */
.Userful_link_inside{position: relative; padding:25px 0;background: url(../images/bg_usefullink3.jpg) no-repeat top; background-size: cover;box-shadow: 0 5px 8px rgba(0,0,0,.1);}
.Userful_link_inside .main_link_inside{float: right; width: 68%;}
.Userful_link_inside .title{ font-size: 21px;color: #244591;font-weight: bold;padding: 18px 0;}
.Userful_link_inside ul{ list-style:none; margin:0; padding:0}
.Userful_link_inside ul li{ float: left; width:23%; margin:0 2% 6px 0; height:104px;}
.Userful_link_inside ul li img{ width:100%;border: 1px solid #fff; box-shadow:0 0 5px rgba(0,0,0,.2); max-height:104px;}
.Userful_link_inside ul li:hover img{ opacity:.7; box-shadow:0 0 5px rgba(0,0,0,.4)}

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


/* Footer */
.footer{font-size:13px;color: #242424;box-shadow: 0 0 8px rgba(0,0,0,0.3);}
.footer a{ color:#242424;}
.footer a:hover{color: #ed2124;}
.footer .screen{ padding:20px 15px;}
.footer .copyright{ float:left; width:68%; text-align: left}
.footer .copyright a{font-size: 15px;background: url(../images/sitpmap.png) no-repeat left; padding: 2px 20px 2px 26px; border-right: 1px solid #a0a0a0;margin-right: 20px;}
.footer .power{ float:right; width:30%; text-align: right}

.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;
  z-index: 999;
}
.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: #5a3789  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:15px 0px; font-size:13px; border-bottom: 1px dotted #ddd; margin-bottom:15px;}
.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:#5a3789}

table li { margin:0 0 0 15px;}

/* Page Content */
.inner_content{ float:right; width:76%; background:#fff; margin:0 0 80px 0;}
.inner_content .main_content{ padding:0 0; min-height:500px; line-height:37px;}
.inner_content_full{}
.inner_content_full .main_content{ padding:0px 0px 30px 0px; min-height:500px; line-height:33px; position:relative;}
.inner_content iframe{ width: 100%; height:360px;}
.inner_content img, .inner_content_full img{ max-width:100%;}

.inner_banner{ margin:0  0 15px 0}
.inner_banner img{ width:100%; }
.main_content table{ margin-bottom:15px;}
.Album{ margin:15px 0px;}
.Album .title{ background:#5a3789; color:#fff; padding:7px 19px; font-size:21px; display:inline;  box-shadow:3px 3px 0px rgba(0,51,153,.2) }
.Album .description{ background:#fff; padding:0px; margin:15px 0; line-height:21px;}
.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; padding:5px 0; line-height:15px; text-align: center; }

#Inner_Type_A ul{ margin:20px 0 0 -2%; }
#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%; min-height:270px; }
#Inner_Type_A li img{ max-width:100%; max-height:230px  }
#Inner_Type_A ol li{ float: none; width:100%; margin:0 0 5px 2%; min-height:15px; }
#Inner_Type_A .description ul{margin: 10px 0}

#Inner_Type_B{padding:0px; background:none }
#Inner_Type_B .title{ margin-left:0px;  background: none;color: #333;border-left: 3px solid #5a3789; }
#Inner_Type_B ul{margin:0; 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:0; 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 0 10px 0}
#Inner_Type_C li .title_des{ width:40%; float:left; }
#Inner_Type_C li .right_desc{ float: right; width:60%; padding:10px 10px 15px 10px; line-height:33px; width:55%; text-align: left; box-shadow:0 0 3px rgb(0,0,0,.2)}
#Inner_Type_C .title{ background:#5a3789; color:#fff; padding:7px 19px; font-size:21px; display: block; margin-left:0px; box-shadow:0 0 0}

#Inner_Type_C  p{line-height:27px; text-align: left   }

#Inner_Type_D { background:none; box-shadow:0 0 0;}
#Inner_Type_D li{ float:none; width:auto; text-align: left; clear:both; padding:0}
#Inner_Type_D{padding: 0;}
#Inner_Type_D .title{background:#f9f9f9; color:#f6395d; padding:5px 20px 5px 20px; font-size:24px; display: inline-block; margin:0px 0 10px 0; box-shadow:1px 2px 3px rgba(0,0,0,.2);border-left: 2px solid #ff7b05;}

#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}

.pdf_frame iframe{ width:100%; min-height:700px;}

.download_area{ background: url(../images/icon/bg_box.png) #f9f9f9; box-shadow: 0 0 3px rgba(0,0,0,.2); padding:5px 15px 0px 5px; margin:15px 0px;}
.download_area .title{ background:#ff4546; color:#fff; padding:7px 19px; font-size:21px; display: inline-block; margin-left:-15px; margin-bottom:10px; box-shadow:3px 3px 0px rgba(0,51,153,.2) }
.download_area .description{ background:#fff; padding:10px; margin:20px 0; border:1px solid #0076c0; line-height:21px;}
.download_area ul{ list-style:none; margin:0px 0 0 -2%; 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:#db1111; 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 */
.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 21px; display:block; color:#5a3789; background: #fff; font-size:15px; line-height:19px; border:1px solid #5a3789; }
.sub_category ul li a:hover{ background: #f2057a;  border:1px solid #333; color: #fff;}
.sub_category ul li a.current{ background: #f2057a ; color:#fff; border:1px solid #333; }
#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:#5a3789; 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 #5a3789;}
.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_B .information ul{  margin:0 0 0 0%; border-top:2px solid #5a3789}
#info_type_B .information ul li{ float:none; width: 100%; margin:0; padding:10px 5px; line-height:17px; border-bottom:1px solid #ddd;  display:inline-block;  }
#info_type_B .information ul li a{padding:0px 0; width:100%; }
#info_type_B .information ul li a:hover{ color:#333; text-decoration:none}
#info_type_B .information ul li:hover{ background:#eff9ff; }
#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:5px 0 5px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:1px 3px;}
#info_type_B .information p{ float:left; width:80%; padding:5px 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:155px;}

/* Sub Menu */
.arrowlistmenu{ float:left; width:20%; box-shadow:0 0 3px rgba(0,0,0,.2); margin:15px 0 0 0; background: #f8f8f8;}
.arrowlistmenu .title {margin:0px; padding:0px; text-align: center; border-top: 3px solid #ef8bae;
	background: #805cb0;
	background: -moz-linear-gradient(top, #805cb0 0%, #3a1768 100%);
	background: -webkit-linear-gradient(top, #805cb0 0%,#3a1768 100%);
	background: linear-gradient(to bottom, #805cb0 0%,#3a1768 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#805cb0', endColorstr='#3a1768',GradientType=0 );
}
.arrowlistmenu .title p {color: #fff; font-size:24px; padding:20px 0px; margin:0;line-height: 34px;text-transform: uppercase; text-shadow: 2px 2px 3px rgba(255,255,255,.4)} 
.arrowlistmenu .expandable_main{background:#f8f8f8 url(../images/icon/arrow_right.png) no-repeat; background-position:95% 50%; background-size:19px 19px;  }
.arrowlistmenu .openheader {background:#f8f8f8 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:#5a3789}
.arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0px 0px; background: #fff;}
.arrowlistmenu ul li{ padding-bottom: 0px;}
.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:#5a3789}
.arrowlistmenu .menuheader{ margin:0px; padding:10px 25px 10px 10px; font-size:1.1em; cursor: pointer; display:block;border-top: 1px solid #decde5;}
.arrowlistmenu a{ color:#5a3789; display:block;}
.arrowlistmenu a:hover{ color:#5a3789} 
.arrowlistmenu a.current{ background-color:#5a3789; color:#fff;}
.arrowlistmenu .expandable_sub a.current {padding:10px 5px;  }
.arrowlistmenu .expandable_main a.current { color:#5a3789; background: none; padding:0 5px;  }
.arrowlistmenu ul li a{background: #fff; color: #333; font-size:0.9em; display: block; padding: 8px 15px 8px 35px; border-bottom: 1px dotted #eee}
.arrowlistmenu ul li a:hover,{ background:#5a3789; color:#fff}
.arrowlistmenu ul li a.current{background: #ffa200;color: #fff;}
.menuheader:hover{ }
.arrowlistmenu .openheader a:hover{background: none;color: #5a3789}
.arrowlistmenu a{ color:#5a3789; display:block;}
.arrowlistmenu a:hover{ color:#ff6299} 
.arrowlistmenu a.current{ background-color:#5a3789; color:#fff;}

/* Notice */
#notice .information ul{  margin:0 0 0 0%; border-top:2px solid #5a3789}
#notice .information ul li{ float:none; width: 100%; margin:0; padding:10px 0px 10px 0; line-height:17px; 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:#eff9ff; }
#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{ 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; }
#site-map .site-map-box ul li ul li {
    margin: 0 0 5px 15px;
    font-size: 13px;
}
ul.site-map-menu li ul li{ float: none; width: 100%; margin:0; }
ul.site-map-menu li a{ font-size:15px; background:#5a3789; color:#fff; padding:8px 10px; display:block}
ul.site-map-menu li ul li a{ font-size:13px; background:#fff; color:#5a3789; 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 }

/* Media Page */
ul.primary {
    text-align: center;
}
.information ul li , .sentense{ position:relative;}
.information ul li .editing ,  .grid_photo .editing, .Userful_link_inside ul li  .editing, .sentense  .editing { display:none; position:absolute; left:0; top:0; z-index:11}
.information ul li:hover .editing, .grid_photo:hover .editing  , .Userful_link_inside ul li:hover .editing, .sentense:hover  .editing { display:block; }
.information ul  li .editing a,   .grid_photo .editing a , .Userful_link_inside ul li  .editing  a, .sentense:hover .editing  a{ font-size:15px; line-height:19px !important; background: rgba(255,255,0,.9) !important; color:#000;  padding:5px 12px !important; 
border:0px solid rgba(255,255,255,0.2) !important; margin:0px !important; width:auto !important}
figure {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}
#template_D{width:100%;}
#template_D .information ul{ list-style:none; padding:5px 0;}
#template_D .information ul li{ float: none; width:auto; background:#fff; padding:0px;  border:0px solid rgba(255,255,255,0.1);  }
#template_D .information ul li .cover{ float:left; width:33%; margin:0 15px 0 0; }
#template_D .information ul li:nth-child(3n+1) { clear:both; }
#template_D .information ul li a{ padding:5px 10px; border:1px solid rgba(255,255,255,0.2); margin-bottom:10px; background:#e7ebf1; }
#template_D .information ul li a:hover { background:#faecef; border:1px solid rgba(255,255,255,0.5); }
#template_D .date span { padding:0px 0px 0 20px;    margin-left: 10px;}
#template_D .date {
    display: inline-flex;    margin: 5px 0;
}

#media_post ul li { border-bottom:1px dotted #ddd !important; margin-bottom:15px !important; padding-bottom:10px !important}
#media_post .content{ float: right; width:62%; text-align:initial;display:block !important; }
#media_post .cover { float:left; width:35%;}
#media_post .cover img {  width:100% !important; height:auto}
#download_btn a{ padding:12px 20px !important; border:0px solid rgba(255,255,255,0.2); border-radius:16px; margin:5px 0; background:#1e76d0 !important; color:#fff; display:inline-block; }
#download_btn a:hover { background:#e4e4e4 !important; color:#fe9800; border:0px solid rgba(255,255,255,0.5); }

/* Media Block */
.media{ position:relative; margin:0px auto; width:100%; }
.media .area{ background:rgba(255,255,255,.7); border-top:4px solid #5a3789; padding:58px 15px 25px 15px;box-shadow: 0 0 3px rgba(0,0,0,.2)}
.media .title{position: absolute;top: -22px;left: 20px; padding:12px 44px;font-size:24px; color:#fff; background:#5a3789;}
.media .main_events_area ul li span{color:#5a3789;}
.media .more_area a{background: #5a3789;
	background: -moz-linear-gradient(left, #8f63c9 0%, #5a3789 100%);
	background: -webkit-linear-gradient(left, #8f63c9 0%,#5a3789 100%);
	background: linear-gradient(to right, #8f63c9 0%,#5a3789 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f63c9', endColorstr='#5a3789',GradientType=0 );
}

/* 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;}
.btn_back a{ background:#5a3789; color:#fff; padding:8px 30px; text-align: center;}
.btn_back a:hover{ background:#ffc000 }

.detail_info{ float: left; margin:10px 0 0 0; }
.detail_info a{ background:#5a3789; color:#fff; padding:10px 20px !important; text-align: center; display: inline-block}
.detail_info a:hover{ background:#ffc000 }

.calendar { float:left; width:20%; margin:0;}
.hk_class{ margin:0px 0 30px 0}
.hk_class ul{ padding:0px; list-style:none; float:none; clear: both}
.hk_class ul li{ float: left;  margin:0 10px 10px 0px; }
.hk_class ul li a{ padding:30px; display:block; background:#ddd; display:block; font-size:1.5em; border:1px solid #ccc; color: #333 }
.hk_class ul li a:hover{background:#ff457e; color:#FFF }


.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}

.home_right{ float:right; width:30%}
.home_right img{ width:100%}
.home_right iframe{ width:100% ; min-height:230px;}


#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}

.information ul li , .sentense, .Userful_link_outside ul li, .Userful_link_inside ul li{ position:relative;}
.Userful_link_outside ul li:nth-child(4n+1){ clear:both;}
.slider_theme{ position: absolute; right:0px; top:30%; z-index:10}
.slider_theme a{ font-size:15px; line-height:19px !important; background: rgba(255,255,0,.9) !important; color:#000;  padding:5px 12px !important;
border:0px solid rgba(255,255,255,0.2) !important; margin:0px !important; width:auto !important}
.editing { display:none; position:absolute; left:0; top:0; z-index:11}
ul li:hover .editing, .grid_photo:hover .editing  , .sentense:hover  .editing { display:block; }

.editing a{ font-size:15px; line-height:19px !important; background: rgba(255,255,0,.9) !important; color:#000;  padding:5px 12px !important;
border:0px solid rgba(255,255,255,0.2) !important; margin:0px !important; width:auto !important}
.adding { display:none; position:absolute; left:0; top:5px; z-index:11}
.adding  a{ font-size:15px; line-height:19px ; background: rgba(255,255,0,.9) ; color:#000;  padding:5px 12px ;border:1px solid rgba(255,255,255,0.2) ; margin:0;}
.adding  a::before{ content: "+";}
.area:hover .adding  { display:block; }