.nav{
    margin-right:80px;
}
@media(min-width:760px){
#Login{
    width:100%;
    height:100%;
    background: url("../images/login.png") center center no-repeat;
    background-size:100%;
   overflow-y: scroll;
}
.fom,.fom1{
    width:700px;
    height:auto;
    margin: 150px auto;
    background: white;
    border: 1px solid #e5e5e5;
    border-radius:5px;
}
.tits{
    text-align: center;
    font-size: 30px;
    line-height: 38px;
    color: #666;
    padding:40px 0 ;
}
.fom>div,.fom1>div{
    border: 1px solid #dce0e7;
    height:40px;
    width:380px;
    margin: 0 auto;
    border-radius:5px;
    margin-bottom:25px;
    position: relative;
}

.fom>div>span,.fom1>div>span{
    display: inline-block;
    height:40px;
    width:96px;
    line-height:40px;
    color: #dce0e7;
    font-size:16px;
    padding-left:10px;
    text-align:justify;
    text-justify:inter-ideograph;
}

.fom1>div>span{
    width:80px;
    text-align:justify;
    text-justify:inter-ideograph;
}
.fom>div>input,.fom1>div>input{
    width:250px;
    height:38px;
    font-size:16px;
    outline: none;
    border: none;
    padding-left:10px;
    color: #666;
}
#but,#but1{
    display: block;
    height:40px;
    width:400px;
    background:#ff6600;
    border-radius:5px;
    color: white;
    outline: none;
    border: none;
    margin: 0 auto;
    font-size:16px;
    cursor: pointer;
    margin-bottom:50px;
}
#Remarks{
    width:380px;
    height:100px;
    resize: none;
    border: none;
    outline: none;
    font-size: 16px;
}
.fom>div>span.Required,.fom1>div>span.Required{
    color: red;
    position: absolute;
    right: -110px;
    /*display: none;*/
}
}

@media(max-width:760px){
#Login{
    width:100%;
    height:100%;
    background: url("../images/login1.png") center center no-repeat;
    background-size:100%;
   overflow-y: scroll;
}
.fom,.fom1{
    width:78%;
    height:auto;
    margin: 150px auto;
    background: white;
    border-radius:5px;
	padding-bottom: 2em;
}
.tits{
    text-align: center;
    font-size: 2em;
    line-height: 38px;
    color: #666;
    padding:40px 0 ;
}
.fom>div,.fom1>div{
    border: 1px solid #dce0e7;
    height:40px;
    width:95%;
    margin: 0 auto;
    border-radius:5px;
    margin-bottom:25px;
    position: relative;
}

.fom>div>span,.fom1>div>span{
    display: inline-block;
    height:40px;
    width:30%;
    line-height:40px;
    color: #dce0e7;
    padding-left:10px;
    text-align:justify;
    text-justify:inter-ideograph;
}

.fom1>div>span{
    width:30%;
    text-align:justify;
    text-justify:inter-ideograph;
}
.fom>div>input,.fom1>div>input{
    width:40%;
    height:38px;
    outline: none;
    border: none;
    padding-left:10px;
    color: #666;
}
#but,#but1{
    display: block;
    height:40px;
    width:95%;
    background:#ff6600;
    border-radius:5px;
    color: white;
    outline: none;
    border: none;
    margin: 0 auto;
    font-size:16px;
    cursor: pointer;
}
#Remarks{
    width:100%;
    height:100px;
    resize: none;
    border: none;
    outline: none;
    font-size: 16px;
}
.fom>div>span.Required,.fom1>div>span.Required{
    color: red;
    position: absolute;
    /*display: none;*/
}
}

.fom>div>span>span,.fom1>div>span>span{
    display: inline-block;
}

.fom>div.color,.fom1>div.color{
    border: 1px solid #ff6600;
    transition: all linear .3s;
}
.fom>div.color>span,.fom1>div.color>span{
    color:#ff6600;
    transition: all linear .3s;
}

#but:hover,#but1:hover{
    background: #ff6600;
}

.switch{
    text-align: right;
    padding-right:10px;
    font-size:16px;
    height:30px;
    line-height:30px;

}
.switch>a{
    color: #FF5903;
    cursor: pointer;
}
.switch>a:hover{
    color: #FF5903;
}

.fom1{
    display: none;
}