#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:10px 10px 0 10px;}
.slicknav_btn.slicknav_collapsed {background: #007749  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:5px 20px; font-size:15px;}

.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: 1024px) {
.header .logo {padding: 65px 0 0 0;}	
	}



@media screen and (max-width: 800px) {
#nav-wrap {display:none;}
.js .slicknav_menu {display:block;}
.screen{ min-width:280px; max-width:780px; padding: 0 10px}
.cd-top { bottom: 5px;  right: 5px; } 
/* Header */
.header{box-shadow:0 0 0px rgba(0,0,0,.3); background-image:none; background-color:#063 }
.header .logo{ margin:40px 0 10px 0; width:100%; text-align: center; max-height:inherit; padding:0}
.header .logo img{ max-width:200px; }
.header .links{ width:100%; background:rgba(0,0,0,.7); border-bottom:1px solid #ddd; top:0; margin:0; right:0px; font-size:12px;}
.header .links img{ height:25px;}
.info_top{ display:none}
.header .icon_top{display: none }
.header .links ul { display: flex; gap:0}
.header .links ul li{ margin:0; width:25%; text-align: center;}
.header .links ul li a{ text-align: center; background: none; padding:1px 0; border-left: 0px solid #fff; display: block}
.header .links ul li+li a{ border-left: 1px dotted #fff;}
/* Banner */
.banner_area{ margin:10px 0;}
.slider{ width:100%; min-height:120px}
.sentense{ width:100%; margin:20px 0 0 0; }
.latest_events, .latest_new, .latest_award, .main_calenadr, .latest_video, .latest_gallery{ width:90%;}
.latest_award{ margin:20px 0; width:95%; margin:0 2.5%}
.latest_notices{ margin:20px 0; width:95%; margin:0 2.5%}
.footer .screen{ padding:10px;}
/* Main Userful Links */
#Inner_Type_C li .right_desc{ width:100%;}
#Inner_Type_C li .title_des,.school_video{ width:100%;}
.Userful_link_inside{ padding:10px 0}
.Userful_link_inside ul{ margin:0 5px 0 -3px; padding:0}
.Userful_link_inside ul li{ float: left; width:48%; margin:0 0 5px 2%}
.Userful_link_outside{ padding:20px 0}
.Userful_link_outside ul{ margin:0 0 0 -2.3; padding:0}
.Userful_link_outside ul li{ float: left; width:31%; margin:0 0 10px 2.3%}
.footer .copyright, .footer .power{ width:100%; text-align: center;}
/* Page Content */
.arrowlistmenu .title { background: url(../images/icon/bg_category.png) left top #0f7b50; background-size:cover }
.inner_content_full{ margin-bottom:30px;}
.inner_content{ width:100%; margin-bottom:20px;}
.arrowlistmenu{ width:100%; margin:0 0 50px 0;}
.download_area ul{ margin:0px 0 0 0%; padding:0px;}
.download_area ul li{ width:100%; margin:0 0 15px 0;}
/* Infomration Content */
#Inner_Type_A ul{ margin:0; }
#Inner_Type_A li{ float:left; width:100%; margin:0 0 10px 0%; }
.year_box{ position: relative; right:0px ;top:0px;}
.year_box select{ padding:5px 0; width:100%;}
.sub_category ul li{ margin:0 10px 5px 0;}
.information ul { margin:0;  }
.information ul li{ width: 100%; margin:0 0 10px 0%; text-align:center; padding:5px 0 }
#info_type_B .information .date{ float: none;}
#info_type_B .information ul li img{ width:100%; float: none; margin:0 0 10px 0 ;}
#info_type_B .information p{ width:100%;}
#Information_detail #Inner_Type_A li{ float:left; width:100%; margin:0 0 10px 0%;}
.inner_content .main_content{ padding:10px 10px; }
.inner_content_full .main_content{ padding:10px 10px 30px 10px; }
/* Media Content */
#Media_Video .information ul li{ width:47%; margin:0 0 10px 3%;  }
#Media_Album .information ul li{ width:47%; margin:0 0 10px 3%;  }

.youtube_video{ width:95%; padding:5px; margin-top:20px;}
.youtube_video iframe{ width:100%; height:240px;}
.youtube_video video{ width:100%; height:240px;}
.video_footer{width:95%;}

#notice .information .date{ float: none; width: auto; padding:5px 5px 5px 10px; text-align: left}
#notice .information .number{ display:none}
#notice .information .title{ float: none; width:auto; padding:5px 0 5px 10px; text-align:left  }
#notice .information .download{ float:none; text-align: center; width:auto; padding:5px 0px 5px 10px;}
#notice .information .download a{ display: inline-block; text-align: left}

/* SiteMap */
.sitemap ul li{ float: left; width: 47%; margin:0 0 10px 3%; }
.sitemap ul li+li+li{ clear:both }
.sitemap ul li+li+li+li{ clear: none }
.sitemap ul li+li+li+li+li{ clear:both }
.sitemap ul li+li+li+li+li+li{ clear: none }

ul.site-map-menu { list-style:none; margin:0 0 0 -2%; padding:0;}
ul.site-map-menu li{ float: left; width: 45%; margin:0 0 20px 2%; list-style:none;}

.girl_sport, .girl_sport_2{ display:none}
.contactus .info, .contactus .location{ width:100%;}

.header .logo img{ height:auto; width:23%; max-width:70px;  float: left; margin:5px 0 0 2%; }
.inner_area{ padding:0;}

.name_tc{ font-size:20px; margin:3px 0 0 0px; font-weight: normal; line-height:19px; float: right; width:74%; text-align: left;}
.name_en{  font-size:18px; margin:5px 0 0 0px; line-height:23px; float: right; width:74%; text-align: left;}

.header .links ul li a{  background: none; }
.header .links ul li+li a{background: none;; }
.header .links ul li+li+li a{background: none; }

.left_main{ float: left; width: 100%;}
.right_main{ float: right; width: 100%;}

.news_tt{ float: left; width:100%; }
.news_right{ float: right; width:100%;}

.awards_right{ float: right; width:100%;}
.latest_new .more_area {  font-size:13px; position:absolute; right:20px; top:50px;}
.latest_award .more_area {  font-size:13px; position:absolute; right:20px; top:30px;}
.latest_award .area{ padding:5px;}
.news_right .area{ padding:10px;}
.top_linking{ position:static;}
#inner_banner{ background-size:auto 180px;}
.header .btn_Login { width:100%; padding:10px; background:#007749 url("../images/icon_login.png") no-repeat scroll 35px 50% / 25px 31px}
.intranet { margin-left:15%; width:18%;}
.header input {width:20%; margin-left: 2%;}
#login_btn {width:15%;}
.header .links { background:inherit; float:none; width:100%; position:absolute;}
.header .links ul li { padding:5px 0; width:25%}
.btn_Login{ display:none;}
.header .links ul li a { padding:0px 0 0 0;}
.t_btn{ display:none}
.facebook { margin:inherit}
.facebook a { padding:5px;}
.sentense .area { padding:0 15px}
.latest_new { padding:20px 10px;}
.main_calendar { width:100%; margin-left:0%;}
.school_name { width:85%; background:inherit; float:none; padding:0px;}
.contact_info { width:100%}
.latest_new ul { margin:0 0 0 0%;} 
.latest_new ul li { width:100%; margin:0 0 0 0%;}
.mobile_only{ display:block;}
.mobile_fb{ display:block; height:30px; width:30px;}
.mobile_fb img{ height:45px;}
.facebook{ display:none;}
.sentense .icon_bb{ padding:10px 0 10px 70px;}
.links_footer{ float:left;}
.latest_new .datebox { width:40px;}
.latest_new .day { padding:5px 0;}
.latest_new .month { padding:2px 0;}
.logo_footer{ display:none;}
.contact_info{ width:90%; margin:0 0 0 0%;}
.main_awards_area ul{ margin:0 0;}
.footer_info{ background:none}
.main_awards_area ul li{ width:100%; margin:0 0% 20px 0%; float:left; padding:0px 0.5% 15px 0.5%; }

.main_events_area ul li span{ float: left; width:100%; text-align: left;}
.latest_new .content{ width:100%;}
#inner_banner .title_t{ margin:0px; padding:50px 10px; text-align: center; font-size:21px; line-height:24px; color:#fff; text-shadow: 0 5px 10px rgba(0,0,0,.7); text-transform:uppercase; font-weight:normal; }

.tab button:nth-child(1) {
  padding:10px 10px 10px 35px;color:#333; font-size:16px; background:url(../images/icon_album.png) no-repeat #f2f2f2; background-size:22px 20px; width: auto; text-align: left; display:inline-block; background-position: 5px 50%;
}
.tab button:nth-child(2) {
  padding:10px 10px 10px 35px; color:#333; font-size:16px; background:url(../images/icon_video.png) no-repeat #f2f2f2; background-size:22px 20px; width: auto; text-align: left; display:inline-block; background-position: 5px 50%;
}

.tab button:nth-child(1).active { ;color:#fff; background:url(../images/icon_album_select.png) no-repeat #429452; background-position: 5px 50%; background-size:22px 20px; }
.tab button:nth-child(2).active { ;color:#fff; background:url(../images/icon_video_select.png) no-repeat #429452; background-position: 5px 50%; background-size:22px 20px; }
.front_media{ padding:15px;}
.main_media_area ul { list-style:none; margin:0  0 0 -2%; padding:0 0;}
.main_media_area ul li { float: left; width:48%; margin:0 0 10px 2%; background:#fff}


.footer_info { min-height:auto}
.sch_info ul { display:block}
.sch_info ul li{ float:none}



}