.tabs{min-width:32px;max-width:1200px;padding:0;margin:0 auto}.tabs>section{font-size:15px;display:none;padding:25px;background:#fff;border:1px solid #ddd;border-radius:0 0 3px 3px;border-width:1px 1px 2px 1px}.tabs>section>div{margin:0 0 5px;line-height:1.5;color:#383838;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeIn{from{border:0;opacity:0}to{border:0;opacity:1}}@keyframes fadeIn{from{border:0;opacity:0}to{border:0;opacity:1}}.tabs>input{display:none;position:absolute}.tabs>label{font-family:"Roboto Condensed","Arial Narrow",Arial,Helvetica,sans-serif;font-size:17px;font-weight:400;display:inline-block;margin:0 0 -1px;padding:7px 27px 7px 27px;text-align:center;color:#505050;border:0 solid #ddd;border-width:1px 1px 1px 1px;background:#fff;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(10%,#ffffff),color-stop(30%,#ebebeb),color-stop(52%,#eeeeee),color-stop(100%,#ebebeb));background:-webkit-linear-gradient(#ffffff 10%,#ebebeb 30%,#eeeeee 52%,#ebebeb 100%);background:-moz-linear-gradient(#ffffff 10%,#ebebeb 30%,#eeeeee 52%,#ebebeb 100%);background:-o-linear-gradient(#ffffff 10%,#ebebeb 30%,#eeeeee 52%,#ebebeb 100%);background:linear-gradient(#ffffff 10%,#ebebeb 30%,#eeeeee 52%,#ebebeb 100%);border-radius:3px 3px 0 0}.tabs>label:hover{color:#505050;background:#f5f5f5;background:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(10%,#f8f8f8),color-stop(30%,#e7e5e5),color-stop(52%,#e7e7e7),color-stop(100%,#e3e3e3));background:-webkit-linear-gradient(#f8f8f8 10%,#e7e5e5 30%,#e7e7e7 52%,#e3e3e3 100%);background:-moz-linear-gradient(#f8f8f8 10%,#e7e5e5 30%,#e7e7e7 52%,#e3e3e3 100%);background:-o-linear-gradient(#f8f8f8 10%,#e7e5e5 30%,#e7e7e7 52%,#e3e3e3 100%);background:linear-gradient(#f8f8f8 10%,#e7e5e5 30%,#e7e7e7 52%,#e3e3e3 100%);cursor:pointer}.tabs>input:checked+label{color:#cd9910;border-top:4px solid #ecaa00;border-bottom:1px solid #fff;background:#fff}#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,#tab9:checked~#content-tab9,#tab10:checked~#content-tab10,#tab11:checked~#content-tab11,#tab12:checked~#content-tab12,#tab13:checked~#content-tab13,#tab14:checked~#content-tab14,#tab15:checked~#content-tab15,#tab16:checked~#content-tab16,#tab17:checked~#content-tab17,#tab18:checked~#content-tab18,#tab19:checked~#content-tab19,#tab20:checked~#content-tab20,#tab21:checked~#content-tab21,#tab22:checked~#content-tab22,#tab23:checked~#content-tab23,#tab24:checked~#content-tab24,#tab25:checked~#content-tab25,#tab26:checked~#content-tab26,#tab27:checked~#content-tab27,#tab28:checked~#content-tab28,#tab29:checked~#content-tab29,#tab30:checked~#content-tab30{display:block}@media (min-width:0) and (max-width:960px){.tabs>label{font-size:16px}.tabs>section{padding:15px}}@media (min-width:0) and (max-width:550px){.tabs>label{font-size:15px;width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available}.tabs>section{padding:3px}}@media (min-width:0) and (max-width:320px){.tabs>label{font-size:14px;width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available}.tabs>section{padding:1px}}