@charset "utf-8";

/* INITIALIZE ++++++++++++ */


html body div#wrapper.ng-scope #header{
	margin-bottom: 0;
}

.breadcrumbs{
	margin: 0 auto;
	padding: 0 20px 0 20px;
	widows: 00%;
	max-width: 1140px;
	font-size: 1.2rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.breadcrumbs a,
.breadcrumbs i,
.breadcrumbs span{
	display: inline-block;
	padding: 8px 12px 20px 0;
	cursor: default;
	font-style: normal;
	text-decoration: none;
}

.breadcrumbs a{
	cursor: pointer;
}

.breadcrumbs a:hover{
	color: #3fc9e2;
}

.contents{
	margin: 0 auto;
	padding: 0 20px 32px 20px;
}

/* INITIALIZE END ++++++++++++#noticeBlock */

#noticeBlock{
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	background: #fafafa;
	border: #dcdcdc solid 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

#noticeBlock h1{
    padding: 12px 10px 10px;	
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
	background: #3faee2;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.contentsBlock{
	margin: 0;
	padding: 20px 20px 32px 20px;
}

#noticeBlock .contentsBlock .line{
	display: table;
	margin-bottom: 8px;
	padding-bottom: 4px;
	width: 100%;
	color: #333;
	text-decoration: none;
	line-height: 1.4;
	cursor: pointer;
	border-bottom: #dcdcdc solid 1px;
}

#noticeBlock .contentsBlock .line:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

#noticeBlock .contentsBlock .line:hover{
	color: #3faee2;
}

#noticeBlock .contentsBlock .line span.non-image.menu-user-icon,
#noticeBlock .contentsBlock .line span{
	display: table-cell;
	vertical-align: top;
}

#noticeBlock .contentsBlock .line span{
	padding-left: 4px;
}

#noticeBlock .contentsBlock .line span.non-image.menu-user-icon{
	padding-left: 0;
}

#noticeBlock .contentsBlock .line i{
	width: 12px;
	color: #3faee2;
	text-align: center;
}

#noticeBlock .contentsBlock .line span.non-image.menu-user-icon i{
    display: inline-block;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
    width: 36px;
    height: 36px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    border-radius: 36px;
}

#noticeBlock .contentsBlock .line span i.fa{
	display: inline-block;
	margin-right: 4px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 1.2rem;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background: #3faee2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#noticeBlock .contentsBlock .line span .date{
	font-size: 10px;
	color: #999;
}

.orange i{
	background: #ef9a4f;
}
 .green i{
	background: #3cc705;
 }
 
 .red i{
	 background: #f45131;
 }