chess music weather office tech menu zodiac tick poker dice heart activity activity activity face heart hand culture animals animals animals animals star asterisk flower arrow square triangle line line line line circle bullet-point braille math fraction unit subscript-superscript number pi greek latin latin-extended letter-fonts letter-fonts letter-fonts letter-fonts letter-fonts letter-fonts letter-fonts letter-fonts letter-fonts letter-fonts chinese japanese-era-name kana korean punctuation brackets quotation-mark pilcrow currency html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

a:active, a:hover {
    outline: 0
}

input, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

input {
    line-height: normal
}

input::-moz-focus-inner {
    padding: 0;
    border: 0
}

html input[type=button] {
    cursor: pointer;
    -webkit-appearance: button
}

input[type=button] {
    cursor: pointer
}

textarea {
    overflow: auto;
    vertical-align: top
}

@media print {
    * {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    a[href^="#"]:after {
        content: ""
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    background-color: #fff
}

a {
    color: #08c;
    text-decoration: none
}

a:focus, a:hover {
    color: #005580;
    text-decoration: underline
}

.row {
    margin-left: -20px
}

.row:after, .row:before {
    display: table;
    line-height: 0;
    content: ""
}

.row:after {
    clear: both
}

[class*=span] {
    float: left;
    min-height: 1px;
    margin-left: 20px
}

.container {
    width: 940px
}

.span9 {
    width: 700px
}

.span5 {
    width: 380px
}

.span4 {
    width: 300px
}

.span3 {
    width: 220px
}

.offset3 {
    margin-left: 260px
}

.container {
    margin-right: auto;
    margin-left: auto
}

.container:after, .container:before {
    display: table;
    line-height: 0;
    content: ""
}

.container:after {
    clear: both
}

p {
    margin: 0 0 10px
}

h1, h2, h3 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: 700;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility
}

h1, h2, h3 {
    line-height: 40px
}

h1 {
    font-size: 38.5px
}

h2 {
    font-size: 31.5px
}

h3 {
    font-size: 24.5px
}

ul {
    padding: 0;
    margin: 0 0 10px 25px
}

li {
    line-height: 20px
}

input, textarea {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

input, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

textarea {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

input, textarea {
    width: 206px
}

textarea {
    height: auto
}

textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}

textarea:focus {
    border-color: rgba(82, 168, 236, .8);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6)
}

input[type=button] {
    width: auto
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999
}

textarea[class*=span] {
    float: none;
    margin-left: 0
}

input, textarea {
    margin-left: 0
}

textarea.span4 {
    width: 286px
}

input:focus:invalid, textarea:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

input:focus:invalid:focus, textarea:focus:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7
}

.btn:not(.sign-up-btn) {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn:active, .btn:focus, .btn:hover {
    color: #333;
    background-color: #e6e6e6
}

.btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.nav {
    margin-bottom: 20px;
    margin-left: 0;
    list-style: none
}

.nav > li > a {
    display: block
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav-list {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 0
}

.nav-list > li > a {
    margin-right: -15px;
    margin-left: -15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.nav-list > li > a {
    padding: 3px 15px
}

.nav-list > .active > a, .nav-list > .active > a:focus, .nav-list > .active > a:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    background-color: #08c
}

.nav-list .divider {
    height: 1px;
    margin: 9px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff
}

.navbar {
    margin-bottom: 20px;
    overflow: visible
}

.navbar-inner {
    min-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(to bottom, #fff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .065)
}

.navbar-inner:after, .navbar-inner:before {
    display: table;
    line-height: 0;
    content: ""
}

.navbar-inner:after {
    clear: both
}

.navbar .btn {
    margin-top: 5px
}

.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0
}

.navbar-fixed-top .navbar-inner {
    border-width: 0 0 1px
}

.navbar-fixed-top .navbar-inner {
    padding-right: 0;
    padding-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.navbar-fixed-top {
    top: 0
}

.navbar-fixed-top .navbar-inner {
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .1)
}

.accordion {
    margin-bottom: 20px
}

.invisible {
    visibility: hidden
}

.desktop #main {
    margin-top: 60px
}

.desktop .container {
    width: 1260px
}

@media (max-width: 1279px) {
    .desktop .container {
        width: 1100px
    }
}

@media (max-width: 1099px) {
    .desktop .container {
        width: 980px
    }
}

@media (width: 1280px) {
    body {
        overflow-x: hidden
    }
}

#sidebar {
    position: fixed
}

