@charset "utf-8";
/* CSS Document */

.clear{clear:both}
.contextual-links-region{ position: static}
a:link, .container a:visited {text-decoration: none;}
table{border-collapse: inherit; line-height:28px;}
table ul, table ol{ margin:0; }
img {border:0;}
div, ul li{ margin:0px auto; padding:0px;}
.cb:before, .cb:after {	content: ''; display: table; visibility: hidden;}
.cb:after {	clear: both;}
.cb {*zoom: 1;}


/* theme */


#bg_red h1{ color:#e52445; }
#bg_red .inner_banner h1 { background:#e52445; color:#fff ; }
#bg_red h3 { color: #e52445; border-left: 2px solid #e52445;}
#bg_red h5  { color: #e52445; }
#bg_red .arrowlistmenu .title { background: url(../images/icon/bg_category.png) #e52445; }
#bg_red .arrowlistmenu{ background:#fff6f7;}
#bg_red .arrowlistmenu a{ color:#e52445}
#bg_red .arrowlistmenu ul li a{ color:#333}
#bg_red .arrowlistmenu ul li a:hover{ color:#e52445 !important}
#bg_red .arrowlistmenu ul li a.current:hover { color:#fff !important }
#bg_red #menu-d a.current:hover {  color:#e52445 !important }
#bg_red .submenu .title {background: url(../images/icon/bg_red_cat.png) #e52445 top left;  background-size: cover }
#bg_red .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #e52445; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_red .menuheader.current { background: #e52445; color:#fff !important }
#bg_red  .Album .title {border-left: 2px solid #e52445; color: #e52445; }
#bg_red  .Album .description{border: 2px solid #e52445; }
#bg_red .nevigation .home{ background:url(../images/icon/icon_home_red.png) no-repeat;background-position: 0 4px; }
#bg_red .footer { background:#e52445;  color:#fff }

#bg_orange h1{ color:#ffa200; }
#bg_orange .inner_banner h1 { background:#ffa200; color:#fff ; }
#bg_orange h3 { color: #ffa200; border-left: 2px solid #ffa200;}
#bg_orange h5  { color: #ffa200; }
#bg_orange .arrowlistmenu .title { background: url(../images/icon/bg_orange_cat.png) #ffa200;   background-size: cover }
#bg_orange .arrowlistmenu{ background:#fffcf6;}
#bg_orange .arrowlistmenu a{ color:#ffa200}
#bg_orange .arrowlistmenu ul li a{ color:#333}
#bg_orange .arrowlistmenu ul li a:hover{ color:#ffa200 !important}
#bg_orange .arrowlistmenu ul li a.current:hover { color:#fff !important }
#bg_orange #menu-d a.current:hover {  color:#ffa200 !important }
#bg_orange .submenu .title {background: url(../images/icon/bg_orange_cat.png) #ffa200 top left; }
#bg_orange .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #ffa200; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_orange .menuheader.current { background: #ffa200; color:#fff !important }
#bg_orange  .Album .title {border-left: 2px solid #ffa200; color: #ffa200;   }
#bg_orange  .Album .description{border: 2px solid #ffa200; }
#bg_orange .nevigation .home{ background:url(../images/icon/icon_home_orange.png) no-repeat;background-position: 0 4px; }
#bg_orange .footer { background:#ffa200;  color:#fff }

#bg_green h1{ color:#439715; }
#bg_green .inner_banner h1 { background:#439715; color:#fff ; }
#bg_green h3 { color: #439715; border-left: 2px solid #439715;}
#bg_green h5  { color: #439715; }
#bg_green .arrowlistmenu .title { background: url(../images/icon/bg_green_cat.png) #439715; background-size: cover }
#bg_green .arrowlistmenu{ background:#f7fff3;}
#bg_green .arrowlistmenu a{ color:#439715}
#bg_green .arrowlistmenu ul li a{ color:#333}
#bg_green .arrowlistmenu ul li a:hover{ color:#439715 !important}
#bg_green .arrowlistmenu ul li a.current:hover { color:#fff !important }
#bg_green #menu-d a.current:hover {  color:#439715 !important }
#bg_green .submenu .title {background: url(../images/icon/bg_green_b.png) #439715 top left; }
#bg_green .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #439715; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_green .menuheader.current { background: #439715; color:#fff !important }
#bg_green  .Album .title {border-left: 2px solid #439715; color: #439715; }
#bg_green  .Album .description{border: 2px solid #439715; }
#bg_green .nevigation .home{ background:url(../images/icon/icon_home_green.png) no-repeat;background-position: 0 4px; }
#bg_green .footer { background:#439715;  color:#fff }

