.region-top-second .sidebar-menu-2-4.js-sidebar {
    top: -96px;
    margin-bottom: -96px;
}
.region-top .inner .breadcrumb {
    margin-bottom: -55px;
}
.region-top-second  .sidebar-menu-2-4.js-sidebar ul.menu.nav-menu{
	display:none;
}
@media(min-width:1280px){
article .inner{
	padding:0;
}	
}

/**************** about *******************************************************/
.aboutpage-index-1{
		background:#FFF;
	padding:60px 0;
}
.aboutpage-index-1 h3,.aboutpage-index-2 h3{
	text-align:center;
	margin-bottom:40px;
}
.aboutpage-index-1 .aboutsection{
	margin-top:30px;
	width:100%;
	min-height: 30vw;
	overflow: hidden;
	position:relative;
}
.aboutpage-index-1 .aboutsection:after{
	content:"";
	position:absolute;
	background:url(../../pic_hd-min.jpeg) no-repeat center right;
	width:70%;
	max-width:calc(100% - 250px);
	height:100%;
	top:0px;
	right:0;
	background-size:cover;
}
.aboutpage-index-1 .aboutsection .detail{
	color:#FFF;
	padding:40px 60px;
	background-color:#0756A6;
  width: 40%;
  min-width: 480px;
  margin-bottom:30px;
  position:relative;
  z-index:1;
	
}
.aboutpage-index-1 .aboutsection p{
	color:#FFF;
	line-height:200%;
  text-align: justify;
	
}
.aboutpage-index-1 .aboutsection .more a{
  font-size: 14px;
  right: auto;
  display: flex;
  align-items: center;
}
.aboutpage-index-1 .aboutsection .more a::before {
  display: inline-block;
  height: 10px;
  padding: 4px;
  content: "";
  margin-right: 10px;
  width: 200px;
  background: url(../../mouse-right.png) no-repeat center right;
    background-size: auto;
  background-size: cover;
}
.aboutpage-index-2{
	padding:60px 0 80px;
	background:url(../../bg-history.jpg) no-repeat center bottom #F2F8FF;
}
.aboutpage-index-2 .about-history{
			    height: 405px;
			    margin: 20px auto;
				overflow: hidden;
				max-width: 1600px;
			}
			@media(min-width:1600px){
.aboutpage-index-2	.about-history{
			    width: 100%;
			}
.aboutpage-index-2	.about-history ul{
			    width: 100%;
			    height: 100%;
			    list-style: none;
			    background-color: black;
			    overflow: hidden;
				display: flex;
				margin: 0;
    padding: 0;
			}
.aboutpage-index-2	.about-history ul li{
			    width: 5%;
			    height: 405px;
			    display: flex;
			    box-sizing: border-box;
			    overflow: hidden;
			    opacity: 1;
			    position: relative;
				z-index: 3;
			}
.aboutpage-index-2 .about-history ul li h4{
	    width: 80px;
	    height: 100%;
	    margin: 0;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background: #555;
	    color: #FFF;
	    border-right: 1px solid rgba(255, 255, 255, 0.3);
	    cursor: pointer;
	    z-index: 2;
	    position: absolute;
	    border-left: 1px solid rgba(255, 255, 255, 0.2);
						}
.aboutpage-index-2 .about-history ul li h4 strong{
			    transform: rotate(90deg);
			    display: inline-block;
			    text-align: left;
				font-size:24px;
			}
.aboutpage-index-2 .about-history ul li.active h4{
			  background: #0756A6;
			}
.aboutpage-index-2 .about-history ul .active{
			    width:30%;
			    height: 405px;
			    opacity: 1;
				overflow: hidden;
			}
.aboutpage-index-2 .about-history ul li p{
			   opacity: 0;
			} 
.aboutpage-index-2 .about-history ul li.active p {
			           height: 100%;
			           line-height: 180%;
			           width: 100%;
			           overflow: hidden;
			           opacity: 1;
			           padding: 30px 30px 30px 120px;
			           margin: 0;
			           color: #FFF;
			           z-index: 1;
			           position: relative;
			}
.aboutpage-index-2 .about-history ul li img{
			    height: 100%;
			    cursor: pointer;
				width: 100%;
				object-fit: cover;
				display: block;
				position: absolute;
				top:0;
				left:0;
				z-index: -1;
				opacity: 0.5;
			}
.aboutpage-index-2	.about-history .about-button{
				display: none;
			}
			}
			@media(max-width:1599px){
.aboutpage-index-2 .about-history ul {
			    display: flex;
			    overflow: visible;
				height: 100%;
				position: relative;
				transition: transform 0.3s ease-out;
				margin:0;
				padding:0;
			}
.aboutpage-index-2 .about-history ul li {
			    flex-shrink: 0; 
			    transition: transform 0.3s ease-out; 
				overflow: hidden;
				opacity: 1;
				position: relative;
				z-index: 3;
				flex: 1 0 auto; 
				 background: #000;
			}
			.aboutpage-index-2 .about-history ul li:before{
				content:"";
				left:0;
				top:0;
				height:100%;
				width:1px;
				background:rgba(255,255,255,0.3);
				position:absolute;
			}
.aboutpage-index-2 .about-history ul li h4{
				padding:30px;
				font-size:30px;
				color:#FFF;
			}
.aboutpage-index-2 .about-history ul li p{
				padding:20px 60px;
				color:#FFF;
				line-height: 200%;
			}
.aboutpage-index-2 .about-history ul li img{
			    height: 100%;
			    cursor: pointer;
				width: 100%;
				object-fit: cover;
				display: block;
				position: absolute;
				top:0;
				left:0;
				z-index: -1;
				opacity: 0.5;
			}
.aboutpage-index-2 .about-history	.about-button{
				position:absolute;
				top:300px;
				z-index: 5;
				display: flex;
				width:100%;	
					justify-content: space-between;
			}
.aboutpage-index-2 .about-history	.about-button span{
				display: inline-block;
				background:#FFF;
				padding:5px 10px;
				cursor: pointer;
			}
.aboutpage-index-2 .about-history .about-prev.disabled,.aboutpage-index-2 .about-history .about-next.disabled {  
    opacity: 0.5; 
    pointer-events: none; 
}
			}
			@media (max-width: 1600px) {
.aboutpage-index-2 .about-history ul li {
			        flex: 1 0 33.33%;
			    }
			}
			@media (min-width: 960px) and (max-width: 1280px) {
.aboutpage-index-2 .about-history ul li {
			        flex: 1 0 50%; 
			    }
			}
			@media (max-width: 960px) {
.aboutpage-index-2 .about-history ul li {
			        flex: 1 0 100%; 
			    }
			}
