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

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

.topnavbar {
  background-color: #fff;
  top: 0px;
  position: relative;
  z-index: 100;
  width: 100%;
  padding: 0;
}

.topnavbar .container {
  padding-top: 0px;
  padding-bottom: 0px;
}

/*nav*/

#nav ul li a {
  white-space: nowrap;
  color: #333;
  line-height: 1.3;
  font-weight: bold;
  padding: px 15px;
  font-size: 95%;
  border-right: 1px #888 dotted;
}

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

#nav ul li.current a {
  background: #1580c3;
  color: #fff;
  font-weight: 600;
}

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

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

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

.fcol .container {
  color: #222;
  font-size: 15px;
}

p {
  line-height: 2;
}

.h1title {
  color: #5a5359;
  border-bottom: 1px solid#dddddd;
}

body.about-us .fcol.fcol-3 {
  margin-top: -19px;
}

body.about-us .fcol.fcol-3 {
  background: rgba(0,0,0,0.1);
}

body.about-us .fcol.fcol-5 {
  display: none;
}

body.about-us .fcol.fcol-6 {
  display: none;
}

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

body {
  background-image: url(https://static.iyp.tw/4625/files/df516974-8971-42dc-86c2-f8fc5f5ee108.png);
  background-repeat: repeat;
  background-attachment: fixed;
}

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

#footer {
  color: #fff;
}

#foot-nav {
  border-bottom: 1px solid #ddd;
}

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

#footer {
  background: url(https://static.iyp.tw/4625/files/25cf9775-7685-4fb4-ad7a-fee5e3937202.png) no-repeat;
}

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

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

ul.product-list li a:hover {
  color: #fff;
  background-color: rgba(57,74,84,1);
}

ul.product-list li a {
  color: #000;
  background-color: rgba(57,74,84,0.3);
}

#service .list article {
  background: #fff;
  width: 90%;
  margin: 0%;
  box-shadow: 0px 5px 15px
    rgba(0,0,0,0.16);
  padding: 15px 15px 5px;
  text-align: left;
  height: 300px;
}

@media screen and (max-width: 768px) {
  #service .list article {
    height: 300px;
  }
}

#service .list article a {
  display: block;
}

#service .list article .image_hover {
  height: 60%;
  display: flex;
  align-items: center;
}

#service p {
  font-size: 90%;
  padding: 8px 0px;
  color: #777;
}

#service p span {
  padding: 8px 0px;
  color: #000;
}

.image_hover {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.image_hover img {
  margin: auto;
  transition: transform 0.6s ease;
}

.image_hover:hover img {
  transform: scale(1.2);
}

.project .dfd-folio-categories .byline.category {
  display: inline-block;
  overflow: hidden;
  margin-bottom: 10px;
}

span.cat-name {
  background: #297aa3;
  padding: 5px 10px;
  float: right;
}

/*詳細資訊*/

#tb td a {
  display: block;
  height: 35px;
  line-height: 35px;
  background: #1e82c5;
  color: #fff;
}

#tb td a:hover {
  background: #000;
}

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