#nav-wrap {display: block;}

.slicknav_menu {display:none; }
.slicknav_btn { position: relative; display: block; vertical-align: middle; cursor: pointer; margin:0; padding:0;}
.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: #ff695d   url(../images/icon/menu-icon_white.png) no-repeat; background-position:15px 50%; border-radius:8px; margin-bottom:0px; }
.slicknav_btn.slicknav_open {background: #ffa800  url(../images/icon/menu-icon_white.png) no-repeat; background-position:15px 50% ; border-radius:8px; }
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:10px;}

.slicknav_nav { color:#fff; margin:0px; padding:0;font-size:15px; box-shadow:0 0 3px rgba(0,0,0,.2)}
.slicknav_nav ul { margin:0 0 10px 0; list-style: none; background:#fff; overflow:hidden; padding:0px; border-radius: 8px}
.slicknav_nav ul li ul { border-radius:0}

.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 { color:#27235c;}
.slicknav_nav .slicknav_open ul li a { color:#333;}
.slicknav_nav .slicknav_open ul li a:hover { color:#27235c;}
.slicknav_nav .slicknav_open ul li a.current:hover { color:#333}
.M_only{ display:none}
@media screen and (max-width: 960px) {
	
h1{ font-size:28px; line-height:34px; margin:5px 0}
h2{ font-size:21px;  }
h3{ padding:5px 15px 5px 15px; margin:0px 0 15px 0; font-size:24px; }
h4{ font-size:21px; }
h5{ font-size:21px; }
	#block-views-slide-show-block { clear: both}
#nav-wrap {display:none;}
.js .slicknav_menu {display:block;}
.screen{ min-width:280px; max-width:960px; padding:0px 10px;}
.cd-top { bottom: 5px;  right: 5px; } 
.contact_main .screen { min-width:300px; max-width:960px}
.contact_info { float:left; width:100%}
/* Header */
.btn_Login{ display:none;}
.header{box-shadow:0 0 0px rgba(0,0,0,.3); padding:0 }
.header .logo img{ width: auto; max-width:100%;max-height: 115px;}
.header .logo  {padding: 20px 0 70px 0;}
.inner_bg{ margin:0;}
.gmail a{margin-top: 10px;}
.language_tc a{margin-top: 0;}
.links_top { display:none; bottom:0; width:100% } 
.links_top_m {display: block;float: left;position: absolute;bottom: 0;width: calc(80% - 20px);margin: 0 10%;
border: 8px;box-shadow: 0 0 3px rgba(0,0,0,.2);}
.links_top_m ul { list-style:none; margin:0; padding:0}
.links_top_m ul li { float:left; width:25%; text-align:center;}
.links_top_m ul li a { background:#004a8e; display:block; padding: 0; color:#fff}
.links_top_m ul li+li a { background:#3fc8f4}
.links_top_m ul li+li+li a { background:#f0d598}
.links_top_m ul li+li+li+li a { background:#fed400}
.links_top_m ul li p { line-height: 30px; font-size:15px }
.links_top_m ul li+li+li p{ line-height: 15px;}
.links_top_m ul li+li+li+li p { line-height: 30px;}

.top_shoutcut ul li a { padding:5px 0 }
.top_shoutcut ul li + li + li a { padding:5px 0 }

.info_banner { position: relative; left:0; bottom:0%; z-index:1;}
.info_banner ul li{ margin:0px 0; float: left; width:33.3%;}
.info_banner ul li a{ font-size:15px; }
.main_calendar{ width:100%}
.inner_area{ padding:0px 0;}

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

.latest_new .more_area{ z-index:2;}
.main_content { min-height:400px;}
.sch_info ul { padding:0}

.religion { margin-top:0px; }

/* Banner */
.banner_area{ margin:0 0 0; padding:30px 0}

.history_area{ width:100%}
.slider{ width:100%; min-height:120px}
.latest_events ul li{ width:100%; margin:0 0 5px 0;}


.latest_new, .main_calenadr, .latest_gallery , .latest_awards{ width: 100%; margin:20px 0 0 0; float:left}
.main_calenadr, .latest_gallery , .latest_awards { margin:0}

.latest_award{ margin:20px 0;}
.latest_video .more_area { top:40px}
.latest_video .more_area a:hover{ top:-10px}


.latest_gallery { width: calc(100% - 6px - 20px); margin-top: 30px;}

.latest_gallery ul { min-height: auto;
max-height: 307px;
overflow-y: auto;}
.latest_gallery ul li .cover {float:left; width:100%; padding: 0;}
.latest_gallery ul li{ width: calc(100% - 2% - 4px - 10px);}
.latest_gallery ul li + li {width: calc(100% - 2%);}

ul.site-map-menu li{ float: left; width: 45%; margin:0 0 20px 2%; list-style:none;}
ul.site-map-menu li:nth-child(2n+1){ clear:both; }
	
.footer .screen{ padding:10px;}
.Userful_link_inside, .home_left{ }
.upcoming_events{ padding:0;}
.latest_events{  margin:20px 0;}
.linking_home{  margin:20px 0}
.Userful_link_inside{ margin:0;}
.non_banner .area{ padding:20px 0}
.inner_content .main_content{ overflow: hidden;}
.latest_new .title { white-space: nowrap !important;padding: 10px 0px 20px 70px !important; font-size:30px }
.sch_info {

    clear: both;
 
}

.footer_logo { float: left; width:90%;}
.contact_main ul{ color:#333 !important; width:100%;}
.contact_main ul li{  width:100%; padding:0 }
.contact_info ul li + li { width:100%}

.Album .title{ padding:5px 50px 5px 35px; margin:10px 0;  font-size:21px; }
.right_top{ width:100%}
.nevigation{ padding:10px 5px;}
/* Main Userful Links */

#Inner_Type_C .title_des , #Inner_Type_C .right_desc{ width:100%}
.Album .description iframe { min-height:250px; height:auto}
#inside_ff { padding:20px 0; }
.Userful_link_inside ul li:nth-child(2n+1){ clear:both;}
.footer{ font-size:10px;}

.Userful_link_inside ul li{ width:calc(44% - 14px); margin:0 4% 15px 4%; padding:10px 0; }

.upper_footer{padding: 30px 0 30px;}
.upper_footer .Userful_link_outside{width: auto;}
.upper_footer .footer_contact{width: 100%; margin-top:20px;}
.upper_footer .Userful_link_outside ul li{width: 47%; margin-right: 3%}
.footer .copyright, .footer .power{ width:100%; text-align: center;}
#inner_tree { display:none}
/* Page Content */
.inner_content_full{ margin-bottom:30px;}
.inner_content{ width: calc(100% - 6px - 20px); margin-bottom:20px; overflow:auto; padding:10px; background:#fff; overflow-x: hidden !important;}
.arrowlistmenu{ width:100%; margin:15px 0  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, #Inner_Type_A2 ul{ margin:0; }
#Inner_Type_A li, #Inner_Type_A2 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:left; padding:5px 0 }
#info_type_B .information .date{ float: none; text-align:left}
#info_type_B .information ul li img{ width:100%; float: none; margin:0 0 10px 0 ;}
#info_type_B .information p{ width:100%; text-align:left}
#Information_detail #Inner_Type_A li{ float:left; width:100%; margin:0 0 10px 0%;}
.inner_content .main_content{   }
.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_Video .information ul li:nth-child(2n+1){ clear:both;}
#Media_Video .information ul li:nth-child(3n+1){ clear:none;}
#Media_Album .information ul li{ width: calc(100%);
margin: 0 0 10px 0; }

.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%;}

.right_top ul li{ margin-left:5px;}
.right_top ul li a{ font-size:13px;}
#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}
#home_new_area{ float:right; width:100%}
/* SiteMap */
.calendar{ float:none; width:100%;}

.inner_banner { position:relative; background-position: center; overflow:hidden;  padding:40px 0; background-size:cover; text-align:center }
.inner_banner h1{ font-size:24px; padding:5px 30px;}
.detail_inside .title_t span{ border:0;}

.site-map ul li{ float: left; width: 47%; margin:0 0 15px 3%; padding:0; list-style:none;}
.site-map ul li:nth-child(2n+1){ clear: both; }
.site-map ul li:nth-child(4n+1){ clear: both; }

.left_main { padding:0;}

#Inner_Type_H li{ float:left; width:100%; margin:0 0 15px 0%; background:#f5f4fb; height: auto; box-shadow:0 0 1px rgba(102,51,153,1) }
.title{ font-size:21px; }
.caption_left{ position:absolute; bottom:15%;  width:60%; left:5%;color:#fff; font-size:78px; line-height:84px; text-shadow:0 0 5px rgba(0,0,0,.7); }
.arrowlistmenu .title{ background-size:cover}
.contactus .info, .contactus .location{ width:100%;}
.home_contact{ width: auto; margin:0; padding:10px}

#inner_banner .title_t{ margin:0px; padding:50px 0; text-align: center;  }
.detail_inside  .title_t{ margin:0px; padding:50px 0; text-align: center;  }
.banner_inside  .title_t{ margin:0px; padding:50px 0; text-align: center;  }
#Media_Album .title_t{ margin:0px; padding:50px 0; text-align: center;  }
#Media_Video .title_t{ margin:0px; padding:50px 0; text-align: center;  }
.left_main{  float: none; width: auto; box-shadow:none }
.right_main{ float: none; width: auto; padding:0; margin:70px 0 0 0;}
.Userful_link_inside{ }
.inner_content img, .inner_content_full img{ height:auto; max-width:100%; width:100%}
#inner_banner .title_t span,#Media_Video .title_t span,#Media_Album .title_t span,.banner_inside  .title_t span{  font-size:20px; line-height:24px;  padding:5px 10px;}
.download_area{ margin:0;}
.main_top { background:none; background-size:none}

#related_link ul li { float: left; width:50%; margin:10px 0; text-align:center;}
.header{   background: url(../images/web/header_m.png) no-repeat center top;background-size: cover;min-height: 200px; margin:0; position:relative ; }
.header .screen { position: initial;}


.header .links_top { width:100%; text-align:center; bottom:0; top: auto  }
.header .links_top ul { list-style:none; margin:0; padding: 0 ;}
.header .links_top ul li {float: left;width:calc(33.3% - 1px);margin: 0; }
.header .links_top ul li a { border-radius:0; font-size:13px; padding:5px 0;background: #ff0812;color: #fff;}
.header .links_top ul li+li a {background: #ff7300;}
.header .links_top ul li+li+li a {background: #ffb600;}
.header .links_top ul li a:hover { transform: scale(1);}

.header .links_top ul li span { display:none}

.wrap .dropdown { margin:0 0 10px 0;}
.container .screen{ margin:0 !important; }
.latest_gallery ul li+li , .latest_gallery ul li+li+li, .latest_gallery ul li+li+li+li{ margin-top:15px;}

#public_info ul { list-style:none; margin:0 0}
#public_info ul li{ width:98%; margin:0 1%; float:left; text-align: center;}

.latest_new ul{ padding:0;}

#info_type_B .content { width:100%}

.latest_new .content { width:100%; margin-left:0}
.latest_new .more_area { margin-top:0; bottom:-80px}
#dncalendar-body { width:100%}

.info_banner ul li a{  padding:6px 0px; text-align: center; font-size:12px; border-left:0px solid rgba(255,255,255,0.7); } 

.download_area .title{   border-left:2px solid #ff2558; background:#f9f9f9; padding:10px ; margin:10px 0;
font-size:19px; }



.Banner_slogan { display:none}
#inner_main_top  { padding:0 0  0}
#inner_bottom { top:0}

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




.sentense { width:100%; margin-right:0}
.sentense .title { background: url(../images/web/proverb.png) no-repeat top; bottom:0px; background-size: 100%; width:20%}
.sentense .area { width: calc(100% - 20px); padding:5px;}
.faith { display:none}

.banner_slider { width:100%}
.school { display:none}

.latest_awards .main_events_area_border { clip-path: polygon(5% 0%, 95% 0%, 100% 10%, 100% 100%, 0 100%, 0 10%);}
.latest_awards .main_events_area{ clip-path: polygon(5% 0%, 95% 0%, 100% 10%, 100% 100%, 0 100%, 0 10%);}


.latest_gallery .title { padding:20px 0px 20px 70px; font-size:30px; float:left; right:auto}
.latest_gallery .title span { top:4px; background-size:60%}


.slicknav_nav .slicknav_parent-link:hover a, .slicknav_nav .slicknav_item:hover a { color: #ffa800;}
.slicknav_nav a { color: #ffa800;}
}



@media screen and (max-width: 650px) {

.links_top_m { width:calc(100% - 20px); margin:0 }
.links_top_m ul li p { font-size:13px}
.sentense .title { width:33%}
.religion {    margin-top: 20px;}

.sch_info ul li { width:calc(100% - 40px)}
.sch_info ul li+li { width:calc(100% - 40px)}
.sch_info ul li+li+li+li { width:calc(100% - 40px)}
	}
	
	

	
	
@media screen and (max-width: 380px) {
.sentense .title {    width: 50%;}
		}