/* --------------------- xs尺寸設定 大於640 --------------------- */

@media (min-width: 640px) {
	

.star-list h1 {
	margin: 14% 0 2% 0;	
}

.class-list h2 {
	font-size: 84px;
}
.teach-list {
/*
	background: url(../../images/teach_back.jpg) no-repeat center top;
	background-size: auto 100%;
*/
	}
.teach-list h1 {
	font-size: 56px;
}

.family-list h1 {
	font-size: 48px;
	margin: 12% 0 4% 0;
}
.family-main article {
/*	padding: 4% 0;*/
	}
	
.family-main article p {
	line-height: 34px;
	}
}


/* --------------------- sm尺寸設定 大於768 --------------------- */

@media (min-width: 768px) {
	
body {
	padding-top: 122px;/*有頂部固定導髚條時設置*/
}

.navbar-fixed {
	padding-top: 30px;
}

.navbar-header .navbar-brand {
	height: 72px;
}

.navbar-default .navbar-nav > li > a {
	font-size: 16px;	
	padding: 26px 7px;
}
.navbar-text {
	display: block;
}	
.banner-l {
	display: block;
}
.banner-m {
	display: none;
}


.about-list h1, .contact-list h1, .news-list h1, .class-list h1 {
	font-size: 36px;
}
.about-list h2 {
	font-size: 48px;
	padding: 2% 0;
}


.contact-main address {
	font-size: 26px;
}

.class-list h2 {
	font-size: 108px;
	}
.class-info {
	padding-left: 0;
}

.star-list {
	font-size: 28px;
}

.star-list h1 {
	font-size: 54px;
	margin: 14% 0 2% 0;	
}
.star-main p.info {
	line-height: 40px;	
}




.teach-list h1 {
	font-size: 60px;
}
.teach-main {
	text-align: justify;
	}
.teach-main p {
	margin-bottom: 20px;
	}		
	
	
.family-list {
	padding-bottom: 6%;
}
.family-list h1 {
	font-size: 54px;
	margin: 10% 0 3% 0;
}
.family-main article h2 {
	font-size: 36px;	
	margin: 3% 0;
	}



.footer-list [class *= col-]{
	margin-bottom: 20px;
	background-color: #fff;
	margin-left: 0;
	margin-right: 0;
	padding: 0 15px;
}
.footer-list [class *= col-]:first-of-type {
	margin-top: 0;
}
.footer-list [class *= col-]:first-of-type {
	border-right: 1px solid #333;
}
.address_map {
	display: none;
}


	
}

/* --------------------- md尺寸設定 大於992 --------------------- */

@media (min-width: 992px) {
	
.navbar-default .navbar-nav > li > a {
	font-size: 18px;
	padding: 26px 16px;
}

.about-list h1, .contact-list h1, .news-list h1, .class-list h1 {
	font-size: 40px;
}
.about-list h2 {
	font-size: 60px;
	padding: 1% 0;
}

.about_1 section iframe {
	height: 518px;
	}

.class-list h2 {
	font-size: 122px;
	}
.class-list p {
	font-size: 28px;
	line-height: 36px;
	}
.star-list {
	font-size: 30px;
}
.star-list h1 {
	font-size: 60px;
	margin: 12% 0 2% 0;	
}
.star-main p.info {
	font-size: 28px;
	line-height: 36px;
}

.teach-main {
	width: 80%;
	margin: 0 auto;
	}
.teach-main p img {
	max-width: 240px;
	float: right;
	margin: 8px 0px 10px 20px;
	}

.family-list h1 {
	font-size: 60px;
	margin: 8% 0 3% 0;
}
.family-main article h2 {
	font-size: 40px;	
	margin: 3% 0;
	}
	
	
	
	
.footer-list {
	font-size: 16px;
}

}

/* --------------------- lg尺寸設定 大於1200 -------------------- */

@media (min-width: 1200px) {
	
.navbar-header .navbar-brand {
	background: url(../../images/logo.png) no-repeat left center;
	width: 211px;
}	
	
.navbar-default .navbar-nav > li > a {
	font-size: 20px;
	padding: 26px 23px;
}	
		
.about-list h1, .contact-list h1, .news-list h1, .class-list h1 {
	font-size: 44px;
}	
.about-list h2 {
	font-size: 72px;
	padding: 1% 0;
}

.about_1 section iframe {
	height: 632px;
	}


.contact-list {
	background-size: 100% 100%;
}

.star-list {
	font-size: 36px;
}
.star-list h1 {
	font-size: 66px;
	margin: 8% 0 2% 0;	
}

.family-list h1 {
	font-size: 66px;
	margin: 6% 0 2% 0;
}
.family-main article h2 {
	font-size: 44px;	
	margin: 2% 0;
	}

	
}


/* --------------------- bg尺寸設定 大於1600 -------------------- */

@media (min-width: 1600px) {

.about-list {
	position: relative;
	background: url("../../images/about_tree.png") no-repeat -2% bottom,
				url("../../images/about_people.png") no-repeat 106% 80px,
				url("../../images/about_back.jpg") no-repeat center bottom;	
					
}		


.news-list {
	background-size: 100% auto;
}
.class-list {
	background-size: 100% auto;
}
.star-list {
	background-size: 100% auto;
}
	
.star-list h1 {
	font-size: 72px;
	margin: 6% 0 2% 0;	
}	

.family-list {
	background-size: 100% 100%;
}

.family-list {
	padding-bottom: 4%;	
	font-size: 24px;
}
.family-list h1 {
	font-size: 72px;
	margin: 6% 0 2% 0;
}
.family-main article h2 {
	font-size: 60px;	
	margin: 4% 0;
	}
.family-main article p {
	padding: 0 4% 2% 4%;
	line-height: 40px;
	}
	
}