*{margin:0;padding:0}.tree ul{padding-top:20px;position:relative;padding-left:0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}.tree 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}.tree li:before,.tree li:after{content:"";position:absolute;top:0;right:50%;border-top:1px solid #ccc;width:50%;height:20px}.tree li:after{right:auto;left:50%;border-left:1px solid #ccc}.tree li:only-child:after,.tree li:only-child:before{display:none}.tree li:only-child{padding-top:0}.tree li:first-child:before,.tree li:last-child:after{border:0 none}.tree 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}.tree li:first-child:after{border-radius:5px 0 0;-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0}.tree ul ul:before{content:"";position:absolute;top:0;left:50%;border-left:1px solid #ccc;width:0;height:20px}