﻿body 
{
	width: 100%;
	height: 100%;
	border: none;
	margin: 0 auto;
}

#form1
{
    width: 100%;
    height: 100%;
	margin: 0 auto;
}

#mainDIV
{
	margin: 100px 0 0 0;
}

.hidden{
    display: none;
}

.loginDIV
{
	position: absolute;
	width: 450px;
	overflow: auto;
	box-sizing: border-box;
	top:50%;
    left:50%;
    padding:15px;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);    

}
.loginWrap
{
    
}
.loginWrap .loginLogo
{
    /*float: left;*/
    /*width: 150px;*/
    /*height: 150px;*/
    /*background-color: #666;*/
    text-align: center;
    padding: 15px 0;
}
.loginWrap .loginLogo img
{
    max-width: 70%;
    max-height: 250px;
}
.loginWrap .loginForm
{
    /*float: left;*/
    /*height: 150px;*/
    padding: 20px;
    /*border: #666 1px solid;*/
    box-sizing: border-box;
}
.loginDIV .image
{
	float: left;
	width: 200px;
	min-height: 310px;
	overflow: hidden;
}
.loginDIV .image img
{
	/*width: 300px;*/
	min-height: 310px;
}
.loginDIV .content
{
	float: left;
	background-color: #fff;
	padding: 10px;
	/*height: 200px;*/
	width: 420px;
	border: #333 1px solid;
}
.loginDIV .content .title
{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}
.loginDIV .content table
{
	margin: 0 0 0 30px;
}
.loginDIV .content td
{
	font-size: 18px;
}
.loginDIV .content input
{
	font-size: 18px;
}
.loginError
{
	color: red;
	font-weight: bold;
	font-size: 18px;
	padding: 5px;
	border: red 1px solid;
	background-color: #fff;
}
.loginError a
{
	color: red;
}

@media only screen and (max-width: 768px)
{
    #mainDIV
    {
        padding: 20px;
        box-sizing: border-box;
        font-size: 22px;
    }
    .loginDIV
    {
    }
    .loginDIV .image
    {
        float: none;
        width: 100%;
        min-height: 0px;
        max-height: 150px;
        overflow: hidden;
    }
    .loginDIV .image img
    {
        width: 100%;
    }
    
    .loginDIV .content
    {
        float: none;
        width: 100%;
        border: none;
    }
    .loginDIV td label
    {
    }
    .loginDIV .content input
    {
        font-size: 200%;
    }
}