.map{position:fixed;right:0.3%;top:60%;z-index:1000}
.phone{position:fixed;right:0%;top:50%;z-index:1000}
.line-1{position:fixed;right:0%;top:40%;z-index:1000} 
 

.design2 img{
	height: 120px;
	width: 170px;
   border:3px #c8c8c8 solid;
}
.design3 img{
	height: 150px;
	width: 200px;
   border:3px #c8c8c8 solid;
}
.div_radius{
border-radius: 16px 0px 16px 0px;
-webkit-border-radius: 16px 0px 16px 0px;
-moz-border-radius: 16px 0px 16px 0px;
  line-height:34px;
  background-color:#359b68;
}

.line{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}


#bodyinhome .fcol.fcol-4 {
   width: 100%;
   background-image: -webkit-linear-gradient(90deg,#01723a 80% ,#ffffff00  50.1%);/*頁籤底色漸層*/
}
#bodyinhome .fcol.fcol-1 {
background-image:url("https://static.iyp.tw/42668/files/5c8a0358-c741-4441-8012-0cc09186a680.jpg");
  background-attachment:fixed;
}
#bodyinhome .fcol.fcol-2 {
   display:none;
}
#bodyinhome .fcol.fcol-3 {
   display:none;
}
#bodyinhome .fcol.fcol-5 {
   display:none;
}
#bodyinhome .fcol.fcol-6 {
   display:none;
}


/*文字*/
.word {
   padding: 10px;
  font-weight:bold;
  color: #fff;
  background-color: #b4884e;

}

.word:hover{
   padding: 10px;
  	transition:0.7s;
  color: #fff;
  font-weight:bold; 
  background-color: #cc7506;
}




/*手機版漢堡選單*/
.navbar .container {
    background-color: #333; /*導覽列背景顏色樣式*/
}
.navbar-icon-bar {
  width: 28px; /* 三變大*/
  height: 4px; 
  background-color: #fff; /* 填入想要的三條線顏色 */

}
.navbar-icon-bar:before, .navbar-icon-bar:after {
    background-color: #fff;
}
.navbar .rwd-navbar-toggle {
    padding-right: 150px !important;/*導覽列文字範圍右間距寬度*/
}
.navbar .rwd-navbar-toggle .label {
    left: 45px;
    font-size: 1.0rem; /*導覽列文字尺寸*/
    color: #fff; /*導覽列文字顏色樣式*/
    background-color: #ec8710;
    border-radius: 3px;
    padding: 4px;
}
@media only screen and (max-width: 767px){
.rwd-side .nav li {
    border-bottom: 1px #ccc dashed; /* 展開連結文字底虛線 */
}
.rwd-side .nav span {
    color: #fff; /* 展開連結文字顏色 */
}}
#logo{
  display:block;
}
.topnavbar .container {
  text-align: center;

}

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

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

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

@media only screen and (min-width: 768px){
.topnavbar {
    background-color: #fff;/*頁籤底圖顏色;background-color: rgba(0,0,0,0);透明*/
    height: 132px;/*頁籤底圖高度*/
    padding: 0;/*頁籤間距*/
      position: relative;
    border-bottom-width: 33px;/*頁籤底圖下邊框*/
    border-bottom-style: solid;/*頁籤底圖下邊框樣式(solid實線;dashed虛線;double雙線)*/
    border-bottom-color: #01723a;/*頁籤底圖下邊框顏色*/
}}

#nav ul li a {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    color: #fff;/*頁籤文字顏色*/
    padding: 10px 20px 10px 20px;/*頁籤文字間隔;padding:2px 16px 2px 16px;*/
    line-height: 1;
    transition: .3s;
    font-size:15px;
    letter-spacing:0.8px;
    border-left: #013d10 1px solid;/*頁籤文字間隔線*/
}

