diff --git a/footer.php b/footer.php
index 8f75b62..7da500f 100644
--- a/footer.php
+++ b/footer.php
@@ -128,6 +128,18 @@
+
+
+
+
+
+
+.cmt-popup {
+ --widthA: %;
+ --widthB: calc(var(--widthA) - 71px);
+ --widthC: calc(var(--widthB) / 3);
+ width: var(--widthC);
+}
+
__('关闭', '')
));
+ $options[] = array(
+ 'name' => __('评论信息栏宽度调整', 'options_framework_theme'),
+ 'desc' => __('不知道为什么有人老会搞出问题,求你们不要用那些莫名其妙的插件。。如果出问题了在这里调整,输入一个介于0到100的数字以调整宽度,以免出现框框换行的情况,正常情况下97左右比较正常吧。。如果本来就显示正常的请务必留空!', 'options_framework_theme'),
+ 'id' => 'comment_info_box_width',
+ 'std' => '',
+ 'type' => 'text');
+
$options[] = array(
'name' => __('文章末尾显示作者信息?', 'options_framework_theme'),
'desc' => __('勾选启用', 'options_framework_theme'),
@@ -750,11 +757,18 @@ function optionsframework_options() {
$options[] = array(
'name' => __('关于', 'options_framework_theme'),
- 'desc' => __('Theme Sakura v3.0.5 | 主题说明 | 源码', 'options_framework_theme'),
+ 'desc' => __('Theme Sakura v3.0.6 | 主题说明 | 源码', 'options_framework_theme'),
'id' => 'theme_intro',
'std' => '',
'type' => 'typography ');
+ $options[] = array(
+ 'name' => __('页脚悬浮播放器', 'options_framework_theme'),
+ 'desc' => __('如果不需要播放器留空即可。填写网易云音乐的「歌单」ID,eg:https://music.163.com/#/playlist?id=2288037900的ID是2288037900', 'options_framework_theme'),
+ 'id' => 'playlist_id',
+ 'std' => '2288037900',
+ 'type' => 'text');
+
$options[] = array(
'name' => __('Cookie 版本控制', 'options_framework_theme'),
'desc' => __('用于更新前端 cookie,可使用任意字符串,比如日期:---2018/5/16', 'options_framework_theme'),
diff --git a/style.css b/style.css
index 350052d..f6aa2a4 100644
--- a/style.css
+++ b/style.css
@@ -5,10 +5,8415 @@ Theme URI: https://2heng.xin/theme-sakura/
Author: Mashiro, Louie, Fuzzz
Author URI: http://2heng.xin
Description: Akina主题分支(原版地址 http://www.akina.pw/themeakina)
-Version: 3.0.5
+Version: 3.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: akina
Tags: 樱花庄的白猫
*/
-#content{animation:main 1s}.headertop,.pattern-center{animation:header 1s}.site-branding{animation:sitetop 1s}.header-user-avatar,.searchbox,.site-top .lower{animation:searchbox 1s}.comments,.notice,.post-list,.post-list-thumb,.top-feature{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 #fff 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/moezx/cdn@3.1.9/img/Sakura/cursor/ayuda.cur),auto}a:active,a:hover{outline:0}a:active{cursor:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/work.cur),alias}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}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:700}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/moezx/cdn@3.1.9/img/Sakura/cursor/texto.cur),auto}cite,dfn,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}code,kbd,tt,var{font-size:15px;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*{box-sizing:border-box}:after,:before{box-sizing:inherit}body{background:#fff;background-attachment:fixed;cursor:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/normal.cur),auto}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}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:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{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=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{color:#666;border:1px solid #ccc;border-radius:3px}select{border:1px solid #ccc}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:#111}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{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:active,a:focus,a:hover{color:orange}a:focus{outline:0}a:active,a:hover{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-add,#video-btn{position:absolute;bottom:3px;right:5px;width:32px;height:32px;z-index:100;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-add:hover,#video-btn:hover{opacity:1}.loadvideo,.video-play{background-image:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/play@32x32.png)}.video-pause{background-image:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/pause@32x32.png)}#video-add{background-image:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/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;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;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:0 0;-webkit-transition:all .4s ease;transition:all .4s ease;position:fixed;z-index:9999;top:0}.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{position:relative;display:inline-block;float:right;margin:15px 0 0 0;font-size:16px}@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-left:28px;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:10px;left:10px;font-size:25px;color:#fff;width:80px;height:80px;line-height:80px;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:#000;font-size:13px;vertical-align:bottom}.info-meta i{margin-top:3px;margin-right:10px;float:left}.comnum{float:left}.info-meta a{color:#000}.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 -8px rgba(0,0,0,.5);opacity:0}@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;transition:all .6s}.post-thumb a img:hover{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}.float-content,.post-content-wrap,.post-thumb{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-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}.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:700}@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:before{content:"#";margin-right:5px;color:#FF6D6D}.entry-content h4:before{content:">";margin-right:5px;color:#FF6D6D}.entry-content h5:before{content:"•";margin-right:5px;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-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:0 0}.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/moezx/cdn@3.1.9/img/Sakura/images/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/moezx/cdn@3.1.9/img/Sakura/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),0 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 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 .sharehidden,.post-share:hover .show-share{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 a,.post-squares article{position:relative;display:block;float:left;overflow:hidden;height:100%;padding:55px 25px;text-align:center}.post-squares a:hover>.background,.post-squares article: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 a,.post-squares.nextprev article{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 .content,.mashiro-profile .photo{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:400;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:#fff;top:50%;left:20%;transform:translateY(-50%);animation:to-hamburger .3s forwards ease-in-out}.mashiro-profile .content .btn span::after,.mashiro-profile .content .btn span::before{content:"";width:100%;height:2px;position:absolute;background-color:#fff;transition-duration:.3s;transform:rotate(0);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::after,.mashiro-profile .content .btn.active span::before{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(0)}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(0) translateX(120px) rotate(0);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/moezx/cdn@3.1.9/img/Sakura/images/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.aligncenter,.entry-content a img.alignleft,.entry-content a img.alignright{cursor:-webkit-zoom-in}#baguetteBox-overlay .full-image{cursor:-webkit-zoom-out}#baguetteBox-overlay .full-image figcaption,#baguetteBox-overlay .full-image img{cursor:auto}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}.sticky{display:block}.hentry{margin:0 0 1.5em}.byline,.updated:not(.published){display:none}.group-blog .byline,.single .byline{display:inline}.entry-summary,.page-content{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}span.edit-link{display:none}.archive .format-aside .entry-title,.blog .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(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);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:10px;border-left:3px solid orange;margin:50px 0 20px}.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%;margin-bottom:5px;float:left;padding-bottom:25px}.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 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 .children .main,.comment .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}}.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 input,.comment-respond textarea{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://view.moezx.cc/images/2018/03/24/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:0 0;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:0 0!important;color:#FE9600}.comment-respond input[type=submit]:hover{background:#5aa738}.comment-respond input:active,.comment-respond input:focus,.comment-respond textarea:active,.comment-respond textarea:focus{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}}.comment-respond .logged-in-as,.notification{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:0 0}.comment-respond .logged-in-as i,.notification 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-checkbox-radio:checked+.siren-is-private-checkbox.siren-checkbox-radioInput:after,.siren-is-private-checkbox.siren-checkbox-radioInput{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:#fff;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}@media (max-width:860px){.notice{margin-top:40px;margin-bottom:20px}}.headertop{position:relative;overflow:hidden;height:0}.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/moezx/cdn@3.1.9/img/Sakura/images/grid.png)}.headertop.filter-dot::before{background-image:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/dot.gif)}@media (max-width:860px){.headertop.filter-dot::before{background-image:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/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}#centerbg{width:100%;height:550px;margin:0;padding:0;background-position:top center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;z-index:-1}@media (max-width:860px){#centerbg{height:300px;background-attachment:scroll}#video-container,.focusinfo{display:none}}.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:130px;padding:2px;border-radius:100%}.focusinfo .header-tou img{box-shadow:inset 0 0 10px #000;padding:5px;opacity:1;transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);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(.55,.055,.675,.19);transition:-webkit-transform .32s cubic-bezier(.55,.055,.675,.19);transition:transform .32s cubic-bezier(.55,.055,.675,.19);transition:transform .32s cubic-bezier(.55,.055,.675,.19),-webkit-transform .32s cubic-bezier(.55,.055,.675,.19)}.bio-text .letter.behind{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}.bio-text .letter.in{-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-transition:-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275);transition:-webkit-transform .5s cubic-bezier(.175,.885,.32,1.275);transition:transform .5s cubic-bezier(.175,.885,.32,1.275);transition:transform .5s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .5s cubic-bezier(.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:0 0}.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:0 0}.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 .3s ease-in-out;transition:all .3s 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/moezx/cdn@3.2.1/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:0 0;top:20px;right:15px;cursor:pointer}.search_close:after,.search_close:before{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)}#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:rgba(0,0,0,.8);transition:opacity .5s ease;animation:elastic .5s}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:80%;max-width:80%;vertical-align:middle;box-shadow:0 0 170px #ddd}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:3;color:#eee;background-color:#000;background-color:rgba(0,0,0,.8)}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;background:rgba(255,255,255,0);box-shadow:none;border-radius:0;color:#ddd;font:1.6em sans-serif}.baguetteBox-button:hover{box-shadow:none}.baguetteBox-button#next-button{right:2%;box-shadow:none}.baguetteBox-button#previous-button{left:2%;box-shadow:none}.baguetteBox-button#close-button{top:23px;right:18px;right:calc(2% + 6px);width:30px;height:30px;display:none}.baguetteBox-button svg{position:absolute;left:0;top:0}.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;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(.9);-ms-transform:scale(.9);-webkit-transform:scale(.9);-o-transform:scale(.9);transform:scale(.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(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-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 .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}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::after,.download::before{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::after,.download:hover::before{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/moezx/cdn@3.1.9/img/Sakura/images/wordpress-rotating-ball-o.svg);background-position:center;background-repeat:no-repeat;color:#555;border:none;background-size:auto 100%}#pagination .loading:hover{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}#pagination.pagination-archive{margin:80px 0}@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:none;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-like,.post-share{display:none}.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:43px;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(0);-webkit-transform:translateX(250px) translateY(0);position:fixed;right:0;left:0}.wrapper{transition-duration:.5s;width:100%;height:auto;position:relative}#mo-nav.open{width:250px}.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:0 0}.iconflat{background:0 0;width:50px;height:50px;float:left}.openNav .icon{transition-duration:.2s;position:absolute;width:30px;height:3px;background-color:#333;top:24px;left:10px}.openNav .icon:after,.openNav .icon:before{transition-duration:.5s;background-color:#333;position:absolute;content:"";width:30px;height:3px;left:0}.openNav .icon:before{top:-8px}.openNav .icon:after{top:8px}.openNav.open .icon{background-color:transparent}.openNav.open .icon:after,.openNav.open .icon:before{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;margin:10px 9px}#mo-nav ul:hover li{color:rgba(255,255,255,.5)}#mo-nav ul li{transition-duration:.25s;display:block;padding:6px 40px;color:#fff;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(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes poi-deg{0%{transform:rotate(0)}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(.93,1.07)}16%,17%{transform:scale(.94,1.06)}10%,18%{transform:scale(.95,1.05)}19%{transform:scale(.96,1.04)}20%{transform:scale(.98,1.02)}21%,40%,48%{transform:scale(.99,1.01)}22%,23%,37%,39%,49%{transform:scale(1,1)}24%,34%,36%,7%{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}.admin-login-check,.user-login-check{width:100%;margin:10% 0 12%;text-align:center;font-size:16px;color:#555}.admin-login-check p,.user-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:0 0;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:700;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/moezx/cdn@3.1.9/img/Sakura/images/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:0 0;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/moezx/cdn@3.1.9/img/Sakura/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}}.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/moezx/cdn@3.1.9/img/Sakura/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:#fff;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}.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(.8) translate(-30px,31px)}.prpr:hover{-webkit-transform:scale(.8) translate(-30px,31px);transform:scale(.8) translate(-30px,31px)}}@media (max-width:560px){.prpr{transform:scale(.5) translate(-150px,125px)}.prpr:hover{-webkit-transform:scale(.5) translate(-150px,125px);transform:scale(.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),0 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:#fff;font-size:13px;padding:5px 0;padding-top:5px;padding-right:0;padding-bottom:5px;padding-left:17px;font-weight:700;z-index:99;visibility:visible;writing-mode:vertical-rl;transiton-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){.live2d-tool{position:fixed;bottom:0;left:0;width:auto;height:auto;z-index:100;border-radius:5px;font-size:13px;cursor:pointer}@media (min-width:861px){.live2d-tool{border-radius:0 5px 5px 0;width:35px;margin-left:-35px;color:#fff;font-size:13px;padding:5px 0;padding-top:5px;padding-right:0;padding-bottom:5px;padding-left:17px;font-weight:700;z-index:99;writing-mode:vertical-rl;transiton-property:margin-left,bottom;transition-duration:.5s,.5s}.live2d-tool:hover{margin-left:-17px}}}@supports (-ms-ime-align:auto){.live2d-tool{margin-left:0;left:-17px;transiton-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}.ap-hover,.aplayer-icon,.aplayer-miniswitcher,.live2d-tool{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;transiton-property:right;transition-duration:.3s,.3s}.changeSkin .keys{position:relative;z-index:99}.changeSkin .keys span{cursor:pointer}.changeSkin-gear{position:fixed;bottom:0;left:5px;width:auto;height:auto;z-index:99;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{visibility:hidden}.changeSkin-gear span::before{content:""}.changeSkin i{font-size:20px}.changeSkin-gear i{font-size:20px}}.changeSkin-gear span:before{content:""}@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(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}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:#fff;mix-blend-mode:lighten}.glitch:after,.glitch:before{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}.mashiro-author-info{background:url(//static.mashiro.top/wp-content/themes/Sakura/images/LOGO-Unicorn-Gradient.svg);width:200px;height:200px;margin:auto}.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:none;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 #archives a:before,.art .art-content .al_mon_list li: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 .art-content .al_mon_list .al_post_list>li,.art-content #archives .al_mon_list .al_mon{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:0 0;font-weight:400}.art .art-content #archives a{font-weight:400}.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,.art-content #archives .al_mon_list .al_post_list{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 .art-content .al_mon_list .al_post_list>li:before,.art-content #archives .al_mon_list .al_mon:before{-webkit-box-shadow:1px 1px 1px #bbb;box-shadow:1px 1px 1px #bbb}.art .art-content .al_mon_list .al_post_list>li:after,.art-content #archives .al_mon_list .al_mon: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:1200px){.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 .3s 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 td,.motion-switcher-table th{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(.6);margin-bottom:-10px}.tieba-container img,.tieba-container span{transform:scale(.6);margin-bottom:-10px}.emotion-secter{margin:0}.emotion-select-parent:hover{background-image:none!important;-ms-transform:scale(.6,.6);-webkit-transform:scale(.6,.6);transform:scale(.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,.emoji-item,.emotion-box,.emotion-item,.on-hover,.tieba-container span{cursor:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/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;transiton-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:#fff;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:97%;--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:0 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;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:253px;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{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)}.hljs-ln-line span::-moz-selection,.hljs-ln-line::-moz-selection{background:#fff;color:#21252b}.hljs-ln-line span::selection,.hljs-ln-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/moezx/cdn@3.1.9/img/Sakura/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:700;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}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;position:absolute;left:0;width:30px}.hljs-ln-code .hljs-ln-line{margin-left:25px;padding-left:5px}.hljs-ln-code .hljs-ln-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 Pゴシック','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}}.skin-menu{position:fixed;bottom:50px;left: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);transiton-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}.aplayer{background:rgba(255,255,255,.3);font-family:'Noto Serif CJK SC','Noto Serif CJK','Source Han Serif SC','Source Han Serif',source-han-serif-sc,'PT Serif','SongTi SC','MicroSoft Yahei',Georgia,serif}.aplayer .aplayer-lrc::before{background:rgba(255,255,255,0);filter:none}.aplayer .aplayer-lrc::after{background:rgba(255,255,255,0);filter:none}.aplayer{box-shadow:0 0 0 1px #eee;border-radius:3px;margin:15px 0}.aplayer .aplayer-info{padding:9px 7px 0 10px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{margin-left:1px;padding-right:3px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar,.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded,.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{height:6px;border-radius:10px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{height:12px;width:12px;right:3px;box-shadow:0 0 5px 0 rgba(0,0,0,.18);transition:all .35s}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar,.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume{border-radius:10px;width:6px}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar{right:10.5px}.aplayer .aplayer-list ol li{border-top:none}.aplayer .aplayer-list ol li.aplayer-list-light{background:#f8f8f8}#aplayer-float{background:rgba(255,255,255,1);margin:0}.ap-hover{left:-66px!important}.ap-hover:hover{left:0!important}#aplayer-float .aplayer-lrc-current{color:orange;font-size:15px;font-weight:700}.aplayer-lrc{pointer-events:none}
\ No newline at end of file
+
+#content {
+ animation: main 1s
+}
+
+.headertop,
+.pattern-center {
+ animation: header 1s
+}
+
+.site-branding {
+ animation: sitetop 1s
+}
+
+.header-user-avatar,
+.searchbox,
+.site-top .lower {
+ animation: searchbox 1s
+}
+
+.comments,
+.notice,
+.post-list,
+.post-list-thumb,
+.top-feature {
+ 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 #fff 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/moezx/cdn@3.1.9/img/Sakura/cursor/ayuda.cur), auto
+}
+
+a:active,
+a:hover {
+ outline: 0
+}
+
+a:active {
+ cursor: url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/work.cur), alias
+}
+
+abbr[title] {
+ border-bottom: 1px dotted
+}
+
+b,
+strong {
+ font-weight: 700
+}
+
+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: 700
+}
+
+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/moezx/cdn@3.1.9/img/Sakura/cursor/texto.cur), auto
+}
+
+cite,
+dfn,
+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
+}
+
+code,
+kbd,
+tt,
+var {
+ font-size: 15px;
+ font-size: .9375rem
+}
+
+abbr,
+acronym {
+ border-bottom: 1px dotted #666;
+ cursor: help
+}
+
+ins,
+mark {
+ background: #fff9c0;
+ text-decoration: none
+}
+
+big {
+ font-size: 125%
+}
+
+html {
+ box-sizing: border-box
+}
+
+* {
+ box-sizing: border-box
+}
+
+:after,
+:before {
+ box-sizing: inherit
+}
+
+body {
+ background: #fff;
+ background-attachment: fixed;
+ cursor: url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/normal.cur), auto
+}
+
+blockquote:after,
+blockquote:before,
+q:after,
+q:before {
+ content: ""
+}
+
+blockquote,
+q {
+ quotes: "" ""
+}
+
+hr {
+ background-color: #ccc;
+ border: 0;
+ height: 1px;
+ margin-bottom: 1.5em
+}
+
+ol,
+ul {
+ margin: 0 0 1.5em 3em
+}
+
+ul {
+ list-style: disc
+}
+
+ol {
+ list-style: decimal
+}
+
+li>ol,
+li>ul {
+ margin-bottom: 0;
+ margin-left: 1.5em
+}
+
+dt {
+ font-weight: 700
+}
+
+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:active,
+button:focus,
+input[type=button]:active,
+input[type=button]:focus,
+input[type=reset]:active,
+input[type=reset]:focus,
+input[type=submit]:active,
+input[type=submit]:focus {
+ 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=color],
+input[type=date],
+input[type=datetime-local],
+input[type=datetime],
+input[type=email],
+input[type=month],
+input[type=number],
+input[type=password],
+input[type=range],
+input[type=search],
+input[type=tel],
+input[type=text],
+input[type=time],
+input[type=url],
+input[type=week],
+textarea {
+ color: #666;
+ border: 1px solid #ccc;
+ border-radius: 3px
+}
+
+select {
+ border: 1px solid #ccc
+}
+
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime-local]:focus,
+input[type=datetime]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=password]:focus,
+input[type=range]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+textarea:focus {
+ color: #111
+}
+
+input[type=color],
+input[type=date],
+input[type=datetime-local],
+input[type=datetime],
+input[type=email],
+input[type=month],
+input[type=number],
+input[type=password],
+input[type=range],
+input[type=search],
+input[type=tel],
+input[type=text],
+input[type=time],
+input[type=url],
+input[type=week] {
+ 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:active,
+a:focus,
+a:hover {
+ color: orange
+}
+
+a:focus {
+ outline: 0
+}
+
+a:active,
+a:hover {
+ 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-add,
+#video-btn {
+ position: absolute;
+ bottom: 3px;
+ right: 5px;
+ width: 32px;
+ height: 32px;
+ z-index: 100;
+ 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-add:hover,
+#video-btn:hover {
+ opacity: 1
+}
+
+.loadvideo,
+.video-play {
+ background-image: url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/play@32x32.png)
+}
+
+.video-pause {
+ background-image: url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/pause@32x32.png)
+}
+
+#video-add {
+ background-image: url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/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;
+ 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;
+ 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: 0 0;
+ -webkit-transition: all .4s ease;
+ transition: all .4s ease;
+ position: fixed;
+ z-index: 9999;
+ top: 0
+}
+
+.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 {
+ position: relative;
+ display: inline-block;
+ float: right;
+ margin: 15px 0 0 0;
+ font-size: 16px
+}
+
+@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-left: 28px;
+ 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: 10px;
+ left: 10px;
+ font-size: 25px;
+ color: #fff;
+ width: 80px;
+ height: 80px;
+ line-height: 80px;
+ 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: #000;
+ font-size: 13px;
+ vertical-align: bottom
+}
+
+.info-meta i {
+ margin-top: 3px;
+ margin-right: 10px;
+ float: left
+}
+
+.comnum {
+ float: left
+}
+
+.info-meta a {
+ color: #000
+}
+
+.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 -8px rgba(0, 0, 0, .5);
+ opacity: 0
+}
+
+@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;
+ transition: all .6s
+}
+
+.post-thumb a img:hover {
+ 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
+ }
+ .float-content,
+ .post-content-wrap,
+ .post-thumb {
+ 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-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
+}
+
+.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: 700
+}
+
+@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:before {
+ content: "#";
+ margin-right: 5px;
+ color: #FF6D6D
+}
+
+.entry-content h4:before {
+ content: ">";
+ margin-right: 5px;
+ color: #FF6D6D
+}
+
+.entry-content h5:before {
+ content: "•";
+ margin-right: 5px;
+ 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-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: 0 0
+}
+
+.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/moezx/cdn@3.1.9/img/Sakura/images/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/moezx/cdn@3.1.9/img/Sakura/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), 0 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 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 .sharehidden,
+.post-share:hover .show-share {
+ 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 a,
+.post-squares article {
+ position: relative;
+ display: block;
+ float: left;
+ overflow: hidden;
+ height: 100%;
+ padding: 55px 25px;
+ text-align: center
+}
+
+.post-squares a:hover>.background,
+.post-squares article: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 a,
+.post-squares.nextprev article {
+ 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 .content,
+.mashiro-profile .photo {
+ 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: 400;
+ 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: #fff;
+ top: 50%;
+ left: 20%;
+ transform: translateY(-50%);
+ animation: to-hamburger .3s forwards ease-in-out
+}
+
+.mashiro-profile .content .btn span::after,
+.mashiro-profile .content .btn span::before {
+ content: "";
+ width: 100%;
+ height: 2px;
+ position: absolute;
+ background-color: #fff;
+ transition-duration: .3s;
+ transform: rotate(0);
+ 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::after,
+.mashiro-profile .content .btn.active span::before {
+ 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(0)
+ }
+ 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(0) translateX(120px) rotate(0);
+ 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/moezx/cdn@3.1.9/img/Sakura/images/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.aligncenter,
+.entry-content a img.alignleft,
+.entry-content a img.alignright {
+ cursor: -webkit-zoom-in
+}
+
+#baguetteBox-overlay .full-image {
+ cursor: -webkit-zoom-out
+}
+
+#baguetteBox-overlay .full-image figcaption,
+#baguetteBox-overlay .full-image img {
+ cursor: auto
+}
+
+.clear:after,
+.clear:before,
+.comment-content:after,
+.comment-content:before,
+.entry-content:after,
+.entry-content:before,
+.site-content:after,
+.site-content:before,
+.site-footer:after,
+.site-footer:before,
+.site-header:after,
+.site-header:before {
+ content: "";
+ display: table;
+ table-layout: fixed
+}
+
+.clear:after,
+.comment-content:after,
+.entry-content:after,
+.site-content:after,
+.site-footer:after,
+.site-header:after {
+ clear: both
+}
+
+.sticky {
+ display: block
+}
+
+.hentry {
+ margin: 0 0 1.5em
+}
+
+.byline,
+.updated:not(.published) {
+ display: none
+}
+
+.group-blog .byline,
+.single .byline {
+ display: inline
+}
+
+.entry-summary,
+.page-content {
+ margin: 1.5em 0 0
+}
+
+.page-links {
+ clear: both;
+ margin: 0 0 1.5em
+}
+
+span.edit-link {
+ display: none
+}
+
+.archive .format-aside .entry-title,
+.blog .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(0);
+ -webkit-transform: rotate(0);
+ -moz-transform: rotate(0);
+ -o-transform: rotate(0);
+ -ms-transform: rotate(0);
+ 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: 10px;
+ border-left: 3px solid orange;
+ margin: 50px 0 20px
+}
+
+.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%;
+ margin-bottom: 5px;
+ float: left;
+ padding-bottom: 25px
+}
+
+.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 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 .children .main,
+ .comment .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
+ }
+}
+
+.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 input,
+.comment-respond textarea {
+ 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://view.moezx.cc/images/2018/03/24/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: 0 0;
+ 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: 0 0 !important;
+ color: #FE9600
+}
+
+.comment-respond input[type=submit]:hover {
+ background: #5aa738
+}
+
+.comment-respond input:active,
+.comment-respond input:focus,
+.comment-respond textarea:active,
+.comment-respond textarea:focus {
+ 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
+ }
+}
+
+.comment-respond .logged-in-as,
+.notification {
+ 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: 0 0
+}
+
+.comment-respond .logged-in-as i,
+.notification 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-checkbox-radio:checked+.siren-is-private-checkbox.siren-checkbox-radioInput:after,
+.siren-is-private-checkbox.siren-checkbox-radioInput {
+ 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: #fff;
+ 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
+}
+
+@media (max-width:860px) {
+ .notice {
+ margin-top: 40px;
+ margin-bottom: 20px
+ }
+}
+
+.headertop {
+ position: relative;
+ overflow: hidden;
+ height: 0
+}
+
+.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/moezx/cdn@3.1.9/img/Sakura/images/grid.png)
+}
+
+.headertop.filter-dot::before {
+ background-image: url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/dot.gif)
+}
+
+@media (max-width:860px) {
+ .headertop.filter-dot::before {
+ background-image: url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/images/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
+}
+
+#centerbg {
+ width: 100%;
+ height: 550px;
+ margin: 0;
+ padding: 0;
+ background-position: top center;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+ z-index: -1
+}
+
+@media (max-width:860px) {
+ #centerbg {
+ height: 300px;
+ background-attachment: scroll
+ }
+ #video-container,
+ .focusinfo {
+ display: none
+ }
+}
+
+.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: 130px;
+ padding: 2px;
+ border-radius: 100%
+}
+
+.focusinfo .header-tou img {
+ box-shadow: inset 0 0 10px #000;
+ padding: 5px;
+ opacity: 1;
+ transform: rotate(0);
+ -webkit-transform: rotate(0);
+ -moz-transform: rotate(0);
+ -o-transform: rotate(0);
+ -ms-transform: rotate(0);
+ 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(.55, .055, .675, .19);
+ transition: -webkit-transform .32s cubic-bezier(.55, .055, .675, .19);
+ transition: transform .32s cubic-bezier(.55, .055, .675, .19);
+ transition: transform .32s cubic-bezier(.55, .055, .675, .19), -webkit-transform .32s cubic-bezier(.55, .055, .675, .19)
+}
+
+.bio-text .letter.behind {
+ -webkit-transform: rotateX(-90deg);
+ transform: rotateX(-90deg)
+}
+
+.bio-text .letter.in {
+ -webkit-transform: rotateX(0);
+ transform: rotateX(0);
+ -webkit-transition: -webkit-transform .5s cubic-bezier(.175, .885, .32, 1.275);
+ transition: -webkit-transform .5s cubic-bezier(.175, .885, .32, 1.275);
+ transition: transform .5s cubic-bezier(.175, .885, .32, 1.275);
+ transition: transform .5s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .5s cubic-bezier(.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: 0 0
+}
+
+.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: 0 0
+}
+
+.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 .3s ease-in-out;
+ transition: all .3s 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/moezx/cdn@3.2.1/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: 0 0;
+ top: 20px;
+ right: 15px;
+ cursor: pointer
+}
+
+.search_close:after,
+.search_close:before {
+ 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)
+}
+
+#baguetteBox-overlay {
+ display: none;
+ opacity: 0;
+ position: fixed;
+ overflow: hidden;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 1000000;
+ background-color: rgba(0, 0, 0, .8);
+ transition: opacity .5s ease;
+ animation: elastic .5s
+}
+
+#baguetteBox-overlay.visible {
+ opacity: 1
+}
+
+#baguetteBox-overlay .full-image {
+ display: inline-block;
+ position: relative;
+ width: 100%;
+ height: 100%;
+ text-align: center
+}
+
+#baguetteBox-overlay .full-image figure {
+ display: inline;
+ margin: 0;
+ height: 100%
+}
+
+#baguetteBox-overlay .full-image img {
+ display: inline-block;
+ width: auto;
+ height: auto;
+ max-height: 80%;
+ max-width: 80%;
+ vertical-align: middle;
+ box-shadow: 0 0 170px #ddd
+}
+
+#baguetteBox-overlay .full-image figcaption {
+ display: block;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ text-align: center;
+ line-height: 3;
+ color: #eee;
+ background-color: #000;
+ background-color: rgba(0, 0, 0, .8)
+}
+
+#baguetteBox-overlay .full-image:before {
+ content: "";
+ display: inline-block;
+ height: 50%;
+ width: 1px;
+ margin-right: -1px
+}
+
+#baguetteBox-slider {
+ position: absolute;
+ left: 0;
+ top: 0;
+ height: 100%;
+ width: 100%;
+ white-space: nowrap;
+ transition: left .4s ease, -webkit-transform .4s ease;
+ transition: left .4s ease, -moz-transform .4s ease;
+ transition: left .4s ease, transform .4s ease
+}
+
+#baguetteBox-slider.bounce-from-right {
+ -webkit-animation: bounceFromRight .4s ease-out;
+ animation: bounceFromRight .4s ease-out
+}
+
+#baguetteBox-slider.bounce-from-left {
+ -webkit-animation: bounceFromLeft .4s ease-out;
+ animation: bounceFromLeft .4s ease-out
+}
+
+.baguetteBox-button#next-button,
+.baguetteBox-button#previous-button {
+ top: 50%;
+ top: calc(50% - 30px);
+ width: 44px;
+ height: 60px
+}
+
+.baguetteBox-button {
+ position: absolute;
+ cursor: pointer;
+ outline: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+ background: rgba(255, 255, 255, 0);
+ box-shadow: none;
+ border-radius: 0;
+ color: #ddd;
+ font: 1.6em sans-serif
+}
+
+.baguetteBox-button:hover {
+ box-shadow: none
+}
+
+.baguetteBox-button#next-button {
+ right: 2%;
+ box-shadow: none
+}
+
+.baguetteBox-button#previous-button {
+ left: 2%;
+ box-shadow: none
+}
+
+.baguetteBox-button#close-button {
+ top: 23px;
+ right: 18px;
+ right: calc(2% + 6px);
+ width: 30px;
+ height: 30px;
+ display: none
+}
+
+.baguetteBox-button svg {
+ position: absolute;
+ left: 0;
+ top: 0
+}
+
+.spinner {
+ width: 40px;
+ height: 40px;
+ display: inline-block;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin-top: -20px;
+ margin-left: -20px
+}
+
+.double-bounce1,
+.double-bounce2 {
+ width: 100%;
+ height: 100%;
+ -moz-border-radius: 50%;
+ border-radius: 50%;
+ background-color: #fff;
+ opacity: .6;
+ position: absolute;
+ top: 0;
+ left: 0;
+ -webkit-animation: bounce 2s infinite ease-in-out;
+ animation: bounce 2s infinite ease-in-out
+}
+
+.double-bounce2 {
+ -webkit-animation-delay: -1s;
+ animation-delay: -1s
+}
+
+@-webkit-keyframes bounceFromRight {
+ 0% {
+ margin-left: 0
+ }
+ 50% {
+ margin-left: -30px
+ }
+ 100% {
+ margin-left: 0
+ }
+}
+
+@keyframes bounceFromRight {
+ 0% {
+ margin-left: 0
+ }
+ 50% {
+ margin-left: -30px
+ }
+ 100% {
+ margin-left: 0
+ }
+}
+
+@-webkit-keyframes bounceFromLeft {
+ 0% {
+ margin-left: 0
+ }
+ 50% {
+ margin-left: 30px
+ }
+ 100% {
+ margin-left: 0
+ }
+}
+
+@keyframes bounceFromLeft {
+ 0% {
+ margin-left: 0
+ }
+ 50% {
+ margin-left: 30px
+ }
+ 100% {
+ margin-left: 0
+ }
+}
+
+@-webkit-keyframes bounce {
+ 0%,
+ 100% {
+ -webkit-transform: scale(0);
+ transform: scale(0)
+ }
+ 50% {
+ -webkit-transform: scale(1);
+ transform: scale(1)
+ }
+}
+
+@keyframes bounce {
+ 0%,
+ 100% {
+ -webkit-transform: scale(0);
+ -moz-transform: scale(0);
+ transform: scale(0)
+ }
+ 50% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ transform: scale(1)
+ }
+}
+
+.infinite-scroll .posts-navigation,
+.infinite-scroll.neverending .site-footer {
+ display: none
+}
+
+.infinity-end.neverending .site-footer {
+ display: block
+}
+
+.comment-content .wp-smiley,
+.entry-content .wp-smiley,
+.page-content .wp-smiley {
+ border: none;
+ 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(.9);
+ -ms-transform: scale(.9);
+ -webkit-transform: scale(.9);
+ -o-transform: scale(.9);
+ transform: scale(.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(0, -4px);
+ -ms-transform: rotate(3deg) translate(0, -4px);
+ transform: rotate(3deg) translate(0, -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 .4s linear infinite;
+ animation: nprogress-spinner .4s linear infinite
+}
+
+.nprogress-custom-parent {
+ overflow: hidden;
+ position: relative
+}
+
+.nprogress-custom-parent #nprogress .bar,
+.nprogress-custom-parent #nprogress .spinner {
+ position: absolute
+}
+
+@-webkit-keyframes nprogress-spinner {
+ 0% {
+ -webkit-transform: rotate(0)
+ }
+ 100% {
+ -webkit-transform: rotate(360deg)
+ }
+}
+
+@keyframes nprogress-spinner {
+ 0% {
+ transform: rotate(0)
+ }
+ 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::after,
+.download::before {
+ 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::after,
+.download:hover::before {
+ 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/moezx/cdn@3.1.9/img/Sakura/images/wordpress-rotating-ball-o.svg);
+ background-position: center;
+ background-repeat: no-repeat;
+ color: #555;
+ border: none;
+ background-size: auto 100%
+}
+
+#pagination .loading:hover {
+ border: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ -o-box-shadow: none;
+ box-shadow: none
+}
+
+#pagination.pagination-archive {
+ margin: 80px 0
+}
+
+@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: none;
+ 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-like,
+ .post-share {
+ display: none
+ }
+ .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: 43px;
+ 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(0);
+ -webkit-transform: translateX(250px) translateY(0);
+ position: fixed;
+ right: 0;
+ left: 0
+ }
+ .wrapper {
+ transition-duration: .5s;
+ width: 100%;
+ height: auto;
+ position: relative
+ }
+ #mo-nav.open {
+ width: 250px
+ }
+ .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: 0 0
+ }
+ .iconflat {
+ background: 0 0;
+ width: 50px;
+ height: 50px;
+ float: left
+ }
+ .openNav .icon {
+ transition-duration: .2s;
+ position: absolute;
+ width: 30px;
+ height: 3px;
+ background-color: #333;
+ top: 24px;
+ left: 10px
+ }
+ .openNav .icon:after,
+ .openNav .icon:before {
+ transition-duration: .5s;
+ background-color: #333;
+ position: absolute;
+ content: "";
+ width: 30px;
+ height: 3px;
+ left: 0
+ }
+ .openNav .icon:before {
+ top: -8px
+ }
+ .openNav .icon:after {
+ top: 8px
+ }
+ .openNav.open .icon {
+ background-color: transparent
+ }
+ .openNav.open .icon:after,
+ .openNav.open .icon:before {
+ 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;
+ margin: 10px 9px
+ }
+ #mo-nav ul:hover li {
+ color: rgba(255, 255, 255, .5)
+ }
+ #mo-nav ul li {
+ transition-duration: .25s;
+ display: block;
+ padding: 6px 40px;
+ color: #fff;
+ 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(0)
+ }
+ 100% {
+ transform: rotate(360deg)
+ }
+}
+
+@-webkit-keyframes poi-deg {
+ 0% {
+ transform: rotate(0)
+ }
+ 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(.93, 1.07)
+ }
+ 16%,
+ 17% {
+ transform: scale(.94, 1.06)
+ }
+ 10%,
+ 18% {
+ transform: scale(.95, 1.05)
+ }
+ 19% {
+ transform: scale(.96, 1.04)
+ }
+ 20% {
+ transform: scale(.98, 1.02)
+ }
+ 21%,
+ 40%,
+ 48% {
+ transform: scale(.99, 1.01)
+ }
+ 22%,
+ 23%,
+ 37%,
+ 39%,
+ 49% {
+ transform: scale(1, 1)
+ }
+ 24%,
+ 34%,
+ 36%,
+ 7% {
+ 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
+}
+
+.admin-login-check,
+.user-login-check {
+ width: 100%;
+ margin: 10% 0 12%;
+ text-align: center;
+ font-size: 16px;
+ color: #555
+}
+
+.admin-login-check p,
+.user-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: 0 0;
+ 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: 700;
+ 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/moezx/cdn@3.1.9/img/Sakura/images/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: 0 0;
+ 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/moezx/cdn@3.1.9/img/Sakura/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
+ }
+}
+
+.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/moezx/cdn@3.1.9/img/Sakura/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: #fff;
+ 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
+}
+
+.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(.8) translate(-30px, 31px)
+ }
+ .prpr:hover {
+ -webkit-transform: scale(.8) translate(-30px, 31px);
+ transform: scale(.8) translate(-30px, 31px)
+ }
+}
+
+@media (max-width:560px) {
+ .prpr {
+ transform: scale(.5) translate(-150px, 125px)
+ }
+ .prpr:hover {
+ -webkit-transform: scale(.5) translate(-150px, 125px);
+ transform: scale(.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), 0 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: #fff;
+ font-size: 13px;
+ padding: 5px 0;
+ padding-top: 5px;
+ padding-right: 0;
+ padding-bottom: 5px;
+ padding-left: 17px;
+ font-weight: 700;
+ z-index: 99;
+ visibility: visible;
+ writing-mode: vertical-rl;
+ transiton-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) {
+ .live2d-tool {
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ width: auto;
+ height: auto;
+ z-index: 100;
+ border-radius: 5px;
+ font-size: 13px;
+ cursor: pointer
+ }
+ @media (min-width:861px) {
+ .live2d-tool {
+ border-radius: 0 5px 5px 0;
+ width: 35px;
+ margin-left: -35px;
+ color: #fff;
+ font-size: 13px;
+ padding: 5px 0;
+ padding-top: 5px;
+ padding-right: 0;
+ padding-bottom: 5px;
+ padding-left: 17px;
+ font-weight: 700;
+ z-index: 99;
+ writing-mode: vertical-rl;
+ transiton-property: margin-left, bottom;
+ transition-duration: .5s, .5s
+ }
+ .live2d-tool:hover {
+ margin-left: -17px
+ }
+ }
+}
+
+@supports (-ms-ime-align:auto) {
+ .live2d-tool {
+ margin-left: 0;
+ left: -17px;
+ transiton-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
+}
+
+.ap-hover,
+.aplayer-icon,
+.aplayer-miniswitcher,
+.live2d-tool {
+ 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;
+ transiton-property: right;
+ transition-duration: .3s, .3s
+}
+
+.changeSkin .keys {
+ position: relative;
+ z-index: 99
+}
+
+.changeSkin .keys span {
+ cursor: pointer
+}
+
+.changeSkin-gear {
+ position: fixed;
+ bottom: 0;
+ left: 5px;
+ width: auto;
+ height: auto;
+ z-index: 99;
+ 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 {
+ visibility: hidden
+ }
+ .changeSkin-gear span::before {
+ content: ""
+ }
+ .changeSkin i {
+ font-size: 20px
+ }
+ .changeSkin-gear i {
+ font-size: 20px
+ }
+}
+
+.changeSkin-gear span:before {
+ content: ""
+}
+
+@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(0);
+ -o-transform: rotate(0);
+ transform: rotate(0)
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ transform: rotate(360deg)
+ }
+}
+
+@keyframes rotating {
+ from {
+ -ms-transform: rotate(0);
+ -moz-transform: rotate(0);
+ -webkit-transform: rotate(0);
+ -o-transform: rotate(0);
+ transform: rotate(0)
+ }
+ 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: #fff;
+ mix-blend-mode: lighten
+}
+
+.glitch:after,
+.glitch:before {
+ 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
+}
+
+.mashiro-author-info {
+ background: url(//static.mashiro.top/wp-content/themes/Sakura/images/LOGO-Unicorn-Gradient.svg);
+ width: 200px;
+ height: 200px;
+ margin: auto
+}
+
+.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: none;
+ 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 #archives a:before,
+.art .art-content .al_mon_list li: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 .art-content .al_mon_list .al_post_list>li,
+.art-content #archives .al_mon_list .al_mon {
+ 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: 0 0;
+ font-weight: 400
+}
+
+.art .art-content #archives a {
+ font-weight: 400
+}
+
+.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,
+.art-content #archives .al_mon_list .al_post_list {
+ 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 .art-content .al_mon_list .al_post_list>li:before,
+.art-content #archives .al_mon_list .al_mon:before {
+ -webkit-box-shadow: 1px 1px 1px #bbb;
+ box-shadow: 1px 1px 1px #bbb
+}
+
+.art .art-content .al_mon_list .al_post_list>li:after,
+.art-content #archives .al_mon_list .al_mon: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:1200px) {
+ .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 .3s 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 td,
+.motion-switcher-table th {
+ 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(.6);
+ margin-bottom: -10px
+ }
+ .tieba-container img,
+ .tieba-container span {
+ transform: scale(.6);
+ margin-bottom: -10px
+ }
+ .emotion-secter {
+ margin: 0
+ }
+ .emotion-select-parent:hover {
+ background-image: none !important;
+ -ms-transform: scale(.6, .6);
+ -webkit-transform: scale(.6, .6);
+ transform: scale(.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,
+.emoji-item,
+.emotion-box,
+.emotion-item,
+.on-hover,
+.tieba-container span {
+ cursor: url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/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;
+ transiton-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: #fff;
+ 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: 97%;
+ --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: 0 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;
+ 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: 253px;
+ 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 {
+ 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)
+}
+
+.hljs-ln-line span::-moz-selection,
+.hljs-ln-line::-moz-selection {
+ background: #fff;
+ color: #21252b
+}
+
+.hljs-ln-line span::selection,
+.hljs-ln-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/moezx/cdn@3.1.9/img/Sakura/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: 700;
+ 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
+}
+
+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;
+ position: absolute;
+ left: 0;
+ width: 30px
+}
+
+.hljs-ln-code .hljs-ln-line {
+ margin-left: 25px;
+ padding-left: 5px
+}
+
+.hljs-ln-code .hljs-ln-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 Pゴシック', '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
+ }
+}
+
+.skin-menu {
+ position: fixed;
+ bottom: 50px;
+ left: 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);
+ transiton-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
+}
+
+.aplayer {
+ background: rgba(255, 255, 255, .3);
+ font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', 'Source Han Serif', source-han-serif-sc, 'PT Serif', 'SongTi SC', 'MicroSoft Yahei', Georgia, serif
+}
+
+.aplayer .aplayer-lrc::before {
+ background: rgba(255, 255, 255, 0);
+ filter: none
+}
+
+.aplayer .aplayer-lrc::after {
+ background: rgba(255, 255, 255, 0);
+ filter: none
+}
+
+.aplayer {
+ box-shadow: 0 0 0 1px #eee;
+ border-radius: 3px;
+ margin: 15px 0
+}
+
+.aplayer .aplayer-info {
+ padding: 9px 7px 0 10px
+}
+
+.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
+ margin-left: 1px;
+ padding-right: 3px
+}
+
+.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar,
+.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded,
+.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
+ height: 6px;
+ border-radius: 10px
+}
+
+.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
+ height: 12px;
+ width: 12px;
+ right: 3px;
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, .18);
+ transition: all .35s
+}
+
+.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar,
+.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {
+ border-radius: 10px;
+ width: 6px
+}
+
+.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {
+ right: 10.5px
+}
+
+.aplayer .aplayer-list ol li {
+ border-top: none
+}
+
+.aplayer .aplayer-list ol li.aplayer-list-light {
+ background: #f8f8f8
+}
+
+#aplayer-float {
+ background: rgba(255, 255, 255, 1);
+ margin: 0
+}
+
+.ap-hover {
+ left: -66px !important
+}
+
+.ap-hover:hover {
+ left: 0 !important
+}
+
+#aplayer-float .aplayer-lrc-current {
+ color: orange;
+ font-size: 15px;
+ font-weight: 700
+}
+
+.aplayer-lrc {
+ pointer-events: none
+}
\ No newline at end of file