@media only screen and (min-width: 768px){
    .topnavbar {background-color: rgba(88, 88, 88, 0);
    padding: 0rem 0;
    background-image: url(https://static.iyp.tw/40690/files/1c31aa37-8ed9-451f-8117-d4ca81d7fc2d.png);
    background-repeat: no-repeat;
    background-position: center;}}

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

#nav ul li.current a {color: #90ebff; border-bottom: 3px solid #67eaff;}
#nav ul li a{color:  #ffffff; padding: 16px 30px;}
#nav ul li a:hover {color: #90ebff; border-bottom: 3px solid #67eaff;}

#nav .subnav{background-color: rgba(68, 95, 136, 0.9); max-width: 332px;}
#nav ul li .subnav a {color:#ffffff; text-align: left; padding: 16px ; border-bottom: 0px solid #67eaff;}
#nav ul li .subnav a:hover {background: rgba(212, 200, 200, 0.1);}

.h1title {color: #5a5359; border-bottom:1px solid #dddddd; text-align: center; background: #ddecf1;
border-radius: 50px 10px 50px 2px;}

ul.product-list li a{color: #165e9c; background-color: rgba(210, 210, 210, 0.38);}
ul.product-list li a.focus, ul.product-list li a:hover {color: rgba(234, 122, 6, 0.8);}

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

.fcol.fcol-side {
    display: none;
}

#side {
  display: none
}

.fcol-side + .fcol .main {
  width: 100%;
}

body[data-type="fullpage"].shopping .main-container.left-menu .fcol-side+.fcol, body[data-type="fullpage"].product .main-container.left-menu .fcol-side+.fcol {
    width: calc(1 * 1160px);
}

body.quality-assurance-inspection .fcol-2, body.quality-assurance-inspection .fcol-5 {
    background: url(https://static.iyp.tw/40690/files/b129c1ed-ee32-435b-b49d-ba995b5edc78.jpg)repeat center;
    background-attachment: fixed;
}

body.quality-assurance-inspection .fcol-3 {
    background: url(https://static.iyp.tw/40690/files/ebb586d4-3347-49c2-831e-9a5ada93940e.jpg)no-repeat bottom;
    background-attachment: fixed;
}

body.quality-assurance-inspection .fcol-4 {background: #eaeaea;}

body.about-us .fcol-2{background: rgb(51 153 102 / 11%);}
body.about-us .fcol-4, body.about-us .fcol-6 {background: #efefef;}

body.technical-support .fcol-2 {background-color: #efefef;}

#bodyinhome .fcol-6 {
    background: url(https://static.iyp.tw/40690/files/0d6fe569-7af7-43ac-8620-0d14e0ab6f18.png);
}

@media only screen and (max-width: 414px){
.rwd-wrapper .col-5 {
    width: 50%;
}}








/*產品介紹頁編輯框高度auto*/

body[data-type="fullpage"] #product-header.main {
      min-height: auto;
  }


/*首頁區塊位置調整*/

#bodyinhome .topnavbar{z-index: 1000;}
#bodyinhome #main-wrap {
    margin-top: -1px;
    z-index: 999;
    background-size: 100%;
}
#bodyinhome #banner {z-index: -1;}
#bodyinhome .fcol-1 .container {
    background: rgba(234, 122, 6, 0.82);
    border-radius: 36px;
}

#bodyinhome .fcol-4 {background-color: #efefef;}


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

/*內文字型大小顏色*/
#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(400 / 1920 * 100%); /* 內頁 banner 大小 */
}

/*gotop置頂設定*/
#gotop {
    position: fixed;
    right: 3px;
    bottom: 20px;
    padding: 10px 15px;
    font-size: 20px;
    border-radius: 33%;
    background-color: rgb(84 95 104 / 46%);
    color: white;
    cursor: pointer;
}
/*圖片滑鼠移入變化*/
.box{
    position: relative;
    overflow: hidden;
}
.box img{
    width: 100%;
    height: auto;
    transform: translateY(0);
    transition: transform 0.30s ease 0s;
}
.box:hover img{
    transform: translateY(-10%);
}
.box-content{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 25px;
    background: #ed9132;
    transform: translateY(100%);
    transition: all 0.30s ease 0s;
}
.box:hover .box-content{
    transform: translateY(0);
}
.box-content .title{
    color: #fff;
    margin: 0;
    padding: 0;
    display:inline-block;
    text-transform: capitalize;
}
.box-content .read{
    float: right;
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #3b5d84;
}
.box-content .read:hover{
    text-decoration: none;
}
@media only screen and (max-width: 990px){
    .box{ margin-bottom: 20px; }
}
@media only screen and (max-width: 359px){
    .box-content .title{ font-size: 19px; }
    .box-content .read{ width: 85px; }
}

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

/*左右上下置中*/
.row-center{
height: 100%;
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

/*按鈕反黑*/
.buttons-coll1 {
  width: 90%;
  margin: 5px auto;
  text-align: center;
}
button1 {
  margin: 10px;
}
.custom-btn1 {
  padding: 5px 25px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  background: transparent;
  outline: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}

/**** BTN No. 1 ****/
.btn-1 {
  border: 2px solid #000;
}
.btn-1:hover {
  background: #000;
  color: #fff;
}
.btn-1:active {
  top: 2px;
}

/**/
#call {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 225px;
    position: fixed;
}
#toline {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 160px;
    position: fixed;
}
#tomail {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 95px;
    position: fixed;
}





/*subnav
#nav .subnav {
min-width: 260px;
}*/

#nav .subnav {
    max-width: 600px;
}