/* */
/* Based on: https://ai.stanford.edu/~syyeung/ retrieved in Dec. 2020. */
/* */

/* body */
body {
  /* font-family: 'Roboto', sans-serif; */
  font-family: 'San Francisco', Helvetica, Arial, san-serif;
  font-size: 18px;
  font-weight: 300;
  color: #555;
  /* text-align:justify; */

}

/* head */
#header {
  max-width: 1170px;
  width: 100%;
  height: 300px;
  font-weight: 300;

  color: white;
  margin: 0 auto;
  margin-bottom: 80px;
}

/* hr line*/
hr {
  border-top: 1px solid #CCC;
  padding: 0px;
  color: lightgray;
}

/*background photo*/
.bg {
  background-image: url('../images/jbnu_bg.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
}

#header-inner {
  padding-top: 100px;
  padding-left: 50px;
}
.img-me {
  border: 7px solid white;
  float: left;
  width: 190px;
}
.header-text {
  margin-top: 80px;
  margin-left: 250px;
}
.header-text-name {
  font-weight: bold;
  font-size: 40px;
  font-style: italic;
}
.header-text-email {
  font-size: 20px;
  font-style: italic;
}
.header-text-desc {
  font-size: 20px;
}


/*Link*/
#link {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#link li {
    float: right;
}
#link li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
#link li a:hover {
    background-color: #111;
}


/*contact info*/
#contact-info {
  position: absolute;
  left: 80%;
  width: 20%;
  top: 360px;
  height: 100px;
  background-color: #EEE;
}

.vspace {
  margin-bottom: 20px;
}
.vspace-top {
  margin-top: 30px;
}
.vspace-top-small {
  margin-top: 20px;
}
.vspace-top-small{
  padding: 0px 15px 0px 15px;
}

.section {
  margin-bottom: 20px;
}
.paper-image {
  width: 100%;
  padding-bottom: 20px;
}
.logo-image {
  height: 40px;
  max-width: 100%;
  vertical-align: middle;
  margin-bottom: 10px;
}
.logo-div {
  margin-bottom: 20px;
}
.paper-title {
  font-weight: bold;
}
.paper-authors {
  /* font-style: italic; */
}
.paper-venue {
  font-style: italic;
}
.paper-link {
  font-style: italic;
}

.section-light {
  background-color: #EEE;
}

.container {
  margin-bottom: 50px;

}

.about {
  margin-bottom: 10px;
}


.news-title{
  /*color: #d9534f;*/
  color: rgb(217,83,79);
}

/*add by frank*/
.news-new{
  /*color: #D10C15;*/
  /*color: rgb(232, 23, 33);*/
  color: rgb(217,83,79);
  font-weight:bold;
}

.education-body{
  margin-left: 90px;
}
.photography-body{
  margin-left: 90px;
}


.work-body{
  margin-left: 90px;
}


.subhead-title{
  margin-top: 20px
}


.footer{
  font-size: 12px;
  font: Open Sans;
  color: lightgray;
}