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

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

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

#nav {margin-top: 30px; margin-bottom: -32px;}

#nav ul li.current a {color: #8c0006; background-color: #def1ed;border-radius: 10px 10px 0px 0px;}
#nav ul li a{color:  #353535; }
#nav ul li a:hover {color: #8c0006; background-color: #def1ed;border-radius: 10px 10px 0px 0px;}

.h1title {color: #4a847a; border-bottom: 4px dotted #98c3bb; text-align: center;}

ul.product-list li a{color: #ffffff; background-color: rgba(88, 88, 88, 0.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;}

body.about-us .fcol-2, body.about-us .fcol-3, body.about-us .fcol-4 {
    background: linear-gradient(-90deg, transparent 60px, #def1ed 0) no-repeat;
    background-size: 50%;
    border-bottom: 25px solid #fbfbfb;
}
body.about-us .fcol-6 {
    background: url(https://static.iyp.tw/40920/files/08a1144d-3c08-4350-93d6-72a6293dc41d.jpg) center;background-attachment: fixed;}

body.contact-us .fcol-1 {
    background: rgb(222 241 237 / 39%);
}


body.about-us #footer {margin-top: -40px;}

#footer {
    color: #b6b6b6;
    background-color: #31423e;
    margin-top: -40px;
}
.contact-row {
    font-size: 15px;
}

@media only screen and (min-width: 768px){.navbar-nav {background-color: rgb(156 214 233);}}
.navbar-nav>li>a {color: #333;}

.navbar-nav>li>a:hover, .navbar-nav>li>a:focus {color: #fdfdfd;}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus {color: #555;background-color:rgb(18 99 73 / 63%);}
.navbar-nav>.open>a, .navbar-nav>.open>a:hover, .navbar-nav>.open>a:focus {
    color: #e8e8e8;
    background-color: #090909;
    text-shadow: 0 1px 1px #000;
    background-color: rgb(18 99 73 / 63%);
}


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


/**/
.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(600 / 1920 * 100%); /* 注意圖片高度與寬度要去掉單位 */
}

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

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


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

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