@media only screen and (min-width: 768px){.topnavbar {background-color: transparent; padding: 0rem 0; }}

#logo {
  display: block;
}

.topnavbar .container {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

#nav {
    background: rgb(197 42 42 / 74%);
    border-radius: 12px;
}

#nav ul li.current a {    
    color: #fbfbfb;
    border-bottom: 4px solid #ed6414;
    background: #222222;
    border-radius: 10px;
}
#nav ul li a{color: #fbfbfb; padding: 16px 80px;}
#nav ul li a:hover {color: #fbfbfb; border-bottom: 4px solid #ed6414; background: #222222;
    border-radius: 10px;}

.h1title {color: #5a5359; border-bottom:1px solid #dddddd;}

ul.product-list li a{color: #202020; background-color: #ffffff;}
ul.product-list li a.focus, ul.product-list li a:hover {color: #d94c4c;}

a {color: #d74949;}
a:hover { color: #e66b4c;}
.news .fcol .news-list li a:hover, .news .news.main-content li a:hover {color: #e5322d;}

/*內文字型大小顏色*/
#product-header, .fcol.fcol-1, .fcol.fcol-2, .fcol.fcol-3,  .fcol.fcol-4, .fcol.fcol-5, .fcol.fcol-6 {font-size: 16px;color:#444;}

/*回最新消息*/
.back>a, .btn-search, .btn-style, input[type="submit"] {border: 1px solid #505050; background-color: #8a8a8a;}


body.about-us .fcol-header {
    display: none;
}

body.about-us .fcol-6 .container {
    width: 100%;
}

body.about-us .fcol-6 .container>* {
    padding-left: 0;
    padding-right: 0;
}

body.about-us .fcol-6 .container {
    padding: 0;
}

body.about-us #footer {
    margin-top: -40px;
}

body.about-us .fcol-2 {
    background: url(https://static.iyp.tw/409794/files/cbbd9f36-8e88-493e-83f0-c1d1e9a0265e.png) no-repeat center bottom; background-size: cover;
}
body.about-us .fcol-3 {
    background: url(https://static.iyp.tw/409794/files/fbbb2516-45fb-4209-bf5a-f06e1019c10b.png) no-repeat center top; background-size: cover;
}

body.about-us .fcol-3 .container {
    background: #2c2c2c url(https://static.iyp.tw/409794/files/94e97d8d-bb8e-48e7-bb46-ee4609aa0247.jpg) center;
    box-shadow: 3px 3px 7px 0px rgb(68 68 68 / 85%);
    background-attachment: fixed;
}

body.about-us .fcol-4 {
    background: url(https://static.iyp.tw/409794/files/1b140e45-c6f3-4c1b-a29d-d716fc1c929b.png) no-repeat center;
}

#wrap {
    background: url(https://static.iyp.tw/409794/files/6c0f78a3-474d-447e-a0ea-a4d214e3311f.jpg);
}

@media only screen and (min-width: 1240px){body.about-us .fcol-3 .container {
    width: 85%;
}}


@media only screen and (max-width: 576px) {
    .rwd-wrapper .col-2 {
        -webkit-flex:0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

/*產品介紹頁編輯框高度auto*/
body[data-type="fullpage"] #product-header.main {
      min-height: auto;
  }


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

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

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

/**/
.service_img {
  position: relative;
  
}


/*.service_img img{
  border-radius:15px;
}*/

.service_text {
  position: absolute;
  display: table-cell;
  z-index: 999;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 85%;
  color: #fff;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 15px 15px 15px;
  text-shadow: black 0.1em 0.1em 0.2em;
}

.service_text:hover {
  position: absolute;
  display: table-cell;
  z-index: 999;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  color: #fff;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 15px 15px 15px;
  background-color: rgba(0,0,0,0.55);
  transition: 0.5s;
}

.service_text div {
  font-size: 25px;
  line-height: 30px;
  position: relative;
  top: 50%;
  font-weight: bold;
}

@media (max-width: 768px) {
  .service_text div {
    font-size: 18px;
    line-height: 30px;
    position: relative;
    top: 50%;
  }
}


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

/*浮動按鈕*/
#call {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 225px;
    position: fixed;
}
#line {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 165px;
    position: fixed;
}

#line2 {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 105px;
    position: fixed;
}