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

html,body { 

   font-weight:300; font-size: 16px ;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background-color: #EDEDED;
}

:root { 
	--main-color:#086cc2; /*深藍1*/
	--main2-color:#0dadf6; /*深藍2*/
	--main3-color:#fbae1f; /*橙色*/
	--main4-color:#f5f9ff; /*淺色*/
	
	--main5-color:#bd730a; /*news*/
	
	
}
.region > * { margin-bottom:30px; }

.editingAdd{ position: absolute;top: -35px; }
.home-add{ top: 35px !important; right: 0 }
#add_normal{ position: relative;top: 0; padding:10px; }

.editingAdd a{ background-color: #cbff0f; padding:3px 15px ; border-radius:15px; color:#000;}
.editingAdd a:hover{ background-color: #ff429c;color:#000;}

.view-content{ clear:both}

.swiper-slide .editing a{ display:block  !important;}
#banner_editing{ position:absolute; top:6px; left:45px; z-index:2 }
.editing{
  position: absolute;
  z-index: 2;
  top: 5px;
  left: 5px;
}
.editing a{ 
  /* Override the .focusable height: auto */
  width: 30px !important; font-size: 0 ;  border-radius: 50%;
  /* Override the .focusable height: auto */
  height: 30px !important;
	background-color: #cbff0f !important;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg%3e%3cpath fill='%23000000' d='M14.545 3.042l-1.586-1.585c-.389-.389-1.025-.389-1.414 0l-1.293 1.293 3 3 1.293-1.293c.389-.389.389-1.026 0-1.415z'/%3e%3crect fill='%23000000' x='5.129' y='3.8' transform='matrix(-.707 -.707 .707 -.707 6.189 20.064)' width='4.243' height='9.899'/%3e%3cpath fill='%23000000' d='M.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 20px 20px !important;
	

}
.editing a:hover{ background-color: #ff429c;}
li .editing a{ display:none !important;}
li:hover .editing a{ display:block  !important;}
.slick-slide:hover .editing a{ display:block  !important;}

a:link { text-decoration: none;}

#main_content a:link {color: #00266e; text-decoration: none;}
#main_content a:hover {color: #ffa800 ; text-decoration: underline; }

.clear{clear:both}
img {border:0;}
div, ul li{ margin:0px auto; padding:0px;}

#page-wrapper{ max-width:none;overflow: hidden;}
#page img{ max-width:100%  ; border-radius:16px; }

#page .term-tree-list { position: relative; margin-top: 2em;}
#page .term-tree-list .term{ list-style:none; margin: 0; padding: 5px 0 5px 30px;}
#page .term-tree-list .term::before{ content: ""; position: absolute; left: 0; top: 5px; 	
	background-color: var(--main-color);
    -webkit-mask-image: url(../images/tag1.svg) ; 
    mask-image: url(../images/tag1.svg) ; 	
	background-size: cover; width: 20px; height: 26px; } 
#page .term-tree-list .selected { font-weight: normal; text-decoration: underline}

.screen{ position:relative; padding:0px 20px; max-width: 1600px; width: 100% }
.container{max-width:100%  }
.wide-content { width:auto; margin:0}
.breadcrumb{ margin: 30px 0 0 0}
.block-views-blockslideshow-block-1{ position: relative;} 

h1, h2, h3 { font-weight: 600; margin: 0;}
h4, h5, h6 { font-weight: 400; margin: 0;}

h1{ font-size:2.3em; line-height:2.4em;color:var(--main-color); text-transform:uppercase; }
h2{ font-size:2.1em; line-height:2.2em;color:var(--main2-color); }
h3{ font-size:1.9em; line-height:2.0em;color:var(--main-color); 
	 padding:0px 20px;  margin:0px 0 15px 0; display:inline-table; position: relative}

h3::before { content: ""; position: absolute; width: 5px;  height: 50%;  background: #006DD2;  left: 0;  top: 0;  bottom: 0;  margin: auto;}
h3::after { content: ""; position: absolute;background: linear-gradient(to right,#0089ce , #21a0df ,#52bdf3 , #a3e0ff00 );
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;}

h4{ font-size:23px; margin:0px; color:var(--main-color); line-height:33px;}
h5{ font-size:23px; margin:0px; color:#ffa800; line-height:33px;}
h6{ font-size:23px; margin:0px; color:#333333; line-height:33px;}

.boxing .title{margin:15px 0; padding:5px 0 5px 20px; font-size:32px; line-height:36px; letter-spacing:0; position:relative; pointer-events:none ; color:#005bac; }

.boxing .title::before {
  content: "\201C"; font-family: Arial;
  position: absolute;
  color: #0dadf6;
  left: 0;
  top: 5px;
  font-size: 50px;
  font-weight: 400;
}

p{ margin:0px; padding:0px}
.blocktitle  { text-align: center; font-size:1.8em; text-align: center; margin-bottom:1.5em;  color:var(--main-color); line-height:2em;  }
.block__title {}

.region--secondary-menu , .region--secondary-menu{ margin:0;}
.menu--sidebar  .is-active , #block-olivero-main-menu   .is-active{ font-weight:600;color:var(--main-color) !important}

#header .screen { display: flex;padding: 0;align-items: center;}
#header .logo { margin-left:0}
#header { background:url(../images/header.png) no-repeat center top, linear-gradient(to bottom,#b5ffff , #fff);
  max-height: 300px;
  min-height: 300px;
  height: 100%;
  position: relative;background-size: auto 105%;}
#block-olivero-site-branding { background: #fff0;}
#block-olivero-top-area {position: absolute;  top: 0;  right: 0;}



 .links_top { float: right;padding:0px;margin:  0;  }
 .links_top ul { list-style:none; margin:0; padding: 0 0 ;}
 .links_top ul li { float:left; margin:0 0.4em; position: relative }
 .links_top ul li a {background: #0089ce;  padding:3em 1.5em 1em 1.5em;  border-bottom: 3px solid #fff;  border-left: 3px solid #fff;  border-right: 3px solid #fff; transition: all 0.3s ease 0s;}
 
 .links_top ul li a:hover { padding:3.5em 1.5em 1.5em 1.5em; background:#0061ce  }
 .links_top ul li+li a:hover { background:#ff9600  }
 
 .links_top ul li+li a {background: #ffc600}
 .links_top ul li a img { height:35px}
 .links_top a{font-size: 1rem;
  line-height: 1rem; display:block ; color:#fff; border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;}


 .links_top ul li span {background:url(../images/SVG/top_tel.svg) no-repeat;position: absolute;  width: 24px;  height: 30px; left: 0;filter: drop-shadow(0px -2px 0px rgb(255, 255, 255))drop-shadow(0px 2px 0px rgb(255, 255, 255))drop-shadow(2px 0px 0px rgb(255, 255, 255))drop-shadow(-2px 0px 0px rgb(255, 255, 255));right: 0;  margin: auto;  top: 0.8em }

 .links_top ul li+li span {background:url(../images/SVG/top_eclass.svg)no-repeat;position: absolute;  width: 30px; height: 30px; left: 0;
  top: 0.8em;


}






/*
.sticky { z-index:10; -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; }
.sticky #header{ position:fixed; top:0px; z-index:10; width:100%;  box-shadow:  0 0 3px rgba(0,0,0,.2) ;  min-height: auto; max-width:1600px; background:#fff;   } */


.site-branding { margin-left:0  ; padding:0}
.right_top{display: block;  margin-right: 0;  margin-left: auto;  background: url(../images/wave.png) no-repeat bottom #fbe21f;padding-bottom: 50px}

#lang { display: none}

#page-wrapper{ }
#page img{ max-width:100%;  }



.banner_block { background: url(../images/banner_bg.png) no-repeat center #0089ce;  width: 100%;  height: 100%;  position: relative;  background-size: cover;  padding: 1em;  border-radius: 16px;margin: -15px 0 0 0; }


.home_banner {background: #fff;  border: 5px solid #f5f5f5; border-radius: 16px; clear: both; padding: 20px; position: relative}


.home_banner .region {display: contents;} 


.swiper { float: left;  width: 100%;border-radius: 16px;  border: 4px solid #73c8e0;  box-shadow: 0 0 0 4px #00a3e8;}



#block-olivero-views-block-slideshow-block-1 { display: initial;  width: 68%;  float: left;margin: 0;}
#block-olivero-views-block-latestnews-block { width: 29%;  float: right; margin-bottom: 0}

#index time::before { content: ""; position: absolute;  mask-image: none; width: 3em;
  height: 3em;
  background: url(../images/new_date.png) no-repeat center;   background-size: auto;  background-size: contain;left: 0;  top: 0;}

.news_plain_text time {padding: 0.5em 0 0.5em 3em !important; color: var(--color--black);}
.news_plain_text .index_block b{font-size: 1.2em;}






#block_latest-news{ float: right;  width: 100%;background: #fbe21f;  padding: 1em !important;  border-radius: 16px;  border: 4px solid #fff;  box-shadow: 0 0 0 4px #e0a119; position: relative; z-index: 1}



#block-olivero-views-block-latestnews-block { position: relative}
#block-olivero-views-block-latestnews-block::before {position: absolute; content: ""; background: url(../images/new_bg_top.png) no-repeat center;width: 412px;  height: 324px;  top: -27px;  left: -40px;  background-size: contain;  z-index: 0;}
#block-olivero-views-block-latestnews-block::after { position: absolute; content: ""; background: url(../images/new_bg_bottom.png) no-repeat center;width: 334px;  height: 252px;  bottom: -27px;  right: -26px;  background-size: contain;  z-index: 0;}




.banner_block::after {content: ""; position: absolute;background: url(../images/mascot_green.png) no-repeat bottom;  width: 7em;  height: 9em;  background-size: contain;  bottom: -1em;
  right: -2em; z-index: 1;-webkit-animation: scale-up-ver-bottom 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
	        animation: scale-up-ver-bottom 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;}




#block_latest-news .blocktitle { position: relative;background: #fff;  border: 3px solid #fbae1f;  display: inline-block;  padding: 0em 1em 0em 3em;  border-top-right-radius: 16px;  border-bottom-right-radius: 16px;  line-height: 1.8em;color: var(--main3-color);margin-bottom: 1em;}



#block_latest-news  .index_block { background: #fffbda; border: 3px solid #d8c10f; padding: 10px; border-radius: 16px; position: relative; z-index: 1}


#block_latest-news .blocktitle::before { content: ""; position: absolute; background: url(../images/new_icon.png) no-repeat;  width: 4.1em;  height: 4.5em;  top: -2em;
  left: -1.7em;background-size: contain;}


#block_latest-news .index_block b {  font-size: 1.2em;	color: var(--main5-color);}
#block_latest-news .block-info li{margin-top: 10px;  border-bottom: 2px dashed #ebe5b3;  padding-bottom: 10px;}
#block_latest-news .block-info li:hover { background: rgba(255,255,255,.75)}

#block_latest-news  .view-more{  position: absolute; padding: 0;right: 30px; bottom: -20px ; transition: all 0.3s ease 0s;}
#block_latest-news  .view-more a {  background: var(--main2-color); color: #fff;padding: 0.8em 1em 0.4em 1em;  display: block ; border: 2px solid #89daff;border-top-left-radius: 0;
  border-top-right-radius: 0;}
#block_latest-news  .view-more:hover{    bottom: -30px}
#block_latest-news  .view-more:hover a {  padding: 0.9em 1em 0.5em 1em;  }



.home_zoneA{background: #effaff;display: flex;padding: 0 0 2em 0;}
.home_zoneB{background: url(../images/link_bg.png) no-repeat center #daf1fb;
  display: flex;background-size: auto;}
.home_zoneC{}

.view-more , .view-more2{ margin: 0 auto; padding: 50px 0 0 0; text-align:  center;}


.more-link { position: relative; }
.more-link a{ font-size: 1.1em; line-height: 1.2em; padding: 10px 20px; }


.view-more a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 5px center; /* 使用 right 关键字和垂直位置 */
  transition: background-position 0.5s ease, padding-left 0.5s ease;
  border: 1px solid var(--main2-color);
  font-size: 1.1em;
  padding: 10px 50px 10px 20px;  border-radius:8px 
}

.view-more a:hover {
  transition: background-position 0.5s ease, padding-left 0.5s ease; background-color: var(--main-color); color: #fff;
  background-position: right 20px center; 
  padding-left: 27px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z' fill='%23ffffff'/%3E%3C/svg%3E"); 
}



.view-more2 a {
  position: relative; display: inline-block; padding: 10px 35px;
}

.view-more2 a::before, .view-more2 a::after {
  content: ''; 
  position: absolute; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-style: solid; border-radius: 8px;
  border-color: var(--main3-color); 
  transition: transform 0.3s ease;
}

.view-more2 a::before {
  border-width: 2px 0 2px 0;
  transform: scaleX(0);
}

.view-more2 a::after {
  border-width: 0 2px 0 2px;
  transform: scaleY(0);
}

.view-more2 a:hover::before, .view-more2 a:hover::after {
  transform: scale(1, 1);
}



.news_tag { position: absolute; left: -5px; top: -5px; background-image: url(../images/icon/i_news.png); width: 90px; height: 44px; background-size: cover; z-index: 1; pointer-events: none;  }
.news_tag2 { position: absolute; left: 0; top: 0; background-image: url(../images/icon/i_news2.png); width: 90px; height: 28px; background-size: cover; z-index: 1; pointer-events: none;  }

#logo{ }

.node__content{ clear:both;padding-block-end: 0;}

#nonbanner_title{ background:url(../images/inner_banner.png) no-repeat bottom  #00a3e8; padding:3em 0 3em 0; background-size: cover;position: relative; }
#nonbanner_title h1{ color:var(--main4-color); margin:10px 0; text-shadow:  0px 1px 3px rgba(0, 0, 0, 0.4);} 

.banner_title{ background-image: url(../images/inner_banner.jpg); background-repeat: no-repeat; background-size: cover ; padding:100px 0; }
.banner_title h1{ color:#fff; margin:10px 0; text-shadow:  0px 1px 3px rgba(0, 0, 0, 0.4);;  } 


#block_latest-news{ padding:3em 0 }
#block_latest-awards{ padding:3em 0  ; border-top: 1px solid #c7ced3 }
#block_latest-activity{ padding:3em 0 }


.video_theme{ max-width:80%; margin:50px auto ;}

.slider-slogan{ position: absolute; bottom: 15%; }
.slider-slogan .slogan_text{ font-size: 2.3em;
  padding: 0.2em 0.85em;
  line-height: 1.85em;
  color: #fff; background: #086cc2a1 ; }

.slogan_left{ left:0;}
.slogan_right{ right:0;}
.view-empty{ clear:both}

footer{ background: url(../images/gird.png) no-repeat top center #0089ce;; color: #fff; padding:  0 ;  margin: 1em 0 0 0; position: relative}
footer .text-content, footer a{ color: #fff; } 
 
footer .power { float:right;   padding:40px 0 30px 0; font-size:.9em}
footer .copyright { float:left ; padding:40px 0 30px 0; font-size:.9em}
footer .copyright a , footer .power a { color:#fff; text-decoration: none}
footer .copyright a:hover , footer .power a:hover { color: #FF0; text-decoration: underline}

#main_content{ float:left; width:77%; min-height: 500px; background: #ffffffa3;
  padding: 15px;
  border-radius: 16px;
  box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.05);}
#sidebar-nav{float:right; width:21%; }

.useful-links  { position: relative}
.useful-links ul{
  display: grid; list-style:none; padding:0; margin:0;
  grid-template-columns: repeat(5, 1fr); column-gap:
  gap: 10px;
} 

.useful-links ul li{ 
  width:calc(100% - 10px) ; position:relative;  padding:5px;
}


#ctd-fliters .form--inline .form-actions { margin:auto }

#ctd-fliters {
margin-block-end: var(--sp1); text-align:  right; float:right;
}

.contextual-region .view-header{
margin-block-end: var(--sp1) !important;
}


/* Table */
#main_content table{border-collapse: inherit; width:100%;  line-height:33px; border:1px solid var(--main-color);   }
#main_content tr:nth-child(even) td { background:#f2f2f2; color:#333; padding:5px; }
#main_content tr:nth-child(odd) td { background:#fff; color:#333; padding:5px; }
#main_content table ul, table ol{ margin:0; }


.location {
  width: 100%;
  margin: 20px 0;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
iframe{ width:100%; min-height: 350px;}

/* Template */
.tpl-info time, .block-info time, .node__content time{ position: relative; display: inline-block; padding: 10px 0 10px 50px;}
time::before {
  content: "";  position: absolute;  mask-image: none;  width: 3em;  height: 3em;  background: url(../images/new_date.png) no-repeat center;    background-size: auto;  background-size: auto;  background-size: contain;  left: 0;  top: 0;}



.index_block { background: none}
.index_block b { display: block}


	
.block-info{ list-style: none; margin: 0; padding: 0 ; background:  none; }

#block_latest-news .block-info {overflow-y: auto;
  max-height: 24em;}

.block-info li{position: relative; }


.tpl-info{ list-style: none; margin: 0; padding: 0;}
.tpl-info li{position: relative; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.tpl-info li:hover{  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px }
.tpl-info li a{ color: #333; display: block; width: 100%; }
.tpl-info li a:hover{ color: #333;}
.tpl-info li b, .block-info li b{ display: block}
.tpl-info figure img , .block-info figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity:1;width: 100%;
}
.tpl-info  figure:hover img ,.block-info  figure:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity:.8;
}
.tpl-info figure  ,.block-info figure {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}

.tpl-info .content { padding: 10px 0}


.template-A ul{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
} 

.template-A ul li{ 
  width:calc(100% - 0px) ; 
  padding:0;display: flex;
  align-items: center;
	text-align: center; background: #fff ;
	border-radius: 16px;
overflow: hidden;
}

.template-B ul{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
} 

.template-B ul li{ 
  width:calc(100% - 30px) ; 
  padding:15px;display: flex;
  align-items: center;
	text-align: center;
}

.template-C ul{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
} 

.template-C ul li{ 
  width:calc(100% - 30px) ; 
  padding:15px;display: flex;
  align-items: center;
	text-align: center;
}


.Block_A ul{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5%;
} 
.Block_A ul li{ position:relative; width: 100%;}

.Block_B ul{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5%;
} 
.Block_B ul li{ position:relative; width: 100%; background: #fff;}

.news-card {
  border: 0px solid aqua;
  margin: 1px;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  flex: 1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.news-card__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 1s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    z-index: -1;
  }

.news-card__text-wrapper {
    position: absolute;
    bottom: 0rem;
    padding: 5px 10px 15px 10px; width:calc(100%);
    color: white;  background-color: rgba(0, 0, 0, 0.4);
    transition: background-color 1.5s ease;
  }
.news-card__title {
    transition: color 1s ease;
    margin-bottom: .5rem;
  }
.news-card__details-wrapper {
    max-height: 0;
    opacity: 0;
    transition: max-height 1.5s ease, opacity 1s ease;
  }
  
  @media (min-width: 900px) {
    .news-card:hover .news-card__details-wrapper {
      max-height: 20rem;
      opacity: 1;
    }
    .news-card:hover .news-card__text-wrapper {
      background-color: rgba(0, 0, 0, 0.6);
    }
    .news-card:hover .news-card__title {
      color: yellow;
    }

  }


.articles{ padding:1em;}
.articles:hover:before {
  width: 100%;
}
.articles::before {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 2px;
  width: 0%;
  background: var(--main-color);
  right: 0px;
  transition: width 0.4s; 
}



/* End Template */

/* Category */
.category {
float: left;
 background:#fff;
padding: 8px 10px;
margin: 9px 0; z-index: 1;
position: relative; border-radius: 12px;}





.category ul {  list-style: none; margin:0; padding:0}
.category ul li {  display: inline-block;}
.category ul li a {
  display: block;
  padding: 5px 20px; font-size:1.3em;
  text-decoration: none;
  color: #333333;
  font-weight: 400;
  margin: 0 10px;
}
.category ul li+li  { border-left:1px dotted #666;}
	
.category ul li a,
.category ul li a:after,
.category ul li a:before {  transition: all .5s;}
.category ul li a:hover {  color: var(--main-color);}



/* stroke */
.category.stroke ul li a,
.category.fill ul li a {  position: relative;}
.category.stroke ul li a:after,
.category.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: var(--main-color);;
  height: 2px;
}
.category.stroke ul li a:hover:after {
  width: 100%;
}

.category.fill ul li a {  transition: all 2s;}
.category.fill ul li a:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
}
.category.fill ul li a:hover {
  color: #fff;
  z-index: 1;
}
.category.fill ul li a:hover:after {
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
}

/* SHIFT */
.category.shift ul li a {
  position:relative;
  z-index: 1;
}
.category.shift ul li a:hover {
  color: #91640F;
}
.category.shift ul li a:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: '.';
  color: transparent;
  background: var(--main-color);
  visibility: none;
  opacity: 0;
  z-index: -1;
}
.category.shift ul li a:hover:after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}


.category .current a , .category .current a:hover {
  color: #fff; 
  background: var(--main-color);
}


/* Keyframes */
@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: var(--main-color);;
  }
}

/* Keyframes */
@-webkit-keyframes circle {
  0% {
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: var(--main-color);;
    border-radius: 100%;
  }
  100% {
    background: var(--main-color);;
    height: 1000%;
    width: 1000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
  }
}
/* End Category */

.sitemap-item {  margin: 0px auto;  padding: 0 20px;}

.sitemap-item ul {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 15px;
list-style-type: none;    padding: 0;    margin: 0;
}
.sitemap-item ul ul{grid-template-columns: repeat(1, 1fr); gap: 5px; margin:10px; padding:0 25px; list-style-type: initial;  }
.sitemap-item ul li { width:100%; margin:0 ; padding:0 }

.sitemap-item ul li a, .sitemap-item ul li span { font-size:1.3em; font-weight:400 ; 
    padding: 10px 15px ; display:block;
    border-bottom: 1px solid #ddd;
    transition: background 0.3s ease; background:#fff; }

.sitemap-item ul li a {  color: var(--main-color);}
.sitemap-item ul li span{     color: #555; }

.sitemap-item ul li a:hover {
    background: var(--main2-color) ; color:#fff; 
}

.sitemap-item ul li ul li a , .sitemap-item ul li ul li span {
	padding: 5px 0 5px 0px ; display:block; border-bottom:0; font-size:1em; font-weight:300
}
.sitemap-item ul li ul li a{ background:none;  }
.sitemap-item ul li ul li a:hover { background:none; color:var(--main2-color) }

.sitemap-item  .mobile_only{ display:block !important}

.sidebar-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
background: #fbe21f;
  border-radius: 16px;
  filter: drop-shadow(6px 5px 0px #0789bc); position: relative;display: flex;
  align-items: center;
  justify-content: center;
}


.sidebar-nav ul::before {  content: "";  position: absolute;
  width: 97%;  height: 98%;  border: 2px dashed #fff;  border-radius: 16px;
  margin: auto;} 
.sidebar-nav ul ul::before { display: none} 
.sidebar-nav ul ul { filter:none; display:block ; background:#fff; border-radius:16px;}



.sidebar-nav .metismenu {
    padding: 15px; font-size: 1.15em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sidebar-nav .metismenu a.current { color:var(--main-color);  }

.sidebar-nav .metismenu li + li {
  margin-top: 5px;
}
.sidebar-nav .metismenu li:first-child {
  margin-top: 5px;
}
.sidebar-nav .metismenu li:last-child {
  margin-bottom: 5px;
}
.sidebar-nav .metismenu > li {
    /*-webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;*/
	width: 95%; border-bottom:1px dotted #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.sidebar-nav .metismenu a {
    position: relative;
    display: block;
    padding: 5px 15px;
    color: #333333;
    outline-width: 0;
    transition: all .3s ease-out;
}

.sidebar-nav .metismenu a {
    padding: 5px 35px 5px 30px;
	font-size: 1.15em;
line-height: 1.65em;
}
.sidebar-nav .metismenu ul li a {
    padding: 5px 35px 5px 45px;
	font-size: 1.0em;
line-height: 1.45em;
}
.sidebar-nav .mm-active { color: var(--main-color);  !important; }
.sidebar-nav .metismenu a:hover,
.sidebar-nav .metismenu a:focus,
.sidebar-nav .metismenu a:active,
.sidebar-nav .metismenu .mm-active > a {
    color:var(--main-color); 
    text-decoration: none;
}




.subjectlists {
	position: relative;
	margin: 0 auto;
	padding: 0 !important;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

.subjectlists figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.subjectlists figure figcaption::before,
.subjectlists figure figcaption::after {
	pointer-events: none;
}
.subjectlists figure figcaption,
.subjectlists figure figcaption > a {
	position: absolute; background:#0c335b38;
	top: 0;	left: 0; width: 100%; height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.subjectlists figure figcaption > a {
	z-index: 1;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}


.subjectlists figure h2,
.subjectlists figure p {
	margin: 0;
}
.subjectlists figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
figure.effect-honey {
	background: #4a3753; min-height: 180px;
}
figure.effect-honey img {
	opacity: 0.9; max-width:125%:
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;	
	transition: all 0.3s ease-in-out; opacity: 1;
}

figure.effect-honey:hover img {
	opacity: 0.5;
}
figure.effect-honey figcaption::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: var(--main2-color);
	content: '';
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}
figure.effect-honey h2 {
	position: absolute; font-style: normal;
	bottom: 0;
	left: 0;
	padding: 0.5em 1.5em; color: #fff; text-shadow: 0 0 8px #000000a1;
	width: 100%;
	text-align: left;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}
 

figure.effect-honey figcaption::before,
figure.effect-honey h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
	opacity: 1; 
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#block-sidebar-nav { background: var(--main4-color); }
#block-sidebar-nav h2{ padding: 30px 0;
  background: var(--main-color); 
  color: #fff; margin:0;
  text-align: center;display: none;}
#block-sidebar-nav ul { list-style:  none; margin: 0; padding: 15px; }
#block-sidebar-nav ul li{ float: none;  position:  relative;float: left;}
#block-sidebar-nav ul li a{padding: 10px 15px;  display: block; background: #fbe21f;
  color: #0056a2;  border-radius: 10px;
  margin-right: 20px; }

#block-sidebar-nav ul li a:hover {color: #fff;
  background: #248ac6;}
	
.subjectlist ul{ list-style:  none; margin: 0; padding: 15px; }
.subjectlist ul li{ float: none;  border-bottom: 1px solid var(--main3-color); position:  relative}
.subjectlist ul li a{ padding:15px 15px 15px 30px; display:  block; font-size: 21px; line-height: 27px;  }

.subjectlist ul li a::before {
  content: "\2022";
  font-family: Arial;
  position: absolute;
  color: var(--main2-color);
  left: 0;
  top: 19px;
  font-size: 50px;
  font-weight: 400;
}

.item-list {display: inline-flex;}
/*menu*/
.stellarnav.dark ul li a{ transition: all 0.3s ease 0s; }

.stellarnav.dark ul li a p{width: 55px;
height: 55px; position: absolute;  top: -25px;  right: 38%; transition: all 0.3s ease 0s; }
.stellarnav.dark ul li a:hover p { top: -50px }

.stellarnav.dark ul ul li a { background: #fff; color: #333 !important;  }
.stellarnav.dark ul ul li { width: 100%;}

.btn_sch a {  background:url(../images/yellow_bg1.png) no-repeat center top;}
.btn_study a { background:url(../images/blue1.png) no-repeat center top;}
.btn_life a { background:url(../images/yellow_bg2.png) no-repeat center top;}
.btn_growing a { background:url(../images/blue1.png) no-repeat center top;}
.btn_award a { background:url(../images/yellow_bg2.png) no-repeat center top;}
.btn_partner a { background:url(../images/blue1.png) no-repeat center top;}
.btn_admission  a { background:url(../images/yellow_bg1.png) no-repeat center top; }

.btn_sch a,
.btn_study a, 
.btn_life a,
.btn_growing a,
.btn_award a,
.btn_partner a,
.btn_admission  a
 { background-position:50% 10px ; min-height: 75px;
background-size: 100%  100%;  }

.btn_sch a:hover,
.btn_study a:hover, 
.btn_life a:hover,
.btn_growing a:hover,
.btn_award a:hover,
.btn_partner a:hover,
.btn_admission  a:hover
 { background-position:50% 0px ; }


.btn_sch a p {background:url(../images/btn_sch_icon.png) no-repeat center bottom; opacity: 0;background-size: contain; }
.btn_sch:hover a p, .btn_sch .current  p {opacity: 1}


.btn_study a p {background:url(../images/btn_study_icon.png) no-repeat center bottom; opacity: 0;background-size: contain; }
.btn_study:hover a p, .btn_study .current  p {opacity: 1}

.btn_life a p {background:url(../images/btn_life_icon.png) no-repeat center bottom; opacity: 0;background-size: contain; }
.btn_life:hover a p, .btn_life .current  p {opacity: 1}

.btn_growing a p {background:url(../images/btn_growing_icon.png) no-repeat center bottom; opacity: 0;background-size: contain; }
.btn_growing:hover a p, .btn_growing .current  p {opacity: 1}

.btn_award a p {background:url(../images/btn_award_icon.png) no-repeat center bottom; opacity: 0;background-size: contain; }
.btn_award:hover a p, .btn_award .current  p {opacity: 1}

.btn_partner a p {background:url(../images/btn_partner_icon.png) no-repeat center bottom; opacity: 0;background-size: contain; }
.btn_partner:hover a p, .btn_partner .current  p {opacity: 1}


.btn_admission a p {background:url(../images/btn_admission_icon.png) no-repeat center bottom; opacity: 0 ;background-size: contain;}
.btn_admission:hover a p, .btn_admission .current  p {opacity: 1}

/*menu*/

.index_button {float: left;  width: 20%;  margin: 0 0 0 5%;}
.index_button ul { list-style: none; margin: 0; padding: 0}
.index_button ul li { width: 100%;margin: 0 0 1em 0;}
.index_button ul li a { transition: all 0.3s ease 0s; background:url(../images/button_cover.png) no-repeat #fbe21f; padding: 1em;  text-align: center;  font-size: 2.5em;  line-height: 1em;  height:117px;  display: flex;align-items: center;  justify-content: center;border-radius: 16px; position: relative}
.index_button ul li a::before { content: ""; position: absolute; width: 95%;height: 85%;
  border: 2px dashed #fff;  border-radius: 16px;  margin: auto;}
.index_button ul li a::after { content: ""; position: absolute; width: 2.5em;  height: 2.5em;  left: -60px}
.index_button ul li a:hover { text-decoration: underline; font-size:2.60em}

#block_activity { float: right; width: 70%;background: #00a3e8;  border-radius: 16px;  border: 3px solid #fff;  box-shadow: 0 0 0 3px #008fd6;padding: 4em 0em 1em 0em;
  position: relative; margin-top:-30px;}


#button_principal {filter: drop-shadow(6px 5px 0px #0789bc);}
#button_principal .strokeText{  color: #248ac6;}
#button_principal a::after { background:url(../images/button_principal.png) no-repeat; background-size: 100%}

#button_library{filter: drop-shadow(6px 5px 0px #0789bc);}
#button_library a { background:url(../images/button_library_cover.png) no-repeat #00a3e8;}
#button_library .strokeText{  color: #248ac6;}
#button_library a::after { background:url(../images/button_library.png) no-repeat;background-size: 100%}





#button_center {filter: drop-shadow(6px 5px 0px #0789bc);}
#button_center  a { background:url(../images/button_center_cover.png) no-repeat #dbcb8d;}
#button_center .strokeText{  color: #717163;width: 260px;font-size: .8em;}
#button_center a::after { background:url(../images/button_center.png) no-repeat;background-size: 100%}




.strokeText {
  color: #fff;
  -webkit-text-stroke: 0px #fff;
  z-index: 1;
  position: relative;
display: inline;

}

.strokeText::after {
  content: attr(data-text);
  position: absolute;
  color: #fff;
  -webkit-text-stroke: 6px #fff;
  z-index: -1;
  left: 0;
  top: 0
}

#block_activity .blocktitle { position: absolute;background: #fff; border: 3px solid var(--main-color);  display: inline-block;  padding: 0em 1em 0em 3em;  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;  line-height: 1.8em;  color: var(--main2-color);
  margin: 1em 0;z-index: 2;
  left: 0;
  top: 0;}

#block_activity .blocktitle::before { content: ""; position: absolute;background: url(../images/photo_icon.png) no-repeat; width: 4.3em;  height: 5em;top: -2.6em;  left: -1.1em;
  background-size: contain;}


#block_activity .slider {margin: 0 5%;  background: #fff;  border-radius: 16px;  padding: 2em; z-index: 1}
#block_activity .slick-prev {top: 0;  bottom: 0;  margin: auto;width: 48px;  height: 210px;left: -48px;}
#block_activity  .slick-prev::before { mask-image: none;background: url(../images/left.png) no-repeat center;width: 48px;  height: 210px;  background-size: 100%; float: right}


#block_activity .slick-next {top: 0;  bottom: 0;  margin: auto;width: 48px;  height: 210px;right:-48px}
#block_activity  .slick-next::before { mask-image: none;background: url(../images/right.png) no-repeat center;width: 48px;  height: 210px;  background-size: contain;float: left;}



#block_activity  .news-card__text-wrapper { position: relative}
#block_activity  .news_cover { position: relative}
#block_activity  .news_date {  position: absolute; bottom: 0;  background: linear-gradient(#fff0, #00a3e8de);  width: 100%;text-align: left;  color: #fff;}
#block_activity  .news_date time { padding: 10px 0 10px 65px }
#block_activity  .news_date time::before {background-color: #fff0 !important;left: 10px;}
#block_activity  .news-card { box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.11);  text-align: center;}
#block_activity .index_block b {text-align: center;  padding: 1em;}
#block_activity .view-more {  position: absolute;  padding: 0;right: 70px;
  bottom: -20px;
  z-index: 0;
}
#block_activity .view-more a { background: var(--color--gold);  color: #fff;
  padding: 0.5em 1em 0.5em 1em;  display: block;  border: 2px solid var(--main3-color);border-top-left-radius: 0;
  border-top-right-radius: 0;}
#block_activity .view-more { transition: all 0.3s ease 0s;}
#block_activity .view-more:hover{    bottom: -30px}
#block_activity .view-more:hover a {  padding: 0.9em 1em 0.5em 1em; background:#666  }



#young_slideshow { margin: 3em 5%;width: 90%;position: relative;  overflow: inherit; float: left}


#young_slideshow::after {content: ""; position: absolute;background: url(../images/mascot_red.png) no-repeat bottom;  width: 7em;  height: 9em;  background-size: contain;  bottom: -3em;  left: -4em;  z-index: 1;}



#young_slideshow .swiper-button-next {background: url(../images/right.png) no-repeat center left;
  right: -62px;  top: 0;  bottom: 0;  margin: auto;  width: 58px !important;  height: 270px !important;  opacity: 1;  position: absolute;background-size: contain;}

#young_slideshow .swiper-button-prev{background: url(../images/left.png) no-repeat center right;
  left: -62px;  top: 0;  bottom: 0;  margin: auto;  width: 58px !important;  height: 270px !important;  opacity: 1;  position: absolute;background-size: contain;}



#block-olivero-views-block-usefullinks-block-1 .block__title{ position: relative;padding: 1em 1em 1em 3em;line-height: 1.8em;  color: var(--main2-color);  margin: 0 auto;  z-index: 2;  left: 0;
 top: -0.5em;;  right: 0;  background: url(../images/link_icon_bg.png) no-repeat bottom;     background-size:contain;  display: grid;  width: 9em;}

#block-olivero-views-block-usefullinks-block-1 .block__title::before { content: ""; position: absolute;background: url(../images/link_icon.png) no-repeat; width: 4em;
  height: 4em;
  top: -1em;
  left: -1em;
  background-size: contain;}






#block-olivero-views-block-usefullinks-block-1 .strokeText {  color: #00a3e8;	-webkit-text-stroke: 0px #00a3e8;}

#block-olivero-views-block-usefullinks-block-1 .strokeText::before {content: attr(data-text);
  position: absolute;color: #00a3e8;  -webkit-text-stroke: 12px #00a3e8;  z-index: -1;  left: 0;  top: 0;}

.useful-links .slick-prev { width: 74px; height: 74px; margin: auto; top: 0; bottom: 0;left: -80px;}

.useful-links .slick-next { width: 74px; height:74px; margin: auto; top: 0; bottom: 0;right: -80px;}

.useful-links .slick-prev::before {mask-image:none; background: url(../images/link_left.png) no-repeat center;width: 74px;
  height: 74px;background-size: contain;}


.useful-links .slick-next::before {mask-image:none; background: url(../images/link_right.png) no-repeat center;width: 74px;
  height: 74px;background-size: contain;}

.useful-links .slider{width: 100%;  margin: 0;  padding: 0 7%;}
.useful-links .slick-prev {  left: 0}
.useful-links .slick-next { right:0}


.sch_info {   width: 90%; background: #fff;  border-radius: 16px; padding: 3em 1em 5em 1em; position: relative;z-index: 1;}

.sch_info ul { list-style: none;  margin: 0;  padding: 0;display: flex; }
.sch_info ul  li { color: #0089ce; font-size:1.12em}
.sch_info ul  li a{ color: #0089ce;}
.sch_info::before { content: ""; position: absolute;  background: url(../images/blister1.png) no-repeat;width: 10em;  height: 10em;  background-size: contain;  left: -7em;bottom: -5em;	-webkit-animation: slide-top 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate forwards;
	        animation: slide-top 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate forwards;}
.sch_info::after { content: ""; position: absolute;  background: url(../images/blister2.png) no-repeat;width: 15em;  height: 12em;  right: 14em;  background-size: contain;	-webkit-animation: slide-top 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate forwards;
	        animation: slide-top 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate forwards;bottom: -8.5em;}


.footer_top { position: relative; padding: 2em 0  0 0}
.footer_top::before { content: ""; position: absolute;  background: url(../images/ladder.png) no-repeat;width: 11em;
  height: 17em;
  top: -2em;  left: 0px; background-size: contain}

footer::after { content: ""; position: absolute;  background: url(../images/bottom_wave.png) no-repeat;width: 100%;  height: 176px;  bottom: 0; left: 0px;}

.footer_bottom::before { content: ""; position: absolute;background: url(../images/info_bottom_bg.png) no-repeat center;  width: 100%;  height: 40px;  top: 0;  float: left;
  left: 0;  background-size: cover;  margin-top: -35px; }
.footer_bottom {background: #106d9b;
  position: relative;
  z-index: 1;
  padding: 0em 2em 1.5em 2em;  bottom: 0;  width: 100%;}






.block__content { display: contents }


#page .right_top {position: absolute;  bottom: 0;  width: 100%;background: url(../images/banner_bg.png) no-repeat center #0089ce;    padding-bottom: 0px;  background-size: cover;}
#page {background: #effaff;}


#inner_content {background: url(../images/SVG/ripple.svg) no-repeat bottom #daf1fb;  background-size: cover;padding-bottom: 50px;height: 100%;  background-attachment: fixed;display: flow-root; position: relative}
.mobile_only { display: none !important}

#inner_content::before { content: ""; position: absolute; width: 100%;height: 150px;
  background: linear-gradient(to bottom,#daf1fb , #daf1fb00); pointer-events: none}

#banner_title {background-size: 100%, contain;  padding:20px 0;  background-position: center center;background-repeat: no-repeat;position: relative;}

#banner_title2 {background-size: 100%, contain;  padding:90px 0;  background-position: center center;background-repeat: no-repeat;position: relative;}

#banner_title2::after { content: "";  position: absolute;  background: url(../images/bg_banner.png) no-repeat bottom left;  width: 100%;  height: 100%;  bottom: 0;  left: 0;background-size: cover; pointer-events: none}



.list-item {border-radius: 16px;  background: #fffbda;  border: 3px solid #d8c10f;  padding: 10px;}
.list-item ul {	display: block;}
.list-item ul li a{padding: 10px ;}
.list-item li a:hover {background: #e6e2bb;}
.list-item ul li:hover {box-shadow: none; }
.list-item ul li {background: none;
  box-shadow: none;
  border-bottom: 2px dashed #ebe5b3;
  border-radius: 0;}
.list-item .content { display: flex;  align-items: center;  justify-content: center;  text-align: left; padding: 0}
.list-item .content time {flex: 0.5;}
.list-item .content b { flex: 5;margin: 0 35px;}


.cat { padding: 5px 15px;  border-radius: 36px;display: inline-block; color: #333}
#principals { background: #85cb39; }
#award { background: #00a3e8;  color: #fff }
#activity { background: #fbe21f;}
#latest_new { background: #87f5a8;}
#video { background: #fb1f29;  color: #fff }
#media { background: #bd87ff; color: #fff }


#banner_title h1 , #banner_title2 h1{color: var(--main4-color); position:relative; z-index:1;
  margin: 0;  text-shadow: -2px -0px 10px rgba(5, 70, 155, 0.88); font-size:2.75em;}

.media_title {display: flex;  align-items: center;  justify-content: center;  padding: 20px;
  text-align: center;border-radius: 0;
  font-size: 1.3em;
border-bottom: 2px solid #d8c10f;
  color: #b7a307;}
.media_title .date {flex: 1;}
.media_title .title {flex: 5;}

#media { text-align: center}



.list-item .content  .source ,.media_title .source { flex: 1; text-align: center}




.pop_up { position: relative}
.pop_up .title { text-align: center;background: #0d72ba;padding: 15px 0;color: #fff; font-size: 1.3em}
.pop_up  .editing a { display: block}
.fancybox-content { padding: 0 !important}
.pop_up .content {padding: 30px;}


#block-olivero-views-block-young-slideshow-block-1 { position: relative;clear: both;
  display: flow-root;}

#block-olivero-views-block-pagebanner-block-1, #block-olivero-views-block-banner-template-block-1 {background: url(../images/inner_banner2.png) #00a3e8;background-size: cover; border-radius:24px;} 

.inner_banner_bg{background: url(../images/inner_banner2.png) #00a3e8;  background-size: cover;}

.region--content-below  {display: none;}
/* animation scale-up-ver-bottom */
@-webkit-keyframes scale-up-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
}
@keyframes scale-up-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
}












.wave::before,
.wave::after {
	display: block;
	position: absolute;

	content: '';
	animation: wave 5s ease-in-out infinite;
}

@keyframes wave {
	0% {
		background-size: 100% 100%;
	}
	33.33%{
		background-size: 100% 90%;
	}
	66.66%{
		background-size: 110% 85%;
	}
	100%{
		background-size: 100% 100%;
	}
}

#block-sidebar-nav .strokeText::after { display: none}
.studentworks_box a{ display: block; padding: 10px; background: #fff; border-radius: 16px ;box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.09);}

#block_studentworks { margin-bottom: 40px}
.view-footer {}

/*animation slide-top*/
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}

.menu  { display: block}
.menu_m  { display: none}

.content_box { display: block;width: 100%;  padding: 10px;}
#block_extracurricular .news-card a{ text-align: center;display: block;}
#block_extracurricular  .Block_A ul li{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 16px;  overflow: hidden;  background: #fff;}
#block_extracurricular b{padding: 10px;text-align: center;}

.advisors ul li {align-items: flex-start;}