html,
textarea {
    box-sizing: border-box
}

.ad,
.lg,
body {
    color: #d6d6d6
}

.tad {
    color: goldenrod
}

.hhc,
.hhk,
.hhn,
.hhs,
.hht,
.hhv {
    white-space: pre
}

.codd,
.codds,
.code,
.codf {
    border: 1px solid rgba(255, 255, 255, .25);
}

.caa,
.cm,
.cy,
.cyc,
.de,
.ho,
.hri,
.ltt,
.mn,
.par,
.qq,
.see,
.stad,
footer,
h1 {
    text-align: center
}

.ftl,
table th {
    text-align: left
}

.co2,
.container,
.uqq {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: #000
}

.cl,
.co2,
.co5,
.container,
.cr,
.ct {
    padding-top: 5px;
    padding-right: 15px
}

.dd,
.uqq {
    padding-top: 10px
}

.cl,
.co2,
.co5,
.container,
.cr,
.ct,
.navu {
    padding-left: 15px
}

.stad,
.stae,
.stap {
    padding-left: 5px;
    padding-right: 5px
}

h3,
h4 {
    margin-top: 0
}

body,
table th {
    font-weight: 400
}

.dd,
.dd2 {
    padding-bottom: 20px
}

.ad,
.tad {
    text-decoration: none
}

.bab,
.codl,
.tll,
.tp,
.uf {
    float: left
}

.beb,
.codg,
.codr,
.lg,
.tn,
.tn2 {
    float: right
}

.ad:hover,
.ctb,
.lf,
.lf:active,
.lf:focus,
.lf:hover,
.stad:hover,
.tad:hover {
    color: gold
}

.codds,
.cods {
    text-size-adjust: none
}

.cl,
.cr,
.ct,
.ltf {
    position: relative
}

.navu,
.tp {
    list-style-type: none
}

.codg,
.de,
.peq,
.yol {
    font-style: italic
}

html {
    -ms-overflow-style: scrollbar
}

.h1,
textarea {
    overflow: hidden
}

textarea {
    width: 800px;
    margin-bottom: -30px;
    height: 48px;
    font-size: 24px;
    padding: 10px;
    background-color: #000;
    resize: none;
    color: #fff;
    border: 2px solid #ccc;
    border-radius: 5px;
}

textarea:focus {
    border: 2px solid #ccc;
    border-radius: 5px;
}

@supports (-moz-appearance: none) {
    textarea:focus {
        outline: none;
    }
}

.tcon {
    display: flex;
    justify-content: center;
    align-items: center;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    line-height: 1.5;
    background-color: #000;
    background-image: url('/images/background.png');
    background-repeat: repeat;
}

.ap,
.code,
.codf,
.fr,
.lo,
.ltt,
h1,
h2,
h3,
h4 {
    font-weight: 500
}

body,
html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: auto
}

*,
::after,
::before {
    box-sizing: inherit
}

::selection {
    background: purple;
    color: #fff
}

.codd,
.codds,
.code,
.codf,
table td,
table th {
    background-color: #1e1e1e
}

a:active:not(.tad):not(.ad),
a:link:not(.tad):not(.ad),
a:visited:not(.tad):not(.ad) {
    color: #daa520;
    text-decoration: none
}

a.aa:hover:not(.tad):not(.ad),
a:hover:not(.tad):not(.ad) {
    color: gold;
    text-decoration: none
}

a.aa:active:not(.tad):not(.ad),
a.aa:link:not(.tad):not(.ad),
a.aa:visited:not(.tad):not(.ad) {
    color: #d6d6d6;
    text-decoration: none
}

.co2 {
    min-width: 540px
}

.co3 {
    margin: 0 auto;
    width: 860px
}

.codu {
    margin-top: 15px;
    margin-bottom: 15px;
}

