@charset "UTF-8";

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

body {
	line-height: 1
}

ol,ul {
	list-style: none;
	color: #bbb
}

blockquote,q {
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

body {
	width: 100%;
	margin: 0 auto;
	color: #565656;
	background: #f7f7f7;
	font-family: open sans,pingfang sc,hiragino sans gb,PingHei,sans-serif,Helvetica Neue,work sans,microsoft yahei,SimSun;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	line-height: 2em;
	text-align: justify;
	word-wrap: break-word
}

.wrapper {
	max-width: 820px;
	background: #fff;
	margin: 0 auto;
	margin-top: 60px;
	box-shadow: 0 10px 20px 0 hsla(0,0%,93%,.86);
	-webkit-transition: all .6s ease;
	transition: all .6s ease
}

h1,h2,h3,h4,h5,h6 {
	color: #d81e06;
	font-weight: 700;
	margin: 1em 0 .5em;
	line-height: 1em
}

h1 {
	font-size: 1.8em;
	margin: 1.5em 0 1em
}

h2 {
	margin: 1em 0 .8em
}

h2,h3 {
	font-size: 1.2em
}

h3 {
	margin: 1.2em 0 .8em
}

h4 {
	font-size: 1.1em
}

a {
	text-decoration: none;
	-webkit-transition: .5s;
	transition: .5s;
	color: #808080
}

a:hover {
	color: #555
}

blockquote,figure,hr,ol,p,pre,table,ul {
	margin-bottom: 1em;
	margin-top: 1em;
}

b,strong {
	font-weight: 700
}

em,italic {
	font-style: italic
}

hr {
	border-bottom: 1px solid #eee;
	border-top: 0;
	border-left: 0;
	border-right: 0
}

blockquote {
	padding: 0 50px 0 40px;
	border-left: 10px solid #ddd;
	background: #f7f7f7;
	font-size: 16px;
    font-family: "fangsong";
}

blockquote:before {
	color: #ddd;
	content: "“";
	font-size: 6em;
	vertical-align: -.4em;
	margin-left: -33px;
	line-height: 0
}

table {
	background-color: #f7f7f7;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #eee;
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word
}

td,th {
	border-left: 1px solid #eee;
	padding: .5em 1em;
	vertical-align: middle;
	border-top: 1px solid #eee
}

th {
	font-weight: 700
}

table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th {
	background-color: #f9f9f9
}

code {
	border-bottom: 1px solid #ddd;
	border-radius: 4px;
	padding: .1em .5em
}

code,pre {
	font-family: consolas,Courier,monospace,sans-serif;
	font-size: .9em;
	background: #f7f7f7
}

pre {
	overflow: auto;
	letter-spacing: 0;
	white-space: pre-wrap;
	word-wrap: break-word;
	text-align: left;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 0 5%;
	padding-top: 1em;
	padding-bottom: 1em
}

pre code {
	border-bottom: 0;
	padding: 0;
	font-size: inherit
}

code,pre p {
	margin: 0
}

pre br {
	display: none
}

sup {
	vertical-align: super
}

sub {
	vertical-align: sub
}

sub,sup {
	font-size: .8em;
	line-height: 0
}

ul {
	list-style: square
}

ol {
	list-style: decimal
}

del {
	opacity: .3
}

::-moz-selection {
	background: #000;
	color: #fff
}

::selection {
	background: #d81e06;
	color: #fff
}

section.search input {
	width: 100%;
	font-size: .875em;
	font-family: open sans,pingfang sc,hiragino sans gb,PingHei,sans-serif,Helvetica Neue,work sans,microsoft yahei,SimSun;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	outline: 0;
	display: inline-block;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px solid #eee;
	text-align: center;
	padding: .8em 0;
	background-color: #f7f7f7;
	-webkit-transition: .5s;
	transition: .5s
}

section.search input:focus,section.search input:hover {
	background-color: inherit
}

.clear {
	clear: both
}

header {
	margin: 0 auto;
	min-height: 140px;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 75pt
}

header .logo {
	float: left
}

header .description {
	float: right
}

header img {
	width: 100px;
	border-radius: 5px
}

@media screen and (min-width:600px){
    header h1 {display: none}
}

header h2 {
	font-size: .8em;
	color: #bbb;
	font-weight: 400
}

header h2,nav {
	text-align: right
}

nav {
	width: 100%;
	margin-top: 2em
}

nav ul {
	margin-left: 0
}

nav ul,nav ul li {
	display: inline-block;
	padding-left: .3em
}

nav ul li a {
	font-size: .8em;
	width: auto;
	display: block;
	padding: .5em .8em;
	color: #999;
	line-height: 2em;
	border-top: 2px solid #d81e06
}

nav ul li a:hover {
	font-weight: 700;
	color: #fff;
	background: #d81e06
}

article,main section.content {
	padding: 0 5%
}

article h1,main section.content h1 {
	margin-bottom: .3em
}

article .meta,main section.content .meta {
	color: #bbb;
	font-size: .8em;
	padding: 20px 0 40px
}

article .meta a,main section.content .meta a {
	margin: 0 .3em
}

article .meta .item,main section.content .meta .item {
	margin-right: 10px
}

article h2 span,main section.content h2 span {
	font-size: .53em;
	margin-left: .3em;
	color: #bbb;
	font-weight: 400
}

article .article-list h2:before,main section.content .article-list h2:before {
	content: ''
}

article h2:before,main section.content h2:before {
	content: "# ";
	color: #555
}

article h3:before,main section.content h3:before {
	content: "## ";
	color: #555
}

article h4:before,main section.content h4:before {
	content: "### ";
	color: #555
}

article ul span,main section.content ul span {
	font-size: .8em;
	margin-left: .3em
}

article ul time,main section.content ul time {
	margin-right: .3em
}

article ol ul,article ul ol,article ul ul,main section.content ol ul,main section.content ul ol,main section.content ul ul {
	margin-left: 0
}

article .info span,main section.content .info span {
	margin: 0 0 2em;
	border: 1px solid #eee;
	padding: 15px 20px;
	color: #bbb;
	display: block
}

article.content {
	font-size: .875em;
	margin-top: 50px
}

article.content dl,article.content h1,article.content h2,article.content h3,article.content h4,article.content h5,article.content h6,article.content legend,article.content ol,article.content p,article.content ul {
	padding: 0 5%;
	letter-spacing: .15rem;
    font-size: 16px;
}

article.content h2 {
	margin: 2em 0 1.2em
}

article.content h3 {
	margin: 1.8em 0 1em
}

article.content h1 {
	font-size: 1.4em;
	margin: 1em 0 .8em;
	padding: 0 5%;
	text-align: left
}

article.content .meta,section.content .meta {
	border-bottom: 0;
	padding: 5px 0 5px 5%
}

article {
	padding-left: 0;
	padding-right: 0
}

article ol p,article ul p {
	padding: 0;
	margin: 0 auto
}

article blockquote ol,article blockquote p,article blockquote ul {
	padding: 0
}

article hr {
	margin: 1em 5%
}

article figure {
	text-align: center
}

article figure img {
	max-width: 100%;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

article figure figcaption {
	font-size: .8em;
	color: #bbb;
	margin-top: -5px;
	margin-bottom: 1em;
	padding: 0 5%;
	line-height: 1.8em
}

article img {
	max-width: 100%
}

article embed,article iframe {
	width: 100%;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin: 1em 0
}

article .post a {
	border-bottom: 1px solid;
	padding: 0px
}

article .post sub a,article .post sup a {
	border-bottom: 0;
	padding: 0
}

article .post sub a:before,article .post sup a:before {
	content: "["
}

article .post sub a:after,article .post sup a:after {
	content: "]"
}

article .toc {
	margin: 0 5% 2em;
	border: 1px solid #eee;
	padding: 15px 20px 0
}

article .toc ul {
	list-style: circle;
	padding: 0;
	color: #bbb;
	margin-left: 1em
}

article .toc a {
	border-bottom: 0
}

article ol,article ul {
	color: inherit;
	margin-left: 2em
}

article ol ol,article ol ul,article ul ol,article ul ul {
	margin-bottom: 0;
	padding: 0
}

article .footnotes ol,article .footnotes ul {
	margin-left: 1em;
	color: #bbb
}

article ul span {
	font-size: inherit;
	margin-left: inherit
}

.md_line {
	letter-spacing: .5px
}

.list-pager {
	padding: 30px 20px;
	font-size: .875em;
	margin: 0 30px
}

.list-pager .next {
	float: right
}

.list-pager .next i {
	margin-left: 8px
}

.list-pager .pre {
	float: left
}

.list-pager .pre i {
	margin-right: 8px
}

section.pager {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	text-align: center;
	overflow: auto;
	margin: 2em 0 0;
	font-size: .875em
}

section.pager .full_paginator.full_pager a {
	padding-left: 1em;
	padding-right: 1em
}

section.pager a {
	padding: 1em 0;
	display: inline-block
}

section.pager a.current {
	color: #555
}

section.pager a:hover {
	background: #f7f7f7
}

section.pager a.pre,section.pager span.pre {
	float: left;
	text-align: left;
	width: 45%;
	padding-left: 5%
}

section.pager a.pre:before,section.pager span.pre:before {
	content: "‹";
	font-size: 1.3em;
	padding-right: 5px;
	font-weight: 700;
	line-height: 1em
}

section.pager a.next,section.pager span.next {
	float: right;
	text-align: right;
	width: 45%;
	padding-right: 5%
}

section.pager a.next:after,section.pager span.next:after {
	content: "›";
	font-size: 1.3em;
	padding-left: 5px;
	font-weight: 700;
	line-height: 1em
}

section.pager span {
	color: #bbb;
	padding: 1em 0
}

section.pager .paginator a {
	padding: 1em .5em
}

section#comments {
	padding: 0 5%;
	background: #f7f7f7;
	border-bottom: 1px solid #eee;
	padding-top: .5em
}

.doc_comments {
	margin-top: 0!important;
	padding: 0!important
}

.doc_comments .comments_block_title {
	display: none
}

.doc_comments #new_comment_form .comment_trigger .trigger_title {
	margin-left: 62px!important;
	line-height: 3pc!important
}

