body { 
	/* background-color:#521515; */
    background:url(../img/bg-all.jpg) bottom center; 
    background-attachment:fixed;
	padding: 0;margin: 0;box-sizing: border-box;
	background-size: cover;
}

p{font-size:1.2em;line-height:1.5;
}

li{font-size:1.1em;line-height:1.5;
}

.img-fluid{width: 100%;padding:20px 0 0;}



.container{
	background-color:#f8f8f8;
	box-shadow: 0 0 45px 0 rgba(0, 0, 0, 1);
	border-radius: 40px;
	overflow: hidden;
	margin: 30px auto;
	padding: 0;
}

/*banner*/
#header{ position:relative;;padding:80px 30px; background:url(../img/bg.jpg) center;background-size: cover;}
#header .header_title_all .header_title {width: 100%;}
#header .header_title_all .header_title img{width: 100%;}
#header h1 {text-indent: -9999px;position: absolute;}

.header-box {background-color: #fff;border-radius: 30px;margin: 0 auto;width: 60%; backdrop-filter: blur(5px); background-color: rgba(255, 255, 255, 0.7);border: 3px solid #4F9535;text-align: center;padding: 20px 60px;margin:30px auto;}
.header-box .header-box-title {width: 300px;margin: 0 auto;}
.header-box .header-box-title img{width: 100%;}


.header-box ul {padding: 0;display:inline-block;margin:10px auto ;}
.header-box ul li{font-size: 1.8rem;font-weight: 600;color: #333;text-align: left;}
.header-box ul li span {color: #cf5151;font-weight: 700;}
.header-box p {font-size: 1.05rem;margin: 0;}

.per-1 {position: absolute;right: 22%;width: 100px;bottom: 0;}
.per-1 img,.per-2 img{width: 100%;}
.per-2 {position: absolute;right: 0%;width: 140px;bottom: 45%;animation: per 2s ease-in-out infinite alternate;}

@keyframes per {
	0%{transform: translateY(0px);}
	100%{transform: translateY(10px);}
}








.part2 {padding:30px; }
.part2 .lesson-title {margin: 60px auto 100px;width: 90%;text-align: center;}
.part2 .lesson-title h3 span{padding: 5px 10px;margin: 5px 0 10px;color: #fff;}
.part2 .lesson-title h3 {line-height: 1.6;font-weight: 600;}


.list-item-all .item .list-item .list-title { padding: 10px 10px; }
.list-item-all .item .list-item-title  {text-align: center;width: 30%;margin:-20px auto; background-color: #F8F8F8;}
.list-item-all .item .list-item-title h3 {display: inline-block;margin:-40px 5px 20px;padding: 15px;font-size: 3rem;font-weight: 700;border-radius: 30px;}

.list-item-all .item {margin: 30px auto 100px;width: 80%;}
.list-item-all .item.color-1 {border: 3px solid #4D935F;border-radius: 30px;}
.list-item-all .item.color-2 {border: 3px solid #CF518B;border-radius: 30px;}




.list-item-all .item.color-1 .list-item-title h3 {background-color: #4D935F;color: #fff;}
.list-item-all .item.color-2 .list-item-title h3 {background-color: #CF518B;color: #fff;}



.list-item-all .item  .list-item-con {padding: 30px;}
.list-item-all .item  .list-item-con h2 {font-size: 2.2rem;font-weight: 700;}
.list-item-all .item  .list-item-con h2 span {color: #cf5151;}

.list-item-all .item  .list-item-con ul span {color: #cf5151;}
.list-item-all .item .list-item-con {text-align: center;}
.list-item-all .item .list-item-con ul {list-style: none;padding: 0;margin: 0;}
.list-item-all .item .list-item-con ul li {font-size: 1.2rem;}








/*優惠訊息*/
.part4{ background-color:#f7ece2; height:auto; padding:30px 60px; border-radius:10px; margin:10px auto 50px;width: 80%; }
.part4_title li{margin: 8px 0;}
.part4_title li span{color:#cf5151;}
.part4 ul{font-size: .9rem;padding: 0 15px;margin: 0;}


.Join_btn{ margin:0 auto; width: 80%; text-align: center; position: relative;}
.Join_btn .CPT{ width: 30%; min-width:240px; background:#000;  color: #fff; text-align: center; font-size: 1.2em; padding: 10px; border-radius: 5px; transition: 0.20s linear; font-weight:600; margin-left:15px; margin-bottom: 50px; }
.Join_btn .CPT:hover{ background:transparent;  color:#fff; background-color: #cf5151;}



@media(min-width:1200px){

	.featurette_6wrap{ padding-left:130px; padding-right:130px; }
}
@media(max-width:1380px){
    .CPT{ width: 70%;margin-bottom:30px;margin-left:0px; }
}


@media(max-width:1200px) {
	/*banner*/
	.header{ height:500px; background-size: cover; background-position: -40px 0; }

}

@media(max-width:991px) {

}

@media(max-width:768px) {

	.container{ border-radius: 0px; margin: 0 auto; }
	#header { padding: 60px 15px 40px; overflow: hidden;}
	.header-box { width: 100%; padding: 20px 30px;margin: 60px auto 20px; }
	.per-1 { right: auto; left: -2px; width:60px; bottom: -50px; transform: rotatey(180deg); }
	.per-2 { width: 70px; bottom: 42%; right: -5px;}
	.header-box ul li { font-size: 1.2rem; }
	.header-box .header-box-title { width: 220px; }



	.part2 .lesson-title { width: 100%; }
	.part2 .lesson-title h3 {font-size: 1.3rem;}
	.list-item-all .item .list-item-title { width: 60%; }
	.list-item-all .item .list-item-title h3 { margin: -40px 5px 20px; font-size: 2.2rem; }
	.list-item-all .item { margin: 30px auto 100px; width: 100%; }
	.list-item-all .item .list-item-con h2 { font-size: 1.5rem; }
	.list-item-all .item .list-item-con ul li { font-size: 1.1rem; }
	.list-item-all .item .list-item-con { padding:30px 15px; }


	.part4{width: 100%; padding: 30px ;}



}



@media(max-width:640px) {

}