/*左邊選單*/
.Base {
    z-index: 0;
}

.Base .Left-Menu {
    width: 250px;
    height: 100vh;
    position: fixed;
    background: #666666;
    z-index: 1;
    display: inline-block;

    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.Left-Menu-Move {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

/*公司Logo*/
.Logo {
    height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #e1e1e1;
    font-size: 15px;
    font-weight: 'bold';
}

/*品牌標題*/
.Base .Left-Menu .Brand-Name {
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
    font-size: 2em;
}

/*側邊欄模組名稱Tab*/
.Base .Left-Menu .Function-List ul .Function-Item {
    color: #e7effb;
    font-size: 1.2em;
    line-height: 2em;
    padding: 5px 30px;
    display: block;
    background: #93a3b9;
    border: 1px solid #bbc7d8;
    margin-top: -1px;
    font-weight: 300;
    cursor: pointer;
}

.Base .Left-Menu .Function-List ul .Submenu {
    padding: 5px 30px 5px 80px;
    background: #546173;
}

.Base .Left-Menu .Function-List ul .Menu-Title {
    color: #fac925;
    background: #40577c;
    margin-top: 30px;
    font-size: x-large;
    font-weight: bold;
}

.Base .Left-Menu .Function-List ul .InactiveLink {
    pointer-events: none;
    cursor: default;
    box-shadow: unset;
}

/*模組名稱被選擇的時候加這個class*/
.Base .Left-Menu .Function-List ul .Function-Item-Active {
    background: #14a2df;
    color: #f2fafd;
}

.Function-List {
    font-size: 1em;
    color: #f8fbff;
    line-height: 2.85rem;
    margin-bottom: 32px;
}

.Function-List:last-child {
    margin-bottom: 0;
}

.Function-List ul li {
    display: block;
    /* margin-top: -1px; */
    cursor: pointer;
}

.Function-Item-dot {
    position: relative;
}

.Function-Item-dot:after {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    left: 31px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 6px;
}

.Function-Item-dot.Blue:after {
    background: #06bff3;
}

.Function-Item-dot.Green:after {
    background: #65bf02;
}

/*側邊欄模組名稱Tab第1層*/
.Function-Item-1 {
    padding: 0 20px;
    line-height: 2.85rem;
    background: #666666;
    color: #cccccc !important;
}

/*側邊欄模組名稱Tab第2層*/
.Function-Item-2 {
    padding: 0 20px;
    background: #474747;
    box-shadow: inset 0px -2px 0 0px #666666;
    color: #f4f4f4 !important;
}

/*側邊欄模組名稱Tab第3層*/
.Function-Item-3 {
    padding: 0 0 0 30px;
    background: #565656;
    box-shadow: inset 0px -2px 0 0px #666666;
}

.Function-Item-3.Function-Item-dot {
    padding-left: 45px;
}

.Function-Item-Active {
    background: #14a2df;
}

.Function-Item-Active.Function-Item-dot:after {
    background: #fff;
}

/*模組名稱被選擇的時候加這個class*/
.Function-List ul li:active {
    background: #1196d0;
}

.Function-List ul li:hover {
    box-shadow: inset 0px -2px 0 0px #14a2df;
}