@charset "UTF-8";
/* CSS Document */

.tabs {
    display: flex;
    flex-wrap: wrap;
    width:100%;
    margin-top:50px;
}

.tab_label {
    position: relative;
    z-index: 1;
    cursor: pointer;
    flex: 1;
    padding: 5px 0;
    margin: 0 5px; 
    border-left:dotted 1px #000;
    text-align:center!important;
}
.last{
    border-right:dotted 1px #000;
}

.tab_label:hover {
  opacity: 0.75;
}
.tab_content {
  flex: 100%;
  display: none;
  overflow: hidden;
}

input[name="tab_switch"] {
  display: none;
}

.tabs input:checked + .tab_label .box{
  border-bottom:solid 3px #000;

}
.tabs input:checked + .tab_label::after {
  /*content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #13c3ac transparent transparent transparent;
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;*/
  transition: all 0.3s ease 0s;
}

#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content {
  display: block;
}

.tab_content{
  position: relative;
  animation-name: fadein;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes fadein {
  0% {
     opacity: 0;
  }
  100% {
     opacity: 1;
  }
}

.tab_label .box{
    width:150px;
    text-align:center;
    margin:0 auto;
    padding-bottom:45px;
}
.tab_label .box img{
    width:150px;
}
.tab_label .box h4{
    font-size:20px;
    font-weight:500;
    margin-top:25px;
}
.prizeBlock .spec p.comment .judge{
    font-weight:400;
    display:block;
    margin-top:30px;
}

/*   smart phone   */
@media screen and (max-width:640px) {
    .tab_label{
        padding:0;
        margin: 0; 
    }
    .tab_label .box{
    width:90%;
    text-align:center!important;
    margin:0 auto!important;
    padding-bottom:20px;
}
.tab_label .box img{
    width:100%;
    margin:0 auto!important;
}
.tab_label .box h4{
    font-size:1.5rem;
    font-weight:500;
    margin-top:16px;
}
.prizeBlock .spec p.comment .judge{
    font-weight:400;
    display:block;
    margin-top:30px;
}
}