xxxxxbody{text-align: center;margin: 0 auto;}
#box {
	padding-top: 25px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 450px;
	height: 150px;
	background: #FFF;
	border: #005f86 solid 2px;
	text-align: center;
	position: fixed;
	margin-left: -225px;
	margin-top: -75px;
	left: 50%;
	top: 50%;
	z-index: 20000;
	display: none;
}

#screen { position: absolute; left: 0; top: 0; background: #333; 
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 4s;
    animation-delay: 2s;
    
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {background-color: #111; left:0px; top:0px;}
    10%   {background-color: #222; left:0px; top:0px;}
    20%   {background-color: #333; left:0px; top:0px;}
    30%   {background-color: #444; left:0px; top:0px;}
    40%   {background-color: #555; left:0px; top:0px;}
    50%   {background-color: #666; left:0px; top:0px;}
    60%   {background-color: #777; left:0px; top:0px;}
    70%   {background-color: #888; left:0px; top:0px;}
    80%   {background-color: #999; left:0px; top:0px;}
    90%   {background-color: #999; left:0px; top:0px;}
    100% {background-color: #999; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color: #111; left:0px; top:0px;}
    10%   {background-color: #222; left:0px; top:0px;}
    20%   {background-color: #333; left:0px; top:0px;}
    30%   {background-color: #444; left:0px; top:0px;}
    40%   {background-color: #555; left:0px; top:0px;}
    50%   {background-color: #666; left:0px; top:0px;}
    60%   {background-color: #777; left:0px; top:0px;}
    70%   {background-color: #888; left:0px; top:0px;}
    80%   {background-color: #999; left:0px; top:0px;}
    90%   {background-color: #999; left:0px; top:0px;}
    100% {background-color: #999; left:0px; top:0px;}
}