body {
    margin: 0px;
    padding: 0px;
    background:  #4bb8f8;
    font-size: 16px;font-family: "΢ÈíÑźÚ";
}

.logincent {
    margin-top: -278px;
    margin-left: -600px;
top:50%;left:50%;
    width: 1200px;
    position: absolute; height: 556px;
    background: url(../images/loginbg.png);
}

.logindiv {
    position: absolute;
    top: 148px;
    right: 210px;
    width: 318px;
    height: 310px;
    background:rgba(51,158,221,0.8);
    border-radius: 5px;
    -webkit-box-shadow: 10px 5px 10px rgba(42,142,202,0.9);
    -moz-box-shadow:10px 5px 10px rgba(42,142,202,0.9);
    box-shadow: 10px 5px 10px rgba(42,142,202,0.9);
    behavior: url(/PIE.htc);
}

    .logindiv div {
        width: 258px;
        height: 39px;
        /*border: 1px solid #e7e7e7;*/
        float: left;
        font-size: 16px;
        color: #fff;
    }

        .logindiv div .logintxt {
            padding: 0px 10px;
            display: block;
            float: left;
            line-height: 25px;
            margin-top: 5px;
            letter-spacing: 0px;
        }

        .logindiv div .loginin {
            padding: 0px;
            display: block;
            float: left;
            line-height: 25px;
            margin-top: 5px;
        }

            .logindiv div .loginin input {
                border: none;
                width: 175px;
                height: 25px;
                line-height: 25px;
                outline: medium;
                font-size: 16px;
                color: #7B7B7B;
                letter-spacing: 1px;
            }

.userin {
    margin-left: 25px;
    margin-top: 25px;
    /*background: #FFFFFF;*/
}

.pwdin {
    margin-left: 25px;
    margin-top: 22px;
    /*background: #FFFFFF;*/
}
h2{text-align:center;color:#fff;background: url(../images/bgtit.png) -14px -14px;margin: 0;padding: 15px 0;font-size:22px;font-weight:300}

.btn {
    margin-left: 25px;
    margin-top: 29px;
    background: #ec8558;
    border-radius: 3px;
}

    .btn input {
        width: 100%;
        height: 38px;
        line-height: 38px;
        background: none;
        border: none;
        color: #fff;
        font-size: 16px;
        outline: medium;    font-weight: bold;
    }
.title{text-align: center;position: relative;z-index: 1000;font-size: 48px;position: absolute;width: 100%;top:-30px}
h1{
            display: block;
            width: 600px;
            height: 100px;
            background-image: -webkit-linear-gradient(left, #ec8558, #ec8558 10%, #f8c5af  20%, #fff 30%,
            #ec8558 40%, #ffd400 50%, #f47920 60%, #f8e99a 70%, #f7d73e 80%, #ec8558 90%, #fff);
            color: transparent; 
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;        
            background-size: 200% 100%;        
       
     
        }
@keyframes masked-animation {
    0% {
        background-position: 0 0; 
    }

    100% {
        background-position: -100% 0;
    }
}