@media only screen and (min-width: 768px){.topnavbar {background: linear-gradient(to top, rgb(161 140 209 / 0%) 0%, rgb(150 181 221) 100%);}}

body {background-color: #f1f1f1;}

#nav ul li.current a {color:  rgb(232 178 70 / 100%);}
#nav ul li a{color: #ffffff; text-shadow: 1px 1px 5px rgb(0 0 0 / 92%);}
#nav ul li a:hover {color: rgb(232 178 70 / 100%);}

#nav .subnav{background-color: #fff; }
#nav ul li .subnav a {color:#353535; text-shadow: 0px 0px 5px rgb(0 0 0 / 0%);}
#nav ul li .subnav a:hover {background: rgba(212, 200, 200, 0.1);}

.h1title {color: #5a5359; text-align: center; border-bottom:1px solid #dddddd; background: rgb(232 178 70 / 88%); border-radius: 30px;}

ul.product-list li a{color: #ffffff; background-color: #6a93c7;}
ul.product-list li a.focus, ul.product-list li a:hover {color: rgb(232 178 70 / 100%);}

ul.product-list li .desc {color: #b0e2e7;}
ul.product-list li a.focus .desc, ul.product-list li a:hover .desc {color: #272626;}

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

#bodyinhome .fcol-3 .container {
    width: 100%;
    padding: 0px 30px 0px 0px;
}



#bodyinhome .fcol-3 {
    background: #d0def1 url(https://static.iyp.tw/409762/files/daa2be21-363b-4b37-b5f0-bfc8bae788db.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
}

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

#bodyinhome .fcol-5 {
    background: url(https://static.iyp.tw/409762/files/66a9bc55-7ddd-42be-a109-8a3ca55f7536.png) no-repeat top;
}

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

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

body.about-us .fcol-2 {
    background: #cfdef1;
}

#wrap {
    background: url(https://static.iyp.tw/409762/files/06caabcf-60b9-4dd8-9c32-968476b426cf.jpg) no-repeat center bottom;
    background-size: contain;
}

@media only screen and (min-width: 768px){body[data-type="fullpage"]:not(#managehome) #wrap>*:not(:last-child) {
    margin-bottom: 0px;
}}

/*首頁區塊位置調整(第一區塊跟banner重疊)*/
#bodyinhome .topnavbar{z-index: 1000;}
#bodyinhome #main-wrap {
    margin-top: -79px;
    z-index: 999;
    /*background: #fff;*/
    background-size: 100%;
}
#bodyinhome #banner {z-index: -1;}
#bodyinhome .fcol-1 .container {
   background: rgb(232 178 70 / 88%);
    border-radius: 50px;
    padding: 22px;
}

@media only screen and (max-width: 414px) {
#bodyinhome .topnavbar{z-index: 1000;}
#bodyinhome #main-wrap {
    margin-top: -30px;
    z-index: 999 !important;
    background-size: 100%;
}
#bodyinhome #banner {z-index: -1;}
#bodyinhome .fcol-1 .container {
   background: rgb(232 178 70 / 88%);
    border-radius: 50px;
    padding: 22px;
}}

@media only screen and (max-width: 767px) {
  #bodyinhome .topnavbar{z-index: 1000;}
#bodyinhome #main-wrap {
    margin-top: -30px;
    z-index: 999 !important;
    background-size: 100%;
}
#bodyinhome #banner {z-index: -1;}
#bodyinhome .fcol-1 .container {
   background: rgb(232 178 70 / 88%);
    border-radius: 50px;
    padding: 22px;
}}

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

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

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

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

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


/*effect 2*/

.item {
  width: calc(95%/1);
  margin: 1%;
  float: left;
  overflow: hidden;
  position: relative;
}
.item img {
  max-width: 100%;
  display: block;
  transition: all 0.5s ease;
}

.text2 {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 42%;
  cursor: pointer;
  color: #fbfbfb;
  font-size: 1.5em;
  font-weight: 600;
  text-shadow: 1px 1px 8px BLACK;
}
.e2 img {
  transition: all 0.4s ease;
  border-radius: 35px;
}
.line{
  position:absolute;
  width: 0px;
  height: 0px;
  transition: all 0.5s ease;
  background: #ffffff;
}
.top{
  top:10%;
  left:50%;
}
.bottom{
  bottom:10%;
  left:50%;
}
.left{
  top:50%;
  left:10%;
}
.right{
  top:50%;
  right:10%;
}
.e2:hover img {
  -webkit-filter: brightness(.6);
  border-radius: 0%;
}
.e2:hover .top{
  left:10%;
  width: 80%;
  height: 1px;
}
.e2:hover .bottom{
  left:10%;
  width: 80%;
  height: 1px;
}
.e2:hover .left{
  top:10%;
  width: 1px;
  height: 80%;
}
.e2:hover .right{
  top:10%;
  width: 1px;
  height: 80%;
}

/**/
.container1{perspective:1000;transform-style:preserve-3d;}
.container1,.front1,.back1{width:100%;height:175px;}
.flip1{position:relative;transition:0.6s;transform-style:preserve-3d;}
.front1,.back1{position:absolute;top: 0px;left: 0px;backface-visibility:hidden;}
.front1{z-index:2;}
.back1{transform:rotateY(-180deg);}
.container1:hover .flip1{transform:rotateY(180deg);}


/**/
#call {
    width: 55px;
    right: 10px;
    z-index: 999;
    bottom: 165px;
    position: fixed;
}

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