/* ******************************************************************
 *	File name		: page_index.css
 *	Summary			: page layout
 * ******************************************************************
 */
/*----------------------------------------------------------------- */
*{
}
/* ---------------- */
/*       base       */
/* ---------------- */
html{
	width:100%;
	overflow-x:hidden;
	overflow-y:hidden;
}
body {
	width:100%;
}

/* ---------------- */
/*       cate       */
/* ---------------- */

#news{
	width:100%;
	max-width:100%;
	}
	#news ul{
		position:relative;
		width:100%;
		max-width:100%;
		list-style:none;
		text-align:left;
		}
		#news ul li{
			display:block;
			position:relative;
			width:100%;
			margin:0px;
			padding:5px 10px 4px 160px !important;
			font-size:0.85rem;
			color:#000;
			border-bottom:1px dotted #4A7A8E !important;
			background:none !important;
		}
		#news ul li:after{
			position:absolute;
			top:6px;
			left:98px;
			width:50px;
			font-size:0.7rem;
			text-align:center;
			color:#FFF;
			background:#E7782E;
		}
		#news ul li.news:after{
			content:"NEWS";
			background:#75B7CF;
		}
		#news ul li.event:after{
			content:"EVENT";
			background:#E7782E;
		}
		#news ul li span.date{
			display:block;
			position:absolute;
			top:4px;
			left:0px;
			margin-bottom:1px;
			padding:0 10px 0;
			font-weight:bold;
			color:#000 !important;
			font-size:0.9rem;
			text-align:left;
		}
		#news ul li p{
			display:block;
			position:relative;
			font-size:0.95em;
   		}
		#news ul li a{
			display:block;
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			color:#000;
			text-decoration:none;
			text-indent:-9999px;
			z-index:100;
			}
			#news ul li a:hover{
				background:rgba(0,0,0,0.1);
}