.doc_comments #new_comment_form {
	font-size: .875em;
	background-color: inherit!important;
	border: 0!important;
	margin: 15px 0!important
}

.doc_comments #new_comment_form .input_body {
	background-color: inherit!important;
	border-top: 1px solid #eee
}

.doc_comments #new_comment_form .input_body li input {
	padding-left: 0!important;
	padding-right: 1em!important
}

.doc_comments #new_comment_form .input_body li {
	margin-top: 8px!important
}

.doc_comments #new_comment_form .comment_submit_button {
	font-size: .875em;
	margin: 8px 0!important;
	border-radius: 0!important;
	cursor: pointer
}

.doc_comments .comments ul {
	margin: 0
}

.doc_comments .comments .comment {
	padding: 0!important;
	background-color: inherit!important;
	margin: 0!important;
	border-radius: 0!important;
	border: 0!important;
	border-top: 1px solid #eee!important
}

.doc_comments .comments .comment .author {
	padding: 1em 0 0!important
}

.doc_comments .comments .comment .author .author-name {
	float: left
}

.doc_comments .comments .comment .author b {
	background-color: inherit!important;
	color: #999!important;
	-webkit-transition: .5s;
	transition: .5s;
	margin-left: 62px!important;
	font-size: .9em!important;
	font-weight: 700!important
}

