/*   ┌─────┐
     │         │
     └─v── ─┘
  (・∀・)つ
*/
  
body { 
	background-color:#273939;
}

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

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

.featurette {
    overflow: hidden;
	margin:20px 0;
}

.container{
	background-color:#f5f0dd;
	box-shadow: 0 0 45px 0 rgba(0, 0, 0, 1);
}

/*banner*/
.header{ 
	padding-top:80px;
	padding-bottom:10%;
    margin:0; 
	background:url(../img/bg.jpg) no-repeat;
	background-size:cover;
	z-index:700;
}

.header_title{
	width:773px;
	height:283px;
	margin:auto;
}
/*第二段*/
.part2{
	position:relative;
	background-color:#517581;
	height:240px;
	margin-top:-100px;
	margin-left:auto;
	margin-right:auto;
	z-index:900;
	overflow:hidden;
	width:950px;
	box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.2);
}
.part2_img{
	padding-top:30px; 
	padding-left:50px;
}
.part2_title{
	padding-top:10px; 
	padding-right:40px; 
	margin-left:-20px;
}
/*第三段*/
.featurette_4wrap{
	margin-top:50px;
	padding-left:80px;
	padding-right:35px;
}
.Content li {
	line-height:2.5;
}
.Content li span{
	background: #C33;
    color: #FFF;
    padding: 6px 10px;
    border-radius: 4px;
	font-size:1.2em;
	margin-left:28px;
	
}
/*第四段*/

.part4{
	background-color:#eed8cb;
	height:auto;
	padding:20px;
	border-radius:10px;
}

.part4_title{
	padding-top:10px;
	margin-left:10px;
}
/*第五段*/
.part5_h2{
	font-size:1.5em;
	font-weight:600;
	text-align:center;
	color:#FFF;
	background-color:#ff9600;
	border-radius:5px;
	padding:10px;
}
.name{
	color:#FFF;
}
.name:hover{
	border-bottom:2px #FFFFFF solid;
	color:#FFF;
}
.PMP_bt{
	border:2px #999999 solid;
	list-style:none;
	border-radius:50%;
	float:left;
	width:120px;
	height:120px;
	padding-top:35px;
	text-align:center;
	margin-left:10px;
	font-size:1.1em;
	font-weight:600;
}
.PMP_bt:hover{
	padding-top:37px;
	transition: 0.20s linear;
}

.point li{
	font-size:1.2em;
	line-height:1.5;
	margin-top:5px;
}

/*優惠訊息*/
.Join_btn{
	margin-left:10%;
	margin-bottom:5%;
}
.title{
	text-align:center; 
	font-weight:600;
	line-height:1.5;
	font-size:2em;	
}
.CPT{
    width: 40%;
	min-width:240px;
	background:#174068;
	border-color:#174068;
    color: #FFF;
    text-align: center;
    font-size: 1.4em;
    padding: 10px;
    border-radius: 5px;
    transition: 0.20s linear;
	font-weight:600;
	margin-left:20px;
}
.CPT:hover{
    background:#C33;
	border-color:#C33;
	color: #FFF;
}
@media(min-width:1200px){
	.container{
		width:95%;
		max-width:1350px;
	}
	.featurette_6wrap{
	padding-left:130px;
	padding-right:130px;
}
 .part5_h2{
	font-size:1.3em;
	
}
.part5_ul{

	margin:auto;
	}

.PMP_bt{

	width:112px;
	height:112px;
	padding-top:32px;
	margin-left:2%;

}

}
@media(max-width:1380px){

.CPT{
    width: 40%;
	margin-left:10px;
	margin-bottom:30px;
}
}
@media(max-width:1250px){
	.part5_ul{
	margin-left:-30px;
	}
	.Join_btn{

	margin-left:20px;
}
.CPT{
    width: 40%;
	margin-left:5%;
	margin-bottom:30px;
}
}
@media(max-width:1200px) {
	/*banner*/

	.header_title img{
		width:85%;
		margin-left:10%;
	}
	.gift{
		margin-left:-30px;
	}
	.Content{
		margin-left:-60px;
	}
	/*第四段*/
	.featurette_6wrap{
		padding-left:20px;
		padding-right:20px;
	}
	
    	
}
@media(max-width:1100px){
	.part5_ul{
		margin-left:-30px;
	}
	.CPT{
    width: 40%;
	margin-left:5%;
}
}
@media(max-width:991px) {
	/*banner*/
	.header{ 
		padding-top:60px;
	}
	.header_title img{
		width:75%;
		margin-left:10%;
	}
	
	
	.header_img{
		 left:70px;
		 top:-10px;
	}
	/*第二段*/
	.part2{
		height:auto;
		width:100%;
	}
	.part2_img{
		padding-top:5px; 
		padding-left:10px;
	}
	.part2_title{
		padding-top:30px; 
		padding-right:0; 
		margin-left:-10px;
	}
	/*第四段*/
	.featurette_6wrap{
		padding-left:10px;
		padding-right:10px;
	}
	.part4_img{
		padding-top:20px;
		padding-left:5px;
	}
	.part4_title{
		padding-top:30px;
		margin-left:0px;
	}
	
	.point{
		clear:both;
     }
    .gift{
		margin-left:15%;
	}

}

