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

@media (min-width: 1200px){
body[data-type="fullpage"] .topnavbar .container {
    width: 100%;
}}

@media only screen and (max-width: 414px) {#header {
    background:#1993b8;
}}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
   #header { background:#1993b8;
}}
@media only screen and (max-width: 576px) {
  #header {  background:#1993b8;
}}

@media only screen and (min-width: 768px) {
 body.about-us .topnavbar {
    position: fixed;
    margin-top: -40px;
  }
.topnavbar {
    position: fixed;

  }
   body.machine-upgradation .topnavbar {
    position: fixed;
    margin-top: -40px;
  }
}

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

#nav ul li.current a {color: #f8b500;}
#nav ul li a{color: #ffffff;}
#nav ul li a:hover {color: #f8b500;}

#nav .subnav{background-color: #1993b8;}
#nav ul li .subnav a {color:#ffffff;}
#nav ul li .subnav a:hover {background: rgba(212, 200, 200, 0.1);}


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

ul.product-list li a{color: #4e4e4e; background-color: rgb(233 233 233 / 38%);}
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;}

#footer {
    background:#393e46 url(https://static.iyp.tw/409230/files/dfb2f959-be27-4546-a223-d8e62c85ad11.jpg) no-repeat center bottom;
    background-size: 100%;
}

/*首頁美編*/

#bodyinhome .fcol-1 {
    background: #393e46;
    color: #ece8d9;
}

#bodyinhome .fcol-2 {
    background: url(https://static.iyp.tw/409230/files/8a1dd7a4-2bb6-4246-ba62-550f2d8f5d0b.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

#bodyinhome .fcol-4, #bodyinhome .fcol-5 {
    background: #bfd1d7;
}

#bodyinhome .fcol-5 .container {
    width: 100%;
}

#bodyinhome .fcol-6 {
    display: none;
}

#bodyinhome #footer {
    margin-top: -40px;
}

/*內頁標題刪除(產品頁除外)*/
body.about-us .fcol-header, body.engineering-service .fcol-header,body.machine-upgradation .fcol-header, body.contact-us .fcol-header {
    display: none;
}

/*關於我們banner刪除調整*/
body.about-us #banner {
    display: none;
}
/*body.about-us .topnavbar {
    top: -100px;
}*/

body.about-us .fcol-1 {
    background: url(https://static.iyp.tw/409230/files/f3c9b108-a35b-4a28-90d2-4e3620e80eed.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

body.about-us .fcol-1 .container {
    width: 95%;
}
body.about-us #wrap{
    background: #ece9da;
}

/**/
body.machine-upgradation .fcol-1 .container {
    width: 100%;
}

body.machine-upgradation .fcol-1 .container {
    padding: 0px;
}

body.machine-upgradation #banner {
    display: none;
}

body.machine-upgradation .fcol-1 {
    background: url(https://static.iyp.tw/409230/files/a2d5813a-0fb7-4cab-8d49-1f3a869aae84.jpg) no-repeat center;
}

body.contact-us .fcol-1 .container {
    width: 90%;
}

/*wrap往上調整*/
@media only screen and (max-width: 414px) {
  #main-wrap {
    margin-top: -40px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #main-wrap {
    margin-top: -40px;
}
}
@media only screen and (max-width: 576px) {
  #main-wrap {
    margin-top: -40px;
}
}

/*內文字型大小顏色*/
#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;}

/* 首頁與內頁共用 */
.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(800 / 1920 * 100%); /* 首頁 banner 大小 */
}

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

/*banner高度調整*/
@media only screen and (min-width: 768px){#bodyinhome #banner {top: 100px;} #bodyinhome #main-wrap {margin-top: 100px;} #bodyinhome #ndc-banner-editor {top: 100px;}}

@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%
    }
}

/**/
.grow:hover
{
 -webkit-animation: swing 1s ease;
 animation: swing 1s ease;
 -webkit-transform: translateY(-4px);
 transform: translateY(-4px);
}


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

/*圖片透明效果*/
.img3{
    opacity: 1.0; //設為完全不透明
    filter: alpha(opacity=50); // IE8 與更早的版本
}
.img3:hover{
    opacity: 0.5; //透明度設為 0.5
    filter: alpha(opacity=100); // IE8 與更早的版本
}

/*--表格滑鼠移動變化--*/
#tb td a {
    display: block;
    height: 35px;
    line-height: 35px;
    background: rgb(255 249 224 / 0%);
}
#tb td a:hover {
    background: rgb(124 124 124 / 48%);
}

/*#main-wrap {
    margin-top: 85px;
}*/