#featured a:hover h3 {top:40%; opacity:1; transition:.3s;}

#spread a:hover h3 {top:50%; opacity:0; transition:.3s;}

#products ul li a div {

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    left:0;

    top:0;

    background: #f15f4c;

    opacity:0.1;

    transition:.6s;

}


#hover-effect:hover .overlay {

    background: #f15f4c;

}

#products ul li a:hover div {

    opacity:.8;

    transition:.3s;

}

/*LOGO*/

#navbar .navbar-brand a img {

    max-height: 50px; 

}



#slide .container {

    margin: 0;

    padding: 0;

    width: 100% !important;

    max-width: 100% !important;

}



.site-topbar {

    background: #CA3C2F;

    padding: 8px 0;

    color:#fff;

}



/*內容*/

#main {

    background: #FFFFFF

}

.hover-effect:hover .overlay {
    opacity:0.4;
}


/*Spread*/

#spread .container ::after {

    height:0px;

}

#spread ::after {

    width:100%;

    height:120px;

    background:

#spread .bx-controls-direction>a:hover {

    background: rgba(24,46,82,1);

}

#spread .bx-controls-direction>a {

    background: rgba(24,46,82,0.6);

}

.hover-effect:hover .overlay {

    background: #FFD2D2;

    opacity:0.6;

}

#spread .container .bx-wrapper .bx-viewport {

    height: 300px!important;

}





/*底部*/

.site-footer {

    background: #CA3C2F;

    color: #FFF3EE;

    margin-top: -30px;

}

.site-footer .widget-title {

    color: #FFF3EE;

    margin: 0 0 15px;

}

.site-footer a {

    color: #FFF3EE;

}

.site-footer a:hover, .site-footer a:active {

    color: #FFF0AC;

    text-decoration: initial;

}



/*選單*/

.site-navbar .navbar-nav .active a, .site-navbar .navbar-nav a:active, .nav>li>a:hover, .nav>li>a:focus {

    background: #BEBEBE;

    max-height: 40px;

    transition:color 0.5s;

    color: #CA3C2F

}