#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;padding: 15px 15px;cursor: pointer;display: block; }
.slicknav_btn.slicknav_collapsed {background: #ff5974  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 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; font-size:14px !important}
.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) {
	
#students { display:none;}

h1{ font-size:28px; line-height:32px; }
h2{ font-size:24px; line-height:26px; }
h3{ font-size:20px; line-height:24px;  margin-bottom:20px}
h4{ font-size:20px; line-height:24px; margin-bottom:20px}
h5{ font-size:18px; line-height:23px; }
h6{ font-size:16px; line-height:19px;  }

.btn_admission a:hover, .btn_admission a.selected, .btn_admission a.current {  border-bottom: 0px solid #6763ed; color: #333 !important;}	
.btn_sch a:hover, .btn_sch a.selected, .btn_sch a.current{  border-bottom: 0px solid #6763ed; color: #333 !important;}	
.btn_info a:hover, .btn_info a.selected, .btn_info a.current{  border-bottom: 0px solid #6763ed; color: #333 !important;}
.btn_pta a:hover, .btn_pta a.selected, .btn_pta a.current	{  border-bottom: 0px solid #6763ed; color: #333 !important;}
	
	
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;}

/* Header */

.wrap { min-width: 290px; max-width: 780px;}
.header{  height: 160px;}
.header .logo{ float:left; margin: 52px 0 0 0;width: 100%;}
.header .logo .logo_img{ float:left; width:100%; text-align: center}
.header .logo .logo_img img{ max-width:100%}
.header .logo .logo_txt{ float:left; }

#school {display: none}

.Album .description { padding:0; }

.info_top{ display:none}
.header .icon_top {border-radius:0px; background:#FFEE04; border:0px; box-shadow:0 0 3px rgba(0,0,0,.2); position: fixed; right:0; top:0; width:100%; height:50px; z-index:999}
.header .icon_top ul{ padding: 15px;}
.header .icon_top ul li { padding:0; width:100%}
.header .icon_top ul li a { background: url(../images/web/top_home.png) no-repeat center;padding: 15px 0px 5px 0;}

#login_area_top { margin:0}


.header_btn { float: right; position: absolute; top: 0px;  left: 0;width: 100%; height: auto; box-shadow: 0 0 3px rgba(0,0,0,.2); margin: 0; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;  background: #fff; border-left: 0px solid #fff; border-right: 0px solid #fff;  border-bottom: 0px solid #fff;}
.header_btn ul {padding: 0px 0;}
.header_btn ul li { margin: 0;padding: 0;width: 25%;float: left;font-size: 15px;text-align: left;height: 40px;
background: #f52c6a;}
.header_btn ul li a {background: #f52c6a; padding: 10px 0; background-position: 15px 42%; border-radius: 0px;border: 0px;box-shadow: 0 0 0px 0 rgba(0,0,0,.2); width: 100%; text-align: center;  display: block;}
.header_btn ul li p{ display:block;font-family: 方正綜藝;color: #fff;}
.header_btn ul li + li { margin: 0;background: #ff9d03; width:33% }
.header_btn ul li + li span { display:none}
.header_btn ul li + li a {padding: 10px 0;background-position: 15px 42%;border-radius: 0px;  border: 0px solid #fff; box-shadow: 0 0 0px 0 rgba(0,0,0,.2);width: 100%; text-align: center;  display: block; background: #ff9d03;}

.header_btn ul li + li +li { margin: 0;background: #004eb7; width:42%}
.header_btn ul li + li +li span { display:none}
.header_btn ul li + li +li a {padding: 10px 0;background-position: 15px 42%;border-radius: 0px;  border: 0px solid #fff; box-shadow: 0 0 0px 0 rgba(0,0,0,.2);width: 100%; text-align: center;  display: block; background: #004eb7;}

#Inner_Type_A2 li{ float:left; width:48%; margin:0 0 30px 2%; text-align: center ; box-shadow:0 0 3px rgba(0,0,0,.2);}


.learning_topic { padding:5px}
.slider{ width:94%; padding:0 3%}


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


#login_all { width:100%}

.button_link{ width:100%;margin: 10px 0 10px 0;}


.footer_bg{ width:100%;}

.footer_bg_txt{ width:84%; margin:10px 0 0 0;}
.footer_bg_txt ul li + li { width:40%}

.latest_new { width:94%; padding:0 3%; margin:10px 0;}

.latest_video { width:98%; margin:40px 1%}

.main_calenadr { width:98%}

.Userful_link_inside .title { width:199px; margin:0 0 0 -6px}
.Userful_link_inside .title span { left:-4px}


.Userful_link_inside2 .title { width:225px; margin:0 0 0 193px; top:-42px}
.Userful_link_inside2 .title span { left:7px}


.Userful_link_inside2 ul{ margin:0 0 0 -2.3; padding:0}
.Userful_link_inside2 ul li{ float: left; width:30%; margin:5px 0 5px 2.3%}


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



.latest_award {position: relative;margin: 0px 0 10px 0%;border-radius: 12px;float: left;width: 100%;}


.footer_info ul li { width:100%; text-align:left}
.footer_info ul li + li { width:100%}
.footer_info ul li + li +li +li{ width:100%}

/* 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}
.Userful_link_inside ul li{ float: left; width:30%; margin:5px 0 5px 2.3%}
.footer .copyright, .footer .power{ width:100%; text-align: center;}

/* Page */
.inner_banner{ padding:10px 0 85px 0; margin-bottom:5px; height:50px;}
.inner_banner h1{ font-size:21px; line-height:23px; padding:6px 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:500px; overflow:auto }
.nevigation{ padding:5px 0;}

#Inner_Type_A ul, #Inner_Type_A2 ul{ margin:20px 0 0 0%;  }
#Inner_Type_A li, #Inner_Type_A2 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;}

.sentense{ padding:5px 0;}
.footer_bg{  padding: 0; position:relative; background: url(../images/web/bg_school.jpg) center center no-repeat; background-size:cover; min-height: 250px; margin: 0; }
.footer_bg_txt { width:100%; position:relative;} 
/* Page Content */
.contactus .info, .contactus .location{ width:100%;}

}
@media screen and (max-width: 420px) {
.inner_banner{ padding:10px 0 10px 0; margin-bottom:5px; height:50px;}
}