@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:24px;		 
font-family:  "微軟正黑體", 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 ;text-decoration: none; }

.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%; overflow:hidden}



#wrap_bg { background:url(../images/web/header_bg.png) no-repeat center top #f1f1f1}



.screen{ min-width:680px; max-width:1380px; position:relative; padding:0px 15px;}



.box { min-height: 100%;min-width: 680px;max-width: 1380px;position: relative; padding:0 15px; width:auto; }



.container{ width: 100%;position: relative;box-shadow: 0 0px 10px rgba(0, 0, 0, 0.46);background: #fff; border-top-left-radius:8px  ; border-top-right-radius:8px; margin:0 0px; z-index:1  }



.container .screen{ padding:0 20px }



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



h3{ color:#032d69; border-left:2px solid #2565ae; background:#f9f9f9; padding:5px 100px 5px 20px; box-shadow:1px 2px 3px rgba(0,0,0,.2); margin:0px 0 15px 0; display:inline-table; font-size:24px; }



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:10px 3% 0 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);}







.search-advanced{ display:none; }







.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-size: cover; position:relative; z-index:1;  }



.header:after{display: block;content: ''; clear: both;}



.header .screen{ position:relative; padding:0px 0;}







.sticky { z-index:10; -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; }
.sticky  { position:fixed; top:0px; z-index:10; width:100%;   min-height: auto; left: 0;  } 

.sticky #nav-wrap {background: #fff; max-width:1380px; } 







