body {
	/*background: url(../images/bg.jpg) repeat;*/
    background: url(../Images/Desktop-bg.png) ;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:300;
	text-align: left;
	text-decoration: none;
}
#divLogin {
    max-width:830px;
    padding-bottom:20px;
    height:450px;
}

#txtUserName, #txtLogPwd {
  width: 100%;
  padding: 5px;
  /*margin: 8px 0;*/
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius:4px;
  text-indent: 10px;
}
#divLogin {
    border-radius: 10px;
    /*background-color:#eae1ff;*/
}
#divprjName {
    color:white;
}
.w3-button {
    background-image: url(Images/Button@2x.png);
    border-radius: 10px;
    padding: 2px 15px;
    width: 100px;
    height: 40px;
    color: white;
    background-image: linear-gradient(to bottom right, #ff6000, #ff9a00);
}
.cLogImg {
    width:230px
}
#ImgLogo {width:300px; height:auto}
#divLogin1{padding-top:100px}
#Mascot {height:400px;width:auto;}

@media screen and (max-width:650px) {
    body {
        background:url(../Images/Mobile-bg.png);
    }
    #ImgLogo {width:200px; height:auto}
    #Mascot {height:200px;}
    #divLogin1{padding-top:0px}
}

/*.imgMascot {
    width: 63%;
    height: auto;
    margin-top: 0%;
}

.w3-animate-opacity {
    animation: opac 0.8s;
}

.cColumn {
    width: 49.5%;
    display: inline-block;
    float: left;
    height: 100%;
    border: 1px solid black;
    border-radius: 10px;
}
.cRightPanel {position:fixed;position: fixed;top:14%;width:82%;left:10%;height:65%;}
.cRightPanel{height:100%; }*/