.article-info-tag,button{text-transform:uppercase;}
.day,.postMeta,.postSticky{position:relative;}
.postTitle a:link,html{-webkit-tap-highlight-color:transparent;}
#blog-calendar,.code-copay-btn,.code-hljs-len,.hidden{visibility:hidden;}
#EntryTag,#blogTitle h1{margin-top:20px;}
#EntryTag a,.postSticky{background:#6fa3ef;}
#blogTitle h1 a:hover,.dayTitle a,a,a:active,a:link,a:visited{color:#5c8ec6;}
#calendar table a:hover,#navList a:hover,.postDesc a:hover,a:active,a:hover,a:link,a:visited,button{text-decoration:none;}
#mainContent,#sideBar,#topics{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
*,.Cal{padding:0;}
::-moz-selection{background:#807dd4;color:#fff;}
::selection{background:#807dd4;color:#fff;}
::-webkit-selection{background:#807dd4;color:#fff;}
::-webkit-scrollbar{width:3px;height:3px;}
::-webkit-scrollbar-track{width:3px;background-color:#f9f9f9;}
::-webkit-scrollbar-thumb{min-height:100px;background-color:#999;background-clip:padding-box;}
::-webkit-scrollbar-thumb:hover{background-color:#555;}
#BlogPostCategory a{background:#e8a258;}
#BlogPostCategory a span,#EntryTag a span{margin-right:3px;}
.topicListFooter{margin-top:10px;margin-right:10px;text-align:right;}
#navList a,.dayTitle,button{text-align:center;}
#home,.inner{margin:0 auto;}
#divRefreshComments{margin-right:10px;font-size:9pt;}
*{margin:0;}
html{height:100%;font-size:62.5%;}
body{overflow:hidden;background-color:#fff;color:#3a4145;font-size:12px;font-family:Merriweather,"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;-moz-font-feature-settings:'kern' 1;-o-font-feature-settings:'kern' 1;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
img{max-width:none;}
a{outline:0;}
a:hover{color:#f60;}
.clear{clear:both;}
button{display:inline-block;padding:.1rem 1.5rem;width:auto;outline:0;border:.1em solid rgba(0,0,0,.05);border-radius:.3rem;background:#5ba4e5;color:#fff;text-shadow:none;letter-spacing:1px;font-weight:300;font-size:11px;font-family:'Open Sans',sans-serif;line-height:13px;cursor:pointer;}
#topics .postTitle a:link,.page-title,.sb-title{text-shadow:0 3px 6px rgba(0,0,0,.3);}
b{font-weight:400;}
#home{padding:0 20px 30px;width:70%;max-width:900px;background-color:rgba(255,255,255,.9);box-shadow:0 0 20px 10px rgba(220,220,220,.3);}
#header{margin-top:10px;padding-bottom:5px;}
#blogTitle{clear:both;height:60px;}
#blogTitle h1{font-weight:700;font-size:26px;line-height:1.5em;}
#blogTitle h1 a{color:#515151;}
#blogTitle h2{float:left;color:#757575;font-weight:400;font-size:13px;line-height:1.846153846;}
#blogLogo{float:right;}
#navigator{clear:both;margin-top:25px;height:50px;border-top:1px solid #ededed;border-bottom:1px solid #ededed;font-size:13px;}
#bannerbar{display:none;}
#blog-calendar td,#blog-calendar th,.Cal,.btn_my_zzk,.dayTitle{font-size:12px;}
#navList{float:left;min-height:30px;}
#navList li{float:left;margin:0 40px 0 0;}
#navList a{float:left;display:block;padding-top:19px;width:5em;height:22px;}
#navList a:active,#navList a:link,#navList a:visited{color:#6a6a6a;font-weight:700;}
#navList a:hover{color:#000;}
.blogStats{float:right;margin-top:19px;margin-right:2px;color:#757575;text-align:right;}
#main{margin-top:30px;width:100%;text-align:left;}
#mainContent .forFlow{float:none;width:auto;}
#mainContent{float:none;margin:auto;padding:0 0 10px;width:100%;min-height:200px;}
.day,.entrylistItem:not(:last-of-type){min-height:10px;border-bottom:#e9e9e9 1px solid;}
.day:after,.entrylistItem:not(:last-of-type):after{bottom:-5px;left:50%;width:7px;height:7px;content:"";}
.day{margin:3.5rem auto;padding-bottom:3.3rem;word-wrap:break-word;}
.btn_my_zzk,.c_b_p_desc_img,.day:after,.dayTitle{position:absolute;}
.c_b_p_desc_readmore{display:block;margin-top:20px;padding:0;width:85px;border:0;border-bottom:2px solid #666;background:0 0;color:#555!important;text-align:center;font-weight:600;font-size:16px;transition-property:border;}
.day:after{display:block;margin-left:-5px;border:1px solid #e9e9e9;border-radius:100%;background:#fff;box-shadow:rgba(255,255,255,.7) 0 0 0 5px;}
.dayTitle{top:-15px;clear:both;display:none;margin:15px 15px 15px -100px;width:63px;height:65px;border:1px solid #5c8ec6;border-radius:50%;background:azure;line-height:1.5;}
.dayTitle a{display:inline-block;margin-top:15px;width:60px;}
.desc_img{display:none;}
.c_b_p_desc_img{top:-5px;right:0;overflow:hidden;padding-left:13px;width:calc(39% - 20px);height:100%;border-left:1px dashed #e9e9e9;opacity:.9;}
.c_b_p_desc_img div{margin:0;width:100%;height:100%;border-radius:4px;opacity:.95;}
.postCon,.postDesc,.postSeparator,.postTitle{clear:both;width:100%;}
.postTitle{float:right;font-size:20px;}
.postTitle a:active,.postTitle a:visited{color:#4a4a4a;transition:color .3s ease;}
.postTitle a:link{background-color:rgba(0,0,0,0);color:#4a4a4a;word-wrap:break-word;letter-spacing:-1px;font-weight:700;font-size:3.1rem;font-family:"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;transition-delay:0s;transition-timing-function:ease;transition-duration:.3s;transition-property:color;}
.postTitle a:hover{color:#000;}
.entrylistPostSummary,.postCon{position:relative;display:block;margin:0;padding:25px 0 10px;color:#3a4145;text-align:justify;word-wrap:break-word;font-size:1.45em;font-family:Noto Sans SC,serif;line-height:1.7em;font-feature-settings:'liga' 1,'onum' 1,'kern' 1;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;}
.postMeta{top:10px;display:inline-block;color:#888;font-size:14px;}
.postDesc,p.article-info-text>.postMeta br{display:none;}
.postMeta>i{margin:0 5px;font-size:15px;}
.postMeta>i:not(:first-child){margin-left:10px;}
.postDesc{float:left;margin:0;padding-right:5px;color:#9eabb3;text-align:left;font-size:1.4rem;font-family:"Open Sans",sans-serif;line-height:2.2rem;}
#blog-calendar td,#sb_widget_my_zzk,.CalTitle{text-align:center;}
#cnblogs_post_body h1:hover::after,#cnblogs_post_body h2:hover::after,#cnblogs_post_body h3:hover::after,#cnblogs_post_body h4:hover::after,#cnblogs_post_body h5:hover::after{margin-left:5px;color:rgba(13,110,253,.5);content:"#";transition:color .15s ease-in-out;}
p.article-info-text>.postMeta{color:rgba(255,255,255,.9);text-shadow:0 3px 6px rgba(0,0,0,.5);font-weight:700;font-size:16px;font-family:Noto Sans SC,serif;}
#blog-calendar td,#calendar td{font-family:"Comic Sans MS";}
p.article-info-text>.postMeta i{font-size:16px;}
.postDesc a:active,.postDesc a:link,.postDesc a:visited{color:#666;}
.postDesc a:hover{color:#5c8ec6;}
.postSticky{top:-6px;display:inline-block;padding:1px 3px;border-radius:3px;color:#fff;font-size:14px;}
.postSeparator{float:right;margin:0 auto 15px;height:1px;}
#sideBar{float:right;margin-top:-15px;padding:0 0 0 5px;width:230px;}
#sideBar a{color:#757575;}
#sideBar a:hover{color:#5c8ec6;text-decoration:underline;}
#sb_widget_my_zzk{width:100%;}
.btn_my_zzk{top:1px;right:-35px;width:25px;height:25px;border:0;color:transparent;cursor:pointer;}
.input_my_zzk:focus,.input_my_zzk:hover{border:1px solid #666;}
.input_my_zzk:hover{transition:all .4s linear 0s;}
.catList,.catListArticleArchive,.catListArticleCategory,.catListBlogRank,.catListComment,.catListEssay,.catListFeedback,.catListImageCategory,.catListLink,.catListNoteBook,.catListPostArchive,.catListPostCategory,.catListTag,.catListView,.mySearch,.newsItem{margin-bottom:35px;background:#fff;word-wrap:break-word;}
#blog-calendar{margin:10px 5px 5px 10px;}
#calendar{margin-bottom:35px;padding-bottom:5px;width:228px;border:1px solid #ededed;box-shadow:0 1px 3px #ccc;}
.calendar{border:0 solid #000;}
#calendar .Cal{width:100%;line-height:1.5em;}
#calendar td{padding-top:2px;background:#fff;}
.Cal{width:100%;border:none;color:#666;font-family:arial;}
.CalOtherMonthDay,.CalWeekendDay{padding-top:4px;padding-bottom:4px;}
#calendar table a:active,#calendar table a:link,#calendar table a:visited{font-weight:700;}
#calendar table a:hover{color:#fff;}
.CalTodayDay{background:#2d2d2b;color:#b8b8b8;font-weight:700;}
.CalDayHeader,.CalWeekendDay{background:#111;}
.CalOtherMonthDay{color:#3c3c3c;}
#calendar .CalNextPrev a:active,#calendar .CalNextPrev a:link,#calendar .CalNextPrev a:visited{padding-right:15px;padding-left:10px;font-weight:700;}
.CalDayHeader{padding-top:5px;padding-bottom:5px;font-weight:700;}
.CalTitle{padding:5px 0;width:100%;height:30px;background:#6293bb;font-weight:700;font-size:14px;}
.CalTitle td{background:#000;font-weight:700;font-size:12px;font-family:verdana;}
.Cal td{height:20px;font-size:10px;}
.Cal a:active,.Cal a:link,.Cal a:visited{color:#ff9;text-decoration:underline;}
.Cal a:hover{text-decoration:none;}
.CalSelector{background:#efefef;}
.catListTitle{margin-top:15px;margin-bottom:10px;text-align:left;font-weight:700;font-size:110%;line-height:1.2;}
#sideBarMain ul,.catListComment,.page-description,.pfl_feedback_area_title{line-height:1.5em;}
.divRecentComment{margin-bottom:20px;color:#494949;text-indent:2em;}
#sideBarMain li{line-height:1.8;}
#topics{margin:15px auto 4rem;padding:0 0 10px;width:100%;min-height:200px;font-family:-apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;}
#topics .postTitle{padding-left:5px;width:100%;border:0;font-weight:700;font-size:130%;line-height:1.5;}
#BlogPostCategory,#BlogPostCategory a:active,#BlogPostCategory a:link,#BlogPostCategory a:visited,#EntryTag,#EntryTag a:active,#EntryTag a:link,#EntryTag a:visited{color:#666;}
#BlogPostCategory a,#EntryTag a{margin:2px 5px 0;padding:3px 5px;height:20px;border-radius:3px;color:#fff!important;text-decoration:none;font-size:14px;line-height:20px;}
#BlogPostCategory a:hover,#EntryTag a:hover{opacity:.8;transition:all .3s linear 0s;}
#topics .postDesc{margin-top:5px;padding-left:0;width:100%;background:0 0;color:#666;text-align:left;}
.feedbackListSubtitle-louzhu:after,.feedbackListSubtitle:after,.feedbackListSubtitle:before{position:absolute;top:11px;right:100%;left:-16px;display:block;width:0;height:0;border-style:solid solid outset;content:" ";pointer-events:none;}
.feedback_area_title{margin:10px 0 30px;font:normal normal 16px/35px "Microsoft YaHei";}
.louzhu{margin:0 2px;}
.feedbackListSubtitle a:active,.feedbackListSubtitle a:link,.feedbackListSubtitle a:visited{color:#777;font-weight:700;}
.feedbackListSubtitle a:hover{color:#5c8ec6;text-decoration:underline;}
.feedbackListSubtitle b{color:#5c8ec6;}
.feedbackListSubtitle:before{border-color:transparent #d1d5da transparent transparent;border-width:8px;}
.feedbackListSubtitle-louzhu:after,.feedbackListSubtitle:after{margin-top:1px;margin-left:2px;border-color:transparent;border-width:7px;}
.feedbackListSubtitle:after{border-right-color:#f6f8fa;}
.feedbackListSubtitle-louzhu:after{border-right-color:#f1f8ff!important;}
.feedbackManage{float:right;width:200px;text-align:right;}
.feedbackCon{position:relative;padding:10px 20px;min-height:35px;border:1px solid #e9e9e9;border-top:0;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:#fff;line-height:1.5;}
.feedbackListSubtitle-louzhu{background-color:#f1f8ff!important;border-bottom-color:#c0d3eb!important;}
.feedbackItem{position:relative;margin:0;padding:15px 0 15px 60px;font-size:13px;}
.feedbackItem:before{position:absolute;top:0;bottom:0;left:90px;z-index:0;display:block;width:2px;background-color:#e1e4e8;content:"";}
.feedbackAvatar{position:absolute;left:1px;}
.feedbackAvatar img{padding:2px;width:40px;height:40px;border:1px solid #d1d5da;border-radius:3px;}
div#tbCommentBodyPreview{border:0;}
#divRefreshComments{margin-bottom:10px;text-align:right;}
.commenttb{margin-bottom:10px;padding:8px;width:320px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#555;}
.commentTextBox:hover,.commenttb:hover{border-color:rgba(82,168,236,.8);color:#333;transition:all .4s linear 0s;}
.commenttb:hover{outline:0;-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px rgba(82,168,236,.6);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px rgba(82,168,236,.6);box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px rgba(82,168,236,.6);}
#Profile1_panelAdd input[type=text]:hover,#Profile1_txtContent:hover,.commentTextBox:hover{outline:0;-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px rgba(82,168,236,.6);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px rgba(82,168,236,.6);box-shadow:inset 1px 1px 1px rgba(0,0,0,.075),0 0 4px rgba(82,168,236,.6);}
.commentTextBox{margin-top:10px;margin-bottom:10px;width:410px!important;}
#AjaxHolder_PostComment_btnSubmit{display:inline-block;padding:8px 20px;outline:0;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#5c8ec6;color:#fff;vertical-align:middle;text-align:center;text-decoration:none;font-size:14px;cursor:pointer;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-ms-transition:all .4s ease;}
#AjaxHolder_PostComment_btnSubmit:hover{background:#333;}
#AjaxHolder_PostComment_divCommnentArea tr{margin-top:10px;margin-bottom:10px;}
.comment_vote{padding-right:10px;}
.comment_vote a{color:#999;}
.comment_vote a:hover{color:#5c8ec6;}
#commentform_title{margin:0;padding:0;background-image:none;font:normal normal 16px/35px "Microsoft YaHei";}
#comment_form_container .author{padding-left:10px;width:320px;height:20px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-image:none;color:#555;}
#comment_form_container p{margin-bottom:20px;font-size:14px;}
.commentbox_title_left{font-size:14px;}
#comment_form_container .comment_textarea{margin-bottom:10px;padding:8px;width:100%;height:100%;min-height:250px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#555;font-size:13px;}
#comment_form_container .comment_textarea:hover{outline:0;border-color:#5c8ec6;transition:all .4s linear 0s;}
#comment_form_container .comment_textarea:focus{outline:0;}
.commentbox_tab.active,.commentbox_tab:hover{border-bottom:0;color:#5c8ec6;}
.comment_btn{border:none;background-color:#5c8ec6;}
.comment_btn:hover{background:#71ace5;}
.PostListTitle,.entrylistTitle,.thumbTitle{margin:10px 0 30px;padding:0;height:38px;background-image:none;font:normal normal 16px/35px "Microsoft YaHei";line-height:38px;}
.dev__developer,.entrylistPosttitle a:active,.entrylistPosttitle a:link,.entrylistPosttitle a:visited{font-family:"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;}
.entrylistDescription{margin-bottom:10px;padding-top:5px;padding-right:10px;padding-bottom:5px;color:#666;text-align:right;}
.entrylistItem{position:relative;margin:3.5rem auto;padding-bottom:3.3rem;word-wrap:break-word;}
.entrylistItem:after{position:absolute;display:block;margin-left:-5px;border:1px solid #e7eef2;border-radius:100%;background:#fff;box-shadow:#fff 0 0 0 5px;}
.entrylistPosttitle{width:100%;font-size:20px;}
.entrylistPosttitle a:active,.entrylistPosttitle a:link,.entrylistPosttitle a:visited{background-color:rgba(0,0,0,0);color:#4a4a4a;word-wrap:break-word;letter-spacing:-1px;font-weight:700;font-size:3.2rem;transition:all .4s linear 0s;transition-delay:0s;transition-timing-function:ease;transition-duration:.3s;transition-property:color;-webkit-tap-highlight-color:transparent;}
.entrylistPosttitle a:hover{color:#000;}
.entrylistItemPostDesc,.sb-title{font-family:"Open Sans",sans-serif;}
.entrylistItemPostDesc{float:left;clear:both;display:none;margin:0;padding-right:5px;width:100%;color:#9eabb3;text-align:left;font-size:1.4rem;line-height:2.2rem;}
.entrylistItemPostDesc a:active,.entrylistItemPostDesc a:link,.entrylistItemPostDesc a:visited{color:#666;}
.entrylistItemPostDesc a:hover{color:#5c8ec6;}
.entrylist .postSeparator{clear:both;margin:0;padding:0;width:100%;height:0;border:none;font-size:0;line-height:0;}
#footer,.pager{font-size:12px;}
.divPhoto,.pager{margin-right:10px;}
.divRecentCommentAticle a{color:#000;}
.pager{color:#9eabb3;text-align:right;}
#nav_next_page a,.pager a{display:inline-block;min-width:18px;border:1px solid #bfc8cd;border-radius:4px;color:#9eabb3!important;text-align:center;text-decoration:none;transition:all .2s ease;}
#nav_next_page a:active,#nav_next_page a:link,#nav_next_page a:visited,.pager a:active,.pager a:link,.pager a:visited{color:#9eabb3!important;}
.pager a{padding:0 5px;}
#nav_next_page a{padding:3px 5px;}
#nav_next_page a:hover,.pager a:hover{border-color:#98a0a4;background:#fff;color:#889093;}
.PostList{clear:both;margin-bottom:20px;padding-top:20px;padding-bottom:20px;min-height:1.5em;border-bottom:1px dashed #e9e9e9;}
.postTitl2{float:left;padding-top:10px;padding-bottom:10px;font-size:14px;}
.postDesc2{float:right;color:#666;}
.postText2{clear:both;color:#757575;}
.pfl_feedback_area_title{margin-bottom:10px;text-align:right;font-weight:700;}
.pfl_feedbackItem{margin-bottom:20px;padding:10px;border:1px dashed #ccc;border-radius:3px;}
.pfl_feedbacksubtitle{width:100%;height:1.5em;}
.pfl_feedbackname{float:left;}
.commentbox_title_right,.pfl_feedbackManage{float:right;}
.pfl_feedbackname a{color:#5c8ec6;font-weight:700;}
.pfl_feedbackCon{padding-top:5px;padding-bottom:5px;color:#000;}
.pfl_feedbackAnswer{color:#f40;text-indent:2em;}
.tdSentMessage{text-align:right;}
.errorMessage{float:left;width:300px;}
#Profile1_panelAdd input[type=text],#Profile1_txtContent{margin-bottom:10px;padding:8px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#555;}
#Profile1_panelAdd input[type=text]:hover,#Profile1_txtContent:hover{border-color:rgba(82,168,236,.8);color:#333;transition:all .4s linear 0s;}
#Profile1_panelAdd input[type=text]:focus,#Profile1_txtContent:focus{outline:0;border-color:rgba(82,168,236,.8);}
#Profile1_panelAdd input[type=submit]{display:inline-block;padding:8px 20px;outline:0;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#5c8ec6;color:#fff;vertical-align:middle;text-align:center;text-decoration:none;font-size:14px;cursor:pointer;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-ms-transition:all .4s ease;}
#Profile1_panelAdd input[type=submit]:hover{background:#333;}
.feedbackListSubtitle{position:relative;clear:both;padding:10px 20px;border:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;border-top-right-radius:5px;border-top-left-radius:5px;background-color:#f6f8fa;color:#586069;text-overflow:ellipsis;white-space:nowrap;align-items:center;flex-direction:row-reverse;}
#footer,.main-header,.scroll-down{position:absolute;}
.divPhoto{padding:2px;border:1px solid #ccc;}
.thumbDescription{margin-bottom:30px;padding-top:5px;padding-right:10px;padding-bottom:5px;color:#757575;text-align:right;}
#footer{right:0;left:0;margin:20vh 0 0;padding:15px 0;min-height:100px;color:#888;line-height:1.5;}
.my-face{display:inline-block;margin:0 5px;animation:my-face 5s infinite ease-in-out;}
@-moz-keyframes my-face{2%,24%,80%{-webkit-transform:translate(0,1.5px) rotate(1.5deg);-moz-transform:translate(0,1.5px) rotate(1.5deg);-o-transform:translate(0,1.5px) rotate(1.5deg);transform:translate(0,1.5px) rotate(1.5deg);-ms-transform:translate(0,1.5px) rotate(1.5deg);}
4%,68%,98%{-webkit-transform:translate(0,-1.5px) rotate(-.5deg);-moz-transform:translate(0,-1.5px) rotate(-.5deg);-o-transform:translate(0,-1.5px) rotate(-.5deg);transform:translate(0,-1.5px) rotate(-.5deg);-ms-transform:translate(0,-1.5px) rotate(-.5deg);}
38%,6%{-webkit-transform:translate(0,1.5px) rotate(-1.5deg);-moz-transform:translate(0,1.5px) rotate(-1.5deg);-o-transform:translate(0,1.5px) rotate(-1.5deg);transform:translate(0,1.5px) rotate(-1.5deg);-ms-transform:translate(0,1.5px) rotate(-1.5deg);}
8%,86%{-webkit-transform:translate(0,-1.5px) rotate(-1.5deg);-moz-transform:translate(0,-1.5px) rotate(-1.5deg);-o-transform:translate(0,-1.5px) rotate(-1.5deg);transform:translate(0,-1.5px) rotate(-1.5deg);-ms-transform:translate(0,-1.5px) rotate(-1.5deg);}
10%,72%{-webkit-transform:translate(0,2.5px) rotate(1.5deg);-moz-transform:translate(0,2.5px) rotate(1.5deg);-o-transform:translate(0,2.5px) rotate(1.5deg);transform:translate(0,2.5px) rotate(1.5deg);-ms-transform:translate(0,2.5px) rotate(1.5deg);}
12%,64%,78%,96%{-webkit-transform:translate(0,-.5px) rotate(1.5deg);-moz-transform:translate(0,-.5px) rotate(1.5deg);-o-transform:translate(0,-.5px) rotate(1.5deg);transform:translate(0,-.5px) rotate(1.5deg);-ms-transform:translate(0,-.5px) rotate(1.5deg);}
14%,54%{-webkit-transform:translate(0,-1.5px) rotate(1.5deg);-moz-transform:translate(0,-1.5px) rotate(1.5deg);-o-transform:translate(0,-1.5px) rotate(1.5deg);transform:translate(0,-1.5px) rotate(1.5deg);-ms-transform:translate(0,-1.5px) rotate(1.5deg);}
16%{-webkit-transform:translate(0,-.5px) rotate(-1.5deg);-moz-transform:translate(0,-.5px) rotate(-1.5deg);-o-transform:translate(0,-.5px) rotate(-1.5deg);transform:translate(0,-.5px) rotate(-1.5deg);-ms-transform:translate(0,-.5px) rotate(-1.5deg);}
18%,22%{-webkit-transform:translate(0,.5px) rotate(-1.5deg);-moz-transform:translate(0,.5px) rotate(-1.5deg);-o-transform:translate(0,.5px) rotate(-1.5deg);transform:translate(0,.5px) rotate(-1.5deg);-ms-transform:translate(0,.5px) rotate(-1.5deg);}
20%,36%,46%{-webkit-transform:translate(0,-1.5px) rotate(2.5deg);-moz-transform:translate(0,-1.5px) rotate(2.5deg);-o-transform:translate(0,-1.5px) rotate(2.5deg);transform:translate(0,-1.5px) rotate(2.5deg);-ms-transform:translate(0,-1.5px) rotate(2.5deg);}
26%,50%{-webkit-transform:translate(0,.5px) rotate(.5deg);-moz-transform:translate(0,.5px) rotate(.5deg);-o-transform:translate(0,.5px) rotate(.5deg);transform:translate(0,.5px) rotate(.5deg);-ms-transform:translate(0,.5px) rotate(.5deg);}
28%{-webkit-transform:translate(0,.5px) rotate(1.5deg);-moz-transform:translate(0,.5px) rotate(1.5deg);-o-transform:translate(0,.5px) rotate(1.5deg);transform:translate(0,.5px) rotate(1.5deg);-ms-transform:translate(0,.5px) rotate(1.5deg);}
30%,40%,62%,76%,88%{-webkit-transform:translate(0,-.5px) rotate(2.5deg);-moz-transform:translate(0,-.5px) rotate(2.5deg);-o-transform:translate(0,-.5px) rotate(2.5deg);transform:translate(0,-.5px) rotate(2.5deg);-ms-transform:translate(0,-.5px) rotate(2.5deg);}
32%,34%,66%{-webkit-transform:translate(0,1.5px) rotate(-.5deg);-moz-transform:translate(0,1.5px) rotate(-.5deg);-o-transform:translate(0,1.5px) rotate(-.5deg);transform:translate(0,1.5px) rotate(-.5deg);-ms-transform:translate(0,1.5px) rotate(-.5deg);}
42%{-webkit-transform:translate(0,2.5px) rotate(-1.5deg);-moz-transform:translate(0,2.5px) rotate(-1.5deg);-o-transform:translate(0,2.5px) rotate(-1.5deg);transform:translate(0,2.5px) rotate(-1.5deg);-ms-transform:translate(0,2.5px) rotate(-1.5deg);}
44%,70%{-webkit-transform:translate(0,1.5px) rotate(.5deg);-moz-transform:translate(0,1.5px) rotate(.5deg);-o-transform:translate(0,1.5px) rotate(.5deg);transform:translate(0,1.5px) rotate(.5deg);-ms-transform:translate(0,1.5px) rotate(.5deg);}
48%,74%,82%{-webkit-transform:translate(0,-.5px) rotate(.5deg);-moz-transform:translate(0,-.5px) rotate(.5deg);-o-transform:translate(0,-.5px) rotate(.5deg);transform:translate(0,-.5px) rotate(.5deg);-ms-transform:translate(0,-.5px) rotate(.5deg);}
52%,56%,60%{-webkit-transform:translate(0,2.5px) rotate(2.5deg);-moz-transform:translate(0,2.5px) rotate(2.5deg);-o-transform:translate(0,2.5px) rotate(2.5deg);transform:translate(0,2.5px) rotate(2.5deg);-ms-transform:translate(0,2.5px) rotate(2.5deg);}
58%{-webkit-transform:translate(0,.5px) rotate(2.5deg);-moz-transform:translate(0,.5px) rotate(2.5deg);-o-transform:translate(0,.5px) rotate(2.5deg);transform:translate(0,.5px) rotate(2.5deg);-ms-transform:translate(0,.5px) rotate(2.5deg);}
84%{-webkit-transform:translate(0,1.5px) rotate(2.5deg);-moz-transform:translate(0,1.5px) rotate(2.5deg);-o-transform:translate(0,1.5px) rotate(2.5deg);transform:translate(0,1.5px) rotate(2.5deg);-ms-transform:translate(0,1.5px) rotate(2.5deg);}
90%{-webkit-transform:translate(0,2.5px) rotate(-.5deg);-moz-transform:translate(0,2.5px) rotate(-.5deg);-o-transform:translate(0,2.5px) rotate(-.5deg);transform:translate(0,2.5px) rotate(-.5deg);-ms-transform:translate(0,2.5px) rotate(-.5deg);}
92%{-webkit-transform:translate(0,.5px) rotate(-.5deg);-moz-transform:translate(0,.5px) rotate(-.5deg);-o-transform:translate(0,.5px) rotate(-.5deg);transform:translate(0,.5px) rotate(-.5deg);-ms-transform:translate(0,.5px) rotate(-.5deg);}
94%{-webkit-transform:translate(0,2.5px) rotate(.5deg);-moz-transform:translate(0,2.5px) rotate(.5deg);-o-transform:translate(0,2.5px) rotate(.5deg);transform:translate(0,2.5px) rotate(.5deg);-ms-transform:translate(0,2.5px) rotate(.5deg);}
0%,100%{-webkit-transform:translate(0,0) rotate(0);-moz-transform:translate(0,0) rotate(0);-o-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);-ms-transform:translate(0,0) rotate(0);}
}
@-webkit-keyframes my-face{2%,24%,80%{-webkit-transform:translate(0,1.5px) rotate(1.5deg);-moz-transform:translate(0,1.5px) rotate(1.5deg);-o-transform:translate(0,1.5px) rotate(1.5deg);transform:translate(0,1.5px) rotate(1.5deg);-ms-transform:translate(0,1.5px) rotate(1.5deg);}
4%,68%,98%{-webkit-transform:translate(0,-1.5px) rotate(-.5deg);-moz-transform:translate(0,-1.5px) rotate(-.5deg);-o-transform:translate(0,-1.5px) rotate(-.5deg);transform:translate(0,-1.5px) rotate(-.5deg);-ms-transform:translate(0,-1.5px) rotate(-.5deg);}
38%,6%{-webkit-transform:translate(0,1.5px) rotate(-1.5deg);-moz-transform:translate(0,1.5px) rotate(-1.5deg);-o-transform:translate(0,1.5px) rotate(-1.5deg);transform:translate(0,1.5px) rotate(-1.5deg);-ms-transform:translate(0,1.5px) rotate(-1.5deg);}
8%,86%{-webkit-transform:translate(0,-1.5px) rotate(-1.5deg);-moz-transform:translate(0,-1.5px) rotate(-1.5deg);-o-transform:translate(0,-1.5px) rotate(-1.5deg);transform:translate(0,-1.5px) rotate(-1.5deg);-ms-transform:translate(0,-1.5px) rotate(-1.5deg);}
10%,72%{-webkit-transform:translate(0,2.5px) rotate(1.5deg);-moz-transform:translate(0,2.5px) rotate(1.5deg);-o-transform:translate(0,2.5px) rotate(1.5deg);transform:translate(0,2.5px) rotate(1.5deg);-ms-transform:translate(0,2.5px) rotate(1.5deg);}
12%,64%,78%,96%{-webkit-transform:translate(0,-.5px) rotate(1.5deg);-moz-transform:translate(0,-.5px) rotate(1.5deg);-o-transform:translate(0,-.5px) rotate(1.5deg);transform:translate(0,-.5px) rotate(1.5deg);-ms-transform:translate(0,-.5px) rotate(1.5deg);}
14%,54%{-webkit-transform:translate(0,-1.5px) rotate(1.5deg);-moz-transform:translate(0,-1.5px) rotate(1.5deg);-o-transform:translate(0,-1.5px) rotate(1.5deg);transform:translate(0,-1.5px) rotate(1.5deg);-ms-transform:translate(0,-1.5px) rotate(1.5deg);}
16%{-webkit-transform:translate(0,-.5px) rotate(-1.5deg);-moz-transform:translate(0,-.5px) rotate(-1.5deg);-o-transform:translate(0,-.5px) rotate(-1.5deg);transform:translate(0,-.5px) rotate(-1.5deg);-ms-transform:translate(0,-.5px) rotate(-1.5deg);}
18%,22%{-webkit-transform:translate(0,.5px) rotate(-1.5deg);-moz-transform:translate(0,.5px) rotate(-1.5deg);-o-transform:translate(0,.5px) rotate(-1.5deg);transform:translate(0,.5px) rotate(-1.5deg);-ms-transform:translate(0,.5px) rotate(-1.5deg);}
20%,36%,46%{-webkit-transform:translate(0,-1.5px) rotate(2.5deg);-moz-transform:translate(0,-1.5px) rotate(2.5deg);-o-transform:translate(0,-1.5px) rotate(2.5deg);transform:translate(0,-1.5px) rotate(2.5deg);-ms-transform:translate(0,-1.5px) rotate(2.5deg);}
26%,50%{-webkit-transform:translate(0,.5px) rotate(.5deg);-moz-transform:translate(0,.5px) rotate(.5deg);-o-transform:translate(0,.5px) rotate(.5deg);transform:translate(0,.5px) rotate(.5deg);-ms-transform:translate(0,.5px) rotate(.5deg);}
28%{-webkit-transform:translate(0,.5px) rotate(1.5deg);-moz-transform:translate(0,.5px) rotate(1.5deg);-o-transform:translate(0,.5px) rotate(1.5deg);transform:translate(0,.5px) rotate(1.5deg);-ms-transform:translate(0,.5px) rotate(1.5deg);}
30%,40%,62%,76%,88%{-webkit-transform:translate(0,-.5px) rotate(2.5deg);-moz-transform:translate(0,-.5px) rotate(2.5deg);-o-transform:translate(0,-.5px) rotate(2.5deg);transform:translate(0,-.5px) rotate(2.5deg);-ms-transform:translate(0,-.5px) rotate(2.5deg);}
32%,34%,66%{-webkit-transform:translate(0,1.5px) rotate(-.5deg);-moz-transform:translate(0,1.5px) rotate(-.5deg);-o-transform:translate(0,1.5px) rotate(-.5deg);transform:translate(0,1.5px) rotate(-.5deg);-ms-transform:translate(0,1.5px) rotate(-.5deg);}
42%{-webkit-transform:translate(0,2.5px) rotate(-1.5deg);-moz-transform:translate(0,2.5px) rotate(-1.5deg);-o-transform:translate(0,2.5px) rotate(-1.5deg);transform:translate(0,2.5px) rotate(-1.5deg);-ms-transform:translate(0,2.5px) rotate(-1.5deg);}
44%,70%{-webkit-transform:translate(0,1.5px) rotate(.5deg);-moz-transform:translate(0,1.5px) rotate(.5deg);-o-transform:translate(0,1.5px) rotate(.5deg);transform:translate(0,1.5px) rotate(.5deg);-ms-transform:translate(0,1.5px) rotate(.5deg);}
48%,74%,82%{-webkit-transform:translate(0,-.5px) rotate(.5deg);-moz-transform:translate(0,-.5px) rotate(.5deg);-o-transform:translate(0,-.5px) rotate(.5deg);transform:translate(0,-.5px) rotate(.5deg);-ms-transform:translate(0,-.5px) rotate(.5deg);}
52%,56%,60%{-webkit-transform:translate(0,2.5px) rotate(2.5deg);-moz-transform:translate(0,2.5px) rotate(2.5deg);-o-transform:translate(0,2.5px) rotate(2.5deg);transform:translate(0,2.5px) rotate(2.5deg);-ms-transform:translate(0,2.5px) rotate(2.5deg);}
58%{-webkit-transform:translate(0,.5px) rotate(2.5deg);-moz-transform:translate(0,.5px) rotate(2.5deg);-o-transform:translate(0,.5px) rotate(2.5deg);transform:translate(0,.5px) rotate(2.5deg);-ms-transform:translate(0,.5px) rotate(2.5deg);}
84%{-webkit-transform:translate(0,1.5px) rotate(2.5deg);-moz-transform:translate(0,1.5px) rotate(2.5deg);-o-transform:translate(0,1.5px) rotate(2.5deg);transform:translate(0,1.5px) rotate(2.5deg);-ms-transform:translate(0,1.5px) rotate(2.5deg);}
90%{-webkit-transform:translate(0,2.5px) rotate(-.5deg);-moz-transform:translate(0,2.5px) rotate(-.5deg);-o-transform:translate(0,2.5px) rotate(-.5deg);transform:translate(0,2.5px) rotate(-.5deg);-ms-transform:translate(0,2.5px) rotate(-.5deg);}
92%{-webkit-transform:translate(0,.5px) rotate(-.5deg);-moz-transform:translate(0,.5px) rotate(-.5deg);-o-transform:translate(0,.5px) rotate(-.5deg);transform:translate(0,.5px) rotate(-.5deg);-ms-transform:translate(0,.5px) rotate(-.5deg);}
94%{-webkit-transform:translate(0,2.5px) rotate(.5deg);-moz-transform:translate(0,2.5px) rotate(.5deg);-o-transform:translate(0,2.5px) rotate(.5deg);transform:translate(0,2.5px) rotate(.5deg);-ms-transform:translate(0,2.5px) rotate(.5deg);}
0%,100%{-webkit-transform:translate(0,0) rotate(0);-moz-transform:translate(0,0) rotate(0);-o-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);-ms-transform:translate(0,0) rotate(0);}
}
@-o-keyframes my-face{2%,24%,80%{-webkit-transform:translate(0,1.5px) rotate(1.5deg);-moz-transform:translate(0,1.5px) rotate(1.5deg);-o-transform:translate(0,1.5px) rotate(1.5deg);transform:translate(0,1.5px) rotate(1.5deg);-ms-transform:translate(0,1.5px) rotate(1.5deg);}
4%,68%,98%{-webkit-transform:translate(0,-1.5px) rotate(-.5deg);-moz-transform:translate(0,-1.5px) rotate(-.5deg);-o-transform:translate(0,-1.5px) rotate(-.5deg);transform:translate(0,-1.5px) rotate(-.5deg);-ms-transform:translate(0,-1.5px) rotate(-.5deg);}
38%,6%{-webkit-transform:translate(0,1.5px) rotate(-1.5deg);-moz-transform:translate(0,1.5px) rotate(-1.5deg);-o-transform:translate(0,1.5px) rotate(-1.5deg);transform:translate(0,1.5px) rotate(-1.5deg);-ms-transform:translate(0,1.5px) rotate(-1.5deg);}
8%,86%{-webkit-transform:translate(0,-1.5px) rotate(-1.5deg);-moz-transform:translate(0,-1.5px) rotate(-1.5deg);-o-transform:translate(0,-1.5px) rotate(-1.5deg);transform:translate(0,-1.5px) rotate(-1.5deg);-ms-transform:translate(0,-1.5px) rotate(-1.5deg);}
10%,72%{-webkit-transform:translate(0,2.5px) rotate(1.5deg);-moz-transform:translate(0,2.5px) rotate(1.5deg);-o-transform:translate(0,2.5px) rotate(1.5deg);transform:translate(0,2.5px) rotate(1.5deg);-ms-transform:translate(0,2.5px) rotate(1.5deg);}
12%,64%,78%,96%{-webkit-transform:translate(0,-.5px) rotate(1.5deg);-moz-transform:translate(0,-.5px) rotate(1.5deg);-o-transform:translate(0,-.5px) rotate(1.5deg);transform:translate(0,-.5px) rotate(1.5deg);-ms-transform:translate(0,-.5px) rotate(1.5deg);}
14%,54%{-webkit-transform:translate(0,-1.5px) rotate(1.5deg);-moz-transform:translate(0,-1.5px) rotate(1.5deg);-o-transform:translate(0,-1.5px) rotate(1.5deg);transform:translate(0,-1.5px) rotate(1.5deg);-ms-transform:translate(0,-1.5px) rotate(1.5deg);}
16%{-webkit-transform:translate(0,-.5px) rotate(-1.5deg);-moz-transform:translate(0,-.5px) rotate(-1.5deg);-o-transform:translate(0,-.5px) rotate(-1.5deg);transform:translate(0,-.5px) rotate(-1.5deg);-ms-transform:translate(0,-.5px) rotate(-1.5deg);}
18%,22%{-webkit-transform:translate(0,.5px) rotate(-1.5deg);-moz-transform:translate(0,.5px) rotate(-1.5deg);-o-transform:translate(0,.5px) rotate(-1.5deg);transform:translate(0,.5px) rotate(-1.5deg);-ms-transform:translate(0,.5px) rotate(-1.5deg);}
20%,36%,46%{-webkit-transform:translate(0,-1.5px) rotate(2.5deg);-moz-transform:translate(0,-1.5px) rotate(2.5deg);-o-transform:translate(0,-1.5px) rotate(2.5deg);transform:translate(0,-1.5px) rotate(2.5deg);-ms-transform:translate(0,-1.5px) rotate(2.5deg);}
26%,50%{-webkit-transform:translate(0,.5px) rotate(.5deg);-moz-transform:translate(0,.5px) rotate(.5deg);-o-transform:translate(0,.5px) rotate(.5deg);transform:translate(0,.5px) rotate(.5deg);-ms-transform:translate(0,.5px) rotate(.5deg);}
28%{-webkit-transform:translate(0,.5px) rotate(1.5deg);-moz-transform:translate(0,.5px) rotate(1.5deg);-o-transform:translate(0,.5px) rotate(1.5deg);transform:translate(0,.5px) rotate(1.5deg);-ms-transform:translate(0,.5px) rotate(1.5deg);}
30%,40%,62%,76%,88%{-webkit-transform:translate(0,-.5px) rotate(2.5deg);-moz-transform:translate(0,-.5px) rotate(2.5deg);-o-transform:translate(0,-.5px) rotate(2.5deg);transform:translate(0,-.5px) rotate(2.5deg);-ms-transform:translate(0,-.5px) rotate(2.5deg);}
32%,34%,66%{-webkit-transform:translate(0,1.5px) rotate(-.5deg);-moz-transform:translate(0,1.5px) rotate(-.5deg);-o-transform:translate(0,1.5px) rotate(-.5deg);transform:translate(0,1.5px) rotate(-.5deg);-ms-transform:translate(0,1.5px) rotate(-.5deg);}
42%{-webkit-transform:translate(0,2.5px) rotate(-1.5deg);-moz-transform:translate(0,2.5px) rotate(-1.5deg);-o-transform:translate(0,2.5px) rotate(-1.5deg);transform:translate(0,2.5px) rotate(-1.5deg);-ms-transform:translate(0,2.5px) rotate(-1.5deg);}
44%,70%{-webkit-transform:translate(0,1.5px) rotate(.5deg);-moz-transform:translate(0,1.5px) rotate(.5deg);-o-transform:translate(0,1.5px) rotate(.5deg);transform:translate(0,1.5px) rotate(.5deg);-ms-transform:translate(0,1.5px) rotate(.5deg);}
48%,74%,82%{-webkit-transform:translate(0,-.5px) rotate(.5deg);-moz-transform:translate(0,-.5px) rotate(.5deg);-o-transform:translate(0,-.5px) rotate(.5deg);transform:translate(0,-.5px) rotate(.5deg);-ms-transform:translate(0,-.5px) rotate(.5deg);}
52%,56%,60%{-webkit-transform:translate(0,2.5px) rotate(2.5deg);-moz-transform:translate(0,2.5px) rotate(2.5deg);-o-transform:translate(0,2.5px) rotate(2.5deg);transform:translate(0,2.5px) rotate(2.5deg);-ms-transform:translate(0,2.5px) rotate(2.5deg);}
58%{-webkit-transform:translate(0,.5px) rotate(2.5deg);-moz-transform:translate(0,.5px) rotate(2.5deg);-o-transform:translate(0,.5px) rotate(2.5deg);transform:translate(0,.5px) rotate(2.5deg);-ms-transform:translate(0,.5px) rotate(2.5deg);}
84%{-webkit-transform:translate(0,1.5px) rotate(2.5deg);-moz-transform:translate(0,1.5px) rotate(2.5deg);-o-transform:translate(0,1.5px) rotate(2.5deg);transform:translate(0,1.5px) rotate(2.5deg);-ms-transform:translate(0,1.5px) rotate(2.5deg);}
90%{-webkit-transform:translate(0,2.5px) rotate(-.5deg);-moz-transform:translate(0,2.5px) rotate(-.5deg);-o-transform:translate(0,2.5px) rotate(-.5deg);transform:translate(0,2.5px) rotate(-.5deg);-ms-transform:translate(0,2.5px) rotate(-.5deg);}
92%{-webkit-transform:translate(0,.5px) rotate(-.5deg);-moz-transform:translate(0,.5px) rotate(-.5deg);-o-transform:translate(0,.5px) rotate(-.5deg);transform:translate(0,.5px) rotate(-.5deg);-ms-transform:translate(0,.5px) rotate(-.5deg);}
94%{-webkit-transform:translate(0,2.5px) rotate(.5deg);-moz-transform:translate(0,2.5px) rotate(.5deg);-o-transform:translate(0,2.5px) rotate(.5deg);transform:translate(0,2.5px) rotate(.5deg);-ms-transform:translate(0,2.5px) rotate(.5deg);}
0%,100%{-webkit-transform:translate(0,0) rotate(0);-moz-transform:translate(0,0) rotate(0);-o-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);-ms-transform:translate(0,0) rotate(0);}
}
@keyframes my-face{2%,24%,80%{-webkit-transform:translate(0,1.5px) rotate(1.5deg);-moz-transform:translate(0,1.5px) rotate(1.5deg);-o-transform:translate(0,1.5px) rotate(1.5deg);transform:translate(0,1.5px) rotate(1.5deg);-ms-transform:translate(0,1.5px) rotate(1.5deg);}
4%,68%,98%{-webkit-transform:translate(0,-1.5px) rotate(-.5deg);-moz-transform:translate(0,-1.5px) rotate(-.5deg);-o-transform:translate(0,-1.5px) rotate(-.5deg);transform:translate(0,-1.5px) rotate(-.5deg);-ms-transform:translate(0,-1.5px) rotate(-.5deg);}
38%,6%{-webkit-transform:translate(0,1.5px) rotate(-1.5deg);-moz-transform:translate(0,1.5px) rotate(-1.5deg);-o-transform:translate(0,1.5px) rotate(-1.5deg);transform:translate(0,1.5px) rotate(-1.5deg);-ms-transform:translate(0,1.5px) rotate(-1.5deg);}
8%,86%{-webkit-transform:translate(0,-1.5px) rotate(-1.5deg);-moz-transform:translate(0,-1.5px) rotate(-1.5deg);-o-transform:translate(0,-1.5px) rotate(-1.5deg);transform:translate(0,-1.5px) rotate(-1.5deg);-ms-transform:translate(0,-1.5px) rotate(-1.5deg);}
10%,72%{-webkit-transform:translate(0,2.5px) rotate(1.5deg);-moz-transform:translate(0,2.5px) rotate(1.5deg);-o-transform:translate(0,2.5px) rotate(1.5deg);transform:translate(0,2.5px) rotate(1.5deg);-ms-transform:translate(0,2.5px) rotate(1.5deg);}
12%,64%,78%,96%{-webkit-transform:translate(0,-.5px) rotate(1.5deg);-moz-transform:translate(0,-.5px) rotate(1.5deg);-o-transform:translate(0,-.5px) rotate(1.5deg);transform:translate(0,-.5px) rotate(1.5deg);-ms-transform:translate(0,-.5px) rotate(1.5deg);}
14%,54%{-webkit-transform:translate(0,-1.5px) rotate(1.5deg);-moz-transform:translate(0,-1.5px) rotate(1.5deg);-o-transform:translate(0,-1.5px) rotate(1.5deg);transform:translate(0,-1.5px) rotate(1.5deg);-ms-transform:translate(0,-1.5px) rotate(1.5deg);}
16%{-webkit-transform:translate(0,-.5px) rotate(-1.5deg);-moz-transform:translate(0,-.5px) rotate(-1.5deg);-o-transform:translate(0,-.5px) rotate(-1.5deg);transform:translate(0,-.5px) rotate(-1.5deg);-ms-transform:translate(0,-.5px) rotate(-1.5deg);}
18%,22%{-webkit-transform:translate(0,.5px) rotate(-1.5deg);-moz-transform:translate(0,.5px) rotate(-1.5deg);-o-transform:translate(0,.5px) rotate(-1.5deg);transform:translate(0,.5px) rotate(-1.5deg);-ms-transform:translate(0,.5px) rotate(-1.5deg);}
20%,36%,46%{-webkit-transform:translate(0,-1.5px) rotate(2.5deg);-moz-transform:translate(0,-1.5px) rotate(2.5deg);-o-transform:translate(0,-1.5px) rotate(2.5deg);transform:translate(0,-1.5px) rotate(2.5deg);-ms-transform:translate(0,-1.5px) rotate(2.5deg);}
26%,50%{-webkit-transform:translate(0,.5px) rotate(.5deg);-moz-transform:translate(0,.5px) rotate(.5deg);-o-transform:translate(0,.5px) rotate(.5deg);transform:translate(0,.5px) rotate(.5deg);-ms-transform:translate(0,.5px) rotate(.5deg);}
28%{-webkit-transform:translate(0,.5px) rotate(1.5deg);-moz-transform:translate(0,.5px) rotate(1.5deg);-o-transform:translate(0,.5px) rotate(1.5deg);transform:translate(0,.5px) rotate(1.5deg);-ms-transform:translate(0,.5px) rotate(1.5deg);}
30%,40%,62%,76%,88%{-webkit-transform:translate(0,-.5px) rotate(2.5deg);-moz-transform:translate(0,-.5px) rotate(2.5deg);-o-transform:translate(0,-.5px) rotate(2.5deg);transform:translate(0,-.5px) rotate(2.5deg);-ms-transform:translate(0,-.5px) rotate(2.5deg);}
32%,34%,66%{-webkit-transform:translate(0,1.5px) rotate(-.5deg);-moz-transform:translate(0,1.5px) rotate(-.5deg);-o-transform:translate(0,1.5px) rotate(-.5deg);transform:translate(0,1.5px) rotate(-.5deg);-ms-transform:translate(0,1.5px) rotate(-.5deg);}
42%{-webkit-transform:translate(0,2.5px) rotate(-1.5deg);-moz-transform:translate(0,2.5px) rotate(-1.5deg);-o-transform:translate(0,2.5px) rotate(-1.5deg);transform:translate(0,2.5px) rotate(-1.5deg);-ms-transform:translate(0,2.5px) rotate(-1.5deg);}
44%,70%{-webkit-transform:translate(0,1.5px) rotate(.5deg);-moz-transform:translate(0,1.5px) rotate(.5deg);-o-transform:translate(0,1.5px) rotate(.5deg);transform:translate(0,1.5px) rotate(.5deg);-ms-transform:translate(0,1.5px) rotate(.5deg);}
48%,74%,82%{-webkit-transform:translate(0,-.5px) rotate(.5deg);-moz-transform:translate(0,-.5px) rotate(.5deg);-o-transform:translate(0,-.5px) rotate(.5deg);transform:translate(0,-.5px) rotate(.5deg);-ms-transform:translate(0,-.5px) rotate(.5deg);}
52%,56%,60%{-webkit-transform:translate(0,2.5px) rotate(2.5deg);-moz-transform:translate(0,2.5px) rotate(2.5deg);-o-transform:translate(0,2.5px) rotate(2.5deg);transform:translate(0,2.5px) rotate(2.5deg);-ms-transform:translate(0,2.5px) rotate(2.5deg);}
58%{-webkit-transform:translate(0,.5px) rotate(2.5deg);-moz-transform:translate(0,.5px) rotate(2.5deg);-o-transform:translate(0,.5px) rotate(2.5deg);transform:translate(0,.5px) rotate(2.5deg);-ms-transform:translate(0,.5px) rotate(2.5deg);}
84%{-webkit-transform:translate(0,1.5px) rotate(2.5deg);-moz-transform:translate(0,1.5px) rotate(2.5deg);-o-transform:translate(0,1.5px) rotate(2.5deg);transform:translate(0,1.5px) rotate(2.5deg);-ms-transform:translate(0,1.5px) rotate(2.5deg);}
90%{-webkit-transform:translate(0,2.5px) rotate(-.5deg);-moz-transform:translate(0,2.5px) rotate(-.5deg);-o-transform:translate(0,2.5px) rotate(-.5deg);transform:translate(0,2.5px) rotate(-.5deg);-ms-transform:translate(0,2.5px) rotate(-.5deg);}
92%{-webkit-transform:translate(0,.5px) rotate(-.5deg);-moz-transform:translate(0,.5px) rotate(-.5deg);-o-transform:translate(0,.5px) rotate(-.5deg);transform:translate(0,.5px) rotate(-.5deg);-ms-transform:translate(0,.5px) rotate(-.5deg);}
94%{-webkit-transform:translate(0,2.5px) rotate(.5deg);-moz-transform:translate(0,2.5px) rotate(.5deg);-o-transform:translate(0,2.5px) rotate(.5deg);transform:translate(0,2.5px) rotate(.5deg);-ms-transform:translate(0,2.5px) rotate(.5deg);}
0%,100%{-webkit-transform:translate(0,0) rotate(0);-moz-transform:translate(0,0) rotate(0);-o-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);-ms-transform:translate(0,0) rotate(0);}
}
.personInfo{margin-bottom:20px;}
.pages{text-align:right;}
.postBody{color:#23263b;font-size:1.55rem;line-height:1.6;}
.postBody p,.postCon p{margin:0 auto 1em;}
.postCon a:active,.postCon a:link,.postCon a:visited{color:#9eabb3;}
.postCon a:hover{color:#98a0a4;}
.postBody ul,.postCon ul{margin-left:2em;}
.myposts_title{text-align:center;font-weight:700;}
#sideBar{font-size:12px;}
#sideBar h3{font-size:14px;}
#cnblogs_post_body img{margin:10px 0;max-width:700px;}
.main-header{top:0;left:0;z-index:3;display:flex;overflow:hidden;width:100%;height:100vh;max-height:100vh;background:#333;box-shadow:0 1px 2px rgba(150,150,150,.7);text-align:center;}
.main-header .part{flex:1;}
.main-header .part .section{position:relative;overflow:hidden;width:100%;height:100%;}
.main-header .part .section img{position:absolute;left:var(--x);width:100vw;height:100%;object-fit:cover;pointer-events:none;}
#homeTopCanvas{z-index:-1;}
.inner{position:relative;padding:10px;width:80%;max-width:800px;}
.page-title,.sb-title{color:#fff;letter-spacing:-1px;font-weight:700;}
.sb-title{-webkit-animation:fade-in-down 1s;animation:fade-in-down 1s both;}
.page-title{font-size:5rem;font-family:Playball,cursive;animation:fade-in-down 1s both;-webkit-animation:fade-in-down 1s both;mix-blend-mode:screen;}
.page-title span:hover{animation:pageTitleText 2s infinite;-webkit-animation:pageTitleText 1s infinite;}
@keyframes pageTitleText{0%{text-shadow:2px 0 0 tomato;}
10%{text-shadow:-2px -2px 0 gold;}
100%,20%{text-shadow:2px 0 0 #0f0;}
30%,70%{text-shadow:2px 0 0 #40e0d0;}
40%{text-shadow:2px 2px 0 tomato;}
50%{text-shadow:0 -2px 0 gold;}
60%{text-shadow:0 2px 0 #0f0;}
80%{text-shadow:2px -4px 0 tomato;}
90%{text-shadow:2px 2px 0 gold;}
}
#footer .footer-text,.page-description{font-family:'Long Cang',cursive;}
.sb-title{font-size:3.55rem;}
.vertical{position:absolute;z-index:2;display:flex;width:100%;height:100%;align-items:center;}
.page-author,.page-description{display:none;margin:0;color:rgba(255,255,255,.8);text-shadow:0 3px 6px rgba(0,0,0,.5);letter-spacing:.01rem;font-weight:400;}
.page-description{overflow:hidden;font-size:2.2rem;-webkit-animation:fade-in-down .9s;animation:fade-in-down .9s both;-webkit-animation-delay:.1s;animation-delay:.3s;-webkit-box-orient:vertical;-webkit-line-clamp:10;}
.page-author{font-size:1.5rem!important;font-family:'Ubuntu Mono',monospace;line-height:1.3em;-webkit-animation:fade-in-down .9s;animation:fade-in-down .9s both;-webkit-animation-delay:.1s;animation-delay:.3s;}
.scroll-down{bottom:45px;left:50%;z-index:100;display:block;margin-left:-16px;width:34px;height:34px;text-align:center;text-decoration:none!important;font-size:34px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-animation:bounce 4s 2s infinite;animation:bounce 4s 2s infinite;}
.hidden,.m-list-title,.post-del-title{display:none;}
.scroll-down-icon{position:relative;bottom:7px;color:rgba(255,255,255,.6);font-size:34px!important;}
.scroll-down:hover{color:#fff;-webkit-animation:none;animation:none;}
.hidden{text-indent:-9999px;}
@-webkit-keyframes bounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0) rotate(-90deg);transform:translateY(0) rotate(-90deg);}
20%{-webkit-transform:translateY(-10px) rotate(-90deg);transform:translateY(-10px) rotate(-90deg);}
30%{-webkit-transform:translateY(-5px) rotate(-90deg);transform:translateY(-5px) rotate(-90deg);}
}
@keyframes bounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0) rotate(-90deg);transform:translateY(0) rotate(-90deg);}
20%{-webkit-transform:translateY(-10px) rotate(-90deg);transform:translateY(-10px) rotate(-90deg);}
30%{-webkit-transform:translateY(-5px) rotate(-90deg);transform:translateY(-5px) rotate(-90deg);}
}
@-webkit-keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
.menu-button-scroll{left:-17px!important;width:35px!important;border:0!important;background-image:linear-gradient(180deg,#fff,#f5f5fa)!important;-webkit-box-shadow:0 4px 11px -2px rgb(37 44 97 / 15%),0 1px 3px 0 rgb(93 100 148 / 20%);box-shadow:0 4px 11px -2px rgb(37 44 97 / 15%),0 1px 3px 0 rgb(93 100 148 / 20%);color:#777aaf!important;}
.menu-button-scroll:before{background:linear-gradient(#777aaf 20%,transparent 0,transparent 40%,#777aaf 0,#777aaf 60%,transparent 0,transparent 80%,#777aaf 0)!important;}
.m-list-title{position:relative;margin:24px 0;border-bottom:#3b3b3b 1px solid;word-wrap:break-word;font-family:Merriweather,"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;}
#author_profile,#div_digg{margin-top:5px;}
.m-list-title-select{position:absolute;top:1px;right:-7px;color:#888;font-size:22px!important;}
#introduce div,#rightMenu{right:10px;text-align:center;}
.m-list-title-select:hover{color:#b8b8b8;cursor:pointer;}
.m-list-title>span{position:absolute;bottom:-9px;left:35%;display:block;margin-left:-5px;width:74px;background:#000;box-shadow:#000 0 0 0 6px;color:#b8b8b8;text-align:center;line-height:20px;}
#cnblogs_post_body h6,blockquote{margin:10px 5px 10px 0!important;padding:15px!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:3px solid rgba(84,104,255,.8)!important;background-color:#f7f7f7!important;background-image:linear-gradient(180deg ,#fff,#f5f5fa)!important;box-shadow:0 4px 11px 0 rgb(37 44 97 / 9%),0 1px 3px 0 rgb(93 100 148 / 6%)!important;color:#484c7a!important;font-weight:400;font-size:14px;--text-opacity:1!important;}
blockquote p{margin:0!important;padding:0;text-indent:0!important;}
.titleIcon{position:relative;color:#5d69a5;font-size:34px!important;line-height:50px;}
#cnblogs_post_body ul{margin-top:5px;margin-left:20px;padding-left:0;}
.postBody li,.postCon li{margin-bottom:.5em;list-style-type:disc;}
#commentform_title,.entrylistTitle,.feedback_area_title{border-bottom:none;}
#commentform_title:after,.entrylistTitle:after,.feedback_area_title:after{position:relative;bottom:16px;display:block;width:100%;border-bottom:1px dashed #e9e9e9;content:'';text-align:center;}
.entrylistTitle:after{left:200px;}
#commentform_title:after,.feedback_area_title:after{left:80px;}
#tbCommentBody{width:100%!important;}
#rightMenu{position:fixed;bottom:10px;z-index:2;width:40px;min-width:24px;}
div#rightMenu .rightMenuItem{position:relative;display:block;margin-bottom:4px;padding:4px;width:28px;height:28px;border-radius:50%;-webkit-box-shadow:0 4px 11px -2px rgb(37 44 97 / 15%),0 1px 3px 0 rgb(93 100 148 / 20%);box-shadow:0 4px 11px -2px rgb(37 44 97 / 15%),0 1px 3px 0 rgb(93 100 148 / 20%);text-align:center;font-size:15px;line-height:28px;cursor:pointer;}
#div_digg{float:right;margin-right:20px;margin-bottom:10px;width:140px;text-align:center;font-size:12px;}
#div_digg .buryit,#div_digg .diggit{margin:0;padding-top:0;width:58px;height:58px;border-radius:6px;text-align:center;cursor:pointer;}
#div_digg .diggit{float:left;border:1px solid #a7f3d0;background:#ecfdf5;color:#10b981;}
#div_digg .buryit{float:right;border:1px solid #e5e7eb;background:#f6f8fa;color:#6b7280;}
#div_digg .buryit i,#div_digg .diggit i{display:block;margin-top:4px;font-weight:700;font-size:18px;}
#div_digg .diggit .diggnum{color:#10b981;font-size:16px;}
#div_digg .buryit .burynum{color:#6b7280;font-size:16px;}
#rightMenu i{display:block;font-weight:500;font-size:16px;}
#rightMenu .hideRightMenu{display:none;}
#rightGzh i{font-size:18px;}
#rightDashang i{position:relative;left:-1px;font-size:32px;}
.rightMenuItem{position:relative;background-image:linear-gradient(180deg,#fff,#f5f5fa);color:#777aaf;cursor:pointer;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;filter:Alpha(opacity=50);}
#attention i,#rightBuryit i,#rightDiggit i,#rightMenuHome i,#rtaDirectory i,#toUpDownI i{font-weight:600;}
#rightDashang .rightMenuSpan,#rightGzh .rightMenuSpan{position:absolute;left:-156px;display:none;width:140px;color:#777;text-align:right;font-weight:700;font-size:14px;}
#rightGzh .rightMenuSpan{top:-25px;}
#attention .rightMenuSpan,#rightBuryit .rightMenuSpan,#rightDiggit .rightMenuSpan,#rightMenuHome .rightMenuSpan,#rightMenuSite .rightMenuSpan,#rtaDirectory .rightMenuSpan,#toUpDown .rightMenuSpan{position:absolute;left:-95px;display:none;width:83px;max-width:unset;border:0;border-radius:3px;background:#1b1c1d!important;-webkit-box-shadow:0 0 6px -1px rgba(140,146,163,.5);box-shadow:0 0 6px -1px rgba(140,146,163,.5);color:#fff;text-align:center;white-space:nowrap;font-weight:400;font-style:normal;font-size:14px;opacity:.9;}
#attention .rightMenuSpan::before,#rightBuryit .rightMenuSpan::before,#rightDiggit .rightMenuSpan::before,#rightMenuHome .rightMenuSpan::before,#rightMenuSite .rightMenuSpan::before,#rtaDirectory .rightMenuSpan::before,#toUpDown .rightMenuSpan::before{position:absolute;top:50%;right:-.325em;bottom:auto;left:auto;display:block;box-sizing:border-box;margin-top:-3.9px;width:8.98px;height:8.98px;background-color:#1b1c1d;background-attachment:scroll;background-clip:border-box;box-shadow:rgba(179,179,179,.2) 1px -1px 0 0;color:#fff;content:"";white-space:nowrap;opacity:.9;transform:matrix(.707107,.707107,-.707107,.707107,0,0);}
.rightDanshanSpan{bottom:-134px;}
.ds-pay{width:100%;height:100%;text-align:center;}
.ds-alipay,.ds-gzh,.ds-wecat{position:relative;margin:3px 0;padding:5px;width:140px;height:140px;border-radius:0 6px 6px;background:#fff;box-shadow:rgba(0,0,0,.3) 0 2px 7px;text-align:center;cursor:pointer;transition:all 1s ease-in-out 0s;}
.ds-alipay img,.ds-gzh img,.ds-wecat img{width:100%;height:100%;border-radius:6px;}
.ds-alipay span,.ds-gzh span,.ds-wecat span{position:absolute;top:14px;left:-32px;padding:0 6px 2px;height:18px;border-radius:0 0 6px 6px;background:#fff;box-shadow:rgba(0,0,0,.1) 0 4px 7px;color:#777;font-size:.85em;font-family:'Ubuntu Mono',monospace;line-height:18px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-ms-transform:rotate(90deg);}
#cnblogs_post_body table td,#cnblogs_post_body table th,.feedbackCon table td,.feedbackCon table th{position:relative;display:table-cell;box-sizing:border-box;height:40px;border:0;background-clip:padding-box;vertical-align:middle;text-overflow:ellipsis;}
.attentionSpan{top:2px;}
.cnblogs-markdown .cnblogs_code_copy a,.rightBuryitSpan{top:0;}
.rightDiggitSpan{top:7px;}
.toUpDownSpan{top:3px;}
#cnblogs_post_body table,.feedbackCon table{position:relative;display:table!important;overflow:hidden!important;box-sizing:border-box;margin:0 0 10px;padding:0;width:100%!important;border:1px solid #dfe3ec;border-collapse:initial!important;border-right:0;border-bottom:0;background-color:#fff;color:#222;font-size:14px;}
.feedbackCon table{margin:10px 0;}
#cnblogs_post_body table tr,.feedbackCon table tr{border:0;}
#cnblogs_post_body table th,.feedbackCon table th{overflow:hidden;padding:0 18px;min-width:100px;border-right:1px solid #dfe3ec;border-bottom:1px solid #dfe3ec;background-color:#eef0f6;text-align:left;}
#cnblogs_post_body table td,.feedbackCon table td{padding:0 20px;min-width:0;border-right:1px solid #dfe3ec;border-bottom:1px solid #dfe6ec;background-color:#fff;}
#cnblogs_post_body>p{margin:13px auto;padding:0;letter-spacing:.015em;font-weight:400;font-variant:tabular-nums;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.8;font-feature-settings:"tnum";word-break:break-word;}
#cnblogs_post_body ul li{margin-left:18px;}
.cnblogs_code,pre{font-size:14px!important;}
.cnblogs_code,.cnblogs_code pre,.cnblogs_code span,pre{font-weight:400;font-family:"Source Code Pro",Consolas,Menlo,Monaco,"Courier New",monospace!important;}
.header__span .dev__developer{top:12px;left:90px;min-height:34px;}
.dev__developer,.dev__fe,.dev__fe i,.dev__slash,.dev__ux,.dev__ux i{transition:all .6s cubic-bezier(.555,-.375,0,1.615);}
.header__dev--open .dev__fe i{text-indent:5px!important;}
.header__dev--open .dev__ux i{text-indent:11px!important;}
.header__dev--open .dev__developer{opacity:.6;-webkit-transform:translateX(15px);transform:translateX(15px);}
.header__dev--open .dev__slash{-webkit-transform:scale(.9) rotateZ(0);transform:scale(.9) rotateZ(0);}
.header__dev--slow .dev__developer,.header__dev--slow .dev__fe,.header__dev--slow .dev__fe i,.header__dev--slow .dev__slash,.header__dev--slow .dev__ux,.header__dev--slow .dev__ux i{transition:all 1.2s cubic-bezier(.555,-.375,0,1.615);}
#m-nav-list li{position:relative;overflow:hidden;}
#m-nav-list li a i{position:relative;top:1px;left:-2px;margin-right:3px;color:#888;font-size:16px;}
#comment_nav,#header,#leftcontentcontainer,#profile_block,#top_nav,.catListTitle{display:none!important;}
#ad_c1,#ad_c2,#ad_t1,#ad_t2,#cnblogs_c1,#cnblogs_c2,#commentform_title a,#under_post_kb,#under_post_news{display:none;}
#progressBar{position:fixed;top:0;left:0;z-index:998;width:100%;}
#home code:not([class]),span.cnblogs_code{position:relative;bottom:1px;display:inline;padding:2px 4px;border:0;border-radius:3px;background-color:#f9f2f4;color:#d83b64;font-weight:700;}
.cnblogs_code{position:relative;overflow:hidden;margin:0 auto;padding:0;border:0;background-color:transparent;line-height:20px;}
pre{margin:0;padding:10px;border:0!important;border-radius:0 0 4px 4px!important;counter-reset:itemcounter;white-space:pre;word-wrap:break-word;word-break:break-all;}
.postBody pre:not(.hljs){color:#23263b;}
pre .line-numbers-rows{position:absolute;left:1px;width:34px;color:#999;counter-increment:itemcounter;text-align:center;}
.code-pre-line,code-box{position:relative;display:block;}
code-box{margin:5px;border-radius:4px;-webkit-box-shadow:0 4px 11px -2px rgb(37 44 97 / 15%),0 1px 3px 0 rgb(93 100 148 / 6%);box-shadow:0 4px 11px -2px rgb(37 44 97 / 15%),0 1px 3px 0 rgb(93 100 148 / 6%);}
.code-hljs-len{position:absolute;top:6px;left:73px;display:inline-block;padding:0 6px;height:22px;border-radius:2px;background-color:hsla(0,0%,90.2%,.1);color:#999;font-size:12px;line-height:22px;}
code-box .code-tools{position:relative;display:flex;overflow:hidden;padding:6px;height:16px;min-height:1.2rem;border-radius:4px 4px 0 0;color:rgba(238,255,255,.8);font-size:14px;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
code-box .code-tools:after{position:absolute;top:11px;left:12px;width:12px;height:12px;border-radius:50%;background:#fc625d;-webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;content:' ';}
pre .line-numbers-rows:before{content:counter(itemcounter);}
.code-pre-line{padding-left:44px!important;}
.code-copay-btn{position:absolute;top:6px;right:8px;z-index:1;display:flex;padding:1px 0 0 2px;width:26px;height:24px;border:none;border-radius:6px;background-color:hsla(0,0%,90.2%,.2);color:#999;text-align:center;font-size:14px;opacity:0;cursor:pointer;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.cnblogs_code div{background-color:transparent;}
.cnblogs_code_collapse{position:relative;top:1px;display:inline;border:0;background-color:#fff;color:#d08770;font-weight:700;font-family:Merriweather,"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif!important;cursor:pointer;}
#sideToolbar,.cnblogs_code_copy img,.list .out .icontd{display:none;}
.cnblogs_code_toolbar{height:0;}
.cnblogs_code_copy a{position:absolute;display:inline-block;margin:0;padding:0;width:16px;height:16px;background-repeat:no-repeat;}
.code_img_closed,.code_img_opened{cursor:pointer;}
.cnblogs_code_toolbar a:active,.cnblogs_code_toolbar a:hover,.cnblogs_code_toolbar a:link,.cnblogs_code_toolbar a:link img,.cnblogs_code_toolbar a:visited,.cnblogs_code_toolbar a:visited img{border:none!important;background-color:transparent!important;}
.cnblogs-markdown code,.cnblogs-post-body code{border:0!important;background-color:unset!important;}
.postBody .cnblogs-markdown code:not(.language-env),.postBody .cnblogs-post-body code:not(.language-env){position:relative;bottom:1px;padding:2px 4px!important;border:0!important;border-radius:3px!important;background-color:#f9f2f4!important;color:#d83b64;text-indent:0!important;font-weight:600;font-size:13px!important;font-family:"Ubuntu Mono",monospace!important;}
#cnblogs_post_body>pre .cnblogs_code_copy a{right:5px;}
#cnblogs_post_body>pre{margin:10px 15px!important;}
#pageAnimationOffOn{position:absolute;top:15px;right:20px;z-index:999;color:rgba(255,255,255,.6);cursor:pointer;}
#pageAnimationOffOnIcon{display:inline-block;font-weight:700;font-size:20px;}
.toc{margin-bottom:30px;}
.article-info{margin-top:0;color:#fff;}
.article-info-text{margin-bottom:18px;}
.article-info-tag{position:relative;display:inline-block;margin:0 0 0 10px;padding:0 5px;width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;height:22px;border-radius:3px;background-image:none;box-shadow:none;color:#fff;text-decoration:none;letter-spacing:2px;font-weight:500;font-size:12px;line-height:22px;}
.article-tag-class-color{background-color:#e8a258;}
.article-tag-color{background-color:#6fa3ef;}
a[name=top],div#loading{position:fixed;top:0;left:0;z-index:1099;width:100vw;height:100vh;background-color:#f0f0f0;}
#evanyou{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;}
#green_channel{display:inline-block;margin-top:10px;margin-bottom:10px;padding:10px 0;width:100%!important;border:0;border-top:#eee 1px dashed;border-bottom:#eee 1px dashed;vertical-align:middle;text-align:center;font-size:12px;}
#blog_post_info #green_channel a{display:none;}
#btn_comment_submit,a#green_channel_digg,a#green_channel_favorite,a#green_channel_follow,a#green_channel_wechat,a#green_channel_weibo{position:relative;display:inline-block;margin:10px auto auto;width:80px;height:30px;border-radius:3px;background-image:none;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:2px;font-weight:500;font-size:12px;line-height:30px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;-ms-transition:all .4s;}
a#green_channel_digg:hover,a#green_channel_favorite:hover,a#green_channel_follow:hover,a#green_channel_wechat:hover,a#green_channel_weibo:hover{transform:scale(1.02,1.02);}
a#green_channel_digg:active,a#green_channel_favorite:active,a#green_channel_follow:active,a#green_channel_wechat:active,a#green_channel_weibo:active{transition:all .4s -125ms;transform:scale(.95,.95);}
a#green_channel_digg{background-color:#5c8ec6;box-shadow:0 15px 18px -6px rgba(95,193,206,.65);}
a#green_channel_follow{margin-left:10px;background-color:#e33100!important;box-shadow:0 15px 18px -6px rgba(227,49,0,.65);}
a#green_channel_favorite{margin-left:10px;background-color:#ffb515;box-shadow:0 15px 18px -6px rgba(255,198,75,.65);}
a#green_channel_weibo{margin-left:10px;width:45px;background-color:#ff464b!important;box-shadow:0 15px 18px -6px rgba(255,70,75,.65)!important;}
a#green_channel_wechat{margin-left:10px;width:45px;background-color:#3cb034!important;box-shadow:0 15px 18px -6px rgba(60,176,52,.65)!important;}
#author_profile_info img.author_avatar{margin-right:7px;margin-left:3px;padding:0;border:3px solid #f7f7f7;border-radius:100%;box-shadow:inset 1px 1px 3px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.4);}
div#green_channel img{width:20px;height:20px;}
@keyframes beating{0%,100%,30%,70%{transform:scale(1);}
20%,50%{transform:scale(1.6);}
}
.footer-t1{margin:250px 0 0!important;min-height:130px!important;background:#232323;}
.footer-image{position:absolute;top:-293px;z-index:1;width:100%;height:368px;pointer-events:none;}
#footer .footer-box{margin:0 auto;width:70%;max-width:900px;text-align:center;}
#footer .footer-text{margin:0 auto 5px;padding-bottom:5px;border-bottom:1px dashed #333;font-size:16px;}
#footer .footer-text .footer-text-icon{display:inline-block;margin:0 7px;font-size:14px;-webkit-font-smoothing:antialiased;animation:iconAnimate 1.33s ease-in-out infinite;}
footer footer-background{position:absolute;bottom:7.25rem;left:0;z-index:-1;width:100%;height:18rem;transform:translate3d(0,0,0);}
footer footer-background figure{position:absolute;bottom:0;left:0;margin:0;width:100%;height:15rem;}
footer footer-background .background,footer footer-background .clouds,footer footer-background .foreground{position:absolute;right:0;bottom:0;left:0;background-repeat:repeat-x!important;}
footer footer-background .foreground{top:1rem!important;background-size:225em 15em!important;}
footer footer-background .background{top:-1em!important;background-size:225em 21.313em!important;}
footer footer-background .clouds{top:-2em!important;background-size:225em 15em!important;}
table#blogCalendar>tbody>tr>td>a{color:#bbb;}
.art-dialog{border:unset!important;background-color:rgba(0,0,0,.7)!important;color:#f9f9f9!important;}
.art-dialog-header{border-bottom:1px solid #444!important;}
.art-dialog-footer{padding:0 20px 10px!important;}
.art-dialog-button button{padding:2px 6px!important;border:unset!important;color:#f9f9f9!important;font-size:12px!important;}
.art-dialog-button button[i-id=cancel]{background-color:#d98d6f!important;}
.art-dialog-statusbar{padding:0 0 0 16px!important;}
.art-dialog-button button[i-id=cancel]:hover{background-color:#ca8966!important;}
.art-dialog-statusbar a{color:#ff9128;}
.art-dialog-content a{color:#85d6d9;}
.art-dialog-close{color:#fff!important;text-shadow:unset!important;}
.art-dialog-button button[i-id="注册"]{background-color:#5fcc7d!important;}
@-moz-keyframes iconAnimate{0%,100%{transform:scale(1);}
10%,30%{transform:scale(.9);}
20%,40%,50%,60%,70%,80%{transform:scale(1.1);}
}
@-webkit-keyframes iconAnimate{0%,100%{transform:scale(1);}
10%,30%{transform:scale(.9);}
20%,40%,50%,60%,70%,80%{transform:scale(1.1);}
}
@-o-keyframes iconAnimate{0%,100%{transform:scale(1);}
10%,30%{transform:scale(.9);}
20%,40%,50%,60%,70%,80%{transform:scale(1.1);}
}
@keyframes iconAnimate{0%,100%{transform:scale(1);}
10%,30%{transform:scale(.9);}
20%,40%,50%,60%,70%,80%{transform:scale(1.1);}
}
#dayNightSwitch{position:absolute;top:25px;right:20px;z-index:4;display:inline-block;opacity:.65;cursor:pointer;}
#dayNightSwitch .onOff{position:relative;overflow:hidden;width:65px;height:25px;border:2px solid #1e2d50;border-radius:25px;background:#324164;box-shadow:0 15px 10px -10px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.1);}
#dayNightSwitch .onOff *{transition:all .4s ease;}
#dayNightSwitch .onOff.daySwitch{border:2px solid #52a6bf;}
#dayNightSwitch .onOff.daySwitch .sky{position:absolute;top:0;left:0;width:65px;height:25px;border-radius:25px;transform:translate(0,0);animation:none!important;}
#dayNightSwitch .onOff.daySwitch .sunMoon{left:calc(100% - 23px);border:2px solid #d9b31c;background:#ffdf61;}
#dayNightSwitch .onOff.daySwitch .sunMoon .crater{transform:scale(0)!important;}
#dayNightSwitch .onOff.daySwitch .sunMoon .cloud{opacity:1;transition-delay:.2s;transform:translatex(0);animation:cloudAnim 2.5s linear infinite;}
#dayNightSwitch .onOff .sunMoon{position:absolute;top:2.5px;left:3px;width:16px;height:16px;border:2px solid #ccc091;border-radius:100%;background:#f0e1a5;}
#dayNightSwitch .onOff .sunMoon .crater{position:absolute;top:20%;left:50%;width:5px;height:5px;border-radius:13px;background:#ccc091;}
#dayNightSwitch .onOff .sunMoon .crater.crater1{top:45%;left:30%;transform:scale(.5);}
#dayNightSwitch .onOff .sunMoon .crater.crater2{top:60%;left:55%;transform:scale(.7);}
#dayNightSwitch .onOff .sunMoon .cloud{position:absolute;border-radius:3px;background:#fff;opacity:0;transition-delay:0s;transform:translatex(-20px);}
#dayNightSwitch .onOff .sunMoon .cloud.part1{top:calc(50% - 1.5px);left:-12px;width:20px;height:2px;}
#dayNightSwitch .onOff .sunMoon .cloud.part1:before{position:absolute;top:-100%;left:40%;width:3px;height:3px;border-radius:3px;background:#fff;content:"";}
#dayNightSwitch .onOff .sunMoon .cloud.part1:after{position:absolute;top:-200%;left:20%;width:15px;height:2px;border-radius:3px;background:#fff;content:"";}
#dayNightSwitch .onOff .sunMoon .cloud.part2{top:calc(50% + .3px);left:-1px;width:3px;height:3px;}
#dayNightSwitch .onOff .sunMoon .cloud.part2:before{position:absolute;top:100%;left:-8px;width:18px;height:2px;border-radius:3px;background:#fff;content:"";}
#dayNightSwitch .onOff .star{position:absolute;top:10%;left:50%;width:5px;height:5px;border-radius:5px;background:#5ebedb;transform:translate(20px,5px);}
#dayNightSwitch .onOff .star.star1{transform:translate(10px,15px) scale(.3);animation:starAnim1 3s -2.4s linear infinite;}
#dayNightSwitch .onOff .star.star2{transform:translate(15px,-7px) scale(.6);animation:starAnim2 3s -1.1s linear infinite;}
#dayNightSwitch .onOff .star.star3{transform:translate(35px,-12px) scale(.9);animation:starAnim3 3s -1.5s linear infinite;}
#dayNightSwitch .onOff .star.star4{transform:translate(30px,12px) scale(.4);animation:starAnim4 3s -1.9s linear infinite;}
#dayNightSwitch .onOff .star.star5{transform:translate(0,0) scale(.6);animation:starAnim5 3s -2.8s linear infinite;}
#dayNightSwitch .onOff .star.sky{animation:skyAnim 3s -.4s linear infinite;}
@keyframes starAnim1{0%{transform:translate(5px,30px) scale(.3);}
20%{transform:translate(8px,17px) scale(.3);}
50%{transform:translate(10px,0) scale(.3);}
80%{transform:translate(8px,-17px) scale(.3);}
100%{transform:translate(5px,-30px) scale(.3);}
}
@keyframes starAnim2{0%{transform:translate(10px,30px) scale(.6);}
20%{transform:translate(13px,17px) scale(.6);}
50%{transform:translate(15px,0) scale(.6);}
80%{transform:translate(13px,-17px) scale(.6);}
100%{transform:translate(10px,-30px) scale(.6);}
}
@keyframes starAnim3{0%{transform:translate(30px,30px) scale(.9);}
20%{transform:translate(33px,17px) scale(.9);}
50%{transform:translate(35px,0) scale(.9);}
80%{transform:translate(33px,-17px) scale(.9);}
100%{transform:translate(30px,-30px) scale(.9);}
}
@keyframes starAnim4{0%{transform:translate(25px,30px) scale(.4);}
20%{transform:translate(28px,17px) scale(.4);}
50%{transform:translate(30px,0) scale(.4);}
80%{transform:translate(28px,-17px) scale(.4);}
100%{transform:translate(25px,-30px) scale(.4);}
}
@keyframes starAnim5{0%{transform:translate(0,30px) scale(.6);}
20%{transform:translate(3px,17px) scale(.6);}
50%{transform:translate(5px,0) scale(.6);}
80%{transform:translate(3px,-17px) scale(.6);}
100%{transform:translate(0,-30px) scale(.6);}
}
@keyframes skyAnim{0%{transform:translate(15px,30px) scale(1);}
20%{transform:translate(18px,17px) scale(1);}
50%{transform:translate(20px,0) scale(1);}
80%{transform:translate(18px,-17px) scale(1);}
100%{transform:translate(15px,-30px) scale(1);}
}
@keyframes cloudAnim{0%,100%{transform:translatex(0);}
14%{transform:translatex(5px);}
56%{transform:translatex(-10px);}
}
@media only screen and (max-width:1200px){.main-header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:60vh;max-height:60vh;min-height:240px;}
#home{width:85%;max-width:100vw;}
.entrylistPosttitle a:link,.postTitle a:link{font-size:2.8rem;}
.entrylistItemPostDesc,.postDesc{font-size:1.3rem;}
.entrylistPosttitle,.page-title{letter-spacing:-1px;font-size:4rem;}
.sb-title{letter-spacing:-1px;font-size:3.3rem;}
p.article-info-text>.postMeta,p.article-info-text>.postMeta i{font-size:15px;}
.page-description{font-size:2rem;line-height:2rem;-webkit-line-clamp:4;}
.page-author{font-size:1.3rem!important;line-height:1.3em;}
#aplayer,#evanyou,#music-box,#nhBannerAnimation,.scroll-down,body>meting-js{display:none!important;}
.c_b_p_desc_readmore{width:75px;font-size:14px;}
}
@media only screen and (max-width:960px){.main-header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:50vh;max-height:50vh;min-height:240px;}
#home{width:auto;}
#pageAnimationOffOn{display:none;}
#articleSuffix .articleSuffix-left,#bgCanvas,#homeTopCanvas,.c_b_p_desc_img{display:none!important;}
#articleSuffix .articleSuffix-right{width:calc(100% - 12px)!important;}
.c_b_p_desc,.entrylistPostSummary{width:100%!important;}
.postCon{min-height:unset!important;}
}
@media only screen and (max-width:720px){#cnblogs_post_body>p{padding:0 10px;font-size:1em;line-height:1.8em;}
.main-header{margin-bottom:15px;height:40vh;max-height:40vh;}
#home{padding-right:5px;padding-left:5px;box-shadow:unset;}
.entrylistPosttitle a:link,.postTitle a:link{font-size:2.3rem;}
.entrylistItemPostDesc,.entrylistPostSummary,.login_tips,.postCon,.postDesc{font-size:12px;}
.commentform,.menu-button{margin:0!important;border:none!important;}
.inner{margin:2rem auto;width:auto;}
.entrylistPosttitle,.page-title{font-size:2.6rem;}
.sb-title{font-size:2.8rem;}
.page-description{font-size:1.6rem;-webkit-line-clamp:2;}
.page-author{font-size:1rem!important;}
.menu-button-scroll{left:-5px!important;width:33px!important;}
#aplayer,#articleSuffix,#bgCanvas,#canvas,#evanyou,#homeTopCanvas,#music-box,#pageAnimationOffOn,.comment_date,.scroll-down,body>meting-js{display:none!important;}
.postMeta{font-size:12px;}
.postMeta>i,p.article-info-text>.postMeta,p.article-info-text>.postMeta i{font-size:13px;}
p.article-info-text>.postMeta br{display:inline;}
.article-info-tag{padding:0 3px;}
.c_b_p_desc_readmore{width:68px;border-bottom:1px solid #666;font-size:13px;}
.postSticky{top:-4px;font-size:12px;}
#footer .footer-box{width:95%;}
#dayNightSwitch .onOff,#dayNightSwitch .onOff.daySwitch .sky{width:50px;height:18px;border-radius:18px;}
#dayNightSwitch .onOff .sunMoon{top:1px;width:12px;height:12px;}
#dayNightSwitch .onOff.daySwitch .sunMoon{left:calc(100% - 19px);}
#dayNightSwitch{top:15px;right:12px;}
#dayNightSwitch .onOff .star{top:-50%;}
#dayNightSwitch .onOff .sunMoon .crater{width:3px;height:3px;}
#dayNightSwitch .onOff .sunMoon .cloud.part1{width:17px;}
#dayNightSwitch .onOff .sunMoon .cloud.part1:after{width:12px;}
#dayNightSwitch .onOff .sunMoon .cloud.part2:before{width:15px;}
}