html{
	width:100%;
	height:100%;
	
}
body{
	background: url('../../browse/images/video/bg.png') no-repeat;
	background-size: 100% 100%;
	width:100%;
	height:100%;
	text-align: center;
	color:#fff;
	font-family: 微软雅黑;
}
.index_container{
	width: 30%;
	height:40%;
	margin:0 auto;
	position: absolute;
	top:25%;
	left:35%;
}
.big_title{
	font-size:50px;
	text-shadow:1px 0px 3px #c06;
	font-weight:bold;
}
.small_title{
	font-size:16px;
	margin-top:10px;
	font-weight: lighter;
}
#loginModal_form{
	width:80%;
	margin:0 auto;
	margin-top:30px;
}
#userId,#password{
	background:none;
	border: none;
	color:#fff;
	width:88%;
	float:right;
	height:40px;
}
#userId:focus,#password:focus{
	background:none;
	border: none;
	color:#fff;
	width:88%;
	float:right;
}
.input_form{
	background: url('../../browse/images/video/input.png') no-repeat;
	background-size: 100% 100%;
}
.input_form:hover{
	background: url('../../browse/images/video/input_hover.png') no-repeat;
	background-size: 100% 100%;
}
.input_form:focus{
	background: url('../../browse/images/video/input_hover.png') no-repeat;
	background-size: 100% 100%;
}
.input_username{
	background: url('../../browse/images/video/input.png') no-repeat;
	background-size: 100% 100%;
	
}
.input_outer_username{
	background: url('../../browse/images/video/username.png') no-repeat;
	background-position: 6% 50%;
	margin-bottom: 0px;
}
.input_outer_password{
	background: url('../../browse/images/video/password.png') no-repeat;
	background-position: 6% 50%;
	margin-bottom: 0px;
}
.btn_div{
	text-align: center;
}
#loginModal_btn{
	background: url('../../browse/images/video/button.png') no-repeat;
	background-size: 85% 100%;
	border: none;
	font-size:16px;
	margin-top:20px;
	background-position-x: 40px;
	width: 92%;
	height:45px;
	margin:0 auto;
	margin-top: 20px;
	line-height: 25px;
}
#loginModal_btn:hover,#loginModal_btn:focus{
	background: url('../../browse/images/video/button_hover.png') no-repeat;
	background-size: 100% 100%;
	padding-top: 30px;
	height: 84px;
	margin-top:0px;
} 
input::input-placeholder{color:  #fff ;}
::-webkit-input-placeholder { /* WebKit browsers */ 
	color: #ffffff; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
	color: #ffffff; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
	color: #ffffff; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
	color: #ffffff; 
}

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
	-webkit-text-fill-color: #ededed !important;
	-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
    background-color:transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
    font-size:14px;
}
input {
	 background-color:transparent;
}



.index_footer{
	bottom: 0px;
	width:100%;
	height:60px;
	position: absolute;
	background: url('../../browse/images/video/bottom.png') no-repeat;
	padding-top: 20px;
	font-size: 12px;
	color: #ccc;
}