@media (min-width: 1600px) {
	.login-top {
		 width: 100%;
		 background-color: #EEEFEF;
		 height: 45px;
		 text-align: center;
		 color: #595757;
		 font-weight: bold;
		 font-size: 24px;
         padding-top: 6px;
         margin-top: -2px;
	}
	.login-cont {
		margin-top: 1%;	
		min-height: 392px;
	}
	
	.am-outer{
		width: 400px;	
	}
	.alert-out{
		margin-top: 10px;
		font-size: 14px !important;
	}
	.alert-out .tx-btn{
		float: left; 
		margin-top:7px;
		margin-left:0px;
	}
	.alert-out-btn{
		margin-top: 20px;
	}	
	.alert-out-input {
		width: 100%;
		outline: none;
		border-radius: 3px;
		border: 1px solid #d3d3d3;
		margin-top: .5em;
		height: 35px;
	}
	.alert-out-ckb {
		width: 20px !important;
		height: 20px !important;
		margin-top:-2px !important;
	}
	.alert-out .alert-out-select1 {
		width: 20%;
		outline: none;
		border-radius: 3px;
		border: 1px solid #d3d3d3;
		margin-top: .5em;
		height: 35px;
		padding: 5px;
		font-size: 14px;
		float:left;
	}
	.alert-out .alert-out-select2 {
		width: 79%;
	}
	
	.main-content-end{
		min-height: 40px;
	}
}

@media (min-width: 1248px) and (max-width: 1599px) {
    .login-top {
        width: 100%;
        background-color: #EEEFEF;
        height: 45px;
        text-align: center;
        color: #595757;
        font-weight: bold;
        font-size: 24px;
        padding-top: 6px;
        margin-top: -2px;
   }
   .login-cont {
       margin-top: 1%;	
       min-height: 392px;
   }
   
   .am-outer{
       width: 400px;	
   }
   .alert-out{
       margin-top: 10px;
       font-size: 14px !important;
   }
   .alert-out .tx-btn{
       float: left; 
       margin-top:7px;
       margin-left:0px;
   }
   .alert-out-btn{
       margin-top: 20px;
   }	
   .alert-out-input {
       width: 100%;
       outline: none;
       border-radius: 3px;
       border: 1px solid #d3d3d3;
       margin-top: .5em;
       height: 35px;
   }
   .alert-out-ckb {
       width: 20px !important;
       height: 20px !important;
       margin-top:-2px !important;
   }
   .alert-out .alert-out-select1 {
       width: 20%;
       outline: none;
       border-radius: 3px;
       border: 1px solid #d3d3d3;
       margin-top: .5em;
       height: 35px;
       padding: 5px;
       font-size: 14px;
       float:left;
   }
   .alert-out .alert-out-select2 {
       width: 79%;
   }
   
   .main-content-end{
       min-height: 40px;
   }
}
@media (min-width: 1025px) and (max-width: 1247px){
    .login-top {
        width: 100%;
        background-color: #EEEFEF;
        height: 45px;
        text-align: center;
        color: #595757;
        font-weight: bold;
        font-size: 24px;
        padding-top: 6px;
        margin-top:-3px;
   }
   .login-cont {
       margin-top: 1%;	
       min-height: 392px;
   }
   
   .am-outer{
       width: 400px;	
   }
   .alert-out{
       margin-top: 10px;
       font-size: 14px !important;
   }
   .alert-out .tx-btn{
       float: left; 
       margin-top:7px;
       margin-left:0px;
   }
   .alert-out-btn{
       margin-top: 20px;
   }	
   .alert-out-input {
       width: 100%;
       outline: none;
       border-radius: 3px;
       border: 1px solid #d3d3d3;
       margin-top: .5em;
       height: 35px;
   }
   .alert-out-ckb {
       width: 20px !important;
       height: 20px !important;
       margin-top:-2px !important;
   }
   .alert-out .alert-out-select1 {
       width: 20%;
       outline: none;
       border-radius: 3px;
       border: 1px solid #d3d3d3;
       margin-top: .5em;
       height: 35px;
       padding: 5px;
       font-size: 14px;
       float:left;
   }
   .alert-out .alert-out-select2 {
       width: 79%;
   }
   
   .main-content-end{
       min-height: 40px;
   }
}
@media screen and (min-width: 1025px){
    .tb-reg{
        width: 120%;
    }
    .tb-name,.tb-acc{
        width:25%;
        letter-spacing: 10px;
    }
    .tb-same{
        width:25%;
        letter-spacing: 0.5px;
    }
    .tb-recommend{
        width:25%;
        letter-spacing: 4.5px;
    }
    .alert-out .tx-btn{
        margin-right: 5px;
    }
    .alert-out .alert-out-select2{
        width:78%;
    }
    .alert-out .alert-out-select1{
        margin-right: 5px;
    }
    .btn{
        margin-left: 40px;
    }
}
@media screen and (max-width: 1024px){
    .alert-out .alert-out-select1{
        margin-right: 5px;
    }
    .alert-out .tx-btn{
        margin-right: 5px;
    }
    .tb-reg{
        width: 100%;
    }
    .tb-name,.tb-acc{
        width:32%;
        letter-spacing: 9px;
    }
    .tb-same{
        width:32%;
        letter-spacing: 0px;
    }
    .tb-recommend{
        width:32%;
        letter-spacing: 4px;
    }
}
@media (min-width: 768px) and (max-width: 1024px){
  .am-text input,.alert-out .alert-out-select1,.tb-phone,.tb-span{
       font-size: 18px!important;
   }
   .tb-name,.tb-acc{
    font-size: 18px!important;
    letter-spacing: 13px;
}
.tb-same{
    font-size: 18px!important;
    letter-spacing: 1px;
}
.tb-recommend{
    font-size: 18px!important;
    letter-spacing: 6px;
}
.am-outer{
    width: 540px;	
}
.btn{
    width: 80%!important;
}
}
@media (min-width: 980px) and (max-width: 1024px) {
    .login-top {
        width: 100%;
        background-color: #EEEFEF;
        height: 45px;
        text-align: center;
        color: #595757;
        font-weight: bold;
        font-size: 24px;
        padding-top: 6px;
        margin-top:-55px;
   }
   .login-cont {
       margin-top: 1%;	
       min-height: 392px;
   }

   .alert-out{
       margin-top: 10px;
       font-size: 14px !important;
   }
   .alert-out .tx-btn{
       float: left; 
       margin-top:7px;
       margin-left:0px;
   }
   .alert-out-btn{
       margin-top: 20px;
   }	
   .alert-out-input {
       width: 100%;
       outline: none;
       border-radius: 3px;
       border: 1px solid #d3d3d3;
       margin-top: .5em;
       height: 35px;
   }
   .alert-out-ckb {
       width: 20px !important;
       height: 20px !important;
       margin-top:-2px !important;
   }
   .alert-out .alert-out-select1 {
       width: 20%;
       outline: none;
       border-radius: 3px;
       border: 1px solid #d3d3d3;
       margin-top: .5em;
       height: 35px;
       padding: 5px;
       font-size: 14px;
       float:left;
   }
   .alert-out .alert-out-select2 {
       width: 78%;
   }
   
   .main-content-end{
       min-height: 40px;
   }
}

