/*公用样式*/
   
  /*chrome 缩放时用到的样式*/  
    .form-signin {
        position: relative;
    }
     html{
      width:100% !important;
      height:100% !important;
    }
    body {
        background: url('/apm-web/static/images/background.jpg') center top no-repeat;
        width:100% !important;
        height:100% !important;
        background-size:100% 100% !important;
        position:relative;
    }
    table {
        border-collapse: separate;
        border-spacing: 15px;
        margin: auto;
    }

    .btnz{
        width: 100%;
        height: 51px !important;
        line-height: 51px !important;
        font-size: 20px;
        background:#fff !important;
        color: #65A7F3 !important;
        border: 1px solid #fff !important;
        cursor: pointer;
        border-radius: 10px;
    }
    .btnz:hover{
        border: 2px solid #65A7F3 !important;
        box-shadow: 0px 0px 5px #65A7F3 !important;
    }
    .btnz:active{
        background:#efefef !important; 
        border: 2px solid #efefef !important;
    }
    .referFocus{
        background:#efefef !important; 
        border: 2px solid #efefef !important;
    }
    
    img {
        border: 0
    }
    .validateCode input#validateCode {
        font-size: 18px;
        width: 180px !important;
        height: 50px !important;
        background: rgba(39,67,90,0.5);
        border: 1px solid #fff;
        border-radius: 10px;
        padding-left: 10px;
    }
    .validateCode .mid {
        width: 122px;
        height: 45px;
        position: relative;
        margin-top: -8px;
    }
    a {
        position: absolute;
        margin-top: 35px;
        color: white;
        text-decoration: underline;
    }
    a:ACTIVE {
        color: white;
    }
    a:HOVER {
        color: white;
    }
    
    body {
        background-image: url(/apm-web/static/images/background.jpg);
        background-repeat : no-repeat;
    }
    /*新首页添加的样式*/
    #main-content{
            margin: auto;
            width: 420px;
            height: 380px;
            font-family:'DengXian','Arial','Microsoft YaHei','Open Sans', sans-serif;
            background: rgba(39,67,90,0.5);
        }
        .transparent50 {      
            opacity: 0.5;   
        }
        .transparent80 {      
            opacity: 0.8;   
        }
        .transparent100 {     
            opacity: 1;   
        }
        .tab-title{
            width: 100%;
            height: 50px;
        }
        
        .tab-item{
            width: 100%;
            float: left;
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-size: 20px;
            color: #999999;
            cursor: pointer;
            background: rgba(0,0,0,0.5);
        }
        
        .tab-item.active{
            color: #fff;
            background: rgba(0,0,0,0.8);
        }
        
        .section{
            height: 100%;
            width: 100%;
            padding-left: 24px;
            padding-right: 24px;
            color: #fff;
        }
        .input-item-info{
            height: 39px;
            width: 100%;
            font-size: 14px;
        }
        .input-item-info span{
            float: right;
            text-align: right;
            margin-top: 20px;
        }
        .input-item{
            width: 100%;
            height: 51px;
        }
        /*修改input框placeholder的颜色*/    
        ::-webkit-input-placeholder{
            color: #fff;
        }
        /* WebKit browsers */
        input:focus::-webkit-input-placeholder { color:transparent; }
        /* Mozilla Firefox 4 to 18 */
        input:focus:-moz-placeholder { color:transparent; }
        /* Internet Explorer 10+ */
        input:focus:-ms-input-placeholder { color:transparent; }
    
    
        .input-item input{
            height: 100%;
            width: 100%;
            border: 1px solid #fff;
            border-radius: 10px;
            background: rgba(39,67,90,0.5);
            font-size: 18px;
            padding-left: 10px;
        }
        
        .input-item-info2{
            height: 29px;
            font-size: 14px;
        }
        .input-item-info2 span{
            margin-top: 14px;
        }
        
        .input-item-info2 .txt-left{
            text-align: left;
            color: red;
            float: left;
            margin-left: 12px;
        }
        .input-item-info2 .txt-right{
            text-align: right;
            float: right;
            cursor: pointer;
            font-size: 14px;
            
        }
        .input-item-info2 .txt-right:hover{
            text-decoration: underline;
        }
        
        #isvalidatecodelogin{
            margin-top: 20px;
        }
        .login-item{
            width: 100%;
            height: 51px;
            margin-top: 20px;
        }
       /*注册模块新增样式*/
        .input-items{
            margin-top: 39px;
        }
        .input-items input.regValidate{
            width: 200px;
            float: left;
        }
        .input-items input.btnz.validateBtn{
            width: 155px;
            float: right;
        }
        .next-item{
            padding-top: 20px;
        }
    
    .input-item-info3{
        height: 49px;
        width: 100%;
        padding-top:19px; 
        color: #999999;
    }
    .input-item-info3 .active{
        color: #fff;
    }
    .input-item-info3 .txt-left{
        float: left;
        text-align: left;
        margin-left: 12px;
        cursor: pointer;
    }
    .input-item-info3 .txt-left.active:before, .input-item-info3 .txt-right.active:before{
        content: url("/apm-web/static/images/circleW.png");
        width: 14px;
        height: 14px;
        margin-right: 10px;
        vertical-align: middle;
    }
    .input-item-info3 .txt-left:before,.input-item-info3 .txt-right:before{
        content: url("/apm-web/static/images/circleB.png");
        width: 14px;
        height: 14px;
        margin-right: 10px;
        vertical-align: middle;
        
    }
    .input-item-info3 .txt-right{
        float: right;
        text-align: right;
        cursor: pointer;
    }
    .register-item{
        margin-top: 20px;
    }
    .input-item-info4{
       height: 15px;    
   }
   .input-item-info4 .orginzationCodeStr{
       float: right;
       text-align: right;
   }  
   .timer{
       width: 155px !important;
       float: right;
   }
    .noShow{
        visibility:hidden;
    }
    #language-change{
      position: fixed;
      top:20px;
      right:20px;
    }
    #language-change span{
      display: inline-block;
      height: 36px;
      line-height: 36px;
      padding: 0 15px;
      border: 1px solid #65a7f3;
      border-radius: 5px;
      background: #fff;
      color: #65a7f3;
      cursor: pointer;
      margin-left: 10px;
    }
    .select-active{
      background: #65a7f3 !important;
      color: #fff !important;
    }
    .download,.download:visited{
		display: none;
		position: absolute;
		top: -0px;
		right: 370px;
		text-decoration: none;
		color: #65a7f3;
	}
	.download:hover{
		color: #2b87f1;
		font-weight: bold;
	}        
	.download:active{
		 color: #0061d8;
		 font-weight: bold;
	}