.h1title {color: #0c64a7; border-bottom:1px solid#6f8ca2;}


@media only screen and (min-width: 768px){
.topnavbar {
    background-color: rgba(255,255,255,0.5); padding: 0;
}}

#nav ul li a {
    color: #181818;
}

#nav ul li.current a {
    color: #607D8B;
}

#nav ul li a:hover {color: #607D8B;}


a {
    color: #222222;
}

body{
background-image : url(https://static.iyp.tw/2362/files/7c8508c0-c5e1-41b5-a552-edf47725c4ae.jpg);
background-repeat : repeat; 
background-attachment : fixed;
}




.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(650 / 1920 * 100%); /* 注意圖片高度與寬度要去掉單位 */
}

.swiper-slide {
  width: 100% !important;
}

.fcol .container {    color: #222;    font-size: 15px;}
p { line-height:2;}




ul.product-list li a:hover {
    color: #fff;
    background-color: rgba(70,112,143,1);
}

ul.product-list li a {
    color: #000;
    background-color: rgba(70,112,143,0.3);
}





/*表格按鈕變化*/
#tb td a {
    display: block;
    height: 35px;
    line-height: 35px;
    background: #2d72ad;
    color: #fff;
}
#tb td a:hover {
    background: #cacaca;
}

/*按鈕淡化*/
.row2 [class^="col-"] img{
  opacity:3;
  transition:0.7s
}
.row2 [class^="col-"] img:hover {
    opacity:0.55;
}