@charset "utf-8";
/* CSS Document */

html
{
	width:100%;
	height:100%;
}

body
{
	width:100%;
	height:100%;
	padding:5px;
	border:0;
	margin:0px;
	text-align:center;
	font-size: 62.5%;
	color: #333333;
	background-color: #0d44bb;
	position: relative;
	font-family: "微软雅黑";
	overflow-x:hidden;
	overflow-y:hidden;
}

#header
{
	position:relative;
	margin:0px;
	width:100%;
	height:55px;
	font-size: 1rem;
	font-weight: 900;
	text-align:center;
	display:inline-block;
	background: -webkit-linear-gradient(top, #fff, #0d44bb);
	/* 背景色渐变 */
	-webkit-background-clip: text;
	/* 规定背景的划分区域 */
	-webkit-text-fill-color: transparent;
	/* 防止字体颜色覆盖 */
}

#header button
{
    border: 1px;
    background-color: #408080;
    padding: 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 0;
    cursor: pointer;
	width:60px;
	border-radius: 50%;
	vertical-align:middle;

	-webkit-text-fill-color:#fcfcfc;
	text-shadow: 2px 2px 2px black;
}


#middle_block
{
	padding:10px 10px 0px;
	position:absolute;
	left:0px;
	top:55px;
	bottom:18px;
	right:0px;
	background-color:#f0f2f5;
}

#menus
{
	position:relative;
	left:0;
	top:0;
	height:100%;
	text-align:left;
	background-color:#f0f2f5;
	color:#FFF;
	float:left;
	overflow: hidden;
	z-index:0;
}

/* 菜单标题区，包括标题和折叠标识 */
.menu_title 
{
	position: relative;
	background-color:#f0f2f5;
	color:black;
	font-size:16px;
	font-weight: normal;
	padding-left: 14px;
	text-align:left;
	transition: all 0.3s ease;
	cursor: pointer;
	overflow: hidden;
	z-index:999;
}

.menu_title:hover 
{
	background:#fff;
	color: #00f;
}

/* 折叠标识符号 */
.indicator 
{
	font-weight: normal;
	position: absolute;
	right: 13px;
	top: 0px;
	transition: all 0.3s ease;
	text-align: center;
	z-index:999;
}

/* 菜单列表区 */
.menu_list
{
	height:0;
	transition: all 0.3s ease;
	overflow: hidden;
	z-index:999;
}

/* 菜单项 */
.item 
{
	text-align: left;
	font-size: 14px;
	height: 20px;
	color: black;
	padding-left: 30px;
	transition: all 0.3s ease;
	cursor: pointer;
	overflow: hidden;
	z-index:999;
	background-color:inherit;
}

.item:hover 
{
	background:#fff;
}

.item:focus
{
	background:#fff;
}

/* 菜单项之间的分割横线 */
.item_divider 
{
	height: 1px;
	background:#f0f2f5;
	display: block;
	opacity: 0.8;
	z-index:999;
}

/* 模块之间的分割横线 */
.menu_divider 
{
	width: 100%;
	height: 1px;
	background: #f0f2f5;
	z-index:999;
}

/* 菜单区多余部分用弹簧占位 */
.vert_spring
{
	background-color:#e9e9e9;
	position:relative;
	height:100%;
	cursor:default;
	z-index:0;
}

/* 左右区域分隔线，用于改变区域大小 */
#seperator
{
	position:absolute;
	left:300px;
	top:0;
	height:100%;
	cursor:e-resize;
	float:left;
	z-index:999;
	
	width: 7px;
    background-image: url(../image/seperator.gif);
    /*
	border: 2px solid rgb(170,182,229);
	background-color:rgb(213,221,241);	
	-webkit-box-shadow: rgb(115,146,231) 0px 3px 5px;
	-moz-box-shadow: rgb(115,146,231) 0px 1px 1px;
	box-shadow: 0 0 2px 2px rgb(115,146,231);
	*/
}

/* 主数据区 */
#main_contents
{
	padding:0px;
	position:absolute;
	left:305px;
	top:0;
	right:0;
	bottom:0;
	text-align:left;
	background-color:#fff;
	color:#000;
	float:left;
}

/* 菜单区下面的背景图片 */
#back_photo
{
	text-align:left;
	color:#00f;
	width:100%;
	height:100px;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:0;

	background:no-repeat center top / 100% 100%;
	background-image:linear-gradient(to bottom, rgba(233,233,233,1), rgba(233,233,233,0)), url("image/photo.png")
}

#back_photo:hover
{
	background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0)), url("image/photo.png")
}


#bottom_block
{
	position:absolute;
	left:0px;
	height:20px;
	bottom:0px;
	right:0px;
	font-size:9px;
	text-align:center;
	background: #f0f2f5;
	/*font-style: italic;*/
	color:#939393;
	line-height:20px;
	float:left;
	margin: 0px 0px 0px 5px;
}


.clear
{
	clear:both;
}

#bottom_block a{
	color: black;
	text-decoration:none;
}