.message .button {
	line-height: 30px;
	text-align: center;
	font-family: "Microsoft Yahei";
	color: white;
	font-size: .875em;
	cursor: pointer;
	padding: 0 20px;
	border-radius: 5px;
	margin: 15px 15px 0 0;
	display: inline-block;
	float: none;
	outline: none;
}

.message span {
	font-size: 1.5em;
	font-family: "Microsoft Yahei";
}

.message em {
	font-style: normal;
	font-weight: normal;
	font-size: .875em;
	color: #999;
	display: block;
}

.message.error {
	background-color: #fff9f8;
	border: 1px #fdc9c3 solid;
	padding-left: 80px;
}

.message .wrap {
	margin: 0 auto;
	padding: 30px 0;
	text-align:center;
	line-height:30px;
}

.message .wrap:before {
	content: " ";
	display: inline-block;
	width: 52px;
	height: 52px;
	position:relative;
	vertical-align:middle;
	margin-right: 20px;
}

.message.error .wrap:before {
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcyM0ZCMDlCNzNBOTExRTU4M0E5OUUwMEVBNTA2ODNDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjcyM0ZCMDlDNzNBOTExRTU4M0E5OUUwMEVBNTA2ODNDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzIzRkIwOTk3M0E5MTFFNTgzQTk5RTAwRUE1MDY4M0MiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzIzRkIwOUE3M0E5MTFFNTgzQTk5RTAwRUE1MDY4M0MiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Mc80sAAADfElEQVRoQ92az04VMRTGr/ACPgIJBN1oNOhGI7yHC2OIT2BU1hox0QDPIKImbIgueQ5duFTZGJbGxAXi9fvG6U0p/XPOtHduM4sTwkzP1/Ob0/a2Z2Y0Ho9HQ7JsmJOH6yPYHOwO7CnsA+wb7Dds7DFe5322Y3v60Z86anOTkQWEAC7BXsK+BIL3Afmu0Z861FNBFQFCp1dgr2F/MkFcOOrtwq5KwbKA2qHxojBEKIvsJzkUOwNBfAX2qScYA8n+2G9wGHYCguA92N+eYQwU+2X/Xig1EISezAjEHYqM4xyUCggCjyqBMXCM5wyUGAiOdyuDMVCMawIlAoLDtUphDBTja6CSQGg0D/taORDja5Z0CdC2EuYX2t+Gaf3M06Yf/akj3VmwHf3iQGiwpBT9ifbcNZgxvaf0Z3vjy90B9TRQS9EMQWxfIcgnet1ddfD/O6HGW48v9TSZ2g8CQWhBGAifYANDMU9QvPYmocX9WshXC7VgQ03GIDrYEQIdc5gZkUhgIagYjIHkMGY/kuG3cw4IjlzZfggETtBm2RaIADE4d07ZcyZ1TFiGP/tLQTHueRNTkyFcWBM4Upj7qm0FELXft9r8m4Kw73MVk+4f11yg50Ig87R2BUPODm5dCcNhmcqMfX/TBTpUClBsL7IoaDLhttUu/Yzl0AU66gBEIU78nOBd39TqGMrakQt02hGIHfAoXgKKOpphZrc9dYG6Chm/3Ex1zcwk7tJAFOYv/0VlttiefrkPFDz/64tm2c4WbIN6oARi+yJ9TwNoUBmqbg4NbpUb3O/Q4HYKm8rVpvq93KoQqNbd9qq7bF8AkGQe1XgeYtxzZ4DaXfOWMEvSE2voCFD6xLoVOoIvCoEkNYXUeaZkTWHRC9Rm6UAL5dnqSPdmJao+B6kyVm5dLpUZd99mZ4qFkbJ1uTZL0uqPCY4lrVsw6Rx0oehHf009jhqMU1QKZgWIb6mL7IKnpMP4GGcaqM0Si301A00qttE55JSnhvN+yCpRPa4sU93f4FlQG5VA5b9jtaDuzxiK/XsrS+I55DaE4A3Y557B2N/NWJ2iM1C7+vE1YJ9fkjRL89SArCHIt22sI+Qc3X0/C9Sjbj/f+niG4WV0/gpW4mss6lBPVYXNGnKus1WsN9/LPUNAH2HfYbHv5Xif7di+nu/lfICzvpb1AeCsg/f1/w9Y5JyjWhjhugAAAABJRU5ErkJggg==)
		no-repeat right top;
}

.message.error span {
	color: #f97474;
}

.message.error .button {
	background-color: #f97474;
}

.message.error .button:hover {
	background-color: #dc483a;
}

