/* whole tab style */
.tabs {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 700px;
  margin: 0 auto;}

/*tab style*/
.tab_item {
  width: 25%;
  height: 50px;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.60;
}

/*erase radio button*/
input[name="tab_item"] {
  display: none;
}

/*shift tab*/
.tab_content {
  display: none;
  padding: 0px 25px 0;
  clear: both;
  overflow: hidden;
}

/*display only directed content*/
#paper:checked ~ #paper_content,
#invite:checked ~ #invite_content,
#journal:checked ~ #journal_content,
#letter:checked ~ #letter_content {
  display: block;
}

/*change tab color*/
.tabs input:checked + .tab_item {
  background-color: #3aadde;
  color: #fff;
}