/* 目錄 */
.side-nav-head {
    background-color: #fff0f0;
    border-left: 5px solid #ffb7b7;
}

.side-nav-head .title-icon {
    padding: 15px 10px 10px 10px
}

.side-nav-head .icon-1 {
    float: left;
    padding-right: 5px;
}

.side-nav-head h4{
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    /* padding: 10px 20px; */
}


.side-nav-head-2 {
    background-color: #e8f3ff;
    border-left: 5px solid #0099ff;
}

.side-nav-head-2 .title-icon {
    padding: 15px 10px 10px 10px
}

.side-nav-head-2 .icon-2 {
    float: left;
    padding-right: 5px;
}

.side-nav-head-2 h4{
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}
.side-nav-head-3 {
    background-color: #e6fbfb;
    border-left: 5px solid #23aeb0;
}

.side-nav-head-3 .title-icon {
    padding: 15px 10px 10px 10px
}

.side-nav-head-3 .icon-3 {
    float: left;
    padding-right: 5px;
}

.side-nav-head-3 h4{
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}
.side-nav-head-4 {
    background-color: #ffead1;
    border-left: 5px solid #ffa53a;
}

.side-nav-head-4 .title-icon {
    padding: 15px 10px 10px 10px
}

.side-nav-head-4 .icon-4 {
    float: left;
    padding-right: 5px;
}

.side-nav-head-4 h4{
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

div.side-nav h4,
div.side-tags h3 {
    font-weight: 900 !important;
    font-size: 20px !important;
    padding-bottom: 5px;
    line-height: 22px;
}
div.side-nav ul>li> a {
    font-weight: 300 !important;
    font-size: 18px !important;
}
div.side-nav ul>li>ul>li a {
    font-weight: 300 !important;
    font-size: 18px !important;
    padding: 4px 0 4px 25px !important;
}
.side-nav li a {
    color: #000000 !important;
}
div.side-nav ul>li>ul>li a:hover {
    color: #000000 !important;
    text-decoration: underline;
}


/* Tags */
.tag>span.txt {
    border: 0px;
    background-color: #99cccc;
    color: #ffffff;
    border-radius: 4px;
    font-size: 14px;
}

.tag>span.txt:hover {
    color: #000000;
    font-weight: 900;
}

p .tag {
    display: inline-block;
}

/* 取消小寫大寫的功能 */
.uppercase {
    text-transform: none !important;
}

@media only screen and (max-width: 767px) {
    div.side-nav ul {
        display: unset !important;
    }
    div.side-nav .side-nav-head {
        height: 50px !important;
        margin-bottom: 0px !important;
    }
}