@media screen and (max-width: 1200px){	
.template-C ul{   grid-template-columns: repeat(3, 1fr); gap: 2%; }
#block_index_button , #block_latest-news{		width: 100%;}
#block_index_button .title {font-size: 1.2em;}	

.site-branding__logo img {    max-height: var(--sp3);  }
.top_area ul li span ,	.language-link::before {width: 20px;  height: 20px;}
#lang ul li a {padding: 0px 5px 0px 30px;}
.top_area ul li a {		padding: 2px 5px 2px 30px;}
	.sch_info ul {display: block;}	
.content_timeline {		width: 100% !important}
	.horizontal-timeline .events-content li[data-horizontal-timeline], .horizontal-timeline .events-content li[data-date] {width: calc(100%) !important;padding: 0px 0 !important;}
	.template-A ul {grid-template-columns: repeat(2, 1fr);}
}




	
	
	
	
@media screen and (max-width: 960px){
	
#page-wrapper { overflow-x: hidden}
.screen{ padding:0 10px;}
.node__content {font-size: 16px ; line-height:28px;}
html,body { font-size: 16px ; line-height:28px;		}

.menu_arrow ul::before{ display:none;}
.right_top{ margin-right: 10px; width: auto; margin-left: auto ; margin-top:40px;}

#main-menu {
    position: fixed !important;
    top: 0; 
	background:#2b2d30 !important;
	padding:30px 10px;
    bottom: 0;
    width: 100%;
    transition: all 0.5s ease-in-out;
    max-width: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 12;
            transform: translateX(-100%);
}
#menu-mask {
    display: none; /* 默认不显示 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 黑色半透明 */
    z-index: 2; /* 确保遮罩层位于其他内容上方 */
}

#block-olivero-views-block-usefullinks-block-1{ width:100%; padding:10px 0;}
.site-branding{ margin: 0 10px 0 10px; padding: 0;}

ul#main-menu li a{ color:#fff;}
#main-menu.open{transform: translateX(0);}


.history_timeline .more {margin-top: 10px}

.sch_info ul { padding-top:15px}
.sch_info ul li img { margin:0 auto;}
.sch_info ul li  { width:100%}
.sch_info ul li + li {

    text-align: left;
    width: 100%;
}
#block_latest-news {z-index: 1;}

.home_zoneD {
    padding: 0 0 20px 0;
}
.region--secondary-menu{ width:100%;}
#header {	position: relative;background: #003a92;}
#lang ul{ margin:10px 5px 10px 15px; background:none}
#lang ul li{ margin: 0 0; background: none; } 
#lang ul li+li{ margin:0 0 0 10px}
	
.slider-slogan{  bottom:0; }
.slider-slogan .slogan_text{ font-size: 1em;
  padding: 0.45em;
  line-height: 1.6em;
}
#sidebar-nav { margin:0;}
.publication-list{ padding:15px 0; }
.Block_A ul {
  grid-template-columns: repeat(1, 1fr);
  gap: 2%;
}	
.template-A ul{   grid-template-columns: repeat(2, 1fr); gap: 0; }
.template-B ul{   grid-template-columns: repeat(2, 1fr); gap:0; }
.template-C ul{   grid-template-columns: repeat(2, 1fr); gap: 0; }
	
	
.slider-slogan .slogan_text {    width: 70%;    float: left;  }	
.slider-slogan .slogan_text p {padding: 20px;font-size: 1.1em; line-height:1.1em}	
	

#block_latest-news{ padding:25px 0}
	
#latest-news .box:first-child .cover {  width: 40% !important;    float: left;}	
#latest-news .box {width: calc(100%);}
#latest-news .box:first-child  .news-card__text-wrapper {  float: left;  width: 60%;  position: relative;  padding: 5px 10px 0px 10px;}
.region--content-below {		display: flow-root;}
	
	
.useful-links img{max-height: 60px;}	
#block-olivero-views-block-usefullinks-block-1 {		float: left;}
  #block_index_button .icon img {	  max-height: 50px;}	
	.home_zoneB {clip-path: polygon(0 5%, 100% 0%, 100% 95%, 0% 100%);padding: 50px 0;}	
	.clip_path{clip-path: polygon(0 5%, 100% 0%, 100% 95%, 0% 100%)}
	.clip_path:hover {  clip-path:polygon(0 5%, 100% 0%, 100% 95%, 0% 100%)}

	#block_index_button .index_block ul li { width: calc(50% - 4%);text-align: center;}
	#block-olivero-sch-info { float: left}
.news{ width:100%; padding:5px 0;}
	.history_timeline {  padding: 210px 0;}
	

	.pager__items{ margin:0 0 20px 0;}
	.template-A ul{ padding-bottom:0}
	#main_content{width:100%}
#sidebar-nav{width:100%}
	#page {  background: none;}
	#two_colors_bg {		background: none;}