.message.success {
	background-color: #F8F4F2;
	border: 1px #DFC5C1 solid;
	margin-bottom: 20px;
}

.message.success .wrap:before {
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUzNkQ2RkFDNzNBOTExRTVBOTA4RERDNTk5QTIzMkI1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUzNkQ2RkFENzNBOTExRTVBOTA4RERDNTk5QTIzMkI1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTM2RDZGQUE3M0E5MTFFNUE5MDhEREM1OTlBMjMyQjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTM2RDZGQUI3M0E5MTFFNUE5MDhEREM1OTlBMjMyQjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5pj33oAAAEkklEQVRoQ92ay0tUcRTHxU20qUgXGZREtSnQvyKolYvKHgQFBdGyBOmhSC1aCCW06LUJK4skCNoIEW0KSR0dRVPxkYovfL9mxMfo7Xxv9zfembmP87v3N844Fw7M4/zOOZ/f+d1zf4+bpWlalpALTU1ZPiWH2p8gOUtyh+QJySuSWkPwGb/hP+hAF238+tXbgyMKgy8eDedRu9MklSS/SBZINKZAF23QFjYOeIxBCdAxcl5B0kCyzgRwAoUN2CojOeIFzGuG9pCzuyT9CiDsAHsNH/DFHjlegDAsmpIIEg8IX/DJgpIB2k1G75GEtxFGwMEnfCMGRzAuUC4ZepcCkPhsvaUYEIstFAconwx8SwMYAYdYEJMllBvQfmpYl0YwAgoxIbYEKCegXWkyzOyqIG4BxBgD5QR0Pw0zEw+HGFlAp0gxtAOAECNijUJZZWgfKQR3AIzIFmJFzLZTH0w7uPOwdNErtwSiHw+R9O1AIEzBDgMqZsjRDw9INlIJ9HN6WptbW9NuBIMy2UfMiH0LiL5gCdCcSpgPw8PUwf+vyZUVWSjEnhfNEH0pSmV2Xg4MRGHEhwmCus7PFLJUpAPRh2wSrCJl0qxMt7K3NwHGY6bAkA0gTPiwsFIWJNdWRVeXLYw5U7fa2jixgSEXQAUk274sKOno0DY2N12BoBCKRDhAYCgAUDG3R1XpocfDFCT3+jQywgGCznkAlXoN9PXgoPaou5vrTNe71tKiTa2uclm0Gqp+EvGVAuipRIOo8eemylRO9wLHxkUCGlpeZsN8HR9n2TX5rgJQNScYs84LizKLauVmp3NxkQ3zY2rK1Z6Fv2oAYROQ3dicmfjo8J+drd+zs2yYxrk5djxx/mqlgJxgRLTvLcb898lJNgyyKNPBVkCsIfeRKg33Mo/9L2Nj3Gb6/YX7zAeQPuSqOAYwaZS5Po+OalZTGjsbqHxXm5v9wKCtXhRYZRszYJkKJQO/uL6u3Wxt9QuD9nrZZj9Yr1AP/g2HZWJ11Y3QbOF2e7sKGNgoBlAhCXvqczkQ0PpCIddAuQplnZ2qYMBQCCCczzRy7iOhc4mgehRAPe7pUQUDO2DI8bx8QDXqWlriJiJB71l/v0oY2MKMJ1tfttKHIhJPy+8Oiae/oHozNKQaZmuBZwD5WoK3LSywM1VL5VxmeDN1Y5fgBhS2sDxlCU6D8/OuUHUTE8mAQcyIPWHXB1tBvk7lAjQHs7uwo8PsbVk9620sI0vYtJM1GKPfYDEJbaHs+bXr0N56o9EAUrIVXD8zE00UynsSYYJk23ErGBVPyWb9H6p+mP/hQZwkINZmvdjJz6jjFEDhMKkmST2rImOITerAC1AZdSQphl4+gWXMobGAyqhjfQGFlx5QKJZTcF/BJ3wre/HCfDB7hgwHthEKvuAz5nDY7juepV5eL9tr9JivaZJLp+AkEVmBLxZMwlzOmCmwG5OB4yQPSbCwiijIGmzAFiaaR2VAhK7XDMVDHzSGBV7iqydZlICDLtqgLYYWbMl0aoyuKiCzUVTEkyTnSEpI7F7RxH/Qga7jC0kygAD6B1V4T0fWCoiiAAAAAElFTkSuQmCC)
		no-repeat right top;
}

.message.success span {
	color: #dc483a;
}

.message.success .button {
	background-color: #dc483a;
}

.message.success .button:hover {
	background-color: #f97474;
}

.message.warn {
	background-color: #fffee0;
	border: 1px #e7e371 solid;
	padding-left: 80px;
}

