body{
	color: #333555;
/*  font: 14px/1.231 "Lato", sans-serif; */
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin : 0 auto;
	text-align : center;
}

section{
	width : 1000px;
	text-align : left;
	margin : 0 auto;
	background-color : #F9F9F9;
}

footer{
	height : 100px;
	line-height : 30px;
	background-color : #ECEFF1;/*#F5F5F5*/
	border-top : solid lightgray 1px;
}

a{
	color: #00699E;
}

a:hover {
	color: #0069CE;
}

a:visited {
	color: #9E0000;
}



.content{
	padding-top:105px; /* nav placeholder */
	padding-bottom:5px;
	min-height : 700px;
}

.sidebar{
	position: fixed;
	top: 50%;
	display : none;

	filter:alpha(opacity=60); /*IE滤镜透明度*/
	-moz-opacity:0.6; /*Firefox私有*/
	opacity:0.6; /*其他*/

/* css draw img */
/*	
width :0;*
height:0;
border: 20px solid #95A5A6;
*/

	/* ref img */
	height : 33px;
	width : 30px;
	background : url(assets/images/to_top.jpg) no-repeat center center;

	border-top: none;
	border-left: none;
	border-right : solid lightgray 1px; /* 3D like */
	border-bottom : solid lightgray 1px; /* 3D like */
}

.sidebar:hover{
	cursor : pointer;
}

/* css draw img */
#backup.sidebar:before{
	content : '';
	position :absolute;
	left : -18px;
	top: -32px;
	width :0;
	height : 0;
	border-top : 20px solid transparent;
	border-right : 18px solid transparent;
	border-left : 18px solid transparent;
	border-bottom : 15px solid white;
}
#backup.sidebar:after{
	content : '';
	position :absolute;
	left : -10px;
	top : 0;
	width :0;
	height : 0;
	border-top: 10px solid white;
	border-left: 10px solid white;
	border-right: 10px solid white; 
}



.line-loader {
	z-index:1;
	width: 0;
    height: 1px;
    margin: 2px 0;
    background: #2187e7;
    position: absolute;
	left:0;
    box-shadow: 0px 0px 10px 1px rgba(0,198,255,0.7);
/*	-moz-animation: fullexpand 10s ease-out;*/
/*	-webkit-animation: fullexpand 10s ease-out;*/
}
@-moz-keyframes fullexpand {
    0%  { width: 0px;}
	100% {width: 100%;}	
}
@-webkit-keyframes fullexpand {
	0%  { width: 0px;}
	100% {width: 100%;}
}



.loader{
	position: fixed;
	top : 0;

	width:99px;
	height:99px;

	-webkit-animation: rotateThis 2s infinite linear;
/*	-webkit-animation-name:rotateThis*/
/*	-webkit-animation-duration:2s;*/
/*	-webkit-animation-iteration-count:infinite;*/
/*	-webkit-animation-timing-function:linear;*/
	-moz-animation: rotateThis 2s infinite linear;
}
@-moz-keyframes rotateThis {
  from {-moz-transform:scale(0.5) rotate(0deg);}
  to {-moz-transform:scale(0.5) rotate(360deg);}
}
@-webkit-keyframes rotateThis {
  from {-webkit-transform:scale(0.5) rotate(0deg);}
  to {-webkit-transform:scale(0.5) rotate(360deg);}
}

