li{
    list-style: none;
}
#sidebar.affix {
    top: 168px;
}
.affix-bottom{
    position: absolute;
    bottom: auto;
}
.nav.nav-stacked{
    padding-left: 10px;
}

#pageNavigatorMenu>ul>li{
    margin: 0;
    font-size: 14px;
    text-align: left;

}

.bs-docs-sidebar .nav>li>a {
    display: block;
    border-left: /*3px solid  #ddd*/ none;
    color: black ;
    padding: 10px 20px!important;
    text-decoration: none!important;
    background-color: transparent;
    transition: .5s;
    position: relative;
    z-index: 2;
    font-size: 16px;
}
.bs-docs-sidebar .nav>li>ul{
    padding: 10px 0 10px 15px ;
}
.bs-docs-sidebar .nav>li>ul>li>a{
    display: block;
    border-left: 3px solid  #ddd;
    color: black ;
    padding: 4px 20px!important;
    text-decoration: none!important;
    background-color: transparent;
    transition: .5s;
    position: relative;
    z-index: 2;
    font-size: 15px;

}
.bs-docs-sidebar .nav>.active >  ul > li > a:focus,
.bs-docs-sidebar .nav>.active >  ul > li > a:hover,
.bs-docs-sidebar .nav>.active >  ul > li.active > a{
    border-left: /*3px solid #616161*/none;
 color: #616161;
}

bs-docs-sidebar .nav>.active:focus>a,
.bs-docs-sidebar .nav>.active:hover>a,
.bs-docs-sidebar .nav>.active > a,
.bs-docs-sidebar .nav>li>a:focus,
.bs-docs-sidebar .nav>li>a:hover {
    border-left: /*3px solid #616161*/none;
    color: #616161;
}
#sidebar{
    width: 100%;
}

#sidebar > h4{
    font-weight: 300;
    color: #061540;
    text-align: center;
}
#sidebar{
    width: 270px;
}

.box-wrapper:after{
    display: table;
    content: '';
    clear: both;
}
.box-left{
    width: 270px;
    /*
    margin-left: 60px;;
    */
    float: left;
    min-height: 1px;
}
.box-right{
    width: calc(100% - 330px);
    margin: 0 30px;
    float: left;
}
/*--導覽列文字定位--*/

.li-box{
    background-size: cover;
    background-repeat: no-repeat;
    height: 105px;
    position: relative;
    background-color: grey;
    padding-left: 0;
    animation: 0s fadeOutMenuItem;
}
.li-box-animation{
    animation: .6s fadeOutMenuItem;
}
.li-box:hover{
    animation: .6s fadeinMenuItem;
    background-color: #439b0e;
}
.li-box a{
    position: absolute!important;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    border-bottom: 1px dashed #ffffff;
}
.actived-type{
    background-color: #346e0d !important;
    animation: 0s none!important;

}

.caselist-box-img:hover img{
    width: 110%;
}
/*--/導覽列文字定位--*/
.showcase-bar li h4.actived-type,
.showcase-bar li:hover h4.actived-type,
.showcase-bar li h4:not(.actived-type),
.showcase-bar li:hover h4:not(.actived-type)
{
    color: #ffffff;
    margin-bottom: 0;
}

.li-box-h4{
    animation: 0s fadeOutMenuTitle;
    transform: scale(1) translateX(0%);
}
.li-box-h4-animation{
    animation: .6s fadeOutMenuTitle;
}
.li-box:hover .li-box-h4{
    transform: scale(1.3) translateX(8%);
    animation: .3s fadeinMenuTitle;
}
.actived-type .li-box-h4{
    /*transform:  scale(1.3) translateX(8%) !important;*/
    /*animation: 0s none!important;*/
}
@keyframes fadeinMenuItem {
    from{
        background-color: grey;
    }
    to{
        background-color: #439b0e;
    }
}
@keyframes fadeOutMenuItem {
    from{
        background-color: #439b0e;
    }
    to{
        background-color: grey;
    }
}

@keyframes fadeinMenuTitle {
    from{
        transform: scale(1) translateX(0%);
    }
    to{
        transform: scale(1.3) translateX(8%);
    }
}
@keyframes fadeOutMenuTitle {
    from{
        transform: scale(1.3) translateX(8%);
    }
    to{
        transform: scale(1) translateX(0%);
    }
}


@media (max-width: 992px) {
    .box-left{
        display: none;
    }
    .box-right{
        width: calc(100%);
        margin: 0;
    }
}

/*--麵包屑導覽列--*/
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 22px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 14px;
    text-align: left;
}
.breadcrumb > li {
    display: inline-block;
}
.breadcrumb > li > a{
    border: none!important;
    text-decoration: none!important;
    font-weight: bold;
}
.breadcrumb > li > a:hover{
    color: #383b43;
}
.breadcrumb > .active {
    color: #777777;
}
.breadcrumb > li {
    display: inline-block;
}
.breadcrumb > li + li:before {
    content: "/ ";
    padding: 0 5px;
    color: #ccc;
}
/*--/麵包屑導覽列--*/