@charset "UTF-8";

.flex-container{
  /* safari */
  display              : -webkit-flex;
  -webkit-flex-flow    : row wrap;
  -webkit-align-content: stretch;
  /* others */
  display      : flex;
  flex-flow    : row wrap;
  align-content: stretch;
}

.article-item{
  z-index: 2;
}

.membox{
  width             : 210px; /* img.width + (border.width + padding)*2 */
  text-align        : center;
  vertical-align    : top;
  padding           : 2px 2px 10px;
  border            : 3px solid #0066CC;
  box-shadow        : inset 0px 0px 8px 5px rgba(0,0,0,0.7);
  -moz-box-shadow   : inset 0px 0px 8px 5px rgba(0,0,0,0.7);
  -webkit-box-shadow: inset 0px 0px 8px 5px rgba(0,0,0,0.7);
  margin            : 0 15px 15px;
}
.membox hr{
  border    : none;
  border-top: 1px dashed #FFD700;
  margin    : 0px 12px;
}
.membox img{
  display : block;
  width   : 200px;
  height  : 200px;
  border  : 1px solid #FFD700;
  position: relative;
  z-index : 1;
}
.membox p{
  width     : 200px; /* same as img.width */
  text-align: center;
  /* no_hyphens */
  hyphens        : none;
  -moz-hyphens   : none;
  -webkit-hyphens: none;
  -ms-hyphens    : none;
}
.affiliation{
  width        : 200px; /* same as img.width */
  text-align   : center;
  margin-top   : 0;
  margin-bottom: 15px;
  /* no_hyphens */
  hyphens        : none;
  -moz-hyphens   : none;
  -webkit-hyphens: none;
  -ms-hyphens    : none;
}

.past{
  margin   : 0 8% 45px;
  font-size: large;
}
@media screen and (max-width:720px){
  .past{margin-bottom:100px;}
}

.footCaption{
  display         : block;
  width           : 68%;
  font-size       : 1.4rem;
  line-height     : 1.4;
  text-align      : center;
  background-color: rgba(0,32,64,0.8);
  border          : none;
  padding         : 10px;
  position        : fixed;
  z-index         : 2;
  margin-left     : 8.5%;
  margin-right    : 8.5%;
  bottom          : 0;
}
@media screen and (max-width:1023px), screen and (min-width:1024px) and (orientation:portrait){
  .footCaption{
    width       : 100%;
    margin-left : 0;
    margin-right: 0;
  }
}

hr.art-hr{
  margin-top      : 70px;
  margin-bottom   : 70px;
  border          : none;
  width           : 90%;
  height          : 1px;
  background-image: linear-gradient(
    90deg,
    hsla(30, 60%, 60%, 0  )     ,
    hsla(30, 60%, 60%, 0.7)  50%,
    hsla(30, 60%, 60%, 0  ) 100%);
}