/*line icon*/
.LINE {
  position: fixed;
  right: 0.3%;
  top: 16%;
  z-index: 1000;
  transform: scale(0.8);
}

/*IG icon*/
.IG {
  position: fixed;
  right: 0.3%;
  top: 26%;
  z-index: 1000;
  transform: scale(0.8);
}

/*Threads icon*/
.Threads {
  position: fixed;
  right: 0.3%;
  top: 36%;
  z-index: 1000;
  transform: scale(0.8);
}


/*整體文字調整*/
body {
  color: #333;
  font-size: 16px;
  margin: 0;
}

a {
  color: #333333;
  text-decoration: none;
}

a:hover {
  color: #898989;
}


/*.fcol .container */
.fcol .container {
  padding: 16px;
  letter-spacing: 2px;
}


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

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

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


/*內頁Banner*/
#bodyinpage .swiper-container {
  height: auto !important;
}

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

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


/*回首頁*/
.navbar-nav>li>a {
  color: #fff;
}

.topnavbar {
  box-shadow: 3px 3px 15px 0 #333;
  background-color: #231916;
  top: 0px;
  position: relative;
  z-index: 100;
  width: 100%;
  padding: .6rem 0;
  height: 100px;
  padding-top;
  0px;
}

.topnavbar .container {
  height: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: justify;
  font-size: 0;
}

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

body[data-type="fullpage"] .navbar-nav>li>a {
  display: none;
}


/*nav*/
#nav ul li a {
  white-space: nowrap;
  color: #fff;
  line-height: 1.3;
  font-weight: normal;
  padding: 10px 20px;
  font-size: 100%;
  border-right: 0px #888 dotted;
}

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

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

#nav ul .subnav li a {
  background-color: rgba(75, 75, 75, 0.45);
  color: #fff;
  text-align: left;
}

#nav .subnav {
  position: absolute;
  top: 100%;
  z-index: 998;
  background-color: rgba(75, 75, 75, 0.55);
}



/*h1*/
.h1title {
  color: #333;
  font-size: 2rem;
  font-weight: normal;
  border-bottom: 1px #333 dotted;
}


/*產品格*/
ul.product-list li .desc {
  display: block;
  min-height: 1.2rem;
  max-height: 2.4rem;
  margin-bottom: auto;
  font-size: .8rem;
  line-height: 1.5;
  word-break: break-word;
  color: #000;
  overflow: hidden;
  padding: 0 16px;
  display: none;
}


/*隱藏詳細介紹*/
ul.product-list li a.focus h3,
ul.product-list li a:hover h3 {
  color: #000;
}

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: #000;
  overflow: hidden;
  padding: 0 16px;
}


/*改產品格名稱顏色*/
ul.product-list div.img {
  background: #000;
}


/*產品格背景*/
ul.product-list li a {
  border: 0px solid #ddd;
  border-radius: 0px;
  background-color: transparent;
}


/*產品框線*/
ul.product-list li a.focus,
ul.product-list li a:hover {
  color: #000;
  border: 0px solid #000;
  box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.08)
}


/*產品格詳細介紹的產品格背景*/
.productdetail .detail-img a {
  outline: none;
  position: relative;
  height: 0;
  padding-bottom: 100%;
  display: block;
  background: #000;
  line-height: 0;
}

ul.product-list li a {
  border: 0px solid #ddd;
}


/*產品格去框線-1調成0*/
.product-list-div h2 {
  margin-bottom: 10px;
  border-bottom: 1px solid #dedede;
  padding: 6px 15px;
  padding-right: 15px;
  padding-left: 15px;
  text-shadow: 0 1px 0 #fff;
  font-size: 19px;
}


/*service*/
@media(max-width:767px) {
  .mobile-br:before {
    content: ' ';
    display: block;
  }
}


/*BG*/
#wrap {
  background: url(../../../../static.iyp.tw/42040/files/40db6680-0ff8-4a2c-844c-1fc977bf7966.jpg)no-repeat;
  background-position: bottom left;
  background-attachment: fixed;
}


/*最下層空白處去掉*/
body[data-type="fullpage"]:not(#managehome) #wrap> :not(:last-child) {
  margin-bottom: 0px;
}


/*Index_1*/
#bodyinhome .fcol.fcol-1 .container {
  padding: 0 200px;
}

@media(max-width:767px) {
  #bodyinhome .fcol.fcol-1 .container {
    padding: 0 0px;
  }
}

@media(max-width:428px) {
  #bodyinhome .fcol.fcol-1 .container {
    padding: 0 px;
  }
}

#bodyinhome .fcol.fcol-1 {
  background: url(../../../../static.iyp.tw/42040/files/401c106d-7b1f-4464-9c69-f5ead89ed40b.jpg)no-repeat;
  background-position: top center;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
  min-height: 300px;
  padding: 0px;
}


/*Index_2*/
/*
#bodyinhome .fcol.fcol-2 {
    background:url(https://static.iyp.tw/42040/files/77a35146-5799-4089-aa3f-98240bcdbd08.jpg)no-repeat;
    background-position:top center;
    background-size:cover;
    background-attachment:fixed;
    color:#fff;
    min-height: 300px;
    padding: 0px;
}
*/

/*Index3_6*/
#bodyinhome .fcol.fcol-2,
#bodyinhome .fcol.fcol-3,
#bodyinhome .fcol.fcol-4,
#bodyinhome .fcol.fcol-5,
#bodyinhome .fcol.fcol-6 {
  display: none;
}

/*櫥窗圖庫語法_輪播*/
/*
.owl-carousel.owl-theme {
  padding: 0 1rem 2rem;
}
.owl-carousel.owl-theme .owl-nav {
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
}
.owl-carousel.owl-theme .owl-dots {
	bottom: 0;
}
.owl-carousel.owl-theme button:focus {
	outline: none;
}
.owl-carousel.owl-theme .owl-nav,
.owl-carousel.owl-theme .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
}
.owl-carousel.owl-theme .owl-nav .owl-prev {
  float: left;
  transform: translateX(-100%);
}
.owl-carousel.owl-theme .owl-nav .owl-next {
  float: right;
  transform: translateX(100%);
}
.owl-carousel.owl-theme .owl-nav .owl-prev:hover,
.owl-carousel.owl-theme .owl-nav .owl-next:hover{
  background: none;
  color: inherit;
}
.owl-carousel.owl-theme .owl-nav .fa{
  font-size: 3em; /*箭頭大小*/
/*}*/

.editmode .owl-carousel.owl-loaded {
  display: flex;
  flex-wrap: wrap;
}

.editmode .owl-carousel>div {
  flex: 0 0 25%;
  max-width: 25%;
}

/*
.owl-carousel.owl-theme .owl-dots {
    display: none;
}/*隱藏點點*/





/*文字滑過變色方塊*/
.serveimg {
  display: block;
  text-align: center;
  width: 100%;
  min-height: 100px padding-bottom: 100%;
  background: #333333;
  overflow: hidden;
  position: relative;
  padding: 10px 10px;
}

.serveimg:hover {
  display: block;
  text-align: center;
  width: 100%;
  min-height: 100px padding-bottom: 100%;
  background: #898989;
  overflow: hidden;
  position: relative;
  padding: 10px 10px;
}


/*Service*/
.pro.row p {
  border: 1px dashed #333333;
  padding: 5px;
  border-radius: 15px;
}

.pro.row p:hover {
  background: #333333;
  color: #fff;
  border: 0px dashed #073e64;
  padding: 5px;
  border-radius: 15px;
}