#call {
    /*width: 45px;*/
    right: 10px;
    border-radius: 50%;
    z-index: 999;
    bottom: 210px;
    position: fixed;
}


#cellphone {
    /*width: 45px;*/
    right: 10px;
    z-index: 999;
    bottom: 155px;
    position: fixed;
}
#gomap {
    /*width: 45px;*/
    right: 10px;
    z-index: 999;
    bottom: 100px;
    position: fixed;
}


body {
    background-color: #fff;
    margin: 0;
}

@media only screen and (min-width: 768px){.topnavbar {
  background: linear-gradient(135deg, #d0eaff 0%, #ffffff 100%);
  position: relative;/*banner不被遮住*/
  padding: 0;
}}

.topnavbar .container {
  text-align: center;
  font-size: 0;
}
.topnavbar .container::after {
  content: "";
  display: inline-block;
  width: 100%;
}
.topnavbar {
  background: linear-gradient(135deg, #d0eaff 0%, #ffffff 100%);
  top:0px;
  position: relative;
  z-index:100;
  width:100%;
  padding: 0;
}

#nav ul li.current a {color: #000c65;}
#nav ul li a{color:  #1b1b1b;}
#nav ul li a:hover {color: #0069bb;}

/* 首頁與內頁共用 */
.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
}

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

/* 首頁 */
#bodyinhome .swiper-wrapper, #bodyinhome .swiper-slide {
  padding-bottom: calc(800 / 1920 * 100%); /* 首頁 banner 大小 */
}

/* 內頁 */
#bodyinpage .swiper-wrapper, #bodyinpage .swiper-slide {
  padding-bottom: calc(800 / 1920 * 100%); /* 內頁 banner 大小 */
}

/*ipheno尺寸調整*/
@media only screen and (max-width: 576px) {
    .rwd-wrapper .col-2 {
        -webkit-flex:0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;}}

/*每頁大標*/
.h1title {
  color: #0066b4;
  font-family: "Noto Sans TC", "PingFang TC", sans-serif;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 1.5rem 0 1rem;
  padding: 10px 16px 10px 20px !important;
  background: linear-gradient(135deg, #d0eaff 0%, #ffffff 100%); /* 冰爽淺藍漸層背景 */
  border-left: 7px solid #0066b4;
  border-radius: 0 6px 6px 0;
  /* 輕微陰影，模擬冰塊透光層次感 */
  box-shadow: 0 2px 5px rgba(0, 168, 232, 0.08);
}

/*網頁欄位*/
body.about-us .fcol-1 {
    background: url(https://static.iyp.tw/38342/files/b7e1a134-fc11-43db-97aa-9b0bbb668940.png) no-repeat center;
}
body.about-us .fcol-1 .container {padding:30px;}

body.about-us .fcol-2 {
    background: url(https://static.iyp.tw/38342/files/2b425c70-d4ce-48af-828d-ff754a9f84da.png) no-repeat center;
}

body.about-us .fcol-3, body.about-us .fcol-4, body.about-us .fcol-5, body.about-us .fcol-6 {display:none;}


/* From Uiverse.io by portseif */ 
.phone-btn {
  background-color: #ffffff;
  border: 1px solid rgb(209, 213, 219);
  border-radius: 0.5rem;
  color: #111827;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  padding: 0.75rem 1rem;
  text-align: center;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.phone-btn:hover {
  background-color: #f9fafb;
}

.phone-btn:focus {
  outline: 2px solid rgba(0, 0, 0, 0.1);
  outline-offset: 2px;
}

.phone-btn:focus-visible {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*商品*/
.snip1576 {
  background-color: #fff;
  color: #444;
  display: inline-block;
  font-family: "Noto Sans TC", 'Roboto', sans-serif;
  font-size: 24px;
  margin: 8px;
  max-width: 330px;
  min-width: 250px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

.snip1576 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1576:after {
  background-color: #0066b4;
  height: 150%;
  bottom: -145%;
  content: '';
  left: 0;
  right: 0;
  position: absolute;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.snip1576 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.snip1576 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1em;
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.snip1576 h3 {
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0;
  text-transform: uppercase;
}

.snip1576 h3 span {
  display: block;
  font-weight: 700;
}

.snip1576 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip1576:hover > img,
.snip1576.hover > img {
  opacity: 0.1;
}

.snip1576:hover:after,
.snip1576.hover:after {
  bottom: 95%;
}

.snip1576:hover figcaption,
.snip1576.hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

/*產品頁面*/
ul.product-list li a{
    color: #1b1b1b;
    background-color: #d0eaff;
    text-align: center;}
ul.product-list li a.focus, ul.product-list li a:hover {color: #0069bb;}

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