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

#nav ul li.current a {color: #094760; background: #c0ebfe; border-radius: 20px 10px 20px 10px;}
#nav ul li a{color:  #353535;}
#nav ul li a:hover {color: #094760; background: #c0ebfe; border-radius: 20px 10px 20px 10px;}

#nav .subnav{background-color: #fff; max-width: 312px;}
#nav ul li .subnav a {color:#353535; background-color: #fff;}
#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: #094760; background: #c0ebfe; }
ul.product-list li a.focus, ul.product-list li a:hover {color: #5bcbf9;}

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

#bodyinhome .fcol-3 {
    background: url(https://static.iyp.tw/42538/files/90bbc88e-190c-4e3e-8729-363cae66707d.jpg)no-repeat center;
    background-size: cover;
}

#footer {
    color: #404040;
    background-color: #fbfbfb;
}

.contact-row h5 {
    color: #3c3c3c;
}

#footer a { color: #878787;}

#footer a:hover {color: #1a57b3;}

#foot-nav ul li a { color: #5e5e5e;}

#foot-nav ul li.current a, #foot-nav ul li a:hover {
    color: #1a57b3;
}

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

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

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

/**/
.topnavbar .container {
  text-align: justify;
  font-size: 0;
}

.topnavbar .container::after {
  content: "";
  display: inline-block;
  width: 100%;
}

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

/*產品輪播*/
.rwd-table {
  	overflow-y: visible !important;
}
#myDiv img {
        max-width: none;
}

/*--表格滑鼠移動變化--*/
#tb td a {
    display: block;
    height: 35px;
    line-height: 35px;
    background: #20baf8;
    color: #fbfbfb;
}
#tb td a:hover {
    background: #0886b8;
}

.box{
    position: relative;
    /*box-shadow: 0 0 5px #555;*/
}
.box img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
}
.box:hover img{
    filter: brightness(0.4);
}
.box .boxContent{
    width: 80%;
    height: 80%;
    position: absolute;
    top: 10%;
    left: 10%;
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
    text-align: center;
    transform: scale(0, 1);
    transition: all 0.35s ease 0s;
}
.box:hover .boxContent{
    transform: scale(1);
}
.box .title{
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    margin: 23% 0 20px;
    transform: translate3d(0, -100%, 0);
    transition: all 0.35s ease 0s;
}
.box .post{
    display: block;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    transform: translate3d(0, 100%, 0);
    transition: all 0.35s ease 0s;
}
.box:hover .title,
.box:hover .post{
    transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 990px){
    .box{ margin-bottom: 25px; }
}

/**/
#fb {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 105px;
    position: fixed;
}

#call {
    width: 55px;
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 165px;
    position: fixed;
}