style.css

.aplayer-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 400px;
}
#veditor {
    background-image: url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/comment-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    background-color: rgba(255,255,255,0);
    resize: vertical;
}
.post-meta em {
    margin: 0 5px;
    color: #666;
}
.aplayer {
    background:#fff;
    font-family:Arial,Helvetica,sans-serif;
    margin:5px;
    box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 1px 5px 0 rgba(0,0,0,.1);
    border-radius:2px;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    line-height:normal;
    position:relative
}
.aplayer * {
    box-sizing:content-box
}
.aplayer svg {
    width:100%;
    height:100%
}
.aplayer svg circle,.aplayer svg path {
    fill:#fff
}
.aplayer.aplayer-withlist .aplayer-info {
    border-bottom:1px solid #e9e9e9
}
.aplayer.aplayer-withlist .aplayer-list {
    display:block
}
.aplayer.aplayer-withlist .aplayer-icon-order,.aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu {
    display:inline
}
.aplayer.aplayer-withlrc .aplayer-pic {
    height:90px;
    width:90px
}
.aplayer.aplayer-withlrc .aplayer-info {
    margin-left:90px;
    height:90px;
    padding:10px 7px 0
}
.aplayer.aplayer-withlrc .aplayer-lrc {
    display:block
}
.aplayer.aplayer-narrow {
    width:66px
}
.aplayer.aplayer-narrow .aplayer-info,.aplayer.aplayer-narrow .aplayer-list {
    display:none
}
.aplayer.aplayer-narrow .aplayer-body,.aplayer.aplayer-narrow .aplayer-pic {
    height:66px;
    width:66px
}
.aplayer.aplayer-fixed {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    margin:0;
    z-index:99;
    overflow:visible;
    max-width:400px;
    box-shadow:none
}
.aplayer.aplayer-fixed .aplayer-list {
    margin-bottom:65px;
    border:1px solid #eee;
    border-bottom:none
}
.aplayer.aplayer-fixed .aplayer-body {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    margin:0;
    z-index:99;
    background:#fff;
    padding-right:18px;
    transition:all .3s ease;
    max-width:400px
}
.aplayer.aplayer-fixed .aplayer-lrc {
    display:block;
    position:fixed;
    bottom:10px;
    left:0;
    right:0;
    margin:0;
    z-index:98;
    pointer-events:none;
    text-shadow:0 0 1px #fff,0 0 10px #fff
}
.aplayer.aplayer-fixed .aplayer-lrc:after,.aplayer.aplayer-fixed .aplayer-lrc:before {
    display:none
}
.aplayer.aplayer-fixed .aplayer-info {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    transition:all .3s ease;
    border-bottom:none;
    border-top:1px solid #e9e9e9
}
.aplayer.aplayer-fixed .aplayer-info .aplayer-music {
    width:calc(100% - 105px)
}
.aplayer.aplayer-fixed .aplayer-miniswitcher {
    display:block
}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-info {
    display:block;
    -webkit-transform:scaleX(0);
    transform:scaleX(0)
}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
    width:66px!important
}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-miniswitcher .aplayer-icon {
    -webkit-transform:rotateY(0);
    transform:rotateY(0)
}
.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-lrc,.aplayer.aplayer-fixed .aplayer-icon-play {
    display:inline-block
}
.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-menu,.aplayer.aplayer-fixed .aplayer-icon-play {
    position:absolute;
    bottom:27px;
    width:20px;
    height:20px
}
.aplayer.aplayer-fixed .aplayer-icon-back {
    right:75px
}
.aplayer.aplayer-fixed .aplayer-icon-play {
    right:50px
}
.aplayer.aplayer-fixed .aplayer-icon-forward {
    right:25px
}
.aplayer.aplayer-fixed .aplayer-icon-menu {
    right:0
}
.aplayer.aplayer-arrow .aplayer-icon-loop,.aplayer.aplayer-arrow .aplayer-icon-order,.aplayer.aplayer-mobile .aplayer-icon-volume-down {
    display:none
}
.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-loading-icon {
    display:block
}
.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
    -webkit-transform:scale(1);
    transform:scale(1)
}
.aplayer .aplayer-body {
    position:relative
}
.aplayer .aplayer-icon {
    width:15px;
    height:15px;
    border:none;
    background-color:transparent;
    outline:none;
    cursor:pointer;
    opacity:.8;
    vertical-align:middle;
    padding:0;
    font-size:12px;
    margin:0;
    display:inline-block
}
.aplayer .aplayer-icon path {
    transition:all .2s ease-in-out
}
.aplayer .aplayer-icon-back,.aplayer .aplayer-icon-forward,.aplayer .aplayer-icon-lrc,.aplayer .aplayer-icon-order,.aplayer .aplayer-icon-play {
    display:none
}
.aplayer .aplayer-icon-lrc-inactivity svg {
    opacity:.4
}
.aplayer .aplayer-icon-forward {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.aplayer .aplayer-lrc-content {
    display:none
}
.aplayer .aplayer-pic {
    position:relative;
    float:left;
    height:66px;
    width:66px;
    background-size:cover;
    background-position:50%;
    transition:all .3s ease;
    cursor:pointer
}
.aplayer .aplayer-pic:hover .aplayer-button {
    opacity:1
}
.aplayer .aplayer-pic .aplayer-button {
    position:absolute;
    border-radius:50%;
    opacity:.8;
    text-shadow:0 1px 1px rgba(0,0,0,.2);
    box-shadow:0 1px 1px rgba(0,0,0,.2);
    background:rgba(0,0,0,.2);
    transition:all .1s ease
}
.aplayer .aplayer-pic .aplayer-button path {
    fill:#fff
}
.aplayer .aplayer-pic .aplayer-hide {
    display:none
}
.aplayer .aplayer-pic .aplayer-play {
    width:26px;
    height:26px;
    border:2px solid #fff;
    bottom:50%;
    right:50%;
    margin:0 -15px -15px 0
}
.aplayer .aplayer-pic .aplayer-play svg {
    position:absolute;
    top:3px;
    left:4px;
    height:20px;
    width:20px
}
.aplayer .aplayer-pic .aplayer-pause {
    width:16px;
    height:16px;
    border:2px solid #fff;
    bottom:4px;
    right:4px
}
.aplayer .aplayer-pic .aplayer-pause svg {
    position:absolute;
    top:2px;
    left:2px;
    height:12px;
    width:12px
}
.aplayer .aplayer-info {
    margin-left:66px;
    padding:14px 7px 0 10px;
    height:66px;
    box-sizing:border-box
}
.aplayer .aplayer-info .aplayer-music {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    margin:0 0 13px 5px;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text;
    cursor:default;
    padding-bottom:2px
}
.aplayer .aplayer-info .aplayer-music .aplayer-title {
    font-size:14px
}
.aplayer .aplayer-info .aplayer-music .aplayer-author {
    font-size:12px;
    color:#666
}
.aplayer .aplayer-info .aplayer-controller {
    position:relative;
    display:flex
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
    margin:0 0 0 5px;
    padding:4px 0;
    cursor:pointer!important;
    flex:1
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb {
    -webkit-transform:scale(1);
    transform:scale(1)
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
    position:relative;
    height:2px;
    width:100%;
    background:#cdcdcd
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    background:#aaa;
    height:2px;
    transition:all .5s ease
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    height:2px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
    position:absolute;
    top:0;
    right:5px;
    margin-top:-4px;
    margin-right:-10px;
    height:10px;
    width:10px;
    border-radius:50%;
    cursor:pointer;
    transition:all .3s ease-in-out;
    -webkit-transform:scale(0);
    transform:scale(0)
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time {
    position:relative;
    right:0;
    bottom:4px;
    height:17px;
    color:#999;
    font-size:11px;
    padding-left:7px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner {
    vertical-align:middle
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon {
    cursor:pointer;
    transition:all .2s ease
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {
    fill:#666
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop {
    margin-right:2px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {
    fill:#000
}
.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode {
    display:none
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap {
    position:relative;
    display:inline-block;
    margin-left:3px;
    cursor:pointer!important
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap {
    height:40px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap {
    position:absolute;
    bottom:15px;
    right:-3px;
    width:25px;
    height:0;
    z-index:99;
    overflow:hidden;
    transition:all .2s ease-in-out
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active {
    height:40px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {
    position:absolute;
    bottom:0;
    right:10px;
    width:5px;
    height:35px;
    background:#aaa;
    border-radius:2.5px;
    overflow:hidden
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {
    position:absolute;
    bottom:0;
    right:0;
    width:5px;
    transition:all .1s ease
}
.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon {
    display:none
}
.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon svg {
    position:absolute;
    -webkit-animation:rotate 1s linear infinite;
    animation:rotate 1s linear infinite
}
.aplayer .aplayer-lrc {
    display:none;
    position:relative;
    height:30px;
    text-align:center;
    overflow:hidden;
    margin:-10px 0 7px
}
.aplayer .aplayer-lrc:before {
    top:0;
    height:10%;
    background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)
}
.aplayer .aplayer-lrc:after,.aplayer .aplayer-lrc:before {
    position:absolute;
    z-index:1;
    display:block;
    overflow:hidden;
    width:100%;
    content:" "
}
.aplayer .aplayer-lrc:after {
    bottom:0;
    height:33%;
    background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.8));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ccffffff",GradientType=0)
}
.aplayer .aplayer-lrc p {
    font-size:12px;
    color:#666;
    line-height:16px!important;
    height:16px!important;
    padding:0!important;
    margin:0!important;
    transition:all .5s ease-out;
    opacity:.4;
    overflow:hidden
}
.aplayer .aplayer-lrc p.aplayer-lrc-current {
    opacity:1;
    overflow:visible;
    height:auto!important;
    min-height:16px
}
.aplayer .aplayer-lrc.aplayer-lrc-hide {
    display:none
}
.aplayer .aplayer-lrc .aplayer-lrc-contents {
    width:100%;
    transition:all .5s ease-out;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text;
    cursor:default
}
.aplayer .aplayer-list {
    overflow:auto;
    transition:all .5s ease;
    will-change:height;
    display:none;
    overflow:hidden
}
.aplayer .aplayer-list.aplayer-list-hide {
    max-height:0!important
}
.aplayer .aplayer-list ol {
    list-style-type:none;
    margin:0;
    padding:0;
    overflow-y:auto
}
.aplayer .aplayer-list ol::-webkit-scrollbar {
    width:5px
}
.aplayer .aplayer-list ol::-webkit-scrollbar-thumb {
    border-radius:3px;
    background-color:#eee
}
.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover {
    background-color:#ccc
}
.aplayer .aplayer-list ol li {
    position:relative;
    height:32px;
    line-height:32px;
    padding:0 15px;
    font-size:12px;
    border-top:1px solid #e9e9e9;
    cursor:pointer;
    transition:all .2s ease;
    overflow:hidden;
    margin:0
}
.aplayer .aplayer-list ol li:first-child {
    border-top:none
}
.aplayer .aplayer-list ol li:hover {
    background:#efefef
}
.aplayer .aplayer-list ol li.aplayer-list-light {
    background:#e9e9e9
}
.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur {
    display:inline-block
}
.aplayer .aplayer-list ol li .aplayer-list-cur {
    display:none;
    width:3px;
    height:22px;
    position:absolute;
    left:0;
    top:5px;
    cursor:pointer
}
.aplayer .aplayer-list ol li .aplayer-list-index {
    color:#666;
    margin-right:12px;
    cursor:pointer
}
.aplayer .aplayer-list ol li .aplayer-list-author {
    color:#666;
    float:right;
    cursor:pointer
}
.aplayer .aplayer-notice {
    opacity:0;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-size:12px;
    border-radius:4px;
    padding:5px 10px;
    transition:all .3s ease-in-out;
    overflow:hidden;
    color:#fff;
    pointer-events:none;
    background-color:#f4f4f5;
    color:#909399
}
.aplayer .aplayer-miniswitcher {
    display:none;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#e6e6e6;
    width:18px;
    border-radius:0 2px 2px 0
}
.aplayer .aplayer-miniswitcher .aplayer-icon {
    height:100%;
    width:100%;
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
    transition:all .3s ease
}
.aplayer .aplayer-miniswitcher .aplayer-icon path {
    fill:#666
}
.aplayer .aplayer-miniswitcher .aplayer-icon:hover path {
    fill:#000
}
@-webkit-keyframes aplayer-roll {
    0% {
    left:0
}
to {
    left:-100%
}
}@keyframes aplayer-roll {
    0% {
    left:0
}
to {
    left:-100%
}
}@-webkit-keyframes rotate {
    0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
to {
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn)
}
}@keyframes rotate {
    0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
to {
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn)
}
}
/*# sourceMappingURL=APlayer.min.css.map*/
    #wpadminbar #wp-admin-bar-wp-statistic-menu .ab-icon:before {
    content:'\f184';
    top:2px
}
.wp-statistics-opt-out {
    width:100%;
    background:#e2e2e2;
    border-top:5px solid #333;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    text-align:center;
    padding:8px 5px;
    z-index:9999
}
@charset "utf-8";
#content {
    animation:main 1s;
    position: relative;
}
.headertop,.pattern-center {
    animation:header 1s
}
.site-branding {
    animation:sitetop 1s
}
.searchbox,.site-top .lower,.header-user-avatar {
    animation:searchbox 1s
}
.notice,.top-feature,.post-list-thumb,.post-list,.comments {
    animation:main .6s
}
@keyframes header {
    0% {
    opacity:0;
    transform:translateY(-50px)
}
100% {
    opacity:1;
    transform:translateY(0)
}
}@keyframes main {
    0% {
    opacity:0;
    transform:translateY(50px)
}
100% {
    opacity:1;
    transform:translateY(0)
}
}@keyframes sitetop {
    0% {
    opacity:0;
    transform:translateX(-30px)
}
100% {
    opacity:1;
    transform:translateX(0)
}
}@keyframes searchbox {
    0% {
    opacity:0;
    transform:translateX(30px)
}
100% {
    opacity:1;
    transform:translateX(0)
}
}html {
    font-family:sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    overflow-x:hidden
}
body {
    margin:0;
    font:300 17px;
    text-shadow:0 0 1px rgba(0,0,0,.1)
}
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 1000px white inset
}
::selection {
    background:#444;
    color:#fff
}
::-moz-selection {
    background:#444;
    color:#fff
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display:block
}
audio,canvas,progress,video {
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]) {
    display:none;
    height:0
}
[hidden],template {
    display:none
}
a {
    background-color:transparent;
    text-decoration:none;
    cursor:url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/cursor/ayuda.cur),auto
}
a:active,a:hover {
    outline:0
}
a:active {
    cursor:url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/cursor/work.cur),alias
}
abbr[title] {
    border-bottom:1px dotted
}
b,strong {
    font-weight:bold
}
dfn {
    font-style:italic
}
h1 {
    font-size:2em;
    margin:.67em 0
}
mark {
    background:#ff0;
    color:#000
}
small {
    font-size:80%
}
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup {
    top:-.5em
}
sub {
    bottom:-.25em
}
img {
    border:0
}
svg:not(:root) {
    overflow:hidden
}
figure {
    margin:1em 40px
}
hr {
    box-sizing:content-box;
    height:0
}
pre {
    overflow:auto
}
code,kbd,pre,samp {
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea {
    color:inherit;
    font:inherit;
    margin:0
}
button {
    overflow:visible
}
button,select {
    text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled] {
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
    border:0;
    padding:0
}
input {
    line-height:normal
}
input[type="checkbox"],input[type="radio"] {
    box-sizing:border-box;
    padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height:auto
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance:none
}
fieldset {
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend {
    border:0;
    padding:0
}
textarea {
    overflow:auto
}
optgroup {
    font-weight:bold
}
table {
    border-collapse:collapse;
    border-spacing:0
}
td,th {
    padding:0
}
body,button,input,select,textarea {
    color:#404040;
    font-size:15px;
    line-height:1.5
}
h1,h2,h3,h4,h5,h6 {
    clear:both
}
p {
    margin-bottom:1.5em;
    cursor:url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/cursor/texto.cur),auto
}
dfn,cite,em,i {
    font-style:italic
}
blockquote {
    margin:0;
    padding:30px 60px;
    position:relative
}
blockquote:before {
    content:"\f10d" !important;
    font-size:3rem;
    position:absolute;
    top:-25px;
    left:12px;
    color:orange;
    font-family:FontAwesome
}
blockquote:after {
    content:'\f10e' !important;
    font-size:3rem;
    position:absolute;
    bottom:-25px;
    right:-5px;
    color:orange;
    font-family:FontAwesome
}
blockquote p {
    margin:5px 0
}
address {
    margin:0 0 1.5em
}
pre {
    background:rgba(254,250,199,.5);
    border-radius:10px;
    font:15px/22px "Microsoft YaHei","Arial",Sans-Serif;
    line-height:1.6;
    margin-bottom:1.6em;
    max-width:100%;
    overflow:auto;
    text-shadow:none;
    color:#000
}
kbd {
    display:inline-block;
    padding:3px 5px;
    font-size:11px;
    line-height:10px;
    color:#444d56;
    vertical-align:middle;
    background-color:#fafbfc;
    border:solid 1px #c6cbd1;
    border-bottom-color:#959da5;
    border-radius:3px;
    box-shadow:inset 0 -1px 0 #959da5;
    font-family:'Source Code Pro',monospace,Helvetica,Tahoma,Arial,STXihei,"STHeiti Light","Microsoft YaHei",sans-serif
}
code,kbd,tt,var {
    font-size:15px;
    font-size:.9375rem
}
abbr,acronym {
    border-bottom:1px dotted #666;
    cursor:help
}
mark,ins {
    background:#fff9c0;
    text-decoration:none
}
big {
    font-size:125%
}
html {
    box-sizing:border-box
}
* {
    box-sizing:border-box
}
*:before,*:after {
    box-sizing:inherit
}
body {
    background:#fff;
    background-attachment:fixed;
    cursor:url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/cursor/normal.cur),auto
}
blockquote:before,blockquote:after,q:before,q:after {
    content:""
}
blockquote,q {
    quotes:"" ""
}
hr {
    background-color:#ccc;
    border:0;
    height:1px;
    margin-bottom:1.5em
}
ul,ol {
    margin:0 0 1.5em 3em
}
ul {
    list-style:disc
}
ol {
    list-style:decimal
}
li>ul,li>ol {
    margin-bottom:0;
    margin-left:1.5em
}
dt {
    font-weight:bold
}
dd {
    margin:0 1.5em 1.5em
}
img {
    height:auto;
    max-width:100%
}
table {
    margin:0 0 1.5em;
    width:100%
}
button,input[type="button"],input[type="reset"],input[type="submit"] {
    border:1px solid;
    border-color:#ccc #ccc #bbb;
    border-radius:3px;
    background:#e6e6e6;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 15px 17px rgba(255,255,255,.5),inset 0 -5px 12px rgba(0,0,0,.05);
    color:rgba(0,0,0,.8);
    font-size:12px;
    font-size:.75rem;
    line-height:1;
    padding:.6em 1em .4em
}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {
    /*border-color:#ccc #bbb #aaa;*/
    /*box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 15px 17px rgba(255,255,255,.8),inset 0 -5px 12px rgba(0,0,0,.02)*/
}
button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active {
    /*border-color:#aaa #bbb #bbb;*/
    /*box-shadow:inset 0 -1px 0 rgba(255,255,255,.5),inset 0 2px 5px rgba(0,0,0,.15)*/
}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea {
    color:#666;
    border:1px solid #ccc;
    border-radius:3px
}
select {
    border:1px solid #ccc
}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus {
    color:#111
}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"] {
    padding:3px
}
textarea {
    padding-left:3px;
    width:100%;
    color:#a5a5a5
}
a {
    color:#e67474;
    outline:0;
    -webkit-transition:color .2s ease-out,border .2s ease-out,opacity .2s ease-out;
    -moz-transition:color .2s ease-out,border .2s ease-out,opacity .2s ease-out;
    transition:color .2s ease-out,border .2s ease-out,opacity .2s ease-out
}
a:hover,a:focus,a:active {
    color:orange
}
a:focus {
    outline:0
}
a:hover,a:active {
    outline:0;
    color:orange
}
.site-top {
    width:100%;
    display:block;
    margin:0 auto;
    padding:0 20px
}
@keyframes fade-in {
    0% {
    opacity:0
}
40% {
    opacity:0
}
100% {
    opacity:1
}
}@-webkit-keyframes fade-in {
    0% {
    opacity:0
}
40% {
    opacity:0
}
100% {
    opacity:1
}
}.wrapper {
    animation:fade-in;
    animation-duration:.5s;
    -webkit-animation:fade-in .5s
}
#bgvideo {
    position:absolute;
    top:0;
    left:0;
    margin:0;
    padding:0;
    min-width:99.999%;
    min-height:550px;
    z-index:0
}
#video-btn,#video-add {
    position:absolute;
    bottom:3px;
    right:5px;
    width:32px;
    height:32px;
    z-index:7;
    background-position:center;
    background-size:cover;
    cursor:pointer;
    opacity:.8;
    -moz-animation:poi-face 10s linear infinite alternate;
    -webkit-animation:poi-face 10s linear infinite alternate;
    -o-animation:poi-face 10s linear infinite alternate;
    animation:poi-face 10s linear infinite alternate
}
#video-btn:hover,#video-add:hover {
    opacity:1
}
.video-play,.loadvideo {
    background-image:url('https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/play@32x32.png')
}
.video-pause {
    background-image:url('https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/pause@32x32.png')
}
#video-add {
    background-image:url('https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/add@32x32.png');
    bottom:45px;
    display:none
}
.video-stu {
    position:absolute;
    bottom:-100px;
    left:0;
    right:0;
    margin:auto;
    padding:6px 15px;
    text-align:center;
    color:#fff;
    width:100%;
    background-color:rgba(0,0,0,.8);
    border-radius:0;
    font-size:18px;
    -webkit-transition:.4s ease all;
    -moz-transition:.4s ease all;
    -o-transition:.4s ease all;
    transition:.4s ease all
}
.pattern-center {
    position:relative;
    top:0;
    left:0;
    width:100%;
    overflow:hidden
}
.pattern-center::before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,.3)
}
.pattern-center::after {
    content:'';
    width:150%;
    height:4.375rem;
    background:#fff;
    left:-25%;
    bottom:-2.875rem;
    border-radius:100%;
    position:absolute
}
.pattern-attachment-img {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    background-origin:border-box;
    width:100%;
    height:400px
}
.pattern-center header.pattern-header {
    position:absolute;
    top:45%;
    left:0;
    right:0;
    text-align:center;
    color:#fff;
    text-shadow:2px 2px 10px #000;
    z-index:1
}
.pattern-center h1.cat-title,.pattern-center h1.entry-title {
    color:#fff;
    font-size:40px;
    font-weight:500;
    width:80%;
    margin:auto;
    padding:0;
    border:0
}
.pattern-center .cat-des {
    font-size:16px;
    display:block
}
.single-center::after {
    display:none
}
.pattern-center header.single-header {
    max-width:800px;
    padding:0 10px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    top:auto;
    bottom:20px
}
.single-center .single-header h1.entry-title {
    margin:0;
    font-size:32px;
    width:100%
}
.single-center .entry-census {
    color:#fff;
    font-size:14px;
    padding:18px 0 0;
    line-height:39px
}
.single-center .entry-census .bull {
    margin:0 5px
}
.single-center .entry-census span img {
    width:35px;
    height:35px;
    border-radius:100%;
    float:left;
    margin-right:12px
}
.single-center .entry-census a {
    color:#fff
}
@media(max-width:860px) {
    .pattern-center header.single-header {
    padding:0 4%
}
.pattern-attachment-img {
    height:280px
}
.pattern-center h1.cat-title,.pattern-center h1.entry-title,.single-center .single-header h1.entry-title {
    font-size:26px
}
}.pattern-center-sakura {
    position:relative;
    top:0;
    left:0;
    width:800px;
    overflow:hidden;
    margin:0 auto
}
.pattern-center-blank {
    padding-top:75px;
    background-color:#fff
}
@media(max-width:860px) {
    .pattern-center-sakura {
    position:relative;
    top:0;
    left:0;
    width:100%;
    overflow:hidden
}
.pattern-center-blank {
    padding-top:0
}
}.pattern-center-sakura::before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,.3)
}
.pattern-attachment-img {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    background-origin:border-box;
    width:100%;
    height:400px
}
.pattern-center-sakura header.pattern-header {
    position:absolute;
    top:45%;
    left:0;
    right:0;
    text-align:center;
    color:#fff;
    text-shadow:2px 2px 10px #000;
    z-index:1
}
.pattern-center-sakura h1.cat-title,.pattern-center-sakura h1.entry-title {
    color:#fff;
    font-size:40px;
    font-weight:500;
    width:80%;
    margin:auto;
    padding:0;
    border:0
}
.pattern-center-sakura .cat-des {
    font-size:16px;
    display:block
}
.single-center::after {
    display:none
}
.pattern-center-sakura header.single-header {
    max-width:800px;
    padding:0 10px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    top:auto;
    bottom:20px
}
.single-center .single-header h1.entry-title {
    margin:0;
    font-size:32px;
    width:100%
}
.single-center .entry-census {
    color:#fff;
    font-size:14px;
    padding:18px 0 0;
    line-height:39px
}
.single-center .entry-census .bull {
    margin:0 5px
}
.single-center .entry-census span img {
    width:35px;
    height:35px;
    border-radius:100%;
    float:left;
    margin-right:12px
}
.single-center .entry-census a {
    color:#fff
}
@media(max-width:860px) {
    .pattern-center-sakura header.single-header {
    padding:0 4%
}
.pattern-attachment-img {
    height:280px
}
.pattern-center-sakura h1.cat-title,.pattern-center-sakura h1.entry-title,.single-center .single-header h1.entry-title {
    font-size:26px
}
}.site-header {
    width:100%;
    height:75px;
    background:none;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    position:fixed;
    z-index:9999;
    top:0
}
.site-header.is-homepage .lower-cantiner {
    display:none
}
.site-header.is-homepage.yya .lower-cantiner {
    display:block
}
.site-header:hover.is-homepage .lower-cantiner {
    display:block
}
.yya {
    position:fixed;
    left:0;
    background:rgba(255,255,255,.95);
    box-shadow:0 1px 40px -8px rgba(0,0,0,.5)
}
.gizle {
    top:-100px;
    top:0;
    z-index:9999
}
.site-header:hover {
    background-color:#fff
}
.sabit {
    top:0;
    z-index:9999
}
.site-branding {
    float:left;
    position:relative;
    height:75px;
    line-height:75px;
    margin-left:-6px
}
.site-title {
    margin:0
}
.site-title a {
    color:#464646;
    font-weight:400
}
.site-title a:hover {
    color:orange
}
.site-title img {
    height:40px;
    margin-top:17px;
    opacity:.75;
    -webkit-transition:color .2s ease-out,border .2s ease-out,opacity .2s ease-out;
    -moz-transition:color .2s ease-out,border .2s ease-out,opacity .2s ease-out;
    transition:color .2s ease-out,border .2s ease-out,opacity .2s ease-out
}
.site-title img:hover {
    opacity:1
}
.site-description {
    float:right
}
.header-focus {
    height:250px;
    background:#f9f9f9;
    margin:0 auto
}
.openNav {
    display:none
}
#mo-nav {
    display:none
}
.site-top .lower-cantiner {
    position:absolute;
    left:50%;
    min-width:758.4px;
    pointer-events:none
}
.site-top .lower {
    display:inline-block;
    margin:15px 0 0 10px;
    font-size:16px;
    position:relative;
    left:-50%;
    pointer-events:auto !important
}
#show-nav.mobile-fit {
    position:absolute !important;
    right:60px;
    opacity: 0;
    pointer-events:none;
}
@media(max-width:1200px) {
    .site-top .lower {
    left:280px
}
.site-top .lower-cantiner {
    left:0
}
.site-top .lower nav.hide {
    display:none !important
}
#show-nav.mobile-fit {
    opacity:1;
    pointer-events:auto;
    margin-top: 20px;
}
}@media(max-width:860px) {
    .site-top .lower nav ul li .animated-hover i {
    display:inline
}
}.site-top .lower nav {
    position:relative;
    float:right;
    display:none;
    animation:searchbox .2s
}
.site-top .lower nav.navbar {
    display:block
}
.m-nav {
    display:none
}
.site-top ul {
    margin:0;
    padding:0;
    list-style:none;
    display:inline-block
}
.site-top ul li {
    float:left;
    margin:0 13px;
    position:relative;
    -webkit-transition:all 1s ease
}
.site-top ul li a {
    padding:10px 0;
    display:inline-block;
    color:#666
}
.site-top ul li a:hover {
    color:orange
}
.site-top ul li a:after {
    content:"";
    display:block;
    position:absolute;
    bottom:-16px;
    height:6px;
    background-color:#fe9600;
    width:100%;
    max-width:0;
    transition:max-width .25s ease-in-out
}
.site-top ul li ul li a:after {
    content:"";
    display:none;
    position:absolute;
    bottom:-21px;
    height:6px;
    background-color:#fe9600;
    width:100%;
    max-width:0;
    transition:max-width .25s ease-in-out
}
.site-top ul li a:hover:after {
    max-width:100%
}
#show-nav {
    position:relative;
    float:right;
    margin-left:20px;
    display:block;
    width:30px;
    height:33px;
    margin-top:4.5px;
    cursor:pointer;
    z-index:999
}
#show-nav .line {
    position:absolute;
    top:7px;
    left:50%;
    width:28px;
    margin-left:-15px;
    height:2px;
    background:#666;
    -webkit-transition:all .2s ease
}
#show-nav.showNav .line1 {
    top:16px
}
#show-nav.showNav .line3 {
    top:25px
}
#show-nav.hideNav .line1 {
    top:16px;
    -webkit-transform:rotateZ(45deg)
}
#show-nav.hideNav .line2 {
    opacity:0
}
#show-nav.hideNav .line3 {
    top:16px;
    -webkit-transform:rotateZ(-45deg)
}
.lower li ul {
    display:none;
    opacity:1;
    position:absolute;
    background:#fff;
    padding:10px;
    top:46px;
    right:-13px;
    width:80px;
    text-align:center;
    z-index:9999;
    border-radius:5px;
    box-shadow:0 1px 40px -8px rgba(0,0,0,.5);
    -webkit-animation:fadeInUp .3s .1s ease both;
    -moz-animation:fadeInUp .3s .1s ease both
}
.lower li ul::before {
    content:"";
    position:absolute;
    top:-20px;
    left:50%;
    margin-left:-10px;
    border-width:10px;
    border-style:solid;
    border-color:transparent transparent #fff transparent
}
@-webkit-keyframes fadeInUp {
    0% {
    opacity:0;
    -webkit-transform:translateY(10px)
}
100% {
    opacity:1;
    -webkit-transform:translateY(0)
}
}@-moz-keyframes fadeInUp {
    0% {
    opacity:0;
    -moz-transform:translateY(10px)
}
100% {
    opacity:1;
    -moz-transform:translateY(0)
}
}.lower li:hover ul {
    display:inline-block;
    -webkit-transition:all .4s;
    transition:all .4s
}
.lower li ul li {
    width:100%;
    margin:0
}
.site-top .menu-item-has-children li a {
    font-size:14px;
    padding:8px 18px;
    text-transform:none;
    color:#545454
}
.site-main {
    padding:40px 0 0
}
.site-content {
    max-width:800px;
    padding:0 10px;
    margin-left:auto;
    margin-right:auto;
    background-color:rgba(255,255,255,.8)
}
.post-list {
    margin:0 0 8% 0;
    position:relative
}
.feature {
    position:absolute;
    margin-top:10px
}
.feature i {
    position:absolute;
    top:3px;
    left:3px;
    font-size:25px;
    color:white;
    width:94px;
    height:94px;
    line-height:94px;
    text-align:center;
    background:#bbe2db;
    border-radius:50%;
    opacity:0;
    z-index:1
}
.overlay i {
    -moz-transition:opacity .4s ease-out;
    -o-transition:opacity .4s ease-out;
    -webkit-transition:opacity .4s ease-out;
    transition:opacity .4s ease-out
}
.feature img {
    width:100px;
    height:100px;
    border-radius:50%;
    padding:2px;
    border:1px solid #dadada;
    position:relative
}
.feature :hover .overlay i {
    opacity:1
}
.post-list h1.entry-title {
    font-size:20px;
    font-weight:400;
    line-height:50px;
    margin:0 0 0 17%;
    position:relative;
    z-index:1;
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:70%
}
.entry-title a {
    color:#504e4e
}
.entry-title a:hover {
    color:orange
}
.p-time {
    position:absolute;
    right:0;
    top:16px;
    font-size:12px;
    color:#989898;
    letter-spacing:0
}
.p-time i {
    font-size:14px;
    margin-right:5px
}
i.iconfont.hotpost {
    font-size:14px;
    color:#ff3b00
}
.post-list p {
    min-height:60px;
    margin:0 0 0 17%;
    font-size:15px;
    color:rgba(0,0,0,.66);
    letter-spacing:0;
    line-height:30px
}
.entry-footer {
    margin:0 0 0 17%;
    list-style:none
}
.post-more {
    margin-top:10px;
    text-align:right
}
.post-more i {
    font-size:25px;
    color:#666
}
.post-more i:hover {
    color:#000
}
.info-meta {
    margin-top:10px;
    position:absolute;
    top:20px;
    opacity:0;
    padding-top:8px;
    border-top:1px solid #ddd;
    -webkit-transform:translate3d(-150px,0,0);
    transform:translate3d(-150px,0,0);
    visibility:hidden;
    transition:.7s all ease;
    -webkit-transition:.6s all ease;
    -moz-transition:.6s all linear;
    -o-transition:.6s all ease;
    -ms-transition:.6s all ease
}
.info-meta span {
    color:black;
    font-size:13px;
    vertical-align:bottom
}
.info-meta i {
    margin-top:3px;
    margin-right:10px;
    float:left
}
.comnum {
    float:left
}
.info-meta a {
    color:black
}
.post-list:hover .info-meta {
    -webkit-transform:translate3d(-230px,0,0);
    transform:translate3d(-230px,0,0);
    opacity:1;
    visibility:visible
}
.post-list hr {
    width:30%;
    height:1px;
    margin:0 auto;
    border:0;
    background:#efefef;
    margin-top:20px
}
@media(max-width:860px) {
    .site-main {
    padding:15px 0 0
}
}.post-list-thumb {
    float:left;
    width:100%;
    height:300px;
    position:relative;
    margin:20px 0 20px;
    border-radius:10px;
    background-color:rgba(255,255,255,0);
    box-shadow:0 1px 20px -6px rgba(0,0,0,.5);
    opacity:0;
    transition:box-shadow .3s ease
}
@media(min-width:860px) {
    .post-list-thumb:hover {
    box-shadow:0 5px 10px 5px rgba(110,110,110,.4)
}
}@media(max-width:860px) {
    .post-list-thumb {
    margin:0;
    height:auto
}
}.post-list-thumb i {
    margin-right:5px;
    color:#989898;
    font-size:14px
}
.post-list-thumb a {
    color:#504e4e
}
.post-list-thumb .post-title h3 {
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    word-wrap:break-word
}
.post-date,.post-meta,.post-meta a {
    color:#888;
    font-size:12px
}
.comments-number {
    margin:0 10px
}
.post-thumb {
    float:right;
    width:55%
}
.post-thumb a {
    height:300px;
    position:relative;
    display:block;
    background-repeat:no-repeat;
    background-size:cover;
    overflow:hidden;
    border-radius:0 10px 10px 0
}
.post-thumb a img {
    width:100%;
    height:100%;
    object-fit:cover;
    pointer-events:none;
    transition:all .6s
}
.post-list-thumb:hover img {
    transform:scale(1.1)
}
.post-content-wrap {
    position:relative;
    display:inline-block;
    float:right;
    padding-right:30px;
    padding-left:0;
    width:40%;
    margin:20px 10px 0 10px
}
.float-content {
    position:relative;
    width:100%;
    right:0;
    margin:0;
    padding:0;
    z-index:50;
    color:rgba(0,0,0,.66)
}
.float-content .post-text {
    display:inline-block;
    text-align:justify;
    font-size:14px
}
.float-content i {
    font-size:25px;
    color:#666
}
.float-content p {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    height:67.5px;
    overflow:hidden
}
.post-list-thumb-left .post-content-wrap {
    float:left;
    padding-left:30px;
    padding-right:0;
    text-align:right;
    margin:20px 10px 10px 0
}
.post-list-thumb-left .post-thumb {
    float:left
}
.post-list-thumb-left .post-thumb a {
    border-radius:10px 0 0 10px
}
@media(max-width:768px) {
    .float-content p {
    height:auto;
    display:block
}
.post-bottom {
    display:none
}
.post-list-thumb {
    padding:0;
    border:0;
    box-shadow:none
}
.post-thumb,.post-content-wrap,.float-content {
    width:100%;
    left:0
}
.post-content-wrap,.post-list-thumb-left .post-content-wrap {
    text-align:left;
    margin:0;
    padding:20px;
    float:none;
    box-shadow:none;
    border-top:0
}
.post-list-thumb::before {
    content:'';
    width:1px;
    height:100px;
    background-color:rgba(0,0,0,0);
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    bottom:-101px;
    z-index:0
}
.float-content {
    box-shadow:none;
    padding:0;
    margin:0
}
.post-bottom {
    text-align:right
}
.post-list-thumb-left .post-thumb a,.post-thumb a {
    border-radius:10px
}
}@media(max-width:600px) {
    .post-thumb a {
    height:210px
}
.float-content .post-text {
    font-size:13px;
    margin-bottom:1em
}
}.post-list-show {
    animation:post-list-show .5s;
    -webkit-animation:post-list-show .5s;
    opacity:1
}
@keyframes post-list-show {
    0% {
    opacity:0;
    -webkit-transform:translateY(80px);
    transform:translateY(80px)
}
100% {
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
}.postava img {
    border-radius:50%;
    padding:2px;
    border:1px solid #e8e8e8;
    margin-top:25px
}
.postava {
    float:right
}
.post-status p {
    margin:0
}
.s-time {
    position:relative;
    top:16px;
    font-size:12px;
    color:#989898;
    letter-spacing:1px;
    text-align:right;
    margin-bottom:10px;
    margin-top:-15px
}
.s-content {
    min-height:60px;
    margin:0 14% 0 2%;
    padding:15px 30px;
    line-height:30px;
    border:1px dashed #e0e0e0;
    background:#fbfbfb
}
.s-time i {
    font-size:13px;
    margin-right:5px
}
.post-status {
    margin-bottom:80px
}
.navigator {
    text-align:center;
    margin:80px 0;
    display:block;
    clear: both
}
.navigator a {
    display:inline-block;
    height:39px;
    line-height:39px;
    margin:20px 0
}
.navigator i {
    font-size:15px;
    color:#d8d8d8;
    padding:10px;
    border:2px solid #ddd;
    border-radius:50%;
    margin:0 10px
}
.navigator i:hover {
    color:#fff;
    background:orange;
    border:2px solid orange;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.site-footer {
    padding:2%;
    background:rgba(255,255,255,.8);
    max-width:800px;
    margin-left:auto;
    margin-right:auto
}
.site-info {
    text-align:center;
    font-size:13px;
    color:#b9b9b9
}
.site-info a {
    color:#b9b9b9
}
.site-info a:hover {
    color:orange
}
.footertext p {
    margin-bottom:8px
}
.footertext .foo-logo {
    width:30px;
    height:30px;
    opacity:.3;
    margin:0 auto;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    animation:poi-deg 12s infinite linear;
    -webkit-animation:poi-deg 12s infinite linear
}
.site-statistics {
    display:none
}
.entry-content .begin,.single-begin {
    float:left;
    font-size:3.6em;
    line-height:1em;
    margin-right:3px;
    margin-top:2px;
    font-weight:bold
}
@media screen and (max-width:860px) {
    .entry-content .begin,.single-begin {
    margin-top:6px
}
}.entry-content ul {
    list-style:disc;
    border:1px dashed #e4e4e4;
    padding:15px 10px 15px 50px;
    color:#616161;
    margin-left:0;
    border-radius:10px
}
.entry-content ol {
    list-style:decimal;
    border:1px dashed #e4e4e4;
    padding:15px 10px 15px 50px;
    color:#616161;
    margin-left:0;
    border-radius:10px
}
.entry-content ol li,.entry-content ul li {
    padding:8px 0
}
.entry-content {
    position:relative
}
.entry-content h3 {
    padding-bottom:8px;
    border-bottom:1px dashed #ddd;
    color:#737373
}
.entry-content h3,.entry-content h4,.entry-content h5 {
    padding-left:16px
}
.entry-content h2:after {
    content:"\00B6";
    position:absolute;
    color:#ff6d6d;
    font-family:'Merriweather Sans',Helvetica,Tahoma,Arial,'PingFang SC','Hiragino Sans GB','Microsoft Yahei','WenQuanYi Micro Hei',sans-serif;
    padding-left:6px;
    font-size:1.03em
}
.serif .entry-content h2:after {
    content:"\00B6";
    position:absolute;
    color:#ff6d6d;
    font-family:'Merriweather Sans',Helvetica,Tahoma,Arial,'PingFang SC','Hiragino Sans GB','Microsoft Yahei','WenQuanYi Micro Hei',sans-serif;
    padding-left:6px;
    font-size:1.13em
}
.entry-content h3:after {
    content:"#";
    left:0;
    position:absolute;
    color:#ff6d6d
}
.entry-content h4:after {
    content:"▌";
    left:0;
    position:absolute;
    color:#ff6d6d
}
.entry-content h5:after {
    content:"♯";
    left:0;
    position:absolute;
    color:#ff6d6d
}
.entry-content code {
    background:rgba(254,250,199,1);
    color:#e67474;
    word-break:break-word;
    font-family:'Source Code Pro',monospace,Helvetica,Tahoma,Arial,STXihei,"STHeiti Light","Microsoft YaHei",sans-serif;
    padding:2px;
    text-shadow:none;
    border-radius:5px
}
.entry-content a {
    color:#e67474;
    text-decoration:underline dotted rgba(0,0,0,.1)
}
.entry-content a:hover {
    color:orange;
    text-decoration:underline orange
}
h1.entry-title {
    font-size:24px;
    font-weight:300
}
.entry-header h1.entry-title {
    margin:auto;
    text-align:center;
    font-weight:bold;
    text-transform:uppercase
}
.entry-header h1.entry-title:before {
    content:" {";
    color:#f8ba0b;
    font-size:1.5em;
    margin-right:6px;
    vertical-align:sub
}
.entry-header h1.entry-title:after {
    content:"}";
    color:#f8ba0b;
    font-size:1.5em;
    margin-left:6px;
    vertical-align:sub
}
.entry-content p {
    color:#797979
}
.entry-content p {
    line-height:30px
}
.entry-content hr {
    margin-top:40px;
    margin-bottom:40px;
    display:block;
    border:0;
    text-align:center;
    background:none
}
.entry-content hr:before {
    content:'...';
    display:inline-block;
    margin-left:.6em;
    color:rgba(0,0,0,.8);
    position:relative;
    top:-30px;
    font-size:28px;
    letter-spacing:.6em
}
.entry-content .post-password-form {
    text-align:center
}
.entry-header {
    margin:auto;
    text-align:left
}
.post .entry-header {
    text-align:center
}
.entry-census {
    font-size:12px;
    margin:0;
    color:#888
}
.entry-header hr {
    width:30%;
    height:1px;
    border:0;
    background:#efefef;
    margin:20px auto
}
.Extendfull img {
    width:100%;
    border:5px solid #f3f3f3
}
h1.page-title {
    font-size:20px;
    font-weight:400;
    border:1px dashed #ddd;
    padding:10px 15px;
    color:#828282;
    margin-bottom:30px
}
h1.page-title.mb- {
    margin-top:100px
}
.cd-top {
    position:fixed;
    right:25px;
    top:-900px;
    z-index:99;
    width:70px;
    height:900px;
    background:url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/scroll.png) no-repeat center;
    background-size:contain;
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    cursor:url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/cursor/No_Disponible.cur),auto;
    opacity:1
}
.cd-top.cd-is-visible {
    opacity:1;
    top:-326px
}
.cd-top.cd-fade-out {
    opacity:1
}
.cd-top:hover {
    opacity:1
}
.cd-top span {
    display:none;
    color:#000;
    position:absolute;
    bottom:0;
    height:20px;
    width:50px;
    text-align:center
}
@media screen and (max-width:860px) {
    .cd-top {
    display:none;
    height:60px;
    width:50px
}
.cd-top span {
    height:10px;
    width:50px
}
}#moblieGoTop {
    display:none;
    position:fixed;
    bottom:10px;
    right:10px;
    z-index:99;
    border:0;
    outline:0;
    background-color:#fff;
    color:#404040;
    cursor:pointer;
    padding:15px;
    border-radius:10px;
    border-radius:12px;
    box-shadow:0 0 2px 0 rgba(0,0,0,.12),0px 2px 2px 0 rgba(0,0,0,.24);
    transition:box-shadow .2s ease
}
#moblieGoTop:hover {
    background-color:#fff;
    opacity:.8
}
.post-footer {
    padding:20px 0;
    border-bottom:1px dashed #ddd;
    border-top:1px dashed #ddd;
    margin-top:30px;
    height:82px
}
.post-lincenses {
    text-align:center;
    padding-bottom:5px;
    font-size:14px
}
.post-lincenses a:hover {
    color:#888
}
.post-lincenses a {
    color:#b3b3b3
}
.post-tags {
    float:left;
    font-size:13px;
    color:#b3b3b3;
    text-transform:uppercase
}
.post-tags a {
    color:#b3b3b3;
    margin-right:5px
}
.post-tags a:hover {
    color:orange
}
.post-tags i {
    margin-right:5px
}
.post-like {
    float:right
}
.post-like a {
    color:#9fe0dd;
    font-size:13px
}
.post-like i {
    font-size:13px
}
.post-like a.done {
    cursor:not-allowed
}
.post-share {
    float:right;
    list-style:none;
    margin-right:20px
}
.post-share img:hover {
    opacity:.8
}
.post-share ul {
    list-style:none;
    margin:0;
    padding:0;
    opacity:0;
    display:none;
    top:-3px;
    position:relative;
    -moz-transition:opacity .4s ease-out;
    -o-transition:opacity .4s ease-out;
    -webkit-transition:opacity .4s ease-out;
    transition:opacity .4s ease-out
}
.post-share .social-share {
    opacity:0;
    display:none
}
.post-share li {
    float:left;
    margin-right:20px
}
.post-share li img {
    width:32px;
    height:32px;
    padding:7px
}
.post-share ul li i {
    font-size:20px
}
.post-share span {
    float:left;
    margin-right:10px
}
.post-share ul li a:hover {
    color:orange
}
.post-share .show-share {
    margin-left:10px;
    cursor:pointer;
    opacity:.6;
    float:right;
    -moz-transition:opacity .1s ease-out;
    -o-transition:opacity .1s ease-out;
    -webkit-transition:opacity .1s ease-out;
    transition:opacity .1s ease-out
}
.post-share:hover .show-share,.post-share:hover .sharehidden {
    opacity:1;
    display:inline-block
}
.post-squares {
    overflow:hidden;
    width:100%;
    margin:55px 0;
    background:#000
}
.post-squares .background {
    position:absolute;
    z-index:50;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:.4;
    background-size:cover;
    -webkit-transition:opacity .15s ease-out;
    -moz-transition:opacity .15s ease-out;
    transition:opacity .15s ease-out
}
.post-squares .info {
    position:relative;
    z-index:98
}
.post-squares article,.post-squares a {
    position:relative;
    display:block;
    float:left;
    overflow:hidden;
    height:100%;
    padding:55px 25px;
    text-align:center
}
.post-squares article:hover>.background,.post-squares a:hover>.background {
    opacity:.6
}
.post-squares .category {
    font-size:10px;
    padding:7px 15px;
    text-transform:uppercase;
    color:#fff;
    border-radius:90px;
    background:#7fbb00
}
.post-squares h3 {
    font-size:17px;
    font-weight:400;
    line-height:30px;
    margin:20px 0;
    color:#fff;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:block
}
.post-squares h3 a {
    display:block;
    color:#fff
}
.post-squares hr {
    width:15%;
    height:0;
    border:0;
    background:rgba(255,255,255,.6)
}
.post-squares .label {
    font-size:13px;
    display:block;
    text-transform:uppercase;
    color:rgba(255,255,255,.7)
}
.post-squares .full {
    width:100%
}
.post-squares .half {
    width:50%;
    float:left
}
.post-squares .third {
    width:33.333%
}
@media(max-width:860px) {
    .post-squares .third {
    width:100%
}
}@media(max-width:760px) {
    .post-squares .half {
    float:none;
    width:100%
}
}@media(max-width:900px) {
    .post-squares.post-squares-featured {
    display:none
}
}.post-squares.nextprev article,.post-squares.nextprev a {
    height:150px;
    padding:55px 40px;
    text-align:left
}
.post-squares.nextprev a {
    width:100%
}
.post-squares.nextprev .label {
    position:absolute;
    z-index:100;
    top:0
}
.post-squares.nextprev .info {
    position:absolute;
    width:70%
}
.post-squares.nextprev .next h3,.post-squares.nextprev .previous h3 {
    font-size:14px
}
.post-squares.nextprev .previous {
    text-align:left
}
.post-squares.nextprev .previous .info {
    bottom:40px;
    left:40px
}
.post-squares.nextprev .previous .label {
    top:40px;
    left:40px
}
.post-squares.nextprev .previous hr {
    float:left;
    margin:0
}
.post-squares.nextprev .next .info {
    text-align:right
}
.post-squares.nextprev .next .info {
    right:40px;
    bottom:40px
}
.post-squares.nextprev .next .label {
    top:40px;
    right:40px
}
.post-squares.nextprev .next hr {
    float:right;
    margin:0
}
@media(max-width:760px) {
    .post-squares.nextprev article {
    height:150px;
    width:100%
}
}.post-squares.post-squares-featured {
    height:250px
}
.author-profile {
    padding:30px 12.78%;
    text-align:center
}
.author-profile .info {
    overflow:hidden;
    text-align:center
}
.author-profile .profile {
    display:inline-block;
    width:70px;
    height:70px
}
.author-profile .profile img {
    max-width:100%;
    border-radius:100%;
    padding:3px;
    border:1px solid #ddd
}
.author-profile hr {
    width:50%;
    height:0;
    margin:0
}
.author-profile .meta {
    display:block;
    text-align:center
}
.author-profile .meta h3 {
    margin:10px 0 0;
    text-transform:none
}
.author-profile .meta h3 a {
    font-size:18px;
    font-weight:400;
    line-height:normal;
    letter-spacing:1px;
    color:#ababab
}
.author-profile .meta .title {
    display:none
}
.author-profile p {
    font-size:13px;
    line-height:30px;
    margin:15px 0 0;
    color:#7d8588;
    letter-spacing:0;
    display:inline-block;
    padding:10px 20px;
    border-top:1px solid #efefef;
    border-bottom:1px solid #efefef
}
.author-profile i {
    color:#65c186;
    float:none;
    margin-right:10px;
    font-size:16px
}
.mashiro-profile {
    color:#7a7b7c;
    text-align:left;
    width:330px;
    height:100px;
    position:relative;
    top:70px;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:5px;
    background-color:#fafafa;
    box-shadow:0 0 2rem #babbbc;
    animation:show-profile .5s forwards ease-in-out
}
@keyframes show-profile {
    0% {
    width:0
}
}.mashiro-profile .photo,.mashiro-profile .content {
    box-sizing:border-box
}
.mashiro-profile .photo {
    width:100px;
    height:100px;
    border-radius:50%;
    overflow:hidden;
    border:5px solid #fafafa;
    background-color:#fafafa;
    margin-left:-50px;
    box-shadow:0 0 .5rem #babbbc;
    animation:rotate-photo .5s forwards ease-in-out
}
@keyframes rotate-photo {
    100% {
    transform:rotate(-360deg)
}
}.mashiro-profile .photo img {
    width:100%
}
.mashiro-profile .content {
    padding:10px;
    overflow:hidden;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.mashiro-profile .content::before {
    content:"";
    position:absolute;
    width:230px;
    height:150px;
    background-color:#fef1c7;
    left:0;
    top:-20px;
    z-index:-1;
    transform:rotate(-8deg)
}
.mashiro-profile .content .text {
    margin-top:20px;
    margin-left:50px
}
.mashiro-profile .content .text h3,.mashiro-profile .content .text h6 {
    font-weight:normal;
    margin:3px 0;
    letter-spacing:.5px;
    white-space:nowrap
}
.mashiro-profile .content .btn {
    background-color:#abc;
    width:50px;
    height:50px;
    position:absolute;
    right:25px;
    top:25px;
    border-radius:50%;
    z-index:1;
    cursor:pointer;
    transition-duration:.3s;
    animation:pop-btn .3s both ease-in-out .5s
}
@keyframes pop-btn {
    0% {
    transform:scale(0)
}
80% {
    transform:scale(1.2)
}
100% {
    transform:scale(1)
}
}.mashiro-profile .content .btn:hover {
    box-shadow:0 0 0 5px rgba(170,187,204,.5)
}
.mashiro-profile .content .btn span {
    width:60%;
    height:2px;
    position:absolute;
    background-color:white;
    top:50%;
    left:20%;
    transform:translateY(-50%);
    animation:to-hamburger .3s forwards ease-in-out
}
.mashiro-profile .content .btn span::before,.mashiro-profile .content .btn span::after {
    content:"";
    width:100%;
    height:2px;
    position:absolute;
    background-color:white;
    transition-duration:.3s;
    transform:rotate(0deg);
    right:0
}
.mashiro-profile .content .btn span::before {
    margin-top:-7px
}
.mashiro-profile .content .btn span::after {
    margin-top:7px
}
.mashiro-profile .content .btn.active span {
    animation:to-arrow .3s forwards ease-in-out
}
.mashiro-profile .content .btn.active span::before,.mashiro-profile .content .btn.active span::after {
    width:60%;
    right:-1px
}
.mashiro-profile .content .btn.active span::before {
    transform:rotate(45deg)
}
.mashiro-profile .content .btn.active span::after {
    transform:rotate(-45deg)
}
@keyframes to-hamburger {
    from {
    transform:translateY(-50%) rotate(-180deg)
}
}@keyframes to-arrow {
    from {
    transform:translateY(-50%) rotate(0deg)
}
to {
    transform:translateY(-50%) rotate(180deg)
}
}.mashiro-profile .box {
    width:150px;
    height:150px;
    opacity:0;
    border-radius:50%;
    background-color:rgba(255,255,255,.7);
    position:absolute;
    top:50%;
    right:-40%;
    transform:translate(-50%,-50%);
    transition-duration:.3s
}
.mashiro-profile .box a {
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:#ececec;
    font-size:26px;
    text-align:center;
    line-height:50px;
    position:absolute;
    left:18px;
    top:calc(75px - 50px/2);
    box-shadow:0 0 .5rem #babbbc;
    transition-duration:.3s;
    text-decoration:none
}
.mashiro-profile .box a:hover {
    transition-delay:initial !important;
    box-shadow:0 0 0 5px #babbbc
}
.mashiro-profile .box.open {
    opacity:1
}
.mashiro-profile .box.open a {
    left:60px
}
.mashiro-profile .box.open a:nth-of-type(1) {
    transform:rotate(-90deg) translateX(120px) rotate(90deg);
    transition-delay:0s
}
.mashiro-profile .box.open a:nth-of-type(2) {
    transform:rotate(-45deg) translateX(120px) rotate(45deg);
    transition-delay:.1s
}
.mashiro-profile .box.open a:nth-of-type(3) {
    transform:rotate(0deg) translateX(120px) rotate(0deg);
    transition-delay:.2s
}
.mashiro-profile .box.open a:nth-of-type(4) {
    transform:rotate(45deg) translateX(120px) rotate(-45deg);
    transition-delay:.3s
}
.mashiro-profile .box.open a:nth-of-type(5) {
    transform:rotate(90deg) translateX(120px) rotate(-90deg);
    transition-delay:.4s
}
#loading-comments {
    display:none;
    max-width:860px;
    margin:0 auto;
    height:40px;
    text-align:center;
    line-height:45px;
    background-image:url("https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/disqus-preloader.svg");
    background-position:center;
    background-repeat:no-repeat;
    background-size:auto 100%
}
h3#comments-list-title {
    max-width:860px;
    width:100%;
    margin:0 auto;
    margin-bottom:40px;
    color:#7d7d7d;
    font-weight:400
}
#comments-list-title span {
    font-size:13px;
    font-weight:400;
    color:#909090
}
.butterBar {
    position:fixed;
    text-align:center;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index:10000
}
.butterBar--center {
    margin:auto
}
.butterBar-message {
    background:#fe9600;
    color:#fff;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    display:inline-block;
    font-size:14px;
    margin-bottom:0;
    padding:12px 25px;
    z-index:10000;
    margin-top:-4px
}
.alignleft {
    display:inline;
    float:left;
    margin-right:1.5em
}
.alignright {
    display:inline;
    float:right;
    margin-left:1.5em
}
.aligncenter {
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.entry-content a img.alignleft,.entry-content a img.alignright,.entry-content a img.aligncenter {
    cursor:-webkit-zoom-in
}
#baguetteBox-overlay .full-image {
    cursor:-webkit-zoom-out
}
#baguetteBox-overlay .full-image img,#baguetteBox-overlay .full-image figcaption {
    cursor:auto
}
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {
    content:"";
    display:table;
    table-layout:fixed
}
.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {
    clear:both
}
.sticky {
    display:block
}
.hentry {
    margin:0 0 1.5em
}
.byline,.updated:not(.published) {
    display:none
}
.single .byline,.group-blog .byline {
    display:inline
}
.page-content,.entry-summary {
    margin:1.5em 0 0
}
.page-links {
    clear:both;
    margin:0 0 1.5em
}
span.edit-link {
    display:none
}
.blog .format-aside .entry-title,.archive .format-aside .entry-title {
    display:none
}
.clearer {
    display:block;
    clear:both
}
.works-list {
    float:left;
    width:32.5%;
    margin:0 3px
}
.works-entry {
    float:left;
    margin-bottom:8px
}
.works-main {
    width:100%;
    height:175px;
    position:relative;
    float:left;
    background:#f7f7f7;
    border:1px solid #f1f1f1;
    overflow:hidden
}
.works-feature img {
    width:257px;
    height:175px
}
h1.works-title {
    font-size:16px;
    font-weight:400;
    margin:0 0 10px 0;
    padding:0 20px;
    padding-top:40px
}
.works-title a {
    color:#6d6d6c
}
.works-main p {
    margin:0;
    padding:0 15px;
    line-height:20px
}
.works-p-time {
    float:left;
    font-size:12px;
    padding-left:20px;
    color:#b7b7b7
}
.works-p-time i {
    font-size:12px
}
.works-comnum a {
    color:#b7b7b7
}
.works-meta i {
    font-size:12px
}
.works-meta span {
    font-size:12px;
    float:right;
    margin-right:20px;
    color:#b7b7b7
}
.works-main .works-overlay {
    opacity:.95;
    top:-100%;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    transition:.5s;
    color:#000
}
.works-overlay {
    position:absolute;
    left:0;
    top:0;
    background-color:#fff;
    height:100%;
    opacity:0;
    width:100%
}
.worksmore {
    position:absolute;
    width:100%;
    height:100%;
    top:0
}
.works-main:hover .works-overlay {
    top:0
}
#archives-temp {
    margin-top:50px;
    margin-bottom:100px
}
#archives-temp h2 {
    font-weight:400;
    color:#676767;
    padding-bottom:15px;
    border-bottom:1px dashed #f1f1f1;
    text-align:center
}
#archives-temp h3 {
    letter-spacing:2px;
    font-style:italic;
    font-size:20px;
    font-weight:400;
    color:orange;
    margin-left:30px;
    margin-top:50px
}
#archives-temp h3:hover {
    color:#ddd;
    cursor:pointer
}
span.time {
    float:right;
    color:#cacaca
}
.brick {
    margin-left:30px
}
.brick a {
    color:#7d7d7d;
    padding:20px 20px;
    background:#f5f5f5;
    margin-bottom:20px;
    display:block;
    letter-spacing:0
}
.ar-time i {
    padding:10px;
    border-radius:100px;
    background:orange;
    color:#fff
}
.ar-time {
    position:absolute;
    left:-18px;
    top:px;
    margin-top:3px
}
#archives-content {
    position:relative;
    border-left:1px dashed #f5f5f5
}
.arrow-left-ar {
    width:0;
    height:0;
    display:block;
    float:left;
    margin-top:10px;
    border-left:20px solid transparent;
    border-bottom:20px solid #f5f5f5;
    margin-left:11px
}
span.ar-circle {
    height:10px;
    width:10px;
    background:orange;
    display:inline-block;
    position:absolute;
    left:-5px;
    margin-top:22px;
    border-radius:100px
}
.brick em {
    font-style:normal;
    margin-left:5px
}
.time i {
    margin:3px
}
h1.cat-title {
    display:inline-block;
    font-size:25px;
    font-weight:400;
    padding-right:15px;
    border-right:1px dashed #ddd;
    color:#676767
}
.cat-des p {
    display:inline-block;
    padding-left:10px
}
header.page-header {
    position:relative;
    text-align:center;
    margin-bottom:50px;
    color:#9c9c9c
}
.links {
    margin-bottom:80px
}
.links ul {
    margin:0;
    list-style:none;
    padding:0;
    width:100%;
    display:inline-block
}
.links ul li {
    width:32%;
    float:left;
    border:1px solid #ececec;
    padding:10px 30px;
    margin:4px 4px;
    position:relative;
    overflow:hidden;
    -webkit-transition:all .3s;
    transition:all .3s;
    border-radius:10px
}
.links ul li img {
    float:right;
    box-shadow:inset 0 0 10px #000;
    padding:5px;
    opacity:1;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transition:all ease 1s;
    -webkit-transition:all ease 1s;
    -moz-transition:all ease 1s;
    -o-transition:all ease 1s;
    margin-top:5px;
    width:65px;
    height:65px;
    padding:2px;
    border-radius:100%
}
.links ul li:hover img {
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg)
}
span.sitename {
    color:orange;
    padding-bottom:10px;
    display:block;
    -webkit-transition:all .3s;
    transition:all .3s;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap
}
.linkdes {
    color:#949494;
    font-size:13px;
    padding:10px 0;
    border-top:1px dashed #ddd;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    line-height:25px;
    -webkit-transition:all .5s;
    transition:all .5s
}
.link-title {
    font-weight:400;
    color:#6d6d6d;
    padding-left:0;
    border-left:0;
    margin:50px 0 20px
}
.link-title span.fake-title {
    padding-left:10px;
    border-left:3px solid orange
}
.links ul li:before {
    content:"";
    background-color:orange;
    -webkit-transform:skew(45deg,0);
    transform:skew(45deg,0);
    width:0;
    height:100%;
    position:absolute;
    top:0;
    left:-60px;
    z-index:-1;
    -webkit-transition:all .5s;
    transition:all .5s
}
.links ul li:hover {
    color:#27323a;
    border:1px solid orange
}
.links ul li:hover:before {
    width:180%
}
.links ul li:hover .linkdes {
    border-top:1px dashed #fff
}
span.linkss-title {
    font-size:25px;
    text-align:center;
    display:block;
    margin:50px 0 30px;
    letter-spacing:5px
}
.notification-hidden {
    display:none
}
form#commentform {
    outline:0
}
nav#comments-navi {
    margin:0 auto;
    max-width:860px;
    width:100%;
    color:#9a9a9a
}
span.page-numbers.current {
    color:#74ccc4;
    padding:0 5px
}
a.page-numbers {
    color:#ababab;
    padding:0 5px
}
.comments {
    clear:both;
    overflow:hidden;
    width:100%;
    padding:60px 0 80px;
    list-style:none;
    background:rgba(255,255,255,.8);
    padding:0 10px;
    max-width:800px;
    margin-left:auto;
    margin-right:auto
}
.comments .commentwrap {
    width:100%;
    max-width:860px;
    margin:0 auto;
    padding:0
}
.comments .commentwrap hr {
    height:0;
    width:100%;
    background:#eee;
    border:0;
    margin:40px 0
}
@media(max-width:1080px) {
    .comments .commentwrap {
    width:100%;
    padding:0 6.39%;
    max-width:1245px;
    margin-bottom:40px
}
}.comments .comments-hidden {
    display:none;
    cursor:pointer
}
.comments .comments-main {
    overflow:hidden;
    -webkit-transition:height 0s ease-out;
    -moz-transition:height 0s ease-out;
    transition:height 0s ease-out
}
.comments ul.commentwrap {
    margin:0 auto 30px
}
.comnav {
    width:100%;
    max-width:860px;
    margin:0 auto
}
.comnav a {
    padding:10px;
    color:#7b7b7b;
    margin-bottom:20px
}
@media(max-width:1080px) {
    .comments {
    padding:6.39% 0 0;
    padding-bottom:80px;
    max-width:100%;
    padding:0 10px;
    max-width:800px;
    margin-left:auto;
    margin-right:auto
}
}@media(max-width:860px) {
    .comments {
    padding:6.39% 0 0;
    max-width:100%;
    padding:0 10px;
    max-width:800px;
    margin-left:auto;
    margin-right:auto
}
}.comment {
    margin:0;
    padding:0;
    list-style:none
}
.comment .contents {
    width:100%;
    float:left
}
.comment .isauthor {
    display:none
}
.comment.bypostauthor>.contents .isauthor {
    display:inline
}
.comment .body {
    line-height:32px;
    color:#63686d;
    border-bottom:1px solid rgba(0,0,0,.05);
    position:relative
}
.comment .body p {
    font-size:14px;
    line-height:30px;
    margin-top:15px;
    padding-bottom:30px;
    padding-left:3px;
    color:#63686d
}
.comment .body p a {
    color:#000;
    padding:0 5px;
    text-decoration:underline
}
.comment .body .comment-at {
    color:#99ce00;
    text-decoration:none
}
@media(max-width:580px) {
    .comment .body p {
    margin:0;
    font-size:12px;
    line-height:24px;
    padding-bottom:13px
}
}.comment .body>*:last-child {
    margin-bottom:0
}
.comment .profile {
    float:left;
    margin-right:10px;
    margin-top:5px
}
.comment .profile img {
    width:100%;
    max-width:40px;
    height:40px;
    border-radius:100%;
    -webkit-transition:opacity .15s ease-out;
    -moz-transition:opacity .15s ease-out;
    transition:opacity .15s ease-out
}
.comment .profile img:hover {
    opacity:.8
}
.comment .main {
    float:right;
    width:100%;
    padding:0
}
.comment .commeta {
    font-size:16px;
    overflow:hidden;
    margin-bottom:5px;
    text-transform:uppercase;
    color:#9499a8;
    margin-left:50px
}
.comment .comment-reply-link {
    font-size:12px;
    display:block;
    margin-left:10px;
    float:right;
    text-transform:uppercase;
    color:#fff;
    background-color:#e2684a;
    line-height:20px;
    padding:0 6px;
    border-radius:3px;
    opacity:0
}
.comment .contents:hover .comment-reply-link {
    opacity:.9
}
.comment .contents .comment-reply-link:hover {
    opacity:1
}
@media(max-width:880px) {
    .comment .comment-reply-link {
    opacity:1
}
.comment .contents {
    padding-bottom:10px
}
.comment .commeta {
    margin-left:0
}
}.comment .info {
    margin-top:2px;
    font-size:12px;
    letter-spacing:0;
    text-transform:none;
    color:rgba(0,0,0,.35)
}
.comment .info .useragent-info img {
    vertical-align:sub;
    width:14px;
    height:14px;
    border:0
}
.comment .info .useragent-info-m {
    margin-top:2px;
    font-size:12px;
    letter-spacing:0;
    text-transform:none;
    color:rgba(0,0,0,.35);
    display:none
}
.comment .info .useragent-info-m img {
    vertical-align:sub;
    width:14px;
    height:14px;
    border:0
}
@media(max-width:480px) {
    .comment .info .useragent-info {
    display:none
}
.comment .info .useragent-info-m {
    display:inline
}
}.comment .comment-edit-link {
    margin-top:2px;
    font-size:12px;
    letter-spacing:0;
    text-transform:none;
    color:rgba(0,0,0,.35)
}
.comment h4 {
    font-size:24px;
    font-weight:400;
    margin:0;
    letter-spacing:0;
    text-transform:none;
    line-height:20px
}
.comment h4 img {
    display:none;
    border-radius:3px;
    margin-right:5px;
    vertical-align:-4px
}
.comment h4 a {
    color:#e2684a;
    font-size:15px;
    font-weight:600
}
.comment h4 a:hover {
    color:orange
}
.comment hr {
    clear:both;
    width:100%;
    height:1px;
    margin:40px 0 60px;
    border:0;
    background:#e6e6e6
}
.comment .children {
    padding-left:40px;
    margin:0
}
.comment .children .children .children .children .children .children {
    margin:0;
    padding:0
}
.comment .children .profile {
    float:left;
    width:5%;
    margin-top:4px
}
.comment .children .profile img {
    height:40px;
    width:40px
}
.comment .children .main {
    width:100%
}
@media(max-width:880px) {
    .comment hr {
    margin:6.39% 0
}
.comment .profile {
    display:none
}
.comment .main,.comment .children .main {
    width:100%
}
.comment h4 img {
    display:inline-block
}
.arrow-left {
    display:none
}
.comment .children {
    padding-left:2em;
    margin:0
}
.comment .children .children .children {
    margin:0;
    padding:0
}
}.comments .main.shadow img.avatar {
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transition:all ease 1s;
    -webkit-transition:all ease 1s;
    -moz-transition:all ease 1s;
    -o-transition:all ease 1s;
    box-shadow:0 1px 10px -6px rgba(0,0,0,.5);
    margin-left:3px
}
.comments .main.shadow:hover img.avatar {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg)
}
.comment-respond {
    width:100%;
    max-width:860px;
    margin:0 auto;
    padding:0
}
.comment-respond .logged-in-as {
    margin-bottom:0
}
.comment-respond #cancel-comment-reply-link {
    background:#f4f6f8;
    border-radius:3px;
    padding:12px 25px;
    font-size:12px;
    color:#454545
}
.comment-respond textarea,.comment-respond input {
    font-size:14px;
    width:31.3%;
    margin:0;
    padding:21px 21px 20px;
    color:#535a63;
    border:0;
    background:#fff
}
.comment-respond input {
    border:1px solid #ddd;
    width:100%;
    background-color:rgba(255,255,255,0)
}
.comment-respond input:last-of-type {
    margin-right:0
}
@media(max-width:625px) {
    .comment-respond input {
    width:100%;
    margin-bottom:15px
}
}.comment-respond textarea {
    display:block;
    float:none;
    width:100%;
    height:180px;
    margin-bottom:10px;
    color:#535a63;
    border:1px solid #ddd;
    background-color:rgba(255,255,255,0)
}
.comment-respond textarea {
    background-image:url('https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/comment-bg.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:right;
    background-color:rgba(255,255,255,0);
    resize:vertical
}
.comment-respond .form-submit {
    clear:both;
    display:block;
    overflow:hidden;
    margin-bottom:40px;
    padding:0
}
.comment-respond input[type='submit'] {
    width:calc(98% - 46px);
    margin:0;
    padding:15px 25px;
    text-transform:none;
    color:#535a63;
    background:none;
    border-right:0;
    -webkit-transition:all .1s ease-out;
    -moz-transition:all .1s ease-out;
    transition:all .1s ease-out;
    box-shadow:none;
    border:1px solid #ccc;
    text-shadow:none
}
.comment-respond input[type='submit']:hover {
    border:1px solid #fe9600;
    background:none !important;
    color:#fe9600
}
.comment-respond input[type='submit']:hover {
    background:#5aa738
}
.comment-respond input:focus,.comment-respond textarea:focus,.comment-respond input:active,.comment-respond textarea:active {
    outline:0
}
.comment-respond input::-webkit-input-placeholder,.comment-respond textarea::-webkit-input-placeholder {
    color:#535a63
}
.comment-respond input:-moz-placeholder,.comment-respond textarea:-moz-placeholder {
    opacity:1;
    color:#535a63
}
.comment-respond input::-moz-placeholder,.comment-respond textarea::-moz-placeholder {
    opacity:1;
    color:#535a63
}
.comment-respond input:-ms-input-placeholder,.comment-respond textarea:-ms-input-placeholder {
    color:#535a63
}
@media(max-width:1080px) {
    .comment-respond {
    width:100%;
    padding:0 6.39%;
    max-width:1245px
}
}.notification,.comment-respond .logged-in-as {
    padding:19px 32px 17px;
    border-radius:3px;
    background:#fff;
    color:#6f6f6f
}
.comment-respond .logged-in-as {
    width:100%;
    max-width:100%;
    text-align:left;
    border:0;
    margin:0;
    padding:19px 5px 17px;
    background:none
}
.notification i,.comment-respond .logged-in-as i {
    margin-right:10px;
    font-size:16px
}
.comment-respond .logged-in-as a {
    color:#454545
}
.comment-respond .logged-in-as a:hover {
    color:#000
}
.notification {
    max-width:300px;
    margin:auto;
    text-align:center;
    border:1px solid #ddd
}
.notification span {
    font-size:13px;
    color:#b3b3b3
}
.siren-checkbox-label {
    position:relative;
    top:-8px;
    margin:0 20px 0 0;
    display:inline-block;
    cursor:pointer;
    color:#555;
    font-size:14px
}
.siren-checkbox-label input {
    padding:0;
    margin:0;
    float:none;
    width:initial
}
.siren-checkbox-radio {
    display:none
}
.siren-checkbox-radioInput {
    background-color:#fff;
    border:1px solid rgba(0,0,0,.15);
    border-radius:100%;
    display:inline-block;
    height:18px;
    margin-right:8px;
    margin-top:-7px;
    vertical-align:sub;
    width:18px;
    line-height:1
}
.siren-checkbox-radio:checked+.siren-checkbox-radioInput:after {
    background-color:#fe9600;
    border-radius:100%;
    content:"";
    display:block;
    height:12px;
    margin:2px;
    width:12px
}
.siren-is-private-checkbox.siren-checkbox-radioInput,.siren-checkbox-radio:checked+.siren-is-private-checkbox.siren-checkbox-radioInput:after {
    border-radius:100%
}
@media(max-width:625px) {
    .siren-checkbox-label {
    top:8px;
    margin-bottom:10px
}
}h1.fes-title,h1.main-title {
    color:#666;
    font-size:16px;
    font-weight:400;
    padding-bottom:5px;
    margin-bottom:30px;
    border-bottom:1px dashed #ececec
}
.feature-content {
    margin-top:10px;
    display:inline-block;
    position:relative
}
.top-feature {
    width:100%;
    height:auto;
    margin-top:55px
}
.top-feature img {
    height:160px;
    width:257px;
    border-radius:10px
}
.top-feature li {
    width:32.9%;
    float:left;
    margin:0 auto;
    position:relative;
    display:block
}
li.feature-2 {
    margin-left:5px;
    margin-right:5px
}
.foverlay-bg {
    position:absolute;
    width:100%;
    height:160px;
    text-align:center;
    line-height:160px;
    color:white;
    font-size:32px;
    opacity:0;
    border-radius:10px;
    background:#02111D10;
    background:-webkit-linear-gradient(to right,#02111D80,#02111D20,#02111D80);
    background:linear-gradient(to right,#02111D80,#02111D10,#02111D80)
}
.top-feature li:hover .foverlay-bg {
    opacity:1
}
.feature-title .foverlay {
    color:#fff;
    font-size:32px;
    height:110px;
    text-align:center;
    border-radius:10px;
    z-index:-1;
    position:absolute;
    bottom:0;
    width:100%;
    -webkit-transform:translateY(calc(70px + 1em));
    transform:translateY(calc(70px + 1em));
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s
}
.foverlay {
    -moz-transition:opacity .4s ease-out;
    -o-transition:opacity .4s ease-out;
    -webkit-transition:opacity .4s ease-out;
    transition:opacity .4s ease-out
}
.top-feature li:hover .feature-title .foverlay {
    z-index:9;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.notice {
    padding:20px;
    border:1px dashed #e6e6e6;
    color:#969696;
    position:relative;
    display:inline-block;
    width:100%;
    background:#fbfbfb50;
    border-radius:10px
}
.notice i {
    float:left;
    color:#999;
    font-size:18px;
    padding-right:10px
}
.notice-content {
    display:initial;
    vertical-align:middle
}
.headertop {
    position:relative;
    overflow:hidden;
    height:0
}
@media(max-width:860px) {
    .notice {
        display: none;
        margin-top:40px;
        margin-bottom:20px
    }
    .headertop {
        position:relative;
        overflow:visible;
        height:0
    }
    .video-stu {
        display: none;
    }
    .headertop-bar::after {
        height: 2.375rem !important;
        bottom: -0.999rem !important;
    }
}
.headertop::before {
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:3;
    background-attachment:fixed
}
.headertop.filter-undertint::before {
    background-color:rgba(255,255,255,.3)
}
.headertop.filter-dim::before {
    background-color:rgba(0,0,0,.3)
}
.headertop.filter-grid::before {
    background-image:url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/grid.png)
}
.headertop.filter-dot::before {
    background-image:url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/dot.gif)
}
@media(max-width:860px) {
    .headertop.filter-dot::before {
    background-image:url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/grid.png)
}
}.headertop-bar::after {
    content:'';
    width:150%;
    height:4.375rem;
    background:#fff;
    left:-25%;
    bottom:-2.875rem;
    border-radius:100%;
    position:absolute;
    z-index:4
}
.headertop-down {
    position:absolute;
    bottom:50px;
    left:calc(50% - 14px);
    cursor:pointer;
    z-index:5
}
@media(max-width:860px) {
    .headertop-down {
    display:none
}
}.headertop-down i {
    font-size:28px;
    color:#fff;
    -ms-transform:scale(1.5,1);
    -webkit-transform:scale(1.5,1);
    transform:scale(1.5,1)
}
#centerbg {
    width:100%;
    height:550px;
    margin:0;
    padding:0;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover;
    z-index:-1
}
@media(max-width:560px) {
    #bgvideo {
        min-height: 280px !important;
    }
}
@media(max-width:860px) {
    #centerbg {
        height:300px;
        background-attachment:scroll
    }
    .focusinfo .header-tou img {
        width: 100px !important;
        height: 100px !important;
    }
    .header-info {
        width: 90% !important;
    }
    .header-info:before {
        top: 98px !important;
    }
    .top-social_v2 li {
        margin-right: 0px !important; 
        cursor: url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/cursor/ayuda.cur),auto !important;
    }
}
#bgvideo {
    position: absolute;
    top: 0px !important;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 0;
}
}.blank {
    padding-top:80px;
    background-color:rgba(255,255,255,1)
}
.focusinfo {
    position:relative;
    max-width:800px;
    padding:0 10px;
    top:49.3%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    text-align:center;
    z-index:99;
    -webkit-transition:.4s ease all;
    -moz-transition:.4s ease all;
    -o-transition:.4s ease all;
    transition:.4s ease all
}
.focusinfo img {
    width:130px;
    height:auto;
    padding:2px;
    border-radius:100%
}
.focusinfo .header-tou img {
    width:130px;
    height:130px;
    box-shadow:inset 0 0 10px #000;
    padding:5px;
    opacity:1;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transition:all ease 1s;
    -webkit-transition:all ease 1s;
    -moz-transition:all ease 1s;
    -o-transition:all ease 1s
}
.focusinfo .header-tou img:hover {
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg)
}
.bio-text {
    position:relative;
    width:auto;
    font-size:40px;
    height:40px;
    top:50%
}
.bio-text p {
    display:inline-block;
    vertical-align:top;
    margin:0
}
.bio-text .word {
    position:absolute;
    opacity:0;
    white-space:nowrap;
    left:50%;
    transform:translate(-50%,0)
}
.bio-text .letter {
    display:inline-block;
    position:relative;
    -webkit-transform:translateZ(25px);
    transform:translateZ(25px);
    -webkit-transform-origin:50% 50% 25px;
    transform-origin:50% 50% 25px
}
.bio-text .letter.out {
    -webkit-transform:rotateX(90deg);
    transform:rotateX(90deg);
    -webkit-transition:-webkit-transform .32s cubic-bezier(0.55,.055,.675,.19);
    transition:-webkit-transform .32s cubic-bezier(0.55,.055,.675,.19);
    transition:transform .32s cubic-bezier(0.55,.055,.675,.19);
    transition:transform .32s cubic-bezier(0.55,.055,.675,.19),-webkit-transform .32s cubic-bezier(0.55,.055,.675,.19)
}
.bio-text .letter.behind {
    -webkit-transform:rotateX(-90deg);
    transform:rotateX(-90deg)
}
.bio-text .letter.in {
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    -webkit-transition:-webkit-transform .5s cubic-bezier(0.175,.885,.32,1.275);
    transition:-webkit-transform .5s cubic-bezier(0.175,.885,.32,1.275);
    transition:transform .5s cubic-bezier(0.175,.885,.32,1.275);
    transition:transform .5s cubic-bezier(0.175,.885,.32,1.275),-webkit-transform .5s cubic-bezier(0.175,.885,.32,1.275)
}
.wisteria {
    color:#8e44ad
}
.belize {
    color:#2980b9
}
.pomegranate {
    color:#c0392b
}
.green {
    color:#16a085
}
.midnight {
    color:#2c3e50
}
.header-info {
    width:63%;
    margin:auto;
    font-size:16px;
    color:#eaeadf;
    background:rgba(0,0,0,.5);
    padding:15px;
    margin-top:22px;
    letter-spacing:0;
    line-height:30px;
    border-radius:10px;
    box-sizing:initial;
    white-space:nowrap
}
.header-info:before {
    content:"";
    position:absolute;
    top:127px;
    left:50%;
    margin-left:-15px;
    border-width:15px;
    border-style:solid;
    border-color:transparent transparent rgba(0,0,0,.5) transparent
}
.header-info p {
    margin:0;
    font-family:'Ubuntu',sans-serif;
    font-weight:700
}
.top-social {
    height:32px;
    margin-top:30px;
    margin-left:10px;
    list-style:none;
    display:inline-block
}
.top-social img {
    height:35px;
    width:35px;
    padding:6px;
    background:rgba(0,0,0,.4)
}
.top-social li {
    float:left;
    margin-right:10px
}
.top-social_v2 {
    height:32px;
    margin-bottom:-15px;
    margin-left:10px;
    list-style:none;
    display:inline-block
}
.top-social_v2 img {
    height:35px;
    width:35px;
    padding:6px;
    background:transparent
}
.top-social_v2 li {
    float:left;
    margin-right:13px
}
.wechat {
    width:35px;
    height:35px;
    position:relative
}
.wechatInner img {
    border-radius:0;
    width:121px;
    height:auto;
    padding:0;
    background:none
}
.wechatInner {
    width:121px;
    height:121px;
    padding:10px;
    background:rgba(0,0,0,.4);
    top:40px;
    left:-40px;
    -webkit-transform:translate3d(0,50px,0);
    transform:translate3d(0,50px,0);
    opacity:0
}
.wechatInner:before {
    content:"";
    position:absolute;
    top:-30px;
    left:50%;
    margin-left:-15px;
    border-width:15px;
    border-style:solid;
    border-color:transparent transparent rgba(0,0,0,.4) transparent
}
.wechatInner {
    position:absolute;
    border-radius:8px;
    transition:.7s all ease;
    -webkit-transition:.7s all ease;
    -moz-transition:.7s all linear;
    -o-transition:.7s all ease;
    -ms-transition:.7s all ease
}
.wechat:hover .wechatInner {
    -webkit-transform:translate3d(0,16px,0);
    transform:translate3d(0,16px,0);
    opacity:1;
    visibility:visible
}
.searchbox {
    float:right;
    height:75px;
    line-height:75px;
    margin-left:20px
}
.site-header.iconsearch {
    font-size:18px;
    font-size:1.125rem;
    position:relative;
    z-index:9998
}
.site-header.iconsearch:hover {
    cursor:pointer;
    color:#999
}
i.iconfont.js-toggle-search.iconsearch {
    color:#666;
    cursor:pointer;
    font-size:26px;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
.search-form--modal {
    -webkit-transition:visibility .25s ease,opacity .25s ease;
    -moz-transition:visibility .25s ease,opacity .25s ease;
    -ms-transition:visibility .25s ease,opacity .25s ease;
    -o-transition:visibility .25s ease,opacity .25s ease;
    transition:visibility .25s ease,opacity .25s ease;
    overflow:hidden;
    z-index:9999;
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background:#fff;
    visibility:hidden;
    opacity:0
}
.search-form--modal .search-form__inner {
    max-width:640px;
    padding:0 20px;
    margin:auto;
    text-align:left;
    position:absolute;
    width:100%;
    left:0;
    right:0;
    height:285px;
    top:0;
    bottom:0
}
.search-form--modal .search-form__inner p {
    padding-left:24px
}
.search-form.is-visible {
    visibility:visible;
    opacity:.99;
    animation:elastic .5s;
    background-image:url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/iloli.gif);
    background-repeat:no-repeat;
    background-position:bottom right
}
.search-form div {
    position:relative
}
.search-form .search_close {
    position:absolute;
    width:35px;
    height:35px;
    background:none;
    top:20px;
    right:15px;
    cursor:pointer
}
.search_close:before,.search_close:after {
    background-color:#222;
    position:absolute;
    content:"";
    width:30px;
    height:2px;
    top:17px;
    left:2px
}
.search_close:before {
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg)
}
.search_close:after {
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg)
}
.search-form i {
    font-size:32px;
    font-size:2rem;
    line-height:1;
    color:#ddd;
    position:absolute;
    bottom:15px;
    margin-top:-16px;
    left:16px
}
.search-form input {
    font-size:24px;
    font-size:1.5rem;
    background:#fff;
    padding:12px 24px 12px 64px;
    width:100%;
    outline:0;
    border-radius:50px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.search-form input::-webkit-input-placeholder {
    color:#ddd
}
.search-form input:-moz-placeholder {
    color:#ddd
}
.search-form input::-moz-placeholder {
    color:#ddd
}
.search-form input:-ms-input-placeholder {
    color:#ddd
}
.s-search {
    position:relative;
    margin-bottom:50px
}
.s-search input {
    font-size:1rem;
    background:#none;
    padding:12px 24px 12px 64px;
    width:100%;
    outline:0;
    border-radius:50px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.s-search i {
    font-size:32px;
    font-size:1.5rem;
    line-height:1;
    color:#ddd;
    position:absolute;
    bottom:12px;
    margin-top:-16px;
    left:16px
}
.search-no-reasults {
    list-style-type:decimal
}
.sorry ul {
    padding:0 0 0 20px;
    margin:0
}
.sorry li a {
    color:#8c8c8c
}
.sorry {
    color:#8c8c8c;
    margin-bottom:80px
}
.sorry li {
    padding:10px 0
}
.sorry li a:hover {
    color:orange
}
.sorry-inner {
    padding:20px;
    border:1px solid #ddd
}
.error-img {
    text-align:center
}
.err-button.back {
    text-align:center
}
.err-button.back a {
    padding:10px 30px;
    margin:0 10px;
    border:1px solid orange;
    color:orange;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px
}
#gohome {
    background:orange;
    color:#fff
}
.err-button.back a:hover {
    -webkit-box-shadow:0 0 4px rgba(255,165,0,.85);
    -moz-box-shadow:0 0 4px rgba(255,165,0,.85);
    -o-box-shadow:0 0 4px rgba(255,165,0,.85);
    box-shadow:0 0 4px rgba(255,165,0,.85)
}
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer {
    display:none
}
.infinity-end.neverending .site-footer {
    display:block
}
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {
    border:0;
    margin-bottom:0;
    margin-top:0;
    padding:0
}
embed,iframe,object {
    max-width:100%
}
.wp-caption {
    margin-bottom:1.5em;
    max-width:100%
}
.wp-caption img[class*="wp-image-"] {
    display:block;
    margin-left:auto;
    margin-right:auto
}
.wp-caption .wp-caption-text {
    margin:.8075em 0
}
.wp-caption-text {
    text-align:center
}
.gallery {
    margin-bottom:1.5em
}
.gallery-item {
    display:inline-block;
    text-align:center;
    vertical-align:top;
    width:100%;
    margin:0
}
.gallery-columns-2 .gallery-item {
    max-width:50%
}
.gallery-columns-3 .gallery-item {
    max-width:33.33%
}
.gallery-columns-4 .gallery-item {
    max-width:25%
}
.gallery-columns-5 .gallery-item {
    max-width:20%
}
.gallery-columns-6 .gallery-item {
    max-width:16.66%
}
.gallery-columns-7 .gallery-item {
    max-width:14.28%
}
.gallery-columns-8 .gallery-item {
    max-width:12.5%
}
.gallery-columns-9 .gallery-item {
    max-width:11.11%
}
.gallery-caption {
    display:none
}
.gallery img {
    width:100%;
    height:180px;
    border-radius:0;
    transition:all 2s ease;
    -webkit-transition:all 2s ease;
    -ms-transition:all 2s ease
}
.gallery .gallery-item {
    display:inline-block;
    vertical-align:top;
    float:left;
    width:280px;
    height:180px;
    position:relative
}
.gallery .gallery-item {
    -moz-transition:all .25s ease;
    -webkit-transition:all .25s ease;
    -o-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease
}
.gallery:hover .gallery-item:not(:hover) {
    opacity:.7;
    -moz-transform:scale(0.9);
    -ms-transform:scale(0.9);
    -webkit-transform:scale(0.9);
    -o-transform:scale(0.9);
    transform:scale(0.9)
}
#nprogress {
    pointer-events:none;
    z-index:99999;
    position:absolute
}
#nprogress .bar {
    background:orange;
    position:fixed;
    z-index:1031;
    top:0;
    left:0;
    width:100%;
    height:3px
}
#nprogress .peg {
    display:block;
    position:absolute;
    right:0;
    width:100px;
    height:100%;
    box-shadow:0 0 10px orange,0 0 5px orange;
    opacity:1;
    -webkit-transform:rotate(3deg) translate(0px,-4px);
    -ms-transform:rotate(3deg) translate(0px,-4px);
    transform:rotate(3deg) translate(0px,-4px)
}
#nprogress .spinner {
    display:block;
    position:fixed;
    z-index:9999;
    top:27px;
    right:24px;
    left:inherit;
    width:auto;
    height:auto;
    margin:0
}
#nprogress .spinner-icon {
    width:20px;
    height:20px;
    box-sizing:border-box;
    border:solid 3px transparent;
    border-top-color:orange;
    border-left-color:orange;
    border-radius:50%;
    -webkit-animation:nprogress-spinner 400ms linear infinite;
    animation:nprogress-spinner 400ms linear infinite
}
.nprogress-custom-parent {
    overflow:hidden;
    position:relative
}
.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar {
    position:absolute
}
@-webkit-keyframes nprogress-spinner {
    0% {
    -webkit-transform:rotate(0deg)
}
100% {
    -webkit-transform:rotate(360deg)
}
}@keyframes nprogress-spinner {
    0% {
    transform:rotate(0deg)
}
100% {
    transform:rotate(360deg)
}
}.download {
    color:#fff !important;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    position:relative;
    border:1px solid #72c5a6;
    overflow:hidden;
    display:inline-block;
    background:#72c5a6
}
.download:hover {
    color:#fff
}
.download::before,.download::after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    opacity:1;
    -webkit-transform:translate(0,-105%);
    transform:translate(0,-105%);
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:rgba(255,255,255,1);
    background-color:rgba(255,255,255,.25)
}
.download::after {
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.download:hover::before,.download:hover::after {
    opacity:0;
    -webkit-transform:translate(0,0);
    transform:translate(0,0)
}
.download span {
    padding:10px 30px;
    display:inline-block
}
i.iconfont.down {
    margin-right:6px;
    font-size:18px;
    position:relative;
    top:1px
}
#pagination {
    width:100%;
    padding:20px 0;
    text-align:center;
    margin:40px 0 80px;
    display:inline-block
}
#pagination a:hover {
    -webkit-box-shadow:0 0 4px rgba(255,165,0,.85);
    -moz-box-shadow:0 0 4px rgba(255,165,0,.85);
    -o-box-shadow:0 0 4px rgba(255,165,0,.85);
    box-shadow:0 0 4px rgba(255,165,0,.85)
}
#pagination a {
    padding:13px 35px;
    border:1px solid #d6d6d6;
    border-radius:50px;
    color:#adadad
}
#pagination span {
    color:#989898;
    font-size:15px
}
#pagination a:hover {
    border:1px solid orange;
    color:orange
}
#pagination .loading {
    background:url("https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/wordpress-rotating-ball-o.svg");
    background-position:center;
    background-repeat:no-repeat;
    color:#555;
    border:0;
    background-size:auto 100%
}
#pagination .loading:hover {
    border:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none
}
#pagination.pagination-archive {
    margin:80px 0
}
.share-mobile {
    display: none !important;
}

