body {
    background-color: #376fa3;
}

@media only screen and (min-width: 768px){
.topnavbar {
    background: url(https://static.iyp.tw/41256/files/db65c1a3-5748-46a6-b224-bc5319093834.png) rgba(255,255,255,0.85);
    border-bottom: 5px #376fa3 solid;
    padding: 0;
}}

.topnavbar .container {
    padding-top: 0px;
    padding-bottom: 0px;
}
#nav .subnav {
  background: url(https://static.iyp.tw/41256/files/db65c1a3-5748-46a6-b224-bc5319093834.png) rgba(255,255,255,0.85);
}
#nav ul li a {    color: #757575;}
#nav ul li a:hover {    color: #555;}
#nav ul li.current a {  color: #376fa3;}

/*banner下移*/
@media only screen and (min-width: 768px){
    #banner {  top: 90px;}
    #main-wrap {    margin-top: 90px;}
}

/* 首頁與內頁共用 */
.swiper-container {
  height: auto !important;
}
.swiper-wrapper, .swiper-slide {
  height: 0 !important;
}
.swiper-slide {
  width: 100% !important;
}

/* 首頁 */
#bodyinhome .swiper-wrapper, #bodyinhome .swiper-slide {
  padding-bottom: calc(690 / 1920 * 100%); /* 首頁 banner 大小 */
}

/* 內頁 */
#bodyinpage .swiper-wrapper, #bodyinpage .swiper-slide {
  padding-bottom: calc(600 / 1920 * 100%); /* 內頁 banner 大小 */
}

/*整體文字顏色*/
.fcol .container {    color: #222;    font-size: 16px;}
p {    line-height:2;}
.fcol h2 {
    color: #0c2473;
    line-height: 1.5;
}
h3, .h3 {    line-height: 1.5;}
a {
    color: #d23100;
    font-weight: 600;
}
a:hover {    color: #555;}


/*標題*/
.h1title {
    border-left: 5px solid #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #eee;
}

#side ul li.current>div a {
    color: #fff;
    background: #b29700;
    border-radius: 5px;
}

/*產品格*/
ul.product-list li a {
    color: #192c5b;
    text-align: center;
    background-color: rgba(255,255,255,0.75);
}
ul.product-list li a:hover {
    color: #0a1478;
    background-color: rgba(255,255,255,0.85);
}

.productdetail .detail-spec {
    background: rgba(255,255,255,0.85);
    padding: 10px;
    border-radius: 5px;
}
@media only screen and (min-width: 1025px){
.productdetail .detail-spec {
    width: 50%;
    margin: 0 15px;
}}
.productdetail .detail-desc {
    background: #fff;
    border-radius: 5px;
}
.productdetail .detail-img .main-image-area a {
    border-radius: 5px;
}

#news-heading .news-box {
    background-color: rgba(255,255,255,0.75);
}

#footer {
    color: #fff;
    background-color: #0a1478;
}

#bodyinhome .fcol.fcol-2 {
    background: url(https://static.iyp.tw/41256/files/251d6880-4def-4fcc-9d9a-fd3274097a67.jpg) center;
    background-attachment: fixed;
}
#product-header {
    background: url(https://static.iyp.tw/41256/files/bb3dc50e-ac90-4935-b9f6-87fd2074785b.jpg) center;
    background-size: 100%;
    border-radius: 15px;
}

body.about-us .fcol.fcol-1 {
    background: rgba(255,255,255,0.5);
}
body.contact-us .fcol.fcol-1 {
    background: rgba(255,255,255,0.5);
}
body.news .fcol.fcol-2 {
    background: rgba(255,255,255,0.5);
}

#call {
    width: 60px;
    right: 5px;
    z-index: 999;
    bottom: 45px;
    position: fixed;
}

/*圖片放大透明*/
.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(1.05);
} 

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


/*google翻譯器*/
#google_translate_element {
  z-index: 999999;
  position: absolute;
  top: 35px;
  right: 5px;
}

@media only screen and (max-width: 410px) {
/* 螢幕尺?寸?小於 320px, iPhone 等?小螢幕 css 寫這 */
 #google_translate_element {
  z-index: 999999;
  position: absolute;
  top: 230px;
  right: 10px;
}
}