body {
font-family: 'DIN Pro';
padding:0; margin:0;
}
#ld { margin:0; padding:0;}
#ld .bb{
	 text-align:center;
	 background: url(https://asset.msi.com/event/2017/lucky_draw/images/02.jpg) no-repeat;
	background-size: cover;
	background-position: 80% 40%;
	width: 100%;
	color:#FFF;
	background-size:100% 100%;
	padding-bottom:65px;
	 }
#ld .procedure{
	 text-align:left;
	
	
	
	}
#ld .rg{
	background-color:#F00;
	color:#FFF; 
		font-size:25px;
		text-decoration:none;
		padding-top:20px;
		padding-bottom:20px;
	
		padding-left:100px;
		padding-right:100px;
		border:2px #c00 solid;border-radius:10px;
	}
#ld .rg:hover{
		color:#000;}
#ld .procedure p{
	width:70%;
	font-size:20px; line-height:30px; padding-left:20%; margin-top:0px;
	padding-bottom:50px;
	}
#ld .procedure a{ color:#c00; text-decoration:none;}
#ld .procedure a:hover{ color:#fff;}

@media (min-width: 320px) and (max-width: 481px) {
	
}
@media (min-width: 480px) and (max-width: 767px) {
#ld .procedure p{
	width:50%;
	font-size:20px; line-height:30px; padding-left:20%; margin-top:0px; margin-bottom:0px;}
	
}

@media (min-width: 768px) and (max-width: 979px) {
	#ld .procedure p{width:60%;font-size:20px; line-height:30px; padding-left:20%; margin-top:0px; margin-bottom:0px;}
	
}
@media (min-width: 980px) and (max-width: 1200px) {
#ld .procedure{
	background: url(https://asset.msi.com/event/2017/lucky_draw/images/02.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	background-size:100% 100%;
	color:#FFF;
}
#ld .procedure p{width:60%;font-size:20px; line-height:30px; padding-left:20%; margin-top:0px; margin-bottom:0px;}
}
@media (min-width: 1200px) and (max-width: 1680px) {
	#ld .procedure p{width:60%;font-size:20px; line-height:30px; padding-left:20%; margin-top:0px; margin-bottom:0px;}
		
}