@charset "utf-8";
/* CSS Document */
html,body {
    padding: 0px;
    margin: 0px;
    min-height:100%;
    font-size: 17px;
    color: #333;
    line-height:28px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/web/bg.jpg) no-repeat top center #d7ecf1;
}
.clear{clear:both}
.contextual-links-region{position: static;/* float: left; */}
a:link, .container a:visited {text-decoration: none;}
hr { height:auto;}
table{border-collapse: inherit; line-height:28px; max-width:100%;}
table ul, table ol{ margin:0; }
img {border:0;}
th { border:0;}
div, ul li{margin:0px auto;padding:0px;}
.cb:before, .cb:after {	content: ''; display: table; visibility: hidden;}
.cb:after {	clear: both;}
.cb {*zoom: 1;}

.bg_line {background:linear-gradient(#fff,#6ed5da)}
.bg_line .patern {background:url(../images/web/new/bg_patern.png) no-repeat bottom center; width:auto ; height:auto;}

.wrap{width:100%;min-height:100%; max-width:1390px; min-width:680px; position:relative;  }
.screen{position:relative; max-width:1390px; min-width:680px;}

.container{height: auto;min-height:500px;background:#fff;/* padding:30px 0 ; */}
.container .screen{  padding:0px 0 0 0; background:#fff;}
#home .container .screen{   background: none}
.container{ padding:0 0; box-shadow: 0 0 3px rgba(0,0,0,.2); }
#home .container {  padding:0px ; }

.container a{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;}
.container a, .container a:visited {text-decoration: none;position: relative;}
.container a:hover {color: #ff5d8b;text-decoration: underline;}

h1,h2,h3,h4,h5,h6,h7,h8{ margin:0 0 15px 0; padding:0;}

h1{ font-size:36px; line-height:40px; color:#00A5C4; }
h2{ font-size:28px; line-height:40px; color:#ffbe23; border-bottom: 1px solid #ffbe23 }
/*h3{ font-size:28px; line-height:40px; color:#20457c; border-bottom: 1px solid #20457c; }*/
h4{ font-size:28px; line-height:40px; color:#ffbe23; border-bottom: 1px solid #ffbe23;  }
h3{ font-size:21px; line-height:26px; color:#29c2c8; border-left: 2px solid #29c2c8; padding:8px 10px; box-shadow:0 3px 2px rgba(0,0,0,.1); margin-bottom:30px}
h4{ font-size:21px; line-height:26px; color:#ff2671; border-left: 2px solid #ff2671; padding:8px 10px; box-shadow:0 3px 2px rgba(0,0,0,.1); margin-bottom:30px}
h7{ font-size:26px; line-height:30px; color:#20457c;}
h8{ font-size:26px; line-height:30px; color:#29c2c8;}
h5{ font-size:21px; line-height:40px; color:#29c2c8}
h6{ font-size:19px; line-height:30px; color:#333; }
p{ margin:0px; padding:0px}

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

#title_tpl{ padding:0;}

/* Header */
.header{  box-shadow: 0 0 3px rgba(0,0,0,.2) ; position:relative; background: url(../images/web/new/bg_top.png)#72bac3; padding:0 0 0 0px; position: relative; height: auto; width:100%; z-index:1;}
.header .screen{}
.header .logo{ position:absolute;  margin: 10px 0 10px 1%; width: 25%;}
.header .logo img{ max-height: 130px; max-width: 100%;}
/* Menu */
#nav-wrap{ float:right; width:74%; padding:0px 0 0; margin-top:70px; z-index:1; position:relative;}

@media screen and (max-width: 1023px) {
	#nav-wrap{ width:100%; }
	}

.top_bar_l{ float:left; width:33px; height:74px;}
.top_bar_r{float:left;width: 32px;height:74px;background:url(../images/web/bg_top_header_r.png) no-repeat right top;}

.top_bar{ position: absolute ; right: 0px ;top :0px; }

.top_bar_bg{background:#fff;height: auto;float:left;width:auto;padding:10px 20px ;-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 3% 100%);clip-path: polygon(0 0, 100% 0%, 100% 100%, 3% 100%);border-bottom: #67c4be solid;box-shadow: 0px 3px 3px rgba(0,0,0,.3);}
.top_bar_bg ul{ list-style:none; margin:0px 0 0 0; padding:0; }
.top_bar_bg ul li{ float: left; padding:0px 10px; }
.top_bar_bg ul li+li { border-left:1px dotted #ddd; margin:0 0;}
.top_bar_bg ul li a{ background:url(../images/web/new/top_fb.png) no-repeat left center; background-position:5px 50%; padding:10px 10px 10px 35px; color:#333 }
.top_bar_bg ul li+li a{background:url(../images/web/new/top_websams.png) no-repeat left center;background-position:0px 50%;position:relative;padding: 10px 10px 10px 70px}
.top_bar_bg ul li+li+li a{background:url(../images/web/new/top_e.png) no-repeat left center;background-position:5px 50%;padding: 0px 10px 0px 35px}
.top_bar_bg ul li+li+li+li a{ background:url(../images/web/new/top_eclass.png) no-repeat left center; background-position:0px 50%; position:relative;  }
.top_bar_bg ul li a:hover{ color:#1f8e81;}

.header .info_top{ position:absolute; left:70px; top: 90px; }
.header .info_top ul{ list-style:none; margin:0; }
.header .info_top ul li { float: left; font-size:15px; padding:2px 0px 2px 30px;}
.header .address {background:url(../images/web/icon_map.png) no-repeat; background-size:28px 30px;}
.header .tel {background:url(../images/web/icon_tel.png) no-repeat; background-size:28px 30px; clear:both}
.header .fax {background:url(../images/web/icon_fax.png) no-repeat; background-size:28px 30px; margin-left:25px;}
.header .email {background:url(../images/web/icon_mail.png) no-repeat; background-size:28px 30px;clear:both}
.header span{ color:#0070c9;}

.header span:hover{ color: #F60;}
.header .icon_top {border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background:#e2f0ff; border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff; box-shadow:0 0 3px rgba(0,0,0,.2); position:absolute; right:0; top:0}
.header .icon_top ul{ list-style:none; margin:0; padding:10px 5px;}
.header .icon_top ul li { float: left; font-size:15px; padding:0px 15px;}
.header .icon_top ul li+li { border-left:1px dotted #fff;}
.header .icon_top ul li a { color:#0070c9}
.header .icon_top ul li a:hover { color:#f94343}

.btn_school_intro{ float:right; position:relative; margin:0 0 0 20px; }
.btn_school_intro span{ position:absolute; background:url(../images/web/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_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}


/* 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}

/* Area & width */
.banner_area{width:100%;margin:0px 0 0 0;overflow:  hidden}
#jssor_1{}
.right_area{ float: right; width:28%; padding:20px 2%; background:#fafafa;}
.left_area{ float: left; width:68%; }

/* Banner */
.slider{ float:left;  margin:10px 0 0 0; width:100%}
.sentense{ float:left; width:100%  }
.sentense .box{background:#f8f8f8; border-radius:12px; border:1px solid #fff; position:relative; box-shadow: 3px 3px 1px #2454a5; margin:30px 0 0 0;}
.sentense .area{margin: 6px 10px 6px 100px; padding:10px; color:#2f2f2f; line-height:21px; font-size: 15px; background: #fff; border-radius: 6px;}
.sentense .title{ position:absolute;font-weight: bold; left:5px; top:-15px; padding:30px 25px 20px 25px;color:#2454a5; text-align: center; font-size:22px;}


.latest_new{position:relative;float: left;width:100%;margin: 0px 0 30px 0;}
.latest_new .area{}
.latest_new .title{ padding:0px 0px 13px 65px; color:#1c728f; font-size:26px; float:left;  margin:10px 0; } 
.latest_new .title span{position:absolute;left:5px;top:2px;width:45px;height:35px;background: url(../images/web/new/icon_news.png) no-repeat;}
.latest_new .latest_new_date span{position:absolute;left:5px;top:10px;width:45px;height:35px;background: url(../images/web/new/icon_date.png) no-repeat;}
.latest_new_area {margin:0 0 0;clear: both;background:#fff;border-width: thick; border-top:3px solid #1c728f; padding:0px;box-shadow: 0 0 8px rgba(0,0,0,.2); display:block;}
.latest_new ul{list-style:none;margin:0;padding:0px;background:#fff;/* height:460px; *//* overflow-y: scroll; */}
.latest_new ul li{ border-bottom:1px dotted rgba(0,0,0,.2); padding:10px 15px; font-size:15px;}
.latest_new ul li:nth-child(even){ background:#e2f1f0;}


#home .container{background:#fff}

.sticky {
  position: fixed; z-index:10; 
  top: 0; max-width:1390px;
  width: 100%; box-shadow:0 0 10px rgba(0,0,0,.3)
}

.latest_new ul li a{ display:block; color:#333}
.latest_new ul li a:hover{ color:#ffac0c; text-decoration: none}


.latest_new .date { float:left; width:35%;}
.latest_new .date span { background:url(../images/web/new/icon_date.png) no-repeat center left; padding:0 0 0 11px;   }
.latest_new .content{float:right;width: 60%;}





.latest_new .more_area{position: absolute;right:0px;top: 5px; font-size: 15px; z-index:1; }
.latest_new .more_area a{line-height: 30px;font-size:15px;display:block;padding:0px 40px 0px 40px;border-radius:100px;color:#fff; background:url(../images/web/new/icon_more.png) #1c728f no-repeat; background-position:90% 50%  }

.latest_new .more_area a:hover {background:url(../images/web/new/icon_more.png) #70a9bc no-repeat; background-position:90% 50%; color:#fff;} 












.latest_events{ position:relative; padding:50px 2% 30px 2%;}
.latest_events .area{ position:relative;}
.latest_events .title{ padding:0px 10px 0 50px; position:relative; color:#1e9996;  font-size:28px; text-transform:uppercase; margin:0 0 35px 0;}
.latest_events .title span{position:absolute; left:0; top:-3px; width:33px; height:34px; padding:0; background: url(../images/web/new/icon_report.png) no-repeat left center;}

.latest_events ul{ list-style:none; margin:0 0 0 -2%; padding:0; }
.latest_events ul li{float:left; width:48%; padding:0; margin:0 0 15px 2%; font-size:15px; transition: all 0.3s ease-in-out;opacity: 1;box-shadow: 0 0 3px rgba(0,0,0,.2); background:#fcfcfc;text-align:center;color:#98d8d8;}
.latest_events ul li:hover{ background:#ffffe2 }
.latest_events ul li .cover { padding:0 0; float:left; width:50%;}
.latest_events ul li .content { padding:0 0; float:right; width:47%; text-align: left; }
.latest_events ul li .cover img { width:100%; border:1px solid #fff; }
.event_title p { font-size:19px; color:#30bbbb; }
.latest_events ul li .event_date {}
.latest_events ul li .event_date span{ background:url(../images/web/new/icon_calender.png) no-repeat;left:0px; color:#333; padding:0 0 0 30px ; width:19px; height:18px; position:relative}
.latest_events ul li .event_title span{ float: none; left:30px; padding:0 0 0 0 ; text-align:center;display:block; color:#30bcbd; }
.latest_events ul li a{ display:block; padding:5px 0px;}

.latest_events ul li a:hover{ text-decoration: none}




.latest_events .month span { color:#333;}
.latest_events .title_name{ text-align: center; padding:10px; background:#666; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;}
.latest_events ul li:hover .title_name{ color:#fff; background:#007749}
.latest_events .content img{ width:100%;box-shadow: 0 0 3px rgba(0,0,0,.4);border: solid #fff;}







.latest_events .more_area{position: absolute;right: 30px;top: 40px; font-size: 15px; z-index:1; }
.latest_events .more_area a{line-height: 30px;font-size:15px;display:block;padding:0px 60px 0px 60px;border-radius:100px;color:#fff; background:url(../images/web/new/icon_more.png) #70a9bc no-repeat; background-position:90% 50%  }

.latest_events .more_area a:hover {background:url(../images/web/new/icon_more.png) #1d728f no-repeat; background-position:90% 50%; color:#fff;} 














.latest_award{position:relative; background:url(../images/web/new/bg_award.png); }
.latest_award .area{ padding:20px;}

.latest_award .title{ padding:9px 0 0 60px; color:#628fae;  margin-bottom:25px; font-size:28px; text-transform:uppercase;} 
.latest_award .title span{position:absolute;left:25px;top:18px;width:50px;height:39px;background: url(../images/web/new/icon_award.png) no-repeat bottom center;}




.latest_award .more_area{position: absolute;right: 30px;top: 25px; font-size: 15px;}
.latest_award .more_area a{line-height: 30px;font-size:15px;display:block;padding:0px 60px 0px 60px;border-radius:100px;color:#1e344b; background:url(../images/web/new/icon_more1.png) #fff no-repeat; background-position:90% 50%  }

.latest_award .more_area a:hover {background:url(../images/web/new/icon_more.png) #1d728f no-repeat; background-position:90% 50%; color:#fff;} 

.latest_award_area{ border-top: 2px solid #76b3c8; background:#fff; padding:30px 10px 15px 10px;}

.latest_award_area ul{ list-style:none; margin:0; padding:0; }
.latest_award_area ul li{ float: left; box-shadow: 0 0 3px rgba(0,0,0,.2); position: relative; }
.latest_award_area ul li:hover{ background:#f6fafa; } 
.latest_award_area ul li .cover{ width: 100%; }
.latest_award_area ul li .cover img{ width: 100%; }
.latest_award_area ul li a{ display:block;}
.latest_award_area ul li { width: 57%; }
.latest_award_area ul li+li { width: 39%; margin:0 0 15px 2%; padding:1%; background:#f9f9f9 }
.latest_award_area ul li+li+li {  background:#fff }
.latest_award_area ul li+li+li+li {  background:#f9f9f9 }

.latest_award_area ul li+li .cover{ width: 36%; float: left; }
.latest_award_area ul li+li .cover img{ width: 100%; }
.latest_award_area ul li+li .content{ background: none; bottom:0px ; position: relative; float:right; width:62%; padding:0; color:#333;  }


.latest_award_area ul li .content{ background:url(../images/web/new/bg_news_ss.png) bottom repeat-x; bottom:0px ; position:absolute; width:96%; padding:5px 2%; color:#fff;  }
.latest_award_area ul li .content span{ background:url(../images/web/new/icon_calender_white.png) no-repeat;  width:19px; padding:0px 30px ; height:18px; color:#fff; }
.latest_award_area ul li+li .content span{ background:url(../images/web/new/icon_calender_blue.png) no-repeat;  width:19px; padding:0px 30px ; height:18px; color:#1c728f; }

.latest_videos{ background:url(../images/web/bg_video.jpg) no-repeat center top #fff; box-shadow: 0 0 3px rgba(0,0,0,.2); padding:0px 0 60px 0;}
.latest_videos .title{ padding:15px 30px 15px 90px; background:#00b9be; position:relative; color:#fff; font-size:23px; float:left; margin:0 0 0 0px; white-space:nowrap; } 
.latest_videos .title span{ position:absolute; left:12px; top:5px; width:62px; height:46px;  background:url(../images/web/icon_camera.png) no-repeat; }
.left_video{ float: left; width:18%;}

.latest_videos .more_area{ float: left; margin:15px 0 0 0; }
.latest_videos .more_area a{ background:#f8fdff; line-height:21px; display:block; padding:5px 20px; border:2px solid #00b9be; color:#333}
.latest_videos .more_area a:hover{ background:#ff507b; }

.latest_videos_area{ float:right; width:78%;}
.latest_videos_area ul { list-style:none; margin:30px 0 0 0 ; padding:0;}
.latest_videos_area ul li{ float: left; width:30%; margin:0 1.5%; position:relative; box-shadow: 0 0 3px rgba(0,0,0,.2)}
.latest_videos_area ul li:hover{  box-shadow: 0 0 5px rgba(0,0,0,.3)}
.latest_videos_area ul li img{ width:100%;}

.video_clip{ background: rgba(12,59,146,.8); width:80%; padding:5px 3%; left:7%; text-align: center; color:#fff; position:absolute; bottom:-20px; line-height:19px; font-size:15px;}
.video_clip .date { color:#fed400;}
.video_clip p { color:#fff;}

#login_area{ margin:20x 0 0px 0;  position:relative;  }
#login_area .login_icon{ position:absolute; left:-15px; top:-15px;}
.bg_eclass{ background:#fff; border-radius:12px; padding:35px 10px 5px 8px; margin-top:15px;}
#login_area #sumbit{margin-top: 10px; background:#9ecc14; line-height:15px;font-weight: bold; cursor:pointer; color:#fff; padding:5px 15px; text-align: center; border:0px; border-radius:4px; } 
#login_area #sumbit:hover{ background:#ff9600; }
#login_area{ background:url(../images/web/bg_shadow.png) repeat-x top #ffbd66;; margin:25px 0 ; position:relative; border:2px solid #ffd776; border-radius:16px; padding:10px;}
#login_area .login_icon{ position:absolute; left:-15px; top:-15px;}

.fc-view-container{ background:#fff;}
.main_calenadr h2{ font-size:12px; margin:0; padding:0; line-height:15px;}
.main_calenadr{ background:#FFF; border-radius:8px; position:relative; box-shadow:0 0 3px rgba(0,0,0,.2); margin:0 0 15px 0; border:3px solid #ffdb55}
.main_calenadr .area{ padding:35px 15px 10px 15px; color:#00a5e3; line-height:21px;}
.main_calenadr .title{ font-size:23px; color:#ff7c2d; padding:8px 0px 12px 60px ; margin-bottom:5px;  font-weight:bold; text-shadow:0px 2px 0px #fff, 0px -2px 0px #fff, 2px 0px 0px #fff, -2px 0px 0px #fff, -2px -1px 0px #fff, -2px 1px 0px #fff, 2px -1px 0px #fff, 2px 1px 0px #fff, 1px 2px 0px #fff, -1px 2px 0px #fff, -1px -2px 0px #fff, 1px -2px 0px #fff, 0 0 6px rgba(0,0,0,.2); } 
.main_calenadr .title span{ position:absolute; left:-5px; top:-22px; background:url(../images/web/calendar.png) no-repeat center; width:77px; height:68px;}
.main_calenadr .area{ padding:10px; min-height:180px; }
.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;}
.main_calenadr .more_area a{ display:block; padding:0 15px; color:#333}
.main_calenadr .more_area a:hover{color: #F30}


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




.latest_video{
    position: relative;
    float: left;
    width: 100%;
    margin: 0 ;
	background:#69d4d9;
	padding:0 ;
}
.latest_video .title{color:#fff;  font-size:26px; position:relative; padding: 15px 0 15px 55px ; } 
.latest_video .title span{ position:absolute; left:10px; top:10px; background:url(../images/web/new/icon_video.png) no-repeat; width:53px; height:53px;}
.latest_video ul{list-style:none;margin:0;padding: 0px 0 10px 0px;}
.latest_video ul li{/* border-bottom:1px dotted rgba(0,0,0,.2); *//* font-size:13px; *//* padding: 10px 0px; */}
.latest_video ul li span{ color:#764713; float: left; padding:0 0px; display: inline-block}
.latest_video ul li a{ display:block; padding:9px 0px; color:#333}
.latest_video ul li a:hover{ color:#9b684b}
.latest_video .content{float: left; margin:0 0 0 0px;}
.latest_video img{ width:100px; float:left; margin:0 5px 0 0;}
.latest_video iframe{ width:100%; height:220px;}







/*
.principal ul {  list-style: none; margin: 0 0 0 -2%; padding: 0;}
.principal ul li { float: left; width: 48%; padding: 0;  margin: 0 0 15px 2%; font-size: 15px;transition: all 0.3s ease-in-out;  opacity: 1;box-shadow: 0 0 3px rgba(0,0,0,.2);  background: #fcfcfc; text-align: center; color: #98d8d8;}
.principal ul li .cover{ width: 36%; float: left; }
.principal ul li .cover img{ width: 100%; }
.principal ul li .content{ background: none; bottom:0px ; position: relative; float:right; width:62%; padding:0; color:#333; */






.principal{ position:relative; padding:50px 2% 30px 2%;}
.principal .area{ position:relative;}

.principal ul{ list-style:none; margin:0 0 0 -2%; padding:0; width:100%; }

.principal ul li{float:left; width:43%; padding:0; margin:0 0 55px 4%; font-size:15px; transition: all 0.3s ease-in-out;opacity: 1;box-shadow: 0 0 3px rgba(0,0,0,.2); background-image: url(../images/web/green_corner.png);text-align:center;color:#98d8d8;     background-repeat: no-repeat;  background-position: bottom right; background-size: 30px 30px;}
.principal ul li+li{ background-image: url(../images/web/orange_corner.png); float:right;width:44% }
.principal ul li+li+li{ background-image: url(../images/web/purple_corner.png);float:left;width:43%}
.principal ul li+li+li+li{ background-image: url(../images/web/red_corner.png); float:right;width:44% }
.principal ul li+li+li+li+li{ background-image: url(../images/web/yellow_corner.png);float:left;width:43%}
.principal ul li+li+li+li+li+li{ background-image: url(../images/web/blue_corner.png);float:right;width:44%}





.principal ul li .cover { padding:0 0; float:left; width:50%;}
.principal ul li span{ padding:0 0; float:left; width:49%; text-align: left; margin:10px 0 0 0; }
.principal ul li img{ width:50%; border:1px solid #fff; float:left; position:relative; top:-19px; right:21px;}
.principal_title p { font-size:19px; color:#30bbbb; }

.principal ul li a{ display:block; padding:5px 0px; padding:0 0; float:left; width:100%; border:1px solid #fff;}

.principal ul li a:hover{ text-decoration: none; border:1px solid #8ec63f;}
.principal ul li+li a:hover{ text-decoration: none; border:1px solid #ffa300;}
.principal ul li+li+li a:hover{ text-decoration: none; border:1px solid #6219a7;}
.principal ul li+li+li+li a:hover{ text-decoration: none; border:1px solid #fa1d57;}
.principal ul li+li+li+li+li a:hover{ text-decoration: none; border:1px solid #fec001;}
.principal ul li+li+li+li+li+li a:hover{ text-decoration: none; border:1px solid #0b78bd;}

.principal .month span { color:#333;}
.principal ul li:hover .title_name{ color:#fff; background:#007749}
.principal .content img{ width:100%;box-shadow: 0 0 3px rgba(0,0,0,.4);border: solid #fff;}





















.newsletter{ position:relative; padding:50px 2% 30px 2%;}
.newsletter .area{ position:relative;}

.newsletter ul{ list-style:none; margin:0 0 0 -2%; padding:0; width:100%; }

.newsletter ul li{float:left; width:43%; padding:0; margin:0 0 55px 4%; font-size:15px; transition: all 0.3s ease-in-out;opacity: 1;box-shadow: 0 0 3px rgba(0,0,0,.2); background-image: url(../images/web/green_corner.png);text-align:center;color:#98d8d8;     background-repeat: no-repeat;  background-position: bottom right; background-size: 30px 30px;}
.newsletter ul li+li{ background-image: url(../images/web/orange_corner.png); float:right;width:44% }
.newsletter ul li+li+li{ background-image: url(../images/web/purple_corner.png);float:left;width:43%}
.newsletter ul li+li+li+li{ background-image: url(../images/web/red_corner.png); float:right;width:44% }
.newsletter ul li+li+li+li+li{ background-image: url(../images/web/yellow_corner.png);float:left;width:43%}
.newsletter ul li+li+li+li+li+li{ background-image: url(../images/web/blue_corner.png);float:right;width:44%}




.newsletter ul li .cover { padding:0 0; float:left; width:50%;}
.newsletter ul li span{ padding:0 0; float:left; width:49%; text-align: left; margin:10px 0 0 0; }
.newsletter ul li img{ width:50%; border:1px solid #fff; float:left; position:relative; top:-19px; right:21px;}
.newsletter_title p { font-size:19px; color:#30bbbb; }

.newsletter ul li a{ display:block; padding:5px 0px; padding:0 0; float:left; width:100%; border:1px solid #fff;}

.newsletter ul li a:hover{ text-decoration: none; border:1px solid #8ec63f;}
.newsletter ul li+li a:hover{ text-decoration: none; border:1px solid #ffa300;}
.newsletter ul li+li+li a:hover{ text-decoration: none; border:1px solid #6219a7;}
.newsletter ul li+li+li+li a:hover{ text-decoration: none; border:1px solid #fa1d57;}
.newsletter ul li+li+li+li+li a:hover{ text-decoration: none; border:1px solid #fec001;}
.newsletter ul li+li+li+li+li+li a:hover{ text-decoration: none; border:1px solid #0b78bd;}

.newsletter .month span { color:#333;}
.newsletter ul li:hover .title_name{ color:#fff; background:#007749}
.newsletter .content img{ width:100%;box-shadow: 0 0 3px rgba(0,0,0,.4);border: solid #fff;}









/* Main Userful Links */
.Userful_link_inside{position:relative;float: left; width:100%;  margin:30px 0 0 0 ;background: url(../images/web/bg_main.jpg) repeat-x;}
.Userful_link_inside .title{ display:none}

.Userful_link_inside ul{list-style:none;padding:0;margin: 0;}
.Userful_link_inside ul li{margin:0 0 15px 0;/* float:left; */width: 100%;}
.Userful_link_inside ul li img{width: 100%;border-radius:2px;}
.Userful_link_inside ul li:hover img{ opacity:.7; }


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


.footer_area{ background:url(../images/web/bg_footer.jpg) repeat-x; padding:30px 0;}
.footer_area .footer_logo_left{ float: left; width:28%; margin:0 2% 0 6%; background:url(../images/web/bg_logo_sp.png)  right center repeat-y; padding:10px 5% 10px  0;}
.footer_area .footer_logo_left img{ width:100%;}
.footer_contact{ float: right; width:57%; margin: 0 2% 0 0;}
.footer_contact ul{ list-style:none; margin:0; padding:0;}
.footer_contact ul li{ float: left; width:50%; padding:10px 0;} 

.contact_address{ float:left; background:url(../images/web/icon_map.png) no-repeat left center ; padding:0px 10px 5px 26px; background-position:0 2px;}
.contact_tel{ float:left; background:url(../images/web/icon_tel.png) no-repeat left center ; padding:0px 10px 5px 26px; background-position:0 2px;}
.contact_fax{ float:left; background:url(../images/web/icon_fax.png) no-repeat left center ; padding:0px 10px 5px 26px; background-position:0 2px;}
.contact_email{ float:left; background:url(../images/web/icon_email.png) no-repeat left center ; padding:0px 10px 5px 26px; background-position:0 2px;}
.footer_contact li a{ color:#00b9be}

/* Footer */
.footer_info{ background:#fff; box-shadow: 0 0 3px rgba(0,0,0,.2)}
.footer_info .screen{ background:#fff; }
.footer_info .contact_box{width: 100%;float: left;position: relative;/* top:-70px; */}
.footer_info .footer_logo{}
.contact_info{position: relative; padding:0 2%;}
.contact_info ul{margin:0;padding: 0 ;}
.contact_info ul li{float: left;position: relative;margin: 0px 5px ;list-style: none; padding: 0px 0px;}

.footer_info .contact_info ul li a { color:#20457c; }

.footer{ background:#00b9be; font-size:12px; border-top:1px solid #fff; padding:0 5px;}
.footer .screen{ padding:20px ;}
.footer .copyright{ float:left; width:49%; text-align: left; color:#fff;}
.footer .power{ float:right; width:49%; text-align: right}
.footer a{ color: #fff;}
.footer .power a:hover{ color: #FF0;}

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

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

#Information_detail .nevigation{ margin-bottom:20px;}

.outer_banner{ background-size:cover; position: relative; padding:120px 0 30px 0; margin-bottom:30px;}
.outer_banner h1{ background:#29c2c8; color:#fff; padding:6px 32px; display:inline; font-size:32px; line-height:36px; }

#awards { background:url(../images/web/banner_award.jpg) no-repeat;background-size:cover;}
#newsb { background:url(../images/web/banner_news.jpg) no-repeat;background-size:cover;}
#activities { background:url(../images/web/banner_green.jpg) no-repeat;background-size:cover;}

.non_banner{ background:url(../images/web/school_life.jpg) no-repeat; background-size:cover; position: relative; max-width: 1400px; padding:100px 0 100px; margin-bottom:10px;}
.non_banner h1{
 background: rgba(41,194,200,0.7);
 color:#fff;
 padding: 10px 45px 10px 30px;
 display: inline;
 font-size:32px;
 line-height: 36px;
 clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
 box-shadow: 10px 10px 0px 2px rgb(52, 52, 52, 0.2);
 }

.inner_banner{background-size:cover; position: relative; max-width: 1400px; padding:100px 0 100px; margin-bottom:10px;}
.inner_banner h1{
 background: rgba(41,194,200,0.7);
 color:#fff;
 padding: 10px 45px 10px 30px;
 display: inline;
 font-size:32px;
 line-height: 36px;
 clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
 box-shadow: 10px 10px 0px 2px rgb(52, 52, 52, 0.2);
 }

.inside_banner{  background:url(../images/web/inside_banner.jpg) no-repeat; background-size:cover; position: relative; padding:50px 0; margin-bottom:20px; text-align: center;}
.inside_banner h1{ color:#fff; padding:6px 32px; display:inline; text-align: center; font-size:32px; line-height:36px;}

/* Page Content */
.inner_content{ float:right; width:75%; margin-bottom:35px}
.inner_content .main_content{padding:0px 20px 30px 20px;min-height:500px;/* border-top:2px solid #29c2c8; */border-radius:0;background:#fff;text-align:justify;}
.inner_content_full{ padding:20px 0 50px 0; }
.inner_content_full .main_content{ padding:0px 20px 50px 20px; min-height:500px;  position:relative; }
.inner_content_full h1{ }

.inner_content .main_content a{ color: #399 }
.inner_content .main_content a:hover{ color: #333 }


.inner_content iframe{ width: 100%; height:360px;}
.inner_content img, .inner_content_full img{ max-width:100%;}
.inner_banner img{ width:100%;}

.Album{ margin:30px 0px;}
.Album .title{ background:#fafafa; border-left:2px solid #29c2c8; color:#29c2c8; padding:8px 15px; font-size:21px; line-height:32px; display:block;  box-shadow:0px 3px 2px rgba(0,0,0,.2); margin-bottom:20px; }
.Album .description{ background:#fff; padding:15px; margin:20px 0; border:2px solid #29c2c8; }
.Album .description ul{ list-style: outside; padding:0; margin: 0 15px; }
.Album .description ul li{ margin:0 0 5px; width:auto; float: none}
.Album .description ol{ padding:0; margin: 0 15px; }
.Album .description ol li{ margin:0 0 5px;}
.Album ul { list-style:none; padding:0 }
.Album ul li{ margin:0 0 10px 0; }
.Album ul li img{ box-shadow:0 0 3px rgba(0,0,0,.1); }
.Album ul li:hover img{ box-shadow:0 0 3px rgba(0,51,204,.2)}


#Inner_Type_A .description ul{ list-style: outside; padding:0; margin: 0 15px; }
#Inner_Type_A .description ul li{ margin:0 0 5px; width:100%; float: none; text-align: left}

#Inner_Type_A{ }
#Inner_Type_A ul{ margin:20px 0 0 -2%; list-style:none; padding:0px;  }
#Inner_Type_A li{ float:left; width:31%; margin:0 0 15px 2%; text-align: center;}
#Inner_Type_A li:nth-child(3n+1){ clear:both}
#Inner_Type_A li img{ max-width:100%; max-height:210px  }
#Inner_Type_A li p{  }

#Inner_Type_B { }
#Inner_Type_B .title{ margin:0 ;  }
#Inner_Type_B ul{ margin:20px 0 0 -2%; padding:0; }
#Inner_Type_B li{ float:left; width:48%; margin:0 0 15px 2%; }
#Inner_Type_B .title_des { float: left; width:100%;}
#Inner_Type_B li img{ max-width:100%; height:auto }
#Inner_Type_B li:nth-child(2n+1) { clear:both}
#Inner_Type_B .right_desc { float: right; width:100%; padding:10px 0 0}
#Inner_Type_B .right_desc ul{ list-style: outside; margin:0; padding:0}
#Inner_Type_B .right_desc ul li{ margin:0 0 0 15px;}
#Inner_Type_B .right_desc ol{ margin:0; padding:0}
#Inner_Type_B .right_desc ol li{ margin:0 0 0 15px;}

#Inner_Type_C {}
#Inner_Type_C .title{ }
#Inner_Type_C ul{ margin:20px 0 0 0; padding:0px;}
#Inner_Type_C li{ float:none; margin:0 0 15px 0%; width: auto; text-align: left; clear:both; padding:0}
#Inner_Type_C li img{ width:100%; height: auto; text-align: center; margin:0 0 10px 0}
#Inner_Type_C li .title_des{ width:42%; float:left; }
#Inner_Type_C li .right_desc{ float: right; width:56%;}
#Inner_Type_C .right_desc ul{ list-style: outside; margin:0; padding:0}
#Inner_Type_C .right_desc ul li{ margin:0 0 0 15px;}
#Inner_Type_C .right_desc ol{ margin:0; padding:0}
#Inner_Type_C .right_desc ol li{ margin:0 0 0 15px;}

#Inner_Type_C2 {}
#Inner_Type_C2 .title{ }
#Inner_Type_C2 ul{ margin:20px 0 0 0; padding:0px;}
#Inner_Type_C2 li{ float:none; margin:0 0 15px 0%; width: auto; text-align: left; clear:both; padding:0}
#Inner_Type_C2 li img{ width:100%; height: auto; text-align: center; margin:0 0 10px 0}
#Inner_Type_C2 li .title_des{ width:42%; float:right; }
#Inner_Type_C2 li .right_desc{ float: left; width:56%;}
#Inner_Type_C2 .right_desc ul{ list-style: outside; margin:0; padding:0}
#Inner_Type_C2 .right_desc ul li{ margin:0 0 0 15px;}
#Inner_Type_C2 .right_desc ol{ margin:0; padding:0}
#Inner_Type_C2 .right_desc ol li{ margin:0 0 0 15px;}

#Inner_Type_D { background:none}
#Inner_Type_D li{ float:none; margin:0 0 15px 20px; width: auto; text-align: left; clear:both; padding:0}

#Inner_Type_E li{ float:none; margin:0 0 15px 20px; width: auto; text-align: left; clear:both; padding:0}
#Inner_Type_E li a{ background:url(../images/icon/icon_pdf_b.png) no-repeat left; background-size:20px 27px;  }
#Inner_Type_E li a:hover{ background:url(../images/icon/icon_pdf_b.png) no-repeat left;  background-size:20px 27px; }

#Inner_Type_F ul li{  float:none; margin:0 0 15px 20px; width: auto; text-align: left; clear:both; padding:0}
#Inner_Type_F iframe{ width:100%; height:850px}
.download_area{ margin:30px 0px;}
.download_area .title{ background:#fafafa; border-left:2px solid #ff4546; color:#ff4546; padding:8px 15px; font-size:21px; line-height:32px; display:block;  box-shadow:0px 3px 2px rgba(0,0,0,.2); margin-bottom:20px; }
.download_area .description{ background:#fff; padding:10px; margin:20px 0; }
.download_area ul{ list-style:none; margin:0px 0 0 -2%; padding:0px;}
.download_area ul li{ float:left; width:31%; margin:0 0 15px 2%; text-align: left;}
.download_area ul li a{ background:url(../images/icon/icon_download.png) no-repeat left; background-position:3px 5px; padding:8px 0 3px 30px; line-height:19px; color:#db1111; background-size:23px 23px; display:block;}
.download_area ul li a:hover{ background:url(../images/icon/icon_download.png) no-repeat left; background-position:3px 8px; color:#666;background-size:23px 23px}

.links{}
.links ul { list-style:none; margin:0; padding:0 1%;}
.links ul li { float: left; width:30%; margin:0 0 15px 3%;}
.links ul li img{ width:100%; box-shadow: 0 0 3px rgba(0,0,0,.2)}
.links ul li img:hover{  box-shadow: 0 0 3px rgba(0,0,0,.4)}
/* Subject Template */
.subject_template{ }
.subject_template .title { background: url(../images/web/icon_book.png) left center no-repeat; margin-bottom:5px; color:#0da7b6; text-align: left; font-size:24px; padding:15px 0px 15px 80px;  font-weight: bold; border-bottom:2px solid #0da7b6;}
.subject_template ul{ list-style:none; margin:0; padding:0px}
.subject_template ul li{ margin-bottom:5px; float: left; margin-right:5px;  }
.subject_template ul li a{ padding:5px 15px; display:block; border-radius:8px; box-shadow: 0 2px 3px rgba(0,0,0,.1) ; background:#f9f0d8; color:#333  }
.subject_template ul li a:hover{ color:#fff; background:#F90}
.subject_template ul li a.current{ color:#fff; background:#0da7b6;  }


/* Information Template */
.sub_category{ margin:15px 0;}
.sub_category ul{ list-style: none; padding: 0px 0 0px 0;margin: 0px 0 10px 0;text-align: center; border-bottom: 1px solid #ddd;}
.sub_category ul li{ padding: 0 10px; float:left}
.sub_category ul li a{  padding: 10px 21px; display: block; color: #29c2c8; font-size: 17px; line-height: 19px; border-right: 1px solid #ddd;  border-left: 1px solid #ddd;  border-top: 1px solid #ddd; }
.sub_category ul li a:hover{ background: #F90; color:#fff}
.sub_category ul li a.current{ background: #29c2c8; color:#fff }

.sub_category_b{ margin:15px 0;}
.sub_category_b ul{ list-style: none;padding: 0px 0 15px 0;margin: 0px;text-align: center; border-bottom: 1px solid #ddd;}
.sub_category_b ul li{ display: inline-block; padding: 0 15px;}
.sub_category_b ul li a{  padding: 10px 21px; display: block; color: #29c2c8; font-size: 17px;  line-height: 19px;  }
.sub_category_b ul li a:hover{ color:#29c2c8}
.sub_category_b ul li a.current{ background: #29c2c8; color:#fff }
.sub_category_b ul li + li { border-left: 1px dashed #ddd; }

.bg_paper { border-top: 2px solid #29c2c821;  margin: 10px 0;  padding: 5px 10px; }












#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:#29c2c8; color:#fff}

.sitemap{background: #ffde00; padding: 5px 20px; border: 1px solid #fff; border-radius: 10px;}
.sitemap a{ color:#333;}

.year_box{ position:absolute; right:20px ;top:15px;}
.year_box select{ padding:5px 5px;}

#info_type_A .information ul{  margin:0; padding:0; }
#info_type_A .information ul li{ float:none; width: 100%; margin:0; padding:10px 5px; border-bottom:1px solid #ddd;  display:inline-block;  }
#info_type_A .information ul li:nth-child(even) {background: #fafafa}
#info_type_A .information ul li a{}
#info_type_A .information ul li a:hover{}
#info_type_A .information ul li img{ float:left; margin:0 20px 0 0; max-width:200px;}
#info_type_A .information .date{ float:left; width:28%;  }
#info_type_A .information .date span{ padding:0 0 0px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:4px 50%;}
#info_type_A .information p{ float:left; width:70%; }
#info_type_A .information ul .title_area{ border-bottom:2px solid #29c2c8; color:#29c2c8;}

#info_type_B .information ul{  margin:0 0 0 -2%; padding:0; list-style: none; }
#info_type_B .information ul li{ float: left; width:23%; margin:0 0 15px 2%;}
#info_type_B .information ul li:nth-child(4n+1){ clear:both;} 
#info_type_B .information ul li a{ display: block; color:#29c2c8; }
#info_type_B .information ul li a:hover{ text-decoration:none}
#info_type_B .information ul li .cover{ box-shadow: 0 0 3px rgba(0,0,0,.1); padding:1px;}
#info_type_B .information ul li .content{ }
#info_type_B .information ul li img{ width:100%; }
#info_type_B .information .date{ }
#info_type_B .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:1px 50%;}

#info_type_C .information ul{  margin:0 0 0 -1%; padding:0; list-style: none; }
#info_type_C .information ul li{ float: left; width:31%; margin:0 0 15px 2%; box-shadow:0 0 3px rgba(0,0,0,.2)}
#info_type_C .information ul li:hover{  box-shadow:0 0 3px #29c2c8 ; background:#F9F9F9}
#info_type_C .information ul li:nth-child(3n+1){ clear:both;} 
#info_type_C .information ul li a{ display: block; color:#29c2c8; }
#info_type_C .information ul li a:hover{ text-decoration:none}
#info_type_C .information ul li .cover{ box-shadow: 0 0 3px rgba(0,0,0,.1); padding:1px;}
#info_type_C .information ul li .content{ padding:5px ; }
#info_type_C .information ul li img{ width:100%; }
#info_type_C .information .date{ }
#info_type_C .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:1px 50%;}

#info_type_D .information ul{  margin:0 0 0 0; padding:0; list-style: none; }
#info_type_D .information ul li{ margin:0 0 15px 0;}
#info_type_D .information ul li a{ display: block; color:#29c2c8; }
#info_type_D .information ul li a:hover{ text-decoration:none}
#info_type_D .information ul li .cover{ float:left; width:30%; box-shadow: 0 0 3px rgba(0,0,0,.1); padding:1px;}
#info_type_D .information ul li .content{ float:right; width:68%; }
#info_type_D .information ul li img{ width:100%; }
#info_type_D .information .date{ }
#info_type_D .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:1px 50%;}

/* Notice */
#notice .information ul{  margin:0; padding:0; list-style: none; }
#notice .information ul li{ float:none; width: 100%; margin:0; padding:10px 5px; border-bottom:1px solid #ddd;  display:inline-block;  }
#notice .information ul li:nth-child(even) {background: #fafafa}
#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 .date{ float:left; width:12%; padding:5px 5px 5px 10px;}
#notice .information .date span{ padding:0 0 0px 30px; color:#666; font-size:15px; display:block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:4px 50%;}
#notice .information .number{ float:left; width:10%; padding:5px 0;  }
#notice .information .title{ float:left; width:50%; padding:5px 0;  }
#notice .information p{}
#notice .information .download{ float:right; width:auto; }
#notice .information .download a{ background: url(../images/icon/icon_pdf.png) no-repeat; background-position:0px 50%; background-size:20px; padding:5px 5px 5px 30px; display:block; color:#fc2130; width:auto }
#notice .information ul .title_area{ border-bottom:2px solid #29c2c8; color:#29c2c8;}

/* media */
#MediaA .information ul{  margin:0 0 0 -3.3%; list-style:none; padding:0; }
#MediaA .information .clip{ background:url(../images/icon/clip.png) no-repeat; width:35px; height:68px; position:absolute; left:20px; top:-8px; z-index:1 }
#MediaA .information ul li{ width:30%; margin:0 0 20px 3.3%; float:left; position:relative; }
#MediaA .information ul li .cover{ background:#f4f4f4; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:2px; padding:10px 15px 5px 15px; }
#MediaA .information ul li img{ width:100%; box-shadow:0 0 0;}
#MediaA .information ul li:nth-child(3n+1) { clear:both}
#MediaA .information .date{ position: relative; text-align: center; }
#MediaA .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:inline-block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:3px 50%;}
#MediaA .information p{ text-align: center; }
#MediaA .information ul li:hover .cover{ background:#e8f7ff; box-shadow:0 0 3px rgba(0,0,0,.3); }
#MediaA .information ul li a:hover{ text-decoration:none; color:#333; }

#MediaB .information ul{  margin:0 0 0 -2%; list-style:none; padding:0; }
#MediaB .information .clip{ display:none;}
#MediaB .information ul li{  width:23%; margin:0 0 20px 2%; float:left; position:relative; }
#MediaB .information ul li .cover{ background:#fdfdfd; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:0px; padding:5px 5px 5px 5px; }
#MediaB .information ul li img{ width:100%; box-shadow:0 0 0;}
#MediaB .information ul li:nth-child(4n+1) { clear:both}
#MediaB .information .date{ position: relative; text-align: center; }
#MediaB .information .date span{ padding:5px 0 5px 30px; color:#666; font-size:15px; display:inline-block; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:3px 50%;}
#MediaB .information p{ text-align: center; }
#MediaB .information ul li:hover .cover{ background:#f9f9ff; box-shadow:0 0 3px rgba(0,0,0,.3); }
#MediaB .information ul li a:hover{ text-decoration:none; color:#333; }

.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:420px;}
.youtube_video video{ width:100%; height:420px;}
.video_footer{ background:url(../images/icon/tv_footer.png) no-repeat center; height:38px; width:70%; margin-bottom:50px;}

/* 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:255px;}
#Information_detail #Inner_Type_A li:nth-child(3n+1) { clear:none}
#Information_detail #Inner_Type_A li:nth-child(4n+1) { clear:both}

/* Sub Menu */

.left_menu{ float:left; width:22%; margin:0 0 20px 2%; box-shadow:0px 0px 3px rgba(0,0,0,.1);}
.submenu{  margin: 0 0 0; background: #f6fbff}
.submenu .title { background: url(../images/icon/bg_category.png) #29c2c8 top left; margin:0px; padding:0px; text-align: center; background-size:cover;  }
.submenu .title p { font-size:28px; color:#fff; text-shadow:0px 0px 1px rgba(0,0,0,.3); font-weight:bold; padding:30px 0px; margin:0;} 

.arrowlistmenu{ background: #fffff9 }
.arrowlistmenu ul {list-style: none; margin: 0; padding: 0; font-size:17px;}
.arrowlistmenu ul ul { background:rgba(255,255,255,.7); font-size:15px; }
.arrowlistmenu ul ul ul { padding:0 0 0 20px; font-size:13px;}
.arrowlistmenu ul li { border-bottom: 1px solid #ddd; position: relative; overflow: hidden; transition: all .4s ease;}
.arrowlistmenu ul ul li {border-bottom: 0px solid #ddd;}
.arrowlistmenu ul li a { color: #333; padding:10px 10px 10px 30px; text-decoration:none; display:block; transition:all 0.3s; cursor: pointer;}
.arrowlistmenu ul ul li a { padding:15px 10px 15px 25px; }
.arrowlistmenu ul li a:hover{ color:#29c2c8}

.arrowlistmenu ul li a.current{ color:#29c2c8;}
.arrowlistmenu ul ul li a.current{ background:#29c2c8; color:#fff;}
/* Level 3
.arrowlistmenu ul ul ul li a.current{ background:#29c2c8; color:#fff;}
*/
.expandable_main a{ background-image: url(../images/icon/arrow_right.png); background-repeat: no-repeat; background-position:95% 50%; background-size:19px 19px;}
.arrowlistmenu .openheader a{ background-image: url(../images/icon/arrow_down.png); background-repeat: no-repeat; background-position:95% 50%; background-size:19px 19px;}
.expandable_main ul li a { background-image: none; }
.arrowlistmenu .openheader ul li a { background-image: none; }

.arrowlistmenu ul li{  background-image: url(../images/web/green.png);background-repeat: no-repeat; background-position: top left; background-size: 30px 30px;}
.arrowlistmenu ul li:nth-child(4n+2) { background-image: url(../images/web/orange.png)}
.arrowlistmenu ul li:nth-child(4n+3) { background-image: url(../images/web/blue.png)}
.arrowlistmenu ul li:nth-child(4n+4) { background-image: url(../images/web/red.png)}

#subs li{  background-image: none; }
#subs li a{ padding:8px 10px 8px 35px; }
#subs li ul li a{ padding:2px 10px 2px 35px; border-bottom:1px dotted #ddd; }

/* Subject Menu */
.subject_template{  }
.subject_template .title { text-align: center; font-size:24px; padding:17px 5px 12px 5px; background:rgba(0,0,0,.05); border-bottom:1px dotted #ddd; color:#29c2c8; font-weight: bold}
.subject_template ul{ list-style:none; margin:0; padding:10px}
.subject_template ul li{ margin-bottom:5px;  }
.subject_template ul li a, .subject_template ul li a:visited{ padding:10px 20px; display:block; border-left:2px solid #29c2c8; border:1px solid #29c2c8; background:#fff; color:#29c2c8;  }
.subject_template ul li a:hover{ color: #F90; background:#fff; }
.subject_template ul li a.current{ color:#fff; background:#29c2c8; border-left:2px solid #29c2c8; box-shadow: 0 2px 3px rgba(0,0,0,.1)}
.bottom_menu {
    background: url(../images/icon/shadow_bg_menu.png) no-repeat center center; background-size:cover;
    width: 100%;
    height: 7px;
}

/* 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:#29c2c8; 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:15px; 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:15px; 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 */
.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;}
.btn_back a{ background: url(../images/icon/icon_back.png) no-repeat #29c2c8; color:#fff; background-size: 26px 25px;
background-position: 15px 50%;  padding: 10px 30px 10px 60px;  border: 1px solid #fff; display: inline-block;  font-size: 20px;  line-height: 28px;
}
.btn_back a:hover{ background: url(../images/icon/icon_back.png) no-repeat #ffa030;background-size: 26px 25px; background-position: 15px 50%; color:#fff; }

.calendar { background:#fff; box-shadow:0 0 3px rgba(0,0,0,.2); margin-top:30px; width:96%; padding:15px 2%; }
.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 }


#FullPage .left_menu { display:none}
#FullPage .subject_template{ width:100%;}
#FullPage .subject_template .title { float:left; background: none; color:#333; text-align: left; margin:0; padding:5px 30px 10px 30px; font-size: 23px; text-shadow: 0px 0px 1px rgba(0,0,0,.3);}

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

#table_box{ border:1px solid #163673; padding:1px; background:#fff;border-collapse:inherit; width:100%} 
#table_box tr:nth-child(1), #title_head{ background:#14336e; color:#fff;} 
#table_box tr:nth-child(even) td{ background:#f7feff} 

#course_arean{}

#course_arean .green_arean {}
#course_arean h3{ 
font-size: 21px;
line-height: 26px;
border-left: 0px solid #29c2c8;
padding: 7px 0px;
box-shadow: 0 0px 0px rgba(0,0,0,0);
margin:10px 0 25px 0;}

.green_arean { background:#f7fff4; padding:15px 20px; margin:0 0 25px 0;}
.green_arean h3{ color:#1b7200; border-bottom:1px solid #1b7200;}
.pink_arean { background:#fff4f5; padding:15px 20px; margin:0 0 25px 0;}
.pink_arean h3{ color:#ff576b; border-bottom:1px solid #ff576b;}
.yellow_arean { background:#fffff5; padding:15px 20px; margin:0 0 25px 0;}
.yellow_arean h3{ color:#ffde00; border-bottom:1px solid #ffde00;}
.blue_arean { background:#f4f9ff; padding:15px 20px; margin:0 0 25px 0;}
.blue_arean h3{ color:#064ec6; border-bottom:1px solid #064ec6;}
.orange_arean { background:#fff9f4; padding:15px 20px; margin:0 0 25px 0;}
.orange_arean h3{ color:#ffa340; border-bottom:1px solid #ffa340;}

.grape_arean { background:#fcf1ff; padding:15px 20px; margin:0 0 25px 0;}
.grape_arean h3{ color:#5908ac; border-bottom:1px solid #5908ac;}
.orange_b_arena { background:#fff6e4; padding:15px 20px; margin:0 0 25px 0;}
.orange_b_arena h3{ color:#ffa019; border-bottom:1px solid #ffa019;}
.green_b_arean { background:#fff9f4; padding:15px 20px; margin:0 0 25px 0;}
.green_b_arean h3{ color:#5c8c00; border-bottom:1px solid #5c8c00;}
.green_c_arean { background:#fafffd; padding:15px 20px; margin:0 0 25px 0;}
.green_c_arean h3{ color:#008c60; border-bottom:1px solid #008c60;}
.life_edu_arean { background:#fff3fa; padding:15px 20px; margin:0 0 25px 0;}
.life_edu_arean h3{ color:#c1137d; border-bottom:1px solid #c1137d;}
.gifted_edu_arean { background:#fffaf1; padding:15px 20px; margin:0 0 25px 0;}
.gifted_edu_arean h3{ color:#8e5d10; border-bottom:1px solid #8e5d10;}


.banner_btn{ position:absolute; top:31%; left:0; }
.banner_btn ul{ list-style:none; padding:0; margin:0;}
.banner_btn ul li{ padding:0; margin:10px 0; position:relative;  }

.banner_btn ul li a{font-size:21px;color:#fff !important;display:block;padding:6px 20px 6px 89px;text-shadow: 0 0 3px rgba(0,0,0,.9);background: url(../images/web/new/icon_admission.png) #0c6b58c7 no-repeat;background-position: 10% 46%;}

.banner_btn ul li+li a{background: url(../images/web/new/icon_secondary.png) #258e82c7 no-repeat;background-position: 10% 46%;display:block;padding:6px 30px;text-shadow: 0 0 3px rgba(0,0,0,.9);padding:6px 20px 6px 89px;}
.banner_btn ul li+li+li a{background: url(../images/web/new/icon_int.png) #4db3a5c7 no-repeat;background-position: 6% 46%; display:block;text-shadow: 0 0 3px rgba(0,0,0,.9);padding:6px 20px 6px 89px;}



.banner_btn ul li a:hover{ ;background: url(../images/web/new/icon_admission.png) rgba(255,139,3,.8) no-repeat; background-position: 10% 46%;}
.banner_btn ul li+li a:hover{ ;background: url(../images/web/new/icon_secondary.png) rgba(255,139,3,.8) no-repeat; background-position: 10% 46%;}
.banner_btn ul li+li+li a:hover{ ;background: url(../images/web/new/icon_int.png) rgba(255,139,3,.8) no-repeat; background-position: 6% 46%;}

#mobile_show{ display:none;}

.btn_sub ul{ list-style:none; min-height:50px; margin:0; padding:0;}
.btn_sub ul li{
  margin:0 10px 0 0 ; float: left; 
}
.btn_sub ul li a{
  padding: 10px 15px;
  background:#e8f8ff !important; color:#333 !important;
  cursor: pointer; border:1px solid #1c6ba5;
  border-top-left-radius: 8px;
border-top-right-radius: 8px;
}

.btn_sub ul li a:hover { background:#1d6091 !important; color:#fff !important;
}



























.report{  position: relative; margin:0px 0 0 0; width:100%; }
.report .area{background: #ffffff;box-shadow: 0 0 3px rgba(0,0,0,.2); }
.report .title{background: #ffffff;padding: 15px 0 15px 25px;font-size: 23px;color: #cf112b;display: block;} 
.report .title span{border-top: solid #cf112b;width: 150px;position: absolute;top: 0;display: block;}
.report_area { margin:0 0 0 ; clear: both;  padding:5px 5px; }

.report ul{list-style:none;margin:0;padding: 5px;background:#fff;}
.report ul li{padding: 5px;font-size:15px;}

.report ul li:nth-child(odd) {background: #f8f8f8;}
.report ul li:nth-child(even) {background: #f8f8f8;}

.report ul li span{color: #cf112b;font-size: 15px;line-height: 25px;background: url(../images/web/icon_date.png) no-repeat;padding-left: 30px;margin: 1% 1%;background-position: 0px 50%;}
.report ul li a{ display:block; color:#333; }
.report ul li a:hover{ color:#0072ba; text-decoration: none}
.report .content{ float:right; width:77% }
.report .content a{ color:#333; }

.report .content img{ }
.report .more_area{position: absolute;right: 10px;top: 0px;font-size: 16px;}
.report .more_area a{background: #cf112b;line-height: 25px;display: block;padding: 12px 25px;color: #ffffff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.report .more_area a:hover{ background:#000;}




.latest_gallery .area{ padding:15px 2%;} 
.latest_gallery{ margin:0px 0 15px; padding:10px 0 0 0; width:100%; position:relative; }
.latest_gallery .title{ padding:10px 0px 10px 48px; color:#39877c; font-size:28px;font-weight: bold; position: relative;} 
.latest_gallery .title span{ position:absolute; left:0px; top:7px; background:url(../images/web/icon_camera_b.png) no-repeat; width:43px; height:34px;}
.latest_gallery ul{ list-style:none; margin:0; padding:0}
.latest_gallery ul li{ font-size:13px; padding:0px 0px;}
.latest_gallery ul li span{ color:#828282; padding:0 15px; }
.latest_gallery ul li a{ display:block; padding:0px 0px; color:#333}
.latest_gallery ul li a:hover{ color:#9b684b}
.latest_gallery .content{float: left; margin:0 0 0 10px;}
.latest_gallery img{ width:100px; float:left; margin:0 0 15px 0;}

.latest_gallery .more_area{position: absolute;right:15px;top: 30px; font-size: 15px; z-index:1; }
.latest_gallery .more_area a{line-height: 30px;font-size:15px;display:block;padding:0px 60px 0px 60px;border-radius:100px;color:#fff; background:url(../images/web/new/icon_more.png) #1c728f no-repeat; background-position:90% 50%  }

.latest_gallery .more_area a:hover {background:url(../images/web/new/icon_more.png) #70a9bc no-repeat; background-position:90% 50%; color:#fff;} 



.latest_gallery #training { position:relative ;  width:100%; margin-top: 20px; }
.latest_gallery #training .viewport { width: 91.5%; height: 300px; overflow: hidden; position: relative; margin:0px auto; }
.fc-scroller{ height:327px;}
.latest_gallery #training .prev{
    background:#30bbbb url(../images/web/latest_events_left.png) no-repeat center center;
	background-size:19px 26px;
    background-position-x: 6px;
    display: block;
    top:85px; 
    left:0px;
    width: 30px;
    height: 30px;
    position: absolute;
	z-index:1;
	border-radius:50%;
	padding:5px; 
}

.latest_gallery #training .next {
    background:#30bbbb url(../images/web/latest_events_right.png) no-repeat center center;
	background-size:19px 26px;
    display: block;
    top: 85px; 
    right:0px;
    width: 30px;
    height: 30px;
    position: absolute;
	z-index:1;
	border-radius:50%;
	padding:5px; 
}
.latest_gallery #training .next:hover{background:#F90 url(../images/web/latest_events_right.png) no-repeat center center;background-size:19px 26px;}
.latest_gallery #training .prev:hover{background:#F90 url(../images/web/latest_events_left.png) no-repeat center center;background-size:19px 26px;}

.latest_gallery #training .disable { visibility: hidden; }
.latest_gallery #training .overview { list-style: none; position: absolute; padding: 0; margin: 0;  left: 0px;}
.latest_gallery #training .overview li{background: #fff; float: left; margin: 10px 12px; width:220px; box-shadow: 0 0 2px rgba(0,0,0,0.3);border: 1px solid #fff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;}

.latest_gallery #training .overview li:hover{ box-shadow: 0 0 2px rgba(0,0,0,0.2);border: 1px solid #00c0ff;}


.latest_gallery #training .overview li .cover{width: 100%;}
.latest_gallery #training .overview li a{display:block }
.latest_gallery #training .overview li .cover img{ width: 100%; }
.latest_gallery #training .overview li p{ padding:10px 15px 25px 15px; font-size:16px; color: #004898;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.latest_gallery #training .overview li:hover p{ color:#006be1; text-decoration:none; }
.latest_gallery #training .overview li a:hover { text-decoration:none; }
.latest_gallery #training .overview li:hover .cover img{ opacity:.7 }
.latest_gallery #training .overview li:hover{ }
/* buttons */
.latest_gallery .buttons {margin: 1em 0;}




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