.top-notice-wrapper {
	position: absolute;
	top: 54px;
	width: 100%;
}

@media (min-width: 1000px) {
	.top-notice-wrapper {
		position: relative;
		top: 0;
	}
}

.b-notice {
	display: none;
	position: relative;
	z-index: 3;
	text-align:center;
	color:#333;
	border-top: 1px solid #666;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.4);
	background:#ffbf38;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcc53), to(#ffad15));
	background: -moz-linear-gradient(top,  #ffcc53,  #ffad15);
	background: -o-linear-gradient(#ffcc53, #ffad15);
	background: linear-gradient(#ffcc53, #ffad15);
}
	.b-notice:first-child {
		border-top: none;
	}
	.m-notice-activation {
		z-index: 100;
		display: block;
	}
	.m-notice-gray {
		background:#ffbf38;
		background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c7c7c7));
		background: -moz-linear-gradient(top,  #eaeaea,  #c7c7c7);
		background: -o-linear-gradient(#eaeaea, #c7c7c7);
		background: linear-gradient(#eaeaea, #c7c7c7);
	}
	.m-notice-yellow {
		background:#ffbf38;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffcc53), to(#ffad15));
		background: -moz-linear-gradient(top,  #ffcc53,  #ffad15);
		background: -o-linear-gradient(#ffcc53, #ffad15);
		background: linear-gradient(#ffcc53, #ffad15);
	}
	.m-notice-green {
		background:#ffbf38;
		background: -webkit-gradient(linear, left top, left bottom, from(#B3FFEC), to(#C6FFB3));
		background: -moz-linear-gradient(top,  #B3FFEC,  #C6FFB3);
		background: -o-linear-gradient(#B3FFEC, #C6FFB3);
		background: linear-gradient(#B3FFEC, #C6FFB3);
	}
	.m-notice-cursor_pointer {
		cursor: pointer;
	}
	.b-notice__inner {
		position: relative;
		width: 1170px;
		margin:0 auto;
		padding:10px 20px 10px 0;
	}
	.b-notice__text {
		padding: 0 40px;
	}
	.b-notice__close {
		display: inline-block;
		width: 9px;
		height: 10px;
		position: absolute;
		right: 11px;
		top: 11px;
		padding: 0 12px 1px 0;
		font-size: 11px;
		color: #000;
		background: url(/resources/images/client.new/del_doc.png) no-repeat 100% 3px;
		cursor: pointer;

	}
		.b-notice__close span {
			border-bottom: 1px dashed;

		}
		.b-notice__close:hover span {
			border-bottom:0;
		}
@media screen and (max-width: 1240px) {
	.b-notice__inner {
		width: 960px;
	}
}

@media screen and (max-width: 999px) {
	.b-notice__inner {
		width: 600px;
	}
}

@media screen and (max-width: 767px) {
	.b-notice__inner {
		width: 100%;
	}

	.b-notice__close {
		right: 35px;
	}
}