.tree {
    margin :0px;
    padding:0px;
}

.tree li a {
    text-decoration: none;
}

    .tree li a:link {
        color: blue;
    }

    .tree li a:visited {
        color: blue;
    }

    .tree li a:active {
        color: blue;
    }

    .tree li a:hover {
        color: black;
    }


.tree ul {
    list-style-type: none;
    list-style: none;
}


.tree li.hover {
    color: Black;
    background-color: #ffffff;
}

.tree li.active {
    color: Black;
    background-color: #ffffff;
}

.tree li {
    font-family: 微軟正黑體;
    font-size: 1rem;
    cursor: pointer;
    line-height: 1.25rem;
    margin-left: 1rem;
}



.tree  ul:not(:first-child) {
    background-image: url("images/line.gif");
    background-repeat: repeat-y;
}

.tree ul.lastnode > li {
    background-image: none;
    background-repeat: no-repeat;
}

.tree li img {
    vertical-align: middle;
}

.tree li .doc.hover {
    background-color: #ececec;
    background-image: url("images/bg1.gif");
    background-repeat: repeat;
}

.tree li .doc.active {
    background-color: #ececec;
    background-image: url("images/bg1.gif");
    background-repeat: repeat;
}


.tree li .node {
    background-image: url("images/node.gif");
    background-repeat :no-repeat;
}

.tree li .lastnode {
    background-image: url("images/lastnode.gif");
    background-repeat :no-repeat;
    
   
}

.tree li .pnode {
    background-image: url("images/pnode.gif");
    background-repeat :no-repeat;
}

.tree li .plastnode {
    background-image: url("images/plastnode.gif");
    background-repeat :no-repeat;

}

.tree li .mnode {
    background-image: url("images/mnode.gif");
    background-repeat :no-repeat;
}

.tree li .mlastnode {
    background-image: url("images/mlastnode.gif");
    background-repeat :no-repeat;
}


.tree li .prootnode {
    background-image: url("images/prootnode.gif");
}

.tree li .mrootnode {
    background-image: url("images/mrootnode.gif");
}