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; margin:0;padding:30px 30px; background:url(../img/bg.jpg) center;background-size: cover;}
.header_title_all {margin: 20px auto;}
.header_title_all  .header_title{width: 90%;margin: 0 auto;height:650px; }
.header_title_all  .header_title img{width: 100%;}
.header_title_all  .giveaway{width: 60%;margin: -80px 0 0 60px;}
.header_title_all  .giveaway img{width: 100%;}


.title-description {background-color: #000;padding: 20px;}
.title-description p{color:#fff;font-size: 1.4rem;line-height: 1.6;text-align: center;margin:10px 0 0;}
.title-description p span {color: #FFCE46;}
.title-description h4{text-align: left;font-size: 1.8rem;color:#fff;font-weight: 600;text-align: center;margin: 0;}



.part2{width: 90%;margin: 40px auto;}
.part2 .title {text-align: center;}
.part2 h2 {font-weight: 600;}
.part2 .title p{text-align: center;font-size: 1.8rem;font-weight: 600;z-index: 99;}
.part2 .title p span{position: relative;z-index: 10;}

.list-item-all {display: flex;justify-content: space-between;}
.list-item-all .list-item {width: 48%;border-radius: 20px;margin:40px auto;overflow: hidden;border: 5px solid #DF5057;}
.list-item-all .list-item .list-title{padding:10px 15px;}

.part2 .list-item .list-title{background-color: #DF5057;}
.part2 .list-item .list-lesson {padding: 20px;}
.part2 .icon{width: 60px;margin: 40px auto 5px;}
.part2 .icon img{width: 100%;}
.part2 h2 {font-weight: 600;text-align: center;line-height: 1.5;font-size:1.6rem;color: #000;position: relative;}
.part2 h2 span{position: relative;z-index: 99;}
.part2 h2 span::after{ content: ""; position: absolute; width: 100%; height: 20px; background-color: #FFCE46; left: 0; bottom: -5px; z-index: -1;}
.part2 .lesson-title {margin: 60px auto 0;width: 90%;text-align: center;}
.part2 .lesson-title h2 span{padding: 5px 10px;margin: 5px 0 10px;color: #fff;}
.part2 .list-item .list-title h5{font-weight: 600;font-size:1.6rem;margin: 0;color: #fff;}
.part2 .list-item .list-lesson ul{list-style: none;padding: 0;margin: 0 auto;}
.part2 .list-item .list-lesson ul li{padding:12px;border-bottom:1px dashed rgb(220, 220, 220) ;}
.part2 .list-item .list-lesson ul li span{width: 90px;text-align: center;background-color: #acacac;color: #fff;
	padding: 2px 5px;margin-right: 10px;display: inline-block;font-size: .9rem;transition: all .3s linear;}
.part2 .list-item .list-lesson ul li a {text-decoration: none;color: rgb(32, 32, 32);transition: all .3s linear;font-weight: 400;}
.part2 .list-item .list-lesson ul li:hover a{text-decoration: none;color: #636363;}
.part2 .list-item .list-lesson p {font-size: 1.3rem;font-weight: 600;}

p.color {font-size: 1.15rem !important;}
p.color img{width:125px;}


/*優惠訊息*/
.part4{ background-color:#f8f7dd; height:auto; padding:20px; border-radius:10px; margin:10px auto 50px;width: 80%; }
.part4_title li{margin: 8px 0;}
.part4_title li span{color:#D40D0A;}
.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; border-color:#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; border:2px solid #D40D0A; color:#fff; background-color: #D40D0A;}



@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;
	}
	/*banner*/
	#header { background: url(../img/bg.jpg) no-repeat center bottom; background-size: cover; padding: 15px;}
	.header_title_all .header_title { height: 350px; width: 100%;}




	.part2 .list-item { width: 100%; }
	.part2 { width:98%; margin: 40px auto; }
	.part2 .icon { width: 40px; margin: 40px auto 5px; }
	.part2 h2 {  font-size: 1.05rem; }
	.part2 .lesson-title { margin: 40px auto 0;}
	.part2 .lesson-title h2 { font-size: 1.4rem; }
	.part2 .lesson-title h2 span { width: 100px; font-size: 1rem; }



	.list-item-all { display: flex; justify-content: space-between; flex-direction: column; }
	.list-item-all .list-item { margin: 10px auto; }
	.list-item-all .list-item .list-title { padding: 10px 10px; }
	.part2 .list-item .list-lesson { padding:10px; }
	.part2 .list-item .list-lesson p{ font-size: 1.1rem; }
	.part2 .list-item .list-title h5 { font-size: 1.4rem; }

	.part4{width: 100%; }



}



@media(max-width:640px) {
	.header_title{margin: 100px auto;width: 88%;}
	.header{ padding:10px 0 20px; background:#F0F0F2  url(../img/bg-m.jpg) no-repeat; background-size: cover; }


}