body{ margin:0; padding:0;} /*彩色頁籤*/ .swiper-wrapper{ max-width:1000px;} /*彩色頁籤每個顏色都不同*/ .swiper-wrapper .swiper-slide:nth-child(1){background:#E63673; } .swiper-wrapper .swiper-slide:nth-child(2){background:#F1BB1D; } .swiper-wrapper .swiper-slide:nth-child(3){background:#5BBDAC; } .swiper-wrapper .swiper-slide.a:nth-child(4){background:#3CAFD9;} .swiper-wrapper .swiper-slide.b:nth-child(5){background:#7757A1;} .swiper-wrapper .swiper-slide{ background-color:#7757A1;} .swiper-slide.swiper-page a{ color: #ff5571; text-decoration: none;} /*彩色頁籤每個顏色都不同*/ .swiper-wrapper .swiper-slide.swiper-page{ background-color:#FFF; padding:3%;} #fiveFeature { background-color:#fff; z-index:9999;} .swiperTitle .selected { color:#ec5566; border-bottom:3px solid #ec5566;} .swiperTitle .swiper-slide { width:20%; text-align: center; font-size:1.7em; line-height:32px; padding:18px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor:pointer; color: white;} /*頁籤內容*/ .swiperContent { width:100%; min-height: 400px; text-align:left;} .swiperContent .swiper-slide{min-height: 400px;} /*.swiperContent .swiper-slide section { padding:20px;}*/ @media (max-width:767px) { .swiperTitle .swiper-slide{ font-size: 1.1em; line-height: 24px; vertical-align: top; display: table-cell;} } @media (max-width:380px) { .swiperTitle .swiper-slide{font-size:1em;} } /*平板*/ @media (min-width:768px) and (max-width:991px) { .swiperTitle .swiper-slide{font-size:1.5em; } } /*電腦*/ @media (min-width:1000px) { .swiperContent, .swiperTitle{ width:1000px;}/*swiperContent 寬度需再次宣告，否則會變成滿版*/ }