361 lines
368 KiB
CSS
361 lines
368 KiB
CSS
|
|||
|
|
html, body {
|
||
|
|
text-align: center;
|
||
|
|
position: relative;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 98%;
|
||
|
|
color: #bebebe;
|
||
|
|
font-family: serif, Arial;
|
||
|
|
background: url('data:image/png;base64,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
|
||
|
|
background-size: cover;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
.logo{
|
||
|
|
background-color:#01579b; height:58px; width:100%;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.hr1 {
|
||
|
|
display: block;
|
||
|
|
width: 50%;
|
||
|
|
background: #ffffff1f;
|
||
|
|
color: #ffffff;
|
||
|
|
font-family: sans-serif;
|
||
|
|
font-size: 22px;
|
||
|
|
padding: 20px 0;
|
||
|
|
float: left;
|
||
|
|
font-weight: 100;
|
||
|
|
border-radius: 5px 0 0 0;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
.hr2 {
|
||
|
|
display: block;
|
||
|
|
width: 50%;
|
||
|
|
background: #ffffff1f;
|
||
|
|
color: #ffffff;
|
||
|
|
font-family: sans-serif;
|
||
|
|
font-size: 22px;
|
||
|
|
border-radius: 0 5px 0 0;
|
||
|
|
text-decoration: none;
|
||
|
|
padding: 20px 0;
|
||
|
|
float: left;
|
||
|
|
font-weight: 100;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hr22{
|
||
|
|
display: block;
|
||
|
|
width: 50%;
|
||
|
|
background: #ffffff1f;
|
||
|
|
color: #ffffff;
|
||
|
|
font-family: sans-serif;
|
||
|
|
font-size: 22px;
|
||
|
|
border-radius: 0 5px 0 0;
|
||
|
|
padding: 20px 0;
|
||
|
|
float: left;
|
||
|
|
font-weight: 100;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
.hr11{
|
||
|
|
display: block;
|
||
|
|
width: 50%;
|
||
|
|
background: #ffffff1f;
|
||
|
|
color: #ffffff;
|
||
|
|
font-family: sans-serif;
|
||
|
|
font-size: 22px;
|
||
|
|
padding: 20px 0;
|
||
|
|
float: left;
|
||
|
|
font-weight: 100;
|
||
|
|
border-radius: 5px 0 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bg {
|
||
|
|
background: #ffffff;
|
||
|
|
width: 100%;
|
||
|
|
position: relative;
|
||
|
|
border-radius: 0 0 5px 5px;
|
||
|
|
}
|
||
|
|
.bg hr{ border:none; border-bottom:2px solid #bb2f3a; width:100%;}
|
||
|
|
|
||
|
|
.bg2 {
|
||
|
|
background: #ffffff;
|
||
|
|
width: 100%;
|
||
|
|
position: relative;
|
||
|
|
border-radius: 0 0 5px 5px;
|
||
|
|
}
|
||
|
|
.bg2 hr{ border:none; border-bottom:2px solid #bb2f3a; width:100%;}
|
||
|
|
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
a:hover {
|
||
|
|
color: #dee1e4;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.id {
|
||
|
|
border: none;
|
||
|
|
background: #ffffff;
|
||
|
|
width: 100%;
|
||
|
|
font-family: sans-serif;
|
||
|
|
font-size: 16px;
|
||
|
|
padding: 15px;
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
.pass {
|
||
|
|
border: none;
|
||
|
|
background: #ffffff;
|
||
|
|
width: 100%;
|
||
|
|
font-size: 16px;
|
||
|
|
padding: 15px;
|
||
|
|
font-family: sans-serif;
|
||
|
|
color: #000;
|
||
|
|
border-radius: 0 0 5px 5px;
|
||
|
|
}
|
||
|
|
.fe1 {
|
||
|
|
border: none;
|
||
|
|
border-bottom: 1px solid #f00 !important;
|
||
|
|
background: #ffffff;
|
||
|
|
width: 100%;
|
||
|
|
font-size: 16px;
|
||
|
|
font-family: sans-serif;
|
||
|
|
color: #000;
|
||
|
|
padding: 15px;
|
||
|
|
}
|
||
|
|
.fe2 {
|
||
|
|
border: none;
|
||
|
|
border-bottom: 1px solid #f00;
|
||
|
|
background: #ffffff;
|
||
|
|
width: 100%;
|
||
|
|
font-size: 16px;
|
||
|
|
font-family: sans-serif;
|
||
|
|
color: #000;
|
||
|
|
padding: 15px;
|
||
|
|
border-radius: 0 0 5px 5px;
|
||
|
|
}
|
||
|
|
.id2 {
|
||
|
|
border: none;
|
||
|
|
background: #ffffff;
|
||
|
|
width: 100%;
|
||
|
|
padding: 15px;
|
||
|
|
border-bottom: 1px solid #eee;
|
||
|
|
font-size: 16px;
|
||
|
|
font-family: sans-serif;
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
.pass2 {
|
||
|
|
border: none;
|
||
|
|
background: #ffffff;
|
||
|
|
width: 100%;
|
||
|
|
font-size: 16px;
|
||
|
|
padding: 15px;
|
||
|
|
font-family: sans-serif;
|
||
|
|
color: #000;
|
||
|
|
border-radius: 0 0 5px 5px;
|
||
|
|
}
|
||
|
|
.ii {
|
||
|
|
border: none;
|
||
|
|
background: #ffffff;
|
||
|
|
width: 100%;
|
||
|
|
font-size: 16px;
|
||
|
|
font-family: sans-serif;
|
||
|
|
padding: 15px;
|
||
|
|
color: #000;
|
||
|
|
border-bottom: 1px solid #eee;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fe3 {
|
||
|
|
border: none;
|
||
|
|
border-bottom: 1px solid #f00;
|
||
|
|
background: #ffffff;
|
||
|
|
width: 100%;
|
||
|
|
font-size: 16px;
|
||
|
|
font-family: sans-serif;
|
||
|
|
color: #000;
|
||
|
|
padding: 15px;
|
||
|
|
}
|
||
|
|
.fe4 {
|
||
|
|
border: none;
|
||
|
|
border-bottom: 1px solid #f00;
|
||
|
|
background: #ffffff;
|
||
|
|
width: 100%;
|
||
|
|
font-size: 16px;
|
||
|
|
font-family: sans-serif;
|
||
|
|
color: #000;
|
||
|
|
padding: 15px;
|
||
|
|
border-radius: 0 0 5px 5px;
|
||
|
|
}
|
||
|
|
.fe5 {
|
||
|
|
border: none;
|
||
|
|
border-bottom: 1px solid #f00;
|
||
|
|
background: #ffffff;
|
||
|
|
width: 100%;
|
||
|
|
font-size: 16px;
|
||
|
|
font-family: sans-serif;
|
||
|
|
color: #000;
|
||
|
|
padding: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.s1 {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
background: #005fbe;
|
||
|
|
height: 50px;
|
||
|
|
font-family: sans-serif;
|
||
|
|
font-size: 16px;
|
||
|
|
border: 0;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #fff;
|
||
|
|
cursor: pointer;
|
||
|
|
margin: 0 auto;
|
||
|
|
margin-top: 41px;
|
||
|
|
border-radius: 3px;
|
||
|
|
box-shadow: 0px 2px 5px -1px black;
|
||
|
|
}
|
||
|
|
.s2 {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
background: #005fbe;
|
||
|
|
height: 50px;
|
||
|
|
font-family: sans-serif;
|
||
|
|
font-size: 16px;
|
||
|
|
border: 0;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #fff;
|
||
|
|
cursor: pointer;
|
||
|
|
margin: 0 auto;
|
||
|
|
margin-top: 15px;
|
||
|
|
border-radius: 3px;
|
||
|
|
box-shadow: 0px 2px 5px -1px black;
|
||
|
|
}
|
||
|
|
.ss{ font-family:sans-serif; 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:sans-serif; 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;}
|
||
|
|
|
||
|
|
.switcher {
|
||
|
|
width: 350px;
|
||
|
|
margin: 20px auto;
|
||
|
|
padding: 20px;
|
||
|
|
|
||
|
|
border: 2px solid #ccc;
|
||
|
|
border-radius: 10px;
|
||
|
|
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switcher__title {
|
||
|
|
margin: 0 0 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.switcher__input {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switcher__input:checked + .switcher__label {
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switcher__input:checked + .switcher__label:before {
|
||
|
|
background-color: #38cae5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switcher__input:checked + .switcher__label:after {
|
||
|
|
transform: translateX(23px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.switcher__input:checked + .switcher__label:active:after {
|
||
|
|
transform: translateX(12px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.switcher__input:checked + .switcher__label:active:before {
|
||
|
|
background-color: #b4effa;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switcher__label {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: top;
|
||
|
|
padding-left: 50px;
|
||
|
|
font-size: 14px;
|
||
|
|
color: #ccc;
|
||
|
|
cursor: pointer;
|
||
|
|
float: right;
|
||
|
|
position: relative;
|
||
|
|
transition: color .1s linear;
|
||
|
|
margin: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switcher__label:before {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
width: 45px;
|
||
|
|
height: 22px;
|
||
|
|
|
||
|
|
background-color: #e5e5e5;
|
||
|
|
border-radius: 10px;
|
||
|
|
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: 1;
|
||
|
|
|
||
|
|
transition: background-color .1s linear;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switcher__label:after {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
|
||
|
|
background-color: #fff;
|
||
|
|
border-radius: 50%;
|
||
|
|
|
||
|
|
position: absolute;
|
||
|
|
top: 1px;
|
||
|
|
left: 1px;
|
||
|
|
z-index: 2;
|
||
|
|
|
||
|
|
transition: transform .1s linear;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switcher__label:active:after {
|
||
|
|
transform: translateX(12px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.switcher__label:active:before {
|
||
|
|
background-color: #b4effa;
|
||
|
|
}
|
||
|
|
|
||
|
|
.switcher__text {
|
||
|
|
line-height: 22px;
|
||
|
|
}
|
||
|
|
|
||
|
|
h5 {
|
||
|
|
width: 60%;
|
||
|
|
display: initial;
|
||
|
|
color: #fff;
|
||
|
|
font-weight: 100;
|
||
|
|
font-family: sans-serif;
|
||
|
|
float: right;
|
||
|
|
margin-top: 15px;
|
||
|
|
text-align: right;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|