@media (min-width: 768px) and (max-width: 979px) {
    .login-top {
        width: 100%;
        background-color: #EEEFEF;
        height: 45px;
        text-align: center;
        color: #595757;
        font-weight: bold;
        font-size: 24px;
        padding-top: 6px;
        margin-top:-55px;
   }
   .login-cont {
       margin-top: 1%;	
       min-height: 392px;
   }
   

   .alert-out{
       margin-top: 10px;
       font-size: 14px !important;
   }
   .alert-out .tx-btn{
       float: left; 
       margin-top:7px;
       margin-left:0px;
   }
   .alert-out-btn{
       margin-top: 20px;
   }	
   .alert-out-input {
       width: 100%;
       outline: none;
       border-radius: 3px;
       border: 1px solid #d3d3d3;
       margin-top: .5em;
       height: 35px;
   }
   .alert-out-ckb {
       width: 20px !important;
       height: 20px !important;
       margin-top:-2px !important;
   }
   .alert-out .alert-out-select1 {
       width: 20%;
       outline: none;
       border-radius: 3px;
       border: 1px solid #d3d3d3;
       margin-top: .5em;
       height: 35px;
       padding: 5px;
       font-size: 14px;
       float:left;
   }
   .alert-out .alert-out-select2 {
       width: 78%;
   }
   
   .main-content-end{
       min-height: 40px;
   }
}

