.button-hover {
  transition: all 0.3s ease; }

.button-hover:hover {
  -webkit-box-shadow: 0px 2px 4px 0px #208aec;
  box-shadow: 0px 2px 4px 0px #208aec;
  -webkit-transform: translateY(-0.2rem);
  transform: translateY(-0.2rem);
  -webkit-transition-duration: .45s;
  transition-duration: .45s; }

#single-page {
  width: 1200px;
  margin: 0 auto;
  min-height: 800px;
  padding-top: 40px;
  padding-bottom: 100px;
  -webkit-background-size: contain;
  background-size: 100%; }
  #single-page .bread-nav {
    color: #666666;
    margin-bottom: 40px;
    width: 50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    #single-page .bread-nav a {
      color: #666666; }
      #single-page .bread-nav a:hover {
        color: #1B90FB; }
  #single-page .container {
    display: -webkit-flex;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap; }
    #single-page .container .left-wrap {
      flex: 1;
      padding: 0 40px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      min-height: 300px; }
      #single-page .container .left-wrap .title {
        color: #1A1A1A;
        font-size: 24px;
        margin-bottom: 15px;
        width: 800px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      #single-page .container .left-wrap .content {
        width: 800px;
        margin-bottom: 40px;
        /*
        Theme Name: Twenty Eleven
        Description: Used to style the TinyMCE editor.
        */ }
      #single-page .container .left-wrap .detail_con_article {
        color: #666666;
        /* Headings */
        /* Text elements */
        /* Links */
        /* Alignment */
        /* Tables */
        /* Images */ }
        #single-page .container .left-wrap .detail_con_article h1, #single-page .container .left-wrap .detail_con_article h2, #single-page .container .left-wrap .detail_con_article h3, #single-page .container .left-wrap .detail_con_article h4, #single-page .container .left-wrap .detail_con_article h5, #single-page .container .left-wrap .detail_con_article h6 {
          clear: both; }
        #single-page .container .left-wrap .detail_con_article h1 {
          color: #000;
          font-size: 32px;
          font-weight: bold;
          margin: 0 0 .8125em; }
        #single-page .container .left-wrap .detail_con_article h2 {
          color: #000;
          font-size: 22px;
          font-weight: bold;
          margin: 0 0 .8125em; }
        #single-page .container .left-wrap .detail_con_article h3 {
          font-size: 10px;
          letter-spacing: 0.1em;
          line-height: 2.6em;
          text-transform: uppercase; }
        #single-page .container .left-wrap .detail_con_article h4, #single-page .container .left-wrap .detail_con_article h5, #single-page .container .left-wrap .detail_con_article h6 {
          font-size: 14px;
          margin: 0; }
        #single-page .container .left-wrap .detail_con_article hr {
          background-color: #ccc;
          border: 0;
          height: 1px;
          margin-bottom: 1.625em; }
        #single-page .container .left-wrap .detail_con_article ul, #single-page .container .left-wrap .detail_con_article ol {
          margin: 0 0 1.625em 2.5em;
          padding: 0; }
        #single-page .container .left-wrap .detail_con_article ul {
          list-style: square; }
        #single-page .container .left-wrap .detail_con_article ol {
          list-style-type: decimal; }
        #single-page .container .left-wrap .detail_con_article ol ol {
          list-style: upper-alpha; }
        #single-page .container .left-wrap .detail_con_article ol ol ol {
          list-style: lower-roman; }
        #single-page .container .left-wrap .detail_con_article ol ol ol ol {
          list-style: lower-alpha; }
        #single-page .container .left-wrap .detail_con_article ul ul, #single-page .container .left-wrap .detail_con_article ol ol, #single-page .container .left-wrap .detail_con_article ul ol, #single-page .container .left-wrap .detail_con_article ol ul {
          margin-bottom: 0; }
        #single-page .container .left-wrap .detail_con_article dl {
          margin: 0 1.625em; }
        #single-page .container .left-wrap .detail_con_article dt {
          font-size: 15px;
          font-weight: bold; }
        #single-page .container .left-wrap .detail_con_article dd {
          margin: 0 0 1.625em; }
        #single-page .container .left-wrap .detail_con_article strong {
          font-weight: bold; }
        #single-page .container .left-wrap .detail_con_article cite, #single-page .container .left-wrap .detail_con_article em, #single-page .container .left-wrap .detail_con_article i {
          font-style: italic; }
        #single-page .container .left-wrap .detail_con_article cite {
          border: none; }
        #single-page .container .left-wrap .detail_con_article big {
          font-size: 131.25%; }
        #single-page .container .left-wrap .detail_con_article .mceContentBody blockquote,
        #single-page .container .left-wrap .detail_con_article .mceContentBody blockquote p {
          font-family: Georgia, "Bitstream Charter", serif !important;
          font-style: italic !important;
          font-weight: normal;
          margin: 0 3em; }
        #single-page .container .left-wrap .detail_con_article .mceContentBody blockquote em,
        #single-page .container .left-wrap .detail_con_article .mceContentBody blockquote i,
        #single-page .container .left-wrap .detail_con_article .mceContentBody blockquote cite {
          font-style: normal; }
        #single-page .container .left-wrap .detail_con_article .mceContentBody blockquote cite {
          color: #666;
          font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-weight: 300;
          letter-spacing: 0.05em;
          text-transform: uppercase; }
        #single-page .container .left-wrap .detail_con_article pre {
          background: #f4f4f4;
          font: 13px "Courier 10 Pitch", Courier, monospace;
          line-height: 1.5;
          margin-bottom: 1.625em;
          padding: 0.75em 1.625em; }
        #single-page .container .left-wrap .detail_con_article code, #single-page .container .left-wrap .detail_con_article kbd, #single-page .container .left-wrap .detail_con_article samp, #single-page .container .left-wrap .detail_con_article var {
          font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
        #single-page .container .left-wrap .detail_con_article abbr, #single-page .container .left-wrap .detail_con_article acronym, #single-page .container .left-wrap .detail_con_article dfn {
          border-bottom: 1px dotted #666;
          cursor: help; }
        #single-page .container .left-wrap .detail_con_article address {
          display: block;
          margin: 0 0 1.625em; }
        #single-page .container .left-wrap .detail_con_article del {
          color: #333; }
        #single-page .container .left-wrap .detail_con_article ins {
          background: #fff9c0;
          border: none;
          color: #333;
          text-decoration: none; }
        #single-page .container .left-wrap .detail_con_article sup,
        #single-page .container .left-wrap .detail_con_article sub {
          font-size: 10px;
          height: 0;
          line-height: 1;
          position: relative;
          vertical-align: baseline; }
        #single-page .container .left-wrap .detail_con_article sup {
          bottom: 1ex; }
        #single-page .container .left-wrap .detail_con_article sub {
          top: .5ex; }
        #single-page .container .left-wrap .detail_con_article input[type=text],
        #single-page .container .left-wrap .detail_con_article textarea {
          background: #fafafa;
          -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          border: 1px solid #ddd;
          color: #888; }
        #single-page .container .left-wrap .detail_con_article input[type=text]:focus,
        #single-page .container .left-wrap .detail_con_article textarea:focus {
          color: #333; }
        #single-page .container .left-wrap .detail_con_article textarea {
          padding-left: 3px;
          width: 98%; }
        #single-page .container .left-wrap .detail_con_article input[type=text] {
          padding: 3px; }
        #single-page .container .left-wrap .detail_con_article a,
        #single-page .container .left-wrap .detail_con_article a em,
        #single-page .container .left-wrap .detail_con_article a strong {
          color: #009CF6;
          text-decoration: underline !important; }
        #single-page .container .left-wrap .detail_con_article a:focus,
        #single-page .container .left-wrap .detail_con_article a:active,
        #single-page .container .left-wrap .detail_con_article a:hover {
          color: #009CF6; }
        #single-page .container .left-wrap .detail_con_article .alignleft {
          display: inline;
          float: left;
          margin-right: 1.625em;
          -ms-text-align-last: right;
          text-align: right; }
        #single-page .container .left-wrap .detail_con_article .alignright {
          display: inline;
          float: right;
          margin-left: 1.625em;
          text-align: right; }
        #single-page .container .left-wrap .detail_con_article .aligncenter {
          clear: both;
          display: block;
          margin-left: auto;
          margin-right: auto;
          text-align: center; }
        #single-page .container .left-wrap .detail_con_article table {
          border: none !important;
          border-bottom: 1px solid #ddd !important;
          border-collapse: collapse;
          border-spacing: 0;
          text-align: left;
          margin: 0 0 1.625em;
          width: 100%; }
        #single-page .container .left-wrap .detail_con_article tr th {
          border: none !important;
          color: #666;
          font-size: 10px;
          font-weight: 500;
          letter-spacing: 0.1em;
          line-height: 2.6em;
          text-transform: uppercase; }
        #single-page .container .left-wrap .detail_con_article td {
          border: none !important;
          border-top: 1px solid #ddd !important;
          padding: 6px 10px 6px 0; }
        #single-page .container .left-wrap .detail_con_article img.size-full {
          width: auto;
          /* Prevent stretching of full-size images in IE8 */ }
        #single-page .container .left-wrap .detail_con_article img.wp-smiley {
          border: none;
          margin-bottom: 0;
          margin-top: 0;
          padding: 0; }
        #single-page .container .left-wrap .detail_con_article p img,
        #single-page .container .left-wrap .detail_con_article .wp-caption {
          margin-top: 0.4em; }
        #single-page .container .left-wrap .detail_con_article img {
          border: none;
          height: auto;
          max-width: 97.5%;
          max-width: calc(100% - 14px); }
        #single-page .container .left-wrap .detail_con_article img.alignleft,
        #single-page .container .left-wrap .detail_con_article img.alignright,
        #single-page .container .left-wrap .detail_con_article img.aligncenter {
          margin-bottom: 1.625em; }
        #single-page .container .left-wrap .detail_con_article .wp-caption {
          background: #eee;
          border: none;
          margin-bottom: 1.625em;
          max-width: 96%;
          max-width: calc(100% - 22px);
          padding: 9px 11px; }
        #single-page .container .left-wrap .detail_con_article .wp-caption img {
          display: block;
          margin: 0 -2px;
          max-width: 98%;
          max-width: calc(100% - 10px);
          border-color: #eee; }
        #single-page .container .left-wrap .detail_con_article .wp-caption .wp-caption-dd {
          color: #666;
          font-family: Georgia, serif;
          font-size: 12px;
          margin-bottom: 0.6em;
          padding: 10px 0 5px 40px;
          position: relative; }
        #single-page .container .left-wrap .detail_con_article .wp-caption .wp-caption-dd:before {
          color: #666;
          content: '\2014';
          font-size: 14px;
          font-style: normal;
          font-weight: bold;
          margin-right: 5px;
          position: absolute;
          left: 10px;
          top: 7px; }
        #single-page .container .left-wrap .detail_con_article a:focus img,
        #single-page .container .left-wrap .detail_con_article a:hover img,
        #single-page .container .left-wrap .detail_con_article a:active img {
          background: #eee;
          border-color: #bbb; }
        #single-page .container .left-wrap .detail_con_article .wp-caption a:focus img,
        #single-page .container .left-wrap .detail_con_article .wp-caption a:active img,
        #single-page .container .left-wrap .detail_con_article .wp-caption a:hover img {
          background: #fff;
          border-color: #ddd; }
        #single-page .container .left-wrap .detail_con_article p {
          font-size: 14px;
          color: #666666;
          line-height: 28px;
          padding-bottom: 15px; }
      #single-page .container .left-wrap .tags {
        margin-bottom: 40px; }
        #single-page .container .left-wrap .tags > ul {
          width: 100%;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: nowrap; }
          #single-page .container .left-wrap .tags > ul li {
            height: 32px;
            background: #f2f2f2;
            border-radius: 2px;
            color: #666666;
            padding: 0 12px;
            text-align: center;
            line-height: 32px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
            #single-page .container .left-wrap .tags > ul li:not(:last-child) {
              margin-right: 20px; }
            #single-page .container .left-wrap .tags > ul li:hover {
              background: #1b90fb;
              color: #fff; }
              #single-page .container .left-wrap .tags > ul li:hover a {
                color: #fff; }
      #single-page .container .left-wrap .preview-page {
        width: 100%;
        margin-bottom: 40px;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap; }
        #single-page .container .left-wrap .preview-page > div {
          color: #3F3F3F;
          cursor: pointer; }
          #single-page .container .left-wrap .preview-page > div:hover {
            color: #1B90FB; }
            #single-page .container .left-wrap .preview-page > div:hover a {
              color: #1B90FB; }
          #single-page .container .left-wrap .preview-page > div > i {
            vertical-align: middle; }
      #single-page .container .left-wrap .bottom-article-list {
        width: 100%; }
        #single-page .container .left-wrap .bottom-article-list > header {
          color: #1A1A1A;
          font-size: 16px;
          margin-bottom: 16px; }
        #single-page .container .left-wrap .bottom-article-list > ul {
          width: 100%;
          border-top: 1px solid #D8D8D8;
          padding-top: 26px;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          flex-wrap: wrap; }
          #single-page .container .left-wrap .bottom-article-list > ul > li {
            color: #3F3F3F;
            width: 280px;
            margin-bottom: 36px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden; }
            #single-page .container .left-wrap .bottom-article-list > ul > li a {
              color: #3F3F3F; }
              #single-page .container .left-wrap .bottom-article-list > ul > li a:hover {
                color: #1B90FB; }
            #single-page .container .left-wrap .bottom-article-list > ul > li:before {
              content: '';
              width: 4px;
              height: 4px;
              display: inline-block;
              background-color: #999999;
              margin-right: 10px;
              border-radius: 50%;
              vertical-align: middle; }
            #single-page .container .left-wrap .bottom-article-list > ul > li:hover:before {
              background-color: #1B90FB; }