.doc_comments .comments .comment .author b:hover {
	color: red!important
}

.doc_comments .comments .comment .author .reply {
	font-size: .75em!important;
	background: inherit!important;
	color: transparent!important;
	-webkit-transition: .5s;
	transition: .5s
}

.doc_comments .comments .comment .author .reply:before {
	color: #fff;
	margin-right: -2em;
	background: #ddd;
	padding: 3px 4px 2px
}

.doc_comments .comments .comment .author small {
	float: left;
	margin: 0!important;
	color: #ccc;
	padding-top: 4px;
	font-size: .8em
}

.doc_comments #new_comment_form .comment_trigger .avatar,.doc_comments .comments .comment .author .avatar {
	width: 3pc!important;
	height: 3pc!important
}

.doc_comments #new_comment_form .comment_trigger .avatar img,.doc_comments .comments .comment .author .avatar img {
	border-radius: 5%!important
}

.doc_comments .comments .comment .author .avatar {
	top: 1em!important
}

.doc_comments .comments .comment .p_part {
	margin: 0 0 .7em!important
}

.doc_comments .comments .comment .comment_content {
	color: #333;
	margin-left: 62px;
	margin-top: 21px
}

.doc_comments .comments .sub_comments {
	padding-left: 62px!important
}

.doc_comments .comments .sub_comments .sub_comments .sub_comments {
	padding-left: 0!important
}

