/*
|---------------------------------------------------------------
|	Login Style
|---------------------------------------------------------------
|	File:login.css
|	Creation Date:2015-03-07
|	Last Modified:2015-03-07
|	Author:1253656330@qq.com
|	From:www.zdy365.net
|---------------------------------------------------------------
*/

/********** reset **********/
body{
	background: #ebebeb;
	font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;
	color: #222;
	font-size: 12px;
}
a {
	color: #00a1d2;
	text-decoration: none;
	outline: none;  /* 链接点击后无虚线边框 */
}
a:hover {
	text-decoration: none;
}
*{
	padding: 0px;
	margin: 0px;
}
/********** .top_div **********/
.top_div{       /* 登陆窗口上方深色部分 */
	background: #008ead;
	width: 100%;
	min-width:400px;
	height: 350px;
}
/********** .login_box **********/
.login_box{    /* 登陆窗口主体部分 */
	width: 400px;
	height: 250px;
	text-align: center;
	background: rgb(255, 255, 255);
	border: 1px solid rgb(231, 231, 231);
	border-image: none;
	margin: -100px auto auto;
}
/********** .img_owl **********/
.img_owl{        /* 猫头鹰 */
	width: 165px;
	height: 96px;
	position: absolute;
}
.owl_head{        /* 猫头鹰头部 */
	width: 97px;
	height: 92px;
	background: url("../images/tou.png") no-repeat;
	position: absolute;
	top: -87px;
	left: 140px;
}
.initial_left_hand{   /* 猫头鹰初始左手 */
	width: 30px;
	height: 20px;
	background: url("../images/hand.png") no-repeat;
	position: absolute;
	top: -12px;
	left: 100px;
}
.initial_right_hand{   /* 猫头鹰初始右手 */
	width: 30px;
	height: 20px;
	background: url("../images/hand.png") no-repeat;
	position: absolute;
	top: -12px;
	right: -112px;
}
.left_hand{   /* 猫头鹰遮挡时的左手，js中调用此样式 */
	width: 32px;
	height: 37px;
	background: url("../images/left_hand.png") no-repeat;
	position: absolute;
	top: -38px;
	left: 150px;
}
.right_hand{   /* 猫头鹰遮挡时的右手，js中调用此样式 */
	width: 32px;
	height: 37px;
	background: url("../images/right_hand.png") no-repeat;
	position: absolute;
	top: -38px;
	right: -64px;
}
/********** p.login_user **********/
p.login_user{
	position: relative;
	padding: 30px 0px 10px;
}
.user_logo{
	background: url("../images/username.png") no-repeat;
	position: absolute;
	padding: 10px 10px;
	top: 39px;
	left: 40px;
}
/********** p.login_pwd **********/
p.login_pwd{
	position: relative;
}
.pwd_logo{
	background: url("../images/password.png") no-repeat;
	position: absolute;
	padding: 10px 10px;
	top: 7px;
	left: 40px;
}
/********** p.login_vdcode **********/
p.login_vdcode{
	position: relative;
	margin-top:12px;
	margin-left:-20px;
}
.vdcode_logo{
	background: url("../images/vdcode.png") no-repeat;
	position: absolute;
	padding: 10px 10px;
	top: 9px;
	left: 60px;
}
/********** .ipt **********/
.ipt{
	width: 290px;
	border: 1px solid #d3d3d3;
	border-radius: 4px;
	padding: 10px 10px;
	padding-left: 35px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.ipt:focus{
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
input#vdcode{
	width: 130px;
}
/********** .bottom_box **********/
.bottom_box{
	height: 50px;
	line-height: 50px;
	border-top: rgb(231, 231, 231) 1px solid;
	margin-top: 30px;
}
p.bottom_box_txt{
	margin: 0px 35px 20px 45px;
}
.login-btn{
	font-weight: bold;
	color: rgb(255, 255, 255);
	background: rgb(0, 142, 173);
	border-radius: 4px;
	border: 1px solid rgb(26, 117, 152);
	border-image: none;
	float:right;
	padding: 7px 10px;
	margin:36px 20px auto auto;
	cursor:pointer;
}