body {
	background: #daecfa;
	font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
}

ul {
	list-style-type: none;
}

a {
	color: #b63b4d;
	text-decoration: none;
}


/*右侧菜单栏的一些样式*/
.menu{
    margin: 5px 5px 0px 2px;
	/*width: 80%;*/
	/*width: 745px;*/
    width:100%;
	border: 1px solid #fff;
	color: #4D4D4D;
	padding: 2px;
}

/*标题文字*/
.title {
    color: #4D4D4D;
    font-size: 12px;
    margin-left: 5px;
}

/*overflow:auto可以让ul属性占据空间
否则一个div里只有一个ul，会导致这个div的高度为0*/
.menu ul{
	overflow:hidden;
	/*margin-top: 10px;
	margin-bottom: 5px;
    padding-left: 15px;*/
    margin-top: 5px;
	margin-bottom: 5px;
    padding-left: 2px
}

/*菜单按钮的基本样式*/
.menu li{
	float: left;
	/*height: 60px;*/
	width: 30%;
	/*border: 1px solid #eef6fd;*/
    border:none;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	font-size: 14px;
	/*让文字居中对齐的办法：因为上下边框占了1px,所以a的实际高度为59px*/
	/*line-height: 59px;*/
    padding-top:15px;
    padding-bottom:15px;
	/*定义按钮背景(背景颜色，背景图，背景图重复方式，背景图的定位)*/
	/*background: #eef6fd url("../image/defalt.png") no-repeat 30px 15px;*/
	/*控制背景图像的大小*/
	/*background-size:30px 30px;*/	
	
}

.menu_new span:hover,.menu_new span:active {
    color:red;
}

/*菜单按钮激活的特殊样式*/
/*.menu li:hover,.menu li:active{
	border: 1px solid #2ecc71;
	background-color: #fff;
}*/

/*为a增加display:block属性，扩大其区域*/
.menu a{
	display: block;
	color: #4D4D4D;
	cursor : pointer;
	/*position : relative;*/
}

/* 控制li里面的文字水平居中 */
.menu li {
	/*margin-left: 30px;*/
    text-align:center;	
}
.navButton span {
    /*position: relative;
    top: 5px;*/
    white-space: normal !important;
}
/* ====== Sub menu====== */

/*默认二级菜单不显示*/
.menu>ul>li>ul{
	display : none;
}

/*默认的back按钮，此时为右对齐，隐藏*/
.back{
	float: right;
	/*display: none;*/
}

/*控制back按钮的显示，默认为display:none*/
.show {
	display: block;
}

/*back按钮的样式*/
.back a{
	display: block;
	margin-right: 15px;
	height: 32px;
	width: 32px;
	background-image: url("../Resource/image/back.png");
	background-size:32px 32px;
}

/*back按钮被激活的动画效果*/
.back a:hover,.back a:active{
	background-image: url("../Resource/image/back_h.png");
}

.liImage {
  display:block;
  margin:auto;
  /*position: relative;
  left: 20px;
  top: 10px;*/
}

/*右侧菜单栏的一些样式*/
.sub_menu{
    margin: 5px 5px 0px 2px;
	/*width: 80%;*/
	/*width: 745px;*/
    width:100%;
	border: 1px solid #fff;
	color: #4D4D4D;
	padding: 2px;
}

/*overflow:auto可以让ul属性占据空间
否则一个div里只有一个ul，会导致这个div的高度为0*/
.sub_menu ul{
	overflow:hidden;
	/*margin-top: 10px;
	margin-bottom: 5px;
    padding-left: 15px;*/
    margin-top: 5px;
	margin-bottom: 5px;
    padding-left: 2px
}

/*菜单按钮的基本样式*/
.sub_menu li{
	float: left;
	/*height: 60px;*/
	width: 30%;
	/*border: 1px solid #eef6fd;*/
    border:none;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	font-size: 14px;
	/*让文字居中对齐的办法：因为上下边框占了1px,所以a的实际高度为59px*/
	/*line-height: 59px;*/
    padding-top:15px;
    padding-bottom:15px;
	/*定义按钮背景(背景颜色，背景图，背景图重复方式，背景图的定位)*/
	/*background: #eef6fd url("../image/defalt.png") no-repeat 30px 15px;*/
	/*控制背景图像的大小*/
	/*background-size:30px 30px;*/	
	
}

/*为a增加display:block属性，扩大其区域*/
.sub_menu a{
	display: block;
	color: #4D4D4D;
	cursor : pointer;
	/*position : relative;*/
}

/* 控制li里面的文字水平居中 */
.sub_menu li {
	/*margin-left: 30px;*/
    text-align:center;	
}