#nav-wrap {display: block;}

.slicknav_menu {display:none;}
.slicknav_btn { position: relative; display: block; vertical-align: middle; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 21px; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; display:none }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_nav { clear: both }
.slicknav_nav ul,.slicknav_nav li { display: block }
.slicknav_nav span { float:right; height:auto; padding:0px 10px 0px 0px; margin:0px; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block;  }
.slicknav_nav a { display: block }

.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }
.slicknav_menu {font-size:15px;}
/* Button */
.slicknav_btn { margin:0px;height: 15px; background-position:15px 50%;padding: 15px 15px;cursor: pointer;display: block; margin:0px;}
.slicknav_btn.slicknav_collapsed {background: #1c3f82  url(../images/icon/menu-icon_white.png) no-repeat; background-position:15px 50%;}
.slicknav_btn.slicknav_open {background: #ffa200 url(../images/icon/menu-icon_white.png) no-repeat; background-position:15px 50%;}
li.slicknav_collapsed {	background: none; background-position:15px 50%;	}
li.slicknav_open {	background: none; background-position:15px 50%;	}

/* Button Text */
.slicknav_menu  .slicknav_menutxt{padding-left:36px; font-size:21px; color:#fff; line-height:17px; text-transform: uppercase}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {background-color: #f5f5f5;}
.slicknav_menu {  padding:0;}

.slicknav_nav { color:#fff; margin:0 10px; padding:0;font-size:15px; box-shadow:0 0 3px rgba(0,0,0,.2)}
.slicknav_nav ul { margin:0; list-style: none; background:#fff; overflow:hidden; padding:0px;}
.slicknav_nav li { border-bottom:1px solid #ddd;}
.slicknav_nav a{padding:10px 10px;margin:0px;text-decoration:none;color:#333;}
.slicknav_nav li ul li { border-bottom:0px solid #ddd;}
.slicknav_nav li ul li a { padding:7px 20px; font-size:12px;}

.slicknav_nav .slicknav_item a{ padding:0; margin:0}
.slicknav_nav .slicknav_parent-link a { padding:0; margin:0}
.slicknav_nav .slicknav_parent-link:hover a , .slicknav_nav .slicknav_item:hover a { }
.slicknav_nav .slicknav_open ul li a { color:#333;}
.slicknav_nav .slicknav_open ul li a:hover { }
.slicknav_nav .slicknav_open ul li a.current:hover { color:#333}

@media screen and (max-width: 800px) {
html,body { font-size:15px; line-height:21px; }
#nav-wrap {display:none;}
.js .slicknav_menu {display:block;}
.screen{ min-width:300px; max-width:780px; padding:0px 10px;}
.cd-top { bottom: 5px;  right: 5px; } 
.container { margin-top:0; padding-bottom:30px;}

.site_area{ min-width:300px; position:relative; box-shadow: 0 0 3px rgba(0,0,0,0); background:#132b46;}
/* Header */
.header{ background: none; height: auto; }
.header .logo{ margin:15px 0 15px 0; width:100%; text-align: center;}
.header .logo a{ display:inline-block; }
.header .logo img{ max-width: 100%; width: auto; height: auto; max-height:50px;}
.header .logo_img img{ height:65px;}
.header .logo{ float:left; margin:60px 0 10px 0; text-align: center;}
.header .logo .logo_img{ float:left; text-align: center; margin:0; width:100%;}
.header .logo .logo_right{ float:left; text-align: center; width:100% }
.header .logo .logo_chinese{ text-align: center; }
.header .logo .logo_english{ text-align: center; }
/*.header .logo .logo_english{ color:#ddba2f; font-size:15px; text-align: center; margin-top:8px}*/


.latest_events_area ul{ margin:0; padding:0 15px }

.latest_events_area ul li{ float: left; width:100%; padding:15px 0 15px 0; }
.latest_events_area ul li+li{ padding:5px 0 5px 0; }
.latest_events_area ul li+li+li{ padding:5px 0 ; clear:both }
.latest_events_area ul li+li+li+li{  padding:5px 0 ;  clear:none}
.latest_events_area ul li+li+li+li+li{  padding:5px 0 ; clear:both}
.latest_events_area ul li+li+li+li+li+li{  padding:5px 0 ;  clear:none}

.header .icon_top {border-radius:0px; background:#fff; border:0px; box-shadow:0 0 3px rgba(0,0,0,.2); position: fixed; right:0; top:0; width:100%; height:60px; z-index:999}
.header .icon_top ul{ padding:15px 0 0 5px;}
.latest_new{ padding:15px 0;}
.intranet{ font-size:12px; padding:5px;}
.top_righht_area{ position:absolute; top:0; padding:10px 0; width:100%;  background:url(../images/web/bg_top.png) no-repeat left top; }

.header input{ float: left; width:80px; margin:0 5px; 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:11px; color:#666}
#login_btn{ background:#f8c401; box-shadow:inset 0px 0px 0px rgba(0,0,0,0); color:#fff; text-transform:uppercase; height:30px; width:60px; font-size:12px; cursor:pointer}
#login_btn:hover{ background:#301e74; color:#fff}


.latest_new .title{ color:#ffffff; font-size:18px; float:left; margin:0 0 15px 0; padding-left:10px; text-transform: uppercase } 
.latest_events .title{ color:#ffffff; font-size:18px; float:left; margin:0 0 15px 0; padding-left:10px; text-transform: uppercase } 
.latest_new ul{ list-style:none; padding:0; margin:20px 10px; }
.latest_new ul li{ width:96%; margin:0 0 10px 0; background:#fff; box-shadow: 0 0 3px rgba(0,0,0,.3); padding:0 2% 10px 2%; float: left;}
.latest_new ul li span{ color:#f8c400; border-top: 3px solid #f8c400; padding:12px 0; display:inline-block;   }

.latest_new .more_area{ position:absolute; right:2%; top:10px; }
.latest_new .more_area a{ background:#301e74; line-height:16px; font-size:13px; display:block; padding:5px 15px; border-radius:6px; color:#fff}
.latest_events .more_area{ position:absolute; right:2%; top:15px; }
.latest_events .more_area a{ background:#301e74; line-height:16px; font-size:13px; display:block; padding:5px 15px; border-radius:6px; color:#fff}


.header .info_top{ width:88%; float: left; }
.language { float: right; margin-left:0; width:12% } 

.header .info_top ul { padding:0 }
.header .info_top ul li { float: left; width: auto; font-size:13px; padding:2px 5px 2px 5px; background:none; text-align: center; margin:0 0px}
.header .info_top ul li+li {background: none; border-left: 1px dotted #ddd; border-right:1px dotted #ddd;}
.header .info_top ul li+li+li {background: none; border:0;}


.language a{ background:#301e74; line-height:16px; color:#fff; text-align:center; display:block; font-size:13px; padding: 6px 0px; border-radius:8px; }
.language a:hover{ background:#ffa800; color:#fff;  }
.right_area { width:auto; padding:10px 10px;}
.Userful_link_inside { padding:15px 0;}
.Userful_link_inside ul { padding:0; margin:0; }
.sentense .area{margin: 5px ; padding:5px; }
.sentense .title{ display:none;}
.contact_info ul li{ float: none;}
.contact_info ul{ padding:10px 0;}
.contactus .title{ float:none}
.contactus{ padding:15px 0;}

/* Banner */
.banner_area, .left_area, .inner_content, .left_menu { width:100%;}
.Userful_link_inside ul{ margin:0 0 ; padding:0}
.Userful_link_inside ul li{ float: left; width:100%; margin:0 0 5px 0}
.footer .copyright, .footer .power{ width:100%; text-align: center;}
.inner_content { margin:0;}
.footer .screen{ padding:0 10px;}

/* Page */
.learning_banner,.learning_banner_large,.learning_banner_n{background-position: right;}
.school_development_banner{background-position: center;}
.default_banner,.non_banner,.learning_banner_large,.learning_banner,.learning_banner_n{background-size:auto auto;background-repeat: no-repeat;}

.learning_banner_large h1 { text-align: center ; text-transform: uppercase; font-size:28px; color:#7D579A; padding:90px 0; margin:0 0 0 0px; } 
.learning_banner h1 { text-align: center ; text-transform: uppercase; font-size:38px; color:#7D579A; padding:90px 0; margin:0 0 0 0px; } 

.inner_banner{ padding:65px 0 20px 0; margin-bottom:20px;}
.inner_banner h1{ font-size:23px; line-height:26px; padding:10px 5px; }

.inside_banner{  padding:25px 0; margin-bottom:20px; }
.inside_banner h1{ font-size:23px; line-height:26px; }

.inner_content .main_content{ padding:5px 10px 20px 10px; min-height:380px; overflow:auto }
.nevigation{ padding:5px 0;}

#Inner_Type_A ul{ margin:20px 0 0 0%;  }
#Inner_Type_A li{ float:left; width:100%; margin:0 0 15px 0%; }
#Inner_Type_C li .title_des{ width:100%; }
#Inner_Type_C li .right_desc{ width:100%;}

.download_area ul{ margin:0px 0 0 0%; padding:0px;}
.download_area ul li{ width: auto; float:none; margin:0 0 15px 20px }
.inner_content_full .main_content{ padding:5px 10px 20px 10px; min-height:200px; }
.year_box{ right:0 ;top:0; position: relative;}
.year_box select{ width:100%}

#info_type_A .information .date{ float:left; width:35%;  }
#info_type_A .information p{ float:left; width:63%; }

#info_type_B .information ul{  margin:0 0 0 0%; }
#info_type_B .information ul li{ width:100%; margin:0 0 15px 0;}

#info_type_C .information ul{  margin:0 0 0 0%;  }
#info_type_C .information ul li{ width:100%; margin:0 0 15px 0; }

#MediaA .information ul{  margin:0 0 0 0%;  }
#MediaA .information ul li{ width:100%; margin:0 0 15px 0%; }

#MediaB .information ul{  margin:0 0 0 0%;  }
#MediaB .information ul li{  width:100%; margin:0 0 15px 0; }

#notice .information ul .title_area { display:none;}
#notice .information .date{ float:left; width:75%;  padding:5px 5px 5px 0px; }
#notice .information .date span{ padding:0 0 0px 25px; background:url(../images/icon/icon_date.png) no-repeat; background-size:21px 21px; background-position:0px 50%;}
#notice .information .number{ float:left; width:75%;  }
#notice .information .title{ float:left; width:75%;   }

.youtube_video{ width:100%; box-shadow:0 5px 10px rgba(0,0,0,.5); background:#000; padding:0px; border:0px solid #fff; margin-top:30px;}
.youtube_video iframe{ width:100%; height:320px;}
.youtube_video video{ width:100%; height:320px;}

#Information_detail #Inner_Type_A li{ width:100%; margin:0 0 15px 0%; }
#Information_detail #Inner_Type_A li img{ max-width:100%; max-height:255px;}
.video_area{ margin:30px 0 0 0;}
.video_area ul { list-style:none; margin:0 0 0 0%; padding:0;  }
.video_area ul li { width:100%; margin:0 0 10px 0; font-size:15px; line-height:21px; }

.video_area .video_box { padding:2px; min-height:155px;}

/* Page Content */
.contactus .info, .contactus .location{ width:100%;}

}