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

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

body {
    color: #fbfbfb;
    background-color: #333;/*背景底色*/
}

@media only screen and (min-width: 768px){
.topnavbar {
    background-color: #333;/*頁籤底圖顏色*/
    position: relative;/*頁籤&banner分開不重疊*/
    height: 100px;/*頁籤底圖高度*/
    padding: 0;/*頁籤距離*/
}}

body[data-type="fullpage"] #nav {
    font-size: 1.1rem;/*頁籤文字大小*/
}

#nav ul li a:hover  {
    color: #f39800;/*頁籤滑過文字顏色*/
}
#nav ul li.current a {
    color: #f39800;/*頁籤按下後文字顏色*/
}

ul.product-list li a {
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-decoration: none;
    cursor: pointer;
    padding-bottom: 16px;
    color: #2276d2;/*產品格文字顏色*/
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #ddd;/*產品格底色*/
    transition-property: color, box-shadow;
}


/*title文字顏色*/
.h1title {
    display: none;
}

a {
    color: #a0d8ef;/*連結顏色*/
    text-decoration: none;
}

.swiper-container {
  height: auto !important; /* 將容器預設的高拿掉 */
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(850 / 1920 * 100%); /* 自定響應式圖片高度 */
}

.swiper-slide {
  width: 100% !important; /* 強制圖片寬度隨容器變更 */
}