/* CSS Document */
/*-----------------------------------------------
    reset styles
-----------------------------------------------*/

html {
	color: #333;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
html,body{
	height:100%;
	overflow: hidden;
	}
iframe {
	display: block;
}
div {
}
body, button, input, select, textarea {
	font: 14px/1.5 Arial, Helvetica, "Microsoft YaHei", "微软雅黑";
	font-family: "Microsoft YaHei", "微软雅黑";
}
ol, ul, li {
	list-style: none;
}
img {
	border: none;
	vertical-align: middle;
}
.cf {
	zoom: 1;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}


.login-bg{
	height:100%;
	overflow: hidden;
	background:#2d4752 url(../img/bg-dian.png) center no-repeat;
	}

	.login-main{
		position: absolute;
		top:0;
		left: 0;
		width:100%;
		height:100%;
		background:url(../img/bg-dian.png);
		}
			.login-pic{
				position: absolute;
				top:50%;
				left:50%;
				margin: -125px 0 0 -240px;
				width:480px;
				height:350px;
				background: #0f1d23;
				background-color:rgba(15,29,35,0.6);

				border-radius: 10px;
			}
			.logo-ak{
				margin: 20px 0 0 20px;
			}
			.logo{
				position: absolute;
				top:50%;
				left:50%;
				margin: -255px 0 0 -304px;
				width:608px;
				height:89px;
}
            .login-bd{
                position: absolute;
                top: 30px;
				left: 90px;
            }
                .login-bd-group{
					position:relative;
                    margin-right: 10px;
                    border: 1px #3f787d solid;
                    height: 38px;
                    line-height: 38px;
                    width: 300px;
                    overflow: hidden;
					margin-top:28px;
                }
                .login-input-icon-user{
                    position: absolute;
					display: block;
					top: 0px;
					left: 0px;
					width: 45px;
					height: 38px;
					background: url(../img/login-input-icon.png) no-repeat 0px 0;
					background-color:rgba(15,29,35,0.8);
                }
                .login-bd-group input.user,.login-bd-group input.psw{
                    border: 0px;
                    height: 38px;
                    line-height: 38px;
                    font-size: 14px;
                    padding: 0 8px 0 47px;
                    width: 245px;
                    color: #7beeef;
					cursor: text;
					background-color:rgba(15,29,35,0.8);
                }
                 .login-input-icon-pwd{
                    position: absolute;
					display: block;
					top: 0px;
					left: 0px;
					width: 45px;
					height: 38px;
					background: url(../img/login-input-icon.png) no-repeat 0px 0;
					background-color:rgba(15,29,35,0.8);
					background-position: 0px -38px;
                }
                /* .login-bd-group .psw{
                    display: inline-block;
                    vertical-align: middle;
                    border: 0px;
                    background: url(../img/login-input-icon.png) no-repeat;
					background-color:rgba(15,29,35,0.8);
                    background-position: 0px -38px;
                    height: 38px;
                    line-height: 38px;
                    padding: 0 8px 0 47px;
                    width: 245px;
                    color: #7beeef;
                } */
                    .ipt {
                        width: 245px;
                        height: 38px;
                        line-height: 38px;
                        padding: 0 8px 0 47px;
                        border: 0 none;
                        color: #666;
						background-color:rgba(15,29,35,0.8);
                        background-position: 0px -38px;
                    }
                    .login-bottom{
                        display: inline-block;
                        vertical-align: middle;
                        color: #fff;
                        font-size: 16px;
                        text-shadow: 1px 1px 5px rgba(50,50,50,.3);
                        text-align: center;
                        cursor: pointer;
                        width: 300px;
                        height: 42px;
                        line-height: 42px;
                        border: 0px #0baacf solid;
                        background: #099f7d;
                    }
                        .login-bottom:hover{
                            background: #13b38f;
							transform:all 0.2;
                        }
                        .login-bottom:active{
                            background-position: 0 0px;
							color: #000;
                        }

						.group-bt{
							border: 0px;
							width: 300px;
							height: 42px;
							line-height: 42px;
						}

                        .serif{
							font-size: 14px;
                            display: none;
                            color: #086d95;
                            position: absolute;
							padding:2px 7px;
                            left:45px;
							border:1px #086d95 solid;
							background:#fff;
							box-shadow:1px 1px 2px rgba(50,50,50,.4);
							}
							.serif .sj{
								display:block;
								width:9px;
								height:5px;
								position:absolute;
								background:url(../img/serif.png) no-repeat;
								bottom:-5px;
								left:5px;
								}
                        .serif-a{
							top:-8px;
                        }
						.serif-b{
							top:50px;
                        }
						.serif-c{
							top:136px;
						}
	.login-cprt{
		position: absolute;
		bottom: 10%;
		left:50%;
		margin:0 0 0 -225px;
		width:450px;
		color:#fff;
		text-align:center;
		line-height:24px;
		opacity: 0.5;
		}

.banner-video {
	position: absolute;
    width: 100%;
	height:100%;
	top:50%;
	left:50%;
	margin: -540px 0 0 -960px;
	opacity:0.5;
}