.people_frame {
  display:inline-block;
  width: 235px;
  margin: 2% 2% 2% 2%;
}
h2.news_font {
    font-weight: bold;
    font-size: 1.1em;
    color: black;
    margin: 0.0em 0em 0.5em 0em;
}
* {
	box-sizing: border-box; -webkit-box-sizing: border-box;
}
::after {
	box-sizing: border-box; -webkit-box-sizing: border-box;
}
::before {
	box-sizing: border-box; -webkit-box-sizing: border-box;
}
header {
	display: block;
}
nav {
	display: block;
}
p {
	margin: 0px 0px 20px;
}
a {
	color: rgb(0, 0, 0); text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects;
}
a:active {
	color: rgb(0, 0, 0); text-decoration: underline; outline-width: 0px;
}
a:hover {
	color: rgb(0, 0, 0); text-decoration: underline; outline-width: 0px;
}
h3 {
	margin: 0px; font-family: sans-serif;
}
.fs-3 {
	line-height: 1.75rem; font-size: 1.37rem;
}
h3 {
	line-height: 1.75rem; font-size: 1.37rem;
}
.strong {
	font-weight: 700;
}
b {
	font-weight: 700;
}
strong {
	font-weight: 700;
}
figure {
	margin: 1em 40px;
}
.hr {
	background: rgb(238, 238, 238); border: 0px currentColor; border-image: none; height: 1px; margin-top: 20px; margin-bottom: 20px; box-sizing: content-box; -webkit-box-sizing: content-box;
}
hr {
	background: rgb(238, 238, 238); border: 0px currentColor; border-image: none; height: 1px; margin-top: 20px; margin-bottom: 20px; box-sizing: content-box; -webkit-box-sizing: content-box;
}
ol {
	margin: 20px 0px; padding: 0px 0px 0px 40px;
}
ul {
	margin: 20px 0px; padding: 0px 0px 0px 40px;
}
.clear::after {
	display: table; content: " ";
}
.clear::before {
	display: table; content: " ";
}
.clear::after {
	clear: both;
}
.row::after {
	display: table; content: "";
}
.row::before {
	display: table; content: "";
}
.row::after {
	clear: both;
}
.row {
	margin-right: -15px; margin-left: -15px; position: relative;
}
@media only screen and (min-width:1140px)
{
.container {
	width: 1200px;
}
.container-full-xl {
	padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;
}
.container-xl {
	padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;
}
.container-xl {
	width: 1200px;
}
.container-full-xl {
	width: auto;
}
}
.col-12 {
	padding-right: 15px; padding-left: 15px; float: left; position: relative;
}
@media only screen and (min-width:740px)
{
.col-12-m {
	padding-right: 15px; padding-left: 15px; float: left; position: relative;
}
.col-3-5-m {
	padding-right: 25px; padding-left: 25px; float: left; position: relative;
}
.col-3-m {
	padding-right: 15px; padding-left: 15px; float: left; position: relative;
}
.col-9-m {
	padding-right: 15px; padding-left: 15px; float: left; position: relative;
}
.col-3-m {
	width: 25%;
}
.col-9-m {
	width: 75%;
}
.col-12-m {
	width: 100%;
}
.col-3-5-m {
	width: 25%;
}
}

body {
		margin: 0;
		background: rgb(245, 245, 245);
		color: rgb(0, 0, 0);
		line-height: 1.5rem;
		font-family: sans-serif;
		font-size: 1rem;
		font-weight: 400;
		font-family: Arial, Helvetica, sans-serif;
}
.top-container {
		background-color: #f1f1f1;
		padding: 30px;
		text-align: center;
}
.header {
		padding: 10px 16px;
		background: rgb(245, 245, 245);
		line-height: 60px;
		color: #f1f1f1;
		position: relative; z-index: 99; box-shadow: 0px 1px 2px rgba(0,0,0,0.08);
}
.header .logo img {
	height: 50px; margin-top: 8px;
	display: block;
}
.header .nav {
	text-align: right;
}
.header .nav a {
	margin: 0px 8px; padding: 0px 10px; font-weight: 700; text-decoration: none; display: inline-block; position: relative;
}
.header .nav a::after {
	background: rgb(78, 170, 222); left: 0px; width: 100%; height: 3px; bottom: 0px; position: absolute; content: ""; opacity: 0;
}
.header .nav a.current {
	color: rgb(78, 170, 222);
}
.header .nav a.current::after {
	opacity: 1;
}
.header .input_wrap {
	background: rgb(238, 238, 238); padding: 10px; border-radius: 20px; height: 20px; margin-top: 10px; display: block; position: relative; box-sizing: content-box;
}
.header .input_wrap input {
	background: 0px; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 100%; height: 20px; line-height: 20px; font-size: 14px; display: block;
}
.header .input_wrap button {
	background: 0px; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; top: 0px; width: 40px; height: 40px; right: 0px; line-height: 40px; font-size: 20px; position: absolute;
}
@media only screen and (max-width:960px)
{
.header .nav a {
	margin: 0px 6px; padding: 0px 5px; font-size: 14px;
}
}
@media only screen and (max-width:740px)
{
.header .input_wrap {
	margin-bottom: 10px;
}
.header .nav {
	text-align: center;
}
.header .logo img {
	margin: 0px auto;
}
}
.content {
		padding: 16px;
}
.post-head .container-xl {
	overflow: hidden; position: relative;
}
.search_intro .container-xl {
	position: relative;
}
.lim-tw {
	margin: 0px auto; text-align: center; overflow: hidden;
}
.text_block {
  margin:0.5em 10% -2% 10%;
  padding: 0em 0em 0em 0em;
  box-shadow: 0 0 0px #777;
  background: rgb(245, 245, 245);
}
.white-box {
	background: rgb(245, 245, 245); padding: 15px;
}
.container-xl {
	padding: 0px 0px;
}
.sticky {
		position: fixed;
		top: 0;
		width: 100%;
}
.sticky + .content {
		padding-top: 0px;
}

pre code {
  background-color: #f8f8f8;
  padding: 10px;
  border-radius: 5px;
  display: block;
  font-family: monospace;
  white-space: pre-wrap;
  word-break: break-word;
}

.bibtex-button {
  background-color: white;
  border: 1px solid #ccc;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
}
.bibtex-button:hover {
  background-color: #f0f0f0;
}

.bibtex-block {
  font-size: 12px;
  font-family: monospace;
  background-color: #f8f8f8;
  padding: 6px 10px;
  border-radius: 4px;
  margin: 6px 0;       /* reduce vertical margin */
  line-height: 1.4;     /* tighter line spacing */
}

.bibtex-block pre,
.bibtex-block code {
  margin: 0;
  padding: 0;
}