.topnavbar {
    background-color: #fff;
    background-image: -webkit-linear-gradient(to bottom,#86a5da,#eeeeee);
    background-image: linear-gradient(to bottom,#86a5da,#eeeeee);
    padding: 0;
    border-bottom: 3px solid #2866d3;
}
#wrap {
    background: url(https://static.iyp.tw/32791/files/e5d17d16-5fe8-417d-8556-74d4ecfba6d1.jpg) center;
    background-attachment: fixed;
}

/*banner下移*/
@media only screen and (min-width: 768px){
    #banner {  top: 110px;}
    #main-wrap {    margin-top: 110px;}
}
.swiper-container {
  height: auto !important;
}
.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(690 / 1920 * 100%); /* 注意圖片高度與寬度要去掉單位 */
}
.swiper-slide {
  width: 100% !important;
}

#nav ul li a {
    color: #0f4981;
}
#nav ul li.current a {
    color: #113575;
}

.h1title {
    color: #1463af;
    border-bottom: 1px solid #ddd;
}
.h1title:before {
    content: "";
    display: block;
    float: left;
    margin: 4px 10px 0 0;
    width: 4px;
    height: 38px;
    background-color: #f9ca00;
}
/*整體文字顏色*/
.fcol .container {    color: #222;    font-size: 16px;}
p {    line-height:2;}
.fcol h2 {
    color: #255584;
    line-height: 2;
}
h3, .h3 {    line-height: 2;}
a {
    color: #1463af;
    font-weight: 600;
}
a:hover {    color: #555;}


/*產品格*/
ul.product-list li a {
    color: #555;
    text-align: center;
}
ul.product-list li a .img {
    background-color: #bae0fa;
}
ul.product-list li a:hover {
    color: #0056cf;
}

/*關多餘格子*/
.fcol.fcol-4 {    display: none;}
.fcol.fcol-5 {    display: none;}
.fcol.fcol-6 {    display: none;}

/*詳細資訊*/
#tb td a {
    display: block;
    height: 35px;
    line-height: 35px;
    background: #292929;
    color: #fbfbfb;
}
#tb td a:hover {
    background: #255584;
}


/*換圖語法*/
.slideshow {
    border: 5px solid  rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    height: 330px;
    overflow: hidden;
    position: relative;
    width: 660px;
    margin: 0px auto;
}
.slideshow > img {
    -webkit-animation:slideshow 24s infinite;
    animation:slideshow 24s infinite;
    opacity: 0;
    position: absolute;
    width:100%;
}

@-webkit-keyframes slideshow{   
  25%{opacity:1;}
  40%{opacity:0;}
}
@keyframes slideshow{   
  25%{opacity:1;}
  40%{opacity:0;}
}

.slideshow {
    max-width: 100%;
}

.slideshow > img:nth-child(6){
  -webkit-animation-delay:0s;
  animation-delay:0s;
}
.slideshow > img:nth-child(5){
  -webkit-animation-delay:4s;
  animation-delay:4s;
}
.slideshow > img:nth-child(4){
  -webkit-animation-delay:8s;
  animation-delay:8s;
}
.slideshow > img:nth-child(3){
  -webkit-animation-delay:12s;
  animation-delay:12s;
}
.slideshow > img:nth-child(2){
  -webkit-animation-delay:16s;
  animation-delay:16s;
}
.slideshow > img:nth-child(1){
  -webkit-animation-delay:20s;
  animation-delay:20s;
}
/*換圖語法*/