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

audio,canvas,video{
display:inline-block
}

audio:not([controls]){
display:none;height:0
}

[hidden]{display:none
}

html{
background:#000;
color:#000; 
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}

body{
margin:0
}

a:focus{
outline:thin dotted
}

a:active,a:hover{
outline:0
}

h1{
font-size:2em;margin:0.67em 0
}

abbr[title]{
border-bottom:1px dotted
}

b,strong{
font-weight:bold
}

dfn{
font-style:italic
}

hr{
-moz-box-sizing:content-box;box-sizing:content-box;height:0
}
mark{
background:#ff0;color:#000
}
code,kbd,pre,samp{
font-family:monospace,serif;font-size:1em
}
pre{
white-space:pre-wrap
}
q{quotes:"\201C" "\201D" "\2018" "\2019"
}
small{font-size:80%
}
sub,sup{
font-size:75%;line-height:0;position:relative;vertical-align:baseline
}
sup{top:-0.5em
}
sub{bottom:-0.25em
}
img{border:0
}
svg:not(:root){
overflow:hidden
}
figure{margin:0
}
fieldset{
border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em
}
legend{border:0;padding:0
}
button,input,select,textarea{
font-family:inherit;font-size:100%;margin:0
}
button,input{
line-height:normal
}
button,select{
text-transform:none
}
button,html input[type='button'],input[type='reset'],input[type='submit']{
-webkit-appearance:button;cursor:pointer
}
button[disabled],html input[disabled]{
cursor:default
}
input[type='checkbox'],input[type='radio']{
box-sizing:border-box;padding:0
}
input[type='search']{
-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box
}
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{
-webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
border:0;padding:0
}
textarea{
overflow:auto;vertical-align:top
}
table{
border-collapse:collapse;border-spacing:0
}
html{
font:100%/1.5 "Karla","lucida grande",sans-serif,sans-serif;font-weight:400
}
@media (min-width: 40rem){html{font-size:106%
}
}@media (min-width: 64rem){html{font-size:112%
}
}body{color:#777;background-color:#fff
}
h1,h2,h3,h4,h5{
color:#222;line-height:1.2em;font-family:"Montserrat","Helvetica",sans-serif;font-weight:600
}
h1{
font-size:3.5rem;margin:0 0 0.2em 0
}
@media (min-width: 40rem){h1{
font-size:4.5rem
}
}@media (min-width: 64rem){
h1{font-size:5rem
}
}h2{
color:#e67e39;margin-bottom:1.5rem;font-size:1.5rem;text-transform:uppercase
}
@media (min-width: 40rem){h2{font-size:2rem
}
}h3{
font-size:1.2rem;margin-bottom:0.5rem
}
blockquote{
margin:0
}
blockquote p{
color:#bbb;font-style:italic;margin-bottom:1.5rem
}
cite{color:#bbb
}
p{
margin:0 auto 2em auto;text-align:left
}
.lead{max-width:45rem;font-size:1.25rem
}
ol{list-style-type:decimal
}
ul,ol{margin:0 0 1.25em 0
}
li{margin-bottom:2em
}
li.last-list-item{border-bottom:none
}dt{font-weight:bold
}
dd{margin-bottom:1.625em
}
strong{font-weight:bold
}
i{font-style:italic
}
em{font-style:normal
}
a{color:#4ae;text-decoration:none
}
a:hover{text-decoration:underline
}
::-moz-selection,::selection{background:#e67e39;color:#fff
}
.sub-point{display:block;font-size:0.75rem
}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
}
body{margin:0;padding:0; background:#fff
}
section{border-top:2px solid #f2f2f2 ;text-align:center;padding:2rem 0
}
section:first-of-type{border-top:none
}
@media (min-width: 40rem){section{padding:4rem 0
}
}

.container{
margin:0 auto;max-width:40rem;width:90%
}
.row{*zoom:1
}
.row:after{
content:"";display:table;clear:both
}
header{
padding:2rem 0;
/*background-color:#f7f7f7; /友利*f7f7f7*/
text-align:center
}
header p{
text-align:center
}.
example-image-link{
display:inline-block;
padding:4px;margin:0 0.5rem 1rem 0.5rem;
background-color:#fff;
line-height:0;
-webkit-transition:background-color 0.1s ease-out;
-moz-transition:background-color 0.1s ease-out;
-o-transition:background-color 0.1s ease-out;
transition:background-color 0.1s ease-out;
-webkit-border-radius:6px;-moz-border-radius:6px;
-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px
}
.example-image-link:hover{
background-color:#4ae
}
.example-image{
width:7rem;-webkit-border-radius:5px;
-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;
border-radius:5px
}
.how-to-use-section p,.how-to-use-section ol,.how-to-use-section ul,.how-to-use-section pre{
text-align:left
}
fieldset{border:none
}
.donate-button{width:100%}@media (min-width: 40rem){.donate-button{width:auto}}footer{padding:2rem 0;background-color:#f7f7f7;text-align:center
}
footer p{
text-align:center;
font-size: 70%;
}
footer .button{margin-top:0.5rem}.sharing-section{position:fixed;z-index:10;top:20px;right:0}code{color:#777;background-color:#f2f2f2;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;font-family:Consolas,Courier,monospace;font-size:0.9rem;padding:0.1rem 0.3rem;position:relative;top:-1px}pre{background-color:#f2f2f2;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;padding:0 0.5rem 0.1rem 0.5rem}pre code{padding:0;font-size:0.7rem;border:none}.column{margin-bottom:1.5rem}@media (min-width: 40rem){.column{float:left;margin:0;padding-left:1rem;padding-right:1rem}.column.full{width:100%}.column.two-thirds{width:66.7%}.column.half{width:50%}.column.third{width:33.3%}.column.fourth{width:24.95%}.column.flow-opposite{float:right}}ul{margin:0;text-align:left}@media (min-width: 40rem){ul{display:inline-block}}.button{display:block;padding:0.7rem 2rem;margin-bottom:0.5rem;border:none;color:#fff;background-color:#4ae;font-size:1.2rem;font-weight:bold;text-transform:uppercase;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;vertical-align:middle;white-space:nowrap}.button:hover{background:#1595ea;text-decoration:none}@media (min-width: 40rem){.button{display:inline-block;margin:0 0.25rem}}.button-minor{padding:0.35rem 1rem;border:2px solid #4ae;color:#4ae;background-color:transparent;font-size:0.8rem}.button-minor:hover{color:#fff}hr{border:0;border-top:2px solid #f2f2f2;margin:2rem auto;width:3rem}@media (min-width: 40rem){hr{margin:2.5rem auto}}