body{
	display: flex;
	flex-direction: column;
	width: 100%;
}

@media only screen and (max-width:750px ){
	#agreementpreview{
		width: 90%;
		padding: 0 5%;
		margin-bottom: 15px;
	}
	.titles{
		text-align: center;
		font-size: 24px;
		margin: 40px 0;
	}
	#agreementpreview h4{
		margin-bottom: 20px;
	}
	#sections p{
		margin-bottom: 15px;
	}
	.protocol{
		margin-bottom: 20px;
	}
	#header_box{
	    width: 100%;
	    height: 49px;
	    box-sizing: border-box;
	    display: flex;padding: 14px 5%;color: #fff;justify-content:center;font-size: 0.768rem;box-sizing: border-box;-webkit-gradient(linear,left top,right top,from(#f77a28),to(#ff4200));background-image: -webkit-linear-gradient(left,#f77a28 0%,#ff4200 100%);background-image: linear-gradient(to right,#f77a28 0%,#ff4200 100%);
	    position: relative;
	}
	#header_box #delAddr {
	    display: inline-block;
	    position: absolute;
	    right: 30px;
	}
	#header_box #delAddr img,#header_box #delAddr{
	    height: 21px;
	}
	#header_box em{display: inline-block;width: 26px;height: 24px;background: url(../../imgs/mobiles/design_icon.png) no-repeat 0 -57px;}
	#header_box a{position: absolute;left: 5%;top: 13px;}
}
@media only screen and (min-width:751px ) {
	#agreementpreview{
	    display: flex;
	    flex-direction: column;
	    width: 1200px;
	    margin: 0 auto;
	    font-size: 14px;
	    margin-bottom: 35px;
	}
	
	.titles{
		text-align: center;
		font-size: 24px;
		margin: 40px 0;
	}
	#agreementpreview h4{
		margin-bottom: 20px;
	}
	#sections p{
		margin-bottom: 15px;
	}
	.protocol{
		margin-bottom: 20px;
	}
	#header_box{
		display: none;
	}
}