#bg_blue h1{ color:#22abdf; }
#bg_blue .inner_banner h1 { background:#22abdf; color:#fff ; }
#bg_blue h3 { color: #22abdf; border-left: 2px solid #22abdf;}
#bg_blue h5  { color: #22abdf; }
#bg_blue .arrowlistmenu .title { background: url(../images/icon/bg_blue_cat.png) #22abdf; background-size: cover  }
#bg_blue .arrowlistmenu{ background:#f3faff;}
#bg_blue .arrowlistmenu a{ color:#22abdf}
#bg_blue .arrowlistmenu ul li a{ color:#333 }
#bg_blue .arrowlistmenu ul li a:hover{ color:#22abdf !important}
#bg_blue .arrowlistmenu ul li a.current:hover { }
#bg_blue .submenu .title {background: url(../images/icon/bg_category_blue.png) #22abdf top left; }
#bg_blue .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #22abdf; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_blue .menuheader.current { background: #22abdf; color:#fff !important }
#bg_blue .arrowlistmenu ul li a.current:hover { color:#fff !important }
#bg_blue #menu-d a.current:hover {  color:#22abdf !important }
#bg_blue  .Album .title {border-left: 2px solid #22abdf; color: #22abdf;  }
#bg_blue  .Album .description{border: 2px solid #22abdf; }
#bg_blue .nevigation .home{ background:url(../images/icon/icon_home_blue.png) no-repeat;background-position: 0 4px; }
#bg_blue .footer { background:#22abdf;  color:#fff }

#bg_grape h1{ color:#401781; }
#bg_grape .inner_banner h1 { background:#401781; color:#fff ; }
#bg_grape h3 { color: #401781; border-left: 2px solid #401781;}
#bg_grape h5  { color: #401781; }
#bg_grape .arrowlistmenu .title { background: url(../images/icon/bg_grape_cat.png) #401781; background-size: cover  }
#bg_grape .arrowlistmenu{ background:#f9f5ff;}
#bg_grape .arrowlistmenu a{ color:#401781}
#bg_grape .arrowlistmenu ul li a{ color:#333}
#bg_grape .arrowlistmenu ul li a:hover{ color:#401781 !important}
#bg_grape .arrowlistmenu ul li a.current:hover { color:#fff !important }
#bg_grape #menu-d a.current:hover {  color:#401781 !important }
#bg_grape .submenu .title {background: url(../images/icon/bg_grape_cat.png) #401781 top left; }
#bg_grape .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #401781; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_grape .menuheader.current { background: #401781; color:#fff !important }
#bg_grape  .Album .title {border-left: 2px solid #401781; color: #401781;  }
#bg_grape  .Album .description{border: 2px solid #401781; }
#bg_grape .nevigation .home{ background:url(../images/icon/icon_home_grape.png) no-repeat;background-position: 0 4px; }
#bg_grape .footer { background:#401781;  color:#fff }

#bg_pink h1{ color:#e50665; }
#bg_pink .inner_banner h1 { background:#e50665; color:#fff ; }
#bg_pink h3 { color: #e50665; border-left: 2px solid #e50665;}
#bg_pink h5  { color: #e50665; }
#bg_pink .arrowlistmenu{ background:#fff5f9;}
#bg_pink .arrowlistmenu a{ color:#e50665}
#bg_pink .arrowlistmenu ul li a{ color:#333}
#bg_pink .arrowlistmenu ul li a:hover{ color:#e50665 !important}
#bg_pink .arrowlistmenu ul li a.current:hover { color:#fff !important }
#bg_pink #menu-d a.current:hover {  color:#e50665 !important }
#bg_pink .submenu .title {background: url(../images/icon/bg_pink_cat.png) #e50665 top left; background-size: cover  }
#bg_pink .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #e50665; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_pink .menuheader.current { background: #e50665; color:#fff !important }
#bg_pink  .Album .title {border-left: 2px solid #e50665; color: #e50665;   }
#bg_pink  .Album .description{border: 2px solid #e50665; }
#bg_pink .nevigation .home{ background:url(../images/icon/icon_home_grape.png) no-repeat;background-position: 0 4px; }
#bg_pink .footer { background:#e50665; color:#fff }

