::-webkit-input-placeholder { 
  padding:5px;
  text-align:center
}
::-moz-placeholder { 
  padding:5px;
}
:-ms-input-placeholder { 
  padding:5px;
}
:-moz-placeholder { 
  padding:5px;
}


* {
     position:relative;
     box-sizing:border-box;
     height:auto;
     margin:0;
     padding:0;
     font-family:'Open Sans'
}

html,body {
     width:100%;
     min-width:100%;
     max-width:100%;
     height:100%;
     min-height:100%;
     max-height:100%;
     overflow:hidden;
	 display:flex;
	 justify-content:center;
	 align-items:center;
	 align-content:center
}
/*ff9639*/

.hide {
	display:none
}

section {
	background-color:#39A2FF;
	display:inline-block;
	padding:10px;
	border-radius:5px;
	border:1px solid black;
	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
	flex-wrap:wrap
}

section span {
	display:block;
	width:300px;
	height:auto;	
}



section > nav::after {
	content:"x";	
}

section > nav {
	cursor:pointer;
	display:block;
	background-color:black;
	color:white;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	position:absolute;
	top:-15px;
	right:-15px;
	border-radius:5px;
	z-index:99999
}

section > div {
	width:500px;
	margin-left: 50px;
	background-color:white;
	padding:10px;
	pre:wrap;
	height:400px;
	overflow-Y:auto;
	overflow-X:hidden
}

input[type='text'],input[type='password'] {
	text-align:center;
	width:100%;
	height:30px;
	margin-bottom:10px;
	border-radius:5px;
	border:1px solid black;
	font-size:15px;
	padding:5px
}

input[type='button'] {
	background-color:white;
	cursor:pointer;
	display:block;
	border:1px solid white;
	margin:0 auto;
	height:50px;
	width:50px;
	font-weight:bold;
	border-radius:50%
}

input[type='button']:hover {
	border-color:black
}

input[type='button']:active {
	transform: scale(1.2)
}


h1 {
	margin:0;
	padding:0;
	margin-bottom:10px;
	text-align:center;
	font-size:20px;
	font-weight:bold
}

h1::before {
	content:"Welcome to "
}

section span div {
	margin-top:10px;
	color:white;
	width:100%;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	line-height:120%;
	letter-spacing:2px
}

section div p {
	margin:5px 0;
	padding:5px 0
}

section dd {
	cursor:pointer;
	position:absolute;
	top:82px;right:4px;
	width:25px;
	height:25px;
	border-radius:50%
}




section span a {
	color:black;
	font-weight:bold
}

section span a::before {
	content:"["
}

section span a::after {
	content:"]"
}

.eye {
    display: block;
    width: 24px;
    height: 18px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    overflow: hidden;
    box-sizing: border-box
}
.eye::after,
.eye::before {
    content: "";
    display: block;
    border-radius: 100px;
    position: absolute;
    box-sizing: border-box
}
.eye::after {
    top: 2px;
    box-shadow:
        inset 0 -8px 0 2px,
        inset 0 0 0 2px;
    width: 24px;
    height: 24px
}
.eye::before {
    width: 8px;
    height: 8px;
    border: 2px solid transparent;
    box-shadow:
        inset 0 0 0 6px,
        0 0 0 4px,
        6px 0 0 0,
        -6px 0 0 0 ;
    bottom: 4px;
    left: 8px
}

.eye.closed::before {
	display:none
}


.copyRight {
	font-size:8px;
	font-weight:normal
}