@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap');

html,body {
    padding: 0px; margin: 0px; min-height:100%; font-size:17px; color: #333; line-height:20px;		 
	font-family:"cwTeXYen",  "微軟正黑體", sans-serif, "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
a{transition: all 0.3s ease 0s;}
a:link, a:visited {color: #00266e; text-decoration: none;}
a:hover {color: #ffa800 ;  }
.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: #fff }
.screen{ min-width:680px; max-width:1600px; position:relative; padding:0px 15px;}
.container{ height: auto; min-height:500px;   }
.container .screen{  padding:0 15px; }
.container a, .upper_footer a , .header 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:38px; color:#032d69; text-transform:uppercase; line-height:38px;}
h2{ font-size:33px; color:#3c99dc; }
h3{ color: #3d81cc;background: #fff;padding: 5px 100px 5px 20px;box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.26);margin: 0px 0 15px 0;
display: inline-table;font-size: 24px;filter: drop-shadow(6px 6px 0px #3d81cc); }
h4{ font-size:21px; margin:0px; color:#ffa800}
h5{ font-size:21px; margin:0px; color:#117098}
p{ margin:0px; padding:0px}
/* theme */

#FullPage .inner_content{ padding:20px 3% 20px 3%; width:94%;}
#FullPage .arrowlistmenu{ display:none;}

#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:#eb1f24; padding:3px; width:280px; box-shadow:0 0 3px rgba(0,0,0,.2)}
.title_special{ background:#fff; padding:5px 5px; color:#ea1e22; font-size:19px; text-transform:uppercase; border-bottom:1px solid #ea1e22;}
.special_news .content{ background:#fff; padding:2px 5px; color:#333; font-size:15px;}
.special_news .content img{ max-width:100%;}
.highlight{ color:#F03;}

/* Header */
.header{ background:url(../images/web/header.png) no-repeat center top #18498e; background-size: cover;  box-shadow:0 0 6px rgba(0,0,0,.15); position:relative; z-index:1;border-top: 3px solid #91c5ff;  }
.header:after{display: block;content: ''; clear: both;}
.header .screen{ position:relative; padding:0px 0;}

.header .logo{ float:left; padding: 15px 0 0 0 ; position:relative; width:550px}

.left_main{ font-size:17px ; line-height:21px }

@media screen and (max-width: 1230px) {
.header .logo{ float:left;  padding: 5px 0;}
.sch_info{ min-height:100px !important;}
.latest_new ul li span {  margin:0;}
.latest_new ul li .content {  margin:0; }
	}
	

.header .logo img{ max-width:100%; max-height:85px; }
.header .logo .logo_img {    vertical-align: middle;    display: table-cell;    padding: 0 5px 0 0;}
.header .logo .logo_txt{ line-height:35px;color:#fff;vertical-align: middle;    display: table-cell; padding: 10px 0 0 0; filter: drop-shadow(0px 1px 1px #d4d4d4);}
.header .logo .logo_tc{font-size: 30px; color: #3e81cc;-webkit-text-stroke: 1px #3e81cc;letter-spacing: 3px; }
.header .logo .logo_en{font-size: 22px;color: #000;-webkit-text-stroke: 1px #000;}



#school {  position:relative; background: url(../images/web/footer.png) no-repeat bottom #b1ecff; width:100%; height:273px; background-size:cover}




.right_content{ float:right; margin-bottom:10px; }

.footer_school { position:relative; width:100%}
.header .links_top { float:right; font-size:15px ; }
.header .links_top ul { list-style:none; margin:0; padding:0 0 ;}
.header .links_top ul li {  margin:0 5px;vertical-align: middle;display: table-cell;padding: 0 0 0 5px;}
.header .links_top ul li span{ background: url(../images/web/top_admission.png) no-repeat center top; display: table-cell; width:28px; height:28px}
.header .links_top ul li+li span{ background: url(../images/web/top_contact.png) no-repeat center top; display: table-cell;width:32px; height:27px}
.header .links_top ul li+li+li span{ background: url(../images/web/facebook.png) no-repeat center top; display: table-cell;width:32px; height:27px}
.header .links_top ul li+li+li+li span{ background: url(../images/web/ig.png) no-repeat center top; display: table-cell;width:32px; height:27px}

.header .links_top ul li+li+li+li+li span{ background: url(../images/web/tr.png) no-repeat center top;}
.header .links_top ul li a { color:#333; display:block; padding:10px; background:#fff;     border-left: 2px solid #ffa200;    border-right: 2px solid #ffa200;    border-bottom: 2px solid #ffa200;    border-bottom-left-radius: 8px;    border-bottom-right-radius: 8px; text-align: -moz-center;text-align: -webkit-center;}
.header .links_top ul li+li+li+li a { padding:10px 20px; border-left: 2px solid #ca6f37;border-right: 2px solid #ca6f37;border-bottom: 2px solid #ca6f37;}
.header .links_top ul li+li a {   border-left: 2px solid #39a9de;    border-right: 2px solid #39a9de;    border-bottom: 2px solid #39a9de;  }
.header .links_top ul li a img {max-width: 100%;}
.header .links_top ul li+li+li a { border-left: 2px solid #1977f3;    border-right: 2px solid #1977f3;    border-bottom: 2px solid #1977f3;    }

.header .links_top ul li a:hover { background: #FEF0D1}
.header .links_top ul li+li a:hover { background: #e1f5ff}
.header .links_top ul li+li+li+li a:hover {background: #ffd5dd;}
.header .links_top ul li+li+li+li+li a:hover {background: #fff6e1;}




.header .btn_Login{ background:url(../images/bg_eclass.png) no-repeat center -4px; padding:17px 24px; float:right; height:32px; }
.intranet{background: url(../images/icon_login.png) no-repeat left; text-transform:uppercase; color:#fff; font-size:16px; float:left; line-height:24px; padding:5px 0 0 30px; }
.header input{ float: left; width:100px; background:#fff; border:0px solid #ddd; padding:2px; height:28px; 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:#ffea00; box-shadow:inset 0px 0px 0px rgba(0,0,0,0); color:#000; text-transform:uppercase; height:30px; width:64px; font-size:16px; cursor:pointer}
#login_btn:hover{ background:#666; color:#fff}

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

.linking_home{ float:right; width:37%;}
.linking_home ul{ margin:0 0 0 -2%; padding:0; list-style: none;}
.linking_home ul li{ float:left; width:48%; margin:0 0 15px 2%;}
.linking_home ul li img{width:100%;}


.strokeText {color: #ff8e00;-webkit-text-stroke: 1px #ff8e00;z-index: 1;position: relative;}
.strokeText::before {   content: attr(data-storke);  position: absolute;  color: #fff;  -webkit-text-stroke: 6px #fff;  z-index: -1;}


.sch_info{ min-height:200px; clear:both; padding:50px 0 }
.contact_main { margin: 15px 0 0 0; clear: both; position:absolute; top:0; width:100%; padding:0 }
.contact_main ul{ list-style: none; margin:0; padding:0; color:#fff !important; width:50%;}
.contact_main ul li{ float: left; width:100%; margin:5px 0; }
.contact_main ul li span{background:url(../images/web/map.png) no-repeat left;vertical-align: middle;display: table-cell;width: 32px;height: 32px;}
.contact_main ul li+li span { background:none}
.contact_main ul li+li+li span{background:url(../images/web/mail.png) no-repeat left;width: 32px;height: 32px;}
.contact_main ul li+li+li+li span{background:url(../images/web/tel.png) no-repeat left;width: 32px;height: 32px;}
.contact_main ul li+li+li+li+li span{background:url(../images/web/fax.png) no-repeat left;width: 32px;height: 32px;}


.contact_main p {vertical-align: middle;display: table-cell; padding:0 0 0 10px; filter: drop-shadow(0px 1px 1px #838383);}

.contact_main .strokeText { color: #333;
-webkit-text-stroke: 1px #333;}


.footer_logo { float: left; width:25%;}
.footer_logo img{ max-width:100%; max-height:80px;}
.contact_main ul li a { color:#333 !important; }

.right_main{ background: #b1ecff; padding: 0; }

#inside_ff { background:url(../images/web/footer_school.png) no-repeat top; padding:80px 0 20px 0   }

.left_main{ background:url(../images/web/inner_bg.png) no-repeat bottom; padding:60px 0 90px 0}

.home_contact { float:left; width:29%}
.home_contact .area{ background:rgba(255,255,255, 1); min-height:295px; border:3px solid #86cdff; padding:5px;}
.home_contact .footer_title{ border-bottom:1px solid #86cdff; padding:0 0 5px 0; margin-bottom:10px; }
.home_contact .footer_title img{ width:100%; }
.home_contact tr td{ padding:5px 0;}
/* Menu */
#nav-wrap{}
/* 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{ overflow: hidden}
.slider{ float:left; width:100%; min-height:200px;}
.sentense{ border:1px solid #fff; background: #F9F9F9; margin:15px 0;}
.sentense .area{ padding:20px ;}
.sentense .title{display:none;}

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

.home_left{ float:left; width:80%;}

.more_area{ position:absolute; right:10px; display:block;z-index:1;  font-size:14px; margin-top:-25px ;text-align:center; }
.more_area a{ color:#333; background: #fff;  padding:10px 30px 8px 30px; text-transform:uppercase; border-top-left-radius: 8px;
border-top-right-radius: 8px; }
.more_area a:hover{ background: #333 ; color:#fff }

.inner_area .title{padding:0; color:#333; font-size:35px; text-shadow:0 0 3px rgba(0,0,0,.2); position:absolute; top:0 ; z-index:1;} 

.latest_new{ float: left; width:33.3%; background:#fff; position:relative; }
.latest_new .main_events_area{border: 3px solid #5c9eed;border-radius: 16px;padding: 10px;background: #e3f5fd; }
.latest_new .title {  color:#fff ; }
.latest_new .title span{ background:url(../images/web/new_icon.png) no-repeat; width:62px; height:62px; vertical-align: middle;
display: table-cell;  }
.latest_new .title p{ vertical-align: middle;display: table-cell;filter: drop-shadow(2px 3px 0px #0666d9); }
.latest_new .title p span { font-size:35px}
.latest_new .strokeText { color: #0666d9;-webkit-text-stroke: 1px #0666d9;}
.latest_new .area {position: relative;padding: 40px 0 0 0; }

.latest_new ul{ list-style:none; margin: 0; padding: 0px; max-height: 400px;
min-height: 400px;
overflow-y: scroll;}
.latest_new ul li{ border-bottom:none;background: #fff; position:relative; padding: 20px 5px;margin: 10px 0;border-radius: 8px;}
.latest_new ul li:nth-of-type(even){background: #daebf3; color:}
.latest_new ul li span{ background:url(../images/web/news_date.png) no-repeat left top;  padding: 0 20px;vertical-align: top;display: table-cell;  }
.latest_new ul li a{ display:block; padding:0; color:#0666d9;}
.latest_new ul li:hover .content{ color:#0090ff}
.latest_new .content{ color:#0666d9;  vertical-align: top;display: table-cell; }
.latest_new .content img{ width:25px;}
.latest_new ul li .datebox{ margin: 0 0 10px 0;border-bottom: 2px solid #fff600; float:left; display:inline-block; width:100%; font-family: "Oswald", "微軟正黑體"; } 
.latest_new .day{font-size: 26px;display: block; color: #00266e; float: left;margin-right: 3px; letter-spacing:-1px}
.latest_new .datebox span{float: none;padding: 0;}
.latest_new .month{font-size: 14px;color: #4a4a4a;display: block; float: left; margin: 3px 0 2px 0; letter-spacing:-1px}
.latest_new .datebox span{ padding:2px 0 0 0;}
.latest_new .more_area a { background:#0666d9; color:#fff; }
.latest_new .more_area a:hover { background:rgba(0,144,255,1); color:#fff; }

.latest_new ul li .cover{ float: left; width: 39%; }
.latest_new ul li .cover img{ max-width:100%; box-shadow: 0px 0px 3px rgba(0,0,0,.2) }

.latest_new ul { scrollbar-color: #0666d9 #5c9eed; scrollbar-width: thin; }
.latest_new ul::-webkit-scrollbar { width: 5px; }
.latest_new ul::-webkit-scrollbar-track { background: #5c9eed; }
.latest_new ul::-webkit-scrollbar-thumb { background: #0666d9; }




.latest_gallery{ float: left; width:calc(33.3% - 1%); background:#fff; position:relative;  margin-left:1%;}
.latest_gallery .main_events_area{border:3px solid #fcac00;border-radius: 16px;padding: 10px;background: #fdf6e3; }
.latest_gallery .area{ padding:40px 0 0 0 }
.latest_gallery .title {  color:#fff ; }
.latest_gallery .title span{ background:url(../images/web/event_icon.png) no-repeat; width:62px; height:62px; vertical-align: middle;
display: table-cell;  }
.latest_gallery .title p{ vertical-align: middle;display: table-cell;filter: drop-shadow(2px 3px 0px #ff5400); }
.latest_gallery .title p span { font-size:35px}
.latest_gallery .strokeText { color: #ff5400;-webkit-text-stroke: 1px #ff5400;}
.latest_gallery ul li span{ background:url(../images/web/photo_date.png) no-repeat left; float: left; padding:0 0 0 20px; width:100%; }
.latest_gallery ul{ list-style:none; margin: 0; padding: 0px;max-height: 400px;
min-height: 400px;
overflow-y: scroll;overflow-x: hidden;}
.latest_gallery ul li{ border-bottom:none;background: #fff; position:relative; padding: 10px; border-radius:8px}
.latest_gallery ul li:nth-of-type(even){background: none;}
.latest_gallery ul li span{ color:#333; }
.latest_gallery ul li a{ display:block; padding:0; color:#fdb901;}
.latest_gallery .cover{ width:35%;vertical-align: middle;display: table-cell;}
.latest_gallery .content{vertical-align: middle;display: table-cell;padding: 0 0 0 20px;}
.latest_gallery img{ width:100%; }
.latest_gallery ul li span{ display:block}
.latest_gallery .more_area a { background:#fcac00; color:#fff; }
.latest_gallery .more_area a:hover { background:rgba(253,98,116,1); color:#fff; }
.latest_gallery  figure { border-radius: 8px;border: 2px solid #fcac00;}

.latest_gallery ul { scrollbar-color:#fcac00 #ddd3b8; scrollbar-width: thin; }
.latest_gallery ul::-webkit-scrollbar { width: 5px; }
.latest_gallery ul::-webkit-scrollbar-track { background: #ddd3b8; }
.latest_gallery ul::-webkit-scrollbar-thumb { background: #fcac00; }







.latest_video{ float: right; padding: 0 0 0 10px; width:calc(33.2% - 10px);  position:relative;  }
.latest_video .area{  }
.latest_video .title {  color:#fff ; font-size: 35px; position:absolute; z-index:1 }
.latest_video .title span{ background:url(../images/web/photo_icon.png) no-repeat; width:62px; height:62px; vertical-align: middle;
display: table-cell;  }
.latest_video .title p{ vertical-align: middle;display: table-cell;filter: drop-shadow(2px 3px 0px #ff5e80); }
.latest_video .title p span { font-size:35px}
.latest_video .strokeText { color: #ff2746;-webkit-text-stroke: 1px #ff2746;}
.latest_video ul{ list-style:none; margin: 0; padding: 0px;}
.latest_video ul li{ height: 389px;background: #ffe0e6;position: relative;padding: 15px;border: 3px solid #ff2746;border-radius: 16px;}
.latest_video ul li:nth-of-type(even){background: #f7f7f7;}
.latest_video ul li span{ color:#009cb5; }
.latest_video ul li a{ display:block; padding:0; color:#333; position:relative}
.latest_video .cover{ float: left;width: calc(100% - 6px);border: 3px solid #fff;}
.latest_video .content{ float: right;width: calc(100% - 20px);position: absolute;bottom: 0;background: #33333394;color: #fff;padding: 10px;}
.latest_video img{ width:100%; }
.latest_video ul li span{ display:block}
.latest_video .more_area { margin-top: 0px; top:15px}
.latest_video .more_area a { background:#ff2746; color:#fff; }
.latest_video .more_area a:hover { background:rgba(0,156,181,1); color:#fff; }
.latest_video .main_events_area { padding-top:41px}

.main_calenadr{ float: left; width:calc(33.3% - 1%); background:transparent; position:relative; margin-left:1%; }
.main_calenadr .main_events_area{background: #fff;border-radius: 16px;padding: 10px;}
.main_calenadr .area{margin: 32px 0 0 0;border: 3px solid #2dbb9f;border-radius: 16px;padding: 10px;background: #eaffeb}
.main_calenadr .title {  color:#fff ; }
.main_calenadr .title span{ background:url(../images/web/calendar_icon.png) no-repeat; width:62px; height:62px; vertical-align: middle;
display: table-cell;  }
.main_calenadr .title p{ vertical-align: middle;display: table-cell;filter: drop-shadow(2px 3px 0px #21ac91); font-size:35px; }
.main_calenadr .title p span { font-size:35px}
.main_calenadr .strokeText { color: #21ac91;-webkit-text-stroke: 1px #21ac91;}
.main_calenadr ul{ list-style:none; margin: 0; padding: 0px;max-height: 97px;min-height: 97px;overflow-y: scroll;}
.main_calenadr ul li{ border-bottom:none;background: #fff;  position:relative; padding: 10px 5px;}
.main_calenadr ul li:nth-of-type(even){background: #f7f7f7;}
.main_calenadr ul li span{  }
.main_calenadr ul li a{ display:block; padding:0; color:#333;}
.main_calenadr .more_area { margin-top: -37px;}
.main_calenadr .more_area a { background:#2dbb9f; color:#fff; }
.main_calenadr .more_area a:hover { background:rgba(19,128,90,1); color:#fff; }



.main_calenadr ul { scrollbar-color:#2dbb9f #d0e0d1; scrollbar-width: thin; }
.main_calenadr ul::-webkit-scrollbar { width: 5px; }
.main_calenadr ul::-webkit-scrollbar-track { background: #d0e0d1; }
.main_calenadr ul::-webkit-scrollbar-thumb { background: #2dbb9f; }



#calendar{ padding:10px 5px;}

.fc-center h2{ font-size:13px;}


/* Main Userful Links */
.Userful_link_inside{ float:left; padding:0px ; margin-top:50px; width: 100%;}
.Userful_link_inside .title{ display:none}
.Userful_link_inside ul{ list-style:none; margin:0 0 0 -2%; padding:0}
.Userful_link_inside ul li{ float:left;}

.Userful_link_inside ul li{ width: calc(16.6% - 2%);margin-left: 2%; margin-bottom:2%}

.Userful_link_inside ul li img{border:3px solid #fcac00; width:100%;  box-shadow:0 0 2px rgba(0,0,0,.25); border-radius:16px;background: #fff;}
.Userful_link_inside ul li:hover img{ opacity:.7; box-shadow:0 0 2px rgba(0,0,0,.4)}
.Userful_link_inside ul li a{display: block;}

.Userful_link_inside ul li:nth-child(2n) img{border:3px solid #ff1919;}
.Userful_link_inside ul li:nth-child(3n) img{border:3px solid #1982f4;}
.Userful_link_inside ul li:nth-child(4n) img{border:3px solid #74b5e4;}
.Userful_link_inside ul li:nth-child(5n) img{border:3px solid #8fd2d9;}
.Userful_link_inside ul li:nth-child(6n) img{border:3px solid #fd6100;}
.Userful_link_inside ul li:nth-child(7n) img{border:3px solid #3899ff;}
.Userful_link_inside ul li:nth-child(8n) img{border:3px solid #008140;}
.Userful_link_inside ul li:nth-child(9n) img{border:3px solid #43a0dd;}
.Userful_link_inside ul li:nth-child(10n) img{border:3px solid #25371d;}
.Userful_link_inside ul li:nth-child(11n) img{border:3px solid #e0002a;}

.Userful_link_inside ul li:nth-child(6n+1) { clear:both}

/* Footer */
.footer{  font-size:14px;  background:#fff}
.footer .screen{ padding:25px 15px;}
.footer .copyright{ float:left; width:49%; text-align: left ;  color:#333}
.footer .power{ float:right; width:49%; text-align: right}
.footer .power a{ color:#333;}
.footer .power a:hover{ color: #094388;}
.footer .copyright a{ color:#333;}

.upper_footer{ background:#00266e; padding: 50px 0 30px}
.upper_footer .Userful_link_outside{float: left; width: 70%;}
.upper_footer .Userful_link_outside .title{ display:none}
.upper_footer .Userful_link_outside ul{ list-style:none; margin:0 0 0 0%; padding:0}
.upper_footer .Userful_link_outside ul li{ float: left; width:19%; margin:0 1% 10px 0;}
.upper_footer .Userful_link_outside ul li img{ width:100%; box-shadow:0 0 2px rgba(0,0,0,.25); border:1px solid #fff;}
.upper_footer .Userful_link_outside ul li:hover img{ opacity:.7; box-shadow:0 0 3px rgba(0,0,0,.4)}
.upper_footer .footer_contact{width: 27%; position: relative; float: right;font-size: 18px; color: #fff;font-family: "Oswald", "微軟正黑體"}
.upper_footer .footer_contact .title{ color:#fff; padding:0 0 0 45px; margin-bottom:10px;}
.upper_footer .footer_contact .title span{ position:absolute; left:0px; top:-1px; background:url(../images/icon_tel.png) no-repeat; width:30px; height:24px;}
.upper_footer .footer_contact .email{color: #fff600;}
.upper_footer .footer_contact .email:hover{ color:#fff}
.upper_footer .footer_contact .upper_footer_map{padding: 3px 15px 3px 34px; box-shadow: 0 0 1px rgba(0,0,0,.35); background: #ffc000 url(../images/icon_map.png) no-repeat; background-position: 10px 6px; color: #fff; border-radius: 4px; font-size: 14px;}
.upper_footer .footer_contact .upper_footer_googlemap{margin-left: 8px; padding: 3px 15px 3px 37px; box-shadow: 0 0 1px rgba(0,0,0,.35); background: #fff url(../images/icon_googlemap.png) no-repeat; background-position: 8px 0px; color: #000; border-radius: 4px; font-size: 14px;}
.upper_footer .footer_contact table{line-height: 36px;}
.upper_footer .footer_contact td { color:#fff;}

.upper_footer .footer_contact td a { color:#fff;}
.upper_footer .footer_contact td a:hover { color:#333;}
.cd-top {
  display: inline-block;  position: fixed;  opacity: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  height: 50px;  width: 50px;  bottom: 50px;  right: 50px;  
  overflow: hidden;  text-indent: 100%;  white-space: nowrap; border:1px 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: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:#032d69}

/* Page Content */
.inner_content{ float:right; width:74%; padding:0px 2%; background:#fff; background-size:100% auto;margin-bottom:10px; padding-bottom:2%;  filter: drop-shadow(0px 1px 2px #d4d4d4);}
.inner_content .main_content{ padding:0px 0 ; min-height:500px; line-height:33px;}
.inner_content_full{ box-shadow:0 -3px 5px rgba(0,0,0,.1); background:#fff; }
.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:500px;}
.inner_content img, .inner_content_full img{ max-width:100%;}

.inner_banner { position:relative; overflow:hidden; background:url(../images/web/bg_inside.jpg) no-repeat ; background-position: center top; padding:100px 0; background-size:cover; text-align:center }
.inner_banner h1{ text-align: center;  color:#fff; text-shadow: 0 0 3px rgba(0,0,0,.2);float: right;
filter: drop-shadow(-10px 8px 0px #fce533);
margin: 0 -10px 0 0;}
.inner_banner p { background: rgb(62, 129, 204);
padding: 12px 30px;
}

.non_banner{ background:#f4fbf8; border-bottom:1px solid #ddd; margin-bottom:0px; text-align: center }
.non_banner .area{padding:40px 0 40px 0px; }

.non_banner h1{ font-size:33px; padding:1px 5px 1px 30px; display:inline-block; line-height:34px; text-align:left; color:#333; font-weight:normal; background: url(../images/bg_header_title.png) no-repeat center left;}


.inner_banner img{ width:100%;}
.banner_title{ text-align: center; padding:150px 0 0 ;  width:100%; position:absolute; z-index:1; float:right  }

.banner_title span{ padding:15px 50px; text-transform:uppercase; text-shadow:0 0 3px rgba(0,0,0,.1); line-height:33px; font-size:33px; color:#032d69; background:rgba(255,255,255,.95);box-shadow:0 0 3px rgba(0,0,0,.3);} 

.main_content { } 
.main_content p{ } 
.main_content span{ } 

.banner_inside { background-position: center  top; background-repeat: no-repeat; background-size:100% auto; background:linear-gradient(#fff,#ebfaff); }
.banner_inside  .title_t{ margin:0px; padding:70px 0; text-align: center;  }
.banner_inside  .title_t span{ text-align: center; font-size:32px; line-height:38px; color:#fff; padding:10px 30px;text-shadow: 0 5px 10px rgba(0,0,0,.7); text-transform:uppercase; font-weight:normal; background:rgba(0,94,54,.3); border:1px solid rgba(255,255,255,.7);}

.detail_inside { background-position: center  top; background-repeat: no-repeat; background-size:100% auto; background:linear-gradient(#fff,#ebfaff); }
.detail_inside  .title_t{ margin:0px; padding:70px 0; text-align: center;  }
.detail_inside  .title_t span{ text-align: center; font-size:32px; line-height:38px; color:#fff; padding:10px 30px;text-shadow: 0 5px 10px rgba(0,0,0,.7); text-transform:uppercase; font-weight:normal;  border:1px solid rgba(255,255,255,.7);}


#inner_banner { background-position: center  top; background-repeat: no-repeat; background-size:100% auto; background:linear-gradient(#fff,#ebfaff); }
#inner_banner .title_t{ margin:0px; padding:118px 0; text-align: center;  }
#inner_banner .title_t span{ text-align: center; font-size:32px; line-height:38px; color:#fff; padding:10px 30px;text-shadow: 0 5px 10px rgba(0,0,0,.7); text-transform:uppercase; font-weight:normal; background:rgba(0,94,54,.3); border:1px solid rgba(255,255,255,.7);}

#Media_Video { background-position: center  top; background-repeat: no-repeat; background-size:100% auto; background:linear-gradient(#fff,#ebfaff); }
#Media_Video .title_t{ margin:0px; padding:70px 0; text-align: center;  }
#Media_Video .title_t span{ text-align: center; font-size:32px; line-height:38px; color:#fff; padding:10px 30px;text-shadow: 0 5px 10px rgba(0,0,0,.7); text-transform:uppercase; font-weight:normal; background:rgba(0,94,54,.3); border:1px solid rgba(255,255,255,.7);}


#Media_Album { background-position: center  top; background-repeat: no-repeat; background-size:100% auto; background:linear-gradient(#fff,#ebfaff); }
#Media_Album .title_t{ margin:0px; padding:70px 0; text-align: center;  }
#Media_Album .title_t span{ text-align: center; font-size:32px; line-height:38px; color:#fff; padding:10px 30px;text-shadow: 0 5px 10px rgba(0,0,0,.7); text-transform:uppercase; font-weight:normal; background:rgba(0,94,54,.3); border:1px solid rgba(255,255,255,.7);}


.Album .description ul{ list-style: outside; padding:0; margin: 0 15px; }
.Album, .boxing{ margin:15px 0px;}
.Album .title, .boxing .title{  color: #3d81cc;background: #fff;padding: 5px 100px 5px 20px;box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.26);margin: 0px 0 15px 0;display: inline-table;font-size: 24px;filter: drop-shadow(6px 6px 0px #3d81cc); }
.Album .description,  .boxing  .description{padding:10px; margin:20px 0; }
.Album .description:nth-child(even), .boxing  .description:nth-child(even){ background:#f1f8ff}
.Album .description:nth-child(odd), .boxing  .description:nth-child(odd){ background:#fffcf1}
.Album ul{ list-style:none; padding:0px; margin:0}
.Album ol{ margin:0px; padding:0 15px;}
.Album ul li{ text-align: left; margin:0 0 10px 0; }
.Album ul li img{  }
.Album ul li:hover img{ box-shadow:0 0 0px rgba(0,51,204,.0)}
.Album ul li p{ margin:0px; padding:10px 0;   }
.right_desc p,.Album ul li ul li,.Album ul li ol li{ line-height:28px; text-align: left;}

.slogan{ background: url(../images/web/banner_slogan.png) no-repeat left;text-align: right;padding: 8% 5% 1% 0px;width: 35%;margin: 0px auto;font-size: 40px;
line-height: 55px;font-weight: bold;position: absolute;
right: 0px;bottom: 0;color: #fff;background-size: cover;text-shadow: 0 0 6px rgba(0, 0, 0, 0.83);}

.mission_group{ font-size:23px;}

.mission_a{ color:#ff0042}
.mission_b{ color:#ffc000}
.mission_c{ color:#0f887b}
.mission_d{ color:#6827a0}

#Inner_Type_A{ }
#Inner_Type_A .title{  }
#Inner_Type_A ul{ margin:0 0 0 -2%; }

#Inner_Type_A .description ul{ list-style: outside; margin:0px 0 0px 25px; text-align:left  }
#Inner_Type_A .description ul li{  text-align:left  }
#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%; max-height:480px; }
#Inner_Type_A li p{ padding:8px 0; }

#Inner_Type_A .description {  }
#Inner_Type_A .description ul { list-style:outside }
#Inner_Type_A .description ul li { float:none; width:100% }

#Inner_Type_A .description ol { }
#Inner_Type_A .description ol li { float:none; width:100% }


#Inner_Type_A li:nth-child(3n+1){ clear:both;}
#Inner_Type_C{padding:0px; background:none }
#Inner_Type_C .title{ margin-left:0px; }

#Inner_Type_C .title_des{ float: left; width:28%}
#Inner_Type_C .right_desc{ float: right; width:70%; text-align: left}
#Inner_Type_C ul{  padding:0;}
#Inner_Type_C li{ float:none; width:100%; margin:0 0 15px 0%; text-align: center; clear:both}
#Inner_Type_C li img{ max-width:100%; height:auto }

#Inner_Type_B {padding:0px; margin:0; }
#Inner_Type_B ul{ margin:15px 0px; padding:0px 0 0 -2%;}
#Inner_Type_B li{ float: left; width:48%; margin:0 0 15px 2%; text-align: left; padding:0}
#Inner_Type_B li img{ max-width:100%; height: auto; text-align: center; margin:0; border:1px solid #fff; box-shadow:0 0 0px rgba(0,0,0,.2)}
#Inner_Type_B li .title_des{ width:100%; float:left; text-align:center }
#Inner_Type_B li .right_desc{ float: right; width:100%;line-height:33px; text-align: left; }
#Inner_Type_B li p{ margin-bottom:10px;}
#Inner_Type_B li:nth-child(2n+1) { clear:both;}
#Inner_Type_H ul{margin:0 0 5px -2%; }
#Inner_Type_B .description { background:#fcffff; border:2px solid #094285; padding:15px; margin:0; }
#Inner_Type_B .description ul { list-style:outside }
#Inner_Type_B .description ul li { float:none; width:100% }

#Inner_Type_B .description ol { }
#Inner_Type_B .description ol li { float:none; width:100% }

#Inner_Type_H ol li{ float: none; width:100%; margin:0 0 5px -2%; }
#Inner_Type_H li{ float:left; width:31%; margin:0 0 15px 2%; background:#f5f4fb; height:130px; box-shadow:0 0 1px rgba(102,51,153,1) }
#Inner_Type_H li img{ max-width:100%; max-height:130px; box-shadow:0 0 0; border:0;  }
#Inner_Type_H li p{ padding:0px 0; }
#Inner_Type_H li a{  }
#Inner_Type_H .title_des { float: left; width:30%;}
#Inner_Type_H .title_des  img{ max-width:100%;}
#Inner_Type_H .right_desc { float:right; width:67%; font-size:16px; line-height:23px; text-align: left;}
#Inner_Type_H h5{ font-size:16px; text-transform:uppercase; color:#361a67; font-weight:normal; padding:25px 0 8px; 0;}

#Inner_Type_D { background:none}
#Inner_Type_D ul{ margin:0; padding:0px; margin:0}
#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; width:100%; max-width: 100%;}



#Inner_Type_A ul, #Inner_Type_A2 ul{ margin:0 0 15px -2%; }
#Inner_Type_A li, #Inner_Type_A2 li{ float:left; width:31.3%; margin:0 0 15px 2%; }
#Inner_Type_A li p, #Inner_Type_A2 li p{ text-align: center; }
#Inner_Type_A li:nth-child(3n+1), #Inner_Type_A2 li:nth-child(3n+1){ clear:both; }

#Inner_Type_B ul, #Inner_Type_B2 ul{ margin:0 0 15px -2%; }
#Inner_Type_B li, #Inner_Type_B2 li{ float:left; width:48%; margin:0 0 15px 2%; }
#Inner_Type_B li p, #Inner_Type_B2 li p{ text-align: left; }
#Inner_Type_B li:nth-child(2n+1), #Inner_Type_B2 li:nth-child(2n+1){ clear:both; }

#Inner_Type_C li .title_des{ float: left; width:33%}
#Inner_Type_C li .right_desc{ float: right; width:65%; text-align: left}
#Inner_Type_C2 li .title_des{ float: right; width:33%}
#Inner_Type_C2 li .right_desc{ float: left; width:65%; text-align: left}
#Inner_Type_C li p, #Inner_Type_C2 li p{ text-align: left; }








.download_area{  margin:15px 0px;}
.download_area .title{  color:#ff2558 ;  background:#f9f9f9; padding:5px 100px 5px 20px; margin:30px 0; display:inline-table; font-size:24px; filter: drop-shadow(6px 6px 0px #ff2558);
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.26);}

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

.calendar_content{ margin:0px 0 0 0; padding:20px 0; box-shadow: 0 0 3px rgba(0,0,0,.2)}

/* 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 #032d69;}
.subject_category p{ color:#032d69;  border-bottom:1px solid #032d69; margin:0px 0 0 0px; padding:0px 5px; text-align: center;}
.subject_category a{ }
.subject_category a:hover p{ border-bottom:1px solid #032d69; background:#032d69; color:#fff; }
.subject_category a:hover{ text-decoration:none}

/* Information Template */
.sub_category{ float: left; }
#notice .sub_category{  }
.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:#2080d1; background: #fff; font-size:16px; line-height:19px; border:1px solid #2080d1; }
.sub_category ul li a:hover{ background: #fffeef; color:#2080d1; border:1px solid #2080d1;}
.sub_category ul li a.current{ background: #2080d1 ; color:#fff; border:1px solid #032d69 ; }
#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 ;}
.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(83,27,133,.3); border:1px solid #032d69;}
.information p{ margin:0px 0 0 0px; padding:0px 0px; }
.information .date{ margin:0px 0 0 0px; }
.information .date span{ padding:10px 0 5px 22px; color:#666; font-size:16px; display:block; background:url(../images/icon/icon_date.png) no-repeat left center; background-size:17px 17px;}
.information .single{ background:#fff}
.information .double{ }

#info_type_A .information ul li:nth-child(4n+1){ clear:both; }

#info_type_B .information ul{  margin:0 0 0 0%; border-top:2px solid #032d69}
#info_type_B .information ul li{ float:none; width: 100%; margin:0; padding:0px ; 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:#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:15%;  }

#info_type_B .information .media_t{ float:left; width:15%;  }
#info_type_B .information .date span{ padding:5px 0 5px 30px; color:#666; 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:70%; 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:410px;}
#Information_detail #Inner_Type_A li:nth-child(4n+1){ clear:both}

#Information_detail #Inner_Type_A li:nth-child(3n+1){ clear: none}

/* Sub Menu */
.arrowlistmenu{ float:left; width:22%; background: #fff; box-shadow:0 0 3px rgba(0,0,0,.2); position:relative; }
.arrowlistmenu .title {padding: 25px 0; background:url(../images/web/inner_title.png) no-repeat, linear-gradient(45deg,#a1e5ff 50%,#3c99dc 50%); background-size: cover !important; border-bottom:2px solid #fff; margin:0px;  text-align: center; position:relative }

.arrowlistmenu .title p { font-size:28px; color:#fff;  padding:15px 0; text-transform:uppercase; line-height:34px; text-align: center; filter: drop-shadow(0px 1px 2px #4f4f4f); } 
.arrowlistmenu .expandable_main{background:#d5f3fe url(../images/icon/arrow_right.png) no-repeat; color:#0059af; background-position:95% 50%; background-size:19px 19px;  }
.arrowlistmenu .openheader { color:#0059af; background:#d5f3fe url(../images/icon/arrow_down.png) no-repeat; background-position:95% 50%; background-size:19px 19px; }
.arrowlistmenu .expandable_sub { margin:0; color:#032d69}
.arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0px 0px;background: #fff; }
.arrowlistmenu ul li{ padding-bottom: 0px;}
.arrowlistmenu .categoryitems_sub{ }
.arrowlistmenu .categoryitems_sub a{}

.arrowlistmenu .categoryitems_sub li a{ margin:0 0 0 10px; background:#fff url(../images/arrow_pt.png) no-repeat; background-position:20px 15px; color:#666}
.arrowlistmenu .categoryitems_sub li a:hover{ background:#00266e  url(../images/arrow_pt.png) no-repeat; background-position:20px 15px; color:#fff }
.arrowlistmenu .categoryitems_sub li a.current{ background:#00266e  url(../images/arrow_pt.png) no-repeat; background-position:20px 15px; color:#fff }

.arrowlistmenu .menuheader{ margin:0px; padding:10px 10px 10px 10px; font-size:16px; cursor: pointer; display:block; color: #032d69; border-top:1px solid #cdd7e5}

.arrowlistmenu a{  display:block;}
.arrowlistmenu a:hover{color: #fff; background:#ffc705 } 
.arrowlistmenu a.current{ background-color:#3c99dc ; color:#fff;}

.arrowlistmenu .expandable_main a:hover{color: #00266e ; background: none}

.arrowlistmenu .expandable_sub a{ padding:10px 15px; }
.arrowlistmenu .expandable_sub a.current {  }

.arrowlistmenu .expandable_main a.current { background: none; color:#00266e  }

.arrowlistmenu ul li a{ color: #333; background:#fff url(../images/arrow_blue.png) no-repeat; background-position:20px 15px;  font-size:0.9em; display: block; padding: 8px 15px 8px 35px; border-bottom: 1px dotted #eeeeee}
.arrowlistmenu ul li a:hover{ background:#00266e  url(../images/arrow_white.png) no-repeat; background-position:20px 15px;  color:#fff}
.arrowlistmenu ul li a.current{ background:#66d3fa url(../images/arrow_white.png) no-repeat; background-position:20px 15px;  color:#fff}


/* Notice */
#notice{ font-size:15px;}
#notice .information ul{  margin:0 0 0 0%; border-top:2px solid #ddd}
#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:15%; padding:5px 5px 5px 10px;}
#notice .information .date span{ padding:0 0 0 25px}
#notice .information .number{ float:left; width:10%; padding:5px 0; font-size:16px; }
#notice .information .title{ float:left; width:60%; padding:5px 0; font-size:16px; line-height:19px; text-shadow:0 0 0 }
#notice .information p{ width: auto; font-size:15px;}
#notice .information .download{ float:right; width:8%; overflow: hidden }
#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;font-size:16px; line-height:19px; display:block}

/* media */
#Media_Album .information ul{  margin:0 0 0 -2%; }
#Media_Album .information .clip{ display:none;}
#Media_Album .information ul li{ float:none; border-top:2px solid #032d69; width:18%; margin:0 0 20px 2%; 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:15px;}
#Media_Album .information ul li:hover .cover{ background:#f0f4f4; 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:0 }
#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 ;}
#Media_Video .information p{ float: none; text-align: center; padding:10px 0 5px 0; font-size:19px;}
#Media_Video .information ul li:hover .cover{ box-shadow:0 0 3px rgba(0,0,0,.3); }
#Media_Video .information ul li:hover img{ opacity:.7 ; }
#Media_Video .information ul li a{ color:#333}
#Media_Video .information ul li:nth-child(3n+1){ clear:both;}
.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:520px;}
.youtube_video video{ width:100%; height:520px;}
.video_footer{ background:url(../images/icon/tv_footer.png) no-repeat center; height:38px; width:70%; margin-bottom:50px;}

/* Site Map */
.site-map { margin:0; padding:0;}
.site-map ul{ list-style:none; margin:0 0 0 -3%; padding:0;}
.site-map ul li{ float: left; width: 22%; margin:0 0 15px 3%; padding:0; list-style:none;}
.site-map ul li:nth-child(4n+1){ clear: both; }
.site-map ul li ul{ list-style:none; margin:0 0 0 0px; padding:0;}
.site-map ul li ul li{ float: none; width: 100%; margin:0; }
.site-map ul li ul li ul{ list-style:none; margin:0 0 0 15px; padding:0;}

.site-map ul li a{ color:#085cba; padding:5px 0px; display:block; border-bottom:1px solid #ddd;}
.site-map ul li a:hover{ text-decoration:none;}
.site-map ul li ul li a{ border-bottom:0px solid #ddd; color:#333}

.site-map ul li ul li ul li a{ font-size:16px; border-bottom:0px solid #ddd; color:#555; background:url(../images/icon/arrow_right.png) no-repeat; background-size:15px 15px; background-position:0px 50%; padding:5px 0px 5px 20px ; display:block}
ul.site-map-menu li ul li ul li a:hover{ background:url(../images/icon/arrow_right.png) no-repeat; background-size:15px 15px; background-position:0px 50%; }
.site-map ul li ul li ul li ul li a{ font-size:16px; border-bottom:0px solid #ddd; color:#555; background:url(../images/icon/poting_right.png) no-repeat; background-size:7px 7px; background-position:5px 50%; padding:5px 0px 5px 20px ; display:block}
ul.site-map-menu li ul li ul li ul li a:hover{ background:url(../images/icon/poting_right.png) no-repeat; background-size:7px 7px; background-position:0px 50%; }



/* 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; margin-top:50px; margin-bottom:50px;}
.btn_back a{ background:#989898; color:#fff; padding:10px 35px; text-transform:uppercase; text-align: center;}
.btn_back a:hover{ background:#032d69 }

.calendar { float:left; width:22%; margin:0; background:#fff;}

.caption_left{ position:absolute; bottom:15%;  width:40%; left:5%;color:#fff; font-size:58px; line-height:64px; text-shadow:0 0 5px rgba(0,0,0,.7); }
.caption_left #banenr_b{ background:rgba(0,0,0,.5); padding:15px;}
#banenr_a{ padding-bottom:120px;}
.purple_title{ background:#2a1b5a; color:#fff;}

.white_font{ color:#fff}

.subject{ width:90%;}
.subject ul{ margin:0; padding:0;}
.subject ul li{ width:45%; margin:0 2% 20px 0; list-style:none; float: left}
.subject ul li a{ border:2px solid #00266e; padding:5px; text-align: center; color:#00266e; display:block;}
.subject ul li a:hover{ background:#00266e ; color:#fff; }

.history_area{ width:85%; padding-top:25px}
.history_area ul{ list-style:none; margin:0; padding:0 }
.history_area ul li{ margin:0; padding:0;}
.history_area .year_area{ background:#00266e; padding:5px 0; width:25%; color:#fff; float: left; text-align: center;}
.history_area .history_area{ float: right; border-left:1px dotted #ddd; width:74.8%; padding:15px 0 30px 0;}
.content_history{ background:#f8f8f8; padding:10px;}

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


.wrap .dropdown span {cursor: pointer;border-bottom:1px solid #039;color:#004b87; font-size:16px; border:1px solid #ddd; padding:5px 30px 5px 5px; background:url(../images/icon/down.gif) no-repeat #fff; background-position:90% 50%;  }
.wrap .dropdown { float:right; margin: 0 0; }



.wrap  .dropdown-content {
  display: none;
  position: absolute; right:0;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
  padding: 0;
  z-index: 1;
}
.wrap .dropdown:hover .dropdown-content {  display: block;}
.wrap .dropdown-content ul { list-style: none; padding:5px; margin:0; display: flex;
  flex-direction: column-reverse;}
.wrap .dropdown-content ul li {  float: right;  width:100%;}
.wrap .dropdown-content ul li a{ display:block; padding:5px ; text-align: center; border-bottom:1px dotted #ddd; color:#333 }
.wrap .dropdown-content ul li a:hover { background:#004b87; color:#fff; }







/* Table */
table{border-collapse: inherit; width:100%;  line-height:33px; border:1px solid #009fe7  }
tr:nth-child(even) td { background:#f2f2f2; color:#333; padding:5px; }
tr:nth-child(odd) td { background:#fff; color:#333; padding:5px; }
table ul, table ol{ margin:0; }

#table_box{ border-collapse:inherit; background:#ddd }
#table_box tr td{ padding:5px; background:#fff ; border:0px;}
#table_box tr:nth-child(1) td{ background:#086cc2 !important; color:#fff !important;}
#table_box tr:nth-child(odd) td{ background:#fffcf3}

.tablefield-wrapper{border-collapse:inherit; }
.tablefield-wrapper tr td{ padding:5px; background:#fff }
.tablefield-wrapper  thead{ background:#0dadf6 !important; color:#fff !important;}
.tablefield-wrapper  thead > tr > th { border-bottom:0px !important ;}
.tablefield-wrapper tr:nth-child(odd) td{ background:#fffcf3}

.tablefield-wrapper caption { }

.tablefield-wrapper tr { 
    display: flex; 
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 0;
	padding:0 1px;
  }
.tablefield-wrapper td, .tablefield-wrapper th {
    flex: 1 1 150px;
  }
.default_img{ margin:0px auto ; text-align: center; max-width:100%;}




#table_des{ border-collapse:inherit}
#table_des{ border:2px solid #3c99dc; padding:2px;} 
#table_des tr:nth-child(1){ background:#0f5298; color:#fff;} 
#table_des tr:nth-child(even) td{ background:#e1f7ff} 

#table_des_b{ border-collapse:inherit; background: #3e81cc; width:calc(100% - 8px - 4px);table-layout: fixed;
text-align: center;}
#table_des_b{ border:4px solid #fcd333; padding:2px;} 
#table_des_b tr:nth-child(even) td{ background:#e1f7ff}
#table_des_b tr:nth-child(odd) td{ background:#fff}

#slogan_left { position:absolute; left:5%; color:#fff; font-size:60px; line-height:68px; text-shadow: 0 0 3px rgba(0,0,0,.2); bottom:100px;  }
#slogan_right { position:absolute; right:5%; color:#fff; font-size:60px; line-height:68px; text-shadow: 0 0 3px rgba(0,0,0,.2); bottom:100px;  }



.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity:1;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity:.8;
}
figure {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}
.hover02 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity:.3;
}
.hover02 figure:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity:.7;
}


.link_button{ padding: 0; float:left;width: calc(66.6% - 1%);margin-left: 1%; position:relative; margin-top:33px }
.link_button ul {list-style: none;margin: 0 0 0 0;padding: 0;}


.link_button ul li {  float: left; margin:0 ; float: left;width:calc(50% - 1% - 6px); position:relative; overflow: hidden; margin-left:1%; margin-bottom:1%; border: 3px solid #fd9b01;
box-shadow: 0 0px 3px rgba(0,0,0,.2);
border-radius: 8px;
overflow: hidden;}

.link_button ul li a {  display:block;  }
.link_button ul li span p {position: absolute;bottom: 0px;left: 0;text-align: center; font-size:30px; padding:4% 0 4% 70px;color: #fff;
text-shadow: 0 0 3px rgb(0, 0, 0); }
.link_button ul li span{ position: absolute;
height: auto; bottom:0; left:0}
.link_button ul li img{ width: 100%;}
.link_button ul li p::before {  content: "";width: 67px;height: 67px;background: url(/dev/tkfsc/sites/all/themes/ntemplate/images/web/button_award_icon.png) no-repeat center;position: absolute;left: 0px;text-align: center;bottom: 0px; background-size: 100%; }
.link_button ul li font { font-size:40px}



.link_button ul li +li {border: 3px solid #bf5aee; }

.link_button ul li+li p::before {  content: "";background: url(/dev/tkfsc/sites/all/themes/ntemplate/images/web/button_dream_icon.png) no-repeat center;background-size: 100%; width:76px; height:64px}



.link_button ul li +li+li {border: 3px solid #82d2ff; margin-bottom:0 }

.link_button ul li+li+li p::before {  content: "";background: url(/dev/tkfsc/sites/all/themes/ntemplate/images/web/button_work_icon.png) no-repeat center;background-size: 100%;width: 69px;
height: 61px;}



.link_button ul li +li+li+li {border: 3px solid #ff2746; margin-bottom:0 }

.link_button ul li+li+li+li p::before {  content: "";background: url(/dev/tkfsc/sites/all/themes/ntemplate/images/web/button_media_icon.png) no-repeat center;background-size: 100%;
width: 75px;
height: 62px;}


#btn_title { vertical-align: middle;display: table-cell;}


#inner { background: linear-gradient(#fff,#b1ecff);}


.banner_button{ position:absolute; bottom:3%; }
.banner_button ul{ list-style:none; margin:0; padding:0; }
.banner_button ul li{ margin:5px 0 ; }

.banner_button ul li a{ display: block; background:url(../images/web/banner_admission.png) no-repeat #1977f3e0 bottom left; color:#fff; font-size:23px; line-height:23px; padding:15px 60px 15px 80px; background-position:20px 50% ;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;}

.banner_button ul li+li a{ display: block; background:url(../images/web/banner_news.png) no-repeat #fff000ba bottom left ;background-position:30px 50% ;color:#333;  }
.banner_button ul li+li+li a{ display: block; background:url(../images/web/banner_event.png) no-repeat #39a9dec7  bottom left ;background-position:20px 50% ;color:#fff; }

.banner_button ul li+li+li+li a{ display: block; background:url(../images/web/banner_calender.png) no-repeat #142474e3 bottom left ;background-position:20px 50%  }

.banner_button ul li a:hover { background:url(../images/web/banner_admission.png) no-repeat #ff8400e8 bottom left ; background-position:20px 50% }

.banner_button ul li+li a:hover { background:url(../images/web/banner_news.png) no-repeat #ff4d66d4 bottom left ; background-position:30px 50% }

.banner_button ul li+li+li a:hover { background:url(../images/web/banner_event.png) no-repeat #138737de bottom left ; background-position:20px 50% }

.banner_button ul li+li+li+li a:hover { background:url(../images/web/banner_calender.png) no-repeat #142474e3 bottom left ; background-position:20px 50% }
#screen1 { min-width: 680px;
max-width: 1920px;
position: relative;}