.codv,
.olv,
.rs,
.ui,
.ut {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ut,
footer,
h2,
h3 {
    margin-bottom: 20px
}

.co4 {
    width: 820px;
    margin-left: 20px
}

.caa,
.co5,
.ltt,
.po,
.tdiv,
.tnt,
.ut,
h1,
h2,
h3,
h4,
hr {
    width: 100%
}

.co5 {
    min-width: 720px;
    margin-right: auto;
    margin-left: auto
}

.ft,
.uis,
.ut {
    margin-left: 20px
}

.ui {
    height: 128px
}

.ui p {
    line-height: 1
}

.uf {
    margin-right: 20px
}

.hi,
.ht,
.na,
.show,
.stad,
.stae,
.stap,
.tll,
.tp,
.ut,
hr {
    display: block
}

.cl,
.ltx,
.sbk,
.yol,
h2 {
    margin-top: 15px
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.cl,
.cr,
.ct {
    width: 100%;
    min-height: 1px
}

.cl {
    min-width: 200px
}

.navu {
    margin-top: 5px;
}

.navu li::before {
    content: ">";
    color: #d6d6d6;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

h1 {
    font-size: 32px;
    margin-bottom: 30px
}

h2 {
    font-size: 28px
}

h3 {
    font-size: 24px
}

.nt,
h4 {
    font-size: 20px
}

h4 {
    margin-bottom: 10px
}

.tad,
input {
    font-size: 17px
}

p {
    margin-top: 10px;
    margin-bottom: 10px
}

hr {
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, .5);
    margin: 55px 0 1em;
    padding: 0
}

table td,
table th {
    padding: 9px;
    border: 1px solid #aaa;
}

.oa {
    margin-bottom: 35px
}

.hri {
    margin: 35px auto 30px
}

.hru {
    margin-bottom: 12px
}


table {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    border-spacing: 4px 4px;
    margin-left: -4px
}

.dd3 {
    padding-bottom: 30px
}

.dsh,
.sbold {
    font-weight: 600
}

.bold,
.hhc {
    font-weight: 700
}

.cods,
.stae {
    margin-top: 40px
}

.cy{
    margin-top: 30px
}

.cy2 {
    margin-top: 15px
}

.stap {
    margin-top: 30px
}

.lgimg {
    margin: 10px 10px 0;
    user-select: none
}

.lg {
    font-size: 27px;
    margin-top: 9px;
    margin-left: 3px
}

.tnt {
    height: auto;
    margin-top: -5px;
    margin-bottom: -45px;
}

.cod,
.codd {
    width: 1016px
}

.codds,
.code,
.codf,
.cods,
.codu {
    width: 504px
}

.tn,
.tn2 {
    margin-top: 2px;
    display: flex;
    right: 0;
    padding-bottom: 35px;
    height: 55px
}

.uqq,
footer {
    padding-bottom: 10px
}

.codd,
.codds {
    height: auto
}

.tn ul,
.tn2 ul {
    list-style: none;
    display: flex
}

.tn ul li,
.tn2 ul li {
    margin-right: 15px;
    display: inline-block
}

.cod {
    margin: 25px auto;
    display: table
}

.uqq {
    background-color: #000
}

.codd,
.codds,
.ju {
    margin-bottom: 8px;
    padding: 4px 7px 3px
}

.acf,
.codf span,
.fa,
.ft {
    display: inline-block
}

.codf {
    resize: vertical
}

.codv {
    background-color: #22b14c;
    width: 100%
}

.code,
.codf {
    padding: 4px 7px 3px;
    font-size: 19px;
    line-height: 1.4;
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif
}

.lf,
.tx {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.deu {
    margin-left: 40px
}

.codc {
    float: none
}

.cc {
    margin: 0 auto
}

.hhc {
    color: #ff5a00
}

.hhv {
    color: #ffc400
}

.hhk {
    color: #1eb4ff
}

.hhs {
    color: #dca082
}

.hht {
    color: #ff508c
}

.codg {
    font-size: 14px;
    padding-left: 20px
}

.de {
    font-size: 16px;
    width: 80%;
    margin: 0 auto 40px
}

.see {
    width: 100%;
    margin: 5px auto 0
}

.lgf {
    border-radius: 10px;
    border: 1px solid #adff2f;
    width: 400px;
    margin: 15px auto 0;
    padding: 0 25px 15px
}

.lb,
.lf,
.ltf {
    width: 350px
}

.ltf {
    border-bottom: 0 solid #adadad;
    margin-top: 16px;
    margin-bottom: 16px
}

.lf {
    font-size: 20px;
    margin: 0 auto;
    border: none;
    padding: 5px
}

.lf:-webkit-autofill {
    -webkit-background-clip: text
}

.lb {
    height: 40px;
    border-radius: 10px;
    border-width: 1px;
    border-color: #fff
}

.ctb:hover,
.lb:hover {
    background-color: gold
}

.lf:focus {
    outline: 0
}

.ctb {
    margin-bottom: 2px
}

.ltt {
    margin: 10px auto;
    font-size: 28px
}

.cy,
.cyc,
.sse {
    font-size: 23px
}

.ftl,
.ftx,
footer {
    font-size: 15px;
    width: auto
}

.caa {
    margin: 10px auto 0
}

.lfs {
    margin-top: 25px;
    margin-bottom: 35px
}

.lms {
    color: red
}

.sse {
    font-weight: 600;
    margin-bottom: 20px
}

.iu {
    margin-top: 5px;
    margin-bottom: 12px
}

.tis {
    margin-top: 15px;
    margin-bottom: 15px;
}

.tiss {
    width: 0px;
    min-width: fit-content;
    max-width: fit-content;
    padding-right: 15px;
}

label {
    margin-right: 15px
}

.ftl {
    margin-left: 10px
}

.ftx {
    text-align: center
}

.tpq {
    width: auto;
    margin: 20px auto 0;
    margin-top: 30px;
    display: table
}

.tp {
    font-size: 19px;
    padding: 0;
    line-height: 1.6
}

.qq {
    margin-top: 10px;
    font-size: 20px
}

.tp li::before {
    content: "> ";
    width: 1em;
    margin-left: -1em
}

.bab {
    margin-right: 5px;
    margin-top: 5px
}

.beb {
    padding-left: 40px
}

.pap {
    width: 90%;
    margin: 40px auto 0
}

.dv,
.ho {
    margin-bottom: 15px
}

.peq {
    font-size: 15px
}

.tx {
    width: 500px;
    height: 200px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.3;
    padding: 8px;
    resize: none
}

.tz {
    padding: 3px 3px 3px 8px
}

.ho {
    width: 100%;
    font-size: 20px
}

.na {
    margin: 15px auto 5px
}

.ch {
    margin: 0 auto;
    width: 860px;
    padding-right: 7px
}

.hide {
    display: none
}

.hh {
    float: left;
    margin-bottom: 20px
}

.h1 {
    padding-top: 105px;
    padding-left: 10px;
    bottom: 0
}

.hi {
    margin-left: 5px
}

.qg,
.qg2,
.qh,
.qi {
    margin: 10px auto 0;
    width: 100%
}

.lo {
    color: #fb8c00
}

.ap {
    color: #777
}

.fr {
    color: #22b14c
}

.bx {
    min-width: 80px
}

.qg,
.qi {
    max-width: 900px
}

.qg2 {
    max-width: 668px
}

.qh {
    max-width: 700px
}

.ac {
    margin-top: 21px;
    margin-left: 8px
}

.cm {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 30px auto 0
}

.vv {
    padding: 0 0 0 20px;
    margin: 10px 0 0
}

@-ms-viewport {
    width: device-width
}

@media (min-width:576px) {

    .container,
    .uqq {
        max-width: 540px
    }

    .hi {
        width: 540px
    }
}

@media (min-width:768px) {

    .co2,
    .container,
    .uqq {
        max-width: 720px
    }

    .cl {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .cr {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ct {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .dmenu {
        padding-top: 20px;
        padding-left: 20px
    }
}

@media (min-width:992px) {

    .co2,
    .co5,
    .container,
    .uqq {
        max-width: 960px
    }

    .dmenu .nav ul {
        display: none;
        padding-bottom: 10px
    }

    .dmenu .nav>.active>ul {
        display: block
    }
}

@media (min-width:1200px) {

    .co2,
    .co5,
    .container,
    .uqq {
        max-width: 1140px
    }
}

@media (min-width:1400px) {

    .co2,
    .co5,
    .container,
    .uqq {
        max-width: 1300px
    }
}

@media (max-width:270px) {
    input {
        width: 100%
    }
}

@media (max-width:450px) {
    .tn ul {
        display: inline-block
    }

    .tn ul li {
        width: auto;
        float: left
    }

    .tn {
        float: left;
        height: auto;
        margin-bottom: -39px
    }

    .lgf {
        width: 320px
    }

    .lb,
    .lf,
    .ltf {
        width: 270px
    }

    .uf,
    .uq {
        display: none
    }

    .ut {
        margin-bottom: 15px
    }

    .cy,
    .cyc {
        font-size: 20px
    }

    .tp {
        font-size: 17px
    }
}

@media (max-width:370px) {
    .lgf {
        width: 250px
    }

    .lb,
    .lf,
    .ltf {
        width: 200px
    }

    .lf {
        font-size: 16px
    }
}

@media (max-width:560px) {

    .cod,
    .codc,
    .codd,
    .code,
    .codf,
    .codl,
    .codr,
    .codu,
    .codv {
        width: auto
    }

    .de,
    .tx {
        width: 100%
    }

    .de {
        margin-bottom: 40px
    }

    .beb {
        padding-left: 20px
    }
}

@media (max-width:768px) {

    .tn ul li,
    .tn2 ul li {
        display: inline-block
    }

    .dmenu {
        margin-top: 20px
    }

    .de {
        width: 90%;
        margin-bottom: 40px
    }

    .pap {
        width: 100%
    }

    .h1 {
        display: none
    }

    .hh1 {
        font-size: 27px
    }
}

@media (max-width:992px) {

    .cl,
    .cr {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .fo {
        margin-bottom: 5px;
        width: 100%
    }

    .fp {
        margin-left: 0
    }

    .bab {
        display: none
    }
}

@media (max-width:1200px) {

    .cod,
    .codd {
        max-width: 504px
    }

    .codr {
        float: left;
        margin-top: 8px
    }
}

::-webkit-scrollbar {
    background-color: #2c2c2c;
}

::-webkit-scrollbar-thumb {
    background-color: #808080;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #808080;
}

* {
    scrollbar-width: auto;
    scrollbar-color: #808080 #2c2c2c;
}
.h {
    color: #73bce0;
}