html, body { height: 100%; width: 100%; overflow: hidden; margin: 0; padding: 0; }
    .main { width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; }
    .a2 { width: 100%; height: 100%; text-align: center; }

.bg {
    background-image: url(../images/HomePage/grouperp.gif);
    background-size: contain; /* 保持比例 */
    background-repeat: no-repeat; /* 不重复 */
    background-position: center; /* 居中 */
    /* 浏览器前缀兼容 */
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    /* 兼容 IE8 和更早的版本 */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/HomePage/grouperp.gif', sizingMethod='scale');
}


    .loginpanl {position:relative; float:right; margin-right:150px;margin-top:150px; width: 406px; height: 493px; background-image: url(../images/HomePage/loginpan.png); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; -moz-border-image: url(../images/HomePage/loginpan.png) 0; background-repeat: no-repeat\9; background-image: none\9; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/HomePage/loginpan.png',sizingMethod='scale')\9; }
    .TransLation { COLOR: #0000ff; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: transparent; BORDER-BOTTOM-STYLE: none; font-size: 12px; }
@media (max-width: 600px) {
    /* 在宽度小于600px时应用的样式 */
    .bg {
        background-image: url(../images/HomePage/mtgroupctlerp.jpg);
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -moz-border-image: url(../images/HomePage/grouperp.gif) 0;
        background-repeat: no-repeat\9;
        background-image: none\9;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/HomePage/grouperp.gif',sizingMethod='scale')\9;
    }
    .loginpanl {
        position: relative;
        float: right;
        margin-right: 17px;
        margin-top: 260px;
        width: 406px;
        height: 493px;
        background-image: url(../images/HomePage/loginpan.png);
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -moz-border-image: url(../images/HomePage/loginpan.png) 0;
        background-repeat: no-repeat\9;
        background-image: none\9;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/HomePage/loginpan.png',sizingMethod='scale')\9;
    }
}

    .FRONTPublic { 
        BORDER-BOTTOM-STYLE: none; 
        padding-left: 45px; 
        padding-right: 0px; 
        line-height: 45px; 
        BORDER-RIGHT-STYLE: none; 
        BORDER-TOP-STYLE: none; 
        HEIGHT: 45px; 
        width: 245px; 
        COLOR: #656565; 
        VERTICAL-ALIGN: middle; 
        BORDER-LEFT-STYLE: none; 
        background-image: url(../images/HomePage/passlogin.gif);
           -moz-background-size: 100% 100%; 
           -o-background-size: 100% 100%; 
           -webkit-background-size: 100% 100%; 
           background-size: 100% 100%; 
           -moz-border-image: url(../images/HomePage/passlogin.gif) 0;
            background-repeat: no-repeat\9; 
            background-image: none\9; 
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/HomePage/passlogin.gif',sizingMethod='scale')\9;
    }
    .UserPublic { 
        BORDER-BOTTOM-STYLE: none; 
        padding-left: 45px; 
        padding-right: 0px; 
        line-height: 45px; 
        BORDER-RIGHT-STYLE: none; 
        BORDER-TOP-STYLE: none; 
        HEIGHT: 45px; width: 245px; COLOR: #656565; VERTICAL-ALIGN: middle; BORDER-LEFT-STYLE: none; 
        background-image: url(../images/HomePage/userlogin.gif);
           -moz-background-size: 100% 100%; 
           -o-background-size: 100% 100%; 
           -webkit-background-size: 100% 100%; 
           background-size: 100% 100%; 
           -moz-border-image: url(../images/HomePage/userlogin.gif) 0;
            background-repeat: no-repeat\9; 
            background-image: none\9; 
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/HomePage/userlogin.gif',sizingMethod='scale')\9;
    }
    .VerifyPublic {
        BORDER-BOTTOM-STYLE: none;
        padding-left: 45px;
        padding-right: 0px;
        line-height: 45px;
        BORDER-RIGHT-STYLE: none;
        BORDER-TOP-STYLE: none;
        HEIGHT: 45px;
        width: 142px;
        COLOR: #656565;
        VERTICAL-ALIGN: middle;
        BORDER-LEFT-STYLE: none;
        background-image: url(../images/HomePage/verifylogin.gif);
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -moz-border-image: url(../images/HomePage/verifylogin.gif) 0;
        background-repeat: no-repeat\9;
        background-image: none\9;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/HomePage/verifylogin.gif',sizingMethod='scale')\9;
    }

    .PhonePublic {
        BORDER-BOTTOM-STYLE: none;
        padding-left: 45px;
        padding-right: 0px;
        line-height: 45px;
        BORDER-RIGHT-STYLE: none;
        BORDER-TOP-STYLE: none;
        HEIGHT: 45px;
        width: 245px;
        COLOR: #656565;
        VERTICAL-ALIGN: middle;
        BORDER-LEFT-STYLE: none;
        background-image: url(../images/HomePage/phonelogin.gif);
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -moz-border-image: url(../images/HomePage/phonelogin.gif) 0;
        background-repeat: no-repeat\9;
        background-image: none\9;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/HomePage/phonelogin.gif',sizingMethod='scale')\9;
    }
    .loginuser { position: absolute; left: 90px; top: 130px; width: 245px; text-align: left; }
    .loginpwd { position: absolute; left: 90px;top: 195px; width: 245px; text-align: left;}
    .loginbtn { position: absolute; left: 90px; top: 255px; width: 245px; text-align: left; }
    .BtnCss {width:245px;height:35px;background-image:url(../images/HomePage/opbtn.jpg);cursor:pointer;border:none }
    .loginuser2 { position: absolute; left: 90px; top: 97px; width: 245px; text-align: left; }
    .loginpwd2 { position: absolute; left: 90px;top: 150px; width: 245px; text-align: left;}
    .loginVerify { position: absolute; left: 90px;top: 202px; width: 245px; text-align: left;}
    .VerifyButton {position:absolute; left: 145px; top: 0px;width:100px; height:44px;}