.p-bg {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	float: left;
	background: url(img/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	/*background: linear-gradient(360deg, #fff, #fafafa);*/
	/*
	background: rgb(250,250,250);
	background: linear-gradient(0deg, rgba(250,250,250,1) 47%, rgba(255,102,16,0.9220938375350141) 100%);
	*/
	/*
background: rgb(255,102,16);
background: linear-gradient(333deg, rgba(255,102,16,1) 8%, rgba(250,250,250,1) 8%, rgba(250,250,250,1) 94%, rgba(255,102,16,0.9220938375350141) 94%);
	*/
	overflow-y: auto;
	
}

.p-bg-top-orange { width: 100%; height: 20px; background: linear-gradient(360deg, #fff, #ff6610); }
.p-bg-bottom-orange { position: fixed; left: 0px; bottom: 0px; width: 100%; height: 20px; background: linear-gradient(180deg, #fff, #ff6610); }

.p-line { float: left; width: 100%; box-sizing: border-box; padding: 20px 0px 20px 0px; text-align: center; }
.p-line-title { float: left; width: 50%; height: 50px; line-height: 50px; vertical-align: middle; box-sizing: border-box; text-align: center; color: #7b797c; }
.p-logo-line { margin: auto; width: 120px; height: 120px; margin-top: 15px; padding:3px 8px 0px 8px; background: #fff; box-sizing: border-box; border: 2px #dddbde solid; border-radius: 90px; overflow: hidden; }
.p-logo { float: left; width: 100%; box-sizing: border-box; margin-top: 35px; }

.p-login-box { width: 25%; margin: 5% auto auto auto; box-sizing: border-box; background: #fff; border-radius: 5px; box-shadow: 1px 1px 7px #d6d6d6; }
.p-login-input { margin: auto; width: 90%; height: 50px; padding: 5px; margin-top: 10px; box-sizing: border-box; border-radius: 3px; background: #e8e6eb; border: 1px #cbc9ce solid; color: #7b797c; outline: none; }

.p-login-button { margin: 20px auto; width: 90%; height: 50px; line-height: 50px; vertical-align: middle; background: #ff6610; color: #fff; outline: none; cursor: pointer; border-radius: 3px; }


@media(min-width:769px) and (max-width:1024px){
	.p-login-box{ width: 50%; }
}

@media(min-width: 577px) and (max-width:768px) {
	.p-login-box{ width: 60%; margin-top: 5%; }
}

@media(min-width:321px) and (max-width:576px){
	.p-login-box{ width: 70%; margin-top: 20%; }
}

@media(max-width:320px){
	.p-login-box{ width: 70%; margin-top: 20%; }
}