@media (min-width: 641px) and (max-width: 767px){
    .login-top {
        width: 100%;
        background-color: #EEEFEF;
        height: 45px;
        text-align: center;
        color: #595757;
        font-weight: bold;
        font-size: 24px;
        padding-top: 6px;
        margin-top:-65px;
   }
   .login-cont {
       margin-top: 1%;	
       min-height: 392px;
   }
   
   .am-outer{
       width: 440px;	
   }
   .alert-out{
       margin-top: 10px;
       font-size: 14px !important;
   }
   .alert-out .tx-btn{
       float: left; 
       margin-top:7px;
       margin-left:0px;
   }
   .alert-out-btn{
       margin-top: 20px;
   }	
   .alert-out-input {
       width: 100%;
       outline: none;
       border-radius: 3px;
       border: 1px solid #d3d3d3;
       margin-top: .5em;
       height: 35px;
   }
   .alert-out-ckb {
       width: 20px !important;
       height: 20px !important;
       margin-top:-2px !important;
   }
   .alert-out .alert-out-select1 {
       width: 25%;
       outline: none;
       border-radius: 3px;
       border: 1px solid #d3d3d3;
       margin-top: .5em;
       height: 35px;
       padding: 5px;
       font-size: 14px;
       float:left;
   }
   .alert-out .alert-out-select2 {
       width: 73%;
   }
   
   .main-content-end{
       min-height: 40px;
   }
}
@media (min-width: 561px) and (max-width: 640px){
    .login-top {
        width: 100%;
        background-color: #EEEFEF;
        height: 45px;
        text-align: center;
        color: #595757;
        font-weight: bold;
        font-size: 24px;
        padding-top: 6px;
        margin-top:56px;
   }
   .login-cont {
       margin-top: 1%;	
       min-height: 392px;
   }
   
   .am-outer{
       width: 420px;	
   }
   .alert-out{
       margin-top: 10px;
       font-size: 14px !important;
   }
   .alert-out .tx-btn{
       float: left; 
       margin-top:7px;
       margin-left:0px;
   }
   .alert-out-btn{
       margin-top: 20px;
   }	
   .alert-out-input {
       width: 100%;
       outline: none;
       border-radius: 3px;
       border: 1px solid #d3d3d3;
       margin-top: .5em;
       height: 35px;
   }
   .alert-out-ckb {
       width: 20px !important;
       height: 20px !important;
       margin-top:-2px !important;
   }
   .alert-out .alert-out-select1 {
       width: 25%;
       outline: none;
       border-radius: 3px;
       border: 1px solid #d3d3d3;
       margin-top: .5em;
       height: 35px;
       padding: 5px;
       font-size: 14px;
       float:left;
   }
   .alert-out .alert-out-select2 {
       width: 73%;
   }
   
   .main-content-end{
       min-height: 40px;
   }
}
@media (min-width: 481px) and (max-width: 560px) {
    .login-top {
        width: 100%;
        background-color: #EEEFEF;
        height: 45px;
        text-align: center;
        color: #595757;
        font-weight: bold;
        font-size: 24px;
        padding-top: 6px;
       
   }
   .login-cont {
       margin-top: 1%;	
       min-height: 392px;
   }
   
   .am-outer{
       width: 420px;	
   }
   .alert-out{
       margin-top: 10px;
       font-size: 14px !important;
   }
   .alert-out .tx-btn{
       float: left; 
       margin-top:7px;
       margin-left:0px;
   }
   .alert-out-btn{
       margin-top: 20px;
   }	
   .alert-out-input {
       width: 100%;
       outline: none;
       border-radius: 3px;
       border: 1px solid #d3d3d3;
       margin-top: .5em;
       height: 35px;
   }
   .alert-out-ckb {
       width: 20px !important;
       height: 20px !important;
       margin-top:-2px !important;
   }
   .alert-out .alert-out-select1 {
       width: 25%;
       outline: none;
       border-radius: 3px;
       border: 1px solid #d3d3d3;
       margin-top: .5em;
       height: 35px;
       padding: 5px;
       font-size: 14px;
       float:left;
   }
   .alert-out .alert-out-select2 {
       width: 73%;
   }
   
   .main-content-end{
       min-height: 80px;
   }
}

@media (max-width: 480px) {
	.login-top {
		 width: 100%;
		 background-color: #EEEFEF;
		 height: 45px;
		 text-align: center;
		 color: #595757;
		 font-weight: bold;
		 font-size: 20px;
		 padding-top: 10px;
	}
	.login-cont {
		margin-top: 5%;	
	}
	
	.am-outer{
		width: 90%;	
	}
	.alert-out{
		margin-top: 10px;
		font-size: 14px !important;
	}
	.alert-out .tx-btn{
		float: left; 
		margin-top:7px;
		margin-left:0px;
	}
	.alert-out-btn{
		margin-top: 20px;
	}	
	.alert-out-input {
		width: 100%;
		outline: none;
		border-radius: 3px;
		border: 1px solid #d3d3d3;
		margin-top: .5em;
		height: 35px;
	}
	.alert-out-ckb {
		width: 20px !important;
		height: 20px !important;
		margin-top:-2px !important;
	}
	.alert-out .alert-out-select1 {
		width: 25%;
		outline: none;
		border-radius: 3px;
		border: 1px solid #d3d3d3;
		margin-top: .5em;
		height: 35px;
		padding: 5px;
		font-size: 14px;
		float:left;
	}
	.alert-out .alert-out-select2 {
		width: 72.5%;
	}
	.alert-out .tx-btn{
        width:39%!important;
    }
    #mvcode2,#mvcode1{
        width:58.5%!important;
    }
	.main-content-end{
		min-height: 120px;
	}
}

@media screen and (max-width: 425px) {
    .alert-out .alert-out-select1{
        width:32%;
    }
    .alert-out .alert-out-select2{
        width:65.5%;
    }
 
}
@media screen and (max-width: 375px) {
    .am-outer{
        width:95%;
    }
    #mvcode2,#mvcode1{
        width:58.5%!important;
    }

}
@media screen and (max-width: 320px) {
    .am-outer{
        width:95%;
    }
    #mvcode2,#mvcode1{
        width:55%!important;
    }
    .alert-out .tx-btn{
        width:42%!important;
    }
    .tb-name, .tb-acc{
        letter-spacing: 8.9px;
    }
}