pu
.color-theme-l5 {color:#000 !important; background-color:#eef4fa !important}
.color-theme-l4 {color:#000 !important; background-color:#c7daed !important}
.color-theme-l3 {color:#000 !important; background-color:#8fb6dc !important}
.color-theme-l2 {color:#fff !important; background-color:#5891ca !important}
.color-theme-l1 {color:#fff !important; background-color:#346ca4 !important}
.color-theme-d1 {color:#fff !important; background-color:#1f4062 !important}
.color-theme-d2 {color:#fff !important; background-color:#1b3957 !important}
.color-theme-d3 {color:#fff !important; background-color:#18324c !important}
.color-theme-d4 {color:#fff !important; background-color:#152b41 !important}
.color-theme-d5 {color:#fff !important; background-color:#112436 !important}

.color-theme-light {color:#000 !important; background-color:#eef4fa !important}
.color-theme-dark {color:#fff !important; background-color:#112436 !important}
.color-theme-action {color:#fff !important; background-color:#112436 !important}

.color-theme {color:#fff !important; background-color:#22476d !important}
.color-text-theme {color:#22476d !important}
.color-border-theme {border-color:#22476d !important}

.color-hover-theme:hover {color:#fff !important; background-color:#22476d !important}
.color-hover-text-theme:hover {color:#22476d !important}
.color-hover-border-theme:hover {border-color:#22476d !important}

button:hover {Color:#eef4fa !important; background-color: #000 !important}

body{
    --text-xs: 1rem;
    --text-s: 1.2rem;
    --text-m: 1.6rem;
    --text-l: 1.9rem;
    --text-xl: 2.2rem;
    --text-xxl: 2.6rem;
    --text-xxxl: 3rem;
    font-family: Rubik,Lato,"Lucida Grande","Lucida Sans Unicode",Tahoma,Sans-Serif;
}

@media screen and (min-width: 992px) {
    html{
        font-size: 1.1vw !important;
    }
}

html {
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5 {
	margin-bottom: 0.5rem;
	margin-top: 1rem;
}

h1 {
    font-size: var(--text-xxxl) !important;
}
h2 {
    font-size: var(--text-xxl) !important;
}
h3 {
    font-size: var(--text-xl) !important;
}
h4 {
    font-size: var(--text-l) !important;
}
h5 {
    font-size: var(--text-m) !important;
}
p {
	margin-bottom: 0;
    font-size: var(--text-xs) !important;
}

a {
    text-decoration: underline;
}

.nav-bar a{	
	text-decoration: none;
}

small {
	
}


* {
    -ms-overflow-style: none;  /* IE 10+*/
    overflow: -moz-scrollbars-none;  /* Firefox*/
}
*::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}


body {
	margin: 0;
	padding: 0;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	background: #fff;

}

header, footer {
	text-align: center;
}

header {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flag-counter {
    width: 2rem;
    height: 2rem;
    overflow: hidden;    
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}

.baidu-counter {
    width: 2rem;
    height: 2rem;
    overflow: hidden;    
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}

.nav-bar {
	position: sticky;
	top: 0;
	width: 100%;
	height: 4rem;
	display: inline-flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0;
}

.logo {
	margin-right: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	width: 4rem;
	height: 4rem;
	padding: 0.2rem;
}

.menu {
	display: inline-flex;
}
    .menu .btn-element {
         padding: 0;
         font-size: 1.2rem;
         height: 4rem;
         min-width: 7rem;
         background: transparent;
         border: none;
         border-bottom: transparent solid 0.2rem;
         transition: easy-in-out;
     }
    .menu .btn-element:hover{
        border-bottom: #0896fe solid 0.2rem;
    }

    .menu .btn-element:focus{
        outline: none;
    }

.menu-icon{
    display: none;
    width: 3rem;
    height: 3rem;
    border-radius: 0.2rem;
    position: fixed;
    top: 0.5rem;
    right: 0;

}
    .menu-icon i{
        width: 2rem;
        height: 2rem;
        font-size: 2.3rem;
        line-height: 1.1em;
    }

    .menu-icon:hover .sub-menu, .menu-icon:focus-within .sub-menu{
        visibility: visible;
        opacity: 1;
        display: flex
    }
    .sub-menu, .sub-menu:hover {
        visibility: visible;
        opacity: 1;
        display: flex
    }

    .sub-menu {
        flex-direction: column;
        align-items: flex-end;
        position: absolute;
        right: 0;
        width: auto;
        margin-top: 1em;
        visibility: hidden;
        display: none;
        opacity: 0;
        padding: 0;
    }
    .menu-item {
        margin: .1em 0;
        padding: 1em;
        width: 10em;
        text-align: center;
        z-index: 2;
        display: initial;
    }
    .sub-menu a {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }

    .sub-menu a:focus {
         outline: none
    }


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

    .menu{
        display: none;
    }
    .menu-icon {
        display: block;
    }
}

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

    .menu{
        display: none;
    }

    .menu-icon {
        display: block;
    }
}

.main-container {
    display: block;
    scroll-behavior: smooth;
    width: 100%;
}

.content-row {
	width: 100%;
	padding: 6rem 1rem;
	text-align: center;
}

.introduction {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
    .brief-intro{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .brief-intro img {
        width: 14rem;
        height: 14rem;
        margin: 1rem;
    }


.detailed-intro{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}

    .detailed-intro .resume img{
        width: 5rem;
        height: 5rem;
    }

.others div{
	padding: 1rem;
}

.publication {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

	h3 {
		width: 100%;
		font-size: 3rem;
	}

	.paper {
		width: 100%;
		height: 20rem;
		padding: 0;
		margin-bottom: 1rem;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.75);
        background-size: cover !important;
	}

    .paper .overlay{
        background: rgba(0,0,0,0.75);
    }

    .overlay:hover{
        background: rgba(0,0,0,0.99);
    }

    .paper .content {
        display: flex;
        flex-direction: column;
        justify-content: center;

		min-height: 15rem;
        height: 100%;
        width: 100%;
        padding: 0 2rem;

        flex: 3;
		overflow-y: scroll;
    }

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

	    .paper .content {
	    	flex: 3; 	
		    padding: 0 1rem;
	    }
    }

	.paper .image {
		height: 20rem;		
		flex: 2;
	}

    
@media screen and (max-width: 992px) {
    .paper:nth-last-child(1) {
        background: rgba(0,0,0,0.95) url("../fig/pub1.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(2) {
        background: rgba(0,0,0,0.95) url("../fig/pub2.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(3) {
        background: rgba(0,0,0,0.95) url("../fig/pub3.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(4) {
        background: rgba(0,0,0,0.95) url("../fig/pub4.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(5) {
        background: rgba(0,0,0,0.95) url("../fig/pub5.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(6) {
        background: rgba(0,0,0,0.95) url("../fig/pub6.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(7) {
        background: rgba(0,0,0,0.95) url("../fig/pub7.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(8) {
        background: rgba(0,0,0,0.95) url("../fig/pub8.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(9) {
        background: rgba(0,0,0,0.95) url("../fig/pub9.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(10) {
        background: rgba(0,0,0,0.95) url("../fig/pub10.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(11) {
        background: rgba(0,0,0,0.95) url("../fig/pub11.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(12) {
        background: rgba(0,0,0,0.95) url("../fig/pub12.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(13) {
        background: rgba(0,0,0,0.95) url("../fig/pub13.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(14) {
        background: rgba(0,0,0,0.95) url("../fig/pub14.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(15) {
        background: rgba(0,0,0,0.95) url("../fig/pub15.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(16) {
        background: rgba(0,0,0,0.95) url("../fig/pub16.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(17) {
        background: rgba(0,0,0,0.95) url("../fig/pub17.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(18) {
        background: rgba(0,0,0,0.95) url("../fig/pub18.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(19) {
        background: rgba(0,0,0,0.95) url("../fig/pub19.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(20) {
        background: rgba(0,0,0,0.95) url("../fig/pub20.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(21) {
        background: rgba(0,0,0,0.95) url("../fig/pub21.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(22) {
        background: rgba(0,0,0,0.95) url("../fig/pub22.png") center no-repeat;
    	background-size: cover;
    }	
    .paper:nth-last-child(23) {
        background: rgba(0,0,0,0.95) url("../fig/pub23.jpg") center no-repeat;
    	background-size: cover;
    }	
    .paper:nth-last-child(24) {
        background: rgba(0,0,0,0.95) url("../fig/pub24.jpg") center no-repeat;
    	background-size: cover;
    }	
    .paper:nth-last-child(25) {
        background: rgba(0,0,0,0.95) url("../fig/pub25.jpg") center no-repeat;
    	background-size: cover;
    }	
    .paper:nth-last-child(26) {
        background: rgba(0,0,0,0.95) url("../fig/pub26.jpg") center no-repeat;
    	background-size: cover;
    }	
    .paper:nth-last-child(27) {
        background: rgba(0,0,0,0.95) url("../fig/pub27.jpg") center no-repeat;
    	background-size: cover;
    }	
    .paper:nth-last-child(28) {
        background: rgba(0,0,0,0.95) url("../fig/pub28.jpg") center no-repeat;
    	background-size: cover;
    }	
    .paper:nth-last-child(29) {
        background: rgba(0,0,0,0.95) url("../fig/pub29.jpg") center no-repeat;
    	background-size: cover;
    }	
    .paper:nth-last-child(30) {
        background: rgba(0,0,0,0.95) url("../fig/pub30.jpg") center no-repeat;
    	background-size: cover;
    }	
    .paper:nth-last-child(31) {
        background: rgba(0,0,0,0.95) url("../fig/pub31.jpg") center no-repeat;
    	background-size: cover;
    }	
    .paper:nth-last-child(32) {
        background: rgba(0,0,0,0.95) url("../fig/pub32.jpg") center no-repeat;
    	background-size: cover;
    }	
    .paper:nth-last-child(33) {
        background: rgba(0,0,0,0.95) url("../fig/pub33_new.jpg") center no-repeat;
    	background-size: cover;
    }	
    .paper:nth-last-child(34) {
        background: rgba(0,0,0,0.95) url("../fig/pub34.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(35) {
        background: rgba(0,0,0,0.95) url("../fig/pub35.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(36) {
        background: rgba(0,0,0,0.95) url("../fig/pub36.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(37) {
        background: rgba(0,0,0,0.95) url("../fig/pub37.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(38) {
        background: rgba(0,0,0,0.95) url("../fig/pub38.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(39) {
        background: rgba(0,0,0,0.95) url("../fig/pub39.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(40) {
        background: rgba(0,0,0,0.95) url("../fig/pub40.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(41) {
        background: rgba(0,0,0,0.95) url("../fig/pub41.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(42) {
        background: rgba(0,0,0,0.95) url("../fig/pub42.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(43) {
        background: rgba(0,0,0,0.95) url("../fig/pub43.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(44) {
        background: rgba(0,0,0,0.95) url("../fig/pub44.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(45) {
        background: rgba(0,0,0,0.95) url("../fig/pub45.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(46) {
        background: rgba(0,0,0,0.95) url("../fig/pub46.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(47) {
        background: rgba(0,0,0,0.95) url("../fig/pub47.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(48) {
        background: rgba(0,0,0,0.95) url("../fig/pub48.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(49) {
        background: rgba(0,0,0,0.95) url("../fig/pub49.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(50) {
        background: rgba(0,0,0,0.95) url("../fig/pub50.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(51) {
        background: rgba(0,0,0,0.95) url("../fig/pub51.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(52) {
        background: rgba(0,0,0,0.95) url("../fig/pub52.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(53) {
        background: rgba(0,0,0,0.95) url("../fig/pub53.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(54) {
        background: rgba(0,0,0,0.95) url("../fig/pub54.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(55) {
        background: rgba(0,0,0,0.95) url("../fig/pub55.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(56) {
        background: rgba(0,0,0,0.95) url("../fig/pub56.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(57) {
        background: rgba(0,0,0,0.95) url("../fig/pub57.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(58) {
        background: rgba(0,0,0,0.95) url("../fig/pub58.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(59) {
        background: rgba(0,0,0,0.95) url("../fig/pub59.jpg") center no-repeat;
    	background-size: cover;
    }

	.paper:nth-last-child(60) {
        background: rgba(0,0,0,0.95) url("../fig/pub60.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(61) {
        background: rgba(0,0,0,0.95) url("../fig/pub61.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(62) {
        background: rgba(0,0,0,0.95) url("../fig/pub62.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(63) {
        background: rgba(0,0,0,0.95) url("../fig/pub63.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(64) {
        background: rgba(0,0,0,0.95) url("../fig/pub64.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(65) {
        background: rgba(0,0,0,0.95) url("../fig/pub65.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(66) {
        background: rgba(0,0,0,0.95) url("../fig/pub66.gif") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(67) {
        background: rgba(0,0,0,0.95) url("../fig/pub67.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(68) {
        background: rgba(0,0,0,0.95) url("../fig/pub68.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(69) {
        background: rgba(0,0,0,0.95) url("../fig/pub69.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(70) {
        background: rgba(0,0,0,0.95) url("../fig/pub70.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(71) {
        background: rgba(0,0,0,0.95) url("../fig/pub71.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(72) {
        background: rgba(0,0,0,0.95) url("../fig/pub72.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(73) {
        background: rgba(0,0,0,0.95) url("../fig/pub73.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(74) {
        background: rgba(0,0,0,0.95) url("../fig/pub74.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(75) {
        background: rgba(0,0,0,0.95) url("../fig/pub75.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(76) {
        background: rgba(0,0,0,0.95) url("../fig/pub76.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(77) {
        background: rgba(0,0,0,0.95) url("../fig/pub77.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(78) {
        background: rgba(0,0,0,0.95) url("../fig/pub78.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(79) {
        background: rgba(0,0,0,0.95) url("../fig/pub79.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(80) {
        background: rgba(0,0,0,0.95) url("../fig/pub80.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(81) {
        background: rgba(0,0,0,0.95) url("../fig/pub81.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(82) {
        background: rgba(0,0,0,0.95) url("../fig/pub82.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(83) {
        background: rgba(0,0,0,0.95) url("../fig/pub83.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(84) {
        background: rgba(0,0,0,0.95) url("../fig/pub84.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(85) {
        background: rgba(0,0,0,0.95) url("../fig/pub85.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(86) {
        background: rgba(0,0,0,0.95) url("../fig/pub86.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(87) {
        background: rgba(0,0,0,0.95) url("../fig/pub87.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(88) {
        background: rgba(0,0,0,0.95) url("../fig/pub88.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(89) {
        background: rgba(0,0,0,0.95) url("../fig/pub89.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(90) {
        background: rgba(0,0,0,0.95) url("../fig/pub90.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(91) {
        background: rgba(0,0,0,0.95) url("../fig/pub91.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(92) {
        background: rgba(0,0,0,0.95) url("../fig/pub92.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(93) {
        background: rgba(0,0,0,0.95) url("../fig/pub93.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(94) {
        background: rgba(0,0,0,0.95) url("../fig/pub94.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(95) {
        background: rgba(0,0,0,0.95) url("../fig/pub95.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(96) {
        background: rgba(0,0,0,0.95) url("../fig/pub96.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(97) {
        background: rgba(0,0,0,0.95) url("../fig/pub97.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(98) {
        background: rgba(0,0,0,0.95) url("../fig/pub98.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(99) {
        background: rgba(0,0,0,0.95) url("../fig/pub99.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(100) {
        background: rgba(0,0,0,0.95) url("../fig/pub100.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(101) {
        background: rgba(0,0,0,0.95) url("../fig/pub101.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(102) {
        background: rgba(0,0,0,0.95) url("../fig/pub102.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(103) {
        background: rgba(0,0,0,0.95) url("../fig/pub103.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(104) {
        background: rgba(0,0,0,0.95) url("../fig/pub104.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(105) {
        background: rgba(0,0,0,0.95) url("../fig/pub105.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(106) {
        background: rgba(0,0,0,0.95) url("../fig/pub106.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(107) {
        background: rgba(0,0,0,0.95) url("../fig/pub107.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(108) {
        background: rgba(0,0,0,0.95) url("../fig/pub108.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(109) {
        background: rgba(0,0,0,0.95) url("../fig/pub109.jpg") center no-repeat;
    	background-size: cover;
    }
	.paper:nth-last-child(100) {
        background: rgba(0,0,0,0.95) url("../fig/pub110.jpg") center no-repeat;
    	background-size: cover;
    }
}

    .paper:nth-last-child(1) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub1.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(2) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub2.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(3) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub3.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(4) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub4.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(5) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub5.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(6) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub6.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(7) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub7.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(8) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub8.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(9) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub9.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(10) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub10.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(11) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub11.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(12) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub12.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(13) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub13.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(14) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub14.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(15) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub15.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(16) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub16.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(17) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub17.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(18) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub18.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(19) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub19.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(20) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub20.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(21) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub21.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(22) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub22.png") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(23) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub23.jpg") center no-repeat;
    	background-size: cover;
    }    
    .paper:nth-last-child(24) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub24.jpg") center no-repeat;
    	background-size: cover;
    }    
    .paper:nth-last-child(25) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub25.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(26) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub26.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(27) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub27.jpg") center no-repeat;
    	background-size: cover;
    }    
    .paper:nth-last-child(28) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub28.jpg") center no-repeat;
    	background-size: cover;
    }    
    .paper:nth-last-child(29) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub29.jpg") center no-repeat;
    	background-size: cover;
    }    
    .paper:nth-last-child(30) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub30.jpg") center no-repeat;
    	background-size: cover;
    }    
    .paper:nth-last-child(31) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub31.jpg") center no-repeat;
    	background-size: cover;
    }    
    .paper:nth-last-child(32) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub32.jpg") center no-repeat;
    	background-size: cover;
    }    
    .paper:nth-last-child(33) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub33_new.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(34) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub34.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(35) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub35.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(36) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub36.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(37) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub37.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(38) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub38.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(39) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub39.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(40) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub40.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(41) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub41.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(42) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub42.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(43) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub43.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(44) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub44.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(45) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub45.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(46) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub46.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(47) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub47.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(48) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub48.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(49) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub49.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(50) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub50.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(51) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub51.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(52) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub52.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(53) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub53.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(54) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub54.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(55) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub55.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(56) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub56.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(57) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub57.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(58) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub58.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(59) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub59.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(60) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub60.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(61) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub61.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(62) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub62.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(63) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub63.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(64) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub64.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(65) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub65.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(66) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub66.gif") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(67) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub67.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(68) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub68.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(69) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub69.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(70) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub70.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(71) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub71.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(72) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub72.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(73) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub73.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(74) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub74.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(75) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub75.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(76) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub76.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(77) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub77.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(78) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub78.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(79) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub79.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(80) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub80.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(81) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub81.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(82) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub82.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(83) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub83.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(84) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub84.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(85) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub85.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(86) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub86.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(87) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub87.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(88) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub88.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(89) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub89.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(90) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub90.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(91) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub91.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(92) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub92.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(93) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub93.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(94) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub94.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(95) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub95.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(96) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub96.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(97) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub97.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(98) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub98.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(99) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub99.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(100) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub100.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(101) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub101.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(102) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub102.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(103) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub103.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(104) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub104.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(105) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub105.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(106) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub106.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(107) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub107.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(108) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub108.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(109) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub109.jpg") center no-repeat;
    	background-size: cover;
    }
    .paper:nth-last-child(110) .image{
        background: rgba(0,0,0,0.95) url("../fig/pub110.jpg") center no-repeat;
    	background-size: cover;
    }
    @media screen and (max-width: 992px) {
    	.paper .image{
    		background: transparent !important;
    	}
    }


.student-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	height: 100%;
}

	.student-container .student{
		width: 20%;
		height: 100%;
		padding: 1rem;		
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.student-container .student img{
		width: 12rem;
		height: 12rem;
		border-radius: 1rem;
		margin: 0.5rem;
		border: #eee 0.5rem solid;
	}

	@media screen and (max-width: 992px) {
		.student-container .student{
			width: 45%;	
		}

		.student-container .student img{
			width: 12rem;
			height: 12rem;
			border-radius: 1rem;
			border: #eee 0.3rem solid;
		}
	}

	@media screen and (max-width: 600px) {
		.student-container .student{
			width: 100%;	
		}
	}