@media only screen and (min-width: 768px){.topnavbar {background-color: #433d3c;}}
#header{background-color: #433d3c;}
#nav ul li.current a {color:  #c8c2be;}
#nav ul li a{color:  #c8c2be;}
#nav ul li a:hover {color: #38b48b;}
#nav .subnav{background-color: #433d3c;}
#nav ul li .subnav a:hover {background: rgba(212, 200, 200, 0.1);}
.h1title {color: #5a5359; border-bottom:1px solid#dddddd;}

ul.product-list li a {
    color: #ffffff;
    background-color: rgba(123, 146, 93, 0.53);
    background-image: url(https://static.iyp.tw/38505/files/b7f62cda-b5f4-4153-b127-c3996253fa67.png);
    background-repeat: no-repeat;
    background-position: bottom;
}
ul.product-list li a.focus, ul.product-list li a:hover {color: #ffeaad;}

a {color: #438646;}
.news .fcol .news-list li a:hover, .news .news.main-content li a:hover {color: #612d0c;}

#wrap {
    background: #fcfcfc url(https://static.iyp.tw/38505/files/a24e784f-9174-4af5-8e14-fe47dcc1008c.png) no-repeat bottom ; 
    
}
/*#nicedit_0, #nicedit_1 {background: rgba(255, 255, 255, 0.61);border-radius:20px;}*/

/*圖片透明效果*/
.img3{
    opacity: 1.0; //設為完全不透明
    filter: alpha(opacity=50); // IE8 與更早的版本
}
.img3:hover{
    opacity: 0.5; //透明度設為 0.5
    filter: alpha(opacity=100); // IE8 與更早的版本
}
/*圖片透明效果*/

#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 20px;
    border-radius:50px;
    background-color: hsla(240, 0%, 50%, 0.5) ;
    color: white;
    cursor: pointer;
}