#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: #cf112b  url(../images/icon/menu-icon_white.png) no-repeat;background-position:15px 50%;}
.slicknav_btn.slicknav_open {background: #aa0707 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: 17px;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: 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: 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; }
.contact p span{ display: block}
/* Header */
.header .screen{background: #fafafa;height: auto;}
.header{ background: none; height: auto; }
.header .logo{margin:0px 0;padding: 40px 0 10px 0; width:100%; text-align: center;}
.header .logo a{ display:inline-block; }
.header .logo img{ max-width:100%; height: auto; width:100%;}
.header .logo .logo_img{
    width: 100%;
    margin: 10px 0 0 0;
}
.header .logo .logo_txt{float: right;margin:15px 0 0 2% ;width: 70%;}
.header .logo .logo_tc{
    font-size: 25px; letter-spacing:-1px;
    padding: 8px 0; text-align: left
}
.header .logo .logo_en{
    font-size: 18px;
    text-align: left;
    line-height: 26px;
    padding: 0 0 5px 0;
}
.header .icon_top ul .home a { background: url(../images/web/icon_home2.png) no-repeat; background-position:50% 50%;
    }
.header .icon_top ul  a span { display:none; }
.header .icon_top .top_calendar { }
.header .icon_top ul .top_calendar a { background: url(../images/web/icon_calendar.png) no-repeat; background-position:50% 50%;
    }
.header .icon_top .top_calendar span {}
.header .icon_top .alumni { }
.header .icon_top ul .alumni a { background: url(../images/web/icon_alumni.png) no-repeat; background-position:50% 50%;
  }

.header .icon_top ul .admin a { background: n; background-position:50% 50%;
   }


.info_top{ display:none}

.header .icon_top {background: #ffffff; border:0px; padding:5px 0; box-shadow:0 0 3px rgba(0,0,0,.2); position: absolute;right:0;top:0;width:100%;height: auto; z-index:1;}
.header .icon_top ul{padding: 0;}
.header .icon_top ul li{ float: left; width:25%; text-align:center}

.header .icon_top ul li+li { border-left:0px dotted #ddd;}

.header .btn_top_bar{ position: relative; right:0px; top:0px;  background: none;  }
.header .btn_top_bar ul{ list-style:none; margin:0; padding:5px;}
.header .btn_top_bar ul li { float: left; margin-right:15px; }
.header .btn_top_bar ul li a { background:url(../images/web/icon_home.png) no-repeat left center; padding:10px 0 10px 35px; display:block; color: #fff;}

.header .btn_admission { position:absolute; right:15px; top:0; height: auto ; z-index:1;}
.header .btn_admission a{ background: none; display:block; text-align: right; width: auto;  padding:13px 0 26px 20px; color:#fff;  font-size:15px; }
.header .btn_admission span{  width:27px; height:22px; position:absolute; left:35px; display:block; top:13px; left:-15px; }

.header .btn_admission a:hover{ background: none; background-position:0 90%;padding:13px 0 26px 20px; font-size:15px;}
.header .btn_admission:hover span{ background:url(../images/web/icon_admission.png) no-repeat; background-size:27px 22px; width:27px; height:22px; position:absolute; top:13px; left:-15px;  }
.latest_events{ margin:10px 0;}

.latest_new .category{ width:48%; text-align: left  ; margin:0 0 0 5%; line-height:26px; }

.sentense .area{margin: 5px ; padding:5px; }
.sentense .title{ display:none;}
.banner_area{ padding-bottom:15px;}
.latest_events_area ul{ }
.latest_events_area ul li{ float: left; height:auto; width:100%}
.latest_events_area ul li+li{ width:100%; margin:0 0 10px 0;}
.latest_events_area ul li{
width: 100%;
margin: 0 0% 10px 0%;
	}
.Userful_link_inside ul li {
    float: left;
    width: 48%;
    margin: 0 0 10px 2%;
}
.Userful_link_inside ul li:nth-child(odd){ clear:both;}
.latest_video .title{ padding:25px 0px 10px 80px}
.latest_video ul li{ width:100%; margin-bottom:15px;}
/* Banner */
.banner_area, .right_area, .left_area, .inner_content, .left_menu { width:100%;}
.Userful_link_inside ul{ margin:0 0 0 -2.3; padding:0}
.footer .copyright, .footer .power{ width:100%; text-align: center;}
.inner_content { margin:0;}

.latest_award_area ul li{ float: left; width:100%; position:relative; }
.latest_award ul li+li{ float: left; width:100%; margin:0 0 10px 0%; }
.latest_award .title{}
.latest_award_area ul li { width:100%; margin: 0 0 10px 0;}

.front_contact ul li{ float:left; list-style:none; width:100%; text-align: left; position:relative;  font-size:15px; }
.front_contact ul li{ width:90%; padding:0 0 0 10%; margin: 0 0 10px 0%  }
.front_contact ul li+li{ width:90%; padding:0 0 0 10%; margin: 0 0 10px 0%  }
.front_contact ul li+li+li+li{ width:90%; padding:0 0 0 10%; margin: 0 0 10px 0%  }


.latest_new .title{} 
.latest_new .content{float:left;width:100%;padding: 3px 0;}
.latest_new ul li:nth-child(odd) {background: #f8f8f8;}
.latest_new ul li:nth-child(even) {background: #ffffff;}	


/* Page */
.inner_banner{ padding:0 ; margin-bottom:0; min-height:120px; background-repeat: 100% auto; background-position: center; }
.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:0 10px 20px 10px; min-height:500px; overflow:auto }
.nevigation{ padding:5px 0;}
.Album{ margin: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%;}
#principal_msg_info .content{ padding:0 ; 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; margin-bottom:20px;}
.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%;   }
.latest_events_area ul li + li{ min-height: auto; height:auto;}
.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;}
.submenu{ margin:15px 0 0 0;}
#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;}
.inner_content{ margin:5px 0 0 ; width:100%; padding:0;}
.slider{ margin:15px 0 0;} 
.left_menu{ margin:0 0 20px 0}
/* Page Content */
.contact {}
.contact ul {}
.contact ul li {width: 100%;}

#principal_msg_info ul{ padding:5px;}
.contactus .info, .contactus .location{ width:100%;}
#principal_msg_info ul li{ padding:5px 0; }



.btn_Login{ display:none;}

.school_life_area ul li { width:100%; margin:0}

}