@media(max-width:768px) {
	/*banner*/
	.header{
		width:100%; 
		padding-top:120px;
		padding-bottom:2%;
		background-position:-160px bottom;
}

	
.header_title{
	width:110%;
	margin:auto;
}
	.featurette_4wrap{
	margin-top:50px;
	padding-left:20px;
	padding-right:35px;
}
	 .gift{
		margin-left:5%;
	}
    /*第二段*/
	.part2{
		height:auto;
		width:100%;
	}
	.part2_img{
		width:230px;
		margin:auto;
		padding-top:30px;		
	}
	.part2_img img{
		max-width:220px;
	}
	.part2_title{
		padding-top:10px; 
		padding-right:0; 
		margin-left:0;
		text-align:center;
	}
	.part2 p{
		padding-right:25px;
		padding-left:20px;
	}
	.title{
	font-size:1.6em;
	}
	.title span{
	border:none; 
	padding:0 10px;
     }
    /*第四段*/
	.part4{
		height:auto;
		margin-bottom:10px;
	}
	.part4_img{
		width:300px;
		margin:auto;
	}
	.part4_img img{
		max-width:220px;
	}
	.part4_title{
		padding-bottom:10px;
	} 
	/*第五段*/
	.PMP_bt{
		border:2px #999999 solid;
		list-style:none;
		border-radius:50%;
		float:left;
		width:120px;
		height:120px;
		padding-top:35px;
		text-align:center;
		margin-left:10px;
		margin-top:10px;
		font-size:1.1em;
		font-weight:600;
	}
	.PMP_bt:hover{
		padding-top:37px;
		transition: 0.20s linear;
	}
	.part5_ul{
		margin-left:-30px;
	}
	.point li{
		font-size:1.2em;
		line-height:1.5;
		margin-top:5px;
	}
	.point{
		clear:both;
     }
	 .Join_btn{

	margin-left:0px;
}
	.CPT{
		margin-bottom:20px;
	}
    .container {
        margin: 0 0px;
    }

    .featurette-divider {
        margin: 10px 0;
    }

    .featurette-heading {
        font-size: 25px;
    }
}

@media(max-width:668px) {
    .headline h1 {
        font-size: 70px;
    }

    .headline h2 {
        font-size: 32px;
    }

    .featurette-divider {
        margin: 30px 0;
    }
}

@media(max-width:640px) {
    .headline {
        padding: 30px 0 0 0;
    }

    .headline h1 {
        font-size: 60px;
    }

    .headline h2 {
        font-size: 30px;
    }
}

@media(max-width:375px) {
    .featurette-divider {
        margin: 10px 0;
    }

    .featurette-image {
        max-width: 100%;
    }

    .featurette-image.pull-left {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .featurette-image.pull-right {
        margin-bottom: 10px;
        margin-left: 0;
    }
}