.phone{position:fixed;  right:1%;  top:35%;  z-index:1000 }

/*回首頁改色*/
.navbar-nav {
  background-color: #0072ff;/*回首頁按鈕背景*/
  color: #fff;
}

/*手機版-側欄浮動按鈕-縮小*/
@media (max-width: 414px){ 
  .phone, .fb, .line-01, .ig, .map, .wechat, .shop-1, .x-twitter, .pixnet, .mail-01 { 
    transform: scale(0.8);
    right:0;
  }
}

#logo h1 {
    height: 70px;
}

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



.topnavbar {
     background-color: #fff;/*頁籤底圖顏色*/
    position: relative;/*頁籤&banner分開不重疊*/
    padding: 0px;/*頁籤距離*/

}

/* 首頁與內頁共用 */
.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(600 / 1920 * 100%); /* 首頁 banner 大小 */
}

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

#nav ul li a {
    color: #57524c;/*頁籤文字顏色*/
    padding: 10px 10px;/*頁籤文字間隔*/
    /*border-left: #999 1px dotted;頁籤文字間隔虛線*/
    font-size:16px;
   font-weight: bold;
}

#nav ul li a:hover  {
  color: #0072ff;/*頁籤滑過文字顏色*/
}
#nav ul li.current a { 
  color: #0072ff;/*頁籤滑過文字顏色*/
}

#nav ul li a::before {
  content:"";
  border-top:3px solid #0072ff;
  width:0;
  position:absolute;
  left:0;
  right:0;
  top:35px;
  margin:0 auto;
  transition:.3s all ease;
}

#nav ul li a:hover::before {
    width: 30%;
}

#nav li.has-subnav ul li::after {  
    content: "";
    position: absolute;
    width: 0px;
    height: 20px;
    background: #fff;
    left: 0;
     top: 15px; 
}

#nav .subnav li a:hover::before  {
    display:none;
}

#nav ul li .subnav a { 
  background-color: #fff; 
  text-align: left;
  font-size:14px;

}


#nav ul li .subnav a:hover  {
    background-color: #0072ff;
    color: #ffffff; 
}

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

@media (min-width: 414px){ 
.fcol.fcol-header { /* Permalink - use to edit and share this gradient. 固定鏈接 - 用於編輯和分享此漸變： https://colorzilla.com/gradient-editor/#1e5799+0,207cca+31,207cca+31,2989d8+36,ffffff+36 */
background: linear-gradient(135deg,  rgba(30,87,153,1) 0%,rgba(32,124,202,1) 31%,rgba(32,124,202,1) 31%,rgba(41,137,216,1) 50%,rgba(255,255,255,0.0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}}

@media (max-width: 414px){ 
.fcol.fcol-header { /* Permalink - use to edit and share this gradient. 固定鏈接 - 用於編輯和分享此漸變： https://colorzilla.com/gradient-editor/#1e5799+0,207cca+31,207cca+31,2989d8+36,ffffff+36 */
background: linear-gradient(135deg,  rgba(30,87,153,1) 0%,rgba(32,124,202,1) 31%,rgba(32,124,202,1) 31%,rgba(41,137,216,1) 70%,rgba(255,255,255,0.0) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}}

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

#bodyinhome .fcol.fcol-2, #bodyinhome .fcol.fcol-4 { background-color: #eeeeee;}




/* 文字放大-新做法*/

#main-wrap .container {
     font-size: clamp(1.2rem, 1.5vw, 1.5em);
     line-height:30px;
     color: #000;
}
#footer {
   font-size: 12px;
}
  

/* 背景*/
body {
   background-color:#fff;
font-family: "Noto Serif JP", serif;
}


/*響應欄表格col-4 col-5 col-6 col-7 手機版強制2欄 寬度50%*/
@media only screen and (max-width: 576px){
.serve-item .col-4 { max-width: 50%;}
.serve-item .col-5 { max-width: 50%;}
.serve-item .col-6 { max-width: 50%;}
.serve-item .col-7 { max-width: 50%;}
}