@media(max-width:630px) {
    .works-list {
        width:100% !important;
        margin:0 !important
    }
}
@media(max-width:630px) {
    .links ul li {
    width:100% !important
    }
    .we-content li {
        width:100%;
        margin-top:0
    }
    .we-icon {
        top:50px !important
    }
    .wtitle {
        top:130px !important
    }
    .sub-text {
        top:160px !important
    }
    .admin-login,.wesite-des {
        display:none
    }
    .wesite-title {
        float:none;
        text-align:center;
        border-right:0;
        padding-right:0
    }
}@media(max-width:860px) {
    .comments {
        max-width:100% !important
    }
    .top-feature,.top-feature-row {
        display:none
    }
    .site-content {
        padding:0 4%
    }
    .feature img {
        width:52px;
        height:52px
    }
    .post-list h1.entry-title {
        margin:0 0 0 65px;
        font-size:16px;
        line-height:30px
    }
    .p-time {
        position:relative;
        margin:-15px 0 0 65px
    }
    .post-list p {
        margin:20px 0 0 65px;
        font-size:14px;
        height:30px;
        overflow:hidden
    }
    .s-content {
        padding:10px 15px;
        margin-right:65px
    }
    .s-content p {
        margin-left:0;
        margin-top:0;
        height:30px;
        overflow:hidden
    }
    .postava img {
        width:52px;
        height:52px
    }
    .overlay {
        display:none
    }
    .info-meta {
        display:none
    }
    .post-more {
        display:none
    }
    h1.entry-title {
        font-size:18px
    }
    .entry-content p {
        font-size:14px
    }
    .post-footer,.post-share,.post-like {
        display:none
    }
    .share-mobile {
        display:inline-block !important;
    }
    .post-tags {
        text-align:center;
        float:none;
        font-size:12px
    }
    .author-profile {
        display:none
    }
    .site-footer {
        padding:30px
    }
    .lower {
        display:none !important
    }
    .m-nav {
        display:block
    }
    .site-header {
        display:none
    }
    .site-branding {
        float:right;
        height:50px;
        line-height:48px;
        margin-right: 6px
    }
    .site-title img {
        height:40px;
        line-height:40px;
        margin:0;
        vertical-align:middle
    }
    .site-title {
        font-size:20px;
        margin-right:10px
    }
    .links ul li {
        width:48.6%
    }
    .links ul li:before {
        display:none
    }
    .links ul li:hover .sitename {
        color:orange
    }
    .links ul li:hover .linkdes {
        color:#949494;
        border-top:1px dashed #ddd
    }
    .author-box {
        display:none
    }
    #archives-temp {
        padding:0 20px
    }
}
@media(max-width:1080px) {
    .info-meta {
    display:none
}
.site-footer {
    padding:30px
}
.we-title:before {
    display:none
}
h3#comments-list-title,nav#comments-navi {
    width:100%;
    padding:0 6.39%;
    max-width:1245px
}
}@media(max-width:860px) {
    #main-container {
    transition-duration:.5s;
    position:relative;
    overflow:hidden;
    z-index:2
}
#main-container.open:before {
    content:"";
    width:100%;
    height:100%;
    position:fixed;
    background-color:rgba(0,0,0,.4);
    z-index:99
}
#main-container.open {
    transform:translateX(250px) translateY(0px);
    -webkit-transform:translateX(250px) translateY(0px);
    position:fixed;
    right:0;
    left:0
}
.wrapper {
    transition-duration:.5s;
    width:100%;
    height:auto;
    position:relative
}
#mo-nav.open {
    width:250px;
    transition:all .3s ease
}
.wrapper section {
    /*max-width:600px*/
}
.wrapper section h1 {
    font-weight:300;
    font-size:30px;
    margin-bottom:10px
}
.wrapper section h2 {
    font-weight:300;
    font-size:20px;
    margin-bottom:40px
}
.wrapper section p {
    margin-bottom:40px
}
.openNav {
    transition-duration:.5s;
    width:100%;
    height:50px;
    position:absolute;
    top:0;
    z-index:99999;
    display:block;
    background:none
}
.iconflat {
    background:none;
    width:50px;
    height:50px;
    float:left
}
.openNav .icon {
    transition-duration:.2s;
    position:absolute;
    width:30px;
    height:3px;
    background-color:#fff;
    top:24px;
    left:10px
}
.openNav .icon:before,.openNav .icon:after {
    transition-duration:.5s;
    background-color:#fff;
    position:absolute;
    content:"";
    width:30px;
    height:3px;
    left:0
}
i.iconfont.js-toggle-search.iconsearch {
    color:#fff;
}
.openNav .icon:before {
    top:-8px
}
.openNav .icon:after {
    top:8px
}
.openNav.open .icon {
    background-color:transparent
}
.openNav.open .icon:before,.openNav.open .icon:after {
    top:0
}
.openNav.open .icon:before {
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    background:#fff
}
.openNav.open .icon:after {
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    background:#fff
}
#mo-nav {
    background-color:#fff;
    width:0;
    max-width:250px !important;
    height:100%;
    z-index:999;
    position:absolute;
    top:0;
    left:0;
    display:block;
    overflow-x:hidden !important;
    overflow-y:auto
}
#mo-nav .m-avatar {
    position:relative;
    width:250px;
    max-width:250px;
    height:auto;
    margin:0 auto;
    padding:30px 0 20px;
    text-align:center
}
#mo-nav .m-avatar img {
    width:90px;
    height:90px;
    max-width:90px;
    border-radius:100%
}
#mo-nav .m-search form {
    position:relative;
    width:250px;
    max-width:250px;
    margin:0 0 20px;
    padding:8px 15px;
    background-color:#fafafa
}
#mo-nav .m-search input {
    width:100%;
    border:0;
    padding:5px;
    text-align:center;
    border-radius:3px;
    outline:0
}
#mo-nav ul {
    width:200px;
    height:auto;
    padding: 0px;
}
#mo-nav ul:hover li {
    color:rgba(255,255,255,.5)
}
#mo-nav ul li {
    transition-duration:.25s;
    display:block;
    padding:6px 40px;
    color:white;
    letter-spacing:.02em;
    text-align:left
}
#mo-nav ul li a {
    color:#333;
    font-size:15px
}
#mo-nav li ul {
    width:250px;
    margin:10px 0;
    padding-left:10px
}
#mo-nav li ul li {
    padding:5px 9px
}
#mo-nav li ul li a {
    font-size:13px;
    color:#9cacc5
}
#mo-nav ul li a:hover {
    cursor:pointer;
    color:orange
}
.we-content li {
    height:250px
}
.we-content {
    padding:80px 1%
}
.we-icon {
    top:30px
}
.wtitle {
    top:110px
}
.sub-text {
    top:150px
}
.works-list {
    width:46.88%;
    margin:0 1.5%
}
.works-main {
    height:225px
}
.works-feature img {
    width:100%;
    height:225px
}
.works-entry {
    margin-bottom:20px
}
}::-webkit-scrollbar {
    width:6px;
    height:6px;
    background-color:#eee
}
#mo-nav::-webkit-scrollbar {
    width:0;
    opacity:0
}
::-webkit-scrollbar-track {
    background-color:#eee
}
::-webkit-scrollbar-thumb {
    background-color:#69d2e7
}
@keyframes poi-deg {
    0% {
    transform:rotate(0deg)
}
100% {
    transform:rotate(360deg)
}
}@-webkit-keyframes poi-deg {
    0% {
    transform:rotate(0deg)
}
100% {
    transform:rotate(360deg)
}
}@keyframes elastic {
    0% {
    transform:scale(0)
}
55% {
    transform:scale(1)
}
70% {
    transform:scale(.98)
}
100% {
    transform:scale(1)
}
}@keyframes btn-pudding {
    12%,15% {
    transform:scale(0.93,1.07)
}
16%,17% {
    transform:scale(0.94,1.06)
}
10%,18% {
    transform:scale(0.95,1.05)
}
19% {
    transform:scale(0.96,1.04)
}
20% {
    transform:scale(0.98,1.02)
}
21%,40%,48% {
    transform:scale(0.99,1.01)
}
22%,23%,37%,39%,49% {
    transform:scale(1,1)
}
7%,24%,34%,36% {
    transform:scale(1.01,.99)
}
25%,27%,30%,33% {
    transform:scale(1.02,.98)
}
28%,29% {
    transform:scale(1.03,.97)
}
2% {
    transform:scale(1.16,.84)
}
0% {
    transform:scale(1.2,.8)
}
}@keyframes poi-face {
    2%,24%,80% {
    -webkit-transform:translate(0,1.5px) rotate(1.5deg);
    transform:translate(0,1.5px) rotate(1.5deg)
}
4%,68%,98% {
    -webkit-transform:translate(0,-1.5px) rotate(-.5deg);
    transform:translate(0,-1.5px) rotate(-.5deg)
}
38%,6% {
    -webkit-transform:translate(0,1.5px) rotate(-1.5deg);
    transform:translate(0,1.5px) rotate(-1.5deg)
}
8%,86% {
    -webkit-transform:translate(0,-1.5px) rotate(-1.5deg);
    transform:translate(0,-1.5px) rotate(-1.5deg)
}
10%,72% {
    -webkit-transform:translate(0,2.5px) rotate(1.5deg);
    transform:translate(0,2.5px) rotate(1.5deg)
}
12%,64%,78%,96% {
    -webkit-transform:translate(0,-.5px) rotate(1.5deg);
    transform:translate(0,-.5px) rotate(1.5deg)
}
14%,54% {
    -webkit-transform:translate(0,-1.5px) rotate(1.5deg);
    transform:translate(0,-1.5px) rotate(1.5deg)
}
16% {
    -webkit-transform:translate(0,-.5px) rotate(-1.5deg);
    transform:translate(0,-.5px) rotate(-1.5deg)
}
18%,22% {
    -webkit-transform:translate(0,.5px) rotate(-1.5deg);
    transform:translate(0,.5px) rotate(-1.5deg)
}
20%,36%,46% {
    -webkit-transform:translate(0,-1.5px) rotate(2.5deg);
    transform:translate(0,-1.5px) rotate(2.5deg)
}
26%,50% {
    -webkit-transform:translate(0,.5px) rotate(.5deg);
    transform:translate(0,.5px) rotate(.5deg)
}
28% {
    -webkit-transform:translate(0,.5px) rotate(1.5deg);
    transform:translate(0,.5px) rotate(1.5deg)
}
30%,40%,62%,76%,88% {
    -webkit-transform:translate(0,-.5px) rotate(2.5deg);
    transform:translate(0,-.5px) rotate(2.5deg)
}
32%,34%,66% {
    -webkit-transform:translate(0,1.5px) rotate(-.5deg);
    transform:translate(0,1.5px) rotate(-.5deg)
}
42% {
    -webkit-transform:translate(0,2.5px) rotate(-1.5deg);
    transform:translate(0,2.5px) rotate(-1.5deg)
}
44%,70% {
    -webkit-transform:translate(0,1.5px) rotate(.5deg);
    transform:translate(0,1.5px) rotate(.5deg)
}
48%,74%,82% {
    -webkit-transform:translate(0,-.5px) rotate(.5deg);
    transform:translate(0,-.5px) rotate(.5deg)
}
52%,56%,60% {
    -webkit-transform:translate(0,2.5px) rotate(2.5deg);
    transform:translate(0,2.5px) rotate(2.5deg)
}
58% {
    -webkit-transform:translate(0,.5px) rotate(2.5deg);
    transform:translate(0,.5px) rotate(2.5deg)
}
84% {
    -webkit-transform:translate(0,1.5px) rotate(2.5deg);
    transform:translate(0,1.5px) rotate(2.5deg)
}
90% {
    -webkit-transform:translate(0,2.5px) rotate(-.5deg);
    transform:translate(0,2.5px) rotate(-.5deg)
}
92% {
    -webkit-transform:translate(0,.5px) rotate(-.5deg);
    transform:translate(0,.5px) rotate(-.5deg)
}
94% {
    -webkit-transform:translate(0,2.5px) rotate(.5deg);
    transform:translate(0,2.5px) rotate(.5deg)
}
0%,100% {
    -webkit-transform:translate(0,0) rotate(0);
    transform:translate(0,0) rotate(0)
}
}.ex-login,.ex-register {
    margin:auto;
    width:400px;
    text-align:center;
    background-color:rgba(255,255,255,0)
}
.ex-login {
    padding:20px 0;
    background-color:rgba(255,255,255,0)
}
.ex-login p,.ex-register p {
    margin:1em
}
.ex-login-title {
    color:#666;
    font-size:20px;
    padding-top:25px
}
.ex-login-title img {
    width:85px;
    height:85px;
    border-radius:100%
}
.ex-register-title h3 {
    padding-bottom:15px;
    font-size:24px;
    color:#666
}
.ex-login input,.ex-register input {
    width:300px;
    margin-bottom:6px;
    padding:12px 10px;
    border:1px #ddd solid;
    outline:0;
    border-radius:3px;
    font-size:16px;
    font:300 14px miranafont,"Hiragino Sans GB","Microsoft YaHei",STXihei,SimSun,sans-serif;
    -webkit-transition:.4s ease all;
    -moz-transition:.4s ease all;
    -o-transition:.4s ease all;
    transition:.4s ease all
}
.ex-login input.login-button,.ex-register input.register-button {
    box-shadow:none;
    text-shadow:none;
    background-color:#eee
}
.ex-register input.register-button {
    margin-bottom:20px
}
.ex-login input.login-button:hover,.ex-register input.register-button:hover {
    background-color:#e67474;
    border-color:#e67474;
    color:#fff
}
.user-login-check,.admin-login-check {
    width:100%;
    margin:10% 0 12%;
    text-align:center;
    font-size:16px;
    color:#555
}
.user-login-check p,.admin-login-check p {
    margin:.8em
}
.ex-login-avatar img {
    border-radius:100%;
    border:1px solid #ddd;
    padding:5px;
    width:110px;
    height:110px
}
.ex-login-username {
    font-size:20px
}
.ex-new-account {
    padding:45px 0
}
.ex-new-account a {
    font-size:16px
}
.ex-new-account a:hover {
    color:#e67474
}
.ex-logout {
    padding-top:1em
}
.ex-logout a,.ex-new-account a {
    color:#555;
    text-decoration:underline;
    margin:0 20px
}
.ex-register .user-error {
    text-align:left;
    font-size:12px;
    width:300px;
    margin:0 auto 24px;
    padding:8px;
    background:rgba(241,241,241,.5)
}
.register-close {
    margin-bottom:200px;
    font-size:18px
}
.header-user-avatar {
    position:relative;
    float:right;
    margin-left:20px;
    margin-top:22px
}
.header-user-avatar img {
    border-radius:100%;
    cursor:pointer
}
.header-user-avatar:hover .header-user-menu {
    display:block
}
.header-user-menu {
    position:absolute;
    width:110px;
    right:-11px;
    text-align:left;
    background:none;
    top:44px;
    display:none;
    overflow:hidden;
    animation:header-user-menu .4s;
    box-shadow:0 1px 40px -8px rgba(0,0,0,.5);
    border-radius:5px;
    text-align:center
}
.header-user-menu::before {
    content:"";
    position:fixed;
    top:46px;
    right:25px;
    margin-left:-10px;
    border-width:10px;
    border-style:solid;
    border-color:transparent transparent #fff transparent
}
.herder-user-name {
    font-size:12px;
    background:#fff;
    padding:10px 10px;
    border-radius:4px 4px 0 0
}
.herder-user-name-u {
    font-weight:bold;
    font-size:14px;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap
}
.header-user-menu .user-menu-option {
    padding:5px 0;
    background:#fff;
    border-radius:0 0 4px 4px;
    width:130px
}
.header-user-menu a {
    display:block;
    padding:6px 10px;
    margin:2px 0;
    width:110px;
    text-align:left;
    color:#333;
    font-size:13px;
    text-align:center
}
.user-menu-option a:hover {
    background-color:#f1f1f1
}
.no-logged {
    font-size:13px;
    padding:15px 10px;
    border-radius:4px;
    border:0
}
.no-logged a {
    display:initial;
    color:#69d2e7;
    font-size:14px;
    padding:0 5px;
    text-decoration:underline
}
@keyframes header-user-menu {
    0% {
    opacity:0;
    transform:translateY(-20px)
}
100% {
    opacity:1;
    transform:translateY(0)
}
}.oshimai {
    height:2em;
    width:6.11em;
    background:url("https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/oshimai.svg");
    background-size:cover;
    margin:0 auto
}
.single-reward {
    position:relative;
    width:100%;
    margin:35px auto;
    text-align:center;
    z-index:999
}
.single-reward .reward-open {
    position:relative;
    width:40px;
    height:40px;
    font-size:18px;
    padding:7px;
    color:#fff;
    text-align:center;
    display:inline-block;
    border-radius:100%;
    background:#d34836;
    cursor:pointer
}
.single-reward .reward-main {
    position:absolute;
    top:40px;
    left:-157px;
    margin:0;
    padding:15px 0 0;
    width:355px;
    background:none;
    display:none;
    animation:main .4s
}
.reward-open:hover .reward-main {
    display:block
}
.single-reward .reward-row {
    margin:0 auto;
    padding:20px 15px 10px;
    background:#f5f5f5;
    display:inline-block;
    border-radius:4px;
    cursor:auto
}
.single-reward .reward-row:before {
    content:"";
    width:0;
    height:0;
    border-left:13px solid transparent;
    border-right:13px solid transparent;
    border-bottom:13px solid #f5f5f5;
    position:absolute;
    top:2px;
    left:0;
    right:0;
    margin:0 auto
}
.single-reward .reward-row li {
    list-style-type:none;
    padding:0 12px;
    display:inline-block
}
.reward-row li img {
    width:130px;
    max-width:130px;
    border-radius:3px;
    position:relative
}
.reward-row li::after {
    display:block;
    padding:5px 0 0;
    font-size:13px;
    color:#555
}
.alipay-code:after {
    content:"支付宝"
}
.wechat-code:after {
    content:"微信"
}
.sm {
    cursor:wait
}
.botui-container {
    font-size:14px;
    background-color:rgba(255,255,255,0)
}
.botui-messages-container {
    padding:10px 20px
}
.botui-actions-container {
    padding:10px 20px
}
.botui-message {
    min-height:30px
}
.botui-message-content {
    padding:7px 13px;
    border-radius:15px;
    color:#595a5a;
    background-color:#ebebeb
}
.botui-message-content.human {
    color:#f7f8f8;
    background-color:#919292
}
.botui-message-content.text {
    line-height:1.3
}
.botui-message-content.loading {
    background-color:rgba(206,206,206,.5);
    line-height:1.3;
    text-align:center
}
.botui-message-content.embed {
    padding:5px;
    border-radius:5px
}
.botui-message-content-link {
    color:#919292
}
.botui-actions-text-input {
    border:0;
    outline:0;
    border-radius:0;
    padding:5px 7px;
    background-color:transparent;
    color:#595a5a;
    border-bottom:1px solid #919292
}
.botui-actions-text-submit {
    color:#fff;
    width:30px;
    padding:5px;
    height:30px;
    line-height:1;
    border-radius:50%;
    border:1px solid #919292;
    background:#777979
}
.botui-actions-buttons-button {
    border:0;
    color:#fff;
    line-height:1;
    cursor:url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/cursor/No_Disponible.cur),auto;
    font-size:14px;
    font-weight:500;
    padding:7px 15px;
    border-radius:4px;
    background:#777979;
    box-shadow:2px 3px 4px 0 rgba(0,0,0,.25)
}
.poptitle {
    width:100%;
    height:100%;
    line-height:3;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    background-color:rgba(255,255,255,.7)
}
@media(min-width:400px) {
    .poptitle {
    width:400px;
    height:100%;
    margin:0 auto;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    background-color:rgba(255,255,255,.7)
}
}.popfooter {
    width:100%;
    height:100%;
    line-height:1;
    background-color:rgba(255,255,255,.7)
}
@media(min-width:400px) {
    .popfooter {
    width:400px;
    height:100%;
    margin:0 auto;
    background-color:rgba(255,255,255,.7)
}
}.popcontainer {
    width:100%;
    height:100%;
    line-height:1
}
@media(min-width:400px) {
    .popcontainer {
    height:100%;
    margin:0 auto
}
}.popcontainer h4:before {
    content:" ";
    margin-right:0;
    color:#ff6d6d
}
.popcontainer h4:after {
    content:" ";
    left:0;
    position:absolute;
    color:#ff6d6d
}
.slide-fade-enter-active {
    transition:all .3s ease
}
.slide-fade-enter,.slide-fade-leave-to {
    opacity:0;
    transform:translateX(-10px)
}
.dot {
    width:.5rem;
    height:.5rem;
    border-radius:.5rem;
    display:inline-block;
    background-color:#919292
}
.dot:nth-last-child(1) {
    margin-left:.3rem;
    animation:loading .6s .3s linear infinite
}
.dot:nth-last-child(2) {
    margin-left:.3rem;
    animation:loading .6s .2s linear infinite
}
.dot:nth-last-child(3) {
    animation:loading .6s .1s linear infinite
}
@keyframes loading {
    0% {
    transform:translate(0,0);
    background-color:#ababab
}
25% {
    transform:translate(0,-3px)
}
50% {
    transform:translate(0,0);
    background-color:#ababab
}
75% {
    transform:translate(0,3px)
}
100% {
    transform:translate(0,0)
}
}a.botui-message-content-link:focus {
    outline:thin dotted
}
a.botui-message-content-link:focus:active,a.botui-message-content-link:focus:hover {
    outline:0
}
form.botui-actions-text {
    margin:0
}
button.botui-actions-buttons-button,input.botui-actions-text-input {
    margin:0;
    font-size:100%;
    line-height:normal;
    vertical-align:baseline
}
button.botui-actions-buttons-button::-moz-focus-inner,input.botui-actions-text-input::-moz-focus-inner {
    border:0;
    padding:0
}
button.botui-actions-buttons-button {
    cursor:url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/cursor/No_Disponible.cur),auto;
    -webkit-appearance:button
}
.botui-app-container {
    width:100%;
    height:100%;
    line-height:1
}
@media(min-width:400px) {
    .botui-app-container {
    width:400px;
    height:500px;
    margin:0 auto
}
}.botui-container {
    width:100%;
    height:100%;
    overflow-y:auto;
    overflow-x:hidden
}
.botui-message {
    margin:10px 0;
    min-height:20px
}
.botui-message-content {
    width:auto;
    max-width:85%;
    display:inline-block
}
.botui-message-content.human {
    float:right;
    margin-bottom:12.2px
}
.botui-message-content iframe {
    width:100%
}
.botui-message-content-image {
    margin:5px 0;
    display:block;
    max-width:200px;
    max-height:200px
}
.botui-message-content-link {
    text-decoration:underline
}
.botui-actions-buttons-button+.botui-actions-buttons-button {
    margin-left:10px
}
@media(min-width:400px) {
    .botui-actions-text-submit {
    display:none
}
}.load-button {
    width:200px;
    height:60px;
    margin:auto;
    cursor:pointer;
    perspective:500px;
    -webkit-perspective:500px
}
.load-button div {
    height:100%;
    transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
    transition:.25s;
    -webkit-transition:.25s
}
.load-button:hover div {
    transform:rotateX(-90deg)
}
.load-button span {
    width:100%;
    height:100%;
    position:absolute;
    box-sizing:border-box;
    border:5px solid #d34836;
    line-height:50px;
    font-size:17pt;
    text-align:center;
    text-transform:uppercase
}
.load-button span:nth-child(1) {
    color:#d34836;
    transform:translate3d(0,0,30px);
    -webkit-transform:translate3d(0,0,30px)
}
.load-button span:nth-child(2) {
    color:white;
    background:#d34836;
    transform:rotateX(90deg) translate3d(0,0,30px);
    -webkit-transform:rotateX(90deg) translate3d(0,0,30px)
}
.logolink a {
    color:#464646;
    float:left;
    font-size:20px;
    font-weight:800;
    height:56px;
    line-height:56px;
    padding-left:35px;
    padding-right:15px;
    padding-top:11px;
    text-decoration-line:none
}
.logolink .sakurasono {
    background-color:rgba(255,255,255,.5);
    border-radius:5px;
    color:#464646;
    height:auto;
    line-height:25px;
    margin-right:0;
    padding-bottom:0;
    padding-top:1px;
    text-size-adjust:100%;
    width:auto
}
.logolink a:hover .sakurasono {
    background-color:orange;
    color:#fff
}
.logolink a:hover .shironeko,.logolink a:hover rt {
    color:orange
}
.logolink.moe-mashiro a {
    color:#464646;
    float:left;
    font-size:28px;
    font-weight:800;
    height:56px;
    line-height:56px;
    padding-left:6px;
    padding-right:15px;
    padding-top:11px;
    text-decoration-line:none
}
.logolink.moe-mashiro .sakurasono {
    font-size:25px;
    border-radius:9px;
    padding-bottom:2px;
    padding-top:5px
}
.logolink.moe-mashiro .shironeko {
    margin-left:-5px
}
.forgetmenot input[type=checkbox] {
    border:1px solid #b4b9be;
    background:#fff;
    color:#555;
    clear:none;
    cursor:pointer;
    display:inline-block;
    line-height:0;
    height:16px;
    margin:-4px 4px 0 0;
    outline:0;
    padding:0 !important;
    text-align:center;
    vertical-align:middle;
    width:16px;
    min-width:16px;
    -webkit-appearance:none;
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    -webkit-transition:.05s border-color ease-in-out;
    transition:.05s border-color ease-in-out
}
.forgetmenot input[type=checkbox]:checked:before {
    content:"✔";
    margin:-3px 0 0 -4px;
    color:#1e8cbe
}
.forgetmenot input[type=checkbox]:checked:before,input[type=radio]:checked:before {
    float:left;
    display:inline-block;
    vertical-align:middle;
    width:16px;
    font:400 21px/1 dashicons;
    speak:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.forgetmenot input[type=checkbox]:checked:before {
    content:"✔";
    margin:-3px 0 0 -4px;
    color:#1e8cbe
}
.forgetmenot input[type=checkbox]:checked:before,input[type=radio]:checked:before {
    float:left;
    display:inline-block;
    vertical-align:middle;
    width:16px;
    font:400 21px/1 dashicons;
    speak:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.prpr {
    position:fixed;
    bottom:0;
    left:0;
    z-index:99;
    font-size:0;
    transition:all .3s ease-in-out;
    -webkit-transform:translateY(3px);
    transform:translateY(3px);
    cursor:grab;
    user-select:none
}
.prpr:hover {
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.prpr:active {
    cursor:grabbing
}
@media(max-width:860px) {
    .prpr {
    transform:scale(0.8) translate(-30px,31px)
}
.prpr:hover {
    -webkit-transform:scale(0.8) translate(-30px,31px);
    transform:scale(0.8) translate(-30px,31px)
}
}@media(max-width:560px) {
    .prpr {
    transform:scale(0.5) translate(-150px,125px)
}
.prpr:hover {
    -webkit-transform:scale(0.5) translate(-150px,125px);
    transform:scale(0.5) translate(-150px,125px)
}
}.prpr #live2d {
    position:relative;
    z-index:99
}
.mashiro-tips {
    opacity:0;
    width:250px;
    height:auto;
    min-height:70px;
    margin:-20px 20px;
    padding:5px 10px;
    border-radius:12px;
    box-sizing:border-box;
    box-shadow:0 0 2px 0 rgba(0,0,0,.12),0px 2px 2px 0 rgba(0,0,0,.24);
    transition:box-shadow .2s ease;
    background:#fff;
    color:#212121;
    font-size:12px;
    text-overflow:ellipsis;
    overflow:hidden;
    position:absolute;
    animation-delay:5s;
    animation-duration:50s;
    animation-iteration-count:infinite;
    animation-name:shake;
    animation-timing-function:ease-in-out
}
@keyframes shake {
    2% {
    transform:translate(.5px,-1.5px) rotate(-.5deg)
}
4% {
    transform:translate(.5px,1.5px) rotate(1.5deg)
}
6% {
    transform:translate(1.5px,1.5px) rotate(1.5deg)
}
8% {
    transform:translate(2.5px,1.5px) rotate(.5deg)
}
10% {
    transform:translate(.5px,2.5px) rotate(.5deg)
}
12% {
    transform:translate(1.5px,1.5px) rotate(.5deg)
}
14% {
    transform:translate(.5px,.5px) rotate(.5deg)
}
16% {
    transform:translate(-1.5px,-.5px) rotate(1.5deg)
}
18% {
    transform:translate(.5px,.5px) rotate(1.5deg)
}
20% {
    transform:translate(2.5px,2.5px) rotate(1.5deg)
}
22% {
    transform:translate(.5px,-1.5px) rotate(1.5deg)
}
24% {
    transform:translate(-1.5px,1.5px) rotate(-.5deg)
}
26% {
    transform:translate(1.5px,.5px) rotate(1.5deg)
}
28% {
    transform:translate(-.5px,-.5px) rotate(-.5deg)
}
30% {
    transform:translate(1.5px,-.5px) rotate(-.5deg)
}
32% {
    transform:translate(2.5px,-1.5px) rotate(1.5deg)
}
34% {
    transform:translate(2.5px,2.5px) rotate(-.5deg)
}
36% {
    transform:translate(.5px,-1.5px) rotate(.5deg)
}
38% {
    transform:translate(2.5px,-.5px) rotate(-.5deg)
}
40% {
    transform:translate(-.5px,2.5px) rotate(.5deg)
}
42% {
    transform:translate(-1.5px,2.5px) rotate(.5deg)
}
44% {
    transform:translate(-1.5px,1.5px) rotate(.5deg)
}
46% {
    transform:translate(1.5px,-.5px) rotate(-.5deg)
}
48% {
    transform:translate(2.5px,-.5px) rotate(.5deg)
}
50% {
    transform:translate(-1.5px,1.5px) rotate(.5deg)
}
52% {
    transform:translate(-.5px,1.5px) rotate(.5deg)
}
54% {
    transform:translate(-1.5px,1.5px) rotate(.5deg)
}
56% {
    transform:translate(.5px,2.5px) rotate(1.5deg)
}
58% {
    transform:translate(2.5px,2.5px) rotate(.5deg)
}
60% {
    transform:translate(2.5px,-1.5px) rotate(1.5deg)
}
62% {
    transform:translate(-1.5px,.5px) rotate(1.5deg)
}
64% {
    transform:translate(-1.5px,1.5px) rotate(1.5deg)
}
66% {
    transform:translate(.5px,2.5px) rotate(1.5deg)
}
68% {
    transform:translate(2.5px,-1.5px) rotate(1.5deg)
}
70% {
    transform:translate(2.5px,2.5px) rotate(.5deg)
}
72% {
    transform:translate(-.5px,-1.5px) rotate(1.5deg)
}
74% {
    transform:translate(-1.5px,2.5px) rotate(1.5deg)
}
76% {
    transform:translate(-1.5px,2.5px) rotate(1.5deg)
}
78% {
    transform:translate(-1.5px,2.5px) rotate(.5deg)
}
80% {
    transform:translate(-1.5px,.5px) rotate(-.5deg)
}
82% {
    transform:translate(-1.5px,.5px) rotate(-.5deg)
}
84% {
    transform:translate(-.5px,.5px) rotate(1.5deg)
}
86% {
    transform:translate(2.5px,1.5px) rotate(.5deg)
}
88% {
    transform:translate(-1.5px,.5px) rotate(1.5deg)
}
90% {
    transform:translate(-1.5px,-.5px) rotate(-.5deg)
}
92% {
    transform:translate(-1.5px,-1.5px) rotate(1.5deg)
}
94% {
    transform:translate(.5px,.5px) rotate(-.5deg)
}
96% {
    transform:translate(2.5px,-.5px) rotate(-.5deg)
}
98% {
    transform:translate(-1.5px,-1.5px) rotate(-.5deg)
}
0%,100% {
    transform:translate(0,0) rotate(0)
}
}.live2d-tool {
    position:fixed;
    bottom:0;
    left:0;
    width:auto;
    height:auto;
    z-index:100;
    border-radius:5px;
    font-size:13px;
    cursor:pointer;
    font-family:'Ubuntu'
}
@media(min-width:861px) {
    .live2d-tool {
    border-radius:0 5px 5px 0;
    width:35px;
    left:-17px;
    color:white;
    font-size:13px;
    padding:5px 0;
    padding-top:5px;
    padding-right:0;
    padding-bottom:5px;
    padding-left:17px;
    font-weight:bold;
    z-index:99;
    visibility:visible;
    writing-mode:vertical-rl;
    transition-property:left,bottom;
    transition-duration:.5s,.5s
}
.live2d-tool:hover {
    left:0
}
}@media(max-width:860px) {
    .live2d-tool {
    padding:0 5px
}
}@media screen and (-webkit-min-device-pixel-ratio:0) {
    .isWebKit .live2d-tool {
    position:fixed;
    left:0;
    width:auto;
    height:auto;
    z-index:100;
    border-radius:5px;
    font-size:13px;
    cursor:pointer
}
@media(min-width:861px) {
    .isWebKit .live2d-tool {
    border-radius:0 5px 5px 0;
    width:35px;
    margin-left:-35px;
    color:white;
    font-size:13px;
    padding:5px 0;
    padding-top:5px;
    padding-right:0;
    padding-bottom:5px;
    padding-left:17px;
    font-weight:bold;
    z-index:99;
    writing-mode:vertical-rl;
    transition-property:margin-left,bottom;
    transition-duration:.5s,.5s
}
.isWebKit .live2d-tool:hover {
    margin-left:-17px
}
}
}
@supports(-ms-ime-align:auto) {
    .live2d-tool {
    margin-left:0;
    left:-17px;
    transition-property:left,bottom
}
.live2d-tool:hover {
    margin-left:0
}
}.live2d-tool .keys {
    position:relative
}
.hide-live2d {
    visibility:visible
}
.switch-live2d {
    visibility:hidden
}
.save-live2d {
    visibility:hidden
}
@media(min-width:861px) {
    .hide-live2d {
    background-color:orange;
    bottom:156px;
    visibility:visible;
    min-height:38.75px
}
.switch-live2d {
    background-color:#f7bb4d;
    bottom:105px;
    visibility:visible;
    min-height:51px
}
.save-live2d {
    background-color:#eed099;
    bottom:66px;
    visibility:visible;
    min-height:39.3px
}
}.hide-live2d-tool {
    bottom:15px
}
.aplayer-miniswitcher,.ap-hover,.live2d-tool,.aplayer-icon {
    border-radius:0 6px 6px 0 !important
}
.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden
}
.video-container embed,.video-container iframe,.video-container object {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
#Snow {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99999;
    background:rgba(125,137,95,0);
    pointer-events:none
}
#night-mode-cover {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99999;
    background:rgba(86,86,86,.2);
    pointer-events:none;
    visibility:hidden
}
.changeSkin {
    position:fixed;
    bottom:0;
    right:-600px;
    width:auto;
    height:auto;
    z-index:99;
    font-family:'Ubuntu';
    padding:10px 20px;
    transition-property:right;
    transition-duration:.3s,.3s
}
.changeSkin .keys {
    position:relative;
    z-index:99
}
.changeSkin .keys span {
    cursor:pointer
}
.changeSkin-gear {
    position:fixed;
    bottom:-999px;
    right:5px;
    width:auto;
    height:auto;
    z-index:99;
    visibility:hidden;
    white-space:nowrap;
    padding:10px 10px;
    cursor:pointer;
    border-radius:10px 10px 0 0
}
.changeSkin .keys {
    position:relative;
    z-index:99
}
.changeSkin .keys span {
    cursor:pointer
}
.changeSkin .close-skinMenu {
    position:relative;
    z-index:99;
    cursor:pointer
}
.keys-line-add {
    text-align:right;
    margin-right:22px
}
@media(max-width:800px) {
    .changeSkin-gear span::before {
    content:""
}
.changeSkin i {
    font-size:20px
}
.changeSkin-gear i {
    font-size:20px
}
}position:relative;
    z-index:99;
    cursor:pointer
}
.changeSkin-gear span:before {
    content:"切换主题 | Change Skin "
}
@media(max-width:800px) {
    .changeSkin-gear span::before {
    content:""
}
.changeSkin i {
    font-size:20px
}
.changeSkin-gear i {
    font-size:20px
}
}.img-preload {
    visibility:hidden;
    width:0;
    height:0
}
@-webkit-keyframes rotating {
    from {
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg)
}
to {
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg)
}
}@keyframes rotating {
    from {
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg)
}
to {
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg)
}
}.rotating {
    -webkit-animation:rotating 3s linear infinite;
    -moz-animation:rotating 3s linear infinite;
    -ms-animation:rotating 3s linear infinite;
    -o-animation:rotating 3s linear infinite;
    animation:rotating 3s linear infinite
}
.inline-block {
    display:inline-block
}
.block {
    display:block
}
.center-text {
    margin:auto;
    font-family:'Ubuntu',sans-serif;
    font-size:80px;
    text-transform:uppercase
}
.glitch {
    position:relative;
    color:white;
    mix-blend-mode:lighten
}
.glitch:before,.glitch:after {
    content:attr(data-text);
    position:absolute;
    top:0;
    width:100%;
    background:rgba(0,0,0,0);
    clip:rect(0,0,0,0)
}
.glitch:before {
    left:-1px;
    text-shadow:1px 0 #ff3f1a
}
.glitch:after {
    left:1px;
    text-shadow:-1px 0 #00a7e0
}
.glitch:hover:before {
    text-shadow:4px 0 #ff3f1a;
    animation:glitch-loop-1 .8s infinite ease-in-out alternate-reverse
}
.glitch:hover:after {
    text-shadow:-5px 0 #00a7e0;
    animation:glitch-loop-2 .8s infinite ease-in-out alternate-reverse
}
@-webkit-keyframes glitch-loop-1 {
    0% {
    clip:rect(36px,9999px,9px,0)
}
25% {
    clip:rect(25px,9999px,99px,0)
}
50% {
    clip:rect(50px,9999px,102px,0)
}
75% {
    clip:rect(30px,9999px,92px,0)
}
100% {
    clip:rect(91px,9999px,98px,0)
}
}@keyframes glitch-loop-1 {
    0% {
    clip:rect(36px,9999px,9px,0)
}
25% {
    clip:rect(25px,9999px,99px,0)
}
50% {
    clip:rect(50px,9999px,102px,0)
}
75% {
    clip:rect(30px,9999px,92px,0)
}
100% {
    clip:rect(91px,9999px,98px,0)
}
}@-webkit-keyframes glitch-loop-2 {
    0% {
    top:-1px;
    left:1px;
    clip:rect(65px,9999px,119px,0)
}
25% {
    top:-6px;
    left:4px;
    clip:rect(79px,9999px,19px,0)
}
50% {
    top:-3px;
    left:2px;
    clip:rect(68px,9999px,11px,0)
}
75% {
    top:0;
    left:-4px;
    clip:rect(95px,9999px,53px,0)
}
100% {
    top:-1px;
    left:-1px;
    clip:rect(31px,9999px,149px,0)
}
}@keyframes glitch-loop-2 {
    0% {
    top:-1px;
    left:1px;
    clip:rect(65px,9999px,119px,0)
}
25% {
    top:-6px;
    left:4px;
    clip:rect(79px,9999px,19px,0)
}
50% {
    top:-3px;
    left:2px;
    clip:rect(68px,9999px,11px,0)
}
75% {
    top:0;
    left:-4px;
    clip:rect(95px,9999px,53px,0)
}
100% {
    top:-1px;
    left:-1px;
    clip:rect(31px,9999px,149px,0)
}
}.bb-comment {
    border:1px solid #fb7299;
    min-width:30px;
    display:inline-block;
    text-align:center;
    font-size:12px;
    color:#fb7299;
    border-radius:3px;
    font-weight:400
}
.itempic {
    min-height:280px;
    max-height:300px;
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover
}
.finish-icon-container {
    font-size:1rem;
    display:-webkit-box;
    display:box;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    box-align:center;
    -webkit-align-items:center;
    align-items:center
}
.finish-icon-text {
    margin-right:8px
}
.finish-icon {
    vertical-align:text-bottom
}
progress {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:0;
    background-size:auto;
    height:24px;
    width:100%
}
.skill-list {
    list-style:none;
    margin:0;
    padding-top:25px
}
.skill {
    margin-bottom:1em;
    position:relative
}
.skill div {
    color:#fff;
    line-height:1;
    position:absolute;
    top:4px;
    font-size:1em;
    margin-top:0;
    margin-bottom:0;
    text-shadow:0 0 1px rgba(0,0,0,.22);
    width:100%;
    text-align:center
}
.skill ::-webkit-progress-value {
    -webkit-animation:bar-fill 2s;
    width:0
}
.skill-1::-webkit-progress-value {
    background:#ff9e2c
}
.skill-1::-moz-progress-bar {
    background:#ff9e2c
}
@-webkit-keyframes bar-fill {
    0% {
    width:0
}
}@keyframes bar-fill {
    0% {
    width:0
}
}.art .art-content .al_mon_list li:before,.art .art-content #archives a:before {
    content:none
}
#archives ul {
    list-style:none;
    margin-bottom:0;
    left:-45px
}
#archives li {
    list-style:none
}
#archives li>ul,li>ol {
    margin-left:-2.7em
}
#archives h3 {
    margin-top:0;
    margin-bottom:0
}
.art-content #archives .al_mon_list {
    position:relative;
    padding:10px 0;
    display:inline-block;
    vertical-align:middle
}
.art .art-content #archives a {
    color:#000
}
.art .art-content #archives a:hover {
    color:orange
}
.art .art-content #archives .al_year {
    padding-left:100px
}
.art-content #archives .al_mon_list .al_mon,.art .art-content .al_mon_list .al_post_list>li {
    position:relative
}
.art-content #archives .al_mon_list .al_mon,.art-content #archives .al_mon_list span {
    padding:0;
    border-radius:0;
    margin:0;
    color:#000;
    background:none;
    font-weight:normal
}
.art .art-content #archives a {
    font-weight:normal
}
.art .art-content .al_mon_list {
    width:100%
}
.art .art-content .al_mon_list .al_post_list>li:before {
    position:absolute;
    left:116px;
    background:#fff;
    height:12px;
    width:12px;
    border-radius:6px;
    top:6px;
    content:""
}
.art .art-content .al_mon_list .al_post_list>li:after {
    position:absolute;
    left:118px;
    background:#6ecaf5;
    height:8px;
    width:8px;
    border-radius:6px;
    top:8px;
    content:""
}
.art-content #archives .al_mon_list .al_mon:before {
    position:absolute;
    left:113px;
    background:#fff;
    height:18px;
    width:18px;
    border-radius:9px;
    top:3px;
    content:""
}
.art-content #archives .al_mon_list .al_mon:after {
    position:absolute;
    left:116px;
    background:#6ecaf5;
    height:12px;
    width:12px;
    border-radius:6px;
    top:6px;
    content:""
}
.art .art-content .al_mon_list .al_post_list>li {
    padding-left:140px
}
.art-content #archives .al_mon_list .al_post_list,.art-content #archives .al_mon {
    display:block
}
.art-content #archives .al_mon_list:before {
    max-height:100%;
    height:100%;
    width:4px;
    background:#6ecaf5;
    position:absolute;
    left:120px;
    content:"";
    top:0
}
.art-content #archives .al_mon_list .al_mon:before,.art .art-content .al_mon_list .al_post_list>li:before {
    -webkit-box-shadow:1px 1px 1px #bbb;
    box-shadow:1px 1px 1px #bbb
}
.art-content #archives .al_mon_list .al_mon:after,.art .art-content .al_mon_list .al_post_list>li:after {
    background:#0bf
}
.toc-container {
    z-index:98;
    width:200px;
    height:100%;
    background-color:rgba(255,255,255,0);
    transform:translateX(0);
    right:calc((100% - 950px - 250px)/2);
    position:absolute !important;
    top:480px;
    position:absolute;
    padding-top:10px;
    padding-bottom:10px
}
.toc {
    position:-webkit-sticky;
    position:sticky;
    top:100px
}
@media(max-width:860px) {
    .toc-container {
    display:none
}
}.toc {
    overflow-y:auto
}
.toc>.toc-list {
    overflow:hidden;
    position:relative
}
.toc>.toc-list li {
    list-style:none
}
.toc-list {
    margin:0;
    padding-left:10px
}
a.toc-link {
    color:currentColor;
    height:100%
}
.is-collapsible {
    max-height:1000px;
    overflow:hidden;
    transition:all 300ms ease-in-out
}
.is-collapsed {
    max-height:0
}
.is-position-fixed {
    position:fixed !important;
    top:0
}
.is-active-link {
    font-weight:700
}
.toc-link::before {
    background-color:#EEE;
    content:' ';
    display:inline-block;
    height:inherit;
    left:0;
    margin-top:-1px;
    position:absolute;
    width:2px
}
.is-active-link::before {
    background-color:orange !important
}
.flipx {
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    filter:FlipH
}
.flipy {
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
    filter:FlipV
}
.flipx-v2 {
    transform:rotateY(180deg)
}
.flipy-v2 {
    transform:rotateX(180deg)
}
.ex-login,.ex-register {
    width:auto !important
}
.bili-container,.tieba-container {
    padding-left:16px
}
.tieba-container span {
    width:32px;
    height:32px
}
.tieba-container img {
    width:32px;
    height:32px;
    margin:7px
}
.tieba-container img:hover {
    background-color:rgba(245,245,245,.8);
    border-radius:5px
}
.emotion-box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    display:none
}
.emotion-inline {
    padding-left:0 !important;
    padding-right:0 !important
}
.emotion-item {
    margin:6px;
    display:inline-block;
    width:32px;
    height:32px;
    overflow:hidden;
    border-radius:4px;
    margin-bottom:-8px
}
.emotion-secter {
    margin:12px 12px 0 0
}
.emotion-item .img {
    -webkit-animation:im-emotion-step 1.08s steps(27) infinite;
    animation:im-emotion-step 1.08s steps(27) infinite;
    animation-duration:1.08s;
    animation-timing-function:steps(27)
}
.emotion-item .img {
    width:32px;
    height:864px;
    max-width:32px;
    background:top/32px no-repeat;
    background-image:none
}
@-webkit-keyframes im-emotion-step {
    0% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
to {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
}@keyframes im-emotion-step {
    0% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
to {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
}.emotion-select-parent {
    background-size:cover
}
.emotion-select-child {
    display:none
}
.emotion-select-parent:hover {
    background-image:none !important;
    background-color:rgba(245,245,245,.8);
    border-radius:5px
}
.emotion-select-parent:hover .emotion-select-child {
    display:block
}
#emotion-toggle {
    text-align:center;
    margin-bottom:5px
}
.emotion-toggle-on {
    display:none
}
.motion-switcher-table {
    border-collapse:collapse;
    width:100%;
    margin:0;
    table-layout:fixed
}
.motion-switcher-table th,.motion-switcher-table td {
    padding:8px;
    text-align:center;
    border-radius:5px
}
.motion-switcher-table th:hover {
    background-color:rgba(245,245,245,.5);
    color:orange
}
.motion-switcher-table .on-hover {
    color:orange
}
.motion-container {
    height:110px;
    overflow:auto;
    margin-bottom:5px;
    border-radius:5px
}
@media(max-width:860px) {
    .bili-container,.tieba-container {
    padding-left:0
}
.emotion-item {
    transform:scale(0.6);
    margin-bottom:-10px
}
.tieba-container span,.tieba-container img {
    transform:scale(0.6);
    margin-bottom:-10px
}
.emotion-secter {
    margin:0
}
.emotion-select-parent:hover {
    background-image:none !important;
    -ms-transform:scale(0.6,.6);
    -webkit-transform:scale(0.6,.6);
    transform:scale(0.6,.6)
}
}.menhera-container .emoji-item {
    padding:3px 5px;
    margin:3px 3px;
    display:inline-block;
    border-radius:4px;
    color:#333
}
.menhera-container .emoji-item:hover {
    background-color:rgba(245,245,245,.8)
}
#emotion-toggle,.emotion-box,.on-hover,.emotion-item,.emoji-item,.tieba-container span {
    cursor:url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/cursor/No_Disponible.cur),auto
}
.alignright {
    width:auto !important
}
.no-select {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.scrollbar {
    position:fixed;
    top:0;
    height:3px;
    background:#bebebe;
    transition-property:width,background;
    transition-duration:1s,1s;
    z-index:99999
}
#footer-sponsor {
    font-size:9px
}
@media(max-width:860px) {
    #footer-sponsor {
    margin-bottom:-20px
}
}.comment-user-avatar {
    position:absolute;
    display:inline-block;
    float:left;
    width:64px;
    height:64px;
    margin-top:10px;
    pointer-events:none
}
.comment-user-avatar img {
    width:100%;
    height:100%;
    border-radius:50%
}
.comment-user-avatar .socila-check {
    display:none;
    width:1.5em;
    height:1.5em;
    font-size:1em;
    line-height:1.5em;
    text-align:center;
    color:white;
    border-radius:50%;
    position:absolute;
    margin:-28px 0 0 42px
}
.qq-check {
    background-color:#99ce00
}
.gravatar-check {
    background-color:#1e8cbe;
    -ms-transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg)
}
@media(max-width:625px) {
    .comment-user-avatar {
    padding-top:10px;
    width:45px;
    height:55px;
    right:36px
}
.comment-user-avatar .socila-check {
    width:1.5em;
    height:1.5em;
    font-size:.5em;
    line-height:1.5em;
    margin:-40% 0 0 77%
}
}.popup {
    position:relative;
    display:inline-block;
    cursor:pointer
}
.cmt-popup {
    margin:0 0 40px 1%;
    --widthA:98%;
    --widthB:calc(var(--widthA) - 71px);
    --widthC:calc(var(--widthB)/3);
    width:var(--widthC);
    margin-top:10px
}
.cmt-author {
    margin-left:70px
}
@media(max-width:625px) {
    .cmt-popup {
    margin:0;
    width:100%;
    margin-top:15px
}
.cmt-author {
    margin-top:10px;
    margin-left:0
}
}.popup .popuptext {
    visibility:hidden;
    width:160px;
    background-color:#555;
    color:#fff;
    text-align:center;
    border-radius:6px;
    padding:8px 3px;
    position:absolute;
    z-index:1;
    bottom:110%;
    left:50%;
    margin-left:-80px
}
.popup .popuptext::after {
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-5px;
    border-width:5px;
    border-style:solid;
    border-color:#555 transparent transparent transparent
}
.popup .insert-img-popuptext {
    visibility:hidden;
    width:66px;
    background-color:#555;
    color:#fff;
    text-align:center;
    border-radius:6px;
    padding:8px 3px;
    position:absolute;
    z-index:1;
    bottom:9%;
    left:10%;
    margin-left:-80px
}
.popup .insert-img-popuptext::after {
    content:"";
    position:absolute;
    top:33%;
    left:109%;
    margin-left:-7px;
    border-width:7px;
    border-style:solid;
    border-color:transparent transparent transparent #555
}
.popup .show {
    visibility:visible;
    -webkit-animation:fadeIn 1s;
    animation:fadeIn 1s
}
@-webkit-keyframes fadeIn {
    from {
    opacity:0
}
to {
    opacity:1
}
}@keyframes fadeIn {
    from {
    opacity:0
}
to {
    opacity:1
}
}.insert-image-tips {
    float:right;
    text-align:center;
    width:46px;
    margin:0;
    padding:12px 16px;
    text-transform:none;
    color:#535a63;
    background:none;
    -webkit-transition:all .1s ease-out;
    -moz-transition:all .1s ease-out;
    transition:all .1s ease-out;
    box-shadow:none;
    border:1px solid #ccc;
    text-shadow:none;
    font-size:14px;
    height:46px;
    border-radius:3px;
    cursor:pointer
}
.insert-image-tips:hover {
    color:orange;
    border:1px solid orange
}
.insert-image-button {
    opacity:0;
    width:46px !important;
    height:46px !important;
    margin:0 !important;
    padding:0 !important;
    float:right;
    transform:translateY(-46px);
    cursor:pointer
}
.insert-image-tips-hover {
    color:orange;
    border:1px solid orange
}
.upload-image-preview {
    display:inline-block;
    height:70px;
    margin-right:3px;
    border:1px solid #ddd;
    border-radius:4px;
    padding:3px;
    cursor:pointer
}
.comment_inline_img {
    display:inline-block;
    height:150px;
    margin-right:3px;
    border:1px solid #ddd;
    border-radius:4px;
    padding:3px;
    cursor:pointer
}
.top-feature-row {
    width:100%;
    height:auto;
    margin-top:55px
}
.top-feature-v2 {
    display:inline-block
}
.the-feature {
    position:relative;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    transition:all .35s ease-in-out
}
.the-feature,.the-feature * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.the-feature a {
    color:#333
}
.the-feature a:hover {
    text-decoration:none
}
.the-feature img {
    height:160px;
    width:257px
}
.the-feature.from_left_and_right {
    position:relative;
    height:160px;
    width:257px;
    box-shadow:1px 1px 3px rgba(0,0,0,.3);
    overflow:hidden;
    border-radius:10px
}
.the-feature.from_left_and_right .img {
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    transition:all .35s ease-in-out;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.the-feature.from_left_and_right .info {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    text-align:center;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    background:#333;
    background:rgba(0,0,0,.6);
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    transition:all .35s ease-in-out
}
.the-feature.from_left_and_right .info h3 {
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    font-size:17px;
    padding:10px;
    background:#111;
    margin:30px 0 0 0;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    transition:all .35s ease-in-out;
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.the-feature.from_left_and_right .info p {
    font-style:italic;
    font-size:12px;
    position:relative;
    color:#bbb;
    padding:20px 20px 20px;
    text-align:center;
    -webkit-transition:all .35s .1s linear;
    -moz-transition:all .35s .1s linear;
    transition:all .35s .1s linear;
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%)
}
.the-feature.from_left_and_right a:hover .img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2)
}
.the-feature.from_left_and_right a:hover .info {
    visibility:visible;
    opacity:1
}
.the-feature.from_left_and_right a:hover .info h3,.the-feature.from_left_and_right a:hover .info p {
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.highlight-wrap:before {
    content:" ";
    position:absolute;
    -webkit-border-radius:50%;
    border-radius:50%;
    background:#fc625d;
    width:12px;
    height:12px;
    left:20px;
    margin-top:-20px;
    -webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;
    box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;
    z-index:2
}
.highlight-wrap {
    position: relative;
    background:#21252b;
    border-radius:5px;
    font:15px/22px "Microsoft YaHei","Arial",Sans-Serif;
    line-height:1.6;
    margin-bottom:1.6em;
    max-width:100%;
    overflow:auto;
    text-shadow:none;
    color:#000;
    padding-top:30px;
    box-shadow:0 10px 30px 0 rgba(0,0,0,.4)
}
.highlight .line span::-moz-selection,.line::-moz-selection {
    background:#fff;
    color:#21252b
}
.highlight .line span::selection,.line::selection {
    background:#fff;
    color:#21252b
}
.highlight-wrap code::-webkit-scrollbar {
    height:10x !important;
    width:10x !important;
    background-color:#1d1f21 !important
}
.highlight-wrap code::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3) !important;
    border-radius:10px !important;
    background-color:#21252b !important
}
.highlight-wrap code::-webkit-scrollbar-thumb {
    border-radius:10px !important;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5) !important;
    background-color:#21252b !important
}
.highlight-wrap code {
    background:#1d1f21;
    color:#fff;
    word-break:break-word;
    font-family:'Source Code Pro',monospace,Helvetica,Tahoma,Arial,STXihei,"STHeiti Light","Microsoft YaHei",sans-serif;
    padding:2px;
    text-shadow:none;
    border-radius:0 0 5px 5px;
    cursor:url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/cursor/texto.cur),auto
}
.highlight-wrap code[data-rel]:before {
    color:#fff;
    content:attr(data-rel);
    height:38px;
    line-height:38px;
    background:#21252b;
    font-size:16px;
    position:absolute;
    margin-top:-35px;
    left:0;
    width:100%;
    font-family:'Ubuntu',sans-serif;
    font-weight:bold;
    padding:0 80px;
    text-indent:15px;
    text-align:center;
    float:left;
    z-index:1;
    border-radius:5px 5px 0 0;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    pointer-events:none
}
.hljs {
    display:block;
    overflow-x:auto;
    padding:.5em;
    color:#abb2bf;
    background:rgba(254,250,199,.5);
    border-radius:10px
}
.hljs-comment,.hljs-quote {
    color:#888f96;
    font-style:italic
}
.hljs-doctag,.hljs-formula,.hljs-keyword {
    color:#c678dd
}
.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst {
    color:#e06c75
}
.hljs-literal {
    color:#56b6c2
}
.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string {
    color:#98c379
}
.hljs-built_in,.hljs-class .hljs-title {
    color:#e6c07b
}
.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable {
    color:#d19a66
}
.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title {
    color:#61aeee
}
.hljs-emphasis {
    font-style:italic
}
.hljs-strong {
    font-weight:700
}
.hljs-link {
    text-decoration:underline
}
.hljs-ln {
    margin:6px 0 0 0 !important
}
.highlight td.numbers {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-align:center;
    color:#888f96;
    background:#1d1f21;
    font-family:'Source Code Pro',monospace,Helvetica,Tahoma,Arial,STXihei,"STHeiti Light","Microsoft YaHei",sans-serif;
    vertical-align:top;
    position:absolute;
    left:0;
    width:30px
}
.highlight .code .line {
    margin-left:25px;
    padding-left:5px
}
.highlight .code .line:hover {
    background-color:rgba(255,255,255,.1)
}
.code-block-fullscreen {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    min-width:100%;
    z-index:9999999;
    margin:0;
    animation:elastic 1s
}
.code-block-fullscreen code {
    --widthA:100%;
    --widthB:calc(var(--widthA) - 30px);
    height:var(--widthB);
    min-height:99%;
    overflow-y:hidden;
    overflow-x:auto;
    height:auto
}
.code-block-fullscreen-html-scroll {
    overflow:hidden
}
.chinese-font {
    font-family:'Merriweather Sans',Helvetica,Tahoma,Arial,'PingFang SC','Hiragino Sans GB','Microsoft Yahei','WenQuanYi Micro Hei',sans-serif
}
.chinese-tranditional-font {
    font-family:Helvetica,Tahoma,Arial,"文泉驛正黑","WenQuanYi Zen Hei","儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei","標楷體",DFKai-SB,sans-serif
}
.japanese-font {
    font-family:游ゴシック体,'Yu Gothic',YuGothic,'ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif
}
.english-serif {
    font-family:'Noto Serif CJK SC','Noto Serif CJK',serif
}
.code-font {
    font-family:'Source Code Pro',monospace
}
.Ubuntu-font {
    font-family:'Ubuntu',sans-serif
}
.serif {
    font-family:'Source Han Serif SC','Source Han Serif','source-han-serif-sc','PT Serif','SongTi SC','MicroSoft Yahei',Georgia,serif
}
@media(max-width:860px) {
    .serif {
    font-family:'Merriweather Sans',Helvetica,Tahoma,Arial,'PingFang SC','Hiragino Sans GB','Microsoft Yahei','WenQuanYi Micro Hei',sans-serif
}
}.moe-mashiro {
    font-family:'Moe-Mashiro','Merriweather Sans',Helvetica,Tahoma,Arial,'PingFang SC','Hiragino Sans GB','Microsoft Yahei','WenQuanYi Micro Hei',sans-serif
}
.skin-menu {
    position:fixed;
    bottom:50px;
    right:10px;
    height:auto;
    width:220px;
    border-radius:5px;
    background-color:#fff;
    box-shadow:0 1px 40px -8px rgba(0,0,0,.5);
    z-index:99;
    font-family:'Ubuntu',sans-serif;
    transform:scaleX(0);
    transition-property:transform,background;
    transition-duration:.3s,.3s
}
.skin-menu.show {
    transform:scaleX(1)
}
.skin-menu::after {
    content:"";
    position:absolute;
    bottom:-20px;
    left:50%;
    margin-left:-10px;
    border-width:10px;
    border-style:solid;
    border-color:#fff transparent transparent transparent
}
.skin-menu .row-container {
    height:auto;
    margin:0;
    padding:0;
    text-align:center
}
.skin-menu .row-container .menu-list {
    display:block;
    text-align:center;
    padding:0;
    margin:10px auto
}
.menu-list li {
    display:inline-block;
    margin:6px;
    line-height:36px;
    width:36px;
    background-color:#f5f5f5;
    border-radius:50%;
    cursor:pointer
}
.menu-list li:hover {
    background-color:#fc3;
    color:#fff
}
.skin-menu .row-container.font-family-controls {
    padding:3px 12px 16px 12px
}
.font-family-controls button {
    display:inline-block;
    border-style:none;
    border-radius:5px;
    padding:5px 5px;
    height:40px;
    width:calc(50% - 10px);
    font-size:15px;
    font-weight:400;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    margin:0 4px;
    box-shadow:none;
    background-color:#f5f5f5;
    cursor:pointer
}
.font-family-controls button.selected {
    background-color:#fc3;
    color:#fff
}
.control-btn-serif {
    font-family:'Noto Serif CJK SC','Noto Serif CJK',serif
}
.control-btn-sans-serif {
    font-family:'Ubuntu',sans-serif
}
.lazyload {
    -webkit-filter:blur(0px);
    -moz-filter:blur(0px);
    -ms-filter:blur(0px);
    filter:blur(0px);
    -webkit-transition:.3s -webkit-filter linear;
    -moz-transition:.3s -moz-filter linear;
    -moz-transition:.3s filter linear;
    -ms-transition:.3s -ms-filter linear;
    -o-transition:.3s -o-filter linear;
    transition:.3s filter linear,.3s -webkit-filter linear
}
.lazyload[src*="#lazyload-blur"],.lazyload[style*="#lazyload-blur"] {
    -webkit-filter:blur(10px);
    -moz-filter:blur(10px);
    -ms-filter:blur(10px);
    filter:blur(10px)
}
h1[id*="toc-head"]::before,h2[id*="toc-head"]::before,h3[id*="toc-head"]::before,h4[id*="toc-head"]::before,h5[id*="toc-head"]::before,h6[id*="toc-head"]::before {
    display:block;
    content:" ";
    height:80px;
    margin-top:-80px;
    visibility:hidden
}
h2.footer-comment-flag::before,h2.footer-comment-flag::after {
    display:none;
    content:"";
    height:0;
    margin:0
}
img[src*="#float-left"] {
    float:left
}
img[src*="#float-right"] {
    float:right
}
img[src*="#width-full"] {
    width:100%
}
img[src*="#width-90"] {
    width:90%
}
img[src*="#width-80"] {
    width:80%
}
img[src*="#width-70"] {
    width:70%
}
img[src*="#width-60"] {
    width:60%
}
img[src*="#width-50"] {
    width:50%
}
img[src*="#width-40"] {
    width:40%
}
img[src*="#width-30"] {
    width:30%
}
img[src*="#width-20"] {
    width:20%
}
img[src*="#width-10"] {
    width:10%
}
img[src*="#in-center"] {
    margin-left:auto;
    margin-right:auto;
    display:block
}
#banner_wave_1 {
    width:auto;
    height:65px;
    background:url("https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/wave1.png") repeat-x;
    position:absolute;
    bottom:0;
    width:400%;
    left:-236px;
    z-index:5;
    opacity:1;
    transition-property:opacity,bottom;
    transition-duration:.4s,.4s
}
#banner_wave_2 {
    width:auto;
    height:80px;
    background:url("https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/other/wave2.png") repeat-x;
    position:absolute;
    bottom:0;
    width:400%;
    left:0;
    z-index:4;
    opacity:1;
    transition-property:opacity,bottom;
    transition-duration:.4s,.4s
}
.banner_wave_hide,.banner_wave_hide_fit_skin {
    opacity:0 !important;
    bottom:-999px !important
}
@media(max-width:860px) {
    #banner_wave_1,#banner_wave_2 {
    display:none
}
}#video-add {
    /*display:none !important*/
}
.accordionMenu {
    color:#424242;
    margin:0 auto;
    width:100%
}
.menuSection {
    border:1px solid #ddd;
    border-radius:4px;
    margin-bottom:6px
}
.menuSection label {
    display:block;
    font-size:18px;
    width:100%;
    height:40px;
    line-height:40px;
    background-color:#f5f5f5;
    border-bottom:1px solid #ddd;
    cursor:pointer;
    text-align:center
}
.menuSection label+input {
    display:none
}
.menuSection detail-p {
    padding:10px 16px;
    transition:all .3s ease
}
.menuSection .detail {
    height:0;
    overflow:hidden;
    transition:height .3s ease
}
.menuSection input:checked+.detail {
    height:auto;
    padding-left:10px;
    padding-right:10px
}
.poem-wrap {
    position:relative;
    width:730px;
    max-width:80%;
    border:2px solid #797979;
    border-top:0;
    text-align:center;
    margin:80px auto
}
.poem-wrap h1 {
    position:relative;
    margin-top:-20px;
    display:inline-block;
    letter-spacing:4px;
    color:#797979
}
.poem-wrap p {
    width:70%;
    margin:auto;
    line-height:30px;
    color:#797979
}
.poem-wrap p#poem {
    font-size:25px
}
.poem-wrap p#info {
    font-size:15px;
    margin:15px auto
}
.poem-border {
    position:absolute;
    height:2px;
    width:27%;
    background-color:#797979
}
.poem-right {
    right:0
}
.poem-left {
    left:0
}
@media(max-width:685px) {
    .poem-border {
    width:18%
}
}@media(max-width:500px) {
    .poem-wrap {
    margin-top:60px;
    margin-bottom:20px;
    border-top:2px solid #797979
}
.poem-wrap h1 {
    margin:20px 6px
}
.poem-border {
    display:none
}
}.ad-container {
    list-style:disc;
    border:1px dashed #e4e4e4;
    padding:5px;
    color:#616161;
    margin-left:0;
    border-radius:10px;
    background:#fff
}
.ad-container span {
    font-size:10px;
    color:#777
}
.adsbygoogle {
    background:rgba(0,0,0,0);
    display:block;
    text-align:center
}
td.hljs-ln-numbers {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    color: #888f96;
    background: #1d1f21;
    font-family: 'Source Code Pro',monospace,Helvetica,Tahoma,Arial,STXihei,"STHeiti Light","Microsoft YaHei",sans-serif;
    vertical-align: top;
    left: 0;
    width: 30px;
}
.post-share:hover .show-share, .post-share:hover .sharehidden {
    opacity: 1;
    display: inline-block;
}
#page {
    min-height: calc(100vh - 150px);
}
.entry-content * {
    box-sizing: border-box;
}
.entry-content pre.highlight-wrap .copy-code {
    color: #fff;
    position: absolute;
    float: right;
    right: 10px;
    top: 0;
    padding-top: 4px;
    padding-right: 2px;
    z-index: 2;
    font-size: 16px;
}
.toc {
    width: 200px;
    height: auto;
    z-index: 98;
    background-color: rgba(255,255,255,0);
    transform: translateX(0);
    right: calc((100% - 950px - 250px) / 2);
    top:10px;
    position: absolute;
    padding-top: 10px;
    padding-bottom: 10px;
}
.toc-fixed {
    position: fixed !important;
    top: 85px;
}

@media(max-width:1200px) {
    .toc {display: none;}
}