/*彩色頁籤*/
.swiper-wrapper{ max-width:1200px;}
/*彩色頁籤每個顏色都不同*/
.swiper-wrapper .swiper-slide:nth-child(1){background-color:#0B318F ;background-image:url(../images/pic-09.png); background-repeat:no-repeat; background-size:cover; } 
.swiper-wrapper .swiper-slide:nth-child(2){background-color:#EA5514 ;background-image:url(../images/pic-10.png);  background-repeat:no-repeat; background-size:cover;  } 
.swiper-wrapper .swiper-slide:nth-child(3){background-color:#6A3906 ;background-image:url(../images/pic-11.png);  background-repeat:no-repeat; background-size:cover;  } 
.swiper-wrapper .swiper-slide.b:nth-child(4){background-color:#A40B5D; background-image:url(../images/pic-12.png);  background-repeat:no-repeat; background-size:cover; } 
.swiper-wrapper .swiper-slide{ background-color:#0B318F;}


/*彩色頁籤每個顏色都不同*/
.swiper-wrapper .swiper-slide:nth-of-type(1).swiper-page{
	background-color: #9CD7FF;
	background-image:none; }
.swiper-wrapper .swiper-slide:nth-of-type(2).swiper-page{
	background-color: #F3D8B6;
	background-image:none;}
.swiper-wrapper .swiper-slide:nth-of-type(3).swiper-page{
	background-color: #E0D0B1;
	background-image:none;}
.swiper-wrapper .swiper-slide:nth-of-type(4).swiper-page{
	background-color: #F4C9E4;
	background-image:none;}

.swiper-wrapper .swiper-slide.swiper-page{ background-color:#CFF;}
.swiper-page{background-color:#ccc; text-align:center;}

#fiveFeature {
	background-color:#fff;
	z-index:9999;}
.swiperTitle .selected {
	color:#ec5566;
	border-bottom:3px solid #ec5566;}
.swiperTitle .swiper-slide {
	width:25%;
	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;} 
.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:1200px;}/*swiperContent 寬度需再次宣告，否則會變成滿版*/
}