@charset "utf-8";
/* CSS Document */

body{
background-image:url("../images/466.jpg");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right bottom;
}

.form-control.change::-webkit-input-placeholder {
   color: red;
}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{ outline:none; }
button,button:focus,button:active,button:active:focus{ outline:none; }

.login_box{width: 400px; height:auto; overflow: hidden;padding:20px 10px;  border: 1px solid #CCC;border-radius:10px;  margin-left: 350px; margin-top: 30px; background-color:#FFFFFF; box-shadow: inset 0 0 2px rgba(0,0,0,.25); }
.box_logo{width: 400px;text-align: center;margin-left: 350px;margin-top: 100px;}

.login_box .nav-tabs{border: none;}
.login_box .nav-tabs li a{border:none;color:#666666;font-size:1.6rem; letter-spacing: 1px; padding: 0; margin: 15px; padding-bottom: 10px; cursor: pointer; }
.login_box .nav-tabs .active a{font-weight:bold; border:none;border-bottom: 3px solid #FB4F02;}
.login_box .nav-tabs .active a:hover{ font-weight:bold; border:none;border-bottom: 3px solid #FB4F02;}
.login_box .nav-tabs li a:hover{background: none; border:none; }
.login_box > .nav-tabs > li.active > a:hover,
.login_box > .nav-tabs > li.active > a:focus {font-weight:bold; border:none;border-bottom: 3px solid #FB4F02;}
#form_nopwd,#form_pwd{margin-left: 15px;}

.login_box .nav_bagnding{display: block;margin: 30px 15px;color:#666666;font-size:1.6rem; }
.login_box .nav_bagnding a{border:none;color:#666666;font-size:1.6rem; letter-spacing: 1px; padding: 0;   padding-bottom: 10px; cursor: pointer; }
.login_box form .form-group{margin-top:20px;}
.login_box form .form-group .form-control{border:none; border-bottom: 1px solid #CCCCCC;border-radius:0px; box-shadow: none;padding: 0px;width:calc(100% - 10px); }
.login_box form .input-group {border:none; border-bottom: 1px solid #CCCCCC;border-radius:0px; box-shadow: none;padding: 0px; width:calc(100% - 10px);margin-top:20px;}
.login_box form .input-group .form-control{border:none; border-radius:0px; margin: 0px; box-shadow: none;padding: 0px; width:60%;}
.login_box form .input-group #user_pwd{width:90%;}
.login_box form .input-group i{color:#666;font-size:16px;margin: 0px; padding: 0; margin-top: 5px; float: right; cursor: pointer;}
.login_box form .input-group a{ text-decoration: none; margin: 0px; padding: 0; margin-top: 5px; float: right;}
.login_box form .input-group a:hover{ text-decoration: none; color:cornflowerblue;}
.login_box form .input-group button{float: right;margin: 0px; margin-top: 5px; padding: 0px; text-decoration: none;}
.login_box form .form-group .btn_sign{width: calc(100% - 30px); margin:20px auto; background-color:#F87C01; color:#FFFFFF; letter-spacing: 1px;}
.login_box form .form-group .btn_sign:focus{background-color:#EC7600; }
.box_others{width:calc(100% - 30px); margin: 0 auto;color:#828282;font-size:14px;}
.box_others a{ text-decoration: none; color:#828282;}
.yinsi{padding: 20px 0px; border-bottom: 1px solid #cccccc;}
.third_login{padding: 20px 0px;}
.third_login img{ cursor: pointer;}
.third_login_m{display: none;padding:0px; width: 120px; margin: 0 auto;}
.third_login_m h4{color:#CCC; text-align: center}
.third_login_m img{width: 50px; height: 50px;}
.p1{margin: 20px; text-align: center; font-size:16px;}
#txtmobile{font-weight:bold;}
@media(min-width: 768px) and (max-width:979px) {
	.login_box{width: 50%; margin: 30px auto;}
	.box_logo{width: 50%;margin: 50px auto 0 auto ;}
}
 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media(max-width: 767px) {
	body{background-position:center;}
	.login_box{width: 50%; margin: 100px auto;}
	.box_logo{width: 50%;margin: 50px auto 0 auto ;}
	.box_logo img{width: 200px;}
	.third_login{display: none;}
	.third_login_m{display: block;}
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 479px) {
	.box_logo{width: 90%;margin: 100px auto 0 auto ;}
	.box_logo img{width: 100px;}
	.login_box{width: 90%; margin: 10px auto;/*height: 400px;*/}
	.login_box form .form-group .btn_sign{width: calc(100% - 10px); margin:10px auto;letter-spacing: 0px;}
	.login_box form .form-group .btn_sign:focus{background-color:#EC7600; }
	.box_others{width:calc(100% - 10px); font-size:1.2rem;}
	/*.third_login_m{display: none;}*/
	.login_box form .input-group .form-control{border:none; border-radius:0px; margin: 0px; box-shadow: none;padding: 0px; width:50%;}
	/*.login_box form .input-group button{float: right;margin: 0px; margin-top: 5px; padding: 0px; text-decoration: none;}*/
}