@media screen and (min-width: 1200px){

}
@media screen and (max-width: 1200px){
	.areaheart{
		width: 98%;
		padding: 0 1%;
	}
	.wish_box,
	.letter_box{
		padding: 28px;
		box-sizing: border-box;
		background-image: none;
		background-color: #f2d4bf;
	}
	.wish_box ul,
	.letter_box ul{
		padding: 10px 20px;
		border: 2px solid #e4b798;
	}
	.wish_box li,
	.letter_box li{
		text-indent: 0px;
	}
	.wish_box li a,
	.letter_box li a{
		width: 99%;
	}
	.part02{
		background-image: none;
	}

}

@media screen and (max-width: 1000px){
	.nav{
		height: 44px;
		line-height: 44px;
	}
	.nav li{
		font-size: 20px;
	}
	.don_lf,
	.dy_pic{
		display: none;
	}
	.don_rgt,
	.dy_txt{
		width: 100%;
	}
	.Dynamic,
	.Activity{
		width: 49%;
	}
	.part01{
		background-image: none;
	}
}

@media screen and (max-width: 768px){
	.nav li{
		font-size: 16px;
	}
}

@media screen and (max-width: 600px){
	.top{
		min-height: 120px;
		background: url('../img/banner.png') no-repeat center;
		background-size: cover;
	}
	.top img{
		display: none;
	}
	.part01{
		padding-top: 0;
	}
	.don_lf,
	.dy_pic{
		display: block;
		width: 100%;
	}
	.don_lf{
		margin-bottom: 15px;
	}
	.wish,
	.letter,
	.Dynamic,
	.Activity{
		float: none;
		width: 100%;
	}
	.foot{
		margin-top: 20px;
	}
	.nav{
		height: 46px;
		padding-top: 10px;
	}
	.nav li a{
		display: block;
		width: 40px;
		line-height: 18px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 500px){
	.wish_box,
	.letter_box{
		padding: 10px;
	}
	.wish_box ul,
	.letter_box ul{
		padding: 5px 10px;
		border: 1px solid #e4b798;
	}
	.letter_box li,
	.wish_box li{
		padding: 5px 0;
		/* font-size: 14px; */
	}
	.letter .public_title{
		padding: 12px 0;
	}

}

@media screen and (max-width: 440px){

}