#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: #eb2d3c  url(../images/icon/menu-icon_white.png) no-repeat; background-position:15px 50%;}
.slicknav_btn.slicknav_open {background: #085cba 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 rgba(0,0,0,.2);}
.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:16px;}
.slicknav_nav li ul li ul li a { padding:7px 35px; font-size:13px;}
.slicknav_nav li ul li ul li ul li a { padding:7px 50px; }

.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: 767px) {
h1{ font-size:32px; line-height:36px; }
h2{ font-size:28px; line-height:32px; }
h3{ font-size:26px; line-height:30px; }
h4{ font-size:23px; line-height:26px; }
h5{ font-size: 19px; line-height:23px;}
h6{ font-size:15px; line-height:18px; }
.Album{ margin:0}
	
h1,h2,h3,h4,h5,h6{ margin:0 0 5px 0; padding:0;}

html,body { font-size:17px; 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; background:#fff}

.site-map ul li { width:46%; }

/* Header */
.header{ height: 80px;background: #fff;box-shadow: 0 0 3px rgba(1, 1, 1, 0.61); }
.header .logo{margin: 7px 0 0 -7px; width: 50%;}
.header .logo a{ display:inline-block; }
.header .logo .logo_img { background: url(../images/web/logo_m.png) no-repeat; width: 273px;height: 89px;background-size: 75%;}
.header .logo .logo_img img{  max-width:none; height:50px;}

.info_top{ display:none}
.header .icon_top {   width: 50%;  height: auto;  margin: 0;}
.header .icon_top ul{ list-style: none;float: right; margin: 0; padding:  0; width: 100%;}

.header .icon_top ul li { width:33%; float: left; font-size: 15px; text-align: center; padding: 0px ; margin:20px 0 0 0}
.header .icon_top ul li + li{ border-left: 0px; margin:20px 0 0 0}
.slider{ margin:15px 0 0 0;}
.header .icon_top ul li a { background: url(../images/web/icon_home.png) no-repeat center ; }
.header .icon_top ul li + li a{ border-left: 1px dotted #666; background: url(../images/web/icon_eclass..png) no-repeat center; }
.header .icon_top ul li+li+li { margin:20px 0 0 0}
.header .icon_top ul li + li + li a { background: url(../images/web/icon_calendar.png) no-repeat center;}

.header .icon_top ul li a { color:#333}
.header .icon_top ul li a:hover { color:#f94343}


#btn-eclass span { display:none}
#btn-home span { display:none}
#btn-calendar span { display:none}



.header .links_top { height:70px;}


.contact_info_left { width:100%}
.contact_info_right { width:100%}
.contact_info_right ul {padding: 30px 0 0 0px;}
.contact_info_left ul li{ width:30%}

.sentense .area{margin: 5px ; padding:5px; }
.sentense .title{ display:none;}

.latest_events_area ul{ }
.latest_events_area ul li{ float: left; width:48%; margin:0 1% 10px 1%;}
.latest_events_area ul li:nth-child(2n+1){ clear:both;}

section .photo { width:100%}
section .left_description{ width:100%}
section .photo_right { width:100%; margin: 50px 0 0 0;}

section .photo_o{ width:100%}
section .left_right{ width:100%;margin: -20px 0 20px 0;}
section .photo_bg_left{ width:100%}

section .right_description{ width:100%}
section .photo_bg { width:100%}
#school_life{margin: 110px 0 0 0;}

.contact_area{ width:100%;}
.school_building { width: 96%;margin: 2%;;}
.Userful_link_inside{padding: 20px 0;
width: 100%;}
.google_classroom {
	    right: 10px;
    top: 75px;
}
.contact_info { margin:0; width:100%}
.logo_right img {max-width: 100%}

#intro {    margin: 30px 0;}

.front_button ul li{
    width: 100%;
    margin: 0 0%;}
.front_button ul li a{ border: 2px solid #fff; color: #fff;font-size: 16px; padding:60px 0}


.front_button ul li a span{ padding: 10px 0; line-height: 23px; width:100%;}

.slogan { display:none}
.left_area { padding:20px 0;}


.intro ul li{ width: 98%; margin: 0 1%;}
.intro ul li+li { width: 98%; margin: 0 1% 400px 1%;}
.latest_award ul li { width: calc(100% - 20px);margin: 0 0 30px 0;}

.Userful_link_inside ul li { width:45%}




#bottom_line { display:none}


#notice .information .dead { width:98%}





/* Banner */
.banner_area{ float: none; padding-top:80px; }
.banner_area, .right_area, .left_area, .inner_content, .left_menu { width:100%; margin:0; }
.submenu { margin:0; }

.Userful_link_inside ul{ margin:0 0 0 -2.3; padding:0}
.Userful_link_inside ul li{ float: left; width:45%; margin:0 0 10px 2.3%}
.footer .copyright, .footer .power{ width:100%; text-align: center;}

/* Page */
.inner_banner {min-height:210px; margin-top: 80px}
.inside_banner{min-height:210px;  margin-top: 80px}

.inner_content .main_content{ padding:5px 0px 20px 0px; min-height:500px;  }
.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;}

.google_classroom{ position:relative; top:0; left:0;}

.newsletter ul li{float:left; font-size:15px; width:100%; border-bottom:1px dotted #ddd; margin: 10px 0; }

.sub_category { width:100% ; float: left}
.sub_category ul{ margin: 0px 0 5px 0;border-bottom: 1px solid #ddd;}
.sub_category ul li{ padding: 0 5px; float:left;}
.sub_category ul li a{  padding: 5px 10px; font-size: 15px; line-height: 19px; border-right: 1px solid #ddd;  border-left: 1px solid #ddd;  border-top: 1px solid #ddd; }
/* Page Content */
.contactus .info, .contactus .location{ width:100%;}
.arrowlistmenu ul li a{ padding: 10px;}


.ss-links {width: 100%;margin-top: 0;position: relative;top: 0;}
#ss-subtitle { width:99%; float:right}
#ss-subtitle::before { width:50%}
#ss-subtitle_left {  width:99%; float:right}
#ss-subtitle_left::before { width:50%; left:0}
#ss-subtitle_left::after {border-left: 10px solid rgb(237, 27, 35);left: 0; border-right: none;right: none;}

b { overflow:hidden }

.ss-container h3 p { text-align:left}
.ss-container h3 span { text-align:left}

.latest_new .main_events_area li {    width: calc(100% - 1% - 40px) !important;}

.latest_new .main_events_area ul li {margin: 20px 0}


.notices_calendar .notices_calendar_box { width:100%; display:block}
.notices_calendar_block:hover  .notices_calendar_box {    width:100%;}

.notices_calendar .notices_calendar_box:hover {    width: 110%;}
}