aside {
	overflow: auto;
	padding-top: 20px;
	max-width: 750px;
	margin: 0 auto;
	padding-left: 30px
}

aside .aside-left {
	width: 33.3%
}

aside .aside-middle {
	width: 33.3%
}

aside .aside-right {
	width: 33.3%
}

aside .sidebar {
	float: left
}

aside .sidebar h3 {
	font-weight: 400;
	font-size: 14px
}

aside .sidebar li {
	font-size: 9pt;
	float: left;
	width: 50%;
	display: block
}

aside .sidebar ol {
	font-size: 9pt;
	width: 90%;
	display: block;
	margin-bottom: 0.1px;
}

aside span {
	font-size: .8em;
	margin-left: .3em;
	color: #bbb
}

.article-list {
	padding: 0 20px;
	margin: 0 30px
}

.article-list article {
	margin-top: 50px
}

.article-list article h2 {
	line-height: 30px;
	font-weight: 600
}

.article-list article h2 a {
	color: #d81e06
}

.article-list article .meta {
	border-bottom: 1px solid #f3f3f3
}

.excerpt p {
	color: #333;
	letter-spacing: .2px;
	line-height: 2em;
	text-align: left
}

.archived-posts,.excerpt p {
	letter-spacing: .15rem;
    font-size: 16px;
}

footer {
	text-align: center;
	padding: 60px 0;
	font-size: .8em;
	line-height: 3em;
	color: #bbb
}

footer .powered_by {
	line-height: 1.2em
}

footer .footer_slogan {
	padding-top: 25px;
	max-width: 90pt;
	margin: 0 auto;
	padding-bottom: 10px
}

#back_to_top {
	background: #bfbfbf;
	box-shadow: 0 10px 20px 0 hsla(0,0%,93%,.86)
}

#back_to_top span {
	color: #fffdfd
}

@media only screen and (max-width:600px) {
	.wrapper {
		margin-top: 0
	}

	header .logo {
		display: none
	}

	header .title {
		float: none
	}

	header .description {
		float: none
	}

	header .description h1,header .description h2 {
		text-align: center
	}

	.article-list {
		margin: 0;
		padding: 0
	}

	.article-list .meta {
		padding-left: 5%;
		padding-right: 5%
	}

	nav {
		width: 100%;
		text-align: center;
		margin-top: 2em
	}

	aside .sidebar {
		width: 100%;
		float: left
	}

	aside,main section.content,pre {
		padding: 0 5%
	}

	aside {
		padding-top: 20px
	}

	pre {
		padding-top: 1em;
		padding-bottom: 1em
	}

	article dl,article h1,article h2,article h3,article h4,article h5,article h6,article legend,article ol,article p,article ul {
		padding: 0 5%
	}

	blockquote {
		padding: 0 25px 0 20px;
		border-left: 5px solid #ddd
	}

	blockquote:before {
		margin-left: -20px
	}

	.doc_comments #new_comment_form .comment_trigger .avatar,.doc_comments .comments .comment .author .avatar {
		width: 36px!important;
		height: 36px!important
	}

	.doc_comments #new_comment_form .comment_trigger .trigger_title,.doc_comments .comments .comment .author b,.doc_comments .comments .comment .comment_content {
		margin-left: 3pc!important
	}

	.doc_comments .comments .comment .p_part {
		font-size: .95em;
		line-height: 2em
	}

	.doc_comments .comments .sub_comments {
		padding-left: 3pc!important
	}

	.doc_comments .comments .sub_comments .sub_comments {
		padding-left: 0!important
	}
}

.codehilite .c {
	color: #999
}

.codehilite .err {
	color: #a61717;
	background-color: #e3d2d2
}

