@charset "UTF-8";
/* FOR special Markdown */
.artical {
  font-size: 18px; }
  .artical h1 {
    font: 1.6em 'Open Sans';
    font-family: "Microsoft Yahei", 微软雅黑, Arial;
    line-height: 2em;
    font-weight: 900;
    font-style: normal;
    display: block; }
  .artical h2 {
    font: 900 1.3em/1.5em "Microsoft Yahei", 微软雅黑, Arial;
    padding-bottom: 0.5em;
    text-transform: none;
    margin: 0px 0;
    display: block; }
  .artical h3 {
    font: 700 1.2em/1.4em "Microsoft Yahei", 微软雅黑, Arial;
    font-style: normal;
    margin: 0.5em 0;
    color: inherit;
    display: block; }
  .artical h4 {
    font: 700 1.0em/1.5em "Microsoft Yahei", 微软雅黑, Arial;
    font-style: normal;
    display: block;
    height: 2em; }
  .artical h5 {
    font: 700 1.0em/1.5em "Microsoft Yahei", 微软雅黑, Arial;
    font-weight: bold;
    font-style: normal;
    display: block;
    height: 2em; }
  .artical h6 {
    font: 700 1.0em/1.5em "Microsoft Yahei", 微软雅黑, Arial;
    font-style: normal; }
  .artical p {
    margin-bottom: 1.5em;
    line-height: 1.8em; }
    .artical p:empty {
      display: none;
      margin: 0; }
    .artical p a:hover {
      color: #27ae60; }
  .artical blockquote {
    margin: 0 0 1.2em 0;
    background-color: #f5f5f5;
    padding: 1.2em;
    margin-bottom: 1.2em;
    border-left: 2px solid #27ae60;
    quotes: none;
    font-size: 1.0em; }
    .artical blockquote p:last-child,
    .artical blockquote ul:last-child,
    .artical blockquote ol:last-child {
      margin-bottom: 0; }
    .artical blockquote:before {
      content: none; }
    .artical blockquote:after {
      content: none; }
    .artical blockquote p {
      line-height: 1.7em; }
    .artical blockquote > h1, .artical blockquote > h2, .artical blockquote > h3, .artical blockquote > h4, .artical blockquote > h5, .artical blockquote > h6 {
      margin-top: 0; }
  .artical a {
    color: green;
    font-weight: 600;
    text-decoration: none; }
    .artical a:hover {
      text-decoration: none;
      color: #27ae60; }
    .artical a:focus {
      text-decoration: none; }
  .artical img {
    border-style: none;
    border: 1px solid #ccd;
    vertical-align: top;
    max-width: 30%;
    height: auto; }
  .artical img.large {
	max-width: 80%; }
  .artical img.middle {
	max-width: 50%;}	
  .artical strong {
    font-weight: bold; }
  .artical ol, .artical ul {
    list-style-type: none;
    margin-bottom: 1.5em;
    margin: 0 0 1.3em 0;
    padding-left: 1.5em;
    line-height: 1.8em; }
  .artical ul {
    list-style-type: circle; }
    .artical ul > li > ul {
      list-style-type: square; }
      .artical ul > li > ul > li > ul {
        list-style-type: disc; }
  .artical ol {
    list-style-type: decimal; }
  .artical li > ul, .artical li > ol {
    margin-bottom: 0; }
  .artical table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 1.3em 0;
    text-align: left;
    border: 1px solid #e5e5e5;
    border-collapse: separate;
    border-left: 0; }
    .artical table > caption {
      font-weight: bold;
      margin-bottom: 1.3em; }
    .artical table > th, .artical table > td {
      padding: 0.4em 0.8em;
      margin: 0; }
    .artical table > th {
      border-left: 1px solid #e5e5e5; }
    .artical table > td {
      border-top: 1px solid #e5e5e5;
      border-left: 1px solid #e5e5e5; }
      .artical table > td[valign="top"] {
        vertical-align: top; }
      .artical table > td[valign="bottom"] {
        vertical-align: bottom; }
  .artical tt, .artical kbd, .artical pre, .artical code, .artical samp, .artical var {
    color: #c7254e;
    background-color: #f0f0f0;
    font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, monospace;
    padding: 4px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  .artical pre {
    line-height: 1.7;
    overflow: auto;
    max-width: 100%;
    margin: 1.3em 0;
    padding: 0.7em;
    white-space: pre-wrap; }
    .artical pre code {
      word-wrap: initial;
      white-space: pre;
      padding: 0; }
  .artical hr {
    height: 1px;
    margin-bottom: 1.3em;
    border: 0;
    border-top: 1px solid #e5e5e5; }

.toc {
  font-size: 16px; }
  .toc h1 {
    font: 1.4em 'Open Sans';
    font-family: "Microsoft Yahei", 微软雅黑, Arial;
    line-height: 2em;
    font-weight: 900;
    font-style: normal;
    display: block; }
  .toc h2 {
    font: 200 1.3em/1.4em "Microsoft Yahei", 微软雅黑, Arial;
    padding-bottom: 0.5em;
    text-transform: none;
    margin: 0px 0;
    display: block; }
 
  .toc a {
    color: green;
    text-decoration: none; }
    
  .toc ol, .toc ul {
    list-style-type: none;
    margin-bottom: 1.5em;
    margin: 0 0 1.3em 0;
    padding-left: 1.5em;
    line-height: 1.8em; }
  .toc ul {
    list-style-type: circle; }
    .toc ul > li > ul {
      list-style-type: square; }
      .toc ul > li > ul > li > ul {
        list-style-type: disc; }
  .toc ol {
    list-style-type: decimal; }
  .toc li > ul, .toc li > ol {
    margin-bottom: 0; }
    
.toc-left {
    padding-left:10px;
    height:100%;}

.toc-right {
    }