.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}


.tabset > label {
   position: relative;
   font-size: 16px;
    display: inline-block;
    text-align: center;
    padding: 10px 15px 10px;
    border-bottom: 5px solid transparent;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 0px;
}

.tabset > label::after {
 /* content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;*/
}

.tabset > label:hover,
.tabset > input:focus + label {
  color: #06c;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #06c;
}

.tabset > input:checked + label {
 
  border-bottom: 5px solid #e8a20c;
  margin-bottom: -1px;
}


/********************************* NEW TAB 1 **********************/

.pc-tab > input,
.pc-tab section > div {
  display: none;
}

#tab11:checked ~ section .tab11,
#tab12:checked ~ section .tab12,
#tab13:checked ~ section .tab13 {
  display: block;
}

#tab11:checked ~ nav .tab11,
#tab12:checked ~ nav .tab12,
#tab13:checked ~ nav .tab13 {
  color: red;
}

.pc-tab {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.pc-tab ul {
  list-style: none;
 margin: 20px 75px;
    padding: 0;
    width: 100%;
}
.pc-tab ul li label {
 
  float: left;
  padding: 5px 25px;
  margin-bottom:20px;
  border-bottom: 0;
 
  color: #444;
}
.pc-tab ul li label:hover {
  background: #fff;
}
.pc-tab ul li label:active {
  background: #ffffff;
}
.pc-tab ul li:not(:last-child) label {
  border-right-width: 0;
}
.pc-tab section {
	height:470px;
	overflow-y:scroll;
	width: 100%;
}
.pc-tab {
  
  width: 100%;
 
  background: #fff;
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #444;
}


#tab11:checked ~ nav .tab11 label,
#tab12:checked ~ nav .tab12 label,
#tab13:checked ~ nav .tab13 label {
  background: #e8a20c;
  color: #111;
  border-radius: 30px;
  position: relative;
}
#tab11:checked ~ nav .tab11 label:after,
#tab12:checked ~ nav .tab12 label:after,
#tab13:checked ~ nav .tab13 label:after {
 /* content: '';
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #ffffff;
  left: 0;
  bottom: -1px;*/
}

/******************************* TAB 1 END **********************/




.tab-panel {
  padding: 0px 0 1px;
 
 /* border-top: 1px solid #ccc;*/
}

.tab-panel1 {
  
  height:462px;
  overflow-y:scroll;
 /* border-top: 1px solid #ccc;*/
}

.tabset {
  max-width: 65em;
}
.tabset11 {
  max-width: 65em;
         margin-top: 15px;
    border-radius: 30px;
}