#sidebar-nav { margin-bottom:30px;}
	.node__content { padding: 30px 0}
	.sidebar-nav .metismenu a {padding: 10px 35px 10px 35px; }
	.sidebar-nav .metismenu ul a {  padding: 5px 35px 5px 50px;}

	.top_area ul li { margin-right: 0;text-align: center;}

	
	.region--secondary-menu{background: #00000054; }
	#lang {width: 25% !important;     margin: 0;
padding: 0;
position: absolute;
right: 0;
top: 0; }
	#header_top { width: 100%}
	
	  .top_area ul li a {      padding: 10px 5px 10px 15px;  display: block; font-size:13px;}
	
	#logo {  margin: 60px 0 10px 0px;}
	#block-olivero-top-area {width: 100%;}
	#t_135 { width: 25%}
	#t_facebook ,  #t_eclass , #t_ig {width: 25%}
	.top_area ul li a:hover { border-radius: 0}
	.top_area { padding: 0}
	
	#lang ul li::before{ display: none}

.sticky #logo{ margin:10px 0 10px 0px }

.site-branding{ width:70%}
	
.sticky .site-branding__logo img {
    max-height: 55px;
}
	
  #block_index_button .title {    font-size: 1em;    line-height: 1em;  }
 #block_index_button .info {    padding: 0 0 25px 0;  }

.blocktitle  { text-align: left; font-size: 23px;
margin-bottom: 20px; line-height:34px;  }

h1{ font-size:32px; line-height:38px;}
h2{ font-size:26px; line-height:34px;}
h3 , .boxing .title{ font-size:23px; line-height:34px;}
h4{ font-size:21px; line-height:30px;}
h5{ font-size:21px; line-height:30px;}
h6{ font-size:21px; line-height:30px;}
	
#banner_title::before{ height: 87px; width: 100%; background-size: auto 100%;  }
#banner_title, .banner_title , #nonbanner_title { clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);}
#banner_title h1, .banner_title h1, #nonbanner_title h1{ padding:150px 0 50px 5% ;  } 
#nonbanner_title h1{ padding:70px 0 50px 5% ; } 
#banner_title::after,   .banner_title::after , #nonbanner_title::after{ 
width: 40%;
height: 70%;}
	.boxing{ margin:15px 0;}
.view-more a{ font-size: 19px;
line-height: 21px;
padding: 10px 40px 10px 5px;}
.view-more a:hover{padding: 10px 35px 10px 5px; }
.breadcrumb__list { padding:0; font-size:13.5px}
.breadcrumb__content{ background: rgba(204,204,204,.3) ; padding:5px;}  
.view-more , .view-more2{ padding: 25px 0 0 0;}

#block_latest-news .blocktitle::after{ bottom:0;}

.video_area::after{ display:none}

footer .copyright , footer .power{
  text-align: center;
  width: 100%; float: none;
}
footer{ padding:15px 0; font-size:13px;}
.cd-top{ right:0 ; bottom:0}
.view-id-usefullinks{ float:none}
.view-id-usefullinks img{ margin:0 auto; }

.Block_A ul {
  grid-template-columns: repeat(1, 1fr);
  gap: 2%;
}	
.slider-slogan{  bottom:0; }
.slider-slogan .slogan_text{ font-size: 1em;
  padding: 0.25em;
  line-height: 1.6em;
}

.template-A ul{   grid-template-columns: repeat(1, 1fr); gap:20px; display: list-item; padding-bottom: 30px; }
.template-B ul{   grid-template-columns: repeat(1, 1fr); gap: 20px; display: list-item; padding-bottom: 30px; }
.template-C ul{   grid-template-columns: repeat(1, 1fr); gap:20px; display: list-item; padding-bottom: 30px; }
.templatenewsD { padding:0 30px;}
#full_area , #main_content{ float:none; width:100%; padding:0}
.templatenewsD ul {
    grid-template-columns: repeat(1, 1fr);gap:20px
}

.category ul li a {
  padding: 5px 10px; font-size:1.1em;
  margin: 0 10px;
}
#page .term-tree-list .term::before { top:6px;}
	
#latest-news .box:first-child .cover,	#latest-news .box .cover {width: 100% !important;}
	#latest-news .box:first-child .news-card__text-wrapper, 	#latest-news .box .news-card__text-wrapper {width: 100%;}

  .slider-slogan .slogan_text {	  width: 90%;}
	  .slider-slogan .slogan_text p {
		  padding: 40px 10px}
	
	.content_timeline { width: 80% !important}
	.slider {  width: 80% !important;  margin: 0px 10% !important;}
	.history_timeline::after { display: none}
	.history_timeline::before { width: 100%}
	 .history_timeline {    padding: 120px 0 90px 0;  }

.slider-slogan { width:100%} 

	  	.top_area {width: 75% !important;     }
	  #t_135 ,#t_facebook, #t_eclass, #t_ig{    width: 33.3%;  }
.swiper-wrapper { height: 40vh  !important}	


}
@media screen and (max-width: 560px){
	.top_area p { display: none}	
	.top_area ul li a {    padding: 15px;    display: block;    font-size: 13px;		margin: 0;display: inline-block;}
	.top_area ul li span {width: 30px;    height: 30px;    left: 0;    right: 0;}
	#lang ul { margin:0; display: block; text-align: center; }
	#lang ul li + li  , 	#lang ul li { margin:0}
	
.top_area ul li  a:hover{background: none;}
#lang ul li a{
    color: transparent; /* 隱藏文字顏色 */
    text-decoration: none; /* 移除下劃線 */padding:  0;
display: block;
font-size: 0;
margin: 0; height:40px;
display: inline-block;
}
.language-link::before {
    width: 30px;
    height: 30px;
top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
}

}