body, html { font-size: 100%; 	padding: 0; margin: 0;}
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body{
	background: #f9f7f6;
	color: #404d5b;
	font-weight: 500;
	font-size: 1.05em;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
}
a{color: #2fa0ec;text-decoration: none;outline: none;}
a:hover,a:focus{color:#74777b;};
div#container{width: 500px;height: 300px;margin: 20px auto;}
div#container{
	position:relative;
	*zoom:1;
	width:500px;
	margin: 10em auto;
	margin-bottom:20px;
	padding-bottom:1px;
	background:#fff;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);
	box-shadow:0 0 4px rgba(0,0,0,0.2);
}
div#container:before,div#container:after{
	content:" ";
	display:table;
}
div#container:after{clear:both;}
div#container:after{
	background:url("images/shadow-left.png") bottom left no-repeat;content:'';
	display:block;
	width:100px;
	height:15px;
	position:absolute;
	bottom:-11px;
	left:-3px;
}
div#container:before{
	background:url("images/shadow-right.png") bottom center no-repeat;content:'';
	display:block;
	width:100px;
	height:15px;
	position:absolute;
	bottom:-9px;
	right:-6px;
}
div#container .info-title{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: #3ca5f6;
	color: #fff;
}
div#container .info-title p{text-align: center;}
div#container .info{
	width: 100%;
	min-height: 10em;
	color: #33414A;
}
div#container .info p{
	position: relative;
	top: 4em;
	left: 2em;
	margin-top: 1em;
}
.red{color:#D33C4D}