.loader div{
	width : 10px;
	height: 30px;
	background : #000;
	position:absolute;
	top : 35px;
	left : 45px;

}
.loader1{
	filter:alpha(opacity=12);
	-moz-opacity:0.12; 
	opacity: 0.12;
	-moz-transform:rotate(0deg) translate(0, -40px);
	-webkit-transform:rotate(0deg) translate(0, -40px);
	-ms-transform:rotate(0deg) translate(0, -40px);
}
.loader2{
	filter:alpha(opacity=25);
	-moz-opacity:0.25; 
	opacity: 0.25;
	-moz-transform:rotate(45deg) translate(0, -40px);
	-webkit-transform:rotate(45deg) translate(0, -40px);
	-ms-transform:rotate(45deg) translate(0, -40px);
}
.loader3{
	filter:alpha(opacity=37);
	-moz-opacity:0.37; 
	opacity: 0.37;
	-moz-transform:rotate(90deg) translate(0, -40px);
	-webkit-transform:rotate(90deg) translate(0, -40px);
	-ms-transform:rotate(90deg) translate(0, -40px);
}
.loader4{
	filter:alpha(opacity=50);
	-moz-opacity:0.50; 
	opacity: 0.50;
	-moz-transform:rotate(135deg) translate(0, -40px);
	-webkit-transform:rotate(135deg) translate(0, -40px);
	-ms-transform:rotate(135deg) translate(0, -40px);
}
.loader5{
	filter:alpha(opacity=62);
	-moz-opacity:0.62; 
	opacity: 0.62;
	-moz-transform:rotate(180deg) translate(0, -40px);
	-webkit-transform:rotate(180deg) translate(0, -40px);
	-ms-transform:rotate(180deg) translate(0, -40px);
}
.loader6{
	filter:alpha(opacity=75);
	-moz-opacity:0.75; 
	opacity: 0.75;
	-moz-transform:rotate(225deg) translate(0, -40px);
	-webkit-transform:rotate(225deg) translate(0, -40px);
	-ms-transform:rotate(225deg) translate(0, -40px);
}
.loader7{
	filter:alpha(opacity=87);
	-moz-opacity:0.87; 
	opacity: 0.87;
	-moz-transform:rotate(270deg) translate(0, -40px);
	-webkit-transform:rotate(270deg) translate(0, -40px);
	-ms-transform:rotate(270deg) translate(0, -40px);
}
.loader8{
	filter:alpha(opacity=100);
	-moz-opacity:1; 
	opacity: 1;
	-moz-transform:rotate(315deg) translate(0, -40px);
	-webkit-transform:rotate(315deg) translate(0, -40px);
	-ms-transform:rotate(315deg) translate(0, -40px);
}




.home-logo-link{
	background : url(assets/images/favicon.png) no-repeat center;
	background-size : 50px;
	height : 50px;
	width : 50px;
	float : left;
	margin-right:10px;
	border-top: none;
	border-left: none;
	border-right : solid gray 1px; /* 3D like */
	border-bottom : solid gray 1px; /* 3D like */
}

.home-logo-link img{ /* ie9 */
	height : 50px;
	border : none;
}



/*导航*/
.nav{
	position : fixed;
	top:0; left:0; right:0; /*bottom:0;  */
	height: 100px;
	background-color : #ADD8E6;
	border-bottom : solid lightgray 1px;
}

/*使导航居中*/
.navsub{
	margin : 0 auto;
	width : 918px;
	margin-top:25px;
}



.nav ul li{
	list-style : none;
	float : left;
	position : relative;
}

.nav ul li a{
	display : block;
	line-height: 50px;
	padding : 0px 15px 0px 15px;
	border-right : solid gray 1px; /* 3D like */
	border-bottom : solid gray 1px; /* 3D like */
	margin : 0px 10px 0px 10px;
	text-decoration: none;
	background-color : #95A5A6;
}

.nav ul li a:hover{
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
	background-color : #1ABC9C;
}

.nav ul li:hover a , .nav ul li[class='active'] a{
	background-color : #1ABC9C;
}

.menu-item-divided{
	border-right: solid 1px; 
}

.nav ul li ul{
	display : none;
	position: absolute;
	top : 0;
	left: 0;
	margin-top:50px; /* event.preventDefault()配合 */ 
	padding-top:3px; /* event.preventDefault()配合 */ 
/*	padding-top:53px; 下拉菜单，直接屏蔽上级li的鼠标点击. 50px 为a标签高度 */
}

.nav ul li:hover ul{
	display : block;
}

.nav ul li ul li{
	min-width: 100px;
/*	float : none;*/
/*	clear : both;*/
	text-align : left;
	padding : 0px 15px 0px 15px;
	margin : 0px 0px 1px -30px;
	background-color : #95A5A6;
	border-bottom : solid gray 1px; 
}

.nav ul li:hover ul li:hover , .nav ul li:hover ul li[class='active'] {
	background-color: #1ABC9C;
}

.nav ul li:hover ul li a{
	padding : 0;
	margin : 0;
	background : none;
	border : none;
}

.dropdown-link{
	cursor : default;
}


/*响应式*/
@media screen and (max-width: 1000px) {
	.content{
		width : 80%;
	}
}