*{padding:0}.treeNode ul{padding-top:20px;position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}.treeNode li{float:left;text-align:center;list-style-type:none;position:relative;padding:20px 5px 0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}.treeNode li::after,.treeNode li::before{content:'';position:absolute;top:0;right:50%;border-top:1px solid #ccc;width:50%;height:20px}.treeNode li::after{right:auto;left:50%;border-left:1px solid #ccc}.treeNode li:only-child::after,.treeNode li:only-child::before{display:none}.treeNode li:only-child{padding-top:0}.treeNode li:first-child::before,.treeNode li:last-child::after{border:0 none}.treeNode li:last-child::before{border-right:1px solid #ccc;border-radius:0 5px 0 0;-webkit-border-radius:0 5px 0 0;-moz-border-radius:0 5px 0 0}.treeNode li:first-child::after{border-radius:5px 0 0;-webkit-border-radius:5px 0 0;-moz-border-radius:5px 0 0}.treeNode ul ul::before{content:'';position:absolute;top:0;left:50%;border-left:1px solid #ccc;width:0;height:20px}.treeNode li a{border:1px solid #ccc;padding:5px 10px;text-decoration:none;color:#666;font-family:arial,verdana,tahoma;font-size:14px;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}.treeNode li a:hover,.treeNode li a:hover+ul li a{background:#c8e4f8;color:#000;border:1px solid #94a0b4}.treeNode li a:hover+ul li::after,.treeNode li a:hover+ul li::before,.treeNode li a:hover+ul ul::before,.treeNode li a:hover+ul::before{border-color:#94a0b4}
.treeNode-style{
    overflow-x: scroll;
    width: 300% !important;
}