#bg_brown h1{ color:#884e0a; }
#bg_brown .inner_banner h1 { background:#884e0a; color:#fff ; }
#bg_brown h3 { color: #884e0a; border-left: 2px solid #884e0a;}
#bg_brown h5  { color: #884e0a; }
#bg_brown .arrowlistmenu{ background:#fff9f1;}
#bg_brown .arrowlistmenu a{ color:#884e0a}
#bg_brown .arrowlistmenu ul li a{ color:#333}
#bg_brown .arrowlistmenu ul li a:hover{ color:#884e0a !important}
#bg_brown .arrowlistmenu ul li a.current:hover { color:#fff !important }
#bg_brown #menu-d a.current:hover {  color:#884e0a !important }
#bg_brown .submenu .title {background: url(../images/icon/bg_brown_cat.png) #884e0a top left;  background-size: cover }
#bg_brown .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #884e0a; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_brown .menuheader.current { background: #884e0a; color:#fff !important }
#bg_brown  .Album .title {border-left: 2px solid #884e0a; color: #884e0a;}
#bg_brown  .Album .description{border: 2px solid #884e0a; }
#bg_brown .nevigation .home{ background:url(../images/icon/icon_home_brown.png) no-repeat;background-position: 0 4px; }
#bg_brown .footer { background:#884e0a; color:#fff }

#bg_green_b h1{ color:#17a083; }
#bg_green_b .inner_banner h1 { background:#17a083; color:#fff ; }
#bg_green_b h3 { color: #17a083; border-left: 2px solid #17a083;}
#bg_green_b h5  { color: #17a083; }
#bg_green_b .arrowlistmenu .title { background: url(../images/icon/bg_green_b_cat.png) #17a083; }
#bg_green_b .arrowlistmenu{ background:#f0fffc;}
#bg_green_b .arrowlistmenu a{ color:#17a083}
#bg_green_b .arrowlistmenu ul li a{ color:#333}
#bg_green_b .arrowlistmenu ul li a:hover{ color:#17a083 !important}
#bg_green_b .arrowlistmenu ul li a.current:hover { color:#fff !important }
#bg_green_b #menu-d a.current:hover {  color:#17a083 !important }
#bg_green_b .submenu .title {background: url(../images/icon/bg_green_cat.png) #17a083 top left; background-size: cover }
#bg_green_b .arrowlistmenu ul ul li  a.current{ background:url(../images/icon/arrow_right_white.png) no-repeat #17a083; background-size:20px 20px; background-position:5px 50%; color:#ffffff !important} 
#bg_green_b .menuheader.current { background: #17a083; color:#fff !important }
#bg_green_b  .Album .title {border-left: 2px solid #17a083; color: #17a083;}
#bg_green_b  .Album .description{border: 2px solid #17a083; }
#bg_green_b .nevigation .home{ background:url(../images/icon/icon_home_green.png) no-repeat;background-position: 0 4px; }
#bg_green_b .footer { background:#17a083;  color:#fff }


#FullPage .inner_content{ width:100%;}
#FullPage .arrowlistmenu{ display:none }

#ad_float_ad {display: none; position: absolute;	z-index:4001; }
#ad_float_ad .ad_close_ad {
	display: block; background:url(../images/icon/btn_close.png) no-repeat; height:30px; width:30px; background-size:30px 30px;
	cursor: pointer; position:absolute; right:-5px; top:-10px;
	-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;
}
#ad_float_ad .ad_close_ad:hover {  transform: rotate(90deg);}

