#main-contents table{
  width: 100%;
  margin-bottom: 25px;
  padding-bottom: 25px;
  /*border-color: #999;
  border-style: solid;
  border-width: 0 0 1px 0;*/
}
#main-contents table tr:nth-child(odd){
  background-color: rgba(195,195,195,0.3);
}
#main-contents table tr th{
  padding: 0.5rem;
  font-size: 0.9rem;
  text-align: left;
  vertical-align: middle;
  background-color: rgba(195,195,195,0.5);
}
#main-contents table tr td{
  padding: 5px;
  line-height: 1.5em;
  font-size: 0.9rem;
  /*text-align: justify;*/
  vertical-align: middle;
  word-break: break-all;
}
#main-contents table th.f0{
  width: 20%;
}
#main-contents table th.f1{
  width: 15%;
}
#main-contents table th.f2{
  width: 15%;
}
#main-contents table th.f3{
  width: 5%;
}
#main-contents table th.f4{
  width: 10%;
}
#main-contents table th.f5{
  width: 5%;
}
#main-contents table th.f6{
  width: 10%;
}


@media screen and (max-width: 767px){
  div.container{
    max-width: intial;
    min-width: 320px;
    border-width: 0;
    margin: 0;
  }
  .header{
    height: 130px;
  }
  #main-contents li{
    margin: 0;
  }
  .copyright{
    font-size: 0.8em;
    padding: 0 15px;
  }
}
@media screen and (max-width: 499px){
  .header{
    height: 120px;
  }
  h1{
    font-size: 1.25rem;
  }
  .topicpath{
    left: 15px;
  }
  .topicpath li{
    padding: 0em 0 0em;
    line-height: 1.3em;
  }
  .topicpath li i{
    padding-right: 0.25em;
  }
  .main{
    padding: 45px 15px;
  }
  #main-contents li{
    margin: 0px 0px;
    font-size: 0.9em;
  }
  #main-contents table{
    margin-left: 0px;
    margin-right: 0px;
  }
  #main-contents table tr th{
    padding: 3px;
  }
  #main-contents table tr td{
    padding: 3px;
  }
  #main-contents table td img{
    width: 40px;
    height: auto;
  }
  a.link{
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 355px){
  h1{
    font-size: 1.1rem;
  }
}