@media only screen and (min-width: 768px){.topnavbar {background-color: rgb(39 39 39 / 50%);}}
@media only screen and (max-width: 414px) {.topnavbar {background: #1b1c1e;}}

.topnavbar .container {
  text-align: justify;
  font-size: 0;}
.topnavbar .container::after {
  content: "";
  display: inline-block;
  width: 100%;}

#bodyinpage {
  background-color: #ffffff;}

#nav ul li.current a {color: #ffd400;}
#nav ul li a{color:  #fbfbfb; }
#nav ul li a:hover {color: #ffd400;}

ul.product-list li a{color: #ffffff; background-color: #1b1c1e;}
ul.product-list li a.focus, ul.product-list li a:hover {color: #fce1b8;}

a {color: #46413e;}
.news .fcol .news-list li a:hover, .news .news.main-content li a:hover {color: #e5322d;}

.h1title {
  color: #5a5359; 
  border-bottom:1px solid #dddddd; 
  text-align: center;
  font-size: 40px;
  font-family:'Noto Sans TC', sans-serif;
  font-weight: 700;
}

.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(800 / 1920 * 100%); /* 注意圖片高度與寬度要去掉單位 */
}

.swiper-slide {
  width: 100% !important;
}

body.about-us .fcol-2 {
    background: url(https://static.iyp.tw/409856/files/379f4981-675a-4e99-a5b4-20e2b346440b.png) bottom center;
    background-attachment: scroll;}

body.about-us .fcol-3 .container,body.about-us .fcol-5 .container {
    background: #ececec;
    border-radius: 20px 20px 0px 0px;
    border-bottom: 4px solid #ffd400;
    padding: 0px;
    width:50%;
}
body.about-us .fcol-4 {
    padding-bottom: 20px;}
body.about-us .fcol-4 .container {
    padding-top: 0px;
    background: url(https://static.iyp.tw/409856/files/53a5ab9f-1f35-42b1-a990-f7c39c3abffa.png) bottom center;
    background-attachment: scroll;
    border-radius: 20px;
}

body.about-us .fcol-6 .container {
    padding-top: 0px;
    background: #ececec;
    border-radius: 20px;
}
body.about-us .fcol-6 {
    padding-bottom: 20px;
    background: url(https://static.iyp.tw/409856/files/ee1de352-66a9-4503-8729-184e49f6a650.png) bottom center;
    background-attachment: scroll;}

body.about-us #footer {
    margin-top: -40px;
}

/*圖片放大透明*/
.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;
    border-radius: 50%;
    z-index: 999;
    bottom: 240px;
    position: fixed;
}
#line2 {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 185px;
    position: fixed;
}