/*Feature in Plan*/
/*planWarperMain*/
#planWarperMain{ background:#ffffff; padding:2em 0;position:relative;}
#planWarperMain .main_box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
    min-height: 400px;
}

#planWarperMain .content {
	float:left; 
	width:700px; 
	margin-top:10px;
	position:relative;
}
#planWarperMain .content .main_content dt {
	font-size: 36px;
	letter-spacing: 0.05em; 
	text-align:left;
	line-height:1.1;
	font-weight:normal;
	color: #01b844;
}
#planWarperMain .content .main_content dd {
	font-size: 14px;
	letter-spacing: 0.05em; 
	text-align:left; 
	padding:1em 0; 
	color:#444;
}
#planWarperMain .content .main_content dd a{height: 50px;width: 180px;background:no-repeat;border: 1px solid #666666;border-radius: 5px;display: inline-block;line-height: 50px;text-align: center;color: #01b844;font-size: 18px;margin-right: 8px;}
#planWarperMain .content .main_content dd a:hover{background:#01b844;border: 1px solid #01b844;color: #ffffff;}

#planWarperMain .content .other dd {
	margin-bottom: 10px;
}
#planWarperMain .content .other dd em{
	font-size: 14px;
	color:#444;
}
#planWarperMain .content .other .downBtn {
    position: relative;
    color: #6296a0;
    padding: 0px 5px;
    font-size: 13px;
    display: inline-block;
    -webkit-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms;
    outline: 0;
}

#planWarperMain .pic {
	float:right;
	position:relative; 
	margin-left:30px;
	margin-top: 30px;
	max-width: 420px;
	max-height: 300px;
}
#planWarperMain .pic img{
	width: 414px;
	height: 298px;
}

/*planWarperMain_02*/
#planWarperMain_02{ background:#e0e3df; padding:2em 0;position:relative;}
#planWarperMain_02 .main_box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
    min-height: 450px;
}
#planWarperMain_02 .content {
    /*float:left; */
    width:100%; 
    margin-top:10px;
    position:relative;
}
#planWarperMain_02 .content dt {
    font-size: 36px;
    letter-spacing: 0.05em; 
    text-align:left;
    line-height:1.1;
    font-weight:normal;
    color: #01b844;
}
#planWarperMain_02 .content dd {
    float: left;
    width: 33.3333%;
    height: 400px;
    /*padding:1em 0 0 0em;*/
    text-align:center;
}
#planWarperMain_02 .content dd .left_rigth_space {
    width: 100%;
    height: 50%;
    /*padding:1em 0 0 0em;*/
}
#planWarperMain_02 .content dd .center_space {
    width: 100%;
    height: 50%;
    padding:100px 0px 0px 0px;
    /*text-align:center;*/
}
#planWarperMain_02 .content dd img{
    width: 130px;
    height: 130px;
    margin:0 auto;
    margin-top: 15px;
}
#planWarperMain_02 .content dd p{
    width: 160px;
    text-align: center;
    font-size: 14px;
    color:#444;
    margin:0 auto;
    margin-top: 5px;
}


/*planWarperMain_03*/
#planWarperMain_03{ background:#ffffff; padding:2em 0;position:relative;}
#planWarperMain_03 .main_box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
    /*min-height: 400px;*/
}

#planWarperMain_03 .content {
	/*float:left; */
	width:100%; 
	margin-top:10px;
	position:relative;
}
#planWarperMain_03 .content dt {
	font-size: 36px;
	letter-spacing: 0.05em; 
	text-align:left;
	line-height:1.1;
	font-weight:normal;
	color: #01b844;
}
#planWarperMain_03 .content dd{
	width:100%; 
	min-height: 250px; 
}
#planWarperMain_03 .content dd .plan_content{
	float:left;
	width:800px;
	min-height: 210px; 
	font-size: 14px;
	letter-spacing: 0.05em; 
	text-align:left; 
	padding:1em 0; 
	color:#444;
}
#planWarperMain_03 .content dd .plan_content .plan_title{
	font-size: 20px;
	letter-spacing: 0.05em; 
	text-align:left; 
	padding:0.5em 0; 
	color:#000;
}
#planWarperMain_03 .content dd .plan_content .plan_detail_list{
	font-size: 12px;
	letter-spacing: 0.05em; 
	text-align:left; 
	padding:0.1em 0; 
	color:#444;
}

#planWarperMain_03 .content dd .plan_pic {
	float:left;
	/*position:relative; */
	margin-left:30px;
	/*margin-top: 30px;*/
	min-width: 210px;
	min-height: 210px;
}
#planWarperMain_03 .content dd .plan_pic img{
	width: 200px;
	height: 200px;
}


