.tabs{min-width:320px;padding:0;margin:0 auto}.tabs>section{display:none;padding:15px;background:#fff;border:1px solid #ddd}.tabs>section>p{margin:0 0 5px;line-height:1.5;color:#383838;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.tabs>input{display:none;position:absolute}.tabs>label{display:inline-block;margin:0 0 -1px;padding:15px 25px;font-weight:600;text-align:center;color:#aaa;border:0 solid #ddd;border-width:1px 1px 1px 1px;background:#f1f1f1;border-radius:3px 3px 0 0}.tabs>label:hover{color:#888;cursor:pointer}.tabs>input:checked+label{color:#555;border-top:3px solid #3397ca;border-bottom:1px solid #fff;background:#fff;border-radius:4px}#tab1:checked~#content-tab1,#tab2:checked~#content-tab2,#tab3:checked~#content-tab3,#tab4:checked~#content-tab4,#tab5:checked~#content-tab5,#tab6:checked~#content-tab6,#tab7:checked~#content-tab7,#tab8:checked~#content-tab8{display:block}