@charset "utf-8";
/* CSS Document */


*, body, html{
	margin:0 auto;
	padding:0;
	font-family:Tahoma, Geneva, sans-serif;
	scrollbar-width:thin;
box-sizing:border-box;
background-repeat:no-repeat;

}

form{
	display: flex;

}

@media screen and (min-width: 350px) and (max-width: 1000px) {
	
		.iusrtxt{
	background-image:url(../img/ilog.png);
	background-repeat:no-repeat;
    background-position: 4vw 3vw;
    background-size: 6vw;
	
}

	.ipasstxt{
	background-image:url(../img/ilog.png);
	background-repeat:no-repeat;
    background-position: 4vw -8vw;
    background-size: 6.4vw;
	
}  
	
	.imglogo{
	width: 60vw;
}

	
	.gplg{
	flex-basis:100%;
	margin-bottom:4vw;
	flex-wrap:wrap;
	
}

	.campotxt{

    padding: 4vw;
    width: 100%;
    font-size: 3vw;
    border: none;
    color: #333;
    font-weight: bold;
    color: #889FAC;
    border-radius: 25px;
    flex-basis: 100%;
    align-content: flex-start;
    padding-left: 15vw;
    background-color: #fff;
    outline: none;
		
}
	
	.gpimg{
		flex-basis:100%; text-align:center; margin-bottom:5vw;
		flex-basis:100%; text-align:center; margin-bottom:5vw;
	}

.lbtxt{
	color:#333;
	font-size:12px;
flex-basis:100%;
}

.btlogin{
    color: #fff;
    border: none;
    font-weight: bold;
    background-color: #005b9e;
    border-radius: 25px;
    flex-basis: 100%;
    margin-top: 20px;
    font-size: 5vw;
	padding: 2vw;
}

.btlogin:hover{
background-color: #073c64;
color: #fff;
cursor: pointer;

	
}

.box{
background-color: #f7f7f7;
width: 100%;
padding: 20px;
display: flex;
flex-wrap: wrap;
align-content: center;
	height: 100%;

}
	

.home{
	background-image:url(home.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
	background-size:28px;
	width:30px;
	height:30px;
	display:block;
	float:right;
	
	
}

.home:hover{
	background-position:0px -25px;
	cursor:pointer;
	
}

.fullscreen{
   position: fixed;
    width: 100%;
	display:flex;
    height: 100%;
    left: 0;
    top: 0;
	align-items: center;
    	 
	 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#f7f7f7), to(#EBEBEB));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #f7f7f7, #EBEBEB);

  /* Firefox 3.6+ */ 
  background: -moz-radial-gradient(circle, #f7f7f7, #EBEBEB);

  /* IE 10 */ 
  background: -ms-radial-gradient(circle, #f7f7f7, #EBEBEB);
    z-index: 10;
}

.cad{
border-radius:5px; text-decoration:none; color:#666; font-size:12px;
font-weight:normal;
display:block;
text-align:right;
}
.cad:hover{
	cursor:pointer;
	color:#09F;
	
}
	
		.tits{
		font-size: 5vw;
	margin-bottom: 5vw;
	}
}
@media screen and (min-width: 1001px) and (max-width: 1920px) {
	.tits{
		font-size: 18px;
	margin-bottom: 10px;
	}
	
		.iusrtxt{
	background-image:url(../img/ilog.png);
	background-repeat:no-repeat;
	background-position:10px 9px;
	background-size:23px;
	
}

	.ipasstxt{
	background-image:url(../img/ilog.png);
	background-repeat:no-repeat;
	background-position:10px -28px;
	background-size:22px;
	
}  
		.campotxt{

	padding:12px;
	width:100%;
	border:none;
	color:#333;
	font-weight:bold;
	color:#889FAC;
	border-radius: 25px;
	flex-basis:100%;
			padding-left: 45px
		
}
	
	.imglogo{
	width: 280px;
}

	
	.gplg{
	flex-basis:100%;
	margin-bottom:20px;
	flex-wrap:wrap;
	
}

.lbtxt{
	color:#333;
	font-size:12px;
flex-basis:100%;
}

	.btlogin{
    color: #fff;
    border: none;
    font-weight: bold;
    background-color: #005b9e;
    border-radius: 25px;
    flex-basis: 100%;
    margin-top: 20px;
    font-size: 14px;
	padding: 10px;

}

.btlogin:hover{
background-color: #073c64;
color: #fff;
cursor: pointer;

	
}

.box{
	background-color:#f7f7f7;
		border-radius:10px; 
		flex-basis:365px; padding:20px; top:50%; left:50%;
	border:none;
	display:flex;
	flex-wrap:wrap;
	align-content:flex-start;
	
}

.home{
	background-image:url(home.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
	background-size:28px;
	width:30px;
	height:30px;
	display:block;
	float:right;
	
	
}

.home:hover{
	background-position:0px -25px;
	cursor:pointer;
	
}

.fullscreen{
   position: fixed;
    width: 100%;
	display:flex;
    height: 100%;
    left: 0;
    top: 0;
	align-items: center;
    	 
	 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#f1f2f2), to(#BAC0C4));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #f1f2f2, #BAC0C4);

  /* Firefox 3.6+ */ 
  background: -moz-radial-gradient(circle, #f1f2f2, #BAC0C4);

  /* IE 10 */ 
  background: -ms-radial-gradient(circle, #f1f2f2, #BAC0C4);
    z-index: 10;
}

.cad{
border-radius:5px; text-decoration:none; color:#666; font-size:12px;
font-weight:normal;
display:block;
text-align:right;
}
.cad:hover{
	cursor:pointer;
	color:#09F;
	
}
}


*, body, html{
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	
	
}




.gplg input{
width:100%;
}

.ret{
color:#333; font-size:12px; font-weight:bold; text-align:center;  flex-basis:100%;
height:30px;
margin-top:5px;	
}

.tits{
padding: 10px;
flex-basis: 100%;
color: #cacaca;
text-align: center;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
	
}