#nav ul li a:hover  {
    color: #ffffff;/*頁籤滑過文字顏色*/
    background: rgb(17,153,37); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(122,188,255,1) 0%, rgba(17,153,37,1) 45%, rgba(12,75,9,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(122,188,255,1) 0%,rgba(17,153,37,1) 45%,rgba(12,75,9,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(122,188,255,1) 0%,rgba(17,153,37,1) 45%,rgba(12,75,9,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#321e70',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#nav ul li.current a {
    color: #ffffff;/*頁籤滑過文字顏色*/
    background: rgb(17,153,37); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(122,188,255,1) 0%, rgba(17,153,37,1) 45%, rgba(12,75,9,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(122,188,255,1) 0%,rgba(17,153,37,1) 45%,rgba(12,75,9,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(122,188,255,1) 0%,rgba(17,153,37,1) 45%,rgba(12,75,9,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#321e70',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


#nav .subnav {
    background-color: #fff;/*次頁籤底色*/
}


/*title文字顏色*/
.h1title {
    color: #6b5d2c;
}


.swiper-container {
  height: auto !important; /* 將容器預設的高拿掉 */
}

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

.swiper-slide {
  width: 100% !important; /* 強制圖片寬度隨容器變更 */
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: inherit;
    color: #000;
}


.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: #aa5725;
}
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;
}


#footer {
    color: #fbfbfb;
    background-color: #01723a;

}
#foot-nav {
    clear: both;
    padding: 1em 0;
    border-bottom: 1px solid #fbfbfb;
}
#foot-nav ul li a {
    display: block;
    color: #fbfbfb;
    font-size: 1.06em;
    margin-right: 10px;
    padding: 8px 16px;
}
#contact-info ul li span {
    color: #fbfbfb;
}

/* 消除空白*/
body[data-type="fullpage"]:not(#managehome) #wrap>*:not(:last-child) {
    margin-bottom: 0px;
}
#nav ul li a {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    color: #fff;
    line-height: 10px;
    transition: .3s;
    font-size:15px;
}

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

#nav ul li.current a {
    color: #fff;
 } 
#nav .subnav {
    background-color: #333;
}




/*手機版漢堡選單*/
.navbar .container {
    background-color: #333; /*導覽列背景顏色樣式*/
}
.navbar-icon-bar {
  width: 28px; /* 三變大*/
  height: 4px; 
  background-color: #fff; /* 填入想要的三條線顏色 */

}
.navbar-icon-bar:before, .navbar-icon-bar:after {
    background-color: #fff;
}
.navbar .rwd-navbar-toggle {
    padding-right: 150px !important;/*導覽列文字範圍右間距寬度*/
}
.navbar .rwd-navbar-toggle .label {
    left: 45px;
    font-size: 1.0rem; /*導覽列文字尺寸*/
    color: #fff; /*導覽列文字顏色樣式*/
    background-color: #ec8710;
    border-radius: 3px;
    padding: 4px;
}
@media only screen and (max-width: 767px){
.rwd-side .nav li {
    border-bottom: 1px #ccc dashed; /* 展開連結文字底虛線 */
}
.rwd-side .nav span {
    color: #fff; /* 展開連結文字顏色 */
}}





.content {
  width: 100%;
}

.photos {
  width: 100%;
  margin: 0 auto 5px;
  display: flex;
  justify-content: center;
}

.thumbnails {
  width: 100%;
  height: 250px;
  margin: 5px;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: transform .3s;
}

.thumbnails img {
  width: 100%;
  object-fit: cover;
  object-position: 50% 20%;
}

.black {
  text-align: center;
  background: #333;
  background-blend-mode: multiply;
  color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: .7;
}

.title {
  color: #fff;
  font-size: 2em;
  align-self: center;
  position: absolute;
  z-index: 10;
  font-family:"微軟正黑體";
}
.black, .title {
  transition: opacity .3s;
}

.title a:link{
      color: #fff;
  font-weight:bold;
  font-size: 30px;
  font-family:"微軟正黑體";
}
.thumbnails:hover {
  cursor: pointer;
  transform: scale(1.05);
  z-index: 20;
}

.thumbnails:hover .black,
.thumbnails:hover .title {
  opacity: 0;
}