.special_news{ background:url(../images/icon/bg_box.png) #eb1f24; padding:5px; width:210px; box-shadow:0 0 3px rgba(0,0,0,.2)}
.title_special{ background:#fff; padding:1px 5px; color:#ea1e22; border-bottom:1px solid #ea1e22;}
.special_news .content{ background:#fff; padding:2px 5px; color:#333; font-size:13px;}
.special_news .content img{ max-width:100%;}
.highlight{ color:#F03}

#title_tpl{ padding:20px 0 0 0;}

/* Page Content */
.inner_content{ float:right; width:78%; margin-bottom:50px}
.inner_content .main_content{ padding:0px 20px 30px 20px; min-height:500px;  background:#fff; line-height:36px; }
.inner_content_full{ margin-bottom:50px}
.inner_content_full .main_content{ padding:5px 0px 50px 0px; min-height:500px; position:relative;  background:#fff;}
.inner_content_full h1{ }

.inner_content iframe{ width: 100%; height:720px; border:0px ; }
.inner_content img, .inner_content_full img{ max-width:100%;}
.inner_banner img{ width:100%;}

.Album{ margin:30px 0px 15px 0; }
.Album .title{ background:#fafafa; border-left:2px solid #085cba; color:#085cba; padding:8px 15px; font-size:21px; line-height:32px; display:block;  box-shadow:0px 3px 2px rgba(0,0,0,.2); margin-bottom:20px; }
.Album .description{ background:#fff; padding:15px; margin:20px 0; border:2px solid #085cba; }
.Album .description ul{ list-style: outside; padding:0; margin: 0 15px; }
.Album .description ul li{ margin:0 0 5px;}
.Album .description ol{ padding:0; margin: 0 15px; }
.Album .description ol li{ margin:0 0 5px;}
.Album ul { list-style:none; padding:0 }
.Album ul li{ margin:0 0 10px 0; }
.Album ul li img{ }
.Album ul li:hover img{}


#Inner_Type_A{ }
#Inner_Type_A ul{ margin:20px 0 0 -2%; list-style:none; padding:0px;  }
#Inner_Type_A li{ float:left; width:31%; margin:0 0 15px 2%; text-align: center;}
#Inner_Type_A li:nth-child(3n+1){ clear:both}
#Inner_Type_A li img{ max-width:100%; max-height:400px  }
#Inner_Type_A li p{  }
#Inner_Type_A .Album .title{ text-align: left !important; }
#Inner_Type_A .description{ text-align: left; }

#Inner_Type_B { }
#Inner_Type_B .title{ margin:0 ;  }
#Inner_Type_B ul{ margin:20px 0 0 -2%; padding:0; }
#Inner_Type_B li{ float:left; width:48%; margin:0 0 15px 2%; }
#Inner_Type_B .title_des { float: left; width:100%;}
#Inner_Type_B li img{ max-width:100%; height:auto }
#Inner_Type_B li:nth-child(2n+1) { clear:both}
#Inner_Type_B .right_desc { float: right; width:100%; padding:10px 0 0}
#Inner_Type_B .right_desc ul{ list-style: outside; margin:0; padding:0}
#Inner_Type_B .right_desc ul li{ margin:0 0 0 15px;}
#Inner_Type_B .right_desc ol{ margin:0; padding:0}
#Inner_Type_B .right_desc ol li{ margin:0 0 0 15px;}

#Inner_Type_C {}
#Inner_Type_C .title{ }
#Inner_Type_C ul{ margin:20px 0 0 0; padding:0px;}
#Inner_Type_C li{ float:none; margin:0 0 15px 0%; width: auto; text-align: left; clear:both; padding:0}
#Inner_Type_C li img{ width:100%; height: auto; text-align: center; margin:0 0 10px 0}
#Inner_Type_C li .title_des{ width:42%; float:left; }
#Inner_Type_C li .right_desc{ float: right; width:56%;}
#Inner_Type_C .right_desc ul{ list-style: outside; margin:0; padding:0}
#Inner_Type_C .right_desc ul li{ margin:0 0 0 15px;}
#Inner_Type_C .right_desc ol{ margin:0; padding:0}
#Inner_Type_C .right_desc ol li{ margin:0 0 0 15px;}

#Inner_Type_D { background:none}
#Inner_Type_D li{ float:none; margin:0 0 15px 20px; width: auto; text-align: left; clear:both; padding:0}

#Inner_Type_E li{ float:none; margin:0 0 15px 20px; width: auto; text-align: left; clear:both; padding:0}
#Inner_Type_E li a{ background:url(../images/icon/icon_pdf_b.png) no-repeat left; background-size:20px 27px;  }
#Inner_Type_E li a:hover{ background:url(../images/icon/icon_pdf_b.png) no-repeat left;  background-size:20px 27px; }
#Inner_Type_F ul{ margin:0; padding:0; }
#Inner_Type_F li{ float:none; width:100%; margin:0 0 15px 0px; width: auto; text-align: center; clear:both; padding:0}
#Inner_Type_F li iframe { height:850px;}

.download_area{ margin:30px 0px;}
.download_area .title{ background:#fafafa; border-left:2px solid #ff4546; color:#ff4546; padding:8px 15px; font-size:21px; line-height:32px; display:block;  box-shadow:0px 3px 2px rgba(0,0,0,.2); margin-bottom:20px; }
.download_area .description{ background:#fff; padding:10px; margin:20px 0; }
.download_area ul{ list-style:none; margin:0px 0 0 -2%; padding:0px;}
.download_area ul li{ float:left; width:31%; margin:0 0 15px 2%; text-align: left;}
.download_area ul li a{ background:url(../images/icon/icon_download.png) no-repeat left; background-position:3px 5px; padding:8px 0 3px 30px; line-height:19px; color:#db1111; background-size:23px 23px; display:block;}
.download_area ul li a:hover{ background:url(../images/icon/icon_download.png) no-repeat left; background-position:3px 8px; color:#666;background-size:23px 23px}




/* Style the buttons */
#myBtnContainer{ margin:20px 0 ;  border-bottom:1px solid #ddd; height:40px}
.btn {
padding: 10px 21px;
display: block;
color: #085cba;
font-size: 17px;
line-height: 19px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd; background:#fff;
  cursor: pointer; float: left; margin-right:10px; border-bottom:0px solid #ddd;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #F90;
  color: white;
}

#FullPage .subject_template{ width:100%;}
#FullPage .subject_template .title { float:left; background: none; color:#333; text-align: left; margin:0; padding:5px 30px 10px 30px; font-size: 23px; text-shadow: 0px 0px 1px rgba(0,0,0,.3);}

#FullPage .subject_template ul{ list-style:none; margin:0; float:left; border-top: 1px solid #1799da; border-left: 1px solid #1799da; border-right: 1px solid #1799da; }
#FullPage .subject_template ul li{ float:left;  }
#FullPage .subject_template ul li+li{ float:left; border-left:1px solid #ddd; }
#FullPage .subject_template ul li a{ background:#fff; padding:7px 24px; display:block; font-size:15px;}
#FullPage .subject_template ul li a:hover{ background:#0087ca;  color:#fff}
#FullPage .subject_template ul li a.current{ background:#ffa800; color:#fff}

#table_box{ border:1px solid #163673; padding:1px; background:#fff;border-collapse:inherit} 
#table_box tr:nth-child(1), #title_head{ background:#14336e; color:#fff;} 
#table_box tr:nth-child(even) td{ background:#f7feff} 


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:85%;
  min-height:80%;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes .ad_close_ad {
	display: block; background:url(../images/icon/btn_close.png) no-repeat; height:30px; width:30px; background-size:30px 30px;
	cursor: pointer; position:absolute; right:-5px; top:-10px;
	-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; opacity: 1;
}
#boxes .ad_close_ad:hover {  transform: rotate(90deg);}
#boxes .title_ad { color:#6f118e; font-size:21px; font-weight:bold;}
#boxes #dialog {
  width:85%; border:3px solid #6f118e; box-shadow: 0 3px 8px rgba(0,0,0,.8);
  min-height:80%;
  height:auto;
  padding:10px;
  background-color:#ffffff;
  font-size: 15pt; 
}
.maintext{
	text-align: center;
  text-decoration: none;
}
#lorem { text-align: left }
#popupfoot{
	font-size: 16pt;
  padding: 10px 20px; text-align: center;
}
#popupfoot a{
	text-decoration: none; background:#45065a; color:#fff; padding:5px 30px; position:absolute; bottom:20px;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{	color: red;
}

#MediaB #pages ul li a.pgCurrent { background:#ffa200; color:#fff;}

.information ul li , .sentense{ position:relative;}
.information ul li .editing ,  .grid_photo .editing, .Userful_link_inside ul li  .editing, .sentense  .editing { display:none; position:absolute; left:0; top:0; z-index:11}
.information ul li:hover .editing, .grid_photo:hover .editing  , .Userful_link_inside ul li:hover .editing, .sentense:hover  .editing { display:block; }
.information ul  li .editing a,   .grid_photo .editing a , .Userful_link_inside ul li  .editing  a, .sentense:hover .editing  a{ font-size:15px; line-height:19px !important; background: rgba(255,255,0,.9) !important; color:#000;  padding:5px 12px !important; 
border:0px solid rgba(255,255,255,0.2) !important; margin:0px !important; width:auto !important}

.adding { display:none; position:absolute; left:0; top:5px; z-index:11}
.adding  a{ font-size:15px; line-height:19px ; background: rgba(255,255,0,.9) ; color:#000;  padding:5px 12px ;border:1px solid rgba(255,255,255,0.2) ; margin:0;}
.adding  a::before{ content: "+";}
.area:hover .adding  { display:block; }




ul.primary { text-align:center;} 
.banner_area { position:relative}
.banner_area .tabs {    position: absolute;z-index: 0;bottom: 10%;left: 0;right: 0;width: 300px;z-index:2} 
.banner_area .tabs ul.primary {    text-align: center;    background: #fffc;    border-radius: 8px;    margin-bottom: 10px;
    padding: 10px;}
	
	
.fc-event, .fc-event-dot { background-color: #45c6ff !important; }	
.fc-event {border: 1px solid #45c6ff !important; }






#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: #bacb52   url(../images/icon/menu-icon_white.png) no-repeat; background-position:15px 50%;}
.slicknav_btn.slicknav_open {background: #d9d85a   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 {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:7px 20px; font-size:12px;}

.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: 935px) {
#nav-wrap {    padding: 10% 0 0 0;}
	}

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


/* Page */
.inner_banner{ padding:70px 0 30px 0; margin-bottom:20px;}
.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:5px 5px 20px 5px; min-height:500px; overflow:auto }
.nevigation{ padding:5px 0;}

.latest_new ul li:nth-child(1){ width:100%;}
.latest_new ul li:nth-child(2){ width:100%; margin-left:0; margin-top:10px;}
.latest_new ul li:nth-child(3){ width:100%; margin-left:0; margin-top:10px;}

#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;}

.latest_video ul li, .latest_award ul li{  width:100%; margin:0 0 10px 0; font-size:16px;}


.Userful_link_inside .more a{ position:absolute; right:20px ; top: -35px; color:#fff; line-height:16px; font-size:13px; padding:4px 10px; display:block; background:#e347c4}
.Userful_link_inside .title{ float:left; margin:0; padding:0; position:absolute; top: -35px; left:10px; }

.site-map ul{ list-style:none; margin:0 0 0 -2%; padding:0;}
.site-map ul li{ float: left; width: 48%; margin:0 0 15px 2%; padding:0; list-style:none;}
.latest_video .title img, .latest_new .title img, .latest_award .title img{  max-width:85%;}
/* Page Content */
.contactus .info, .contactus .location{ width:100%;}
#eclass{ margin-top:15px;}
.Userful_link_inside{ width:100%}
.Userful_link_inside ul{ list-style:none; clear:both; margin: 0 ; text-align:center; width:100%; position:relative; padding:0}
.Userful_link_inside ul li{ position: relative; width:49%; margin:0 0 10px 0; float:left;}
.Userful_link_inside ul li img{ width:100%; }
.Userful_link_inside ul li a{ display:block;}
.Userful_link_inside ul li:nth-child(1) { top:0; left:0;}
.Userful_link_inside ul li:nth-child(2) { top:0; left:0;}
.Userful_link_inside ul li:nth-child(3) { top:0; left:0;}
.Userful_link_inside ul li:nth-child(4) { top:0; left:0;}
.Userful_link_inside ul li:nth-child(5) { top:0; left:0;}
.Userful_link_inside ul li:nth-child(6) { top:0; left:0;}
.Userful_link_inside ul li:nth-child(7) { top:0; left:0;}
.Userful_link_inside ul li:nth-child(8) { top:0; left:0;}
.Userful_link_inside{ height:auto; background: #fff;}



.btn_school a { color:#ea4b49}
.btn_events a { color:#54c118}
.btn_study a { color:#fcc100}
.btn_support  a { color:#6f118e}
.btn_library  a { color:#20c2ff}
.btn_pta  a { color:#e50665}
.btn_alumni  a { color:#a55e0b}
.btn_gruaduate  a { color:#23b294}

.header .logo {
    width: 40%; margin-top:50px
}

.Userful_link_inside ul li:nth-child(2n+1) { clear:both}

}