@charset "UTF-8";
/* 公用样式 */
.no-padding-left{
	padding-left:0 !important;
}
.no-padding-right{
	padding-right:0 !important;
}
.mr-auto{margin:0 auto;float:none;}
/* login */
.login-main{
	background:url('../img/308018903.png') no-repeat;
	background-size: cover;
}
.login-form{
	margin-top:16%;
	margin-bottom: 20%;
	border:1px solid #909090;
	border-radius:15px;
	padding:50px 20px;
	background:white;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);
	-moz-box-shadow: 2px 2px 10px #909090;
	-webkit-box-shadow: 2px 2px 10px #909090;
	box-shadow:2px 2px 10px #909090;
}
.login-form img{
	width:100%;
	margin-bottom: 10%;
}
/* index */
.nav-main{
	margin-bottom: 0px;
	border-bottom-color: #b3b1b1;
    border-width: 0;
    border-bottom-width: 2px;
}
.logo-list{
	margin:4% 0;
}
.adv-list img{
	width:100%;
}
.donut-title li:nth-child(1) span{
	background:#DF6075;
}
.donut-title li:nth-child(2) span{
	background:#F3BF50;
}
.donut-title li:nth-child(3) span{
	background:#89C8BE;
}
.donut-title li:nth-child(4) span{
	background:#469E9E;
}
.notice-title{
	margin-top: 10%;
    margin-bottom: 100%;
}
.footer-container{
	padding: 15px 15px;
}
@media(min-width:768px){
	.modify-info{
		margin-top: 16%;
	}
	.donut-title{
		width:515px;
		margin:0 auto;
		margin-bottom:5%;
		overflow:hidden;
	}
	.donut-title li{
		list-style:none;
		float:left;
		margin-left: 3%;
		width:104px;
	}
	.donut-title li:nth-child(1){
		width:149px;
	}
	.donut-title li:nth-child(3){
		width:57px;
	}
	.donut-title li span{
		float:left;
		width:15px;
		height:15px;
		background:black;
		margin-right: 5%;
	}
	.radar-body{
		width:600px; height: 800px;margin: 0 auto;
	}
	.donut-body{
		height: 450px;
	}
}
@media(max-width:768px){
	/* login */
	.login-form{
	    margin-top: 60%;
    	margin-bottom: 90%;
	}
	/* nav */
	.nav-main .navbar-toggle{
		padding:0;
		border-width:0px;
	}
	.nav-main .navbar-toggle i{
		font-size:30px;
	}
	.nav-main .navbar-brand{
		padding: 10px 15px;
		font-size:30px;
	}
	.nav-main .navbar-logo{
		padding: 15px 15px;
	}
	/* modify info */
	.modify-info{
		margin-top: 16%;
	}
	.donut-title{
		width:100%;
		margin:0 auto;
		margin-bottom:5%;
		overflow:hidden;
	}
	.donut-title li{
		list-style:none;
		margin-left: 3%;
	}
	.donut-title li span{
		float:left;
		width:15px;
		height:15px;
		background:black;
		margin-right: 5%;
	}
	.donut-body{
		height: 300px;
	}
	.radar-body{
		width:345px; height: 400px;margin: 0 auto;
	}
	.radar-body canvas{
		width:300px;
	}
}