.message.warn .wrap:before {
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlFNkU1NDhBNzNBOTExRTU5NTZFQTUwQUU1OTU3QTU0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlFNkU1NDhCNzNBOTExRTU5NTZFQTUwQUU1OTU3QTU0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUU2RTU0ODg3M0E5MTFFNTk1NkVBNTBBRTU5NTdBNTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUU2RTU0ODk3M0E5MTFFNTk1NkVBNTBBRTU5NTdBNTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6riVyEAAAD9ElEQVRoQ92aS2sUQRRGJ5BEUEnAgBExUVQEJXsRwZVZ6F7Jf1DxsfBBti4FH5ilKIRsk4W6ElRwo+D7gSgI+gNEFwYfC8fvDF1NT9uZqpqu6p7M4oOaqtu37pmurr5dVY3l+UYjkIblZ520WzoinZWuSTelxUSUqaMNG2y5hmu7iqPZbDay6spJpvMhlTdIB6Ur0lPpl9R0FLZcw7X4wNegD1woIDqdlE5JzxyDd4EE7pi0xRUsBNBmdXZc+hQQJA/7MemDvjqOojJADK9D0oOIIHkw+qJP+i4E6xZoTA7PScsVwhg4+qRvYvgPqhsgxvOtGkDyd4sYiKUNyhdomxzc7QEYA0csxJRC+QDxQN7pIRgDRUzpZOEKNKqL5nsQxkARGzG2vVSBK5o5eMdckP4GAvomP48TUXZ5H9lsiI0YB13u0LQMvwbo+Kd8XJL2S7sSUaaONlvQtnZinLYBjcvoSYDOvsvHSWlt9gFOytTRho0taFs7sY6vlMvx8iKVsTlxab8tP50STtqwcfFlszlNXwYq+wwxx38O0Mkf+bhYcGfyzys22NoCtrV/kY+JPBB3h/zMdrFLOw/sDQcgbEJNPMQ+lJ3lSCteBgICmsR1Xwco2kImt8Q+ZoAG9IMEMNS/Ze7iW/k8LK2ReBUgytTR5nK3XW2IHYYBxjUP6PXAHZhAfsvvI+lyIsrUuQbqYwfDMEAj0ptInfgEVNYWhhGApqQQs03ZgMpeD8MUQDN9cHfMnzED0GwkIBZAPkjMQAwHRJk6n4UUnzs3C9BcJKD38ntAYjFlZyLK1NHmE6ir7RxAC5GcP5ffjVI+Q6CONtcgfewW6IxFQJ+LXG1fy++OAiDqaHP142O3CNBSJOcEvb0AiLpYQEsxh1wdQK0hF2tSqAOoNSnEmrbrAGpN27FerHUAtV6ssVKfqoHS1CdWclo1UJqcxvp8qBoo/XyI9YFXJVDbBx7PEZ/grwK/YKsEIvb0ExygkIskJlWpEugEDPml4AlVsiTkkzt1sq0KiJgni9blmBxYtFttQGcUc+FCI0Mv1FIwf8oLaVNBckodbSH+uI5Lwea7JdRi/TsFvVfaKrFJhShTR1tZIKfFeqDMdkrZDn/IF9so96T7iShTR1sZ/17bKUCNSn2z4WWGHtt+vbS/au4oMXlvSRooxn0vQZXaNDZQfbWtb6BIjc5LdR28oO9gBy8MlDka87DkDOUzu9FXlKMx2bU1Hkhyp5D7O3lIfNNH1MNLWSjeVUwYpB0hFw3xBQgrrE7n5my74PlVTttvhiFjm+ziqsTZOZ/9H2y5hmvxUdsBwCJQktv10h7pqMQJqpWOaNKGDbZcE+yI5j90HOaEB95KjgAAAABJRU5ErkJggg==)
		no-repeat right top;
}

.message.warn span {
	color: #ff7900;
}

.message.warn .button {
	background-color: #f5a300;
}

.message.warn .button:hover {
	background-color: #f97474;
}

@media screen and (max-width: 720px) {
	.message .button {
		text-align: center;
		color: white;
		padding: 0 20px;
		margin-top: 10px;
		display: inline-block;
		float: none;
		width: auto;
		height: 40px;
		line-height: 40px;
		outline: none;
	}
	.message.error,.message.success,.message.warn {
		background-color: #FFF;
		border: 0;
		padding: 20px;
		padding-top: 50px;
	}
	.message .wrap {
		padding: 0;
	}
	.message span {
		font-size: 1em;
	}
	.message .wrap:before {
		height: 100px;
	}
}