From cdd13c47844ab5027dc912674f22885f0f651e1d Mon Sep 17 00:00:00 2001 From: Mashiro Date: Tue, 26 Jun 2018 15:43:54 +0800 Subject: [PATCH] Player fixed mode support & some fix --- footer.php | 12 + functions.php | 2 +- inc/decorate.php | 8 + options.php | 16 +- style.css | 8409 +++++++++++++++++++++++++++++++++++++++++++++- 5 files changed, 8443 insertions(+), 4 deletions(-) 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 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 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