* {
     margin: 0;
     padding: 0;
     list-style: none;
 }

 a {
     text-decoration: none;
     color: #222;
     font-family: "Noto Sans SC", sans-serif;
 }

 #wrap {
     max-width: 900px;
     margin: 0 auto;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 #wrap img {
     width: 100%;
     height: 100%;
 }


 .tabs {
     max-width: 900px;
     display: flex;
     width: 100%;
     box-sizing: border-box;
     position: fixed;
     top: 0;
 }

 .tabs li {
     width: calc(100% / 3);

 }

 .tabs a {
     display: flex;
     height: 65px;
     font-size: 20px;
     align-items: center;
     justify-content: center;
     background: #fff;
     box-sizing: border-box;
     border: 1px solid #aaaaaa;
 }

 .tabs li:not(:last-child) a {
     border-right: 0px;
 }

 .tabs .active a {
     background: #cac6c3;
     color: #fff;;
 }

 .tab_content {
     padding-top: 65px;
 }


 @media screen and (max-width: 640px) {
     .tabs li a {
         height: 45px;
         text-align: center;
         font-size: 15px;
     }

     .tab_content {
         padding-top: 45px;
     }
 }

 @media screen and (max-width: 480px) {
     .tabs li a {
         text-align: center;
         font-size: 13px;
     }

 }