.tabs input[type=radio]{position:absolute;display:none}.tabs{width:950px;float:none;list-style:none;position:relative;padding:0;margin:auto;height:550px}.tabs li{float:left}.tabs label{display:block;background:#555;cursor:pointer;color:#fff;padding:5px 10px;position:relative;top:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.tabs label:hover{background:#777;top:0}[type=radio]:checked ~ label{background:#222;color:#fff;top:0}[type=radio]:checked ~ label ~ .tab-content{display:block}.tab-content{z-index:2;display:none;text-align:left;width:100%;height:450px;overflow:auto;font-size:11px;padding-top:10px;padding:5px;color:#000;background:#f5f5f5;position:absolute;top:40px;left:0;box-sizing:border-box;-webkit-animation-duration:0.5s;-o-animation-duration:0.5s;-moz-animation-duration:0.5s;animation-duration:0.5s}