@charset "utf-8";
/* CSS Document */

.nav-tabs{
	width: 100%;
	overflow: hidden;
	font-size: 24px;
}

.nav-tabs li{
	float:left;
	width:16.66666667%;
}

.nav-tabs>li>a{
	float:left;
	color: #aaaaaa;
	background: #f2f2f2;
	padding: 60px 0;
	width: 100%;
}

.nav-tabs>li>a:hover{
	color:#fff;
	background: #1a7d85;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	color:#fff;
	background: #1a7d85;
}

.tab-content>.tab-pane, .pill-content>.pill-pane{
	display:none
}

.tab-content>.active, .pill-content>.active{
	display:block
}

.tab-pane{
	font-size: 20px;
	line-height: 30px;
	padding: 65px 140px 0 140px;
}

/* 1600 x 1200 , 1600 x 1024 , 1600 x 900 */
@media screen and (max-width: 1600px) {
}

/* 1400 x 900 , 1400 x 1050 */
@media screen and (max-width: 1440px) {
	.nav-tabs>li>a{
		padding: 50px 0;
	}
}

@media screen and (max-width: 1334px) {
	.nav-tabs>li>a{
		padding: 45px 0;
	}

	.nav-tabs{
		font-size: 23px;
	}
	
	.tab-pane{
		font-size: 19px;
		line-height: 28px;
	}
}

@media screen and (max-width: 1136px) {
	.nav-tabs>li>a{
		padding: 35px 0;
	}

	.nav-tabs{
		font-size: 18px;
	}
}

@media screen and (min-width: 1001px) and (max-width: 1029px) {
	.nav-tabs>li>a{
		padding: 30px 0;
	}

	.nav-tabs{
		font-size: 18px;
	}
	
	.tab-pane{
		font-size: 18px;
		line-height: 26px;
	}
}


/* 以下切換手機板*/
@media screen and (min-width: 1030px) and (max-width: 1080px) {
	.nav-tabs>li>a{
		padding: 30px 0;
		height: 64px;
	}

	.nav-tabs{
		font-size: 26px;
		text-align: center;
	}
	
	.tab-pane{
		font-size: 24px;
		line-height: 36px;
	    padding: 65px 5% 0 5%;
	}
}

@media screen and (max-width: 1000px) {
	.nav-tabs li{
		width:25%;
	}
	.nav-tabs>li>a{
		padding: 30px 0;
		height: 64px;
	}

	.nav-tabs{
		font-size: 32px;
		text-align: center;
	}
	
	.tab-pane{
		font-size: 32px;
		line-height: 50px;
	    padding: 65px 5% 0 5%;
	}
}

@media screen and (max-width: 760px) {
}