.logcontainer {
    width: 98%;
    height: 95.5%;
    position: absolute;
    top: 2%;
    /*margin-top: -150px;*/
    left: 1%;
    /*margin-left: -180px;*/
    /*padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 2px 2px #999;
    color: white;
    text-shadow: 2px 2px 2px gray;*/
    background-image: url('/Image/login_bg02.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    /*
    width: 360px;
    height: 320px;
    position:absolute;
    top:50%;
    margin-top: -150px;
    left:50%;
    margin-left: -180px;    
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 2px 2px #999;
    color: white;
    text-shadow: 2px 2px 2px gray;
    */
    /*background: #007991;*/ /* fallback for old browsers */
    /*background: -webkit-linear-gradient(bottom right, #78ffd6, #007991);*/ /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(bottom right, #78ffd6, #007991);*/ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.logcontent {
    width: 588px;
    height: 588px;
    position: absolute;
    top: 50%;
    left: 50%;
    /*margin-top: 150px;
    margin-left: 300px;*/
    background-image: url('/Image/login_bg02-1.png');
    background-size: cover;
    transform: translate(-50%, -50%);
}