@charset "utf-8";
ol, ul{ margin: 0; padding:0; }
html,body{ width: 100%; height: 100%; margin: 0; padding:0; overflow: hidden; }

.loginWrap { width: 100%; height: 100%; }
.loginWrap .bd { position:fixed; left:50%; top:50%; width:54%; height: 585px; margin: -292px 0 0 -27%; z-index: 1;  }
.logo { position:relative; margin:0 auto 100px; padding:0; text-align:center; z-index: 1; }
.login { position:relative; width:100%; margin:0 auto; padding:115px 15% 50px; border-radius:4px; box-shadow:0 0 12px rgba(0,0,0,.175); background:#fff; color:#eee; z-index: 1; }
.subLogo { position:absolute; top:-75px; left:50%; width:110px; height:110px; border-radius:100%; box-shadow:0 0 12px rgba(0,0,0,.175); background:#fff; margin-left:-55px; z-index:9; }
.subLogo img { border-radius:100%; width:100%; height:100%; }
.form-group { position:relative; height: 41px; margin-bottom:20px; }
.form-group label { position: absolute; left: 0; top: 0; display:block; color: #333; width: 54px; height:41px; border-radius: 5px 0 0 5px; font-weight:400; line-height: 41px; overflow: hidden; text-indent: -999px; font-size: 0; }
.form-group .form-control { height: 41px; padding:0 50px 0 65px; border-radius: 2px; border:0; box-shadow:3px 3px 5px rgba(0,0,0,.175); background: url(../images/login/03.jpg) no-repeat 98% 50%; font-size: 14px; }
.form-group-name label { background: url(../images/login/01.png) no-repeat #000; opacity: 0.5; }
.form-group-password { margin-bottom: 50px;}
.form-group-password label { background: url(../images/login/02.png) no-repeat #000; opacity: 0.5; }
.form-actions { text-align: center; }
.form-actions .btn { width:170px; margin:0 auto; color:#000; line-height: 30px; }
.form-actions .btn { background:#004790; color:#fff; }
.form-actions .btn:hover { background:#069; }
.page-footer { position:relative; padding:15px; line-height:30px; text-align:center; z-index: 1; }

.fullSlide{ position:absolute; left:0; top:0; width:100%;  height:100%; background:#fff  }
.fullSlide ul{ height:100% !important; width:100% !important;  }
.fullSlide li{  height:100% !important; width:100% !important; }
.fullSlide .prev,.fullSlide .next{ position:absolute; z-index:1; display:block; width:30px; height:50px; top:50%; margin-top:-100px; left:20px;  		background:url(../images/login/icons.png) 0 0 no-repeat; 		cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;  }
.fullSlide .next{ left:auto; right:30px; background-position:-51px 0; }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1; }
.fullSlide .playState{ display:block; position:absolute; z-index:1; right:30px; top:50%; margin-top:-20px; width:51px; height:51px; overflow:hidden;  background:url(../images/login/icons.png) 23px -132px #000  no-repeat; filter:alpha(opacity=60);opacity:0.6;  }
.fullSlide .pauseState{ background-position:23px -201px; }
.fullSlide .playState:hover{ filter:alpha(opacity=100);opacity:1;  }

@media only screen and (min-width: 971px) {
	.loginWrap .bd { width:700px; margin-left:-350px; }
}
@media only screen and (max-width: 767px) {
	.loginWrap .bd { width:98%; height: 500px; margin-top:-250px; margin-left:-49%; }
	.logo { margin-bottom: 22%; }
	.logo img { width: 90%; }
	.login { width: 95%; padding:20% 8% 8%; }
	.subLogo { top:-60px; width:90px; height:90px; margin-left:-45px; }
	.form-group { margin-bottom:9%; }
	.fullSlide .prev,.fullSlide .next { display:none;}
 }
@media only screen and (max-width: 374px) { 
	.loginWrap .bd { height: 410px; margin-top:-200px; }
	.login { padding:20% 5% 6%; }
	.subLogo { top:-50px; width:70px; height:70px; margin-left:-35px; }
	.form-group { margin-bottom:5%; }
	.form-group-password { margin-bottom:10%;}
	.form-actions .btn { width:100px; line-height: 20px; font-size: 12px; }
	.page-footer { padding:10px 0 0; font-size: 12px;}

}
@media only screen and (max-width: 320px) { 
	.loginWrap .bd { height: 410px; margin-top:-200px; }
	.form-group { margin-bottom:7%; }
}