.left_main{  background: #24a49c}



#inner_bg { background:url(../images/web/link_bg.png) no-repeat; position: relative; bottom:0 ; width:100%; height:110px}







	



.header .logo .logo_img {    float: left;    padding: 0px 15px 0 0;}



.header .logo img{ max-width:100%; max-height:100px; }



.header .logo{ float:left; margin: 10px 0 ; width:40%;}



.header .logo a{ display:block;}



.header .logo .logo_img{float:left;padding: 0px 15px 0 0;}



.header .logo .logo_txt{float: left;margin: 18px 0 0 10px;}



.header .logo .logo_tc{color: #fff;font-size: 36px;/* letter-spacing:9px; */padding:23px 0 0 0;position:relative; }



.header .logo .logo_en{padding: 10px 0px;font-size: 23px;line-height: 35px;color: #fffc00;position:relative;}















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











.header .links_top { float:right;  }



.header .links_top ul { list-style:none; margin:0; padding: 0 ;}



.header .links_top ul li { float:left; margin:0 ; position:relative}



.header .links_top ul li a {color:#fff; background:#fac533; padding:50px 30px 10px 30px; display:block}



.header .links_top ul li+li a { background:#096a64;border-bottom-right-radius: 8px;}



.header .links_top ul li a:hover { background:#ff8a00; }



.header .links_top ul li+li a:hover { background:#248691; }



.header .links_top ul li span { background: url(../images/web/top_admission.png) no-repeat center;position: absolute;width: auto;



height: 44px;top: 0;right: 0;left: 0;}



.header .links_top ul li+li span { background: url(../images/web/top_map.png) no-repeat center;position: absolute;width: auto;



height: 44px;top: 0;right: 0;left: 0;}



.header .links_top ul li a img { height:35px}







.stellarnav li+li { background:url(../images/web/menu_left.png) no-repeat center left;}











.top_right { float:right; font-weight:bold }



.top_right  .english { float:left; padding:0px 0 0 0 ; margin-right:50px}



.top_right  .english a {background:url(../images/web/top_eng.png) #1a8c88 no-repeat left ;padding: 5px 20px 5px 40px;



display: block;border: 3px solid #fff;border-radius: 50px;background-position-x: 10px;color: #fff;font-weight: bold;margin-top: 5px; }



.top_right  .english a:hover { background:url(../images/web/top_eng.png) #fac533 no-repeat left ; background-position-x: 10px;}



/*search*/



#right_top_button { float: right; position:relative;}



.top_search #search-block-form { opacity:0; width:0; height:0;  overflow:hidden;  border-radius:0; padding:5px 50px 5px 5px; background:#1a8c88; position:relative;float:right; 



   -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;z-index: 999;



position: relative;  }







.top_search:hover #search-block-form {  width:200px; height: auto; opacity:1; display: block; transition: .5s; }







.top_search .form-text { background:#fff; padding:2px; font-size:16px; line-height:21px; border:0px; width:190px; }



#search-block-form input[type=submit] {height:34px;  width:34px; position: absolute;top:20px;right:10px; transform: translateY(-50%);line-height:38px;text-align:center; border-radius:50%;font-size:0px; border:0px; color:#fff;
cursor:pointer; background: url(../images/web/top_seacher.png) #fff no-repeat center center; background-size: 20px 20px ;
transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55 ); z-index:2; box-shadow: 0 0 3px rgba(0,0,0,.2);}



#search-block-form input[type=submit]:hover {}







.fa-search::before {



    content: ""; color:#27548d; font-weight: bold;



	font-style:normal; font-family: FontAwesome; width: 100%;



    height: 44px;



    border-style: none;



    font-size: 20px;



    outline: none;



    cursor: pointer;



    border-radius: 50%;



    pointer-events: painted;



	float:right; background:url(../images/web/top_seacher.png)  no-repeat center center;



	margin:0px ; line-height:38px;  display:block; margin:2px 5px 0 0; position: absolute;top: 0;right: 0;left: 0;



}



.top_search{float:left; position:relative; }



.top_search .btn-search {position: relative;  right:0px; top:0; background:#fff; padding:50px 30px 10px 30px; border-bottom-left-radius: 8px;　}



.top_search i {z-index:1; text-align:center; }



.top_search:hover i {



	opacity: 0;



	z-index: -1;



}



.container-inline div, .container-inline label {}



.btn-search p { text-align:center}











/*search*/



.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:0px; 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%;}



















.sch_info{ min-height:200px; clear:both; padding:50px 0 }



.contact_main { margin: 15px 0 0 5.5%; clear: both; }



.contact_main ul{ list-style: none; margin:0; padding:0; color:#fff !important; width:80%;}



.contact_main ul li{ float: left; width:50%; margin:5px 0; }



.footer_logo { float: left; width:25%;}



.footer_logo img{ max-width:100%; max-height:80px;}



.contact_main ul li a { color:#fff !important; }







.right_main{ padding:0;background:url(../images/web/news_bg.png) no-repeat top center; padding-top:60px; position:relative }







#inside_ff { background:url(../images/web/footer_school.png) no-repeat top; padding:80px 0 20px 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; position:relative}



.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; background:#40c5ce }







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







.more_area{ position:absolute; right:10px; display:block;text-align:center; top:10px }



.more_area a{ color:#333; background: #fff;  padding:14px 60px 24px 60px; text-transform:uppercase; font-weight: bold;border-radius: 8px; }



.more_area a:hover{ background: #333 ; color:#fff }







.inner_area .title{padding:10px 0 25px 0px; color:#333; font-size:30px; text-shadow:0 0 3px rgba(0,0,0,.2) } 



.inner_area .title::before {    content: '\2022'; color:#facb34; font-size:72px; float:left; padding:0 10px 0 0 }



.latest_new{ float: right;width: calc(30% - 20px - 6px);background: linear-gradient(#1fa29a, #233b09);position: relative;box-shadow: 0 0 2px rgba(0,0,0,.3);margin-top: 30px;border-radius: 16px;border: 3px solid #318b76;padding: 10px;}



.latest_new .area{ background: #fff;border-radius: 8px; padding:10px ; position: relative}



.latest_new .title { color:#fff}



.latest_new .title span{ }



.latest_new ul{ list-style:none; margin: 0; padding: 0px;overflow-y: scroll;min-height: 340px;max-height: 340px;}



.latest_new ul li{ border-bottom:none;background: #fff; position:relative; padding: 20px 5px; line-height:19px; font-style:16px;}



.latest_new ul li:nth-of-type(even){background: #f5fbfd;}



.latest_new ul li span{ float: left; padding:0 0; width:25%;}



.latest_new ul li a{ display:block; padding:0; color:#333;}



.latest_new ul li:hover .content{ color:#199aa0}



.latest_new .content{float: right; color:#4a4a4a;  width:58%; }



.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 { top:30px}



.latest_new .more_area a { background:#facb34; color:#fff; padding:14px 40px 24px 40px }



.latest_new .more_area a:hover { background:#fa8834; 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_video{ float: left;width: calc(68%);position: relative;margin-top: 40px; background:url(../images/web/news_graphic.png) no-repeat right top; background-position-x: right 290px}



.latest_video .area{ border-radius: 16px;border: 3px solid #c8e5f2;padding: 10px; background:#fff; position:relative}



.latest_video .title { color:#fff ; }



.latest_video .cover{ float: left; width: 100%;padding: 15px 0 0 0;}



.latest_video .content{ float: right; width: calc(100% - 20px);padding: 55px 10px 20px 10px;position: relative;min-height: 50px;



max-height: 50px;}



.latest_video .content span{ float: left;  background:url(../images/web/news_date.png) no-repeat left #facb34; padding:10px 10px 10px 50px; background-position: 10px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;color: #fff; position:absolute; left:-5px; top:10px}



.latest_video a { display:block; background:#cbf6e8; border-radius:8px} 



.latest_video img{ width:100%; }



.latest_video ul li span{ display:block}



.latest_video .more_area a { background:#facb34; color:#fff; }



.latest_video .more_area a:hover { background:#fa8834; color:#fff; }











@media screen and (max-width: 1100px) {



.top_right .english { margin-right:10px;}



.top_search .btn-search { padding:50px 30px 10px 10px; 　}



.top_search .form-text { width:150px;}



.top_search:hover #search-block-form { width:150px;}



}















.main_calenadr h2{ font-size:12px; margin:0; padding:0; line-height:15px;}
.main_calenadr .more {padding: 0px 0 0px 20px;
position: absolute;
right: 0;
top: 10px;}
.main_calenadr .more a { background: #facb34;
padding: 10px;
border-radius: 8px;
font-size: 15px;
color: #fff;
font-weight: bold;}


.main_calenadr{  border-radius:8px; position:relative; float:left; width:68%; margin:0;}



.main_calenadr .area{ padding:5px; color:#00a5e3; line-height:21px;}











.main_calenadr .title{color: #fff; }



.main_calenadr .title span{}







.main_calenadr .area{ padding:10px; min-height:170px; border-radius:8px; border:3px solid #c8e5f2; background:#fff; margin:0 0; }



.main_calenadr .area iframe{ width:100%; height:235px;}



.main_calenadr .area iframe .view-container-border{ padding:0px;}



.main_calenadr .detail_btn{right:10px; top:10px; box-shadow:0 0 3px rgba(0,0,0,.2) }



.main_calenadr .more_area{ position:absolute; right:10px; top:15px; font-size:12px; z-index:1;}



.main_calenadr .more_area a{     background: #fff; line-height: 23px; display: block; padding: 3px 21px; border-radius: 26px; color: #006bbe;}



.main_calenadr .more_area a:hover{color: #F30}



.main_calenadr .boy { background:url(../images/web/boy.png) no-repeat ; width:137px; height:160px; position:absolute; bottom:-77px; left:-125px;}



.main_calenadr .girl { background:url(../images/web/girl.png) no-repeat ; width:82px; height:141px; position:absolute; bottom:-77px; right:-60px; float:right;}











.school { float:right; width:30%; margin:50px 0 0 0; position:relative; }



.school_text { float:right; width: 100%;font-weight: bold;position: relative;top: 1px;right: 0;}



.school_text  ul { text-align: left;line-height: 35px;color: #fff;list-style:none; margin:0; padding:0;}



.school_text  ul li{  left:0px; position:relative}



.school_text ul li img {     max-width: 100%;}



.school_text  ul li+li{  width:100%}



.school_text  ul li+li+li{ position:relative}



.school_text  ul li+li+li span a{background: url(../images/web/map.png) no-repeat left #facb34;padding: 0px 10px 0px 40px;border-radius: 8px;background-position-x: 2px;margin-left: 15px; display:block; position:absolute; right:0px; top:0}



.school_text a:hover{ color:#fff !important}



.school_text a{ color:#fff !important}



.building { float:left; width:100%;background: url(../images/web/school_bg.png) no-repeat bottom right;background-size: 100%;position: relative;bottom: 0px; }


.building img { max-width:60%}







#calendar{ padding:10px 5px;}







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







.bottom_main {background:url(../images/web/link_bg.png) no-repeat top; width:100%; background-size:cover} 



/* Main Userful Links */



.Userful_link_inside{ float:left; padding:30px 0 0 0 ; width:100% }



.Userful_link_inside .title{ color:#fff}



.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:18%; margin-left:2%; margin-bottom:15px}



.Userful_link_inside ul li img{width:calc(100% - 6px);border-radius: 8px;}



.Userful_link_inside ul li img{border: 3px solid #dddddd;}


/*
.Userful_link_inside ul li:nth-child(2n) img{border: 3px solid #057b5b;}



.Userful_link_inside ul li:nth-child(3n) img{border: 3px solid #2c51ba;}



.Userful_link_inside ul li:nth-child(4n) img{border: 3px solid #eb3b6c;}



.Userful_link_inside ul li:nth-child(5n) img{border: 3px solid #6a2ce8;}







.Userful_link_inside ul li:nth-child(6n) img{border: 3px solid #fdca00;}



.Userful_link_inside ul li:nth-child(7n) img{border: 3px solid #5598d7;}



.Userful_link_inside ul li:nth-child(8n) img{border: 3px solid #3cd9cc;}



.Userful_link_inside ul li:nth-child(9n) img{border: 3px solid #ff8a00;}



.Userful_link_inside ul li:nth-child(10n) img{border: 3px solid #057b5b;}











.Userful_link_inside ul li:nth-child(11n) img{border: 3px solid #2c51ba;}



.Userful_link_inside ul li:nth-child(12n) img{border: 3px solid #eb3b6c;}



.Userful_link_inside ul li:nth-child(13n) img{border: 3px solid #6a2ce8;}



.Userful_link_inside ul li:nth-child(14n) img{border: 3px solid #fdca00;}



.Userful_link_inside ul li:nth-child(15n) img{border: 3px solid #5598d7;}















.Userful_link_inside ul li:nth-child(16n) img{border: 3px solid #3cd9cc;}



.Userful_link_inside ul li:nth-child(17n) img{border: 3px solid #ff8a00;}



.Userful_link_inside ul li:nth-child(18n) img{border: 3px solid #057b5b;}



.Userful_link_inside ul li:nth-child(19n) img{border: 3px solid #2c51ba;}



.Userful_link_inside ul li:nth-child(20n) img{border: 3px solid #eb3b6c;}
.Userful_link_inside ul li:nth-child(21n) img { clear:both}
*/









































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



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











/* Footer */



.footer{  font-size:14px;  background:#1fa29a; position:relative}



.footer .screen{ padding:40px 15px;}



.footer .copyright{ float:left; width:49%; text-align: left ;  color:#fff}



.footer .power{ float:right; width:49%; text-align: right}



.footer .power a{ color:#fff;}



.footer .power a:hover{ color: #094388;}



.footer .copyright a{ color:#fff;}







.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:16px; 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 5px; 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}



/*sidebar-nav*/



.sidebar-nav {



	float:left; width:21%;   margin-bottom: 30px;



}



.sidebar-nav .title {padding: 25px 0; background: url(../images/icon/bg_category.png) no-repeat right; color:#fff; font-size:28px; background-size: cover !important;  margin:0px;  text-align: center; }



.sidebar-nav ul {



    padding: 0;



    margin: 0;



    list-style: none;



    background: #f5f9ff;



}



.sidebar-nav .metismenu {



    padding: 15px;



    display: -webkit-box;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -ms-flex-direction: column;



    flex-direction: column;



}







.sidebar-nav .metismenu a.current { color:#0766c0; }







.sidebar-nav .metismenu li + li {



  margin-top: 5px;



}



.sidebar-nav .metismenu li:first-child {



  margin-top: 5px;



}



.sidebar-nav .metismenu li:last-child {



  margin-bottom: 5px;



}



.sidebar-nav .metismenu > li {



    /*-webkit-box-flex: 1;



    -ms-flex: 1 1 0%;



    flex: 1 1 0%;*/



	width: 100%;



    display: -webkit-box;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -ms-flex-direction: column;



    flex-direction: column;



    position: relative;



}



.sidebar-nav .metismenu a {



    position: relative;



    display: block;



    padding: 5px 35px 5px 15px;



    color: #333333;



    outline-width: 0;



    transition: all .3s ease-out;



}







.sidebar-nav .metismenu ul a {



    padding: 5px 35px 5px 30px;



}



.sidebar-nav .metismenu ul ul a {



    padding: 5px 35px 5px 45px;



}







.sidebar-nav .metismenu a:hover,



.sidebar-nav .metismenu a:focus,



.sidebar-nav .metismenu a:active {



    color: #19989e;



    text-decoration: none;



}







.sidebar-nav .metismenu li a.mm-active {background: #19999f; color:#fff;}



/*sidebar-nav*/



/* Page Content */



.inner_content{ float:right; width:74%; padding:0px 2%; background:#fff; background-size:100% auto;margin-bottom:10px; padding-bottom:2%;  }



.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:550px; line-height:33px; position:relative ; border-top:2px solid #199aa0; }



.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/inner_banner.png) no-repeat ; background-position: center top; padding:150px 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); background:#198c97c4; display:inline-block; padding:12px 30px; float: right; position:absolute; bottom:0; right:0}







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



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



.banner_inside  .title_t{ margin:0px; padding:70px 0; text-align: center; background: url(../images/web/inner_template.png) #ffde00 no-repeat }



.banner_inside  .title_t span{ text-align: center; font-size:32px; line-height:38px; color:#fff; padding:10px 30px; text-transform:uppercase; font-weight:normal; background:#199aa0; border:1px solid rgba(255,255,255,.7);}







.detail_inside { }



.detail_inside  .title_t{display:none;   }



.detail_inside  .title_t span{  }











#inner_banner { background-position: center  top; background-repeat: no-repeat; background-size:100% auto;  }



#inner_banner .title_t{ margin:0px; padding:118px 0; text-align: center; background:#40c5ce }



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







#Media_Video { background-position: center  top; background-repeat: no-repeat; background-size:100% auto;}



#Media_Video .title_t{ margin:0px; padding:70px 0; text-align: center; background: url(../images/web/inner_template.png) #ffde00 no-repeat   }



#Media_Video .title_t span{ text-align: center; font-size:32px; line-height:38px; color:#fff; padding:10px 30px;text-transform:uppercase; font-weight:normal; background:#199aa0; border:1px solid rgba(255,255,255,.7);}











#Media_Album { background-position: center  top; background-repeat: no-repeat; background-size:100% auto;  }



#Media_Album .title_t{ margin:0px; padding:70px 0; text-align: center;  background: url(../images/web/inner_template.png) #ffde00 no-repeat  }



#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 li { text-align: left !important; list-style: outside; margin-left:30px; }



.Album .description  ol li { text-align: left !important; list-style: unset; margin-left:30px; }



.Album{ margin:15px 0px;}



.Album .title{padding:10px 0 ; color:#1a8982; font-size:30px;border-bottom: 2px dotted #facb34;} 



.Album .title::before {    content: '\2022'; color:#facb34; font-size:28px; float:left; padding:0 10px 0 0 }



.Album .description{padding:10px; margin:20px 0; }



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



.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:#f1feff; border:2px solid #02729c; text-align:center; padding:55px 0; width:80%; margin:0px auto; font-size:33px; font-weight:bold; margin-bottom:20px;}







.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; padding:15px 0; 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%;}







.download_area{  margin:15px 0px;}



.download_area .title{padding:10px 0 ; color:#19999f; font-size:28px;border-bottom: 2px dotted #ddd; margin-bottom:10px;} 



.download_area .title::before {    content: '\2022'; color:#19999f; font-size:23px; float:left; padding:0 10px 0 0 }







.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:#032d69  url(../images/icon/bg_category.png) no-repeat; background-size: cover !important; border-bottom:2px solid #fff; margin:0px;  text-align: center; }



.arrowlistmenu .title p { font-size:28px; color:#fff;  padding:15px 0; text-transform:uppercase; line-height:34px; } 



.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:#ffae00 ; 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:nth-child(5n+1){ clear: both; } 


#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 12px;}



#Media_Video .information p{ float: none; text-align: center; padding:10px 0 5px 0; }



#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:#19989e; padding:5px 0px; display:block; border-bottom:1px solid #ddd;}



.site-map ul li a:hover{ text-decoration:none; color:#F90}



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







.search-results{ padding:0}



.search-results li { border-bottom:1px solid #ddd; padding:10px 0; margin:5px 0;}



.search-result h3 {color:#333; border-left:0px solid #2565ae; background: none; padding:0px; box-shadow:1px 2px 3px rgba(0,0,0,.0); margin:0px 0 0px 0;  }



.search-result h3 a{ text-decoration: underline; color:#19909a; }



.search-results .search-snippet-info { padding:0;}



.search-result h3 a:hover{ color: #666; text-decoration:none; }



.search-info { display: none;}



.search-result strong { color:#19909a}



	



#table_des{ border-collapse:inherit}



#table_des{ border:2px solid #1a8982; padding:2px; width:100%} 



#table_des tr:nth-child(1){ background:#19999f; color:#fff;} 



#table_des tr:nth-child(even) td{ background:#d0f5f7} 







#table_des_b{ border-collapse:inherit}



#table_des_b{ border:2px solid #ffae00; padding:2px;} 



#table_des_b tr:nth-child(even) td{ background:#e1f7ff}



#table_des_b tr:nth-child(even){ background:#e1f7ff}







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



}











@media screen and (max-width: 1230px) {



.header .logo{ float:left; padding: 5px 0; margin:0}



.header .logo .logo_tc { font-size:20px; }



.header .logo .logo_en { font-size:17px; line-height:15px}



.latest_new .content { float:left; width:100%}
.sch_info{ min-height:100px !important;}
.latest_new ul { min-height:270px; max-height:270px}
.latest_new .more_area a { padding:14px 20px 34px 20px}
.Userful_link_inside .title { color:#333}
.header .logo .logo_img { padding:0 5px 0 0 }
}



	



	


.school_life { float:left; width:100%}
.school_life  ul { list-style:none; margin:0; padding:0}	
.school_life  ul li {float: left;width: calc(25% - 6px - 10px);margin: 5px;text-align: center;}
.school_life  ul li a{width: auto;background: #40c5ce;padding: 5px 10px;border-radius: 8px;display: block;border: 3px solid #1fa29a; color:#fff }


.logout {float: right; margin:10px; display:none}
.logout a{background: #1fbdd1;padding: 5px 10px;color: #fff;border-radius: 8px}

#popup_this h2 { color:#fff; font-size:21px; line-height:26px;}
#popup_this {
    text-align:center; 
    margin-top: 0px;
    margin-left: 0px;
    width:80%;
    background:#fff; color:#333;
	max-width:960px; 
}
#popup_this img { max-width:100%;}
#popup_this .content { min-width:800px; min-height:650px; max-height:650px; overflow-y: auto; padding:15px ; margin:15px; border:0px solid #fff; }

.b-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #333;
    background: #FC0; line-height:23px;
    padding: 5px 12px;
}
.b-close:hover { 
    background: #666;
}
@media screen and (max-width: 1024px) {
#popup_this .content { min-width: auto; }
.arean_title { font-size:30px;   }
}
@media screen and (max-width: 800px) {
#popup_this {  width:90%;   }
#popup_this .content  {
min-width:300px;
min-height:240px;
max-height:420px; padding:30px 5px ; }

}

/* Banner */
#banner_area{ position:relative; width:100%; height:100%;}
.slider{ }
.sentense{ border:1px solid #fff; background: #F9F9F9; margin:15px 0;}
.sentense .area{ padding:20px ;}
.sentense .title{display:none;}


#block-user-login {    background: #cdf2f5;
    background-size: auto, contain;
    border-radius: 15px;
    border: 3px solid #19959d;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;    width: 50%;    padding: 0 20px;}
#block-user-login  h2 { color:#19939c; }
#block-user-login  .form-item {     display: flex }
#edit-submit--2 {background: #096a64;
    border: none;
    padding: 10px 34px;
    color: #fff;}