205 lines
505 KiB
CSS
205 lines
505 KiB
CSS
|
html, body {
|
||
|
|
text-align: center;
|
||
|
|
position: relative;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
color: #bebebe;
|
||
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||
|
|
background: url(data:image/png;base64,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
|
||
|
|
background-size: cover;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.logo {
|
||
|
|
padding: 80px 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hr1 {
|
||
|
|
display: block;
|
||
|
|
width: 50%;
|
||
|
|
height: 38px;
|
||
|
|
background: #fff;
|
||
|
|
color: #fc4e12;
|
||
|
|
font-family: Tahoma;
|
||
|
|
font-size: 16px;
|
||
|
|
text-decoration: none;
|
||
|
|
padding-top: 15px;
|
||
|
|
border-bottom: 2px solid #fc4e12;
|
||
|
|
float: left;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
font-weight: 400;
|
||
|
|
border-radius: 3px 0 0 0;
|
||
|
|
}
|
||
|
|
.hr2 {
|
||
|
|
display: block;
|
||
|
|
width: 50%;
|
||
|
|
height: 40px;
|
||
|
|
background: #fff;
|
||
|
|
color: #8380bd;
|
||
|
|
font-family: Tahoma;
|
||
|
|
font-size: 16px;
|
||
|
|
text-decoration: none;
|
||
|
|
padding-top: 15px;
|
||
|
|
border-bottom: none;
|
||
|
|
float: left;
|
||
|
|
font-weight: 400;
|
||
|
|
border-radius: 0 3px 0 0;
|
||
|
|
}
|
||
|
|
.hr1:active{ background:#fafafa;} .hr2:active{ background:#fafafa;}
|
||
|
|
.hr1:hover {text-decoration: none;}
|
||
|
|
.hr2:hover {text-decoration: none;}
|
||
|
|
.hr11:hover {text-decoration: none;}
|
||
|
|
.hr22:hover {text-decoration: none;}
|
||
|
|
|
||
|
|
.hr22 {
|
||
|
|
display: block;
|
||
|
|
width: 50%;
|
||
|
|
height: 38px;
|
||
|
|
background: #fff;
|
||
|
|
color: #17b2f0;
|
||
|
|
font-family: Tahoma;
|
||
|
|
font-size: 16px;
|
||
|
|
text-decoration: none;
|
||
|
|
padding-top: 15px;
|
||
|
|
border-bottom: 2px solid #17b2f0;
|
||
|
|
float: left;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
font-weight: 400;
|
||
|
|
border-radius: 0 3px 0 0;
|
||
|
|
}
|
||
|
|
.hr11 {
|
||
|
|
display: block;
|
||
|
|
width: 50%;
|
||
|
|
height: 40px;
|
||
|
|
background: #fff;
|
||
|
|
color: #8380bd;
|
||
|
|
font-family: Tahoma;
|
||
|
|
font-size: 16px;
|
||
|
|
text-decoration: none;
|
||
|
|
padding-top: 15px;
|
||
|
|
border-bottom: none;
|
||
|
|
float: left;
|
||
|
|
font-weight: 400;
|
||
|
|
border-radius: 3px 0 0 0;
|
||
|
|
}
|
||
|
|
.hr11:active{ background:#fafafa;} .hr22:active{ background:#fafafa;}
|
||
|
|
|
||
|
|
.bg{ background:#fff; position:relative;border: 0; border-radius: 3px; padding: 10px;}
|
||
|
|
.bg hr{ border:none; border-bottom:2px solid #bb2f3a; width:100%;}
|
||
|
|
|
||
|
|
.bg2{ background:#fff; position:relative; border: 0; border-radius: 3px; padding: 10px;}
|
||
|
|
.bg2 hr{ border:none; border-bottom:2px solid #bb2f3a; width:100%;}
|
||
|
|
|
||
|
|
input[type="text"]::-webkit-input-placeholder { color: #e28990; }
|
||
|
|
input[type="text"]:focus { outline: none; }
|
||
|
|
input[type="password"]:focus { outline: none; }
|
||
|
|
input[type="number"]:focus { outline: none; }
|
||
|
|
input[type=number]::-webkit-inner-spin-button,
|
||
|
|
input[type=number]::-webkit-outer-spin-button {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.id{ border:none; border-bottom:2px solid #afb5bb; background:#f1f5f7; height:35px !important; width:100%; margin-left:2%; margin-top:10px; margin-bottom:5px; font-family:Tahoma; font-size:16px; margin-right:2%; padding-left:8%; font-family:Tahoma; color: #000;}
|
||
|
|
.pass{ border:none; border-bottom:2px solid #afb5bb; background:#f1f5f7; height:35px; width:100%; margin-left:2%; font-family:Tahoma; font-size:16px; margin-right:2%; padding-left:8%; font-family:Tahoma; color: #000;}
|
||
|
|
|
||
|
|
.fe1{ border:none; border-bottom:2px solid #f00; background:#f1f5f7; height:35px !important; width:100%; margin-left:2%; margin-top:10px; margin-bottom:5px; font-family:Tahoma; font-size:16px; margin-right:2%; padding-left:8%; font-family:Tahoma; color: #000;}
|
||
|
|
.fe2{ border:none; border-bottom:2px solid #f00; background:#f1f5f7; height:35px; width:100%; margin-left:2%; font-family:Tahoma; font-size:16px; margin-right:2%; padding-left:8%; font-family:Tahoma; color: #000;}
|
||
|
|
|
||
|
|
.id2{ border:none; border-bottom:2px solid #afb5bb; background:#f1f5f7; height:35px !important; width:100%; margin-left:2%; margin-top:10px; margin-bottom:5px; font-family:Tahoma; font-size:16px; margin-right:2%; padding-left:8%; font-family:Tahoma; color: #000;}
|
||
|
|
.pass2{ border:none; border-bottom:2px solid #afb5bb; background:#f1f5f7; height:35px; width:100%; margin-left:2%; font-family:Tahoma; font-size:16px; margin-right:2%; padding-left:8%; font-family:Tahoma; color: #000;}
|
||
|
|
.ii{ border:none; border-bottom:2px solid #afb5bb; background:#f1f5f7; height:35px !important; width:100%; margin-left:2%; margin-bottom:5px; font-family:Tahoma; font-size:16px; margin-right:2%; padding-left:8%; font-family:Tahoma; color: #000;}
|
||
|
|
|
||
|
|
|
||
|
|
.fe3{ border:none; border-bottom:2px solid #f00; background:#f1f5f7; height:35px !important; width:100%; margin-left:2%; margin-top:10px; margin-bottom:5px; font-family:Tahoma; font-size:16px; margin-right:2%; padding-left:8%; font-family:Tahoma; color: #000;}
|
||
|
|
.fe4{ border:none; border-bottom:2px solid #f00; background:#f1f5f7; height:35px; width:100%; margin-left:2%; font-family:Tahoma; font-size:16px; margin-right:2%; padding-left:8%; font-family:Tahoma; color: #000;}
|
||
|
|
.fe5{ border:none; border-bottom:2px solid #f00; background:#f1f5f7; height:35px !important; width:100%; margin-left:2%; margin-bottom:5px; font-family:Tahoma; font-size:16px; margin-right:2%; padding-left:8%; font-family:Tahoma; color: #000;}
|
||
|
|
|
||
|
|
|
||
|
|
.id:focus{border-bottom:2px solid #d81f27;} #pass:focus{border-bottom:2px solid #d81f27;}
|
||
|
|
a:hover {
|
||
|
|
color: #d4d4d4;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
.s1 {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
background: #1b6fb5;
|
||
|
|
border: 1px solid #1b6fb5;
|
||
|
|
height: 40px;
|
||
|
|
font-family: Tahoma;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #fff;
|
||
|
|
cursor: pointer;
|
||
|
|
margin: 0 auto;
|
||
|
|
margin-top: 0px;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
.s2 {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
background: #1b6fb5;
|
||
|
|
border: 1px solid #1b6fb5;
|
||
|
|
height: 40px;
|
||
|
|
font-family: Tahoma;
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #fff;
|
||
|
|
cursor: pointer;
|
||
|
|
margin: 0 auto;
|
||
|
|
margin-top: 0px;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
.ss{ font-family:Tahoma; font-size:16px; color: #bebebe; text-decoration:underline; width:40%; margin-left:7%; margin-right:3%; margin-top:15px; position:relative; display:inline-block; float:left; text-align:left;}
|
||
|
|
.ss2{ font-family:Tahoma; font-size:16px; color: #bebebe; text-decoration:underline; width:40%; margin-left:3%; margin-right:7%; margin-top:15px; position:relative; display:inline-block; float:left; text-align:left;}
|
||
|
|
hr{margin-top:10px; margin-bottom:10px;}
|
||
|
|
|
||
|
|
.nn1{ position:absolute; left:8%; top:20px; font-size:18px;}
|
||
|
|
.nn2{ position:absolute; left:8%; top:58px; font-size:18px;}
|
||
|
|
|
||
|
|
.nn11{ position:absolute; left:8%; top:20px; font-size:18px;}
|
||
|
|
.nn22{ position:absolute; left:8%; top:97px; font-size:18px;}
|
||
|
|
.nn33{ position:absolute; left:8%; top:58px; font-size:18px;}
|
||
|
|
|
||
|
|
#content_div2{display:none; padding: 20px;}
|
||
|
|
#content_div1{padding: 20px;}
|
||
|
|
|
||
|
|
.field {
|
||
|
|
display: flex;
|
||
|
|
flex-flow: column-reverse;
|
||
|
|
width: 100%;
|
||
|
|
margin: 0 auto;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.input {
|
||
|
|
font-size: 16px;
|
||
|
|
border: 0;
|
||
|
|
border-bottom: 1px solid #ccc;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
.input:focus {
|
||
|
|
outline: 0;
|
||
|
|
border-bottom: 1px solid #ccc;
|
||
|
|
}
|
||
|
|
form {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fielderror {
|
||
|
|
font-size: 16px;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
padding: 5px;
|
||
|
|
border: 0;
|
||
|
|
border-bottom: 2px solid #f00;
|
||
|
|
}
|
||
|
|
|
||
|
|
#spinner {
|
||
|
|
width: 100%;
|
||
|
|
height: 350px;
|
||
|
|
text-align: center;
|
||
|
|
}
|