*{margin:0;padding:0;}@media screen and (min-width:1201px){.tree{overflow:hidden;}}ul.tree-node{position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}@media screen and (max-width:1200px){ul.tree-node.level-2,ul.tree-node.level-3{padding-left:40px;}ul.tree-node.level-2 li:last-child:after,ul.tree-node.level-3 li:last-child:after{content:"";display:block;height:100%;border-left:none;top:20px;left:-40px;background:#fff;}}ul.tree-node.level-1>li a{border-color:#5c9bd3;box-shadow:-4px -4px 5px #5c9bd3;}ul.tree-node.level-2:before{border-color:#f07e35;}ul.tree-node.level-2>li a{border-color:#f07e35;box-shadow:-4px -4px 5px #f07e35;}ul.tree-node.level-2>li:before,ul.tree-node.level-2>li:after{border-color:#f07e35;}@media screen and (max-width:1200px){ul.tree-node.level-2>li:before{top:20px;}}ul.tree-node.level-3>li a{border-color:#b5b5b5;box-shadow:-4px -4px 5px #b5b5b5;}ul.tree-node li{list-style-type:none;position:relative;padding:8px 5px 0 5px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}ul.tree-node li:before,ul.tree-node li:after{content:'';width:41px;border-top:2px solid #b5b5b5;position:absolute;top:calc(50% + 10px);left:-40px;}@media screen and (min-width:1201px){ul.tree-node li:before,ul.tree-node li:after{width:50%;height:20px;top:0;right:50%;left:auto;}}ul.tree-node li:after{display:none;border-left:2px solid #b5b5b5;right:auto;left:50%;}@media screen and (min-width:1201px){ul.tree-node li:after{display:block;}}ul.tree-node li a{display:inline-block;padding:2px 10px;border:2px solid #b5b5b5;font-family:arial,verdana,tahoma;font-size:15px;font-weight:bold;text-decoration:none;color:#666;border-radius:5px 5px 5px 0;-webkit-border-radius:5px 5px 5px 0;-moz-border-radius:5px 5px 5px 0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}@media screen and (min-width:1201px){ul.tree-node li a{padding:5px 10px;font-size:18px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}}@media screen and (min-width:1201px){ul.tree-node li{text-align:center;padding:20px 5px 0 5px;}}@media screen and (min-width:1201px){ul.tree-node{display:flex;justify-content:center;padding-top:20px;}}.tree li:only-child::after,.tree li:only-child::before{display:none;}.tree li:only-child{padding-top:0;}.tree ul ul::before{content:'';width:0;height:100%;border-left:2px solid #b5b5b5;position:absolute;top:0;left:0;}@media screen and (min-width:1201px){.tree ul ul::before{height:20px;left:50%;}}.tree li a:hover,.tree li a:hover+ul li a{background:#c8e4f8;color:#000;border:2px solid #94a0b4;}.tree li a:hover+ul li::after,.tree li a:hover+ul li::before,.tree li a:hover+ul::before,.tree li a:hover+ul ul::before{border-color:#94a0b4;}@media screen and (min-width:1201px){.tree li:first-child::before,.tree li:last-child::after{border:0 none;}.tree li:last-child::before{border-right:2px solid #b5b5b5;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 0;-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;}}