
*{
	margin: 0;
	padding: 0;
}
#out{
	width:500px;
	height:140px;
	margin: 160px 350px;
}
#ser_box{
	width:500px;
	height:32px;
	border: 1px solid blue;
	text-align: center;
}
#uid{
	/*width:480px;
	height: 26px;
	margin-top: 2px;
	border: 0;*/
	outline: 0;
	font-family: "å¾®è½¯é›…é»‘";
	font-size: 16px;
}

#bot_box{
	position:absolute;
	z-index:999;
	left:100px;
	top:60px;
	width:80%;
	background:#fff;
	border: 1px solid #4C9ED9;
	display: none;
	}
	
#bot_box ul li:first-child{

	
		}
#bot_box ul li:nth-child(2){

		
		}
#bot_box ul li:nth-child(3){

		
		}			
#bot_box ul li{
		list-style: none;
		line-height: 45px;
		padding-left: 10px;
		}
#bot_box ul li:hover{
	     color:#000;
		/* background:#BCBCBC; */
		}		
.s_btn {
	position:relative;
	left:300px;
	top:-31px;
    width: 100px;
    height: 36px;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    background: #3385ff;
    border-bottom: 1px solid #2d78f4;
    outline: medium;
}
  
.sel{
	color:#000;
	background:#BCBCBC;
}
.col-sm-12 p ,.col-sm-12 p a{
	line-height:40px;
	 font-size:14px;
}
.col-sm-12 p a:link, .single-password-circle a:link{
	color: #337ab7;
}
.rightA{
	display:inline-block;
	position:relative;
	text-align:right;

}
.mm-blue, .rightA{
	color: #337ab7;
}
.alert-error{   /* éªŒè¯ç é”™è¯¯æç¤º     */
	text-align: center;
	color:red;
	position:relative;
	left: 0px;
	border:1px solid #e0c3c3;
	background:#efe3e3;
}
#code{
	float: right;
	right: 40px;
	position: absolute;
}

.idCode{
	float: right;
	position: absolute;
	width: 100px;
	right:0;
	font-size:12px;
	/* right:-250px; */
}

.idCode img{
    float:right;
    position:relative;
    bottom:-10px;
    right: 10px;
}
.col-sm-12 .signin-password, .signin-modal-password {
    margin-top: 0px; 
}









/*=====xin======*/
.containernr{
	margin:auto;
	text-align:center;
	width:740px;
	height:460px;
}
.leftlongin{
	text-align:left;
	float:left;
	width:370px;
	height:460px;
	background:white;
	border-radius: 15px 0px 0px 15px;
}
.rightlink{
	float:right;
	text-align:left;
	width:370px;
	height:460px;
	background:#d8d8d8;
	border-radius: 0px 15px 15px 0px;
}

.sign-content.popup-in-content {
   background: transparent;
   border-radius: 0;
   padding: auto; 
}

.sign-content.popup-in-content .btn.signin_btn,.sign-content.popup-in-content  .btn.signin_btn:focus {
    width: 60px;
    font-size:12px;
    height:30px;
    margin:auto;
}
.signin-form  .form-control{
	background:#ffffff;
}
.mm-blue{
    float: right;
    /* top: -16px; */
    position: relative;
    display: inline-block;
}
.rightA{
    float:right;
     display: inline-block;
}

.single-password-circle, .single-password-modal-circle{
    width: 330px;
    font-size: 12px;
    clear: both;
}
.single-password-circle a{
    display: inline-block;
}
single-password-circle .mm-blue {
    float: left;
    position: relative;
    left: 70px;
    
}
.signin-footer{
	margin-top: 20px;
	text-align:center;
}

.signin-footer [type="submit"]{
	text-align:center;
	margin:auto;

}
.signin-footer>p{
	margin-top:20px;
	line-height:16px;
	text-align:left;
}
.signin-form h1{
    font-size: 28px;
    letter-spacing:0.3em;
    margin-top: 50px;
    margin-bottom: 30px;
    text-align: center;
    color:#5a84fd;
}
.signin-footer p li{
    display: inline-block;
    list-style: none;
}
.nav-tabs{
    border:0px;
    text-align:center;
    width:100%;
    margin-top: 8%;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px;

}
.nav-tabs>li>a:link{
	background:white;
	color:#5a84fd;
}
.nav-tabs>li>a:hover{
	background:#5a84fd;
	color:#fffdfd;
}

.outlink>li>a:hover{
  background:#5a84fd;
	color:#fffdfd;  
}
.nav-tabs>li.active>a:link
{	
  	background:#5a84fd;
  	color:#fffdfd;
}
.nav-tabs>li{
	border-radius:10px;
	list-style:none;
	float:left;
	text-align:center;
	display:block;
	width:70%;
	margin-left:15%;
	margin-top:10px;;
	margin-bottom:10px;
}
.outlink{
      border:0px;
    text-align:center;
    width:100%;
}
.outlink>li{
    border-radius:10px;
	list-style:none;
	float:left;
	text-align:center;
	display:block;
	width:70%;
	margin-left:15%;
	margin-top:10px;;
	margin-bottom:10px;
}
.outlink li a{
	width:100%;
	height:40px;
	line-height:40px;
	border-radius:4px;
	background:white;
}
.rightlink p {
    margin: 0px 40px;
    clear: both;
    line-height:20px;
    color: #555;
    position:relative;
    top: 10px;
    font-size: 14px;
    padding: 0 15px;
    letter-spacing: 0.2em;
}
.rightlink p >a{
    color:#5a84fd;
    font-size: 14px;
    letter-spacing: 0.2em;
}
.popup-in-txt{
	margin:0 15px;
}
.popup-in-txt .col-sm-12 p{
	margin-top:15px;
    text-align: left;
    line-height: 20px;
}
.linkB {
    position: relative;
    text-align: left;
    top: 10px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:5px;
}
.linkB, .dropdown-toggle{
	font-size:14px;
}
.linkB .dropup{
	display:inline-block;
	list-style:none;
}
.popup-in-txt .col-sm-12 .centerA{
	display:block;
	width:100%;
	text-align: center;
}

.signin-form input[type="text"], .signin-form input[type="email"], .signin-form input[type="password"]{
	background: #ffffff;
}
.dropdown-menu>li>a {
   text-align:center;
   font-size:13px;}
   
   .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    font-size:13px;
    text-align: center;
    margin-bottom: 2px;
}

.leftlongin .alert {
    padding: 0px;
     margin-bottom: 0px; 
    border: 1px solid transparent;
    border-radius: 4px;
}