.codehilite .k {
	color: #8b008b;
	font-weight: 700
}

.codehilite .n,.codehilite .o,.codehilite .p {
	color: #555
}

.codehilite .cm {
	color: #999
}

.codehilite .cp {
	color: #1e889b
}

.codehilite .c1 {
	color: #999
}

.codehilite .cs {
	color: #8b008b;
	font-weight: 700
}

.codehilite .gd {
	color: #a00
}

.codehilite .ge {
	font-style: italic
}

.codehilite .gr {
	color: #a00
}

.codehilite .gh {
	color: navy;
	font-weight: 700
}

.codehilite .gi {
	color: #0a0
}

.codehilite .go {
	color: #888
}

.codehilite .gp {
	color: #555
}

.codehilite .gs {
	font-weight: 700
}

.codehilite .gu {
	color: purple;
	font-weight: 700
}

.codehilite .gt {
	color: #a00
}

.codehilite .kc,.codehilite .kd,.codehilite .kn,.codehilite .kp,.codehilite .kr {
	color: #8b008b;
	font-weight: 700
}

.codehilite .kt {
	color: #a7a7a7;
	font-weight: 700
}

.codehilite .m {
	color: #b452cd
}

.codehilite .s {
	color: #cd5555
}

.codehilite .na,.codehilite .nb {
	color: #658b00
}

.codehilite .nc {
	color: #008b45;
	font-weight: 700
}

.codehilite .no {
	color: #00688b
}

.codehilite .nd {
	color: #707a7c
}

.codehilite .ni {
	color: #555
}

.codehilite .ne {
	color: #008b45;
	font-weight: 700
}

.codehilite .nf {
	color: #008b45
}

.codehilite .nl {
	color: #555
}

.codehilite .nn {
	color: #008b45;
	text-decoration: underline
}

.codehilite .nx,.codehilite .py {
	color: #555
}

.codehilite .nt {
	color: #8b008b;
	font-weight: 700
}

.codehilite .nv {
	color: #00688b
}

.codehilite .ow {
	color: #8b008b
}

.codehilite .w {
	color: #bbb
}

.codehilite .mb,.codehilite .mf,.codehilite .mh,.codehilite .mi,.codehilite .mo {
	color: #b452cd
}

.codehilite .s2,.codehilite .sb,.codehilite .sc,.codehilite .sd,.codehilite .se {
	color: #cd5555
}

.codehilite .sh {
	color: #1c7e71;
	font-style: italic
}

.codehilite .si {
	color: #cd5555
}

.codehilite .sx {
	color: #cb6c20
}

.codehilite .sr {
	color: #1c7e71
}

.codehilite .s1,.codehilite .ss {
	color: #cd5555
}

.codehilite .bp {
	color: #658b00
}

.codehilite .vc,.codehilite .vg,.codehilite .vi {
	color: #00688b
}

.codehilite .il {
	color: #b452cd
}

.hljs {
	display: block;
	overflow-x: auto;
	padding: .5em;
	color: #000
}

.hljs-addition,.hljs-attribute,.hljs-emphasis,.hljs-link {
	color: #070
}

.hljs-emphasis {
	font-style: italic
}

.hljs-deletion,.hljs-string,.hljs-strong {
	color: #d14
}

.hljs-strong {
	font-weight: 700
}

.hljs-comment,.hljs-quote {
	color: #998;
	font-style: italic
}

.hljs-section,.hljs-title {
	color: #900
}

.hljs-class .hljs-title,.hljs-type {
	color: #458
}

.hljs-template-variable,.hljs-variable {
	color: #369
}

.hljs-bullet {
	color: #970
}

.hljs-meta {
	color: #34b
}

.hljs-code,.hljs-keyword,.hljs-literal,.hljs-number,.hljs-selector-tag {
	color: #099
}

.hljs-regexp {
	background-color: #fff0ff;
	color: #808
}

.hljs-symbol {
	color: #990073
}

.hljs-name,.hljs-selector-class,.hljs-selector-id,.hljs-tag {
	color: #070
}

::-webkit-scrollbar {
	width: 9px;
	height: 9px
}

