*{box-sizing:border-box}body{font-family:Lato,sans-serif}.tab{float:left;border:1px solid #ccc;background-color:#f1f1f1;width:10%;height:300px}.tab button{display:block;background-color:inherit;color:#000;width:100%;border:none;outline:0;text-align:left;cursor:pointer;transition:.3s;font-size:17px;height:76px;padding:0;margin:0}.tab button:hover{background-color:#ddd}.tab button.active{background-color:#ee477f}.tabcontent{float:left;width:90%;height:300px}.accordionjs,.accordionjs *{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}.accordionjs{font-family:Arial,Helvetica,sans-serif;border-radius:0;margin:0 auto;padding:0;height:400px;width:100%;overflow:hidden;list-style:none}.accordionjs>li{background-color:#fce2ed; color:#000 ! important;margin-right:-1200px;margin-bottom:0;padding-left:0}.accordionjs-select{cursor:pointer;position:absolute;opacity:0;top:0;left:0;margin:0;z-index:1}.accordionjs-title span{display:block;position:absolute;bottom:0;width:100%;white-space:nowrap;margin-bottom:20px;margin-left:0;line-height:40px;transform:rotate(-90deg);-o-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-writing-mode:lr-bt;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.accordionjs-title i{color:#FFF;margin-right:10px;font-size:18px}.accordionjs-content{background-color:#fce2ed;color:#333;height:404px;width:1104px;padding:48px;position:relative;overflow:auto}.accordionjs-content::-webkit-scrollbar{width:.3em}.accordionjs-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(173,136,188,.9)}.accordionjs-content::-webkit-scrollbar-thumb{background-color:#ad88bc;outline:#ad88bc solid 1px}.accordionjs-content,.accordionjs-separator,.accordionjs-title,.accordionjs>li{float:left;color:#000;text-align:left}.accordionjs-select:checked~.accordionjs-separator{margin-right:1200px;margin-bottom:0}.accordionjs-select,.accordionjs-title{background-color:#d74d8a;color:#FFF;font-weight:700;width:70px;height:500px;font-size:22px;border:none;transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;-ms-transition:all .8s}#accordion h3{font-weight:700;color:#6d4e8a;border-bottom:dotted 1px #6d4e8a;padding-bottom:14px}.accordionjs-select:checked~.accordionjs-title,.accordionjs-select:hover~.accordionjs-title{background-color:#f9cce0;color:#d74d8a}.accordionjs-select:disabled~.accordionjs-title{background-color:#942E2E}.accordionjs-select:checked~.accordionjs-content,.accordionjs-title{margin-right:1px;margin-bottom:1px;text-align:left}.accordionjs-title,.accordionjs>li{position:relative;color:#FFF}.accordionjs-separator{transition:margin .3s ease .1s;-o-transition:margin .3s ease .1s;-moz-transition:margin .3s ease .1s;-webkit-transition:margin .3s ease .1s}