div#container {margin: 0 auto; padding: 20px; width: 800px;}
h3{clear: both;}

div#clock { color: white; margin: 0 auto; width: 600px; overflow: hidden; text-align: center; position: relative; left: 70px; }
@media only screen and (max-width: 767px) {
	div#clock {
		width: 90%;
	}
}
div#clock p { background: #333; float: left; height: 88px; width: 88px; line-height: 1.25; }
@media only screen and (max-width: 767px) {
	div#clock p {
		width: 50px;
		height: 50px;
		font-size: 9px;
	}
}
div#clock p span { display: block; font-size: 50px; font-weight: bold; }
@media only screen and (max-width: 767px) {
	div#clock p span {
		font-size: 25px;
		padding: 10px 0 0;
	}
}
@media only screen and (max-width: 480px) {
	div#clock p span {
		padding: 5px 0 0;
	}
}
div#clock div.space { color: #ccc; display: block; line-height: 1.7em; font-size: 50px; float: left; height: 88px; width: 30px; }
@media only screen and (max-width: 767px) {
	div#clock div.space {
		font-size: 30px;
		width: 12px;
		height: 50px;
	}
}

div.coupon{ color: #333 !important; font-size: 50px; font-weight: bold; }

div.multi_clock{ border: 1px solid #666; color: #333; float: left; margin: 10px; padding: 5px; }

pre{background-color: #eee; border: 1px solid #ccc; line-height: 1.4em; padding: 10px; margin: 0;}