/*mobile*/
@media screen and (max-width: 1199px){
    body { margin:0; padding:0;}
    .main_box {width:100%; padding:0;}
    #planWarperMain .main_box {
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	    position: relative;
	    min-height: 400px;
	}

	#planWarperMain .content {
		float:left; 
		width:60%; 
		margin-top:10px;
		position:relative;
	}
	#planWarperMain .content .main_content dt {
		font-size: 36px;
		letter-spacing: 0.05em; 
		text-align:left;
		line-height:1.1;
		font-weight:normal;
		color: #01b844;
	}
	#planWarperMain .content .main_content dd {
		font-size: 14px;
		letter-spacing: 0.05em; 
		text-align:left; 
		padding:1em 0; 
		color:#444;
	}
	#planWarperMain .content .main_content dd a{height: 50px;width: 180px;background:no-repeat;border: 1px solid #666666;border-radius: 5px;display: inline-block;line-height: 50px;text-align: center;color: #01b844;font-size: 18px;margin-right: 8px;}
	#planWarperMain .content .main_content dd a:hover{background:#01b844;border: 1px solid #01b844;color: #ffffff;}

	#planWarperMain .content .other dd {
		margin-bottom: 10px;
	}
	#planWarperMain .content .other dd em{
		font-size: 14px;
		color:#444;
	}
	#planWarperMain .content .other .downBtn {
	    position: relative;
	    color: #6296a0;
	    padding: 0px 5px;
	    font-size: 13px;
	    display: inline-block;
	    -webkit-transition: all 218ms;
	    -o-transition: all 218ms;
	    transition: all 218ms;
	    outline: 0;
	}

	#planWarperMain .pic {
		float:right;
		position:relative; 
		margin-left:30px;
		margin-top: 30px;
		max-width: 300px;
		max-height: 250px;
	}
	#planWarperMain .pic img{
		width: 295px;
		height: 245px;
	}

	/*planWarperMain_02*/
	#planWarperMain_02{ background:#e0e3df; padding:2em 0;position:relative;}
	#planWarperMain_02 .main_box {
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	    position: relative;
	    /*min-height: 450px;*/
	}
	#planWarperMain_02 .content {
	    /*float:left; */
	    width:100%; 
	    margin-top:10px;
	    position:relative;
	}
	#planWarperMain_02 .content dt {
	    font-size: 36px;
	    letter-spacing: 0.05em; 
	    text-align:left;
	    line-height:1.1;
	    font-weight:normal;
	    color: #01b844;
	}
	#planWarperMain_02 .content dd {
	    float: left;
	    width: 33.3333%;
	    height: 400px;
	    /*padding:1em 0 0 0em;*/
	    text-align:center;
	}
	#planWarperMain_02 .content dd .left_rigth_space {
	    width: 100%;
	    height: 50%;
	    /*padding:1em 0 0 0em;*/
	}
	#planWarperMain_02 .content dd .center_space {
	    width: 100%;
	    height: 50%;
	    padding:100px 0px 0px 0px;
	    /*text-align:center;*/
	}
	#planWarperMain_02 .content dd img{
	    width: 130px;
	    height: 130px;
	    margin:0 auto;
	    margin-top: 15px;
	}
	#planWarperMain_02 .content dd p{
	    width: 160px;
	    text-align: center;
	    font-size: 14px;
	    color:#444;
	    margin:0 auto;
	    margin-top: 5px;
	}


	/*planWarperMain_03*/
	#planWarperMain_03{ background:#ffffff; padding:2em 0;position:relative;}
	#planWarperMain_03 .main_box {
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	    position: relative;
	    /*min-height: 400px;*/
	}

	#planWarperMain_03 .content {
		/*float:left; */
		width:100%; 
		margin-top:10px;
		position:relative;
	}
	#planWarperMain_03 .content dt {
		font-size: 36px;
		letter-spacing: 0.05em; 
		text-align:left;
		line-height:1.1;
		font-weight:normal;
		color: #01b844;
	}
	#planWarperMain_03 .content dd{
		width:100%; 
		min-height: 250px; 
	}
	#planWarperMain_03 .content dd .plan_content{
		float:left;
		width:70%;
		min-height: 210px; 
		font-size: 14px;
		letter-spacing: 0.05em; 
		text-align:left; 
		padding:1em 0; 
		color:#444;
	}
	#planWarperMain_03 .content dd .plan_content .plan_title{
		font-size: 20px;
		letter-spacing: 0.05em; 
		text-align:left; 
		padding:0.5em 0; 
		color:#000;
	}
	#planWarperMain_03 .content dd .plan_content .plan_detail_list{
		font-size: 12px;
		letter-spacing: 0.05em; 
		text-align:left; 
		padding:0.1em 0; 
		color:#444;
	}

	#planWarperMain_03 .content dd .plan_pic {
		float:left;
		/*position:relative; */
		margin-left:30px;
		/*margin-top: 30px;*/
		min-width: 210px;
		min-height: 210px;
	}
	#planWarperMain_03 .content dd .plan_pic img{
		width: 200px;
		height: 200px;
	}
}