@charset "UTF-8";

html {
  background: /*#E0F7FA*//*#E2F0D9*//*#ECF5E7*/#CCEDFF;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: 11px;
  color: /*#00838f*/#1178B7;
}


header {
  border-bottom: 3px double #00838F;
  text-align: center;
}




.container {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 60%;
}


.box01{
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  height: 150px; 
  margin: 2rem;
  position: relative;
  width: 400px;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.box{
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  height: 240px;
  margin: 2rem;
  position: relative;
  width: 250px;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

table,
th,
td {
    border: 1px solid #00838F;
    border-collapse: separate;
    
}

table {
  width: 80%;
  margin: auto;
  /*height: 100px;*/
}

th,
td {
    padding: 10px;
    width: 150px;
}

.show{
  height:650px;
  overflow-y: scroll;
  overflow-x: none;
}

#memory_table{
  width: 100%;
  margin: auto;
  /*height: 650px;*/
  vertical-align: middle;
}

.footer{
  display: inline-block;
  vertical-align: middle;
}


button{
  top: 12px;
  text-align: center;
  font-family: "Lucida Sans","Microsoft JhengHei";
  font-weight:300;
  position: relative;
  height: 40px;
  width: 80px;
  border: 1px solid #fff;
  background: /*#80CBC4*/#FDFCD6;
  border-radius: 6px;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}