.tabs{margin-top:50px;padding-bottom:40px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);width:100%;margin:0 auto}.tab_item{width:50%;height:50px;border-bottom:3px solid #5ab4bd;background-color:#d9d9d9;line-height:50px;font-size:16px;text-align:center;color:#565656;display:block;float:left;text-align:center;font-weight:bold;transition:all .2s ease}.tab_item:hover{opacity:.75}input[name=tab_item]{display:none}.tab_content{display:none;padding:40px 40px 0;clear:both;overflow:hidden}#write:checked~#write_content,#preview:checked~#preview_content{display:block}.tabs input:checked+.tab_item{background-color:#5ab4bd;color:#fff}