@font-face {font-family: "iconfont";
  src: url('../fonts/tip.eot?t=1466671943'); /* IE9*/
  src: url('../fonts/tip.eot?t=1466671943#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/tip.woff?t=1466671943') format('woff'), /* chrome, firefox */
  url('../fonts/tip.ttf?t=1466671943') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/tip.svg?t=1466671943#iconfont') format('svg'); /* iOS 4.1- */
}
.ficon{
	font-family:'iconfont';
	color:#fff;
}

.alert {
	width: 70%;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	margin: 0 auto;
	margin-top: 100px;
}
.alert .row{
	padding: 10px 20px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}
.alert .lefticon{
	position: absolute;
	top: 50%;
    margin-top: -38px;
}
.alert .rightmsg{
	padding-left: 100px;
	float: left;
}
.alert .lefticon .ficon{
	font-size: 70px;
	font-style: normal;
}

.alert .rightmsg h2{
	margin-top: 0;
	margin-bottom: 10px;
}
.alert .rightmsg a{
	color: #2a6496;
	font-size: 18px;
}

.alert-success{
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-error{
	background-color: #f2dede;
	border-color: #ebccd1;
}
.alert-success .rightmsg h2{
	color: #3c763d;
}
.alert-error .rightmsg h2{
	margin-top: 0;
	color: #a94442;
}

.alert-success .ficon:before{
	content: '\e603';
	color: #3c763d;
}
.alert-error .ficon:before{
	content: '\e601';
	color: #a94442;
}
.alert-warn  .ficon:before{
	content: '\e602';
	color: #F76260;
}

@media screen and (max-width: 640px) {
	.alert .lefticon{
		position: relative;
		margin-top: 10px;
		width: 100%;
		text-align: center;
	}
	.alert .rightmsg{
		padding-left: 0;
		text-align: center;
		width: 100%;
		float: none;
		margin-top: 20px;
	}
}