.phone{position:fixed;right:1%;top:50%;z-index:1000}
.cellphone{position:fixed;right:1%;top:57%;z-index:1000}
.mail2{position:fixed;right:1%;top:64%;z-index:1000}

#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 15px;
    border-radius:10px;
    background-color: hsla(240, 0%, 50%, 0.5) ;
    color: white;
    cursor: pointer;
}

@media only screen and (min-width: 768px){.topnavbar {background-color: #2a2a2a; padding: 0rem 0; }}

.topnavbar {background-color: #1b1b1b;}

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

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

#nav ul li.current a {color: #2e90ff; border-bottom: 2px solid #2e90ff;}
#nav ul li a{color:  #ffffff; }
#nav ul li a:hover {color: #2e90ff; border-bottom: 2px solid #2e90ff;}

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

.fcol .container { 
  font-family: 'Noto Sans TC', sans-serif;
  line-height: 27px;
  letter-spacing: 1.5px;
}

body.about-us .h1title {display: none;}
body.product .h1title {display: none;}
.h1title {
  text-align: center;
  border-bottom: 1px solid #eee;
  color: #0130a2;
}

/* 首頁各層編輯欄背景*/
body.about-us .fcol.fcol-1 .container {
   width: 90%;
   padding: 0px;}/*拉寬編輯欄設定*/
body.about-us .fcol.fcol-1 {
   width: 100%;
   background-attachment: scroll; /*fixed固定背景; scroll捲動背景*/
   background-repeat: no-repeat;
   background-position:50% 50%;
   background-image: url(https://static.iyp.tw/409776/files/1d342e20-679e-4dcf-abea-adebe9bc3b01.png);
  /* background-color: #fff;*/
   padding: 30px 0 ;
   margin-top: -80px;
}
body.about-us .fcol.fcol-2 {
   width: 100%;
   background-attachment: scroll; /*fixed固定背景; scroll捲動背景*/
   background-repeat: no-repeat;
   background-position:70% 10%;
   background-color: #fbfbfb;}

@media only screen and (max-width: 768px){
 body.about-us .fcol.fcol-2 {
    background-position:top center;
    padding: 100 0 30px ;}}

body.about-us .fcol.fcol-2 .container {
   width: 100%;
   padding: 0px;}/*拉寬編輯欄設定*/

body.about-us .fcol.fcol-3 .container {
   width: 100%;
   padding: 0px;}/*拉寬編輯欄設定*/

body.about-us .fcol.fcol-4 .container {
   width: 100%;
   padding: 0px;}/*拉寬編輯欄設定*/
body.about-us .fcol.fcol-4 {
   width: 100%;
   background-attachment: scroll; /*fixed固定背景; scroll捲動背景*/
   background-repeat: no-repeat;
   background-position:70% 10%;
   background-color: #eee;}

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

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

#foot-nav { display: none;}
.contact-row { display: none;}

/*圖片放大透明*/
.picc { 
    opacity: 1; /* 透明度100% FireFox 的寫法 */ 
    filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */ 
    margin:0 auto;
    overflow: hidden;
} 
.picc img {   
    opacity: 1; 
    filter: Alpha(Opacity=100); 
    margin:0 auto;
    -webkit-transform: scale(1);
    -webkit-transition: 1s;
} 
.picc img:hover { 
    opacity: .5; /* 透明度50% FireFox 的寫法 */ 
    filter: Alpha(Opacity=50); /* 透明度50% IE 的寫法 */ 
    -webkit-transform: scale(1.05);
}

/*footer*/
#footer {
  color: #fff;
  background-color: #1b1b1b;
  width: 100%;
  background-attachment: scroll; /*fixed固定背景; scroll捲動背景*/
  background-repeat: no-repeat;
  background-position:70% 10%;
  background-image: url(https://static.iyp.tw/409776/files/d72ea549-576c-40bf-9da1-7af349025df2.png);
  /* background-color: #fff;*/
}

#footer p{
   color: #fff;/*footer文字顏色*/
  font-size: 14px;
  line-height: 1.6;
}

#contact-info ul li {
    color: #fff;
}
#contact-info ul li span {
    color: #fff;
}/*聯絡我們資訊文字顏色*/

/*產品格*/
ul.product-list li a {
    text-align: center;
    color: #fff;/*產品格文字顏色*/
    background-color: #444;/*產品格底色*/
    border: 0px solid #ddd;/*產品格外框隱藏*/
}
ul.product-list li a:hover {
    color: #aad2ff;/*產品格滑過文字顏色*/
}
ul.product-list div.img {
    background: #fff; /*產品格圖片底色*/
}
ul.product-list li .desc {
    color: #fff;/*產品格內文字顏色*/
}
ul.product-list li a.focus .desc,ul.product-list li a:hover .desc {
    color: #fff;
}