#wpprpop { position:fixed; left:50%; top:80px; box-sizing:border-box; width:400px; margin:0 0 0 -200px; padding:5px 5px 25px 15px; box-shadow:0 0 15px #999; border-radius:6px; background-color:#f2f2f2; text-align:center; font-size:14pt; color:#000; animation:wpprpop_a1 0.8s; }
#wpprpop .xclose { float:right; display:block; padding:3px 10px; font-size:20pt; color:#444; cursor:pointer; }
#wpprpop .xclose:hover { color:#d44; }
#wpprpop .xbody { padding:15px 15px 0 0;  }
#wpprpop .xbt { display:inline-block; box-sizing:border-box; max-width:100%; margin:10px 0 0 0; padding:7px 20px; border-radius:5px; background-color:#d119a6; text-align:center; font-size:16pt; color:#fff; cursor:pointer; box-shadow:1px 2px 5px #ccc; }
#wpprpop .xbt:hover { box-shadow:1px 2px 10px #aaa; }

@keyframes wpprpop_a1 {
	from { opacity:0; transform:translateY(50px); }
	to { opacity:1; transform:translateY(0); }
}

@media (max-width:500px) {
	#wpprpop { left:0; top:auto; bottom:0; width:100%; margin:0; border-radius:0; }
}