.phone{position:fixed;right:1%;top:25%;z-index:1000}
.line1{position:fixed;right:1%;top:40%;z-index:1000}
.fb{position:fixed;right:1%;top:55%;z-index:1000}

/*營業項目表格效果*/
.table-1{
 border-collapse: separate;
  border-spacing: 0;
}
.table-1 tr{
  border: 1px solid #ba215e;
}
.table-1 td{
  text-align: center;
  font-size: 16px;
  margin: 10px ;
  border: 1px solid #ba215e;
  padding: 5px 10px;
  background-color: #ba215e;
  border-radius: 10px;
  color: #FFF;
}

.btn-1 {
    background-color: #fff; /* 按鈕表格底色 */
    color: #333;
    padding:10px;
}
.btn-1:hover{
    background-color: #000 /* 當滑鼠經過時按鈕表格底色變化 */
    color: #ffffff;/* 當滑鼠經過時按鈕表格文字變化 */
}
#nav .subnav {
    background-color: #fff;/*次頁籤底色*/
}
.bold-700{
font-family: 'Noto Serif TC', serif;
}

#nav .subnav {
    position: absolute;
    top: 100%;
    z-index: 1000;
    background-color: #eee;/*次頁籤底色*/
    opacity: 0;
    pointer-events: none;
    -webkit-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: opacity 0.3s ease-in-out,-webkit-transform 0.25s cubic-bezier(0.7, 0, 0.3, 1);
    transition: opacity 0.3s ease-in-out,transform 0.25s cubic-bezier(0.7, 0, 0.3, 1);
    transition: opacity 0.3s ease-in-out,transform 0.25s cubic-bezier(0.7, 0, 0.3, 1),-webkit-transform 0.25s cubic-bezier(0.7, 0, 0.3, 1);
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
/*圓型按鈕*/
.cir{
   height: 150px;
	width: 150px;
   color: #2a3d4e;
   padding: 30px;
   border: 3px solid #2e4050;
   font-weight:bold;
   border-radius: 50%;
   background-color: #fff;
   margin-left: auto; 
   margin-right: auto;
}

.cir:hover{
   height: 150px;
	width: 150px;
   padding: 30px;
   border: 3px solid #fff;
   border-radius: 50%;
  	transition:0.8s;
  color: #fff;
  background-color: #fff500;
  font-weight:bold;
}



/**文字按鈕特效**/
button{ 
  width: 100%;/*寬度*/
  font-size: 16px;/*文字大小*/
  cursor:pointer; 
  clear:both; 
  padding:10px 30px; /*內間距*/
  display:inline-block; 
  margin: auto 0 auto;/*左右置中*/
  transition:all 0.8s, color 0.3s 0.3s; 
  background:#255e9e; /*背景顏色*/
  color:#fff;/*文字顏色*/
  border-radius: 10px; /*框線圓角*/
  border: #cacaca 0px solid;/*框線樣式*/
  font-family:"微軟正黑體";
}
/*general hover*/
a:hover, button:hover{
  color:#fff;/*連結滑入文字顏色*/
}
/*特效樣式effects*/
.btn-left:hover{ box-shadow:300px 0 0 0 rgba(0,0,0,0.5) inset;}
/**文字按鈕特效**/

/**文字按鈕特效**/
.topnavbar {
      background-color:#fff;
      padding:0px;
      position: relative;/*頁籤&banner分開不重疊*/
      box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);

}

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

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

/* 首頁與內頁共用 */
.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 大小 */
}

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

#bodyinhome .fcol.fcol-3  .container{
  width:100%;
  background-color:#eee;
}
#bodyinhome .fcol.fcol-4{
     display:none;
}
#bodyinhome .fcol.fcol-5{
     display:none;
}
#bodyinhome .fcol.fcol-6{
  display:none;
}

#nav ul li a {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    color: #666;
    transition: .3s;
  font-size:15px;
}

#nav ul li a:hover {

    color: #333;

}

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



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

/*(圖片剪裁+文字壓圖)連結設定,圖片自動縮放剪裁多餘部分*/
figure.snip {
  cursor: pointer;/*游標手指*/
  margin-left:auto; /*圖片水平置中*/
  margin-right:auto; /*圖片水平置中*/
  margin-top: 0px;
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;/*剪裁縮放特效*/
  min-width: 240px;/*最小寬度*/
  max-width: 100%; /*最大寬度*/
  width: 100%;/*寬度*/
  height: 350px;/*高度*/  
  background-color: transparent; /*背景透明顏色*/ 
  font-size:15px;/*文字大小*/
  color: #333333;/*文字顏色*/
  text-align: center;/*文字置中*/
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);/*底框陰影*/
}

figure.snip * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

figure.snip img {
   position: relative;
   object-fit: cover;/*圖片剪裁不拉伸壓縮cover ( contain不拉伸壓縮.等比縮放)*/
   height: 100%; /*高度*/
   width: 100%; /*寬度*/
   background-color: #ffffff; /*圖片層背景顏色*/ 
   -webkit-transition: all 0.55s ease;/*圖片透明度-動態漸變時間速度*/
   transition: all 0.55s ease;/*圖片透明度-動態漸變時間速度*/
   opacity: 1;/*圖片透明度*/
}

figure.snip:hover img {
  opacity: 0.8;/*圖片滑過透明度*/
  -webkit-transform: scale(1.1);/*圖片滑過動態放大*/
  transform: scale(1.1);/*圖片滑過動態放大*/
}

figure.snip a {
  position: absolute;/*圖片連結位置絕對定位*/
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;/*連結層級*/
}

figure.snip figcaption {
 position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background-image: -webkit-linear-gradient(bottom,rgba(255,255, 255, 0.8) 20%, transparent 30%);
  background-image: linear-gradient(bottom,rgba(255,255, 255, 0.8)  20%, transparent 30%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

}

/*h2標題文字設定*/
figure.snip h2 {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  color: #000000;
}
.snip .title1 {
  font-weight: 700;
}
.snip .title2 {
  color: #a58e7c;
  font-weight: 300;
  font-size: 14px;
}
/*(圖片剪裁+文字)連結設定,圖片自動縮放剪裁多餘部分*/

#line {
	border-bottom: #cacaca 1px solid;
}/*下分隔線*/

/*表格按鈕-文字底色變化特效*/
button1 {
    margin: 20px;
}
.btn-1 {
    border: 1px solid #000;/*表格按鈕框線樣式*/
    color: #000;
}
.btn-1:hover{
    background-color: #333; /* 當滑鼠經過時按鈕表格底色變化 */
    color: #fff;/* 當滑鼠經過時按鈕表格文字變化 */
}
.custom-btn {
    padding: 10px 35px;
    font-family: Arial,微軟正黑體; 
    font-weight: 500;
    background: transparent;
    outline: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
}/*表格按鈕-文字底色變化特效*/

#ser-line {
    background: #cccccc;/*分隔線顏色*/
    width: 100px;/*分隔線長度*/
    height: 5px;/*分隔線高度*/
    display: block;
    margin: 1em auto 1em;/*間距*/
}