.text{
    display: inline;
    font-family: 微軟正黑體,Arial,Helvetica,sans-serif;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 26px;
}
body {    background: #fff;}
@media only screen and (min-width: 768px){
.topnavbar {
    background-color: rgba(255,255,255,0.35);
    padding: 0;
    border-bottom: 5px #0092db solid;
}}
.topnavbar .container {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

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

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

/*banner下移*/
@media only screen and (min-width: 768px){
    #banner {  top: 95px;}
    #main-wrap {    margin-top: 105px;}
}


#nav ul li a {
    color: #0092db;
    font-weight: bold;
}
#nav ul li a:hover {    color: #777;}
#nav ul li.current a {
    color: #2460a9;
    background: rgba(0,0,0,0.05)
}
#nav .subnav {
  background-color: rgba(255,255,255,0.9);
}


/*整體文字顏色*/
.fcol .container {    color: #222;}
p {    line-height:2;}
.fcol h2 {
    color: #54b8db;
    line-height: 2;
}
h3, .h3 {    line-height: 2;}
a {
    color: #003d7c;
    font-weight: 600;
}
a:hover {    color: #111c6d;}


/*標題*/
.fcol.fcol-header {    background: #0092db;    box-shadow: 1px 1px 5px rgba(0,0,0,0.25);}
.h1title {
    color: #fff;
    text-align: center;
    border-bottom: 1px #fff solid;
}
#breadcrumb li a {    color: #ccc;}
#breadcrumb li {    color: #eee;}


/*產品格*/
ul.product-list li a {
    color: #555;
    text-align: center;
    background-color: rgba(0,146,219,0.5);
}
ul.product-list li a:hover {
    color: #222;
    background-color: rgba(0,146,219,0.75);
}
#side ul li.current > div a {
    color: #26166e;
    background: rgba(0,148,156,0.25);
}

/*footer設定*/
#footer {    background: #0076b1;}
#contact-info {    color: #fff;}
#foot-nav {    display: none;}
.contact-row {    padding: 1.5em 0 2em;}
#footer-service {    padding-bottom: 2em;}

#bodyinhome .fcol.fcol-2 {
    background: url(https://static.iyp.tw/19029/files/46264dc8-f8d4-4141-9307-b1dbc3ef6df0.jpg) no-repeat center;
    background-attachment: fixed;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.25);
}
body.about-us .fcol.fcol-2 {    background:#0076b1;}
body.about-us .fcol.fcol-3 {
    background: url(https://static.iyp.tw/19029/files/46264dc8-f8d4-4141-9307-b1dbc3ef6df0.jpg) no-repeat center;
    background-attachment: fixed;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.25);
}



#bodyinhome .fcol.fcol-4 {
    background: url(https://static.iyp.tw/19029/files/f5480455-6882-4c82-8c57-283663335eff.jpg) no-repeat center;
    background-attachment: fixed;
}

/*按鈕變化*/
.buttons-coll {
  width: 90%;
  margin:10px auto;
  text-align: center;
}
button1 {
  margin: 20px;
}
.custom-btn {
  padding: 8px 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  background: transparent;
  outline: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}

.btn-1 {
  border: 2px solid #fff;
}
.btn-1:hover {
  background: #428bca;
  color: #fff
}
.btn-1:active {
  top: 2px;
}

#fb {
    width: 60px;
    right: 5px;
    background: rgba(255,255,255,0.75);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    border-radius: 50%;
    z-index: 999;
    bottom: 45px;
    position: fixed;
}

#call {
    width: 60px;
    right: 5px;
    z-index: 999;
    bottom: 115px;
    position: fixed;
}