#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: #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 #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 15px; 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) {
#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; } 
/* Header */
.header{ height:120px; }
.header .screen{ padding:0;}

.tooltiptext{ display:none;}
.sticky .mobile_header{
  position: fixed; z-index:10; 
  top: 0; left:0;
  width: 100%; box-shadow:0 0 10px rgba(0,0,0,.3); background:#fff;
}

.sticky + div + .container {
  padding-top: 0;
}
.header .logo{ float:left; margin:10px 0 10px 5px ; }
.header .logo img{ float: left; height:55px;}
.header .logo_title{ float: none; font-size:20px;  margin:0 0 0 5px;}
.logo_area{float: left; margin:5px 0 0 0px;}
.header .logo_title_b{ font-size:16px; margin:5px 0 0 5px; display:inline-block;}

.header .logo_title_b span{font-size:16px;}
.header .home_main{ float: left; font-size:13px; margin-top:0; text-align: center;}
.header .home_main a{ background:url(../images/icon_home.png) no-repeat left center; padding:6px 10px 6px 30px; color:#333; display:block; background-size: 17px 16px ; background-position:10px 45% ;}
.header .home_main a:hover{color:#02662d}

.home_aboutus{ float: left; font-size:13px; }
.home_aboutus a{ padding:8px 0px 5px 10px; color:#333; border-left:1px dotted #ddd; margin-left:5px; }
.home_aboutus a:hover{color:#02662d}

#inner_banner { }
#inner_banner .title_t{ margin:0px; padding:50px 0; text-align: center;  }
#inner_banner .title_t span{ text-align: center; font-size:18px; line-height:23px; color:#fff; padding:5px 20px;text-shadow: 0 5px 10px rgba(0,0,0,.7); text-transform:uppercase; font-weight:normal; background: rgba(0,0,0,0.1); border:1px solid rgba(255,255,255,.7);}
.content_full { padding:0px 0 30px 0}

.accessible{ float: left ;font-size:13px; margin:0 15px; margin-top:8px;}
.accessible a{ background: none; background-position:90% 50%; padding:0px; color:#fd772e; } 
.accessible a:hover{ background:none; color:#fd772e;} 

.btn_search{ display:none; }
.btn_search input{ width:100px; color:#666; border:0px solid #ddd; padding:2px; font-size:13px; line-height:15px; }
.btn_search #btn_submit {width:18px; height:18px; border:0px; background:url(../images/icon_search.png) no-repeat center center; background-size:18px 18px; cursor:pointer}
.btn_search #btn_submit:hover {  background:url(../images/icon_search.png) no-repeat center center; background-size:18px 18px; cursor:pointer}


#block-search-form{ float:right; position: absolute; right:0px; top:79px; display:block; color:#166cad; font-size:13px; border-radius:21px; padding:1px 5px; background: #fff; box-shadow:0 0 3px rgba(0,0,0,.3); margin:5px 10px 0 0; }
#block-search-form input{ width:80px; color:#666; border:0px solid #ddd; padding:2px; font-size:13px; line-height:15px; }
#block-search-form .form-submit {width:50px; height:21px; text-align:right; border:0px; background:url(../images/icon_search.png) no-repeat center left; background-size:18px 18px; cursor:pointer}
#block-search-form .form-submit:hover {  background:url(../images/icon_search.png) no-repeat center left; background-size:18px 18px; cursor:pointer}


.balls{ position:relative; width:100%; min-height:350px;}
.balls div{ width:44%; margin:0 3%; float: left; position: relative; text-align: center; }
.balls div a{ display: block; }
.balls div img{ width:100% }
.balls div h3{ font-size:17px; line-height:21px; text-align: center; }
.ch-aboutus { left:0%; }
.ch-healthy { left: 0}
.ch-gymroom {left: 0; clear:both;}
.ch-trapment { left: 0}
.ch-brian_class {left: 0; top:0;}
.ch-workshop { left: 0%; top:0;}
.ch-stories {left: 0%; top:0;}
#top_rt{ display:none}
h1{ font-size:28px; }
h2{ font-size:23px; }
h3{ font-size:21px; }
h4{ font-size:17px; }
h5{ font-size:17px; }

#site-map .site-map-box ul{ margin:0;}

/* 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:100%;}
.latest_award{ margin:20px 0;}
.footer .screen{ padding:10px;}
/* Main Userful Links */
.Userful_link_inside{ padding:20px 0}
.Userful_link_inside ul{ margin:0 0 0 -2.3; padding:0}
.Userful_link_inside ul li{ float: left; width:31%; margin:0 0 10px 2.3%}
.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 */
.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{}
#Media_Video .information ul li .cover{ float: left; width:100%; }
#Media_Video .information ul li .cover img{  width:100%; }

#Media_Video .information ul li .descriptation{ float: right; width:100%; }
.title_video{ font-size:17px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed  #28b896;}
.brief{ text-align: left; color:#333; }

#Media_Video .video_link{ margin-top:5px}
.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%;}
.btn_back{ margin-top:10px;}
#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}
.inner_area{ padding:15px 0}
/* 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 }
.footer_area span{ font-size:13px;}

.sticky { position:relative;}

.organization{ float: left; width:33%; margin:0 0 0 0.5%; text-align: center;}
.organization img{width: auto; max-height:70px;}
.sponsor{ float: left; width:33%; margin:0 0;   text-align: center;}
.sponsor img{ width: auto; max-height:70px;}
.society{ float: left; width:33%; margin:0 0 0  0;  text-align: center; padding-top:33px;}
.society img{ width:auto; max-height: 70px;}
.left_menu{ width:100%; margin-bottom:30px;}
.top_right{ float: left; position:relative; width:100%; top:0; right:0}
.latest_new { margin:40px 0 60px 0}
.linking_area{ width:100%}
.contactus .info, .contactus .location{ width:100%;}
ul.site-map-menu li{ float: left; width: 45%; margin:0 0 20px 2%; list-style:none;}
.linking_area{ margin-top:20px;}
.linking_area ul li{ width:48%; float: left}
.linking_area ul li+li{ width:48%; float: right}
#Inner_Type_C li .title_des{ width:100%;  }
#Inner_Type_C li .right_desc{ width:100%;}
#Inner_Type_C2 li .title_des{ width:100%;  }
#Inner_Type_C2 li .right_desc{ width:100%; }
.body_top{ padding-bottom:10px;}
.line_body{ height:0;}
.body_box ul li{ float: left; width:100%; padding:0px 0%; margin:0; text-align:  left; }
.organization{ width:97%}
.sponsor{ width:50%}
.society{ width:50%}
#t_1,#t_4{ width:100%}

#bg_yellow { background:#fff; }
#bg_blue { background:#fff; }
#bg_orange { background:#fff; }
#bg_grape { background:#fff }
}