.aboutpage-index-3{
	padding:60px 0;
}
.aboutpage-index-3 .secs{
	margin:20px;
	background-image:url(../../aboutbg-002.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:30px;
	display:flex;
	overflow: hidden;
	transition:all 0.5s ease;
}
.aboutpage-index-3 .secs:hover{
	transform:scale(1.05);
}
.aboutpage-index-3 .secs a{
	color:#FFF;
	font-size:24px;
	font-weight:600;
}
.aboutpage-index-3 .secs.sec-01{
		background-image:url(../../aboutbg-003.jpg);	
		
}
.aboutpage-index-3 .secs.sec-02{
		background-image:url(../../aboutbg-004.jpg);

}
.aboutpage-index-3 .secs.sec-03{
		background-image:url(../../aboutbg-001.jpg);
}
@media(min-width:1280px){
	.aboutpage-index-3 .secs.sec-01,.aboutpage-index-3 .secs.sec-03{
	margin-top:40px;
	}
	.aboutpage-index-3 .secs{
	min-height: 260px;
  align-items: flex-end;
	}
}
/********** research **********************************************************/
.region-middle-second .researchpage-index-1{
	padding:0;
	position:relative;
}
.region-middle-second .researchpage-index-1 .inner{
	z-index:1;
}
.region-middle-second .researchpage-index-1:before{
	position:absolute;
	top:0;
	left:0;
	background:url(../../banner-04_4.jpg) no-repeat center center; 
	width:100%;
	height:100%;
	background-size:cover;
	opacity:0.2;
	z-index:0;
	content:"";
}
.region-middle-second .researchpage-index-1 .sec-01{
	background-color:#26549B;
	padding:40px 60px;
	color:#FFF;
	height:100%;
}
.region-middle-second .researchpage-index-1 .sec-02{
	padding:60px 40px;
	text-align:center;
}
.region-middle-second .researchpage-index-1 .sec-01 p{
	color:#FFF;
}
.region-middle-second h3{
	margin-bottom:30px;
	font-size: 26px;
    font-weight: bold;
}
.region-middle-second .researchpage-index-2{
	background:#FFF;
	padding:60px 0;
}
.region-middle-second .researchpage-index-2 h3{
	text-align:center;
}
.region-middle-second .researchpage-index-2 .teams{
	padding:20px 0;
	margin:0;
	display:flex;
}
.region-middle-second .researchpage-index-2 .teams li{
	padding:0;
	margin:0;
	list-style:none;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	color:#FFF;
	position:relative;
	    display: flex;
    writing-mode: vertical-lr;
    justify-content: start;
    align-items: center;
    width:14.28%;

    transition:all 0.5s ease ;
}
.region-middle-second .researchpage-index-2 .teams li:nth-child(2n){
	margin-top:30px;
	margin-bottom: -30px;
}
.region-middle-second .researchpage-index-2 .teams li:hover{
	transform:scale(1.05);  
	box-shadow:2px 2px 6px #333;
	z-index:2;
}
.region-middle-second .researchpage-index-2 .teams li a {
    width: 100%;
    height: 100%;
   position:absolute;
   top:0;
   left:0;
}
.region-middle-second .researchpage-index-2 .teams li span{
	display:block;
	margin-top:30px;
	margin-bottom:30px;
	position:relative;
	padding-top:40px;
	word-break: keep-all;
	letter-spacing:3px;
}
.region-middle-second .researchpage-index-2 .teams li span.title{
	font-size:20px;
	font-weight:600;

}
.region-middle-second .researchpage-index-2 .teams li span.more{
	font-size:12px;
}

.region-middle-second .researchpage-index-2 .teams li span:before{
    height: 30px;
    content: "";
    width: 1px;
    background: #FFF;
    display: inline-block;
    position: absolute;
    left: 14px;
    top: 0;
}

.region-middle-second .researchpage-index-2 .teams li:nth-child(1){
background-image:url(../../research-min-02.jpg);
}
.region-middle-second .researchpage-index-2 .teams li:nth-child(2){
background-image:url(../../research-min-03.jpg);
}
.region-middle-second .researchpage-index-2 .teams li:nth-child(3){
background-image:url(../../research-min-01.jpg);
}
.region-middle-second .researchpage-index-2 .teams li:nth-child(4){
background-image:url(../../research-min-04.jpg);
}
.region-middle-second .researchpage-index-2 .teams li:nth-child(5){
background-image:url(../../research-min-05.jpg);
}
.region-middle-second .researchpage-index-2 .teams li:nth-child(6){
background-image:url(../../research-min-06.jpg);
}
.region-middle-second .researchpage-index-2 .teams li:nth-child(7){
background-image:url(../../research-min-07.jpg);
}
.layout-full.region-third {
    padding: 40px;
}
.layout-full.region-third .row{
	display:flex;
	align-items: flex-end;
}
.layout-full.region-third .list-7.inside-b.outside-b.list-7-blue {
    background: #FFF;
    padding: 30px;
    margin-bottom: 0;
}
.layout-full.region-third .list-7 .list-text{
	display:none;
}
.layout-full.region-third .list-7 ul li a .list-left .list-date{
	font-size:22px;
	font-weight:600;
}
.layout-full.region-third .list-7 ul li a .list-left{
	color:#26549B;
	margin-left: 21px;
	position:relative;
}
.layout-full.region-third .list-7 ul li a .list-left:after{
    width: 30px;
    height: 1px;
    border-top: 1px solid #26549B;
    content: "";
    top: 10px;
    right: -50px;
    position: absolute;
}
.layout-full.region-third .list-7 ul li a .list-right h3.list-title{
	font-size:16px;
	line-height:150%;
}
.layout-full.region-third .list-7 ul li a .list-right{
	border-left:0;
}
.layout-full.region-third h2.block-title{
	font-size:22px;
	padding-left:100px;
	margin-bottom:40px;
	border-bottom:0 !important;
}

.block-region-middle-third-left{
	padding:60px 0;
}
.block-region-middle-third-left:before{
	background:url(../../research-01.jpg) no-repeat center center;
	height:100%;
	position:absolute;
	width:calc(100% + 50px);
	right:-50px;
	top:0;
	content:"";
}
.block-region-middle-third-left .block{
	opacity:0;
}
@media(max-width:1024px){
	.region-middle-second .researchpage-index-2 .teams li{
	
	}
}

/*********************** activity *************************/
.block h2.block-title {
    text-align: left;
    color: #26549B;
    margin-bottom: 30px;
    font-size: 26px;
    font-weight: bold;
    border-bottom: 0;
}
.block-region-right{
	padding: 30px 6%;
    background: url(../../contents-bg.png) no-repeat bottom center #FFF;
    background-size: 100%;
    margin-top: -10px;
    margin-bottom: 20px;
}

.eventblock ul{
	padding:0;
	margin:0;
	display:flex;
	flex-wrap:wrap;
}
.eventitems {
    list-style:none;
    margin-bottom: 20px;
}
.eventitems:hover {
    background:#26549B;
}
.eventitems .eventposter{
	margin-top:10px;
}
.eventitems .articleinfo {
    padding: 10px 15px;
}
.eventitems h3{
	padding:10px 0;
	font-weight:600;
	line-height:150%;
}
.eventitems p {
    margin: 0;
    text-align: left;
    font-weight: 400;
    line-height: 150%;
    overflow: hidden;
    margin-bottom: 5px;
    position: relative;
    padding: 5px 5px 5px 30px;
}
.eventitems p:before{
	    color: #FFF;
}

.eventitems .location:before, .eventitems .date:before, .eventitems .speaker:before {
display: inline-block;
    font-family: "iconfont";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    padding-right: 5px;
    position: absolute;
    left: 0;
    top: 4px;
    background: #26549B;
    padding: 5px;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    line-height: 130%;
    text-align: center;
}
.eventitems .location:before{
    content: "\e6ca";
}
.eventitems .date:before {
    content: "\e606";
}
.eventitems .speaker:before{
    content: "\e673";
}
.eventitems:hover h3,.eventitems:hover h3 a{
  color:#FFF ;
}
.eventitems:hover p,.eventitems:hover p:before{
  color:rgba(255,255,255,0.8) ;
}
.eventitems:hover p:before{
  color:#26549B ;
  background:#FFF;
}
/***************** rcpy **************/
.rcpyblock{
	background: url(../../contents-bg.png) no-repeat bottom center;
    background-size: 100%;
    padding-bottom:60px;
}
.rcpypage {
    margin: 40px 0 0;
    display: flex;
    background-color:#26549b;
    height:400px;
    color:#FFF;
}
.rcpypage .pagetext{
	padding:50px 55px;
	width:380px;
}
.rcpypage .pagetext h3{
	margin-bottom:25px;
	font-weight:600;
	font-size:26px;
}
.rcpypage:before{
	width:calc(100% - 380px);
	height:100%;
	display:inline-block;
	background-image:url(../../rcpy-min.jpg);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:cover;
	content:"";
}
.rcpypage .pagetext a{
	color:rgba(255,255,255,0.8);
}
.rcpypage .pagetext a:hover{
	color:rgba(255,255,255,1);
}
.rcpy-index02{
	flex-direction: row-reverse;
}
.rcpy-index02:before{
		background-image:url(../../rcpy-min-3.jpg);
		background-position:left center;
}
.page-index-link{
	padding:40px 0;
}
.page-index-link  .page-link{
	padding:30px 10%;	
	background-color:#DDEEFF;	
	display: flex;
  align-items: center;
  font-size:26px !important;
  font-weight:600;
  justify-content: space-between;
}
.page-index-link  .page-link a.morebt{
	width:140px;
	display: flex;
  align-items: center;
  font-size:16px !important;
  font-weight:400;
  word-break: keep-all;
}
.page-index-link  .page-link a.morebt:before {
    display: inline-block;
    height: 10px;
    padding: 4px;
    content: "";
    margin-right: 10px;
    width: 100px;
    background: url(../../mouse-right.png) no-repeat center right;
    background-size: cover;
}
.page-index-link .row .col-lg-4:nth-child(2) .page-link{
	background-color:#DEF4FF;
}
.page-index-link .row .col-lg-4:nth-child(3) .page-link{
	background-color:#E4EBF2;
}

/********************** faculty page ****************************************/
.facultypage-index-1{
	padding:40px 0;
}
.facultypage-index-1 h3{
	text-align:center;
}
.facultypage-index-1 p{
	max-width:1200px;
	padding:30px 0;
	margin:0 auto;
}
.facultypage-index-2{
	padding:50px 0;
	background:url(../../facultybg.jpg) no-repeat center center;
	background-size:cover;
}
.facultypage-index-2 .facultypage-table{
	width:100%;
	max-width:1120px;
	margin:0 auto;
	color:#FFF;
	font-size:16px;
	background: none;
}
.facultypage-index-2 .facultypage-table  tr {
    background-color: rgba(38,84,155,0.8);
}
.facultypage-index-2 .facultypage-table  tr:nth-child(even) {
    background-color: rgba(49,123,237,0.8);
}
.facultypage-index-2 .facultypage-table td{
	padding:20px 30px;
}
.facultylinkbutton{
	padding:20px 0;
}
.facultylinkbutton a{
    display: flex;
    margin: 30px 20px;
    text-align: center;
    padding: 30px;
    color: #FFF;
    font-weight: 600;
    background: #26549B;
    transition: all 0.5s ease;
    position: relative;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
}
.facultylinkbutton a:hover{
		background:#317BED;
		margin:10px 20px 50px 20px;
}
.facultylinkbutton a:before{
	content:"";
	display:inline-block;
	margin-bottom:15px;
	height:40px;
	width:40px;
	background-repeat:no-repeat;
	background-size:cover;
}
.facultylinkbutton a.alink1:before{
	background-image:url(../../f-01-icon.png);
}
.facultylinkbutton a.alink2:before{
	background-image:url(../../f-02-icon.png);
}
.facultylinkbutton a.alink3:before{
	background-image:url(../../f-03-icon.png);
}
.facultylinkbutton a.alink4:before{
	background-image:url(../../f-04-icon.png);
}