@media only screen and (min-width: 768px){
.topnavbar {
    background-color: rgba(0,0,0,0.5);
    padding: 0;
    border-bottom: 5px solid #0086c6;
}}
@media only screen and (max-width: 767px){
  .topnavbar {
    background-color: rgba(0,0,0,0.5);
    border-bottom: 5px solid #0086c6;
}}
.topnavbar .container {
    padding-top: 0;
    padding-bottom: 0;
}
#nav ul li a {    padding: 16px 12px;}
#nav ul li a:hover {
    background: url(https://static.iyp.tw/39678/files/841fc899-4a5b-48b1-bc19-aba4fff543c0.jpg) no-repeat center top #3799ca;}
#nav ul li.current a {
    background: url(https://static.iyp.tw/39678/files/841fc899-4a5b-48b1-bc19-aba4fff543c0.jpg) no-repeat center top #3799ca;
}
#nav li.has-subnav ul li.has-subnav>div a::after, #nav>ul>li.has-subnav>a::after {    padding-left: 6px;}
#nav .subnav {  background-color: rgba(0,0,0,0.75);}
#wrap {
    background:url(https://static.iyp.tw/39678/files/0e607fea-c437-471f-bac5-fac3e763f87d.jpg) no-repeat center top;
    background-attachment: fixed;
}
.h1title {    color: #000;}

.fcol .container {    color: #222;    font-size: 15px;}
p {    line-height:2;}
.fcol h2 {
    LINE-HEIGHT: 2;
    color: #0086c6;
}
h3, .h3 {    line-height: 2;}
.side-content.clearfix {    background: rgba(0,0,0,0.5);}
#side ul li a {    color: #fff;}
#side ul li a:hover {    color: #3799ca;}
#side ul li.current>div a {
    color: #a3e1ff;
    font-weight: bold;
}
ul.product-list li a {
    color: #fff;
    text-align: center;
    background-color: rgba(0,0,0,0.75);
}
ul.product-list li a:hover {
    color: #65cdff;
    background-color: rgba(0,0,0,0.85);
}
ul.product-list li .desc {    color: #ddd;}
ul.product-list li a:hover .desc {    color: #fbff93;}
#breadcrumb {    background: rgba(255,255,255,0.5);}
.product.main.display-height {    background: rgba(255,255,255,0.5);}
.productdetail .detail-spec b, .productdetail .detail-desc b {
    color: #555;
    background-color: rgba(255,255,255,0.85);
}
body[data-type="fullpage"] .product-list-div h2 a.show-all {    color: #0086c6;}

/*關多餘格子*/
.fcol.fcol-4 {    display: none;}
.fcol.fcol-5 {    display: none;}
.fcol.fcol-6 {    display: none;}

/*footer設定*/
#footer {
    background:url(https://static.iyp.tw/39678/files/3c680c2c-7eea-4e4e-8ec3-1becd50fe78f.png) #3799ca;
    border-top: 5px solid #475e7e;
}
#contact-info {    color: #fff;}
#foot-nav {    display: none;}
.contact-row {    padding: 1.5em 0 2em;}
#footer-service {    padding-bottom: 2em;}
#contact-info ul li span {    color: #333;}

/*圖片放大透明*/
.picc { 
    opacity: 1; /* 透明度100% FireFox 的寫法 */ 
    filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */ 
    margin:0 auto;
    overflow: hidden;
} 
.picc img { 
    opacity: 1; 
    filter: Alpha(Opacity=100); 
  margin:0 auto;
  -webkit-transform: scale(1);
  -webkit-transition: 1s;
} 
.picc img:hover { 
  opacity: .5; /* 透明度50% FireFox 的寫法 */ 
  filter: Alpha(Opacity=50); /* 透明度50% IE 的寫法 */ 
  -webkit-transform: scale(0.95);
}