* { color:#000000;
   font-family:Arial;
   font-size:14px;
}
html{
  min-height:100%;
  background-image: -webkit-linear-gradient(#FFFFFF 0%, #53555B 100% );
  background-image:  -moz-linear-gradient(#FFFFFF 0%, #53555B 100% );
  background-image:   -o-linear-gradient(#FFFFFF 0%, #53555B 100% );
  background-image: -linear-gradient(#FFFFFF 0%, #53555B 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#53555B  );
}
fieldset{
  background:#CACBCD;
  background-image: -webkit-linear-gradient(45deg,#53555B 0%, #FFFFFF 100% );
  background-image:  -moz-linear-gradient(45deg,#53555B 0%, #FFFFFF 100% );
  background-image:   -o-linear-gradient(45deg,#53555B 0%, #FFFFFF 100% );
  background-image: -linear-gradient(45deg,#53555B 0%, #FFFFFF 100% );
  background: -ms-linear-gradient(45deg, #53555B 0%, #FFFFFF 100%); /* IE10+ */
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#53555B, endColorstr=#FFFFFF  );
 
}
input{
   border-radius: 5px;
}
fieldset{
 /* -moz-border-radius: 5px;
 -webkit-border-radius:5px;
 border-radius: 5px; */
 min-width:250px;
 min-height: 160px;
 padding-top:40px;
 border:1px solid #666;
 border-radius:8px;
 box-shadow:0 0 10px #666;
}
a {text-decoration:none;}
/* legend {
    text-align:left;
    font-weight:bold;
    float:left;
    margin-top:-20px;
}
legend + * {
    clear:both;
} */
#ContentDiv{
 position:absolute;
 top:30%;
 bottom:30%;
 left:30%;
 right:30%;
 width:auto;
 height:auto;
 text-align:center;
}
p.btn {
    background-attachment: scroll;
    background-clip: border-box;
    background-image:  -webkit-linear-gradient(#FFFFFF 0%, #AAAAAA 100%);
    background-image:  -moz-linear-gradient(#FFFFFF 0%, #AAAAAA 100%);
    background-image:  -o-linear-gradient(#FFFFFF 0%, #AAAAAA 100%);
    background-image:  linear-gradient(#FFFFFF 0%, #AAAAAA 100%);
    /* background-origin: padding-box; */
    background-repeat: no-repeat;
     background-size: auto auto; 
    border-radius: 5px 5px 5px 5px;
    /* box-shadow: 0 0 0 1px #BBBBBB inset, 0 1px 0 1px #FFFFFF inset; */
    line-height: 1.9;
    padding: 0 15px;
    cursor: pointer;
    margin-top:5px;
    list-style-type: none; 
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#AAAAAA);
  -moz-border-radius: 5px;
  -webkit-border-radius:5px;
  border-radius: 5px;
  border:solid 1px #BBBBBB;
  width:80px;
  position:absolute; top:150px; left:45%;
  min-width:60px;
   box-shadow:0 0 10px #666; 

}
.logininput{
  margin-left:20px;
  width:110px;
  border-radius: 5px;
}
#imgec{
   position:absolute; top:190px; right:20px;
   max-width: 100%;
   max-height: 100%; 
   width: auto;
   height: auto;
}
#logo{
   position:absolute; top:30px; left:20px;
   max-width: 100%;
   max-height: 100%; 
   width: auto;
   height: auto; 
 }
select{
  -moz-appearance: none;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    min-width: 100px;
    outline: medium none;
}
/* }
@media screen and (min-width: 801px) and (max-width: 1750px){
figure img {
   position:absolute; top:150px; left:50%;right:10%;
   max-width: 100%;
   max-height: 100%; 
   width: auto;
   height: auto;
  
}
}*/
@media screen and (min-width: 641px) and (max-width: 1024px){
#imgec {
   position:absolute; top:190px; right:20px;
   max-width: 55%;
   width: auto;
   height: auto;
  
}
#logo{
   position:absolute; top:30px; left:20px;
   max-width: 55%;
   width: auto;
   height: auto; 
 }
} 
@media screen and (min-width: 481px) and (max-width: 640px){
/* #ContentDiv{
 position:absolute;
 top:30%;
 bottom:30%;
 left:5%;
 width:90%;
 height:auto;
 text-align:center;
} */
#imgec{
   position:absolute; top:190px; right:20px;
   max-width: 50%;
   width: auto;
   height: auto;
}
#logo{
   position:absolute; top:30px; left:20px;
   max-width: 50%;
   width: auto;
   height: auto; 
 }
}

@media screen  and (max-width: 480px) {
p.btn {
    background-attachment: scroll;
    background-clip: border-box;
    background-image:  -webkit-linear-gradient(#FFFFFF 0%, #AAAAAA 100%);
    background-image:  -moz-linear-gradient(#FFFFFF 0%, #AAAAAA 100%);
    background-image:  -o-linear-gradient(#FFFFFF 0%, #AAAAAA 100%);
    background-image:  linear-gradient(#FFFFFF 0%, #AAAAAA 100%);
    background-repeat: no-repeat;
     background-size: auto auto; 
    border-radius: 5px 5px 5px 5px;
    line-height: 1.9;
    padding: 0 8px;
    cursor: pointer;
    margin-top:5px;
    list-style-type: none; 
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#AAAAAA);
  -moz-border-radius: 5px;
  -webkit-border-radius:5px;
  border-radius: 5px;
  border:solid 1px #BBBBBB;
  width:70px;
  position:absolute; top:150px; left:38%;
  min-width:60px;
  box-shadow:0 0 10px #666; 
}
.logininput{
 margin-left:10px;
  width:50px;
  border-radius: 5px;
}
#ContentDiv{
 position:absolute;
 top:30%;
 bottom:30%;
 left:5%;
 width:90%;
 height:auto;
 text-align:center;
}
fieldset{
 -moz-border-radius: 5px;
 -webkit-border-radius:5px;
 border-radius: 5px;
 min-width:100px;
 min-height: 150px;
}

#imgec {
   position:absolute; top:185px; right:20px;
   max-width: 50%;
   width: auto;
   height: auto;
}
#logo{
   position:absolute; top:30px; left:20px;
   max-width: 50%;
   width: auto;
   height: auto; 
 }
}
@media screen  and (max-height: 480px) {
#ContentDiv{
 position:absolute;
 top:7%;
}
}
  
@media screen  and (max-height: 220px) {
#ContentDiv{
 position:absolute;
 top:0%;
}
}