.cssreset {
    font-size: 100%;
    line-height: 100%;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.cjk body {
    font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif
}

body {
    background-color: snow
}

.desktop h1 {
    padding: 0 10px !important
}

h1 {
    display: inline-block
}

.touch h1 {
    margin: 0;
    height: 36px;
    line-height: 36px;
    margin-top: 6px;
    font-size: 32px
}

.touch.editing h1 {
    display: none
}

h1 a {
    font-size: 28px
}

.desktop h1 a, div.banner-wrap, div.editor-wrap, div.tip-wrap {
    height: 50px;
    line-height: 50px
}

.editor-wrap {
    text-align: center
}

#editor {
    height: 45px;
    margin-top: -3px;
    font-size: 20px
}

.desktop #editor, .desktop #editor-copy {
    visibility: hidden
}

.editing #editor, .editing #editor-copy {
    visibility: visible
}

#tip {
    line-height: 14px;
    font-size: 14px;
    display: inline-block;
    background-color: bisque;
    border: 2px dashed gray;
    padding: 5px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.tip-wrap {
    text-align: center
}

.dnc-false .list span {
    text-indent: -999em;
    overflow: hidden
}

.list span:hover {
    background-color: #d3d3d3;
    cursor: pointer
}

#editor-copy {
    margin-top: 0
}

#zclip-ZeroClipboardMovie_2 {
    line-height: 0
}

#sidebar {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #d3d3d3;
    margin-bottom: 10px;
    background-color: #fff;
    padding: 4px 0
}

#sidebar .nav li a {
    padding: 3px 15px
}

.nav-list .divider {
    margin: 4px 1px
}

.social-likes {
    margin: 4px 0 !important
}

#content {
    position: relative
}

#content h2 {
    font-size: 22px;
    color: brown
}

#content h3 {
    font-size: 16px;
    color: #6495ed
}

#content p {
    margin: 0;
    font-size: 12px;
    line-height: 12px
}

#content h2, #content h3, #content p {
    margin-bottom: 10px
}

.list {
    margin: 0 0 15px;
    min-height: 40px;
    clear: both
}

.whatisit-wrap {
    margin: 15px 0 15px
}

#content .whatisit-wrap p {
    font-size: 14px;
    line-height: 16px
}

#content .whatisit-wrap p span {
    display: block;
    font-size: 22px;
    line-height: 24px
}

#mobile-intro {
    font-size: 1.2rem;
    text-align: center;
    height: 60px;
    line-height: 60px;
    padding: 0 0 15px 0
}

.hide-intro #mobile-intro {
    display: none
}

#zclip, .list span {
    background-color: #fff;
    display: inline-block;
    border: 1px #d3d3d3 solid;
    text-align: center;
    border-radius: 8px;
    margin: 0 2px 3px;
    min-width: 35px;
    height: 35px;
    font-size: 26px;
    line-height: 35px
}

#icon_swf {
    visibility: hidden;
    width: 37px;
    height: 37px;
    display: block
}

.list span {
    font-family: "Segoe UI Symbol", arial, sans-serif
}

.cjk .list span {
    font-family: "Segoe UI Symbol", PMingLiU, SimSun, arial, sans-serif
}

.touch .list span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 42px;
    overflow: hidden;
    user-select: text
}

.accordion {
    margin-bottom: 0
}

.accordion.collapsed {
    max-height: 35px;
    overflow: hidden
}

.touch .accordion.collapsed {
    max-height: 50px
}

.accordion-last {
    margin-bottom: 15px
}

.expand-icon {
    margin-top: 2px;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    padding: 5px 8px;
    text-align: center;
    display: none;
    cursor: pointer
}

