@charset "utf-8";
.divdate{
  font-weight : bold;
  padding-top : 10px;
  padding-bottom : 10px;
  text-align : center;
  padding-left : -4px;
  letter-spacing : 4px;
  padding-right : 10px;
  width : 30%;
  background-image : linear-gradient(to right, #7e662c, #f0d50f 40%, #ceb371);
  color : black;
  border-left-width : 2px;
  border-left-style : solid;
  border-left-color : #aa7226;
}
.divinfo{
  position: relative;
  margin-bottom : 30px;
  padding-top : 20px;
  padding-left : 30px;
  border-left-width : 2px;
  border-left-style : solid;
  border-left-color : #aa7226;
  background-image : linear-gradient(to right bottom, #aa7226, rgba(255, 255, 255, 0) 20%);
}
.divinfo a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent:-999px;
}
.logbox{
  width : 100%;
  height : 400px;
  overflow : auto;
  border : 0px solid;
  vertical-align : top;
  text-align : left;
  padding-left : 0px;
  padding-top : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
}
.divinfo:hover{
  filter:alpha(opacity=70);
  /* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";
  /* IE 8,9 */
    -moz-opacity:0.7;
  /* FF , Netscape */
    -khtml-opacity: 0.7;
  /* Safari 1.x */
    opacity:0.7;
  zoom:1;
/*IE*/

}
/* ==================================================
   Responsive
================================================== */
@media screen and (max-width: 768px){
  .logbox{
    width : 100%;
    height : auto;
    max-height : 420px;
    overflow : auto;
  }

  .divdate{
    width : 100%;
    padding-left : 10px;
    padding-right : 10px;
    letter-spacing : 2px;
    text-align : left;
    border-left-width : 0;
  }

  .divinfo{
    margin-bottom : 25px;
    padding-top : 15px;
    padding-left : 1em;
    padding-right : 1em;
    border-left-width : 0;
    background-image : linear-gradient(to right bottom, #aa7226, rgba(255, 255, 255, 0) 35%);
  }
}