ul li ul {
    display: none
}

body {
    font-family: arial, hiragino sans gb, microsoft yahei, 微軟正黑體, sans-serif
}

a {
    color: #000;
    text-decoration: none
}

a:hover {
    color: #6495ed;
    text-decoration: none;
    cursor: pointer
}

.menu {
    border-left: 1px solid #000;
    margin: 5 0 5 -16;
    padding-left: 32px
}

li {
    list-style-type: none;
    line-height: 1.7;
    text-indent: -12px
}

li ul {
    margin-left: 18px;
    height: auto !important
}

#top {
    text-align: center;
    margin-top: 15px
}

.topSerach {
    border: 1px solid;
    padding: 3px;
    font-size: 15px;
    border-radius: 4px;
    margin: 0 3 0 3
}

#mainmenu {
    margin-left: -45px;
    font-size: 17px
}

.fa-windows {
    padding-left: 4;
    text-indent: 0;
    color: #007bda
}

.fa-laptop {
    padding-left: 4;
    text-indent: 0;
    color: grey
}

.fa-linux {
    padding-left: 4;
    text-indent: 0
}

.fa-android {
    padding-left: 4;
    text-indent: 0;
    color: #7cb342
}

.fa-apple {
    padding-left: 4;
    text-indent: 0;
    color: grey
}

.fa-folder {
    color: gold
}

.fa-cog {
    margin-top: 2px;
    margin-left: -25px
}

.fa-bullhorn {
    padding-left: 4;
    color: yellowgreen
}

.fa-file-text-o {
    padding: 0 3 0 5;
    color: teal
}

.fa-youtube-play {
    padding: 0 2 0 2;
    color: tomato
}

.fa-gift {
    padding: 0 3 0 4;
    color: coral
}

.fa-shopping-cart {
    padding: 0 3 0 2;
    color: #ff5b00
}

.fa-weixin {
    color: #07c261
}

.fa-commenting-o {
    padding-left: 2px
}

#footer {
    text-align: center;
    margin-top: 0;
    color: #5c5c5c;
    font-size: 12px;
    -webkit-text-size-adjust: 100%
}

#split {
    color: black;
    font-size: 12px;
    opacity: .7;
    margin-left: -13px
}

.light {
    opacity: 1
}

.dark {
    opacity: 0;
    position: absolute
}

.res {
    border-style: solid;
    border-width: 1;
    margin: 0 2;
    padding: 0 2
}

.fa-link {
    padding: 0 2 0 4;
    color: cornflowerblue
}

.fa-internet-explorer {
    padding: 0 2 0 3;
    color: cornflowerblue
}

.bei {
    margin: 0 0 -7 4
}

.result {
    background: #ff0
}

.forkit {
    position: fixed;
    right: 0;
    top: 0;
    width: 150px;
    height: 100px;
    font-family: lato, sans-serif;
    text-decoration: none
}

.forkit .tag {
    display: block;
    height: 30px;
    width: 200px;
    color: #fff;
    background: #000;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-transform-origin: 15px 0;
    -moz-transform-origin: 15px 0;
    -ms-transform-origin: 15px 0;
    -o-transform-origin: 15px 0;
    transform-origin: 15px 0
}

.darkmode-toggle {
    width: 10px;
    height: 10px;
    position: absolute;
    border: 0;
    background: 0;
    right: unset;
    left: 25px;
    cursor: pointer;
    transition: all .5s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    margin-top: 6px
}

.button {
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    background-color: FFF;
    border: 0;
    border-radius: 3px
}

.button:hover {
    background-color: #f0f0f0
}

.button:active {
    background-color: #FFF;
    transform: translateY(2px)
}

:focus {
    outline: 0
}

.fa-info-circle {
    margin: 5 8 5 20;
    color: darkgray
}

.fa-info-circle:hover::after {
    content: attr(notes);
    padding-left: 4px;
    font-size: 15px;
    line-height: 17px
}

.fa-info-circle.touched::after {
    content: attr(notes);
    padding-left: 4px;
    font-size: 15px;
    line-height: 17px
}