.line-1{position:fixed;right:1%;top:30%;z-index:1000;}

.design3 img{
  height: 200px;
  width: 200px;
  background-color: #F0F0F0;
  padding: 4px;
  border: 1px solid #D5D5D5;
}

.topnavbar {
  background-image: linear-gradient(to right, #008b8b, #049940);/*頁籤底圖顏色;background-color: rgba(0,0,0,0);透明*/
  position: relative;/*頁籤&banner分開不重疊*/
  line-height: 0;
  padding: 0;/*頁籤間距*/
}

.topnavbar .container {
  text-align: center;
  padding: 0;
}

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

body {
    background-color: #fff;/*背景底色*/
}

/*編輯欄設定*/
#main-wrap .container {
  font-size: clamp(16px, 2vw, 18px);
  color: #000;
}/*編輯欄文字*/

body[data-type="fullpage"]:not(#managehome) #wrap>*:not(:last-child) {
    margin-bottom: 0px;
}

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

.fcol p{  
  line-height: 2;
  text-wrap: pretty ;  //適用內文,段落避開孤字
 }

h1, h2, h3, h4, h5, h6 { 
  text-wrap: balance ;  //適用標題和短文案,視覺效果更平衡
  color: #008b8b;
} 

/*頁籤底拉寬*/
#header .topnavbar .container {
  padding-left: clamp(30px, 4vw, 50px);
  padding-right: clamp(30px, 4vw, 50px);
  width: 100%;
}
/*nav*/
#nav {
  vertical-align: bottom;
}
#nav ul li a {
  white-space: normal; /*自動換行*/
  color: #fff;
  padding: 7px 10px;
  line-height: 1.3;
  transition: .3s;
  font-size:15px;
}

#nav ul li a:hover {
    color: #fff;
}

#nav ul li.current a {
    color: #fff;
} 

#nav .subnav {
    background-color: #049940;/*次頁籤底色*/
    max-width: 400px;/*次頁籤背景最大寬度*/
    width: max-content;/*最大內容*/
    text-align: left;
}

#nav .subnav .has-subnav span{
    max-width: 400px;/*次頁籤文字背景最大寬度*/
}

#nav li.has-subnav ul li.has-subnav>div a::after, #nav>ul>li.has-subnav>a::after {
    padding-left: 2px;/*下拉選單箭頭距離*/
}

.product-list-div h2 {
    text-shadow: 0 0px 0 #333;
}

ul.product-list li a.focus h3, ul.product-list li a:hover h3 {
    color: #464646;
}
ul.product-list li h3 {
    flex: 1 0 auto;
    max-height: 3.15rem;
    margin: 0.7rem 0;
    font-size: 1.05rem;
    line-height: 1.5;
    color: #7a7a7a;
    overflow: hidden;
    padding: 0 16px;
}

/*title文字顏色*/
.h1title h1{
    color: #000;
}

a {
    color: #008b8b;/*連結顏色*/
    text-decoration: none;
}

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

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(780 / 1920 * 100%); /* 自定響應式圖片高度 */
}

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

/*
#bodyinhome .fcol.fcol-2 {  display: none;}
#bodyinhome .fcol.fcol-4 {  display: none;}
*/

#wrap {
  background: url("https://static.iyp.tw/40565/files/e13057aa-edaa-450e-bf7c-1bb985087a23.jpg") no-repeat scroll center bottom transparent;position: relative;
}

/*footer */
#footer {
    color: #000;
    background-color: rgba(0,0,0,0);
}
#foot-nav {
    clear: both;
    padding: 1em 0;
    border-bottom: 1px solid #86c936;
}
#foot-nav ul li a {
    display: block;
    color: #000;
    font-size: 13px;
    margin-right: 10px;
    padding: 8px 12px;
}

#foot-nav ul li a:hover {
    color: #008b8b;
}

#foot-nav ul li.current a {
    color: #000;
}

#contact-info ul li span {
    color: #000;
}

.contact-row h5 {
    color: #555;
    padding: .5em 0 1em;
    width: 100%;
}

#footer a {
    color: #222;
}

#footer-service #copyright {
    display:none;
}