.expand-icon:hover {
    border-color: #000;
    background-color: #d3d3d3;
    border-radius: 10px
}

.collapsed .expand-icon {
    display: inline-block
}

.expand-icon {
    float: right
}

.rtl .expand-icon {
    float: left
}

.footer {
    text-align: center
}

.suggest-site .navbar-fixed-top {
    top: 34px
}

.classic .navbar-fixed-top {
    width: 958px
}

.classic .navbar-fixed-top .container {
    width: 958px
}

.classic .navbar-fixed-top {
    left: inherit;
    right: inherit
}

.touch body {
    margin-top: 65px
}

#banner {
    display: flex;
    position: fixed;
    top: 0;
    width: 100vw;
    left: 0;
    z-index: 100;
    padding: 0 20px;
    box-sizing: border-box;
    background: snow;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 6px
}

.editing #banner {
    padding: 0
}

#b1 {
    flex-grow: 1
}

.editing #copypad {
    display: flex
}

#copypad {
    display: none;
    top: 5px;
    left: 0;
    background-color: bisque;
    z-index: 100;
    border: 2px solid #6495ed
}

#copypad-text {
    order: 1;
    flex-grow: 1;
    margin: auto;
    font-size: 16px
}

#copypad-copy {
    order: 2;
    background-repeat: space;
    background-size: 32px;
    background-position: center
}

#copypad .btn {
    display: inline-block;
    min-width: 40px;
    padding: 0
}

#menu.show {
    display: block
}

#menu {
    display: none
}

#menu {
    position: absolute;
    width: 100vw;
    min-height: 10vh;
    background: #fff;
    border: 1px solid silver;
    margin: 50px 0;
    box-sizing: border-box;
    left: -2px;
    padding: .5rem 1rem;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    z-index: 10;
    font-family: monospace;
    top: .5rem;
    margin-bottom: 2rem
}

#menu li {
    display: inline;
    width: 50%;
    margin: .2rem 0;
    float: left;
    overflow-y: hidden
}

@media only screen and (min-width: 575px) {
    #menu li {
        width: 33%
    }
}

#menu li.full-width {
    width: 100%
}

#menu li hr {
    margin: 0;
    border-top-color: #708090;
    border-top-style: dotted
}

.rtl #menu li {
    float: right
}

#menu li b {
    color: #2f4f4f;
    width: 1rem;
    font-size: 1.2rem
}

#menu-icon {
    order: 3;
    font-size: 1.6rem;
    height: 36px;
    line-height: 36px;
    margin-top: 6px;
    background: snow;
    border: none
}

.rtl #copypad-copy {
    left: 0;
    right: inherit
}

.ads-728x90 {
    margin-left: -10px;
    margin-bottom: 20px
}

.rtl .ads-728x90 {
    margin-left: inherit;
    margin-right: -10px
}

.rtl #ads-bar {
    float: right;
    margin: -50px 28px 0 -20px
}

#ads-bar {
    float: left;
    margin: -50px -20px 0 28px;
    width: auto;
    position: relative;
    min-height: 1500px
}

#ads-bar .idx-0 {
    margin-bottom: 100px
}

#ads-bar .idx-1 {
    position: sticky;
    top: 5px
}

.emoji-link {
    float: right;
    border: 1px solid #d3d3d3;
    font-size: 1rem;
    padding: .2rem .5rem;
    border-radius: .2rem;
    color: #5f9ea0;
    margin-left: .3rem;
    margin-top: -4px
}

.rtl .emoji-link {
    float: left;
    margin-left: inherit;
    margin-right: .3rem
}

.emoji-link:hover {
    border-color: gray;
    background-color: beige
}

.expand-all {
    cursor: pointer
}

h2[data-id], h3[data-id] {
    position: relative
}

b[id] {
    width: 0;
    background: #a9a9a9;
    height: 5px;
    top: -65px;
    left: -20px;
    position: absolute;
    display: inline-block
}

#desc p {
    font-size: 14px;
    line-height: 1.2em
}

#desc {
    margin-bottom: 2rem
}
.form a {
    background: #000000!important;
    color: white;
}