@charset "utf-8";
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider arrow skin 051 css*/
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}






div.title {text-align: center}
div.title>h2 {
    font-size: 1.65rem;
    font-weight: 500;
    color: #956696;
    margin-bottom: 0
}
div.title>img {width: 1.5rem; height: 1.75rem !important; margin-right: .5rem;}

/*左側選單
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
background: #4a9133;
}
.nav-pills .nav-link {
color: #fff;
font-size: 1.1rem;
background: #82bf6d;
border-bottom: 1px solid #fff;
border-radius: 0;
padding: .7rem .5rem;}
.nav-pills .nav-link:nth-of-type(1) {
background: #d6d6d6;
border-bottom: 1px solid #b2b2b2;
color: #000;
}*/

/*aside nav*/
.sideNav {
    width: 100%;
    background: #82bf6d;
    flex-direction: column !important;
}
.sideNav .nav-item {
    border-right: none;
    padding: 0
}
.sideNav .nav-item:nth-of-type(1) {
    background: #b2b2b2;
}
.sideNav .nav-item:nth-of-type(1)>a {
    color: #000 !important;}

.sideNav .nav-item:hover, .sideNav .nav-item[active] {background: #4a9133}
.sideNav .nav-item .nav-link {padding: .7rem 0 .7rem .5rem;font-size: 1.1rem;}
.sideNav .nav-item .nav-link:hover,
.sideNav .nav-item[active] .nav-link { background: #4a9133; color: #fff !important}

/*右側內容*/
.indextitle>h2{
    text-align: center}
.indextitle>h2>span{color:#54a83d; font-size: 16px;}
div.news span{
    color: #54a83d;
    font-size: 16px;
}
div.news>dl>dd {border-bottom:1px dashed ; 
    border-bottom-color:#919191;}
div.news>dl>dd p{font-size: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}

div.prods {
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: .2rem;
    padding: .75rem;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.prods img {
    width: 100%;
    max-height: 200px;
}
div.prods>figure {position: relative}
div.prods>figure>figcaption {
    position: absolute;
    right: .1rem;
    bottom: .1rem
}
div.prodInfo h6{
    color: #fc2222;

}

figure.d-flex.align-items-center.justify-content-center {
    margin-bottom: 0;
}