::-webkit-scrollbar-thumb {
	background: #c8c8c8
}
.shake.freez.shake-little {
	-webkit-animation-name: shake-little;
	-ms-animation-name: shake-little;
	animation-name: shake-little;
	-webkit-animation-duration: 100ms;
	-ms-animation-duration: 100ms;
	animation-duration: 100ms;
	-webkit-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-play-state: running;
	-ms-animation-play-state: running;
	animation-play-state: running
}
.shake.shake-little:hover {
	-webkit-animation-name: shake-little;
	-ms-animation-name: shake-little;
	animation-name: shake-little;
	-webkit-animation-duration: 100ms;
	-ms-animation-duration: 100ms;
	animation-duration: 100ms;
	-webkit-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-play-state: running;
	-ms-animation-play-state: running;
	animation-play-state: running
}
.shake.shake-constant.shake-little {
	-webkit-animation-name: shake-little;
	-ms-animation-name: shake-little;
	animation-name: shake-little;
	-webkit-animation-duration: 100ms;
	-ms-animation-duration: 100ms;
	animation-duration: 100ms;
	-webkit-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-play-state: running;
	-ms-animation-play-state: running;
	animation-play-state: running
}
@-webkit-keyframes shake-little {
 0% {
 -webkit-transform: translate(0px, 0px) rotate(0deg)
}
 2% {
 -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 4% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 6% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 8% {
 -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
}
 10% {
 -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
}
 12% {
 -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 14% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 16% {
 -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
}
 18% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 20% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 22% {
 -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
}
 24% {
 -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
}
 26% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 28% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 30% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 32% {
 -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
}
 34% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 36% {
 -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
}
 38% {
 -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 40% {
 -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
}
 42% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 44% {
 -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 46% {
 -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
}
 48% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 50% {
 -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
}
 52% {
 -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
}
 54% {
 -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
}
 56% {
 -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 58% {
 -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
}
 60% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 62% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 64% {
 -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 66% {
 -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
}
 68% {
 -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 70% {
 -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
}
 72% {
 -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
}
 74% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 76% {
 -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
}
 78% {
 -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
}
 80% {
 -webkit-transform: translate(0px, -1px) rotate(-0.5deg)
}
 82% {
 -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 84% {
 -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 86% {
 -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
}
 88% {
 -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
}
 90% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 92% {
 -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
}
 94% {
 -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
}
 96% {
 -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 98% {
 -webkit-transform: translate(0px, 0px) rotate(-0.5deg)
}
}
@-ms-keyframes shake-little {
 0% {
 -ms-transform: translate(0px, 0px) rotate(0deg)
}
 2% {
 -ms-transform: translate(0px, 0px) rotate(-0.5deg)
}
 4% {
 -ms-transform: translate(0px, 0px) rotate(-0.5deg)
}
 6% {
 -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 8% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 10% {
 -ms-transform: translate(0px, 0px) rotate(-0.5deg)
}
 12% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 14% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 16% {
 -ms-transform: translate(0px, 0px) rotate(-0.5deg)
}
 18% {
 -ms-transform: translate(0px, 0px) rotate(-0.5deg)
}
 20% {
 -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 22% {
 -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 24% {
 -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 26% {
 -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 28% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 30% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 32% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 34% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 36% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 38% {
 -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 40% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 42% {
 -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 44% {
 -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 46% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 48% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 50% {
 -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 52% {
 -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 54% {
 -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 56% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 58% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 60% {
 -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 62% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 64% {
 -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 66% {
 -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 68% {
 -ms-transform: translate(0px, 0px) rotate(-0.5deg)
}
 70% {
 -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 72% {
 -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 74% {
 -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 76% {
 -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 78% {
 -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 80% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 82% {
 -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 84% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 86% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 88% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 90% {
 -ms-transform: translate(-1px, -1px) rotate(-0.5deg)
}
 92% {
 -ms-transform: translate(0px, 0px) rotate(-0.5deg)
}
 94% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
 96% {
 -ms-transform: translate(-1px, 0px) rotate(-0.5deg)
}
 98% {
 -ms-transform: translate(0px, -1px) rotate(-0.5deg)
}
}
@keyframes shake-little {
 0% {
 transform: translate(0px, 0px) rotate(0deg)
}
 2% {
 transform: translate(-1px, -1px) rotate(-0.5deg)
}
 4% {
 transform: translate(-1px, -1px) rotate(-0.5deg)
}
 6% {
 transform: translate(0px, 0px) rotate(-0.5deg)
}
 8% {
 transform: translate(0px, -1px) rotate(-0.5deg)
}
 10% {
 transform: translate(-1px, -1px) rotate(-0.5deg)
}
 12% {
 transform: translate(0px, 0px) rotate(-0.5deg)
}
 14% {
 transform: translate(0px, 0px) rotate(-0.5deg)
}
 16% {
 transform: translate(0px, -1px) rotate(-0.5deg)
}
 18% {
 transform: translate(0px, 0px) rotate(-0.5deg)
}
 20% {
 transform: translate(-1px, -1px) rotate(-0.5deg)
}
 22% {
 transform: translate(-1px, -1px) rotate(-0.5deg)
}
 24% {
 transform: translate(-1px, -1px) rotate(-0.5deg)
}
 26% {
 transform: translate(-1px, 0px) rotate(-0.5deg)
}
 28% {
 transform: translate(0px, -1px) rotate(-0.5deg)
}
 30% {
 transform: translate(0px, -1px) rotate(-0.5deg)
}
 32% {
 transform: translate(0px, 0px) rotate(-0.5deg)
}
 34% {
 transform: translate(0px, -1px) rotate(-0.5deg)
}
 36% {
 transform: translate(-1px, 0px) rotate(-0.5deg)
}
 38% {
 transform: translate(-1px, -1px) rotate(-0.5deg)
}
 40% {
 transform: translate(0px, 0px) rotate(-0.5deg)
}
 42% {
 transform: translate(-1px, -1px) rotate(-0.5deg)
}
 44% {
 transform: translate(-1px, 0px) rotate(-0.5deg)
}
 46% {
 transform: translate(-1px, -1px) rotate(-0.5deg)
}
 48% {
 transform: translate(0px, -1px) rotate(-0.5deg)
}
 50% {
 transform: translate(0px, -1px) rotate(-0.5deg)
}
 52% {
 transform: translate(0px, 0px) rotate(-0.5deg)
}
 54% {
 transform: translate(-1px, 0px) rotate(-0.5deg)
}
 56% {
 transform: translate(0px, 0px) rotate(-0.5deg)
}
 58% {
 transform: translate(0px, 0px) rotate(-0.5deg)
}
 60% {
 transform: translate(0px, 0px) rotate(-0.5deg)
}
 62% {
 transform: translate(0px, -1px) rotate(-0.5deg)
}
 64% {
 transform: translate(0px, 0px) rotate(-0.5deg)
}
 66% {
 transform: translate(-1px, -1px) rotate(-0.5deg)
}
 68% {
 transform: translate(0px, -1px) rotate(-0.5deg)
}
 70% {
 transform: translate(0px, 0px) rotate(-0.5deg)
}
 72% {
 transform: translate(-1px, -1px) rotate(-0.5deg)
}
 74% {
 transform: translate(-1px, -1px) rotate(-0.5deg)
}
 76% {
 transform: translate(-1px, 0px) rotate(-0.5deg)
}
 78% {
 transform: translate(0px, 0px) rotate(-0.5deg)
}
 80% {
 transform: translate(0px, -1px) rotate(-0.5deg)
}
 82% {
 transform: translate(-1px, 0px) rotate(-0.5deg)
}
 84% {
 transform: translate(-1px, -1px) rotate(-0.5deg)
}
 86% {
 transform: translate(0px, -1px) rotate(-0.5deg)
}
 88% {
 transform: translate(0px, 0px) rotate(-0.5deg)
}
 90% {
 transform: translate(-1px, -1px) rotate(-0.5deg)
}
 92% {
 transform: translate(-1px, 0px) rotate(-0.5deg)
}
 94% {
 transform: translate(-1px, 0px) rotate(-0.5deg)
}
 96% {
 transform: translate(0px, -1px) rotate(-0.5deg)
}
 98% {
 transform: translate(0px, -1px) rotate(-0.5deg)
}
}