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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }
@charset "UTF-8";
a {
  text-decoration: none;
  outline: none;
  color: #333; }
  a:hover, a:focus {
    outline: none; }

.clearfix:after {
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: "."; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  height: auto;
  overflow: hidden; }

* {
  box-sizing: border-box; }

html {
  width: 100%;
  height: 100%; }
  html body {
    min-width: 1060px;
    width: 100%;
    background: #ffffff;
    -ms-word-break: break-all;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%;
    font-feature-settings: "pkna";
    letter-spacing: 0.05rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto | grayscale;
    font-family: "\30E1\30A4\30EA\30AA", "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
    display: flex;
    flex-direction: column; }

#lb-container {
  min-width: 1100px;
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow: hidden; }
  #lb-container #lb-wrapper {
    flex: 1 1 auto;
    margin-bottom: 80px; }
    #lb-container #lb-wrapper.mb0 {
      margin-bottom: 0; }
  #lb-container #lb-header {
    min-width: 1100px;
    width: 100%;
    background: #0088e7;
    height: 80px;
    border-bottom: 1px solid #fff; }
    #lb-container #lb-header.fixed {
      position: fixed;
      top: 0;
      z-index: 100; }
    #lb-container #lb-header .header-inner {
      max-width: 1020px;
      margin: 0 auto;
      position: relative; }
      #lb-container #lb-header .header-inner .box {
        width: 100%;
        overflow: hidden; }
        #lb-container #lb-header .header-inner .box .logo {
          width: 190px;
          overflow: hidden;
          margin-top: 26px;
          float: left; }
          #lb-container #lb-header .header-inner .box .logo a {
            display: block; }
            #lb-container #lb-header .header-inner .box .logo a:hover {
              opacity: 0.7; }
        #lb-container #lb-header .header-inner .box .global {
          font-size: 13px;
          position: absolute;
          right: 245px;
          top: 34px; }
          #lb-container #lb-header .header-inner .box .global ul li {
            float: left;
            margin-right: 32px; }
            #lb-container #lb-header .header-inner .box .global ul li:last-child {
              margin-right: 0; }
            #lb-container #lb-header .header-inner .box .global ul li a {
              display: block;
              font-weight: bold;
              color: #ffffff;
              padding-bottom: 12px; }
              #lb-container #lb-header .header-inner .box .global ul li a:hover, #lb-container #lb-header .header-inner .box .global ul li a.active {
                border-bottom: 2px solid #ffffff; }
        #lb-container #lb-header .header-inner .box .admin {
          position: absolute;
          top: 24px;
          right: 0; }
          #lb-container #lb-header .header-inner .box .admin li {
            float: left;
            font-weight: bold;
            font-size: 13px;
            text-align: center; }
            #lb-container #lb-header .header-inner .box .admin li a {
              display: block;
              width: 104px;
              height: 32px;
              line-height: 29px;
              border-radius: 16px;
              transition: 0.1s ease-in-out;
              border: 2px solid #edf0f2;
              color: #edf0f2; }
              #lb-container #lb-header .header-inner .box .admin li a:hover {
                transition: 0.1s ease-in-out;
                background: #edf0f2;
                border: 2px solid #edf0f2;
                color: #0088e7; }
            #lb-container #lb-header .header-inner .box .admin li.active a {
              background: #edf0f2;
              border: 2px solid #edf0f2;
              color: #0088e7; }
            #lb-container #lb-header .header-inner .box .admin li:first-child {
              margin-right: 6px; }
  #lb-container #lb-footer {
    position: relative;
    width: 100%;
    height: 248px;
    background: #0088e7;
    color: #fff;
    padding-top: 32px; }
    #lb-container #lb-footer #toppage, #lb-container #lb-footer #toppage-end {
      z-index: 1000;
      right: 20px;
      width: 50px;
      height: 50px;
      border-radius: 12px;
      border: 1px solid #fff;
      background: #68c0fd;
      cursor: pointer; }
      #lb-container #lb-footer #toppage::before, #lb-container #lb-footer #toppage-end::before {
        content: "";
        display: block;
        position: absolute;
        margin: 0 auto;
        top: 18px;
        left: 17px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 13px solid #fff;
        transform: scale(0.7); }
      #lb-container #lb-footer #toppage:hover, #lb-container #lb-footer #toppage-end:hover {
        background: #0088e7; }
    #lb-container #lb-footer #toppage-end {
      display: none;
      position: absolute;
      bottom: 268px; }
    #lb-container #lb-footer #toppage {
      display: block;
      position: fixed;
      bottom: 20px;
      transform: translateY(140px);
      transition: all 280ms 0s ease; }
      #lb-container #lb-footer #toppage.active {
        transform: translateY(0px);
        transition: all 280ms 0s ease; }
    #lb-container #lb-footer a {
      color: #fff; }
    #lb-container #lb-footer .logo a:hover {
      opacity: 0.7; }
    #lb-container #lb-footer .share ul {
      overflow: hidden;
      margin-top: 50px; }
      #lb-container #lb-footer .share ul li {
        float: left; }
        #lb-container #lb-footer .share ul li.fb a {
          display: block;
          width: 25px;
          height: 30px;
          text-align: center;
          line-height: 30px;
          margin-right: 10px; }
        #lb-container #lb-footer .share ul li.tw a {
          display: block;
          width: 25px;
          height: 30px;
          text-align: center;
          line-height: 30px; }
    #lb-container #lb-footer .footer-inner {
      max-width: 1020px;
      margin: 0 auto; }
    #lb-container #lb-footer .copy {
      font-size: 12px;
      text-align: right;
      font-family: Verdana, 'Droid Sans'; }
    #lb-container #lb-footer .box {
      float: left; }
    #lb-container #lb-footer .sitemap {
      float: right; }
      #lb-container #lb-footer .sitemap .sitemap-inner ul {
        float: left;
        margin-bottom: 8px; }
        #lb-container #lb-footer .sitemap .sitemap-inner ul li {
          display: block;
          font-size: 14px;
          margin-bottom: 20px;
          margin-left: 50px; }
          #lb-container #lb-footer .sitemap .sitemap-inner ul li a:hover {
            text-decoration: underline; }
    #lb-container #lb-footer .admin {
      margin-top: 16px; }
      #lb-container #lb-footer .admin li {
        font-weight: bold;
        font-size: 13px;
        text-align: center; }
        #lb-container #lb-footer .admin li a {
          display: block;
          width: 104px;
          height: 32px;
          line-height: 29px;
          border-radius: 16px;
          transition: 0.1s ease-in-out;
          border: 2px solid #edf0f2;
          color: #edf0f2; }
          #lb-container #lb-footer .admin li a:hover {
            transition: 0.1s ease-in-out;
            background: #edf0f2;
            border: 2px solid #edf0f2;
            color: #0088e7; }
        #lb-container #lb-footer .admin li:first-child {
          margin-bottom: 6px; }
  #lb-container.top #lb-main-visual {
    max-width: 2472px;
    width: 100%;
    overflow: hidden;
    margin: 8px auto 0 auto; }
    #lb-container.top #lb-main-visual .slideshow-inner {
      position: relative;
      width: 800px;
      margin: 0 auto;
      height: 532px; }
      #lb-container.top #lb-main-visual .slideshow-inner .control {
        position: relative; }
        #lb-container.top #lb-main-visual .slideshow-inner .control .next,
        #lb-container.top #lb-main-visual .slideshow-inner .control .prev {
          display: block;
          position: absolute;
          z-index: 1;
          width: 44px;
          height: 450px;
          top: 0;
          bottom: 0; }
          #lb-container.top #lb-main-visual .slideshow-inner .control .next .next-inner,
          #lb-container.top #lb-main-visual .slideshow-inner .control .next .prev-inner,
          #lb-container.top #lb-main-visual .slideshow-inner .control .prev .next-inner,
          #lb-container.top #lb-main-visual .slideshow-inner .control .prev .prev-inner {
            position: absolute;
            z-index: 1;
            width: 40px;
            height: 48px;
            background: #68c0fd;
            top: 50%;
            bottom: 50%;
            margin-top: -24px;
            cursor: pointer;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
            #lb-container.top #lb-main-visual .slideshow-inner .control .next .next-inner:hover,
            #lb-container.top #lb-main-visual .slideshow-inner .control .next .prev-inner:hover,
            #lb-container.top #lb-main-visual .slideshow-inner .control .prev .next-inner:hover,
            #lb-container.top #lb-main-visual .slideshow-inner .control .prev .prev-inner:hover {
              background: #006ab4; }
          #lb-container.top #lb-main-visual .slideshow-inner .control .next.next,
          #lb-container.top #lb-main-visual .slideshow-inner .control .prev.next {
            right: -44px; }
            #lb-container.top #lb-main-visual .slideshow-inner .control .next.next .next-inner,
            #lb-container.top #lb-main-visual .slideshow-inner .control .prev.next .next-inner {
              left: 0;
              border-top-right-radius: 24px;
              border-bottom-right-radius: 24px; }
              #lb-container.top #lb-main-visual .slideshow-inner .control .next.next .next-inner span,
              #lb-container.top #lb-main-visual .slideshow-inner .control .prev.next .next-inner span {
                display: block;
                position: absolute;
                pointer-events: none;
                top: 17px;
                left: 13px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-left: 11px solid #ffffff; }
          #lb-container.top #lb-main-visual .slideshow-inner .control .next.prev,
          #lb-container.top #lb-main-visual .slideshow-inner .control .prev.prev {
            left: -44px; }
            #lb-container.top #lb-main-visual .slideshow-inner .control .next.prev .prev-inner,
            #lb-container.top #lb-main-visual .slideshow-inner .control .prev.prev .prev-inner {
              right: 0;
              border-top-left-radius: 24px;
              border-bottom-left-radius: 24px; }
              #lb-container.top #lb-main-visual .slideshow-inner .control .next.prev .prev-inner span,
              #lb-container.top #lb-main-visual .slideshow-inner .control .prev.prev .prev-inner span {
                display: block;
                position: absolute;
                pointer-events: none;
                top: 17px;
                right: 13px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-right: 11px solid #ffffff; }
      #lb-container.top #lb-main-visual .slideshow-inner .control .next,
      #lb-container.top #lb-main-visual .slideshow-inner .control .prev {
        height: 450px; }
      #lb-container.top #lb-main-visual .slideshow-inner ul {
        position: absolute; }
        #lb-container.top #lb-main-visual .slideshow-inner ul li {
          float: left;
          padding: 0 12px;
          user-select: none;
          cursor: pointer; }
          #lb-container.top #lb-main-visual .slideshow-inner ul li span:nth-child(1) {
            height: 450px;
            overflow: hidden; }
            #lb-container.top #lb-main-visual .slideshow-inner ul li span:nth-child(1) img {
              transition: all 280ms 0s ease; }
          #lb-container.top #lb-main-visual .slideshow-inner ul li:hover span:nth-child(1) img {
            transform: scale(1.03);
            transition: all 300ms 0s ease-in-out; }
          #lb-container.top #lb-main-visual .slideshow-inner ul li:hover span:nth-child(2) a, #lb-container.top #lb-main-visual .slideshow-inner ul li:hover span:nth-child(3) a {
            transition: all 200ms 0s ease;
            color: #0088e7; }
          #lb-container.top #lb-main-visual .slideshow-inner ul li span {
            display: block; }
            #lb-container.top #lb-main-visual .slideshow-inner ul li span:first-child {
              overflow: hidden;
              border-radius: 12px; }
              #lb-container.top #lb-main-visual .slideshow-inner ul li span:first-child img {
                user-select: none; }
            #lb-container.top #lb-main-visual .slideshow-inner ul li span:nth-child(2) {
              padding: 0 18px;
              color: #666666;
              font-size: 12px;
              margin: 16px 0 12px 0; }
            #lb-container.top #lb-main-visual .slideshow-inner ul li span:last-child {
              padding: 0 18px;
              font-size: 16px;
              color: #000000;
              font-weight: bold; }
  #lb-container.top #lb-blog-news {
    max-width: 1020px;
    margin: 64px auto 0 auto; }
    #lb-container.top #lb-blog-news .title {
      margin-bottom: 24px; }
      #lb-container.top #lb-blog-news .title h2 {
        font-size: 24px;
        color: #000000;
        font-weight: bold;
        float: left; }
      #lb-container.top #lb-blog-news .title .sub {
        float: right;
        color: #666666;
        font-size: 14px;
        margin-top: 9px; }
    #lb-container.top #lb-blog-news .tab {
      border-bottom: 4px solid #68c0fd;
      overflow: hidden;
      margin-bottom: 18px; }
      #lb-container.top #lb-blog-news .tab li {
        position: relative;
        width: 176px;
        float: left;
        margin-right: 12px;
        cursor: pointer;
        user-select: none; }
        #lb-container.top #lb-blog-news .tab li.active span, #lb-container.top #lb-blog-news .tab li.active::before {
          background: #68c0fd;
          color: #fff; }
        #lb-container.top #lb-blog-news .tab li span {
          position: relative;
          z-index: 1;
          display: block;
          width: 160px;
          background: #f5f5f5;
          border-top-left-radius: 12px;
          border-top-right-radius: 12px;
          height: 44px;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          line-height: 44px;
          color: #000000; }
        #lb-container.top #lb-blog-news .tab li::after {
          content: "";
          display: inline-block;
          width: 50px;
          height: 50px;
          background: #fff;
          position: absolute;
          bottom: -1px;
          right: -34px;
          border-bottom-left-radius: 24px; }
        #lb-container.top #lb-blog-news .tab li::before {
          content: "";
          display: inline-block;
          width: 25px;
          height: 25px;
          background: #f5f5f5;
          position: absolute;
          bottom: 0;
          right: -8px; }
    #lb-container.top #lb-blog-news .tabbox {
      display: none; }
      #lb-container.top #lb-blog-news .tabbox.active {
        display: block; }
      #lb-container.top #lb-blog-news .tabbox.blog_topics ul li {
        float: left; }
        #lb-container.top #lb-blog-news .tabbox.blog_topics ul li a {
          overflow: hidden;
          display: block;
          border-radius: 12px;
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
          transition: 0.2s ease-in-out; }
          #lb-container.top #lb-blog-news .tabbox.blog_topics ul li a:hover {
            background: #edf7ff;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
            transition: 0.15s ease-in-out; }
        #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(1), #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(2), #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(3) {
          width: 332px;
          float: left;
          margin-right: 11px;
          margin-bottom: 23px; }
          #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(1) a, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(2) a, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(3) a {
            height: 360px;
            position: relative; }
          #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(1) .right, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(2) .right, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(3) .right {
            position: relative;
            padding: 0 15px;
            height: calc(100% - 265px); }
            #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(1) .right span, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(2) .right span, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(3) .right span {
              display: block; }
            #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(1) .right .title, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(2) .right .title, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(3) .right .title {
              font-size: 16px;
              font-weight: bold;
              line-height: 1.5em;
              margin-top: 12px; }
            #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(1) .right .name, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(2) .right .name, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(3) .right .name {
              color: #666666;
              font-size: 12px;
              position: absolute;
              right: 15px;
              bottom: 10px; }
          #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(1) .comment, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(2) .comment, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(3) .comment {
            background: #f5f5f5;
            padding: 15px 0;
            position: absolute;
            transition: 0.2s ease-in-out;
            width: 100%;
            bottom: 0; }
            #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(1) .comment span, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(2) .comment span, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(3) .comment span {
              display: block; }
            #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(1) .comment .text, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(2) .comment .text, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(3) .comment .text {
              font-size: 12px;
              position: relative;
              padding-left: 25px;
              margin-left: 15px; }
              #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(1) .comment .text .icon, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(2) .comment .text .icon, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(3) .comment .text .icon {
                position: absolute;
                top: -2px;
                left: 0; }
        #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(3) {
          margin-right: 0; }
        #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(4), #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(6), #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(8) {
          width: calc(50% - 4px);
          margin-right: 4px; }
        #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(5), #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(7), #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(9) {
          width: calc(50% - 4px);
          margin-left: 4px; }
        #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(4), #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(6), #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(8), #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(5), #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(7), #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(9) {
          margin-bottom: 8px; }
          #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(4) .right, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(6) .right, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(8) .right, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(5) .right, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(7) .right, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(9) .right {
            width: 100%;
            padding: 15px;
            position: relative;
            height: 70px; }
            #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(4) .right span, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(6) .right span, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(8) .right span, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(5) .right span, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(7) .right span, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(9) .right span {
              display: block; }
            #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(4) .right .title, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(6) .right .title, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(8) .right .title, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(5) .right .title, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(7) .right .title, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(9) .right .title {
              font-size: 14px;
              font-weight: bold;
              line-height: 1.5em; }
            #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(4) .right .name, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(6) .right .name, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(8) .right .name, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(5) .right .name, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(7) .right .name, #lb-container.top #lb-blog-news .tabbox.blog_topics ul li:nth-child(9) .right .name {
              position: absolute;
              bottom: 15px;
              font-size: 12px;
              right: 15px; }
      #lb-container.top #lb-blog-news .tabbox.blog_topics_bundle ul li {
        width: calc(50% - 4px);
        margin-left: 0;
        margin-right: 4px;
        float: left;
        margin-bottom: 8px; }
        #lb-container.top #lb-blog-news .tabbox.blog_topics_bundle ul li a {
          overflow: hidden;
          display: block;
          border-radius: 12px;
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
          transition: 0.2s ease-in-out; }
          #lb-container.top #lb-blog-news .tabbox.blog_topics_bundle ul li a:hover {
            background: #edf7ff;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
            transition: 0.15s ease-in-out; }
        #lb-container.top #lb-blog-news .tabbox.blog_topics_bundle ul li:nth-child(2n) {
          width: calc(50% - 4px);
          margin-left: 4px;
          margin-right: 0; }
        #lb-container.top #lb-blog-news .tabbox.blog_topics_bundle ul li .right {
          position: relative;
          padding: 0 15px 50px 15px; }
          #lb-container.top #lb-blog-news .tabbox.blog_topics_bundle ul li .right span {
            display: block; }
          #lb-container.top #lb-blog-news .tabbox.blog_topics_bundle ul li .right .title {
            font-size: 16px;
            font-weight: bold;
            line-height: 1.5em;
            margin-top: 12px; }
          #lb-container.top #lb-blog-news .tabbox.blog_topics_bundle ul li .right .name {
            color: #666666;
            font-size: 12px;
            position: absolute;
            right: 15px;
            bottom: 16px; }
        #lb-container.top #lb-blog-news .tabbox.blog_topics_bundle ul li .comment {
          background: #f5f5f5;
          padding: 15px 0;
          position: relative;
          transition: 0.2s ease-in-out; }
          #lb-container.top #lb-blog-news .tabbox.blog_topics_bundle ul li .comment span {
            display: block; }
          #lb-container.top #lb-blog-news .tabbox.blog_topics_bundle ul li .comment .text {
            font-size: 12px;
            position: relative;
            padding-left: 25px;
            margin-left: 15px; }
            #lb-container.top #lb-blog-news .tabbox.blog_topics_bundle ul li .comment .text .icon {
              position: absolute;
              top: -2px;
              left: 0; }
    #lb-container.top #lb-blog-news .more {
      width: 320px;
      height: 48px;
      margin: 40px auto 0 auto; }
      #lb-container.top #lb-blog-news .more a {
        display: block;
        border-radius: 24px;
        width: 100%;
        height: 100%;
        background: #0088e7;
        line-height: 48px;
        font-size: 16px;
        text-align: center;
        color: #FFF;
        font-weight: bold;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
        #lb-container.top #lb-blog-news .more a:hover {
          background: #006ab4; }
  #lb-container.top #lb-recommend-category {
    max-width: 1020px;
    margin: 68px auto 0 auto; }
    #lb-container.top #lb-recommend-category .title {
      float: left; }
      #lb-container.top #lb-recommend-category .title h2 {
        font-size: 16px;
        margin-bottom: 15px;
        font-weight: bold; }
      #lb-container.top #lb-recommend-category .title h3 {
        position: relative;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        padding-left: 15px; }
        #lb-container.top #lb-recommend-category .title h3::before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          border-top: 8px solid transparent;
          border-bottom: 8px solid transparent;
          border-left: 11px solid #0088e7;
          transform: scale(0.6); }
        #lb-container.top #lb-recommend-category .title h3:hover {
          transition: all 200ms 0s ease; }
          #lb-container.top #lb-recommend-category .title h3:hover::before {
            border-left: 11px solid #68c0fd; }
    #lb-container.top #lb-recommend-category .list {
      position: relative;
      width: calc(857px - 32px);
      float: right;
      background: #f5f5f5;
      border-bottom-left-radius: 24px;
      border-top-right-radius: 24px;
      border-bottom-right-radius: 24px;
      padding-bottom: 6px; }
      #lb-container.top #lb-recommend-category .list::after {
        position: absolute;
        top: 0;
        left: -32px;
        content: "";
        display: block;
        width: 32px;
        height: 100%;
        background: #fff;
        border-top-right-radius: 24px; }
      #lb-container.top #lb-recommend-category .list::before {
        position: absolute;
        top: 0;
        left: -32px;
        content: "";
        display: block;
        width: 32px;
        height: 100%;
        background: #f5f5f5; }
      #lb-container.top #lb-recommend-category .list ul {
        padding: 12px 12px 0 12px; }
        #lb-container.top #lb-recommend-category .list ul li {
          float: left;
          margin-right: 6px;
          margin-bottom: 6px; }
          #lb-container.top #lb-recommend-category .list ul li a {
            border-radius: 2px;
            background: #fff;
            padding: 7px 10px 9px 10px;
            display: block;
            font-size: 14px;
            color: #0088e7;
            font-weight: bold;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12); }
            #lb-container.top #lb-recommend-category .list ul li a:hover {
              background: #68c0fd;
              color: #ffffff; }
  #lb-container.top #lb-recommend-blog {
    background: #f5f5f5;
    max-width: 2436px;
    width: 100%;
    overflow: hidden;
    margin: 80px auto 0 auto;
    padding-bottom: 63px; }
    #lb-container.top #lb-recommend-blog .title {
      width: 1020px;
      margin: 65px auto 25px auto; }
      #lb-container.top #lb-recommend-blog .title h2 {
        font-size: 24px;
        color: #333;
        font-weight: bold;
        float: left; }
      #lb-container.top #lb-recommend-blog .title .sub {
        float: right;
        color: #666666;
        font-size: 14px;
        margin-top: 9px; }
    #lb-container.top #lb-recommend-blog .slideshow-inner {
      position: relative;
      width: 1020px;
      margin: 0 auto;
      height: 306px; }
      #lb-container.top #lb-recommend-blog .slideshow-inner .control {
        position: relative; }
        #lb-container.top #lb-recommend-blog .slideshow-inner .control .next,
        #lb-container.top #lb-recommend-blog .slideshow-inner .control .prev {
          display: block;
          position: absolute;
          z-index: 1;
          width: 44px;
          height: 450px;
          top: 0;
          bottom: 0; }
          #lb-container.top #lb-recommend-blog .slideshow-inner .control .next .next-inner,
          #lb-container.top #lb-recommend-blog .slideshow-inner .control .next .prev-inner,
          #lb-container.top #lb-recommend-blog .slideshow-inner .control .prev .next-inner,
          #lb-container.top #lb-recommend-blog .slideshow-inner .control .prev .prev-inner {
            position: absolute;
            z-index: 1;
            width: 40px;
            height: 48px;
            background: #68c0fd;
            top: 50%;
            bottom: 50%;
            margin-top: -24px;
            cursor: pointer;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
            #lb-container.top #lb-recommend-blog .slideshow-inner .control .next .next-inner:hover,
            #lb-container.top #lb-recommend-blog .slideshow-inner .control .next .prev-inner:hover,
            #lb-container.top #lb-recommend-blog .slideshow-inner .control .prev .next-inner:hover,
            #lb-container.top #lb-recommend-blog .slideshow-inner .control .prev .prev-inner:hover {
              background: #006ab4; }
          #lb-container.top #lb-recommend-blog .slideshow-inner .control .next.next,
          #lb-container.top #lb-recommend-blog .slideshow-inner .control .prev.next {
            right: -44px; }
            #lb-container.top #lb-recommend-blog .slideshow-inner .control .next.next .next-inner,
            #lb-container.top #lb-recommend-blog .slideshow-inner .control .prev.next .next-inner {
              left: 0;
              border-top-right-radius: 24px;
              border-bottom-right-radius: 24px; }
              #lb-container.top #lb-recommend-blog .slideshow-inner .control .next.next .next-inner span,
              #lb-container.top #lb-recommend-blog .slideshow-inner .control .prev.next .next-inner span {
                display: block;
                position: absolute;
                pointer-events: none;
                top: 17px;
                left: 13px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-left: 11px solid #ffffff; }
          #lb-container.top #lb-recommend-blog .slideshow-inner .control .next.prev,
          #lb-container.top #lb-recommend-blog .slideshow-inner .control .prev.prev {
            left: -44px; }
            #lb-container.top #lb-recommend-blog .slideshow-inner .control .next.prev .prev-inner,
            #lb-container.top #lb-recommend-blog .slideshow-inner .control .prev.prev .prev-inner {
              right: 0;
              border-top-left-radius: 24px;
              border-bottom-left-radius: 24px; }
              #lb-container.top #lb-recommend-blog .slideshow-inner .control .next.prev .prev-inner span,
              #lb-container.top #lb-recommend-blog .slideshow-inner .control .prev.prev .prev-inner span {
                display: block;
                position: absolute;
                pointer-events: none;
                top: 17px;
                right: 13px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-right: 11px solid #ffffff; }
      #lb-container.top #lb-recommend-blog .slideshow-inner .control .next,
      #lb-container.top #lb-recommend-blog .slideshow-inner .control .prev {
        height: 306px; }
      #lb-container.top #lb-recommend-blog .slideshow-inner ul {
        position: absolute; }
        #lb-container.top #lb-recommend-blog .slideshow-inner ul li {
          padding: 0 12px;
          float: left; }
          #lb-container.top #lb-recommend-blog .slideshow-inner ul li a {
            position: relative;
            width: 324px;
            border-radius: 12px;
            overflow: hidden;
            display: block;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
            background: #FFF;
            height: 310px; }
            #lb-container.top #lb-recommend-blog .slideshow-inner ul li a:hover {
              background: #edf7ff;
              box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
              transition: all 200ms 0s ease; }
            #lb-container.top #lb-recommend-blog .slideshow-inner ul li a span {
              position: absolute;
              bottom: 17px;
              right: 0;
              display: block;
              color: #666666;
              font-size: 12px;
              text-align: right;
              padding: 0 15px;
              font-style: italic; }
              #lb-container.top #lb-recommend-blog .slideshow-inner ul li a span.bold {
                position: static;
                text-align: left;
                color: #000000;
                font-weight: bold;
                font-size: 16px;
                line-height: 26px;
                margin-top: 8px;
                font-style: normal; }
    #lb-container.top #lb-recommend-blog .more {
      width: 200px;
      height: 48px;
      margin: 40px auto 0 auto; }
      #lb-container.top #lb-recommend-blog .more a {
        display: block;
        border-radius: 24px;
        width: 100%;
        height: 100%;
        background: #0088e7;
        line-height: 46px;
        font-size: 16px;
        text-align: center;
        color: #FFF;
        font-weight: bold;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
        #lb-container.top #lb-recommend-blog .more a:hover {
          background: #006ab4; }
  #lb-container.top #lb-headline {
    max-width: 1020px;
    width: 100%;
    margin: 80px auto 0 auto; }
    #lb-container.top #lb-headline .title {
      margin-bottom: 24px; }
      #lb-container.top #lb-headline .title h2 {
        font-size: 24px;
        color: #000000;
        font-weight: bold;
        float: left; }
      #lb-container.top #lb-headline .title .sub {
        float: right;
        color: #666666;
        font-size: 14px;
        margin-top: 9px; }
    #lb-container.top #lb-headline .box #ticker .ticker-inner {
      position: relative;
      height: 491px;
      border-bottom: 1px solid #e5e5e5;
      overflow: hidden; }
      #lb-container.top #lb-headline .box #ticker .ticker-inner::after {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 1px;
        background: #e5e5e5; }
      #lb-container.top #lb-headline .box #ticker .ticker-inner ul {
        position: absolute; }
    #lb-container.top #lb-headline .box .left {
      width: 486px;
      float: left; }
      #lb-container.top #lb-headline .box .left ul li {
        position: relative;
        height: 98px;
        border-top: 1px solid #e5e5e5; }
        #lb-container.top #lb-headline .box .left ul li a {
          padding-top: 16px;
          overflow: hidden;
          display: block;
          height: 100%; }
          #lb-container.top #lb-headline .box .left ul li a:hover {
            background: #edf7ff; }
        #lb-container.top #lb-headline .box .left ul li span {
          display: block; }
          #lb-container.top #lb-headline .box .left ul li span.time {
            color: #e77d00;
            font-size: 13px;
            font-style: italic;
            font-weight: bold;
            float: left;
            width: 62px;
            font-size: 14px;
            padding-left: 4px; }
          #lb-container.top #lb-headline .box .left ul li span.comment {
            width: calc(100% - 62px);
            color: #333333;
            font-size: 14px;
            float: left;
            line-height: 1.4em; }
          #lb-container.top #lb-headline .box .left ul li span.title {
            color: #666666;
            font-size: 12px;
            margin: 15px 0;
            position: absolute;
            bottom: 0;
            right: 0; }
      #lb-container.top #lb-headline .box .left .more {
        position: relative;
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        padding-left: 15px;
        float: right;
        margin-top: 24px; }
        #lb-container.top #lb-headline .box .left .more a {
          display: block; }
          #lb-container.top #lb-headline .box .left .more a::before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 11px solid #0088e7;
            transform: scale(0.6); }
          #lb-container.top #lb-headline .box .left .more a:hover::before {
            border-left: 11px solid #68c0fd; }
          #lb-container.top #lb-headline .box .left .more a:hover::after {
            position: absolute;
            bottom: -4px;
            right: 0;
            content: "";
            display: block;
            width: calc(100% - 15px);
            height: 1px;
            background: #000; }
    #lb-container.top #lb-headline .box .right {
      width: 486px;
      float: right; }
      #lb-container.top #lb-headline .box .right ul li {
        width: 239px;
        float: left;
        margin-bottom: 9px; }
        #lb-container.top #lb-headline .box .right ul li:nth-child(2n) {
          float: right; }
        #lb-container.top #lb-headline .box .right ul li a {
          border-radius: 12px;
          height: 240px;
          overflow: hidden;
          display: block;
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); }
          #lb-container.top #lb-headline .box .right ul li a .box {
            width: 100%;
            position: relative; }
            #lb-container.top #lb-headline .box .right ul li a .box img {
              width: 100%;
              max-width: 100%;
              height: auto; }
            #lb-container.top #lb-headline .box .right ul li a .box .img {
              display: block;
              background: #c5c5c5;
              width: 240px;
              height: 125px; }
            #lb-container.top #lb-headline .box .right ul li a .box .noimage {
              position: absolute;
              display: block;
              width: 40px;
              top: 50%;
              left: 0;
              right: 0;
              margin: -19px auto auto auto; }
          #lb-container.top #lb-headline .box .right ul li a:hover {
            background: #edf7ff;
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
            transition: all 200ms 0s ease; }
          #lb-container.top #lb-headline .box .right ul li a span.title {
            display: block;
            color: #666666;
            font-size: 12px;
            line-height: 1.5em;
            padding: 0 15px;
            color: #000000;
            font-weight: bold;
            font-size: 16px;
            margin-bottom: 8px;
            margin-top: 10px; }
          #lb-container.top #lb-headline .box .right ul li a span.name {
            display: block;
            color: #666666;
            font-size: 12px;
            line-height: 1.5em;
            padding: 0 15px; }
  #lb-container.top #ranking {
    position: relative;
    background: #dbf0ff;
    padding-top: 65px;
    margin-top: 68px; }
    #lb-container.top #ranking::after {
      content: "";
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 320px;
      background: #0088e7; }
    #lb-container.top #ranking .title {
      max-width: 1020px;
      margin: 0 auto;
      margin-bottom: 24px; }
      #lb-container.top #ranking .title h2 {
        color: #FFF;
        font-size: 24px;
        font-weight: bold;
        float: left; }
      #lb-container.top #ranking .title .sub {
        float: right;
        color: #FFF;
        font-size: 14px;
        margin-top: 9px; }
    #lb-container.top #ranking .ranking-inner {
      position: relative;
      z-index: 2;
      max-width: 1020px;
      margin: 0 auto;
      padding-bottom: 80px; }
      #lb-container.top #ranking .ranking-inner .total, #lb-container.top #ranking .ranking-inner .blogger, #lb-container.top #ranking .ranking-inner .article {
        float: left;
        margin-right: 24px; }
        #lb-container.top #ranking .ranking-inner .total h3, #lb-container.top #ranking .ranking-inner .blogger h3, #lb-container.top #ranking .ranking-inner .article h3 {
          background: #ffffff;
          height: 24px;
          font-size: 14px;
          border-radius: 4px;
          overflow: hidden;
          color: #333333;
          line-height: 10px;
          font-weight: bold;
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
          margin-bottom: 12px; }
          #lb-container.top #ranking .ranking-inner .total h3 .img, #lb-container.top #ranking .ranking-inner .blogger h3 .img, #lb-container.top #ranking .ranking-inner .article h3 .img {
            display: inline-block;
            padding: 7px 17px 1px 17px;
            background: #68c0fd;
            height: 24px;
            margin-right: 10px; }
            #lb-container.top #ranking .ranking-inner .total h3 .img img, #lb-container.top #ranking .ranking-inner .blogger h3 .img img, #lb-container.top #ranking .ranking-inner .article h3 .img img {
              width: 14px;
              vertical-align: top; }
        #lb-container.top #ranking .ranking-inner .total ul li, #lb-container.top #ranking .ranking-inner .blogger ul li, #lb-container.top #ranking .ranking-inner .article ul li {
          position: relative;
          width: 324px;
          height: 100px;
          overflow: hidden;
          background: #FFF;
          border-radius: 8px;
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
          margin-bottom: 6px; }
          #lb-container.top #ranking .ranking-inner .total ul li a, #lb-container.top #ranking .ranking-inner .blogger ul li a, #lb-container.top #ranking .ranking-inner .article ul li a {
            display: block;
            height: 100%; }
            #lb-container.top #ranking .ranking-inner .total ul li a:hover .img img, #lb-container.top #ranking .ranking-inner .blogger ul li a:hover .img img, #lb-container.top #ranking .ranking-inner .article ul li a:hover .img img {
              transform: scale(1.15);
              transition: all 200ms 0s ease; }
            #lb-container.top #ranking .ranking-inner .total ul li a:hover .text, #lb-container.top #ranking .ranking-inner .blogger ul li a:hover .text, #lb-container.top #ranking .ranking-inner .article ul li a:hover .text {
              color: #0088e7; }
          #lb-container.top #ranking .ranking-inner .total ul li .number, #lb-container.top #ranking .ranking-inner .blogger ul li .number, #lb-container.top #ranking .ranking-inner .article ul li .number {
            position: absolute;
            z-index: 2;
            top: 0;
            background: #68c0fd;
            color: #FFF;
            border-bottom-right-radius: 8px;
            width: 32px;
            height: 32px;
            text-align: center;
            line-height: 32px;
            font-size: 18px;
            pointer-events: none; }
          #lb-container.top #ranking .ranking-inner .total ul li:nth-child(1) .number, #lb-container.top #ranking .ranking-inner .blogger ul li:nth-child(1) .number, #lb-container.top #ranking .ranking-inner .article ul li:nth-child(1) .number {
            background: #f6d57c;
            color: #000; }
          #lb-container.top #ranking .ranking-inner .total ul li:nth-child(2) .number, #lb-container.top #ranking .ranking-inner .blogger ul li:nth-child(2) .number, #lb-container.top #ranking .ranking-inner .article ul li:nth-child(2) .number {
            background: #d9d9d9;
            color: #000; }
          #lb-container.top #ranking .ranking-inner .total ul li:nth-child(3) .number, #lb-container.top #ranking .ranking-inner .blogger ul li:nth-child(3) .number, #lb-container.top #ranking .ranking-inner .article ul li:nth-child(3) .number {
            background: #d29881;
            color: #000; }
          #lb-container.top #ranking .ranking-inner .total ul li:last-child, #lb-container.top #ranking .ranking-inner .blogger ul li:last-child, #lb-container.top #ranking .ranking-inner .article ul li:last-child {
            margin-bottom: 0; }
          #lb-container.top #ranking .ranking-inner .total ul li .img, #lb-container.top #ranking .ranking-inner .blogger ul li .img, #lb-container.top #ranking .ranking-inner .article ul li .img {
            display: block;
            width: 100px;
            float: left;
            overflow: hidden; }
            #lb-container.top #ranking .ranking-inner .total ul li .img img, #lb-container.top #ranking .ranking-inner .blogger ul li .img img, #lb-container.top #ranking .ranking-inner .article ul li .img img {
              transform: scale(1);
              transition: all 280ms 0s ease; }
          #lb-container.top #ranking .ranking-inner .total ul li .text, #lb-container.top #ranking .ranking-inner .blogger ul li .text, #lb-container.top #ranking .ranking-inner .article ul li .text {
            width: calc(100% - 100px);
            padding: 0 12px;
            color: #000;
            float: left;
            font-size: 12px;
            font-weight: bold;
            line-height: 1.5em;
            margin-top: 12px; }
            #lb-container.top #ranking .ranking-inner .total ul li .text .blog-title, #lb-container.top #ranking .ranking-inner .blogger ul li .text .blog-title, #lb-container.top #ranking .ranking-inner .article ul li .text .blog-title {
              position: absolute;
              bottom: 12px;
              right: 12px;
              font-size: 11px;
              color: #666666;
              display: block;
              text-align: right; }
        #lb-container.top #ranking .ranking-inner .total .more, #lb-container.top #ranking .ranking-inner .blogger .more, #lb-container.top #ranking .ranking-inner .article .more {
          position: relative;
          font-size: 14px;
          font-weight: bold;
          color: #000000;
          padding-left: 15px;
          float: right;
          margin-top: 24px; }
          #lb-container.top #ranking .ranking-inner .total .more a, #lb-container.top #ranking .ranking-inner .blogger .more a, #lb-container.top #ranking .ranking-inner .article .more a {
            display: block; }
            #lb-container.top #ranking .ranking-inner .total .more a::before, #lb-container.top #ranking .ranking-inner .blogger .more a::before, #lb-container.top #ranking .ranking-inner .article .more a::before {
              content: "";
              display: block;
              position: absolute;
              left: 0;
              border-top: 8px solid transparent;
              border-bottom: 8px solid transparent;
              border-left: 11px solid #0088e7;
              transform: scale(0.6); }
            #lb-container.top #ranking .ranking-inner .total .more a:hover::before, #lb-container.top #ranking .ranking-inner .blogger .more a:hover::before, #lb-container.top #ranking .ranking-inner .article .more a:hover::before {
              border-left: 11px solid #68c0fd; }
            #lb-container.top #ranking .ranking-inner .total .more a:hover::after, #lb-container.top #ranking .ranking-inner .blogger .more a:hover::after, #lb-container.top #ranking .ranking-inner .article .more a:hover::after {
              position: absolute;
              bottom: -4px;
              right: 0;
              content: "";
              display: block;
              width: calc(100% - 15px);
              height: 1px;
              background: #000; }
      #lb-container.top #ranking .ranking-inner .total h3 {
        width: 172px; }
      #lb-container.top #ranking .ranking-inner .blogger h3 {
        width: 204px; }
      #lb-container.top #ranking .ranking-inner .article {
        margin-right: 0; }
        #lb-container.top #ranking .ranking-inner .article h3 {
          width: 172px; }
  #lb-container.top #lb-blog-editor {
    background: #f5f5f5;
    max-width: 2436px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto 0 auto;
    padding-bottom: 63px; }
    #lb-container.top #lb-blog-editor .title {
      width: 1020px;
      margin: 65px auto 25px auto; }
      #lb-container.top #lb-blog-editor .title h2 {
        font-size: 24px;
        color: #333;
        font-weight: bold;
        float: left; }
      #lb-container.top #lb-blog-editor .title .sub {
        float: right;
        color: #666666;
        font-size: 14px;
        margin-top: 9px; }
    #lb-container.top #lb-blog-editor .slideshow-inner {
      position: relative;
      width: 1020px;
      margin: 0 auto;
      height: 306px; }
      #lb-container.top #lb-blog-editor .slideshow-inner .control {
        position: relative; }
        #lb-container.top #lb-blog-editor .slideshow-inner .control .next,
        #lb-container.top #lb-blog-editor .slideshow-inner .control .prev {
          display: block;
          position: absolute;
          z-index: 1;
          width: 44px;
          height: 450px;
          top: 0;
          bottom: 0; }
          #lb-container.top #lb-blog-editor .slideshow-inner .control .next .next-inner,
          #lb-container.top #lb-blog-editor .slideshow-inner .control .next .prev-inner,
          #lb-container.top #lb-blog-editor .slideshow-inner .control .prev .next-inner,
          #lb-container.top #lb-blog-editor .slideshow-inner .control .prev .prev-inner {
            position: absolute;
            z-index: 1;
            width: 40px;
            height: 48px;
            background: #68c0fd;
            top: 50%;
            bottom: 50%;
            margin-top: -24px;
            cursor: pointer;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
            #lb-container.top #lb-blog-editor .slideshow-inner .control .next .next-inner:hover,
            #lb-container.top #lb-blog-editor .slideshow-inner .control .next .prev-inner:hover,
            #lb-container.top #lb-blog-editor .slideshow-inner .control .prev .next-inner:hover,
            #lb-container.top #lb-blog-editor .slideshow-inner .control .prev .prev-inner:hover {
              background: #006ab4; }
          #lb-container.top #lb-blog-editor .slideshow-inner .control .next.next,
          #lb-container.top #lb-blog-editor .slideshow-inner .control .prev.next {
            right: -44px; }
            #lb-container.top #lb-blog-editor .slideshow-inner .control .next.next .next-inner,
            #lb-container.top #lb-blog-editor .slideshow-inner .control .prev.next .next-inner {
              left: 0;
              border-top-right-radius: 24px;
              border-bottom-right-radius: 24px; }
              #lb-container.top #lb-blog-editor .slideshow-inner .control .next.next .next-inner span,
              #lb-container.top #lb-blog-editor .slideshow-inner .control .prev.next .next-inner span {
                display: block;
                position: absolute;
                pointer-events: none;
                top: 17px;
                left: 13px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-left: 11px solid #ffffff; }
          #lb-container.top #lb-blog-editor .slideshow-inner .control .next.prev,
          #lb-container.top #lb-blog-editor .slideshow-inner .control .prev.prev {
            left: -44px; }
            #lb-container.top #lb-blog-editor .slideshow-inner .control .next.prev .prev-inner,
            #lb-container.top #lb-blog-editor .slideshow-inner .control .prev.prev .prev-inner {
              right: 0;
              border-top-left-radius: 24px;
              border-bottom-left-radius: 24px; }
              #lb-container.top #lb-blog-editor .slideshow-inner .control .next.prev .prev-inner span,
              #lb-container.top #lb-blog-editor .slideshow-inner .control .prev.prev .prev-inner span {
                display: block;
                position: absolute;
                pointer-events: none;
                top: 17px;
                right: 13px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-right: 11px solid #ffffff; }
      #lb-container.top #lb-blog-editor .slideshow-inner .control .next,
      #lb-container.top #lb-blog-editor .slideshow-inner .control .prev {
        height: 306px; }
      #lb-container.top #lb-blog-editor .slideshow-inner ul {
        position: absolute; }
        #lb-container.top #lb-blog-editor .slideshow-inner ul li {
          padding: 0 12px;
          float: left; }
          #lb-container.top #lb-blog-editor .slideshow-inner ul li a {
            width: 324px;
            height: 287px;
            border-radius: 12px;
            overflow: hidden;
            display: block;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
            background: #FFF; }
            #lb-container.top #lb-blog-editor .slideshow-inner ul li a:hover {
              box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
              transition: all 200ms 0s ease; }
            #lb-container.top #lb-blog-editor .slideshow-inner ul li a span {
              display: block;
              color: #333333;
              font-size: 12px;
              line-height: 1.5em;
              padding: 0 15px;
              font-style: italic;
              margin: 15px 0; }
    #lb-container.top #lb-blog-editor .more {
      width: 200px;
      height: 48px;
      margin: 40px auto 0 auto; }
      #lb-container.top #lb-blog-editor .more a {
        display: block;
        border-radius: 24px;
        line-height: 46px;
        width: 100%;
        height: 100%;
        background: #0088e7;
        font-size: 16px;
        text-align: center;
        color: #FFF;
        font-weight: bold;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
        #lb-container.top #lb-blog-editor .more a:hover {
          background: #006ab4; }
  #lb-container.top #lb-blogger-book {
    max-width: 2436px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto 0 auto;
    padding-bottom: 63px; }
    #lb-container.top #lb-blogger-book h2 {
      color: #333;
      font-size: 24px;
      font-weight: bold;
      max-width: 1020px;
      width: 100%;
      margin: 65px auto 25px auto; }
    #lb-container.top #lb-blogger-book .slideshow-inner {
      position: relative;
      width: 1020px;
      margin: 0 auto;
      height: 306px; }
      #lb-container.top #lb-blogger-book .slideshow-inner .control {
        position: relative; }
        #lb-container.top #lb-blogger-book .slideshow-inner .control .next,
        #lb-container.top #lb-blogger-book .slideshow-inner .control .prev {
          display: block;
          position: absolute;
          z-index: 1;
          width: 44px;
          height: 450px;
          top: 0;
          bottom: 0; }
          #lb-container.top #lb-blogger-book .slideshow-inner .control .next .next-inner,
          #lb-container.top #lb-blogger-book .slideshow-inner .control .next .prev-inner,
          #lb-container.top #lb-blogger-book .slideshow-inner .control .prev .next-inner,
          #lb-container.top #lb-blogger-book .slideshow-inner .control .prev .prev-inner {
            position: absolute;
            z-index: 1;
            width: 40px;
            height: 48px;
            background: #68c0fd;
            top: 50%;
            bottom: 50%;
            margin-top: -24px;
            cursor: pointer;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
            #lb-container.top #lb-blogger-book .slideshow-inner .control .next .next-inner:hover,
            #lb-container.top #lb-blogger-book .slideshow-inner .control .next .prev-inner:hover,
            #lb-container.top #lb-blogger-book .slideshow-inner .control .prev .next-inner:hover,
            #lb-container.top #lb-blogger-book .slideshow-inner .control .prev .prev-inner:hover {
              background: #006ab4; }
          #lb-container.top #lb-blogger-book .slideshow-inner .control .next.next,
          #lb-container.top #lb-blogger-book .slideshow-inner .control .prev.next {
            right: -44px; }
            #lb-container.top #lb-blogger-book .slideshow-inner .control .next.next .next-inner,
            #lb-container.top #lb-blogger-book .slideshow-inner .control .prev.next .next-inner {
              left: 0;
              border-top-right-radius: 24px;
              border-bottom-right-radius: 24px; }
              #lb-container.top #lb-blogger-book .slideshow-inner .control .next.next .next-inner span,
              #lb-container.top #lb-blogger-book .slideshow-inner .control .prev.next .next-inner span {
                display: block;
                position: absolute;
                pointer-events: none;
                top: 17px;
                left: 13px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-left: 11px solid #ffffff; }
          #lb-container.top #lb-blogger-book .slideshow-inner .control .next.prev,
          #lb-container.top #lb-blogger-book .slideshow-inner .control .prev.prev {
            left: -44px; }
            #lb-container.top #lb-blogger-book .slideshow-inner .control .next.prev .prev-inner,
            #lb-container.top #lb-blogger-book .slideshow-inner .control .prev.prev .prev-inner {
              right: 0;
              border-top-left-radius: 24px;
              border-bottom-left-radius: 24px; }
              #lb-container.top #lb-blogger-book .slideshow-inner .control .next.prev .prev-inner span,
              #lb-container.top #lb-blogger-book .slideshow-inner .control .prev.prev .prev-inner span {
                display: block;
                position: absolute;
                pointer-events: none;
                top: 17px;
                right: 13px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-right: 11px solid #ffffff; }
      #lb-container.top #lb-blogger-book .slideshow-inner .control .next,
      #lb-container.top #lb-blogger-book .slideshow-inner .control .prev {
        height: 306px; }
      #lb-container.top #lb-blogger-book .slideshow-inner ul {
        position: absolute; }
        #lb-container.top #lb-blogger-book .slideshow-inner ul li {
          padding: 0 12px;
          float: left;
          position: relative;
          height: 324px; }
          #lb-container.top #lb-blogger-book .slideshow-inner ul li .link {
            width: 324px;
            border-radius: 12px;
            overflow: hidden;
            display: block;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
            background: #FFF;
            height: 100%; }
            #lb-container.top #lb-blogger-book .slideshow-inner ul li .link:hover {
              box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
              transition: all 200ms 0s ease; }
            #lb-container.top #lb-blogger-book .slideshow-inner ul li .link span {
              position: absolute;
              bottom: 40px;
              right: 15px;
              display: block;
              color: #666666;
              font-size: 12px;
              text-align: right;
              padding: 0 15px;
              font-style: italic; }
              #lb-container.top #lb-blogger-book .slideshow-inner ul li .link span.img {
                position: static;
                background: #f5f5f5;
                padding: 10px 95px; }
              #lb-container.top #lb-blogger-book .slideshow-inner ul li .link span.bold {
                position: static;
                text-align: left;
                color: #000000;
                font-weight: bold;
                font-size: 16px;
                line-height: 26px;
                margin-top: 8px;
                font-style: normal; }
          #lb-container.top #lb-blogger-book .slideshow-inner ul li .book {
            position: absolute;
            bottom: 5px;
            right: 15px;
            font-size: 14px;
            font-weight: bold;
            color: #000000;
            padding: 0 0 0 15px;
            margin: 10px 15px 15px 15px; }
            #lb-container.top #lb-blogger-book .slideshow-inner ul li .book::before {
              content: "";
              display: block;
              position: absolute;
              left: 0;
              border-top: 8px solid transparent;
              border-bottom: 8px solid transparent;
              border-left: 11px solid #0088e7;
              transform: scale(0.6); }
            #lb-container.top #lb-blogger-book .slideshow-inner ul li .book:hover::before {
              border-left: 11px solid #68c0fd; }
    #lb-container.top #lb-blogger-book .more {
      width: 320px;
      height: 48px;
      margin: 40px auto 0 auto; }
      #lb-container.top #lb-blogger-book .more a {
        display: block;
        border-radius: 24px;
        width: 100%;
        height: 100%;
        background: #0088e7;
        line-height: 46px;
        font-size: 16px;
        text-align: center;
        color: #FFF;
        font-weight: bold;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
        #lb-container.top #lb-blogger-book .more a:hover {
          background: #006ab4; }
  #lb-container.top #lb-info {
    max-width: 1020px;
    width: 100%;
    margin: 80px auto 0 auto; }
    #lb-container.top #lb-info .box .left {
      width: 632px;
      float: left; }
      #lb-container.top #lb-info .box .left h2 {
        font-size: 18px;
        color: #000000;
        font-weight: bold;
        margin-bottom: 15px; }
      #lb-container.top #lb-info .box .left ul {
        border-bottom: 1px solid #e5e5e5; }
        #lb-container.top #lb-info .box .left ul li {
          border-top: 1px solid #e5e5e5; }
          #lb-container.top #lb-info .box .left ul li a {
            position: relative;
            padding-top: 16px;
            display: block; }
            #lb-container.top #lb-info .box .left ul li a:hover {
              background: #edf7ff; }
          #lb-container.top #lb-info .box .left ul li .day {
            color: #666666;
            font-size: 13px;
            font-style: italic;
            font-weight: bold;
            float: left;
            width: 104px;
            font-size: 14px;
            padding-left: 4px;
            line-height: 1.5em;
            margin-bottom: 15px; }
            #lb-container.top #lb-info .box .left ul li .day::before, #lb-container.top #lb-info .box .left ul li .day::after {
              position: absolute;
              left: 0;
              content: "";
              display: block;
              width: 104px;
              height: 1px;
              background: #ccc; }
            #lb-container.top #lb-info .box .left ul li .day::before {
              top: -1px; }
            #lb-container.top #lb-info .box .left ul li .day::after {
              bottom: -1px; }
          #lb-container.top #lb-info .box .left ul li span {
            display: block; }
            #lb-container.top #lb-info .box .left ul li span.comment {
              width: calc(100% - 104px);
              color: #333333;
              font-size: 14px;
              float: left;
              padding: 0 15px;
              margin-bottom: 15px;
              line-height: 1.5em; }
      #lb-container.top #lb-info .box .left .more {
        position: relative;
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        padding-left: 15px;
        float: right;
        margin-top: 24px; }
        #lb-container.top #lb-info .box .left .more a {
          display: block; }
          #lb-container.top #lb-info .box .left .more a::before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 11px solid #0088e7;
            transform: scale(0.6); }
          #lb-container.top #lb-info .box .left .more a:hover::before {
            border-left: 11px solid #68c0fd; }
          #lb-container.top #lb-info .box .left .more a:hover::after {
            position: absolute;
            bottom: -4px;
            right: 0;
            content: "";
            display: block;
            width: calc(100% - 15px);
            height: 1px;
            background: #000; }
    #lb-container.top #lb-info .box .right {
      width: 340px;
      float: right; }
      #lb-container.top #lb-info .box .right p:hover {
        opacity: 0.8; }
      #lb-container.top #lb-info .box .right p:last-of-type img {
        margin-bottom: 0; }
      #lb-container.top #lb-info .box .right p img {
        margin-bottom: 15px; }
  #lb-container.top #lb-influencernews {
    width: 1020px;
    height: 204px;
    margin: 80px auto 0;
    overflow: hidden;
    background: linear-gradient(to right, #fcc6f5 0%, #ffffff 100%);
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); }
    #lb-container.top #lb-influencernews a {
      display: block;
      transition: all 200ms 0s ease; }
      #lb-container.top #lb-influencernews a:hover {
        opacity: 0.7;
        transition: all 200ms 0s ease; }
    #lb-container.top #lb-influencernews .instablogger_title {
      float: left;
      width: 406px;
      height: 204px;
      text-align: center;
      position: relative; }
      #lb-container.top #lb-influencernews .instablogger_title:after {
        content: "";
        display: inline-block;
        width: 560px;
        height: 560px;
        background: #f5f5f5;
        position: absolute;
        top: 50%;
        right: 100px;
        z-index: 1;
        transform: translateY(-50%) rotate(51deg) skew(10deg); }
      #lb-container.top #lb-influencernews .instablogger_title .instablogger_title_inner {
        position: absolute;
        top: 50%;
        z-index: 2;
        transform: translateY(-50%); }
        #lb-container.top #lb-influencernews .instablogger_title .instablogger_title_inner a {
          padding: 36px; }
        #lb-container.top #lb-influencernews .instablogger_title .instablogger_title_inner h3 {
          margin-bottom: 28px;
          line-height: 0; }
          #lb-container.top #lb-influencernews .instablogger_title .instablogger_title_inner h3 img {
            width: 255px;
            height: 56px; }
        #lb-container.top #lb-influencernews .instablogger_title .instablogger_title_inner p {
          width: 270px;
          height: 28px;
          line-height: 28px;
          color: #fff;
          font-size: 14px;
          font-weight: bold;
          background: #e1528a;
          border-radius: 14px;
          display: inline-block; }
    #lb-container.top #lb-influencernews ul {
      width: 614px;
      float: left; }
      #lb-container.top #lb-influencernews ul li.box {
        float: left;
        width: 306px;
        height: 102px;
        position: relative; }
        #lb-container.top #lb-influencernews ul li.box .icon {
          width: 70px;
          height: 92px;
          display: block; }
          #lb-container.top #lb-influencernews ul li.box .icon img {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%); }
        #lb-container.top #lb-influencernews ul li.box .blogger_tx {
          width: calc(100% - 81px);
          line-height: 1.2;
          float: left;
          padding: 0 12px;
          position: absolute;
          top: 50%;
          left: 70px;
          transform: translateY(-50%); }
          #lb-container.top #lb-influencernews ul li.box .blogger_tx .name {
            font-size: 16px;
            font-weight: bold;
            word-break: break-all;
            display: block;
            margin-bottom: 6px;
            font-feature-settings: normal;
            letter-spacing: normal; }
          #lb-container.top #lb-influencernews ul li.box .blogger_tx .account {
            font-size: 12px;
            text-decoration: underline;
            word-break: break-all;
            display: block;
            font-feature-settings: normal;
            letter-spacing: normal; }
  #lb-container.category #lb-category {
    max-width: 1020px;
    margin: 18px auto 0 auto; }
    #lb-container.category #lb-category .category-title .pan {
      color: #666;
      font-size: 12px;
      margin-bottom: 35px; }
      #lb-container.category #lb-category .category-title .pan span {
        color: #0088e7; }
      #lb-container.category #lb-category .category-title .pan a {
        color: #0088e7; }
        #lb-container.category #lb-category .category-title .pan a:hover {
          text-decoration: underline; }
    #lb-container.category #lb-category .category-title .title-inner {
      margin-bottom: 30px; }
      #lb-container.category #lb-category .category-title .title-inner h2 {
        font-size: 32px;
        color: #333333;
        float: left;
        font-weight: bold; }
      #lb-container.category #lb-category .category-title .title-inner p {
        float: right;
        color: #666;
        font-size: 14px;
        line-height: 35px; }
    #lb-container.category #lb-category .left {
      float: left; }
      #lb-container.category #lb-category .left h3 {
        font-size: 16px;
        font-weight: bold;
        color: #333333; }
    #lb-container.category #lb-category .right {
      position: relative;
      width: calc(857px - 32px);
      float: right;
      background: #f5f5f5;
      border-bottom-left-radius: 24px;
      border-top-right-radius: 24px;
      border-bottom-right-radius: 24px;
      padding-bottom: 6px; }
      #lb-container.category #lb-category .right::after {
        position: absolute;
        top: 0;
        left: -32px;
        content: "";
        display: block;
        width: 32px;
        height: 100%;
        background: #fff;
        border-top-right-radius: 24px; }
      #lb-container.category #lb-category .right::before {
        position: absolute;
        top: 0;
        left: -32px;
        content: "";
        display: block;
        width: 32px;
        height: 100%;
        background: #f5f5f5; }
      #lb-container.category #lb-category .right ul {
        padding: 12px 12px 0 12px; }
        #lb-container.category #lb-category .right ul li {
          float: left;
          margin-right: 6px;
          margin-bottom: 6px; }
          #lb-container.category #lb-category .right ul li a {
            border-radius: 2px;
            background: #fff;
            font-weight: bold;
            padding: 7px 10px 9px 10px;
            display: block;
            font-size: 14px;
            color: #0088e7;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12); }
            #lb-container.category #lb-category .right ul li a:hover {
              background: #68c0fd;
              color: #ffffff; }
  #lb-container.category #lb-category-list {
    max-width: 1020px;
    margin: 15px auto 0 auto; }
    #lb-container.category #lb-category-list .box {
      width: 486px;
      border-radius: 8px;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
      float: left;
      margin-bottom: 15px; }
      #lb-container.category #lb-category-list .box:nth-child(2n) {
        float: right; }
      #lb-container.category #lb-category-list .box .title {
        margin: 25px 0;
        padding: 0 16px; }
        #lb-container.category #lb-category-list .box .title h3 {
          color: #333;
          font-size: 18px;
          font-weight: bold;
          margin-bottom: 15px; }
          #lb-container.category #lb-category-list .box .title h3 a:hover {
            color: rgba(51, 51, 51, 0.6); }
        #lb-container.category #lb-category-list .box .title span {
          color: #0088e7;
          font-size: 14px; }
      #lb-container.category #lb-category-list .box .list {
        background: #f5f5f5;
        color: #333333;
        padding: 16px 16px 30px 16px; }
        #lb-container.category #lb-category-list .box .list .img {
          font-size: 12px;
          font-weight: bold; }
          #lb-container.category #lb-category-list .box .list .img li {
            width: 146px;
            float: left;
            margin-right: 8px; }
            #lb-container.category #lb-category-list .box .list .img li a {
              display: block; }
              #lb-container.category #lb-category-list .box .list .img li a:hover {
                opacity: 0.6; }
            #lb-container.category #lb-category-list .box .list .img li:nth-child(3) {
              margin-right: 0; }
            #lb-container.category #lb-category-list .box .list .img li span {
              display: block; }
            #lb-container.category #lb-category-list .box .list .img li .photo {
              width: 146px;
              height: 146px;
              background: #333;
              overflow: hidden;
              border-radius: 8px;
              box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
              position: relative; }
              #lb-container.category #lb-category-list .box .list .img li .photo .noimage {
                position: absolute;
                display: block;
                width: 40px;
                top: 50%;
                left: 0;
                right: 0;
                margin: -19px auto auto auto; }
                #lb-container.category #lb-category-list .box .list .img li .photo .noimage img {
                  width: 100%;
                  max-width: 100%;
                  height: auto; }
            #lb-container.category #lb-category-list .box .list .img li .text {
              line-height: 1.5em;
              margin-top: 12px;
              padding: 0 9px; }
      #lb-container.category #lb-category-list .box .detail {
        margin-top: 30px; }
        #lb-container.category #lb-category-list .box .detail ul {
          padding: 0 9px;
          float: left;
          width: 100%; }
          #lb-container.category #lb-category-list .box .detail ul li {
            width: 50%;
            margin-bottom: 15px;
            float: left; }
            #lb-container.category #lb-category-list .box .detail ul li a {
              font-size: 14px;
              color: #0088e7; }
              #lb-container.category #lb-category-list .box .detail ul li a:hover {
                text-decoration: underline; }
            #lb-container.category #lb-category-list .box .detail ul li:last-child {
              margin-bottom: 0; }
  #lb-container.category #lb-category-ranking {
    max-width: 1020px;
    margin: 18px auto 0 auto;
    position: relative; }
    #lb-container.category #lb-category-ranking .category-title .pan {
      color: #666;
      font-size: 12px;
      margin-bottom: 35px; }
      #lb-container.category #lb-category-ranking .category-title .pan span {
        color: #0088e7; }
      #lb-container.category #lb-category-ranking .category-title .pan a {
        color: #0088e7; }
        #lb-container.category #lb-category-ranking .category-title .pan a:hover {
          text-decoration: underline; }
    #lb-container.category #lb-category-ranking .category-title h2 {
      font-size: 32px;
      margin-bottom: 30px;
      color: #333333;
      font-weight: bold; }
    #lb-container.category #lb-category-ranking .category-inner {
      margin-top: 28px; }
    #lb-container.category #lb-category-ranking #side {
      width: 202px;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
      padding: 30px 18px;
      margin-top: 81px;
      border-radius: 8px;
      float: left; }
      #lb-container.category #lb-category-ranking #side.active {
        position: fixed;
        top: 30px;
        z-index: 90; }
      #lb-container.category #lb-category-ranking #side.stop {
        position: absolute;
        bottom: 0; }
      #lb-container.category #lb-category-ranking #side h3 {
        color: #333;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.1em; }
        #lb-container.category #lb-category-ranking #side h3 span {
          display: block;
          font-size: 16px; }
      #lb-container.category #lb-category-ranking #side ul {
        padding: 0 5px;
        margin-top: 35px; }
        #lb-container.category #lb-category-ranking #side ul li {
          font-size: 12px;
          color: #333333;
          margin-bottom: 20px; }
          #lb-container.category #lb-category-ranking #side ul li:last-child {
            margin-bottom: 0; }
          #lb-container.category #lb-category-ranking #side ul li a {
            position: relative; }
            #lb-container.category #lb-category-ranking #side ul li a:hover {
              color: #0088e7; }
              #lb-container.category #lb-category-ranking #side ul li a:hover::before {
                content: "";
                display: block;
                position: absolute;
                left: -23px;
                background: #0088e7;
                width: 8px;
                height: 4px;
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
                top: 50%;
                bottom: 50%;
                margin: -2px auto auto auto; }
    #lb-container.category #lb-category-ranking .contents {
      width: 786px;
      float: right; }
      #lb-container.category #lb-category-ranking .contents .tab {
        border-bottom: 4px solid #68c0fd;
        overflow: hidden;
        margin-bottom: 18px; }
        #lb-container.category #lb-category-ranking .contents .tab li {
          position: relative;
          width: 256px;
          float: left;
          margin-right: 8px;
          cursor: pointer;
          user-select: none; }
          #lb-container.category #lb-category-ranking .contents .tab li.active span, #lb-container.category #lb-category-ranking .contents .tab li.active::before {
            background: #68c0fd;
            color: #fff; }
          #lb-container.category #lb-category-ranking .contents .tab li span {
            position: relative;
            z-index: 1;
            display: block;
            width: 240px;
            background: #f5f5f5;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
            height: 44px;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            line-height: 44px;
            color: #000000; }
            #lb-container.category #lb-category-ranking .contents .tab li span:hover a {
              display: block;
              color: #0088e7; }
          #lb-container.category #lb-category-ranking .contents .tab li::after {
            content: "";
            display: inline-block;
            width: 25px;
            height: 50px;
            background: #fff;
            position: absolute;
            z-index: 1;
            bottom: -1px;
            right: -9px;
            border-bottom-left-radius: 24px; }
          #lb-container.category #lb-category-ranking .contents .tab li::before {
            content: "";
            display: inline-block;
            width: 25px;
            height: 25px;
            background: #f5f5f5;
            position: absolute;
            bottom: 0;
            right: -8px; }
      #lb-container.category #lb-category-ranking .contents .box ul li {
        position: relative;
        width: 100%;
        float: left;
        margin-bottom: 12px;
        border-radius: 8px; }
        #lb-container.category #lb-category-ranking .contents .box ul li.rank1, #lb-container.category #lb-category-ranking .contents .box ul li.rank2, #lb-container.category #lb-category-ranking .contents .box ul li.rank3 {
          width: 255px;
          margin-right: 10px; }
          #lb-container.category #lb-category-ranking .contents .box ul li.rank1 .inner, #lb-container.category #lb-category-ranking .contents .box ul li.rank2 .inner, #lb-container.category #lb-category-ranking .contents .box ul li.rank3 .inner {
            padding-bottom: 15px; }
            #lb-container.category #lb-category-ranking .contents .box ul li.rank1 .inner span, #lb-container.category #lb-category-ranking .contents .box ul li.rank2 .inner span, #lb-container.category #lb-category-ranking .contents .box ul li.rank3 .inner span {
              float: none; }
              #lb-container.category #lb-category-ranking .contents .box ul li.rank1 .inner span.img, #lb-container.category #lb-category-ranking .contents .box ul li.rank2 .inner span.img, #lb-container.category #lb-category-ranking .contents .box ul li.rank3 .inner span.img {
                display: block;
                width: auto;
                height: auto;
                overflow: hidden; }
              #lb-container.category #lb-category-ranking .contents .box ul li.rank1 .inner span.bold, #lb-container.category #lb-category-ranking .contents .box ul li.rank2 .inner span.bold, #lb-container.category #lb-category-ranking .contents .box ul li.rank3 .inner span.bold {
                text-align: left;
                font-weight: bold;
                font-size: 14px;
                line-height: 26px;
                margin: 20px 0 10px 0;
                padding: 0 15px;
                font-style: italic; }
                #lb-container.category #lb-category-ranking .contents .box ul li.rank1 .inner span.bold.more, #lb-container.category #lb-category-ranking .contents .box ul li.rank2 .inner span.bold.more, #lb-container.category #lb-category-ranking .contents .box ul li.rank3 .inner span.bold.more {
                  margin-bottom: 15px; }
                #lb-container.category #lb-category-ranking .contents .box ul li.rank1 .inner span.bold a, #lb-container.category #lb-category-ranking .contents .box ul li.rank2 .inner span.bold a, #lb-container.category #lb-category-ranking .contents .box ul li.rank3 .inner span.bold a {
                  color: #333; }
                  #lb-container.category #lb-category-ranking .contents .box ul li.rank1 .inner span.bold a:hover, #lb-container.category #lb-category-ranking .contents .box ul li.rank2 .inner span.bold a:hover, #lb-container.category #lb-category-ranking .contents .box ul li.rank3 .inner span.bold a:hover {
                    color: #999; }
            #lb-container.category #lb-category-ranking .contents .box ul li.rank1 .inner .img-box, #lb-container.category #lb-category-ranking .contents .box ul li.rank2 .inner .img-box, #lb-container.category #lb-category-ranking .contents .box ul li.rank3 .inner .img-box {
              width: 100%;
              height: 255px;
              position: relative;
              float: none; }
              #lb-container.category #lb-category-ranking .contents .box ul li.rank1 .inner .img-box .fit img, #lb-container.category #lb-category-ranking .contents .box ul li.rank2 .inner .img-box .fit img, #lb-container.category #lb-category-ranking .contents .box ul li.rank3 .inner .img-box .fit img {
                width: 100%;
                max-width: 100%;
                height: auto; }
              #lb-container.category #lb-category-ranking .contents .box ul li.rank1 .inner .img-box .img img, #lb-container.category #lb-category-ranking .contents .box ul li.rank2 .inner .img-box .img img, #lb-container.category #lb-category-ranking .contents .box ul li.rank3 .inner .img-box .img img {
                height: 255px; }
              #lb-container.category #lb-category-ranking .contents .box ul li.rank1 .inner .img-box .noimage, #lb-container.category #lb-category-ranking .contents .box ul li.rank2 .inner .img-box .noimage, #lb-container.category #lb-category-ranking .contents .box ul li.rank3 .inner .img-box .noimage {
                position: absolute;
                display: block;
                width: 60px;
                top: 50%;
                bottom: 50%;
                left: 0;
                right: 0;
                margin: -29px auto auto auto; }
                #lb-container.category #lb-category-ranking .contents .box ul li.rank1 .inner .img-box .noimage img, #lb-container.category #lb-category-ranking .contents .box ul li.rank2 .inner .img-box .noimage img, #lb-container.category #lb-category-ranking .contents .box ul li.rank3 .inner .img-box .noimage img {
                  width: 100%;
                  max-width: 100%;
                  height: auto; }
            #lb-container.category #lb-category-ranking .contents .box ul li.rank1 .inner .box, #lb-container.category #lb-category-ranking .contents .box ul li.rank2 .inner .box, #lb-container.category #lb-category-ranking .contents .box ul li.rank3 .inner .box {
              float: none;
              height: 170px; }
        #lb-container.category #lb-category-ranking .contents .box ul li.rank3 {
          margin-right: 0; }
        #lb-container.category #lb-category-ranking .contents .box ul li .inner {
          border-radius: 12px;
          overflow: hidden;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
          #lb-container.category #lb-category-ranking .contents .box ul li .inner .img-box {
            width: 124px;
            height: 124px;
            position: relative;
            float: left; }
            #lb-container.category #lb-category-ranking .contents .box ul li .inner .img-box .noimage {
              position: absolute;
              display: block;
              width: 40px;
              top: 50%;
              bottom: 50%;
              left: 0;
              right: 0;
              margin: -19px auto auto auto; }
              #lb-container.category #lb-category-ranking .contents .box ul li .inner .img-box .noimage img {
                width: 100%;
                max-width: 100%;
                height: auto; }
          #lb-container.category #lb-category-ranking .contents .box ul li .inner .box {
            float: left; }
          #lb-container.category #lb-category-ranking .contents .box ul li .inner span {
            display: block;
            color: #666666;
            font-size: 12px; }
            #lb-container.category #lb-category-ranking .contents .box ul li .inner span.img {
              float: left;
              display: block;
              width: 124px;
              height: 124px;
              overflow: hidden; }
            #lb-container.category #lb-category-ranking .contents .box ul li .inner span.number {
              position: absolute;
              z-index: 2;
              top: 0;
              background: #797979;
              color: #FFF;
              border-top-left-radius: 12px;
              border-bottom-right-radius: 8px;
              width: 40px;
              height: 40px;
              text-align: center;
              line-height: 44px;
              font-size: 16px;
              pointer-events: none;
              font-weight: bold; }
            #lb-container.category #lb-category-ranking .contents .box ul li .inner span.rank1 {
              background: #f6d57c;
              color: #000; }
            #lb-container.category #lb-category-ranking .contents .box ul li .inner span.rank2 {
              background: #d9d9d9;
              color: #000; }
            #lb-container.category #lb-category-ranking .contents .box ul li .inner span.rank3 {
              background: #d29881;
              color: #000; }
            #lb-container.category #lb-category-ranking .contents .box ul li .inner span.rank4, #lb-container.category #lb-category-ranking .contents .box ul li .inner span.rank5 {
              background: #68c0fd;
              color: #fff; }
            #lb-container.category #lb-category-ranking .contents .box ul li .inner span.bold {
              text-align: left;
              font-weight: bold;
              font-size: 14px;
              line-height: 26px;
              padding: 0 15px;
              margin-bottom: 5px;
              font-style: italic;
              margin-top: 8px; }
              #lb-container.category #lb-category-ranking .contents .box ul li .inner span.bold a {
                color: #333; }
                #lb-container.category #lb-category-ranking .contents .box ul li .inner span.bold a:hover {
                  color: #999; }
            #lb-container.category #lb-category-ranking .contents .box ul li .inner span.more {
              display: block;
              position: relative;
              font-size: 12px;
              color: #333333;
              margin-left: 15px;
              line-height: 1.4em;
              padding: 0 15px;
              margin-bottom: 10px; }
              #lb-container.category #lb-category-ranking .contents .box ul li .inner span.more:last-child {
                margin-bottom: 0; }
              #lb-container.category #lb-category-ranking .contents .box ul li .inner span.more a {
                display: block; }
                #lb-container.category #lb-category-ranking .contents .box ul li .inner span.more a::before {
                  content: "";
                  display: block;
                  position: absolute;
                  left: 0;
                  border-top: 8px solid transparent;
                  border-bottom: 8px solid transparent;
                  border-left: 11px solid #0088e7;
                  transform: scale(0.6); }
                #lb-container.category #lb-category-ranking .contents .box ul li .inner span.more a:hover {
                  text-decoration: underline; }
                  #lb-container.category #lb-category-ranking .contents .box ul li .inner span.more a:hover::before {
                    border-left: 11px solid #68c0fd; }
      #lb-container.category #lb-category-ranking .contents .pager {
        overflow: hidden;
        width: 234px;
        margin: 21px auto 0 auto; }
        #lb-container.category #lb-category-ranking .contents .pager ul {
          overflow: hidden;
          float: left; }
          #lb-container.category #lb-category-ranking .contents .pager ul li {
            background: #f5f5f5;
            border-radius: 8px;
            width: 40px;
            height: 40px;
            line-height: 40px;
            color: #000000;
            float: left;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            margin-right: 8px; }
            #lb-container.category #lb-category-ranking .contents .pager ul li a {
              display: block; }
            #lb-container.category #lb-category-ranking .contents .pager ul li:hover {
              background: #0088e7; }
              #lb-container.category #lb-category-ranking .contents .pager ul li:hover a {
                color: #FFF; }
            #lb-container.category #lb-category-ranking .contents .pager ul li.current {
              background: #0088e7;
              color: #FFF; }
            #lb-container.category #lb-category-ranking .contents .pager ul li:last-child {
              margin-right: 0; }
        #lb-container.category #lb-category-ranking .contents .pager .prev {
          width: 40px;
          height: 40px;
          margin-right: 33px;
          float: left; }
          #lb-container.category #lb-category-ranking .contents .pager .prev a {
            display: block;
            width: 40px;
            height: 40px;
            padding: 19px 12px 17px 12px; }
          #lb-container.category #lb-category-ranking .contents .pager .prev span {
            position: relative;
            display: block;
            width: 13px;
            height: 2px;
            background: #333;
            border-radius: 1px; }
            #lb-container.category #lb-category-ranking .contents .pager .prev span::after {
              position: absolute;
              top: -4px;
              left: 0;
              content: "";
              display: block;
              width: 8px;
              height: 8px;
              border-left: 2px solid #333333;
              border-top: 2px solid #333333;
              transform: rotate(-45deg);
              border-radius: 0.5px; }
        #lb-container.category #lb-category-ranking .contents .pager .next {
          width: 40px;
          height: 40px;
          margin-left: 33px;
          float: left; }
          #lb-container.category #lb-category-ranking .contents .pager .next a {
            display: block;
            width: 40px;
            height: 40px;
            padding: 19px 12px 17px 12px; }
          #lb-container.category #lb-category-ranking .contents .pager .next span {
            position: relative;
            display: block;
            width: 13px;
            height: 2px;
            background: #333;
            border-radius: 1px; }
            #lb-container.category #lb-category-ranking .contents .pager .next span::after {
              position: absolute;
              top: -4px;
              right: 0;
              content: "";
              display: block;
              width: 8px;
              height: 8px;
              border-right: 2px solid #333333;
              border-top: 2px solid #333333;
              transform: rotate(45deg);
              border-radius: 0.5px; }
  #lb-container.category #lb-category-info {
    width: 100%;
    background: #f5f5f5;
    padding: 64px 0 80px 0;
    margin-top: 60px; }
    #lb-container.category #lb-category-info .category-info-inner {
      max-width: 1020px;
      width: 100%;
      margin: 0 auto; }
      #lb-container.category #lb-category-info .category-info-inner .left, #lb-container.category #lb-category-info .category-info-inner .right {
        width: 486px; }
        #lb-container.category #lb-category-info .category-info-inner .left h2, #lb-container.category #lb-category-info .category-info-inner .right h2 {
          font-size: 24px;
          color: #000000;
          font-weight: bold;
          margin-bottom: 25px; }
        #lb-container.category #lb-category-info .category-info-inner .left .box ul li, #lb-container.category #lb-category-info .category-info-inner .right .box ul li {
          width: 239px;
          float: left;
          margin-bottom: 9px; }
          #lb-container.category #lb-category-info .category-info-inner .left .box ul li:nth-child(2n), #lb-container.category #lb-category-info .category-info-inner .right .box ul li:nth-child(2n) {
            float: right; }
          #lb-container.category #lb-category-info .category-info-inner .left .box ul li a, #lb-container.category #lb-category-info .category-info-inner .right .box ul li a {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            display: block;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
            height: 240px; }
            #lb-container.category #lb-category-info .category-info-inner .left .box ul li a:hover, #lb-container.category #lb-category-info .category-info-inner .right .box ul li a:hover {
              background: #edf7ff;
              box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
              transition: all 200ms 0s ease; }
            #lb-container.category #lb-category-info .category-info-inner .left .box ul li a span, #lb-container.category #lb-category-info .category-info-inner .right .box ul li a span {
              display: block;
              color: #666666;
              font-size: 12px;
              margin-bottom: 17px;
              padding: 0 15px;
              line-height: 1.4em; }
              #lb-container.category #lb-category-info .category-info-inner .left .box ul li a span.bold, #lb-container.category #lb-category-info .category-info-inner .right .box ul li a span.bold {
                color: #000000;
                font-weight: bold;
                font-size: 16px;
                margin-bottom: 8px;
                margin-top: 5px; }
            #lb-container.category #lb-category-info .category-info-inner .left .box ul li a .entry, #lb-container.category #lb-category-info .category-info-inner .right .box ul li a .entry {
              position: absolute;
              z-index: 2;
              top: 0;
              background: #68c0fd;
              color: #FFF;
              border-top-left-radius: 6px;
              border-bottom-right-radius: 8px;
              height: 19px;
              text-align: center;
              line-height: 20px;
              font-size: 10px;
              pointer-events: none;
              font-weight: bold; }
        #lb-container.category #lb-category-info .category-info-inner .left .more, #lb-container.category #lb-category-info .category-info-inner .right .more {
          position: relative;
          font-size: 14px;
          font-weight: bold;
          color: #000000;
          padding-left: 15px;
          float: right;
          margin-top: 24px; }
          #lb-container.category #lb-category-info .category-info-inner .left .more a, #lb-container.category #lb-category-info .category-info-inner .right .more a {
            display: block; }
            #lb-container.category #lb-category-info .category-info-inner .left .more a::before, #lb-container.category #lb-category-info .category-info-inner .right .more a::before {
              content: "";
              display: block;
              position: absolute;
              left: 0;
              border-top: 8px solid transparent;
              border-bottom: 8px solid transparent;
              border-left: 11px solid #0088e7;
              transform: scale(0.6); }
            #lb-container.category #lb-category-info .category-info-inner .left .more a:hover::before, #lb-container.category #lb-category-info .category-info-inner .right .more a:hover::before {
              border-left: 11px solid #68c0fd; }
            #lb-container.category #lb-category-info .category-info-inner .left .more a:hover::after, #lb-container.category #lb-category-info .category-info-inner .right .more a:hover::after {
              position: absolute;
              bottom: -4px;
              right: 0;
              content: "";
              display: block;
              width: calc(100% - 15px);
              height: 1px;
              background: #000; }
        #lb-container.category #lb-category-info .category-info-inner .left .list, #lb-container.category #lb-category-info .category-info-inner .right .list {
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
          height: 240px;
          border-radius: 8px; }
          #lb-container.category #lb-category-info .category-info-inner .left .list ul, #lb-container.category #lb-category-info .category-info-inner .right .list ul {
            padding-top: 27px; }
            #lb-container.category #lb-category-info .category-info-inner .left .list ul li, #lb-container.category #lb-category-info .category-info-inner .right .list ul li {
              display: block;
              position: relative;
              font-size: 12px;
              color: #333333;
              margin-left: 15px;
              line-height: 1.4em;
              padding: 0 15px;
              margin-bottom: 13px; }
              #lb-container.category #lb-category-info .category-info-inner .left .list ul li:last-child, #lb-container.category #lb-category-info .category-info-inner .right .list ul li:last-child {
                margin-bottom: 0; }
              #lb-container.category #lb-category-info .category-info-inner .left .list ul li span, #lb-container.category #lb-category-info .category-info-inner .right .list ul li span {
                display: inline-block;
                background: #e77d00;
                color: #FFF;
                height: 12px;
                font-size: 10px;
                line-height: 12px;
                padding: 0 6px;
                border-radius: 2px;
                margin-left: 12px; }
              #lb-container.category #lb-category-info .category-info-inner .left .list ul li a, #lb-container.category #lb-category-info .category-info-inner .right .list ul li a {
                display: inline-block; }
                #lb-container.category #lb-category-info .category-info-inner .left .list ul li a::before, #lb-container.category #lb-category-info .category-info-inner .right .list ul li a::before {
                  content: "";
                  display: block;
                  position: absolute;
                  left: 0;
                  border-top: 8px solid transparent;
                  border-bottom: 8px solid transparent;
                  border-left: 11px solid #0088e7;
                  transform: scale(0.6); }
                #lb-container.category #lb-category-info .category-info-inner .left .list ul li a:hover, #lb-container.category #lb-category-info .category-info-inner .right .list ul li a:hover {
                  text-decoration: underline; }
                  #lb-container.category #lb-category-info .category-info-inner .left .list ul li a:hover::before, #lb-container.category #lb-category-info .category-info-inner .right .list ul li a:hover::before {
                    border-left: 11px solid #68c0fd; }
      #lb-container.category #lb-category-info .category-info-inner .left {
        float: left; }
      #lb-container.category #lb-category-info .category-info-inner .right {
        float: right; }
  #lb-container.category #lb-category-recent {
    max-width: 1020px;
    margin: 18px auto 0 auto;
    position: relative; }
    #lb-container.category #lb-category-recent .category-title .pan {
      color: #666;
      font-size: 12px;
      margin-bottom: 35px; }
      #lb-container.category #lb-category-recent .category-title .pan span {
        color: #0088e7; }
      #lb-container.category #lb-category-recent .category-title .pan a {
        color: #0088e7; }
        #lb-container.category #lb-category-recent .category-title .pan a:hover {
          text-decoration: underline; }
    #lb-container.category #lb-category-recent .category-title h2 {
      font-size: 32px;
      margin-bottom: 30px;
      color: #333333;
      font-weight: bold; }
    #lb-container.category #lb-category-recent .category-inner {
      margin-top: 28px; }
    #lb-container.category #lb-category-recent #side {
      width: 202px;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
      padding: 30px 18px;
      margin-top: 81px;
      border-radius: 8px;
      float: left; }
      #lb-container.category #lb-category-recent #side.active {
        position: fixed;
        top: 30px;
        z-index: 90; }
      #lb-container.category #lb-category-recent #side.stop {
        position: absolute;
        bottom: 0; }
      #lb-container.category #lb-category-recent #side h3 {
        color: #333;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.1em; }
        #lb-container.category #lb-category-recent #side h3 span {
          display: block;
          font-size: 16px; }
      #lb-container.category #lb-category-recent #side ul {
        padding: 0 5px;
        margin-top: 35px; }
        #lb-container.category #lb-category-recent #side ul li {
          font-size: 12px;
          color: #333333;
          margin-bottom: 20px; }
          #lb-container.category #lb-category-recent #side ul li:last-child {
            margin-bottom: 0; }
          #lb-container.category #lb-category-recent #side ul li a {
            position: relative; }
            #lb-container.category #lb-category-recent #side ul li a:hover {
              color: #0088e7; }
              #lb-container.category #lb-category-recent #side ul li a:hover::before {
                content: "";
                display: block;
                position: absolute;
                left: -23px;
                background: #0088e7;
                width: 8px;
                height: 4px;
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
                top: 50%;
                bottom: 50%;
                margin: -2px auto auto auto; }
    #lb-container.category #lb-category-recent .contents {
      width: 786px;
      float: right; }
      #lb-container.category #lb-category-recent .contents .tab {
        border-bottom: 4px solid #68c0fd;
        overflow: hidden;
        margin-bottom: 18px; }
        #lb-container.category #lb-category-recent .contents .tab li {
          position: relative;
          width: 256px;
          float: left;
          margin-right: 8px;
          cursor: pointer;
          user-select: none; }
          #lb-container.category #lb-category-recent .contents .tab li.active span, #lb-container.category #lb-category-recent .contents .tab li.active::before {
            background: #68c0fd;
            color: #fff; }
          #lb-container.category #lb-category-recent .contents .tab li span {
            position: relative;
            z-index: 1;
            display: block;
            width: 240px;
            background: #f5f5f5;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
            height: 44px;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            line-height: 44px;
            color: #000000; }
            #lb-container.category #lb-category-recent .contents .tab li span:hover a {
              display: block;
              color: #0088e7; }
          #lb-container.category #lb-category-recent .contents .tab li::after {
            content: "";
            display: inline-block;
            width: 25px;
            height: 50px;
            background: #fff;
            position: absolute;
            z-index: 1;
            bottom: -1px;
            right: -9px;
            border-bottom-left-radius: 24px; }
          #lb-container.category #lb-category-recent .contents .tab li::before {
            content: "";
            display: inline-block;
            width: 25px;
            height: 25px;
            background: #f5f5f5;
            position: absolute;
            bottom: 0;
            right: -8px; }
      #lb-container.category #lb-category-recent .contents .box ul li {
        position: relative;
        width: 50%;
        float: left;
        margin-bottom: 12px;
        border-radius: 8px; }
        #lb-container.category #lb-category-recent .contents .box ul li .inner {
          border-radius: 12px;
          overflow: hidden;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
          margin-right: 12px; }
          #lb-container.category #lb-category-recent .contents .box ul li .inner .text {
            float: right;
            width: calc(100% - 141px);
            padding-right: 10px; }
          #lb-container.category #lb-category-recent .contents .box ul li .inner span {
            display: block;
            color: #666666;
            font-size: 12px; }
            #lb-container.category #lb-category-recent .contents .box ul li .inner span.img {
              float: left;
              display: block;
              width: 124px;
              height: 124px;
              overflow: hidden; }
            #lb-container.category #lb-category-recent .contents .box ul li .inner span.time {
              color: #e77d00;
              font-size: 12px;
              font-weight: bold;
              margin-top: 12px; }
            #lb-container.category #lb-category-recent .contents .box ul li .inner span.bold {
              text-align: left;
              font-weight: bold;
              font-size: 14px;
              line-height: 1.4em;
              margin-bottom: 8px;
              margin-top: 5px; }
              #lb-container.category #lb-category-recent .contents .box ul li .inner span.bold a {
                color: #000; }
                #lb-container.category #lb-category-recent .contents .box ul li .inner span.bold a:hover {
                  color: #999; }
            #lb-container.category #lb-category-recent .contents .box ul li .inner span.name {
              width: 230px;
              position: absolute;
              bottom: 12px;
              display: block;
              font-size: 12px;
              color: #666666;
              line-height: 1.4em; }
              #lb-container.category #lb-category-recent .contents .box ul li .inner span.name a {
                display: block; }
                #lb-container.category #lb-category-recent .contents .box ul li .inner span.name a:hover {
                  text-decoration: underline; }
        #lb-container.category #lb-category-recent .contents .box ul li:nth-child(2n) .inner {
          margin-right: 0; }
      #lb-container.category #lb-category-recent .contents .pager {
        overflow: hidden;
        width: 234px;
        margin: 21px auto 0 auto; }
        #lb-container.category #lb-category-recent .contents .pager ul {
          overflow: hidden;
          float: left; }
          #lb-container.category #lb-category-recent .contents .pager ul li {
            background: #f5f5f5;
            border-radius: 8px;
            width: 40px;
            height: 40px;
            line-height: 40px;
            color: #000000;
            float: left;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            margin-right: 8px; }
            #lb-container.category #lb-category-recent .contents .pager ul li a {
              display: block; }
            #lb-container.category #lb-category-recent .contents .pager ul li:hover {
              background: #0088e7; }
              #lb-container.category #lb-category-recent .contents .pager ul li:hover a {
                color: #FFF; }
            #lb-container.category #lb-category-recent .contents .pager ul li.current {
              background: #0088e7;
              color: #FFF; }
            #lb-container.category #lb-category-recent .contents .pager ul li:last-child {
              margin-right: 0; }
        #lb-container.category #lb-category-recent .contents .pager .prev {
          width: 40px;
          height: 40px;
          margin-right: 33px;
          float: left; }
          #lb-container.category #lb-category-recent .contents .pager .prev a {
            display: block;
            width: 40px;
            height: 40px;
            padding: 19px 12px 17px 12px; }
          #lb-container.category #lb-category-recent .contents .pager .prev span {
            position: relative;
            display: block;
            width: 13px;
            height: 2px;
            background: #333;
            border-radius: 1px; }
            #lb-container.category #lb-category-recent .contents .pager .prev span::after {
              position: absolute;
              top: -4px;
              left: 0;
              content: "";
              display: block;
              width: 8px;
              height: 8px;
              border-left: 2px solid #333333;
              border-top: 2px solid #333333;
              transform: rotate(-45deg);
              border-radius: 0.5px; }
        #lb-container.category #lb-category-recent .contents .pager .next {
          width: 40px;
          height: 40px;
          margin-left: 33px;
          float: left; }
          #lb-container.category #lb-category-recent .contents .pager .next a {
            display: block;
            width: 40px;
            height: 40px;
            padding: 19px 12px 17px 12px; }
          #lb-container.category #lb-category-recent .contents .pager .next span {
            position: relative;
            display: block;
            width: 13px;
            height: 2px;
            background: #333;
            border-radius: 1px; }
            #lb-container.category #lb-category-recent .contents .pager .next span::after {
              position: absolute;
              top: -4px;
              right: 0;
              content: "";
              display: block;
              width: 8px;
              height: 8px;
              border-right: 2px solid #333333;
              border-top: 2px solid #333333;
              transform: rotate(45deg);
              border-radius: 0.5px; }
  #lb-container.ranking #lb-ranking-blog {
    max-width: 1020px;
    margin: 18px auto 0 auto; }
    #lb-container.ranking #lb-ranking-blog .ranking-title .pan {
      color: #666;
      font-size: 12px;
      margin-bottom: 35px; }
      #lb-container.ranking #lb-ranking-blog .ranking-title .pan span {
        color: #0088e7; }
      #lb-container.ranking #lb-ranking-blog .ranking-title .pan a {
        color: #0088e7; }
        #lb-container.ranking #lb-ranking-blog .ranking-title .pan a:hover {
          text-decoration: underline; }
    #lb-container.ranking #lb-ranking-blog .ranking-title .title-inner {
      margin-bottom: 30px; }
      #lb-container.ranking #lb-ranking-blog .ranking-title .title-inner h2 {
        font-size: 32px;
        color: #333333;
        float: left;
        font-weight: bold; }
      #lb-container.ranking #lb-ranking-blog .ranking-title .title-inner p {
        float: right;
        color: #666;
        font-size: 14px;
        line-height: 35px; }
    #lb-container.ranking #lb-ranking-blog .tab ul {
      border-bottom: 4px solid #68c0fd;
      overflow: hidden;
      margin-bottom: 18px; }
      #lb-container.ranking #lb-ranking-blog .tab ul li {
        position: relative;
        width: 160px;
        float: left;
        margin-right: 8px;
        cursor: pointer;
        user-select: none; }
        #lb-container.ranking #lb-ranking-blog .tab ul li.active span, #lb-container.ranking #lb-ranking-blog .tab ul li.active::before {
          background: #68c0fd;
          color: #fff; }
        #lb-container.ranking #lb-ranking-blog .tab ul li.active a {
          color: #fff; }
        #lb-container.ranking #lb-ranking-blog .tab ul li.active:hover a {
          color: #fff; }
        #lb-container.ranking #lb-ranking-blog .tab ul li span {
          position: relative;
          z-index: 1;
          display: block;
          width: 144px;
          background: #f5f5f5;
          border-top-left-radius: 12px;
          border-top-right-radius: 12px;
          height: 44px;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          line-height: 44px;
          color: #000000; }
          #lb-container.ranking #lb-ranking-blog .tab ul li span:hover a {
            display: block;
            color: #0088e7; }
        #lb-container.ranking #lb-ranking-blog .tab ul li::after {
          content: "";
          display: inline-block;
          width: 50px;
          height: 50px;
          background: #FFF;
          position: absolute;
          bottom: -1px;
          right: -34px;
          border-radius: 24px; }
        #lb-container.ranking #lb-ranking-blog .tab ul li::before {
          content: "";
          display: inline-block;
          width: 25px;
          height: 25px;
          background: #f5f5f5;
          position: absolute;
          bottom: 0;
          right: -8px; }
    #lb-container.ranking #lb-ranking-blog #side {
      width: 301px;
      float: right; }
      #lb-container.ranking #lb-ranking-blog #side h3 {
        color: #333;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.1em;
        margin: 30px 0 15px 0; }
      #lb-container.ranking #lb-ranking-blog #side .headline {
        margin-bottom: 30px; }
        #lb-container.ranking #lb-ranking-blog #side .headline ul {
          border-bottom: 1px solid #e5e5e5; }
          #lb-container.ranking #lb-ranking-blog #side .headline ul li {
            border-top: 1px solid #e5e5e5; }
            #lb-container.ranking #lb-ranking-blog #side .headline ul li a {
              padding-top: 16px;
              overflow: hidden;
              display: block; }
              #lb-container.ranking #lb-ranking-blog #side .headline ul li a:hover {
                background: #edf7ff; }
            #lb-container.ranking #lb-ranking-blog #side .headline ul li span {
              display: block; }
              #lb-container.ranking #lb-ranking-blog #side .headline ul li span.time {
                color: #e77d00;
                font-size: 13px;
                font-style: italic;
                font-weight: bold;
                float: left;
                width: 62px;
                font-size: 14px;
                padding-left: 4px; }
              #lb-container.ranking #lb-ranking-blog #side .headline ul li span.comment {
                width: calc(100% - 62px);
                color: #333333;
                font-size: 14px;
                float: left;
                line-height: 1.4em; }
              #lb-container.ranking #lb-ranking-blog #side .headline ul li span.title {
                float: right;
                color: #666666;
                font-size: 12px;
                margin: 15px 0; }
      #lb-container.ranking #lb-ranking-blog #side .news {
        margin-bottom: 30px; }
        #lb-container.ranking #lb-ranking-blog #side .news ul li {
          font-size: 12px;
          height: 65px;
          margin-bottom: 8px; }
          #lb-container.ranking #lb-ranking-blog #side .news ul li:last-child {
            margin-bottom: 0; }
          #lb-container.ranking #lb-ranking-blog #side .news ul li a {
            border-radius: 8px;
            display: block;
            width: 100%;
            height: 100%;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
            overflow: hidden; }
            #lb-container.ranking #lb-ranking-blog #side .news ul li a:hover {
              background: #edf7ff;
              box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
              transition: all 200ms 0s ease; }
          #lb-container.ranking #lb-ranking-blog #side .news ul li .img {
            float: left; }
          #lb-container.ranking #lb-ranking-blog #side .news ul li .text {
            width: calc(100% - 105px);
            float: right;
            padding: 15px;
            line-height: 1.5em; }
      #lb-container.ranking #lb-ranking-blog #side .more {
        position: relative;
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        padding-left: 15px;
        float: right;
        margin-top: 24px; }
        #lb-container.ranking #lb-ranking-blog #side .more a {
          display: block; }
          #lb-container.ranking #lb-ranking-blog #side .more a::before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 11px solid #0088e7;
            transform: scale(0.6); }
          #lb-container.ranking #lb-ranking-blog #side .more a:hover::before {
            border-left: 11px solid #68c0fd; }
          #lb-container.ranking #lb-ranking-blog #side .more a:hover::after {
            position: absolute;
            bottom: -4px;
            right: 0;
            content: "";
            display: block;
            width: calc(100% - 15px);
            height: 1px;
            background: #000; }
    #lb-container.ranking #lb-ranking-blog .ranking-inner {
      margin-top: 28px; }
    #lb-container.ranking #lb-ranking-blog .contents {
      width: 687px;
      float: left; }
      #lb-container.ranking #lb-ranking-blog .contents .box ul li {
        position: relative;
        width: 100%;
        float: left;
        margin-bottom: 32px; }
        #lb-container.ranking #lb-ranking-blog .contents .box ul li:last-child {
          margin-bottom: 0; }
        #lb-container.ranking #lb-ranking-blog .contents .box ul li .title .number {
          display: inline-block;
          z-index: 2;
          top: 0;
          background: #797979;
          color: #FFF;
          border-radius: 18px;
          width: 36px;
          height: 36px;
          text-align: center;
          line-height: 36px;
          font-size: 14px;
          pointer-events: none;
          font-weight: bold; }
          #lb-container.ranking #lb-ranking-blog .contents .box ul li .title .number.rank1 {
            background: #f6d57c;
            color: #000; }
          #lb-container.ranking #lb-ranking-blog .contents .box ul li .title .number.rank2 {
            background: #d9d9d9;
            color: #000; }
          #lb-container.ranking #lb-ranking-blog .contents .box ul li .title .number.rank3 {
            background: #d29881;
            color: #000; }
          #lb-container.ranking #lb-ranking-blog .contents .box ul li .title .number.rank4, #lb-container.ranking #lb-ranking-blog .contents .box ul li .title .number.rank5 {
            background: #68c0fd;
            color: #fff; }
          #lb-container.ranking #lb-ranking-blog .contents .box ul li .title .number.rank1000 {
            width: 72px; }
        #lb-container.ranking #lb-ranking-blog .contents .box ul li .title h3 {
          display: inline-block;
          color: #000;
          font-size: 18px;
          font-weight: bold;
          margin-left: 6px;
          margin-bottom: 15px; }
          #lb-container.ranking #lb-ranking-blog .contents .box ul li .title h3 a {
            color: #000; }
            #lb-container.ranking #lb-ranking-blog .contents .box ul li .title h3 a:hover {
              color: #006ab4; }
        #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner {
          border-radius: 12px; }
          #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner .left {
            width: 320px;
            height: 242px;
            position: relative;
            border-radius: 12px;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
            transition: all 200ms 0s ease;
            overflow: hidden;
            float: left; }
            #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner .left:hover {
              box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
              transition: all 200ms 0s ease; }
            #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner .left a {
              color: #FFF; }
            #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner .left .img {
              display: block; }
            #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner .left .text {
              display: block;
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              bottom: 0;
              background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.69) 100%);
              background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.69) 100%);
              background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.69) 100%); }
              #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner .left .text:hover {
                background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.89) 100%);
                background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.89) 100%);
                background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.89) 100%); }
              #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner .left .text span {
                display: block;
                position: absolute;
                bottom: 0;
                font-size: 14px;
                font-weight: bold;
                padding: 0 12px;
                line-height: 1.5em;
                margin-bottom: 15px; }
          #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner .right {
            width: calc(100% - 328px);
            float: right; }
            #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner .right a {
              width: 100%;
              height: 100%;
              display: block; }
              #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner .right a:hover {
                background: #edf7ff; }
            #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner .right .right-inner {
              border-radius: 8px;
              overflow: hidden;
              height: 117px;
              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
              margin-bottom: 8px;
              transition: all 200ms 0s ease; }
              #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner .right .right-inner:hover {
                box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
                transition: all 200ms 0s ease; }
              #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner .right .right-inner:last-child {
                margin-bottom: 0; }
              #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner .right .right-inner .img {
                display: block;
                float: left; }
              #lb-container.ranking #lb-ranking-blog .contents .box ul li .box-inner .right .right-inner .text {
                width: calc(100% - 117px);
                display: block;
                color: #333333;
                font-size: 12px;
                line-height: 1.5em;
                float: right;
                padding: 15px; }
        #lb-container.ranking #lb-ranking-blog .contents .box ul li .pickup {
          background: #f5f5f5;
          border-radius: 12px;
          overflow: hidden;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
          padding: 0 32px; }
          #lb-container.ranking #lb-ranking-blog .contents .box ul li .pickup .list {
            float: left;
            width: 92px;
            padding: 18px 0;
            margin-right: 14px; }
            #lb-container.ranking #lb-ranking-blog .contents .box ul li .pickup .list:last-child {
              margin-right: 0; }
            #lb-container.ranking #lb-ranking-blog .contents .box ul li .pickup .list span {
              display: block;
              text-align: center;
              font-size: 12px;
              line-height: 1.4em;
              color: #000; }
      #lb-container.ranking #lb-ranking-blog .contents .pager {
        position: relative;
        width: 472px;
        margin: 21px auto 0 auto; }
        #lb-container.ranking #lb-ranking-blog .contents .pager ul {
          overflow: hidden;
          float: left; }
          #lb-container.ranking #lb-ranking-blog .contents .pager ul li {
            background: #f5f5f5;
            border-radius: 8px;
            width: 40px;
            height: 40px;
            line-height: 40px;
            color: #000000;
            float: left;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            margin-right: 8px; }
            #lb-container.ranking #lb-ranking-blog .contents .pager ul li a {
              display: block; }
            #lb-container.ranking #lb-ranking-blog .contents .pager ul li:hover {
              background: #0088e7; }
              #lb-container.ranking #lb-ranking-blog .contents .pager ul li:hover a {
                color: #FFF; }
            #lb-container.ranking #lb-ranking-blog .contents .pager ul li.current {
              background: #0088e7;
              color: #FFF; }
            #lb-container.ranking #lb-ranking-blog .contents .pager ul li:last-child {
              margin-right: 0; }
        #lb-container.ranking #lb-ranking-blog .contents .pager .prev {
          position: absolute;
          width: 40px;
          height: 40px;
          left: -60px; }
          #lb-container.ranking #lb-ranking-blog .contents .pager .prev a {
            display: block;
            width: 40px;
            height: 40px;
            padding: 19px 12px 17px 12px; }
          #lb-container.ranking #lb-ranking-blog .contents .pager .prev span {
            position: relative;
            display: block;
            width: 13px;
            height: 2px;
            background: #333;
            border-radius: 1px; }
            #lb-container.ranking #lb-ranking-blog .contents .pager .prev span::after {
              position: absolute;
              top: -4px;
              left: 0;
              content: "";
              display: block;
              width: 8px;
              height: 8px;
              border-left: 2px solid #333333;
              border-top: 2px solid #333333;
              transform: rotate(-45deg);
              border-radius: 0.5px; }
        #lb-container.ranking #lb-ranking-blog .contents .pager .next {
          position: absolute;
          width: 40px;
          height: 40px;
          right: -60px; }
          #lb-container.ranking #lb-ranking-blog .contents .pager .next a {
            display: block;
            width: 40px;
            height: 40px;
            padding: 19px 12px 17px 12px; }
          #lb-container.ranking #lb-ranking-blog .contents .pager .next span {
            position: relative;
            display: block;
            width: 13px;
            height: 2px;
            background: #333;
            border-radius: 1px; }
            #lb-container.ranking #lb-ranking-blog .contents .pager .next span::after {
              position: absolute;
              top: -4px;
              right: 0;
              content: "";
              display: block;
              width: 8px;
              height: 8px;
              border-right: 2px solid #333333;
              border-top: 2px solid #333333;
              transform: rotate(45deg);
              border-radius: 0.5px; }
  #lb-container.ranking #lb-ranking-blogger {
    max-width: 1020px;
    margin: 18px auto 0 auto; }
    #lb-container.ranking #lb-ranking-blogger .ranking-title .pan {
      color: #666;
      font-size: 12px;
      margin-bottom: 35px; }
      #lb-container.ranking #lb-ranking-blogger .ranking-title .pan span {
        color: #0088e7; }
      #lb-container.ranking #lb-ranking-blogger .ranking-title .pan a {
        color: #0088e7; }
        #lb-container.ranking #lb-ranking-blogger .ranking-title .pan a:hover {
          text-decoration: underline; }
    #lb-container.ranking #lb-ranking-blogger .ranking-title .title-inner {
      margin-bottom: 30px; }
      #lb-container.ranking #lb-ranking-blogger .ranking-title .title-inner h2 {
        font-size: 32px;
        color: #333333;
        float: left;
        font-weight: bold; }
      #lb-container.ranking #lb-ranking-blogger .ranking-title .title-inner p {
        float: right;
        color: #666;
        font-size: 14px;
        line-height: 35px; }
    #lb-container.ranking #lb-ranking-blogger .tab ul {
      border-bottom: 4px solid #68c0fd;
      overflow: hidden;
      margin-bottom: 18px; }
      #lb-container.ranking #lb-ranking-blogger .tab ul li {
        position: relative;
        width: 160px;
        float: left;
        margin-right: 8px;
        cursor: pointer;
        user-select: none; }
        #lb-container.ranking #lb-ranking-blogger .tab ul li.active span, #lb-container.ranking #lb-ranking-blogger .tab ul li.active::before {
          background: #68c0fd;
          color: #fff; }
        #lb-container.ranking #lb-ranking-blogger .tab ul li.active a {
          color: #fff; }
        #lb-container.ranking #lb-ranking-blogger .tab ul li.active:hover a {
          color: #fff; }
        #lb-container.ranking #lb-ranking-blogger .tab ul li span {
          position: relative;
          z-index: 1;
          display: block;
          width: 144px;
          background: #f5f5f5;
          border-top-left-radius: 12px;
          border-top-right-radius: 12px;
          height: 44px;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          line-height: 44px;
          color: #000000; }
          #lb-container.ranking #lb-ranking-blogger .tab ul li span:hover a {
            display: block;
            color: #0088e7; }
        #lb-container.ranking #lb-ranking-blogger .tab ul li::after {
          content: "";
          display: inline-block;
          width: 50px;
          height: 50px;
          background: #FFF;
          position: absolute;
          bottom: -1px;
          right: -34px;
          border-radius: 24px; }
        #lb-container.ranking #lb-ranking-blogger .tab ul li::before {
          content: "";
          display: inline-block;
          width: 25px;
          height: 25px;
          background: #f5f5f5;
          position: absolute;
          bottom: 0;
          right: -8px; }
    #lb-container.ranking #lb-ranking-blogger #side {
      width: 301px;
      float: right; }
      #lb-container.ranking #lb-ranking-blogger #side h3 {
        color: #333;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.1em;
        margin: 30px 0 15px 0; }
      #lb-container.ranking #lb-ranking-blogger #side .headline {
        margin-bottom: 30px; }
        #lb-container.ranking #lb-ranking-blogger #side .headline ul {
          border-bottom: 1px solid #e5e5e5; }
          #lb-container.ranking #lb-ranking-blogger #side .headline ul li {
            border-top: 1px solid #e5e5e5; }
            #lb-container.ranking #lb-ranking-blogger #side .headline ul li a {
              padding-top: 16px;
              overflow: hidden;
              display: block; }
              #lb-container.ranking #lb-ranking-blogger #side .headline ul li a:hover {
                background: #edf7ff; }
            #lb-container.ranking #lb-ranking-blogger #side .headline ul li span {
              display: block; }
              #lb-container.ranking #lb-ranking-blogger #side .headline ul li span.time {
                color: #e77d00;
                font-size: 13px;
                font-style: italic;
                font-weight: bold;
                float: left;
                width: 62px;
                font-size: 14px;
                padding-left: 4px; }
              #lb-container.ranking #lb-ranking-blogger #side .headline ul li span.comment {
                width: calc(100% - 62px);
                color: #333333;
                font-size: 14px;
                float: left;
                line-height: 1.4em; }
              #lb-container.ranking #lb-ranking-blogger #side .headline ul li span.title {
                float: right;
                color: #666666;
                font-size: 12px;
                margin: 15px 0; }
      #lb-container.ranking #lb-ranking-blogger #side .news {
        margin-bottom: 30px; }
        #lb-container.ranking #lb-ranking-blogger #side .news ul li {
          font-size: 12px;
          height: 65px;
          margin-bottom: 8px; }
          #lb-container.ranking #lb-ranking-blogger #side .news ul li:last-child {
            margin-bottom: 0; }
          #lb-container.ranking #lb-ranking-blogger #side .news ul li a {
            border-radius: 8px;
            display: block;
            width: 100%;
            height: 100%;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
            overflow: hidden; }
            #lb-container.ranking #lb-ranking-blogger #side .news ul li a:hover {
              background: #edf7ff;
              box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
              transition: all 200ms 0s ease; }
          #lb-container.ranking #lb-ranking-blogger #side .news ul li .img {
            float: left; }
          #lb-container.ranking #lb-ranking-blogger #side .news ul li .text {
            width: calc(100% - 105px);
            float: right;
            padding: 15px;
            line-height: 1.5em; }
      #lb-container.ranking #lb-ranking-blogger #side .more {
        position: relative;
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        padding-left: 15px;
        float: right;
        margin-top: 24px; }
        #lb-container.ranking #lb-ranking-blogger #side .more a {
          display: block; }
          #lb-container.ranking #lb-ranking-blogger #side .more a::before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 11px solid #0088e7;
            transform: scale(0.6); }
          #lb-container.ranking #lb-ranking-blogger #side .more a:hover::before {
            border-left: 11px solid #68c0fd; }
          #lb-container.ranking #lb-ranking-blogger #side .more a:hover::after {
            position: absolute;
            bottom: -4px;
            right: 0;
            content: "";
            display: block;
            width: calc(100% - 15px);
            height: 1px;
            background: #000; }
    #lb-container.ranking #lb-ranking-blogger .ranking-inner {
      margin-top: 28px; }
    #lb-container.ranking #lb-ranking-blogger .contents {
      width: 687px;
      float: left; }
      #lb-container.ranking #lb-ranking-blogger .contents .box ul li {
        position: relative;
        width: 100%;
        float: left;
        margin-bottom: 32px; }
        #lb-container.ranking #lb-ranking-blogger .contents .box ul li:last-child {
          margin-bottom: 0; }
        #lb-container.ranking #lb-ranking-blogger .contents .box ul li .title .number {
          display: inline-block;
          z-index: 2;
          top: 0;
          background: #797979;
          color: #FFF;
          border-radius: 18px;
          width: 36px;
          height: 36px;
          text-align: center;
          line-height: 36px;
          font-size: 14px;
          pointer-events: none;
          font-weight: bold; }
          #lb-container.ranking #lb-ranking-blogger .contents .box ul li .title .number.rank1 {
            background: #f6d57c;
            color: #000; }
          #lb-container.ranking #lb-ranking-blogger .contents .box ul li .title .number.rank2 {
            background: #d9d9d9;
            color: #000; }
          #lb-container.ranking #lb-ranking-blogger .contents .box ul li .title .number.rank3 {
            background: #d29881;
            color: #000; }
          #lb-container.ranking #lb-ranking-blogger .contents .box ul li .title .number.rank4, #lb-container.ranking #lb-ranking-blogger .contents .box ul li .title .number.rank5 {
            background: #68c0fd;
            color: #fff; }
          #lb-container.ranking #lb-ranking-blogger .contents .box ul li .title .number.rank1000 {
            width: 72px; }
        #lb-container.ranking #lb-ranking-blogger .contents .box ul li .title h3 {
          display: inline-block;
          color: #000;
          font-size: 18px;
          font-weight: bold;
          margin-left: 6px;
          margin-bottom: 15px; }
        #lb-container.ranking #lb-ranking-blogger .contents .box ul li .box-inner {
          border-radius: 12px;
          border-radius: 12px;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
          overflow: hidden; }
          #lb-container.ranking #lb-ranking-blogger .contents .box ul li .box-inner .left {
            display: block;
            height: 218px;
            position: relative;
            float: left; }
            #lb-container.ranking #lb-ranking-blogger .contents .box ul li .box-inner .left .noimage {
              position: absolute;
              display: block;
              width: 50px;
              top: 50%;
              left: 0;
              right: 0;
              margin: -24px auto auto auto; }
              #lb-container.ranking #lb-ranking-blogger .contents .box ul li .box-inner .left .noimage img {
                width: 100%;
                max-width: 100%;
                height: auto; }
            #lb-container.ranking #lb-ranking-blogger .contents .box ul li .box-inner .left a {
              color: #FFF; }
              #lb-container.ranking #lb-ranking-blogger .contents .box ul li .box-inner .left a:hover .text span {
                text-decoration: underline; }
          #lb-container.ranking #lb-ranking-blogger .contents .box ul li .box-inner .right {
            width: calc(100% - 239px);
            float: right;
            padding-top: 15px; }
            #lb-container.ranking #lb-ranking-blogger .contents .box ul li .box-inner .right a {
              width: 100%;
              height: 100%;
              display: block; }
              #lb-container.ranking #lb-ranking-blogger .contents .box ul li .box-inner .right a:hover .text {
                text-decoration: underline; }
            #lb-container.ranking #lb-ranking-blogger .contents .box ul li .box-inner .right span {
              display: block;
              position: relative;
              font-size: 14px;
              color: #333333;
              margin-left: 15px;
              line-height: 1.5em;
              padding: 0 20px;
              margin-bottom: 30px; }
              #lb-container.ranking #lb-ranking-blogger .contents .box ul li .box-inner .right span:last-child {
                margin-bottom: 0; }
              #lb-container.ranking #lb-ranking-blogger .contents .box ul li .box-inner .right span a {
                display: block; }
                #lb-container.ranking #lb-ranking-blogger .contents .box ul li .box-inner .right span a::before {
                  content: "";
                  display: block;
                  position: absolute;
                  top: 1px;
                  left: 0;
                  border-top: 8px solid transparent;
                  border-bottom: 8px solid transparent;
                  border-left: 11px solid #0088e7;
                  transform: scale(0.6); }
                #lb-container.ranking #lb-ranking-blogger .contents .box ul li .box-inner .right span a:hover {
                  text-decoration: underline; }
                  #lb-container.ranking #lb-ranking-blogger .contents .box ul li .box-inner .right span a:hover::before {
                    border-left: 11px solid #68c0fd; }
        #lb-container.ranking #lb-ranking-blogger .contents .box ul li .pickup {
          background: #f5f5f5;
          border-radius: 12px;
          overflow: hidden;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
          padding: 0 32px; }
          #lb-container.ranking #lb-ranking-blogger .contents .box ul li .pickup .list {
            float: left;
            width: 92px;
            padding: 18px 0;
            margin-right: 14px; }
            #lb-container.ranking #lb-ranking-blogger .contents .box ul li .pickup .list:last-child {
              margin-right: 0; }
            #lb-container.ranking #lb-ranking-blogger .contents .box ul li .pickup .list span {
              display: block;
              text-align: center;
              font-size: 12px;
              line-height: 1.4em;
              color: #000; }
      #lb-container.ranking #lb-ranking-blogger .contents .pager {
        position: relative;
        width: 472px;
        margin: 21px auto 0 auto; }
        #lb-container.ranking #lb-ranking-blogger .contents .pager ul {
          overflow: hidden;
          float: left; }
          #lb-container.ranking #lb-ranking-blogger .contents .pager ul li {
            background: #f5f5f5;
            border-radius: 8px;
            width: 40px;
            height: 40px;
            line-height: 40px;
            color: #000000;
            float: left;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            margin-right: 8px; }
            #lb-container.ranking #lb-ranking-blogger .contents .pager ul li a {
              display: block; }
            #lb-container.ranking #lb-ranking-blogger .contents .pager ul li:hover {
              background: #0088e7; }
              #lb-container.ranking #lb-ranking-blogger .contents .pager ul li:hover a {
                color: #FFF; }
            #lb-container.ranking #lb-ranking-blogger .contents .pager ul li.current {
              background: #0088e7;
              color: #FFF; }
            #lb-container.ranking #lb-ranking-blogger .contents .pager ul li:last-child {
              margin-right: 0; }
        #lb-container.ranking #lb-ranking-blogger .contents .pager .prev {
          position: absolute;
          width: 40px;
          height: 40px;
          left: -60px; }
          #lb-container.ranking #lb-ranking-blogger .contents .pager .prev a {
            display: block;
            width: 40px;
            height: 40px;
            padding: 19px 12px 17px 12px; }
          #lb-container.ranking #lb-ranking-blogger .contents .pager .prev span {
            position: relative;
            display: block;
            width: 13px;
            height: 2px;
            background: #333;
            border-radius: 1px; }
            #lb-container.ranking #lb-ranking-blogger .contents .pager .prev span::after {
              position: absolute;
              top: -4px;
              left: 0;
              content: "";
              display: block;
              width: 8px;
              height: 8px;
              border-left: 2px solid #333333;
              border-top: 2px solid #333333;
              transform: rotate(-45deg);
              border-radius: 0.5px; }
        #lb-container.ranking #lb-ranking-blogger .contents .pager .next {
          position: absolute;
          width: 40px;
          height: 40px;
          right: -60px; }
          #lb-container.ranking #lb-ranking-blogger .contents .pager .next a {
            display: block;
            width: 40px;
            height: 40px;
            padding: 19px 12px 17px 12px; }
          #lb-container.ranking #lb-ranking-blogger .contents .pager .next span {
            position: relative;
            display: block;
            width: 13px;
            height: 2px;
            background: #333;
            border-radius: 1px; }
            #lb-container.ranking #lb-ranking-blogger .contents .pager .next span::after {
              position: absolute;
              top: -4px;
              right: 0;
              content: "";
              display: block;
              width: 8px;
              height: 8px;
              border-right: 2px solid #333333;
              border-top: 2px solid #333333;
              transform: rotate(45deg);
              border-radius: 0.5px; }
  #lb-container.ranking #lb-ranking-entry {
    max-width: 1020px;
    margin: 18px auto 0 auto; }
    #lb-container.ranking #lb-ranking-entry .ranking-title .pan {
      color: #666;
      font-size: 12px;
      margin-bottom: 35px; }
      #lb-container.ranking #lb-ranking-entry .ranking-title .pan span {
        color: #0088e7; }
      #lb-container.ranking #lb-ranking-entry .ranking-title .pan a {
        color: #0088e7; }
        #lb-container.ranking #lb-ranking-entry .ranking-title .pan a:hover {
          text-decoration: underline; }
    #lb-container.ranking #lb-ranking-entry .ranking-title .title-inner {
      margin-bottom: 30px; }
      #lb-container.ranking #lb-ranking-entry .ranking-title .title-inner h2 {
        font-size: 32px;
        color: #333333;
        float: left;
        font-weight: bold; }
      #lb-container.ranking #lb-ranking-entry .ranking-title .title-inner p {
        float: right;
        color: #666;
        font-size: 14px;
        line-height: 35px; }
    #lb-container.ranking #lb-ranking-entry .tab ul {
      border-bottom: 4px solid #68c0fd;
      overflow: hidden;
      margin-bottom: 18px; }
      #lb-container.ranking #lb-ranking-entry .tab ul li {
        position: relative;
        width: 160px;
        float: left;
        margin-right: 8px;
        cursor: pointer;
        user-select: none; }
        #lb-container.ranking #lb-ranking-entry .tab ul li.active span, #lb-container.ranking #lb-ranking-entry .tab ul li.active::before {
          background: #68c0fd;
          color: #fff; }
        #lb-container.ranking #lb-ranking-entry .tab ul li.active a {
          color: #fff; }
        #lb-container.ranking #lb-ranking-entry .tab ul li.active:hover a {
          color: #fff; }
        #lb-container.ranking #lb-ranking-entry .tab ul li span {
          position: relative;
          z-index: 1;
          display: block;
          width: 144px;
          background: #f5f5f5;
          border-top-left-radius: 12px;
          border-top-right-radius: 12px;
          height: 44px;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          line-height: 44px;
          color: #000000; }
          #lb-container.ranking #lb-ranking-entry .tab ul li span:hover a {
            display: block;
            color: #0088e7; }
        #lb-container.ranking #lb-ranking-entry .tab ul li::after {
          content: "";
          display: inline-block;
          width: 50px;
          height: 50px;
          background: #FFF;
          position: absolute;
          bottom: -1px;
          right: -34px;
          border-radius: 24px; }
        #lb-container.ranking #lb-ranking-entry .tab ul li::before {
          content: "";
          display: inline-block;
          width: 25px;
          height: 25px;
          background: #f5f5f5;
          position: absolute;
          bottom: 0;
          right: -8px; }
    #lb-container.ranking #lb-ranking-entry #side {
      width: 301px;
      float: right; }
      #lb-container.ranking #lb-ranking-entry #side h3 {
        color: #333;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.1em;
        margin: 30px 0 15px 0; }
      #lb-container.ranking #lb-ranking-entry #side .headline {
        margin-bottom: 30px; }
        #lb-container.ranking #lb-ranking-entry #side .headline ul {
          border-bottom: 1px solid #e5e5e5; }
          #lb-container.ranking #lb-ranking-entry #side .headline ul li {
            border-top: 1px solid #e5e5e5; }
            #lb-container.ranking #lb-ranking-entry #side .headline ul li a {
              padding-top: 16px;
              overflow: hidden;
              display: block; }
              #lb-container.ranking #lb-ranking-entry #side .headline ul li a:hover {
                background: #edf7ff; }
            #lb-container.ranking #lb-ranking-entry #side .headline ul li span {
              display: block; }
              #lb-container.ranking #lb-ranking-entry #side .headline ul li span.time {
                color: #e77d00;
                font-size: 13px;
                font-style: italic;
                font-weight: bold;
                float: left;
                width: 62px;
                font-size: 14px;
                padding-left: 4px; }
              #lb-container.ranking #lb-ranking-entry #side .headline ul li span.comment {
                width: calc(100% - 62px);
                color: #333333;
                font-size: 14px;
                float: left;
                line-height: 1.4em; }
              #lb-container.ranking #lb-ranking-entry #side .headline ul li span.title {
                float: right;
                color: #666666;
                font-size: 12px;
                margin: 15px 0; }
      #lb-container.ranking #lb-ranking-entry #side .news {
        margin-bottom: 30px; }
        #lb-container.ranking #lb-ranking-entry #side .news ul li {
          font-size: 12px;
          height: 65px;
          margin-bottom: 8px; }
          #lb-container.ranking #lb-ranking-entry #side .news ul li:last-child {
            margin-bottom: 0; }
          #lb-container.ranking #lb-ranking-entry #side .news ul li a {
            border-radius: 8px;
            display: block;
            width: 100%;
            height: 100%;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
            overflow: hidden; }
            #lb-container.ranking #lb-ranking-entry #side .news ul li a:hover {
              background: #edf7ff;
              box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
              transition: all 200ms 0s ease; }
          #lb-container.ranking #lb-ranking-entry #side .news ul li .img {
            float: left; }
          #lb-container.ranking #lb-ranking-entry #side .news ul li .text {
            width: calc(100% - 105px);
            float: right;
            padding: 15px;
            line-height: 1.5em; }
      #lb-container.ranking #lb-ranking-entry #side .more {
        position: relative;
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        padding-left: 15px;
        float: right;
        margin-top: 24px; }
        #lb-container.ranking #lb-ranking-entry #side .more a {
          display: block; }
          #lb-container.ranking #lb-ranking-entry #side .more a::before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 11px solid #0088e7;
            transform: scale(0.6); }
          #lb-container.ranking #lb-ranking-entry #side .more a:hover::before {
            border-left: 11px solid #68c0fd; }
          #lb-container.ranking #lb-ranking-entry #side .more a:hover::after {
            position: absolute;
            bottom: -4px;
            right: 0;
            content: "";
            display: block;
            width: calc(100% - 15px);
            height: 1px;
            background: #000; }
    #lb-container.ranking #lb-ranking-entry .ranking-inner {
      margin-top: 28px; }
    #lb-container.ranking #lb-ranking-entry .contents {
      width: 687px;
      float: left; }
      #lb-container.ranking #lb-ranking-entry .contents .list ul li {
        position: relative;
        width: 100%;
        float: left;
        margin-bottom: 16px; }
        #lb-container.ranking #lb-ranking-entry .contents .list ul li:last-child {
          margin-bottom: 0; }
        #lb-container.ranking #lb-ranking-entry .contents .list ul li a {
          position: relative;
          display: block;
          overflow: hidden;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
          border-radius: 12px; }
          #lb-container.ranking #lb-ranking-entry .contents .list ul li a:hover {
            background: #edf7ff;
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
            transition: all 200ms 0s ease; }
          #lb-container.ranking #lb-ranking-entry .contents .list ul li a .box {
            float: right;
            width: calc(100% - 147px);
            padding: 0 15px; }
          #lb-container.ranking #lb-ranking-entry .contents .list ul li a span {
            display: block;
            color: #666666;
            font-size: 12px; }
            #lb-container.ranking #lb-ranking-entry .contents .list ul li a span.number {
              position: absolute;
              z-index: 2;
              top: 0;
              background: #797979;
              color: #FFF;
              border-bottom-right-radius: 8px;
              width: 40px;
              height: 40px;
              text-align: center;
              line-height: 40px;
              font-size: 14px;
              pointer-events: none;
              font-weight: bold; }
            #lb-container.ranking #lb-ranking-entry .contents .list ul li a span.rank1 {
              background: #f6d57c;
              color: #000; }
            #lb-container.ranking #lb-ranking-entry .contents .list ul li a span.rank2 {
              background: #d9d9d9;
              color: #000; }
            #lb-container.ranking #lb-ranking-entry .contents .list ul li a span.rank3 {
              background: #d29881;
              color: #000; }
            #lb-container.ranking #lb-ranking-entry .contents .list ul li a span.rank4, #lb-container.ranking #lb-ranking-entry .contents .list ul li a span.rank5 {
              background: #68c0fd;
              color: #fff; }
            #lb-container.ranking #lb-ranking-entry .contents .list ul li a span.rank1000 {
              width: 72px; }
            #lb-container.ranking #lb-ranking-entry .contents .list ul li a span.img {
              float: left;
              display: block;
              width: 147px;
              height: 147px;
              overflow: hidden; }
            #lb-container.ranking #lb-ranking-entry .contents .list ul li a span.bold {
              text-align: left;
              font-weight: bold;
              font-size: 14px;
              line-height: 1.8em;
              margin-bottom: 8px;
              margin-top: 13px;
              color: #333333; }
            #lb-container.ranking #lb-ranking-entry .contents .list ul li a span.name {
              display: block;
              position: absolute;
              bottom: 15px;
              font-size: 12px;
              color: #666666;
              line-height: 1.4em;
              right: 20px;
              width: calc(100% - 154px);
              text-align: right; }
        #lb-container.ranking #lb-ranking-entry .contents .list ul li .title {
          margin-top: 15px; }
          #lb-container.ranking #lb-ranking-entry .contents .list ul li .title h3 {
            display: inline-block;
            color: #000;
            font-size: 18px;
            font-weight: bold;
            margin-left: 6px;
            margin-bottom: 15px; }
        #lb-container.ranking #lb-ranking-entry .contents .list ul li .pickup {
          background: #f5f5f5;
          border-radius: 12px;
          overflow: hidden;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
          padding: 0 32px; }
          #lb-container.ranking #lb-ranking-entry .contents .list ul li .pickup .list {
            float: left;
            width: 92px;
            padding: 18px 0;
            margin-right: 14px; }
            #lb-container.ranking #lb-ranking-entry .contents .list ul li .pickup .list:last-child {
              margin-right: 0; }
            #lb-container.ranking #lb-ranking-entry .contents .list ul li .pickup .list span {
              display: block;
              text-align: center;
              font-size: 12px;
              line-height: 1.4em;
              color: #000; }
      #lb-container.ranking #lb-ranking-entry .contents .pager {
        position: relative;
        width: 472px;
        margin: 21px auto 0 auto; }
        #lb-container.ranking #lb-ranking-entry .contents .pager ul {
          overflow: hidden;
          float: left; }
          #lb-container.ranking #lb-ranking-entry .contents .pager ul li {
            background: #f5f5f5;
            border-radius: 8px;
            width: 40px;
            height: 40px;
            line-height: 40px;
            color: #000000;
            float: left;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            margin-right: 8px; }
            #lb-container.ranking #lb-ranking-entry .contents .pager ul li a {
              display: block; }
            #lb-container.ranking #lb-ranking-entry .contents .pager ul li:hover {
              background: #0088e7; }
              #lb-container.ranking #lb-ranking-entry .contents .pager ul li:hover a {
                color: #FFF; }
            #lb-container.ranking #lb-ranking-entry .contents .pager ul li.current {
              background: #0088e7;
              color: #FFF; }
            #lb-container.ranking #lb-ranking-entry .contents .pager ul li:last-child {
              margin-right: 0; }
        #lb-container.ranking #lb-ranking-entry .contents .pager .prev {
          position: absolute;
          width: 40px;
          height: 40px;
          left: -60px; }
          #lb-container.ranking #lb-ranking-entry .contents .pager .prev a {
            display: block;
            width: 40px;
            height: 40px;
            padding: 19px 12px 17px 12px; }
          #lb-container.ranking #lb-ranking-entry .contents .pager .prev span {
            position: relative;
            display: block;
            width: 13px;
            height: 2px;
            background: #333;
            border-radius: 1px; }
            #lb-container.ranking #lb-ranking-entry .contents .pager .prev span::after {
              position: absolute;
              top: -4px;
              left: 0;
              content: "";
              display: block;
              width: 8px;
              height: 8px;
              border-left: 2px solid #333333;
              border-top: 2px solid #333333;
              transform: rotate(-45deg);
              border-radius: 0.5px; }
        #lb-container.ranking #lb-ranking-entry .contents .pager .next {
          position: absolute;
          width: 40px;
          height: 40px;
          right: -60px; }
          #lb-container.ranking #lb-ranking-entry .contents .pager .next a {
            display: block;
            width: 40px;
            height: 40px;
            padding: 19px 12px 17px 12px; }
          #lb-container.ranking #lb-ranking-entry .contents .pager .next span {
            position: relative;
            display: block;
            width: 13px;
            height: 2px;
            background: #333;
            border-radius: 1px; }
            #lb-container.ranking #lb-ranking-entry .contents .pager .next span::after {
              position: absolute;
              top: -4px;
              right: 0;
              content: "";
              display: block;
              width: 8px;
              height: 8px;
              border-right: 2px solid #333333;
              border-top: 2px solid #333333;
              transform: rotate(45deg);
              border-radius: 0.5px; }
  #lb-container.headline #lb-headline {
    max-width: 1020px;
    margin: 18px auto 0 auto; }
    #lb-container.headline #lb-headline .headline-title .pan {
      color: #666;
      font-size: 12px;
      margin-bottom: 35px; }
      #lb-container.headline #lb-headline .headline-title .pan span {
        color: #0088e7; }
      #lb-container.headline #lb-headline .headline-title .pan a {
        color: #0088e7; }
        #lb-container.headline #lb-headline .headline-title .pan a:hover {
          text-decoration: underline; }
    #lb-container.headline #lb-headline .headline-title .title-inner {
      margin-bottom: 30px; }
      #lb-container.headline #lb-headline .headline-title .title-inner h2 {
        font-size: 32px;
        color: #333333;
        float: left;
        font-weight: bold; }
      #lb-container.headline #lb-headline .headline-title .title-inner p {
        float: right;
        color: #666;
        font-size: 14px;
        line-height: 35px; }
    #lb-container.headline #lb-headline #side {
      width: 301px;
      float: right; }
      #lb-container.headline #lb-headline #side .banner ul li {
        overflow: hidden;
        margin-bottom: 16px; }
        #lb-container.headline #lb-headline #side .banner ul li:last-child {
          border-radius: 8px;
          margin-bottom: 0; }
        #lb-container.headline #lb-headline #side .banner ul li:hover {
          opacity: 0.6; }
      #lb-container.headline #lb-headline #side h3 {
        position: relative;
        background: #68c0fd;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        padding-bottom: 6px;
        margin: 32px 0 17px 0;
        width: 122px;
        height: 24px; }
        #lb-container.headline #lb-headline #side h3.adult {
          width: 160px; }
        #lb-container.headline #lb-headline #side h3::after {
          position: absolute;
          bottom: -32px;
          left: 0;
          content: "";
          display: block;
          width: 34px;
          height: 32px;
          background: #fff;
          border-top-left-radius: 12px; }
        #lb-container.headline #lb-headline #side h3::before {
          position: absolute;
          bottom: -32px;
          left: 0;
          content: "";
          display: block;
          width: 32px;
          height: 32px;
          background: #68c0fd; }
        #lb-container.headline #lb-headline #side h3 span {
          display: block;
          text-align: center;
          line-height: 24px;
          color: #fff;
          font-size: 14px;
          font-weight: bold; }
      #lb-container.headline #lb-headline #side .list ul li {
        width: 100%;
        margin-bottom: 12px;
        border-radius: 8px; }
        #lb-container.headline #lb-headline #side .list ul li a {
          position: relative;
          display: block;
          overflow: hidden;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
          border-radius: 12px;
          transition: 0.15s ease-in-out; }
          #lb-container.headline #lb-headline #side .list ul li a:hover {
            background: #edf7ff;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
            transition: 0.15s ease-in-out; }
          #lb-container.headline #lb-headline #side .list ul li a .box {
            float: right;
            width: calc(100% - 100px);
            padding: 10px 15px; }
          #lb-container.headline #lb-headline #side .list ul li a span {
            display: block;
            color: #666666; }
            #lb-container.headline #lb-headline #side .list ul li a span.number {
              position: absolute;
              z-index: 2;
              top: 0;
              background: #797979;
              color: #FFF;
              border-bottom-right-radius: 8px;
              width: 32px;
              height: 32px;
              text-align: center;
              line-height: 34px;
              font-size: 18px;
              pointer-events: none;
              font-weight: bold; }
            #lb-container.headline #lb-headline #side .list ul li a span.rank1 {
              background: #f6d57c;
              color: #000; }
            #lb-container.headline #lb-headline #side .list ul li a span.rank2 {
              background: #d9d9d9;
              color: #000; }
            #lb-container.headline #lb-headline #side .list ul li a span.rank3 {
              background: #d29881;
              color: #000; }
            #lb-container.headline #lb-headline #side .list ul li a span.rank4, #lb-container.headline #lb-headline #side .list ul li a span.rank5 {
              background: #68c0fd;
              color: #fff; }
            #lb-container.headline #lb-headline #side .list ul li a span.img {
              float: left;
              display: block;
              width: 100px;
              height: 100px;
              overflow: hidden; }
              #lb-container.headline #lb-headline #side .list ul li a span.img img {
                width: 100%;
                max-width: 100%;
                height: auto; }
            #lb-container.headline #lb-headline #side .list ul li a span.bold {
              text-align: left;
              font-weight: bold;
              font-size: 12px;
              line-height: 1.4em;
              margin-bottom: 8px;
              color: #000; }
            #lb-container.headline #lb-headline #side .list ul li a span.name {
              position: absolute;
              bottom: 10px;
              right: 15px;
              font-size: 11px; }
        #lb-container.headline #lb-headline #side .list ul li:nth-child(2n) .inner {
          margin-right: 0; }
      #lb-container.headline #lb-headline #side .more {
        position: relative;
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        padding-left: 15px;
        float: right;
        margin-top: 24px; }
        #lb-container.headline #lb-headline #side .more a {
          display: block; }
          #lb-container.headline #lb-headline #side .more a::before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 11px solid #0088e7;
            transform: scale(0.6); }
          #lb-container.headline #lb-headline #side .more a:hover::before {
            border-left: 11px solid #68c0fd; }
          #lb-container.headline #lb-headline #side .more a:hover::after {
            position: absolute;
            bottom: -4px;
            right: 0;
            content: "";
            display: block;
            width: calc(100% - 15px);
            height: 1px;
            background: #000; }
    #lb-container.headline #lb-headline .headline-inner {
      margin-top: 28px; }
    #lb-container.headline #lb-headline .contents {
      width: 687px;
      float: left; }
      #lb-container.headline #lb-headline .contents .list ul li {
        margin-bottom: 8px; }
        #lb-container.headline #lb-headline .contents .list ul li:last-child {
          margin-bottom: 0; }
        #lb-container.headline #lb-headline .contents .list ul li a {
          overflow: hidden;
          display: block;
          border-radius: 8px;
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
          transition: 0.2s ease-in-out; }
          #lb-container.headline #lb-headline .contents .list ul li a:hover {
            background: #edf7ff;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
            transition: 0.15s ease-in-out; }
        #lb-container.headline #lb-headline .contents .list ul li .left {
          float: left;
          height: 96px;
          position: relative; }
          #lb-container.headline #lb-headline .contents .list ul li .left .noimage {
            position: absolute;
            display: block;
            width: 40px;
            top: 50%;
            left: 0;
            right: 0;
            margin: -19px auto auto auto; }
            #lb-container.headline #lb-headline .contents .list ul li .left .noimage img {
              width: 100%;
              max-width: 100%;
              height: auto; }
        #lb-container.headline #lb-headline .contents .list ul li .right {
          position: relative;
          width: calc(100% - 156px);
          overflow: hidden;
          float: right;
          padding: 15px 20px;
          height: 96px; }
          #lb-container.headline #lb-headline .contents .list ul li .right span {
            display: block; }
            #lb-container.headline #lb-headline .contents .list ul li .right span.time {
              color: #e77d00;
              font-size: 13px;
              font-style: italic;
              font-weight: bold;
              float: left;
              width: 62px;
              font-size: 14px; }
            #lb-container.headline #lb-headline .contents .list ul li .right span.comment {
              width: calc(100% - 62px);
              color: #333333;
              font-size: 14px;
              font-weight: bold;
              float: left;
              line-height: 1.4em; }
            #lb-container.headline #lb-headline .contents .list ul li .right span.title {
              position: absolute;
              bottom: 15px;
              right: 20px;
              color: #666666;
              font-size: 12px; }
      #lb-container.headline #lb-headline .contents .pager {
        position: relative;
        width: 280px;
        margin: 21px auto 0 auto; }
        #lb-container.headline #lb-headline .contents .pager.adult {
          width: 184px; }
        #lb-container.headline #lb-headline .contents .pager ul {
          overflow: hidden;
          float: left; }
          #lb-container.headline #lb-headline .contents .pager ul li {
            background: #f5f5f5;
            border-radius: 8px;
            width: 40px;
            height: 40px;
            line-height: 40px;
            color: #000000;
            float: left;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            margin-right: 8px; }
            #lb-container.headline #lb-headline .contents .pager ul li a {
              display: block; }
            #lb-container.headline #lb-headline .contents .pager ul li:hover {
              background: #0088e7; }
              #lb-container.headline #lb-headline .contents .pager ul li:hover a {
                color: #FFF; }
            #lb-container.headline #lb-headline .contents .pager ul li.current {
              background: #0088e7;
              color: #FFF; }
            #lb-container.headline #lb-headline .contents .pager ul li:last-child {
              margin-right: 0; }
        #lb-container.headline #lb-headline .contents .pager .prev {
          position: absolute;
          width: 40px;
          height: 40px;
          left: -60px; }
          #lb-container.headline #lb-headline .contents .pager .prev a {
            display: block;
            width: 40px;
            height: 40px;
            padding: 19px 12px 17px 12px; }
          #lb-container.headline #lb-headline .contents .pager .prev span {
            position: relative;
            display: block;
            width: 13px;
            height: 2px;
            background: #333;
            border-radius: 1px; }
            #lb-container.headline #lb-headline .contents .pager .prev span::after {
              position: absolute;
              top: -4px;
              left: 0;
              content: "";
              display: block;
              width: 8px;
              height: 8px;
              border-left: 2px solid #333333;
              border-top: 2px solid #333333;
              transform: rotate(-45deg);
              border-radius: 0.5px; }
        #lb-container.headline #lb-headline .contents .pager .next {
          position: absolute;
          width: 40px;
          height: 40px;
          right: -60px; }
          #lb-container.headline #lb-headline .contents .pager .next a {
            display: block;
            width: 40px;
            height: 40px;
            padding: 19px 12px 17px 12px; }
          #lb-container.headline #lb-headline .contents .pager .next span {
            position: relative;
            display: block;
            width: 13px;
            height: 2px;
            background: #333;
            border-radius: 1px; }
            #lb-container.headline #lb-headline .contents .pager .next span::after {
              position: absolute;
              top: -4px;
              right: 0;
              content: "";
              display: block;
              width: 8px;
              height: 8px;
              border-right: 2px solid #333333;
              border-top: 2px solid #333333;
              transform: rotate(45deg);
              border-radius: 0.5px; }
  #lb-container.news #lb-news {
    margin: 18px auto 0 auto; }
    #lb-container.news #lb-news .news-title {
      max-width: 1020px;
      margin: 0 auto; }
      #lb-container.news #lb-news .news-title .pan {
        color: #666;
        font-size: 12px;
        margin-bottom: 35px; }
        #lb-container.news #lb-news .news-title .pan span {
          color: #0088e7; }
        #lb-container.news #lb-news .news-title .pan a {
          color: #0088e7; }
          #lb-container.news #lb-news .news-title .pan a:hover {
            text-decoration: underline; }
      #lb-container.news #lb-news .news-title .title-inner {
        margin-bottom: 30px; }
        #lb-container.news #lb-news .news-title .title-inner h2 {
          font-size: 32px;
          color: #333333;
          float: left;
          font-weight: bold; }
        #lb-container.news #lb-news .news-title .title-inner p {
          float: right;
          color: #666;
          font-size: 14px;
          line-height: 35px; }
    #lb-container.news #lb-news .news-inner {
      margin: 28px auto 0 auto;
      max-width: 1020px; }
    #lb-container.news #lb-news .contents h3 {
      position: relative;
      background: #68c0fd;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      padding-bottom: 6px;
      height: 44px;
      margin-bottom: 32px;
      width: 100%; }
      #lb-container.news #lb-news .contents h3::after {
        position: absolute;
        bottom: -32px;
        left: 0;
        content: "";
        display: block;
        width: 33px;
        height: 32px;
        background: #fff;
        border-top-left-radius: 32px; }
      #lb-container.news #lb-news .contents h3::before {
        position: absolute;
        bottom: -32px;
        left: 0;
        content: "";
        display: block;
        width: 32px;
        height: 32px;
        background: #68c0fd; }
      #lb-container.news #lb-news .contents h3 .title {
        display: block;
        line-height: 43px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        padding-left: 15px;
        float: left; }
      #lb-container.news #lb-news .contents h3 .new {
        font-size: 16px;
        font-weight: bold;
        display: block;
        background: #fff;
        border-radius: 4px;
        color: #68c0fd;
        float: left;
        padding: 6px 8px 7px 8px;
        margin-top: 8px;
        margin-left: 22px; }
    #lb-container.news #lb-news .contents .list ul li {
      float: left; }
      #lb-container.news #lb-news .contents .list ul li a {
        overflow: hidden;
        display: block;
        border-radius: 8px;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
        transition: 0.2s ease-in-out; }
        #lb-container.news #lb-news .contents .list ul li a:hover {
          background: #edf7ff;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
          transition: 0.15s ease-in-out; }
      #lb-container.news #lb-news .contents .list ul li:nth-child(1), #lb-container.news #lb-news .contents .list ul li:nth-child(2), #lb-container.news #lb-news .contents .list ul li:nth-child(3) {
        width: 332px;
        float: left;
        margin-right: 11px;
        margin-bottom: 23px; }
        #lb-container.news #lb-news .contents .list ul li:nth-child(1) a, #lb-container.news #lb-news .contents .list ul li:nth-child(2) a, #lb-container.news #lb-news .contents .list ul li:nth-child(3) a {
          height: 396px;
          position: relative; }
        #lb-container.news #lb-news .contents .list ul li:nth-child(1) .right, #lb-container.news #lb-news .contents .list ul li:nth-child(2) .right, #lb-container.news #lb-news .contents .list ul li:nth-child(3) .right {
          position: relative;
          padding: 0 15px;
          height: calc(100% - 265px); }
          #lb-container.news #lb-news .contents .list ul li:nth-child(1) .right span, #lb-container.news #lb-news .contents .list ul li:nth-child(2) .right span, #lb-container.news #lb-news .contents .list ul li:nth-child(3) .right span {
            display: block; }
          #lb-container.news #lb-news .contents .list ul li:nth-child(1) .right .title, #lb-container.news #lb-news .contents .list ul li:nth-child(2) .right .title, #lb-container.news #lb-news .contents .list ul li:nth-child(3) .right .title {
            font-size: 16px;
            font-weight: bold;
            line-height: 1.5em;
            margin-top: 12px; }
          #lb-container.news #lb-news .contents .list ul li:nth-child(1) .right .name, #lb-container.news #lb-news .contents .list ul li:nth-child(2) .right .name, #lb-container.news #lb-news .contents .list ul li:nth-child(3) .right .name {
            color: #666666;
            font-size: 12px;
            position: absolute;
            right: 15px;
            bottom: 28px; }
        #lb-container.news #lb-news .contents .list ul li:nth-child(1) .comment, #lb-container.news #lb-news .contents .list ul li:nth-child(2) .comment, #lb-container.news #lb-news .contents .list ul li:nth-child(3) .comment {
          background: #f5f5f5;
          padding: 12px 0 32px 0;
          position: absolute;
          transition: 0.2s ease-in-out;
          width: 100%;
          bottom: 0; }
          #lb-container.news #lb-news .contents .list ul li:nth-child(1) .comment span, #lb-container.news #lb-news .contents .list ul li:nth-child(2) .comment span, #lb-container.news #lb-news .contents .list ul li:nth-child(3) .comment span {
            display: block; }
          #lb-container.news #lb-news .contents .list ul li:nth-child(1) .comment .text, #lb-container.news #lb-news .contents .list ul li:nth-child(2) .comment .text, #lb-container.news #lb-news .contents .list ul li:nth-child(3) .comment .text {
            font-size: 12px;
            position: relative;
            padding-left: 25px;
            margin-left: 15px;
            line-height: 1.4em; }
            #lb-container.news #lb-news .contents .list ul li:nth-child(1) .comment .text .icon, #lb-container.news #lb-news .contents .list ul li:nth-child(2) .comment .text .icon, #lb-container.news #lb-news .contents .list ul li:nth-child(3) .comment .text .icon {
              position: absolute;
              top: -2px;
              left: 0; }
          #lb-container.news #lb-news .contents .list ul li:nth-child(1) .comment .time, #lb-container.news #lb-news .contents .list ul li:nth-child(2) .comment .time, #lb-container.news #lb-news .contents .list ul li:nth-child(3) .comment .time {
            position: absolute;
            color: #666666;
            font-size: 12px;
            bottom: 12px;
            right: 15px; }
      #lb-container.news #lb-news .contents .list ul li:nth-child(3) {
        margin-right: 0; }
      #lb-container.news #lb-news .contents .list ul li:nth-child(4), #lb-container.news #lb-news .contents .list ul li:nth-child(6), #lb-container.news #lb-news .contents .list ul li:nth-child(8) {
        width: calc(50% - 4px);
        margin-right: 4px; }
      #lb-container.news #lb-news .contents .list ul li:nth-child(5), #lb-container.news #lb-news .contents .list ul li:nth-child(7), #lb-container.news #lb-news .contents .list ul li:nth-child(9) {
        width: calc(50% - 4px);
        margin-left: 4px; }
      #lb-container.news #lb-news .contents .list ul li:nth-child(4), #lb-container.news #lb-news .contents .list ul li:nth-child(6), #lb-container.news #lb-news .contents .list ul li:nth-child(8), #lb-container.news #lb-news .contents .list ul li:nth-child(5), #lb-container.news #lb-news .contents .list ul li:nth-child(7), #lb-container.news #lb-news .contents .list ul li:nth-child(9) {
        margin-bottom: 8px; }
        #lb-container.news #lb-news .contents .list ul li:nth-child(4) .left, #lb-container.news #lb-news .contents .list ul li:nth-child(6) .left, #lb-container.news #lb-news .contents .list ul li:nth-child(8) .left, #lb-container.news #lb-news .contents .list ul li:nth-child(5) .left, #lb-container.news #lb-news .contents .list ul li:nth-child(7) .left, #lb-container.news #lb-news .contents .list ul li:nth-child(9) .left {
          width: 214px;
          float: left; }
          #lb-container.news #lb-news .contents .list ul li:nth-child(4) .left img, #lb-container.news #lb-news .contents .list ul li:nth-child(6) .left img, #lb-container.news #lb-news .contents .list ul li:nth-child(8) .left img, #lb-container.news #lb-news .contents .list ul li:nth-child(5) .left img, #lb-container.news #lb-news .contents .list ul li:nth-child(7) .left img, #lb-container.news #lb-news .contents .list ul li:nth-child(9) .left img {
            vertical-align: middle; }
        #lb-container.news #lb-news .contents .list ul li:nth-child(4) .right, #lb-container.news #lb-news .contents .list ul li:nth-child(6) .right, #lb-container.news #lb-news .contents .list ul li:nth-child(8) .right, #lb-container.news #lb-news .contents .list ul li:nth-child(5) .right, #lb-container.news #lb-news .contents .list ul li:nth-child(7) .right, #lb-container.news #lb-news .contents .list ul li:nth-child(9) .right {
          width: calc(100% - 214px);
          float: right;
          padding: 15px;
          position: relative;
          height: 132px; }
          #lb-container.news #lb-news .contents .list ul li:nth-child(4) .right span, #lb-container.news #lb-news .contents .list ul li:nth-child(6) .right span, #lb-container.news #lb-news .contents .list ul li:nth-child(8) .right span, #lb-container.news #lb-news .contents .list ul li:nth-child(5) .right span, #lb-container.news #lb-news .contents .list ul li:nth-child(7) .right span, #lb-container.news #lb-news .contents .list ul li:nth-child(9) .right span {
            display: block; }
          #lb-container.news #lb-news .contents .list ul li:nth-child(4) .right .title, #lb-container.news #lb-news .contents .list ul li:nth-child(6) .right .title, #lb-container.news #lb-news .contents .list ul li:nth-child(8) .right .title, #lb-container.news #lb-news .contents .list ul li:nth-child(5) .right .title, #lb-container.news #lb-news .contents .list ul li:nth-child(7) .right .title, #lb-container.news #lb-news .contents .list ul li:nth-child(9) .right .title {
            font-size: 14px;
            font-weight: bold;
            line-height: 1.5em; }
          #lb-container.news #lb-news .contents .list ul li:nth-child(4) .right .name, #lb-container.news #lb-news .contents .list ul li:nth-child(6) .right .name, #lb-container.news #lb-news .contents .list ul li:nth-child(8) .right .name, #lb-container.news #lb-news .contents .list ul li:nth-child(5) .right .name, #lb-container.news #lb-news .contents .list ul li:nth-child(7) .right .name, #lb-container.news #lb-news .contents .list ul li:nth-child(9) .right .name {
            position: absolute;
            bottom: 15px;
            font-size: 12px;
            left: 15px; }
          #lb-container.news #lb-news .contents .list ul li:nth-child(4) .right .time, #lb-container.news #lb-news .contents .list ul li:nth-child(6) .right .time, #lb-container.news #lb-news .contents .list ul li:nth-child(8) .right .time, #lb-container.news #lb-news .contents .list ul li:nth-child(5) .right .time, #lb-container.news #lb-news .contents .list ul li:nth-child(7) .right .time, #lb-container.news #lb-news .contents .list ul li:nth-child(9) .right .time {
            position: absolute;
            bottom: 15px;
            font-size: 12px;
            right: 15px; }
    #lb-container.news #lb-news .contents .new-list ul li {
      width: 249px;
      height: 294px;
      margin-right: 8px;
      float: left;
      margin-bottom: 8px; }
      #lb-container.news #lb-news .contents .new-list ul li:nth-child(4n) {
        margin-right: 0; }
      #lb-container.news #lb-news .contents .new-list ul li a {
        position: relative;
        overflow: hidden;
        display: block;
        border-radius: 6px;
        height: 100%;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
        transition: 0.2s ease-in-out; }
        #lb-container.news #lb-news .contents .new-list ul li a:hover {
          background: #edf7ff;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
          transition: 0.15s ease-in-out; }
          #lb-container.news #lb-news .contents .new-list ul li a:hover .comment {
            background: #999;
            color: #fff;
            transition: 0.2s ease-in-out; }
            #lb-container.news #lb-news .contents .new-list ul li a:hover .comment .time {
              color: #fff; }
      #lb-container.news #lb-news .contents .new-list ul li span {
        display: block; }
      #lb-container.news #lb-news .contents .new-list ul li .title {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.5em;
        margin-top: 15px;
        padding: 0 12px; }
      #lb-container.news #lb-news .contents .new-list ul li .name {
        position: absolute;
        color: #666666;
        font-size: 12px;
        bottom: 37px;
        left: 12px; }
      #lb-container.news #lb-news .contents .new-list ul li .time {
        position: absolute;
        color: #666666;
        font-size: 12px;
        bottom: 17px;
        right: 12px; }
    #lb-container.news #lb-news .news-line {
      background: #f5f5f5;
      margin-top: 72px; }
      #lb-container.news #lb-news .news-line .news-line-inner {
        margin: 0 auto 0 auto;
        max-width: 1020px;
        padding: 56px 0; }
        #lb-container.news #lb-news .news-line .news-line-inner .recommend {
          float: left; }
          #lb-container.news #lb-news .news-line .news-line-inner .recommend h3 {
            font-size: 20px;
            font-weight: bold;
            overflow: hidden; }
            #lb-container.news #lb-news .news-line .news-line-inner .recommend h3 .icon {
              display: block;
              float: left; }
            #lb-container.news #lb-news .news-line .news-line-inner .recommend h3 .text {
              display: block;
              float: left;
              line-height: 32px;
              margin-top: 5px;
              margin-left: 23px; }
          #lb-container.news #lb-news .news-line .news-line-inner .recommend p {
            margin-top: 24px;
            line-height: 1.5em;
            font-size: 14px; }
        #lb-container.news #lb-news .news-line .news-line-inner .qr {
          float: right; }
          #lb-container.news #lb-news .news-line .news-line-inner .qr span {
            display: block;
            padding: 18px 19px;
            background: #fff;
            border-radius: 8px; }
  #lb-container.official-blogger #lb-official-blogger {
    position: relative; }
    #lb-container.official-blogger #lb-official-blogger .img-bg {
      position: absolute;
      background: #ffeecb;
      z-index: -1;
      width: 100%;
      height: 100vh; }
      #lb-container.official-blogger #lb-official-blogger .img-bg span {
        display: block;
        position: absolute;
        z-index: -1;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        #lb-container.official-blogger #lb-official-blogger .img-bg span img {
          width: 100%;
          max-width: 100%;
          height: auto; }
    #lb-container.official-blogger #lb-official-blogger .official-blogger-title {
      max-width: 1020px;
      margin: 0 auto;
      padding-top: 18px;
      height: 540px; }
      @media screen and (max-width: 1300px) {
        #lb-container.official-blogger #lb-official-blogger .official-blogger-title {
          height: 420px; } }
      #lb-container.official-blogger #lb-official-blogger .official-blogger-title .pan {
        color: #fff;
        font-size: 12px;
        margin-bottom: 35px; }
        #lb-container.official-blogger #lb-official-blogger .official-blogger-title .pan span {
          color: #fff; }
        #lb-container.official-blogger #lb-official-blogger .official-blogger-title .pan a {
          color: #fff; }
          #lb-container.official-blogger #lb-official-blogger .official-blogger-title .pan a:hover {
            text-decoration: underline; }
      #lb-container.official-blogger #lb-official-blogger .official-blogger-title .title-inner {
        margin-top: 150px; }
        @media screen and (max-width: 1300px) {
          #lb-container.official-blogger #lb-official-blogger .official-blogger-title .title-inner {
            margin-top: 90px; } }
        #lb-container.official-blogger #lb-official-blogger .official-blogger-title .title-inner p {
          text-align: center;
          color: #ffffff;
          font-size: 31px;
          font-weight: bold; }
          @media screen and (max-width: 1300px) {
            #lb-container.official-blogger #lb-official-blogger .official-blogger-title .title-inner p {
              font-size: 25px; } }
        #lb-container.official-blogger #lb-official-blogger .official-blogger-title .title-inner h2 {
          margin-top: 20px;
          font-size: 68px;
          font-weight: bold;
          color: #ffffff;
          text-align: center; }
          @media screen and (max-width: 1300px) {
            #lb-container.official-blogger #lb-official-blogger .official-blogger-title .title-inner h2 {
              font-size: 60px; } }
    #lb-container.official-blogger #lb-official-blogger .benefit {
      position: relative;
      background: #ffeecb;
      min-width: 1100px;
      margin: 0 auto; }
      #lb-container.official-blogger #lb-official-blogger .benefit .question {
        position: absolute;
        right: 34px;
        top: -142px;
        background: #fff;
        border-radius: 16px;
        width: 394px;
        height: 112px; }
        @media screen and (max-width: 1300px) {
          #lb-container.official-blogger #lb-official-blogger .benefit .question {
            width: 320px;
            height: 100px;
            top: -142px; } }
        #lb-container.official-blogger #lb-official-blogger .benefit .question h3 {
          color: #2b303e;
          font-weight: bold;
          font-size: 16px;
          margin: 19px 20px 0 20px; }
          @media screen and (max-width: 1300px) {
            #lb-container.official-blogger #lb-official-blogger .benefit .question h3 {
              font-size: 14px;
              margin: 15px 15px 0 15px; } }
          #lb-container.official-blogger #lb-official-blogger .benefit .question h3 .icon {
            display: inline-block;
            background: #68c0fd;
            width: 24px;
            height: 24px;
            line-height: 22px;
            border-radius: 12px;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            color: #fff;
            margin-right: 12px; }
            @media screen and (max-width: 1300px) {
              #lb-container.official-blogger #lb-official-blogger .benefit .question h3 .icon {
                margin-right: 5px; } }
        #lb-container.official-blogger #lb-official-blogger .benefit .question p {
          color: #666b7b;
          font-size: 14px;
          font-weight: bold;
          line-height: 1.5em;
          margin: 10px 20px 0 20px;
          font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3"; }
          @media screen and (max-width: 1300px) {
            #lb-container.official-blogger #lb-official-blogger .benefit .question p {
              font-size: 12px;
              margin: 8px 10px 0 15px; } }
      #lb-container.official-blogger #lb-official-blogger .benefit .tile {
        position: absolute;
        top: -52px;
        left: 0;
        right: 0;
        width: 395px;
        margin: 0 auto; }
        #lb-container.official-blogger #lb-official-blogger .benefit .tile .tile-inner {
          position: relative; }
          #lb-container.official-blogger #lb-official-blogger .benefit .tile .tile-inner h2 {
            position: absolute;
            top: 20px;
            left: 74px;
            font-size: 22px;
            font-weight: bold;
            color: #2b303e; }
            #lb-container.official-blogger #lb-official-blogger .benefit .tile .tile-inner h2 span {
              font-size: 26px; }
          #lb-container.official-blogger #lb-official-blogger .benefit .tile .tile-inner .dot {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            display: block;
            width: 6px;
            height: 6px;
            border-radius: 3px;
            background: #ffbb33;
            margin: 0 auto; }
            #lb-container.official-blogger #lb-official-blogger .benefit .tile .tile-inner .dot::after {
              content: "";
              position: absolute;
              right: 14px;
              width: 6px;
              height: 6px;
              border-radius: 3px;
              background: #ffbb33; }
            #lb-container.official-blogger #lb-official-blogger .benefit .tile .tile-inner .dot::before {
              content: "";
              position: absolute;
              left: 14px;
              width: 6px;
              height: 6px;
              border-radius: 3px;
              background: #ffbb33; }
      #lb-container.official-blogger #lb-official-blogger .benefit .list {
        position: relative;
        z-index: 2;
        padding: 65px 0;
        width: 1014px;
        margin: 0 auto; }
        #lb-container.official-blogger #lb-official-blogger .benefit .list .left {
          float: left; }
        #lb-container.official-blogger #lb-official-blogger .benefit .list .right {
          float: right; }
        #lb-container.official-blogger #lb-official-blogger .benefit .list ul li {
          margin-bottom: 15px;
          position: relative;
          width: 500px;
          height: 80px;
          border-radius: 40px;
          background: #fff;
          box-shadow: 0 1px 3px 0 rgba(182, 121, 0, 0.14); }
          #lb-container.official-blogger #lb-official-blogger .benefit .list ul li .number {
            position: absolute;
            top: 20px;
            left: 16px;
            display: block;
            width: 40px;
            height: 40px;
            background: #ffbb33;
            border-radius: 20px;
            color: #fff;
            font-size: 19px;
            font-weight: bold;
            text-align: center;
            font-style: italic;
            line-height: 40px; }
          #lb-container.official-blogger #lb-official-blogger .benefit .list ul li .text {
            display: block;
            font-size: 16px;
            font-weight: bold;
            line-height: 80px;
            text-align: center; }
            #lb-container.official-blogger #lb-official-blogger .benefit .list ul li .text.two {
              padding-top: 15px;
              line-height: 1.5em; }
    #lb-container.official-blogger #lb-official-blogger .official-blogger-inner {
      margin-top: 28px; }
    #lb-container.official-blogger #lb-official-blogger .h2-title {
      position: relative;
      padding-top: 80px; }
      #lb-container.official-blogger #lb-official-blogger .h2-title h2 {
        position: relative;
        font-size: 24px;
        color: #2b303e;
        font-weight: bold;
        text-align: center;
        margin-bottom: 45px; }
        #lb-container.official-blogger #lb-official-blogger .h2-title h2 span {
          position: absolute;
          display: inline-block;
          top: -8px; }
      #lb-container.official-blogger #lb-official-blogger .h2-title .dot {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -16px;
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 3px;
        background: #0088e7;
        margin: 0 auto; }
        #lb-container.official-blogger #lb-official-blogger .h2-title .dot::after {
          content: "";
          position: absolute;
          right: 14px;
          width: 6px;
          height: 6px;
          border-radius: 3px;
          background: #0088e7; }
        #lb-container.official-blogger #lb-official-blogger .h2-title .dot::before {
          content: "";
          position: absolute;
          left: 14px;
          width: 6px;
          height: 6px;
          border-radius: 3px;
          background: #0088e7; }
      #lb-container.official-blogger #lb-official-blogger .h2-title.orange {
        padding-top: 40px; }
        #lb-container.official-blogger #lb-official-blogger .h2-title.orange .dot {
          background: #ffbb33; }
          #lb-container.official-blogger #lb-official-blogger .h2-title.orange .dot::before, #lb-container.official-blogger #lb-official-blogger .h2-title.orange .dot::after {
            background: #ffbb33; }
      #lb-container.official-blogger #lb-official-blogger .h2-title.notes {
        color: #2b303e; }
    #lb-container.official-blogger #lb-official-blogger .voice {
      background: #fff; }
      #lb-container.official-blogger #lb-official-blogger .voice .voice-title {
        position: relative;
        padding-top: 80px; }
        #lb-container.official-blogger #lb-official-blogger .voice .voice-title h2 {
          position: relative;
          font-size: 24px;
          color: #2b303e;
          font-weight: bold;
          text-align: center;
          margin-bottom: 45px; }
          #lb-container.official-blogger #lb-official-blogger .voice .voice-title h2 span {
            position: absolute;
            display: inline-block;
            top: -8px; }
        #lb-container.official-blogger #lb-official-blogger .voice .voice-title .dot {
          position: absolute;
          left: 0;
          right: 0;
          bottom: -16px;
          display: block;
          width: 6px;
          height: 6px;
          border-radius: 3px;
          background: #0088e7;
          margin: 0 auto; }
          #lb-container.official-blogger #lb-official-blogger .voice .voice-title .dot::after {
            content: "";
            position: absolute;
            right: 14px;
            width: 6px;
            height: 6px;
            border-radius: 3px;
            background: #0088e7; }
          #lb-container.official-blogger #lb-official-blogger .voice .voice-title .dot::before {
            content: "";
            position: absolute;
            left: 14px;
            width: 6px;
            height: 6px;
            border-radius: 3px;
            background: #0088e7; }
      #lb-container.official-blogger #lb-official-blogger .voice .voice-list {
        max-width: 1020px;
        margin: 0 auto;
        padding: 100px 0 80px 0; }
        #lb-container.official-blogger #lb-official-blogger .voice .voice-list ul li {
          width: 486px;
          position: relative;
          float: left; }
          #lb-container.official-blogger #lb-official-blogger .voice .voice-list ul li:nth-child(2n) {
            float: right; }
        #lb-container.official-blogger #lb-official-blogger .voice .voice-list .profile {
          overflow: hidden; }
          #lb-container.official-blogger #lb-official-blogger .voice .voice-list .profile .img {
            width: 128px;
            float: left; }
          #lb-container.official-blogger #lb-official-blogger .voice .voice-list .profile .text {
            width: calc(100% - 128px);
            float: right; }
            #lb-container.official-blogger #lb-official-blogger .voice .voice-list .profile .text .title {
              display: block;
              color: #8b92a1;
              font-weight: bold;
              font-size: 14px;
              margin-top: 25px; }
            #lb-container.official-blogger #lb-official-blogger .voice .voice-list .profile .text .name {
              display: block;
              font-weight: bold;
              color: #2b303e;
              font-size: 24px;
              margin-top: 18px; }
        #lb-container.official-blogger #lb-official-blogger .voice .voice-list .speech .bg {
          width: 498px;
          display: block;
          overflow: hidden;
          height: 59px; }
          #lb-container.official-blogger #lb-official-blogger .voice .voice-list .speech .bg img {
            width: 100%;
            max-width: 100%;
            height: auto; }
        #lb-container.official-blogger #lb-official-blogger .voice .voice-list .speech .speech-inner {
          width: calc(498px - 12px);
          box-shadow: 0 1px 7px 0 rgba(57, 158, 229, 0.14);
          padding: 6px 34px 34px 34px;
          margin: 0 6px;
          border-bottom-left-radius: 12px;
          border-bottom-right-radius: 12px; }
          #lb-container.official-blogger #lb-official-blogger .voice .voice-list .speech .speech-inner p {
            color: #4b4f59;
            font-size: 14px;
            line-height: 1.5em; }
            #lb-container.official-blogger #lb-official-blogger .voice .voice-list .speech .speech-inner p span {
              color: #ffcd69; }
    #lb-container.official-blogger #lb-official-blogger .activity {
      background: #f4fbff; }
      #lb-container.official-blogger #lb-official-blogger .activity .activity-title {
        position: relative;
        padding-top: 80px; }
        #lb-container.official-blogger #lb-official-blogger .activity .activity-title h2 {
          position: relative;
          font-size: 24px;
          color: #2b303e;
          font-weight: bold;
          text-align: center; }
          #lb-container.official-blogger #lb-official-blogger .activity .activity-title h2 span {
            position: absolute;
            display: inline-block;
            top: -8px; }
        #lb-container.official-blogger #lb-official-blogger .activity .activity-title .dot {
          position: absolute;
          left: 0;
          right: 0;
          bottom: -16px;
          display: block;
          width: 6px;
          height: 6px;
          border-radius: 3px;
          background: #0088e7;
          margin: 0 auto; }
          #lb-container.official-blogger #lb-official-blogger .activity .activity-title .dot::after {
            content: "";
            position: absolute;
            right: 14px;
            width: 6px;
            height: 6px;
            border-radius: 3px;
            background: #0088e7; }
          #lb-container.official-blogger #lb-official-blogger .activity .activity-title .dot::before {
            content: "";
            position: absolute;
            left: 14px;
            width: 6px;
            height: 6px;
            border-radius: 3px;
            background: #0088e7; }
      #lb-container.official-blogger #lb-official-blogger .activity p {
        text-align: center;
        margin-top: 45px;
        color: #4b4f59;
        font-size: 14px;
        padding-bottom: 60px; }
      #lb-container.official-blogger #lb-official-blogger .activity .activity-list {
        max-width: 1020px;
        margin: 0 auto; }
        #lb-container.official-blogger #lb-official-blogger .activity .activity-list ul {
          padding-bottom: 65px; }
          #lb-container.official-blogger #lb-official-blogger .activity .activity-list ul li {
            width: 324px;
            position: relative;
            height: 310px;
            background: #edf0f2;
            float: left;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 4px 0 rgba(2, 77, 121, 0.15);
            margin-bottom: 26px;
            margin-right: 22px; }
            #lb-container.official-blogger #lb-official-blogger .activity .activity-list ul li:hover {
              box-shadow: 0 2px 8px 0 rgba(2, 77, 121, 0.19); }
            #lb-container.official-blogger #lb-official-blogger .activity .activity-list ul li a {
              display: block;
              height: 100%; }
            #lb-container.official-blogger #lb-official-blogger .activity .activity-list ul li:nth-child(3n) {
              margin-right: 0; }
            #lb-container.official-blogger #lb-official-blogger .activity .activity-list ul li span {
              display: block; }
            #lb-container.official-blogger #lb-official-blogger .activity .activity-list ul li .img {
              height: 202px; }
            #lb-container.official-blogger #lb-official-blogger .activity .activity-list ul li .title {
              font-size: 16px;
              font-weight: bold;
              margin: 13px 18px 0 15px;
              line-height: 1.4em; }
            #lb-container.official-blogger #lb-official-blogger .activity .activity-list ul li .name {
              position: absolute;
              right: 18px;
              bottom: 18px; }
    #lb-container.official-blogger #lb-official-blogger .flow .flow-title {
      position: relative;
      padding-top: 80px; }
      #lb-container.official-blogger #lb-official-blogger .flow .flow-title h2 {
        position: relative;
        font-size: 24px;
        color: #2b303e;
        font-weight: bold;
        text-align: center; }
        #lb-container.official-blogger #lb-official-blogger .flow .flow-title h2 span {
          position: absolute;
          display: inline-block;
          top: -8px; }
      #lb-container.official-blogger #lb-official-blogger .flow .flow-title .dot {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -16px;
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 3px;
        background: #0088e7;
        margin: 0 auto; }
        #lb-container.official-blogger #lb-official-blogger .flow .flow-title .dot::after {
          content: "";
          position: absolute;
          right: 14px;
          width: 6px;
          height: 6px;
          border-radius: 3px;
          background: #0088e7; }
        #lb-container.official-blogger #lb-official-blogger .flow .flow-title .dot::before {
          content: "";
          position: absolute;
          left: 14px;
          width: 6px;
          height: 6px;
          border-radius: 3px;
          background: #0088e7; }
    #lb-container.official-blogger #lb-official-blogger .flow .flow-list {
      max-width: 1020px;
      margin: 0 auto;
      padding-top: 85px; }
      #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul {
        overflow: hidden;
        margin-bottom: 80px; }
        #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li {
          position: relative;
          float: left;
          width: 172px;
          height: 172px;
          border-radius: 86px;
          margin-right: 40px; }
          #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li::after {
            content: "";
            position: absolute;
            right: -27px;
            top: 87px;
            width: 12px;
            height: 2px;
            background: #cfdde7;
            border-radius: 1px;
            transform: rotate(-45deg); }
          #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li::before {
            content: "";
            position: absolute;
            right: -27px;
            top: 79px;
            width: 12px;
            height: 2px;
            background: #cfdde7;
            border-radius: 1px;
            transform: rotate(45deg); }
          #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:last-child {
            margin-right: 0; }
            #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:last-child::after, #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:last-child::before {
              display: none; }
          #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li span {
            display: block;
            text-align: center; }
          #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li .number {
            font-style: italic;
            font-weight: bold;
            font-size: 32px;
            color: #0088e7;
            margin-top: 24px; }
          #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li .text {
            font-size: 15px;
            font-weight: bold;
            color: #2b303e;
            line-height: 1.5em;
            margin-top: 12px; }
          #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li .logo {
            position: absolute;
            width: 54px;
            top: 50%;
            bottom: 50%;
            right: 13px;
            margin: 22px auto auto auto;
            transform: rotate(15deg); }
            #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li .logo img {
              width: 100%;
              max-width: 100%;
              height: auto; }
          #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:nth-child(1) {
            border: 2px solid #d1eaff; }
            #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:nth-child(1)::after, #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:nth-child(1)::before {
              background: #cfdde7; }
          #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:nth-child(2) {
            border: 2px solid #b1dbff; }
            #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:nth-child(2)::after, #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:nth-child(2)::before {
              background: #b9d7eb; }
          #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:nth-child(3) {
            border: 2px solid #89c9ff; }
            #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:nth-child(3)::after, #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:nth-child(3)::before {
              background: #98c7e8; }
          #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:nth-child(4) {
            border: 2px solid #56b1ff; }
            #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:nth-child(4)::after, #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:nth-child(4)::before {
              background: #57ace7; }
          #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:nth-child(5) {
            background: #099aff; }
            #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:nth-child(5) .number {
              color: #fff; }
            #lb-container.official-blogger #lb-official-blogger .flow .flow-list ul li:nth-child(5) .text {
              color: #fff; }
    #lb-container.official-blogger #lb-official-blogger .request .request-inner {
      max-width: 1020px;
      margin: 0 auto;
      background: #fff8e9;
      border-radius: 24px;
      padding-bottom: 50px; }
      #lb-container.official-blogger #lb-official-blogger .request .request-inner .request-list {
        margin: 0 35px;
        padding-top: 15px; }
        #lb-container.official-blogger #lb-official-blogger .request .request-inner .request-list ul {
          overflow: hidden; }
          #lb-container.official-blogger #lb-official-blogger .request .request-inner .request-list ul li {
            position: relative;
            margin-left: 25px;
            float: left;
            width: calc(50% - 25px);
            color: #2b303e;
            margin-bottom: 30px;
            line-height: 1.5em; }
            #lb-container.official-blogger #lb-official-blogger .request .request-inner .request-list ul li:last-child {
              width: calc(100% - 25px); }
            #lb-container.official-blogger #lb-official-blogger .request .request-inner .request-list ul li::after {
              content: "";
              position: absolute;
              left: -22px;
              top: 11px;
              width: 12px;
              height: 2px;
              background: #ffbb33;
              border-radius: 2px;
              transform: rotate(-45deg); }
            #lb-container.official-blogger #lb-official-blogger .request .request-inner .request-list ul li::before {
              content: "";
              position: absolute;
              left: -25px;
              top: 12px;
              width: 6px;
              height: 2px;
              background: #ffbb33;
              border-radius: 2px;
              transform: rotate(45deg); }
    #lb-container.official-blogger #lb-official-blogger .notes .notes-inner {
      max-width: 1020px;
      margin: 30px auto 0 auto;
      background: #f9f9f9;
      border-radius: 24px;
      padding-bottom: 50px; }
      #lb-container.official-blogger #lb-official-blogger .notes .notes-inner .notes-list {
        margin: 0 35px;
        padding-top: 15px; }
        #lb-container.official-blogger #lb-official-blogger .notes .notes-inner .notes-list ul {
          overflow: hidden; }
          #lb-container.official-blogger #lb-official-blogger .notes .notes-inner .notes-list ul li {
            font-size: 14px;
            color: #565c6c;
            position: relative;
            margin-left: 25px;
            margin-bottom: 8px;
            line-height: 1.5em; }
            #lb-container.official-blogger #lb-official-blogger .notes .notes-inner .notes-list ul li:nth-child(1), #lb-container.official-blogger #lb-official-blogger .notes .notes-inner .notes-list ul li:nth-child(2), #lb-container.official-blogger #lb-official-blogger .notes .notes-inner .notes-list ul li:nth-child(3) {
              font-size: 16px;
              color: #2b303e;
              margin-bottom: 15px; }
              #lb-container.official-blogger #lb-official-blogger .notes .notes-inner .notes-list ul li:nth-child(1)::after, #lb-container.official-blogger #lb-official-blogger .notes .notes-inner .notes-list ul li:nth-child(2)::after, #lb-container.official-blogger #lb-official-blogger .notes .notes-inner .notes-list ul li:nth-child(3)::after {
                content: "";
                position: absolute;
                left: -15px;
                top: 11px;
                width: 4px;
                height: 4px;
                border-radius: 2px;
                background: #2b303e; }
    #lb-container.official-blogger #lb-official-blogger .more {
      width: 436px;
      height: 80px;
      margin: 66px auto 34px auto;
      padding: 0 15px; }
      #lb-container.official-blogger #lb-official-blogger .more a {
        position: relative;
        display: block;
        border-radius: 40px;
        width: 100%;
        height: 100%;
        background: #ffb726;
        line-height: 80px;
        font-size: 20px;
        text-align: center;
        color: #FFF;
        font-weight: bold;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
        #lb-container.official-blogger #lb-official-blogger .more a:hover {
          background: #ffaa00; }
        #lb-container.official-blogger #lb-official-blogger .more a::after {
          content: "";
          position: absolute;
          right: 39px;
          top: 41px;
          width: 14px;
          height: 3px;
          background: #fff;
          border-radius: 1.5px;
          transform: rotate(-45deg); }
        #lb-container.official-blogger #lb-official-blogger .more a::before {
          content: "";
          position: absolute;
          right: 39px;
          top: 33px;
          width: 14px;
          height: 3px;
          background: #fff;
          border-radius: 1.5px;
          transform: rotate(45deg); }
  #lb-container.guide #lb-guide .guide-title {
    max-width: 1020px;
    margin: 18px auto 190px auto;
    position: relative; }
    #lb-container.guide #lb-guide .guide-title .pan {
      color: #666;
      font-size: 12px;
      margin-bottom: 35px; }
      #lb-container.guide #lb-guide .guide-title .pan span {
        color: #0088e7; }
      #lb-container.guide #lb-guide .guide-title .pan a {
        color: #0088e7; }
        #lb-container.guide #lb-guide .guide-title .pan a:hover {
          text-decoration: underline; }
    #lb-container.guide #lb-guide .guide-title .logo {
      display: block;
      width: 266px;
      margin: 75px auto 0 auto; }
    #lb-container.guide #lb-guide .guide-title .title-inner {
      margin: 30px 0;
      position: relative; }
      #lb-container.guide #lb-guide .guide-title .title-inner h2 {
        font-size: 24px;
        color: #333333;
        text-align: center;
        line-height: 1.5em;
        font-weight: bold; }
      #lb-container.guide #lb-guide .guide-title .title-inner .bg {
        display: block;
        position: absolute;
        width: 439px;
        height: 96px;
        margin: -48px auto auto auto;
        left: 0;
        right: 0;
        top: 50%;
        bottom: 50%;
        z-index: -1; }
    #lb-container.guide #lb-guide .guide-title .more {
      width: 320px;
      height: 48px;
      margin: 30px auto 0 auto;
      padding: 0 15px; }
      #lb-container.guide #lb-guide .guide-title .more a {
        display: block;
        border-radius: 24px;
        width: 100%;
        height: 100%;
        background: #0088e7;
        line-height: 46px;
        font-size: 16px;
        text-align: center;
        color: #FFF;
        font-weight: bold;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
        #lb-container.guide #lb-guide .guide-title .more a:hover {
          background: #006ab4; }
    #lb-container.guide #lb-guide .guide-title .bg_1 {
      display: block;
      position: absolute;
      top: 108px;
      left: 32px;
      z-index: -1; }
    #lb-container.guide #lb-guide .guide-title .bg_2 {
      display: block;
      position: absolute;
      top: -35px;
      right: 174px;
      z-index: -1; }
    #lb-container.guide #lb-guide .guide-title .bg_3 {
      display: block;
      position: absolute;
      top: 322px;
      left: -130px;
      z-index: -1; }
    #lb-container.guide #lb-guide .guide-title .bg_4 {
      display: block;
      position: absolute;
      top: 370px;
      right: -35px;
      z-index: -1; }
  #lb-container.guide #lb-guide .contents {
    max-width: 1020px;
    margin: 18px auto 190px auto; }
    #lb-container.guide #lb-guide .contents .box {
      margin-bottom: 162px; }
      #lb-container.guide #lb-guide .contents .box span {
        display: block; }
      #lb-container.guide #lb-guide .contents .box .title {
        color: #0088e7;
        font-size: 28px;
        font-weight: bold;
        line-height: 1.5em;
        margin-bottom: 38px; }
      #lb-container.guide #lb-guide .contents .box .name {
        font-size: 14px;
        line-height: 1.5em;
        margin-bottom: 20px; }
      #lb-container.guide #lb-guide .contents .box .left {
        position: relative;
        width: 470px;
        float: left; }
        #lb-container.guide #lb-guide .contents .box .left .img_3 {
          position: relative;
          width: 208px;
          margin: 0 auto; }
          #lb-container.guide #lb-guide .contents .box .left .img_3 span {
            display: block; }
            #lb-container.guide #lb-guide .contents .box .left .img_3 span:nth-child(2) {
              position: absolute;
              top: -5px;
              right: -49px; }
        #lb-container.guide #lb-guide .contents .box .left .img_5 {
          display: block;
          position: absolute;
          top: 31px;
          left: 100px; }
        #lb-container.guide #lb-guide .contents .box .left .bg_5 {
          display: block;
          position: absolute;
          top: 368px;
          left: -45px;
          z-index: -1; }
        #lb-container.guide #lb-guide .contents .box .left .list_2 {
          overflow: hidden;
          margin-top: 30px; }
          #lb-container.guide #lb-guide .contents .box .left .list_2 li {
            float: left;
            overflow: hidden;
            margin-right: 4px;
            width: 154px;
            height: 154px;
            border-radius: 77px; }
            #lb-container.guide #lb-guide .contents .box .left .list_2 li:last-child {
              margin-right: 0; }
      #lb-container.guide #lb-guide .contents .box .right {
        width: 470px;
        float: right; }
        #lb-container.guide #lb-guide .contents .box .right .inner {
          position: relative;
          width: 100%;
          height: 195px; }
          #lb-container.guide #lb-guide .contents .box .right .inner .img_1 {
            display: block;
            position: absolute;
            top: 0;
            left: 115px; }
          #lb-container.guide #lb-guide .contents .box .right .inner .img_2 {
            display: block;
            position: absolute;
            top: 60px;
            right: 115px; }
        #lb-container.guide #lb-guide .contents .box .right .list_1 {
          overflow: hidden; }
          #lb-container.guide #lb-guide .contents .box .right .list_1 li {
            float: left;
            background: #68c0fd;
            width: 155px;
            border-radius: 36px;
            height: 72px;
            line-height: 70px;
            text-align: center;
            font-size: 20px;
            color: #fff;
            margin-right: 2px; }
            #lb-container.guide #lb-guide .contents .box .right .list_1 li:last-child {
              margin-right: 0; }
        #lb-container.guide #lb-guide .contents .box .right .qr {
          background: #f5f5f5;
          overflow: hidden;
          padding: 16px;
          border-radius: 12px; }
          #lb-container.guide #lb-guide .contents .box .right .qr .img {
            display: block;
            float: left;
            margin-right: 33px; }
          #lb-container.guide #lb-guide .contents .box .right .qr .qr-inner {
            float: left; }
            #lb-container.guide #lb-guide .contents .box .right .qr .qr-inner span {
              display: block;
              font-weight: bold; }
              #lb-container.guide #lb-guide .contents .box .right .qr .qr-inner span:nth-child(1) {
                font-size: 16px;
                color: #000000;
                margin: 18px 0 12px 0; }
              #lb-container.guide #lb-guide .contents .box .right .qr .qr-inner span:nth-child(2) {
                font-size: 16px; }
                #lb-container.guide #lb-guide .contents .box .right .qr .qr-inner span:nth-child(2) a {
                  color: #00b900; }
                  #lb-container.guide #lb-guide .contents .box .right .qr .qr-inner span:nth-child(2) a:hover {
                    color: #00ff00; }
        #lb-container.guide #lb-guide .contents .box .right .img_4 {
          display: block;
          margin-left: 40px; }
        #lb-container.guide #lb-guide .contents .box .right .download .img_6 {
          display: block;
          margin-left: 20px;
          float: left; }
        #lb-container.guide #lb-guide .contents .box .right .download .download-inner {
          float: left;
          margin-left: 33px;
          margin-top: 175px; }
          #lb-container.guide #lb-guide .contents .box .right .download .download-inner span {
            display: block; }
            #lb-container.guide #lb-guide .contents .box .right .download .download-inner span:nth-child(1) {
              margin-bottom: 25px; }
            #lb-container.guide #lb-guide .contents .box .right .download .download-inner span:nth-child(2) {
              margin-bottom: 5px; }
        #lb-container.guide #lb-guide .contents .box .right .arrow {
          display: block;
          position: relative;
          font-size: 14px;
          font-weight: bold;
          color: #000000;
          padding-left: 15px;
          margin-top: 24px; }
          #lb-container.guide #lb-guide .contents .box .right .arrow a {
            display: block; }
            #lb-container.guide #lb-guide .contents .box .right .arrow a::before {
              content: "";
              display: block;
              position: absolute;
              left: 0;
              border-top: 8px solid transparent;
              border-bottom: 8px solid transparent;
              border-left: 11px solid #0088e7;
              transform: scale(0.6); }
            #lb-container.guide #lb-guide .contents .box .right .arrow a:hover {
              text-decoration: underline; }
              #lb-container.guide #lb-guide .contents .box .right .arrow a:hover::before {
                border-left: 11px solid #68c0fd; }
    #lb-container.guide #lb-guide .contents .support {
      position: relative;
      background: #f5f5f5;
      border-radius: 24px;
      padding: 80px 0; }
      #lb-container.guide #lb-guide .contents .support h3 {
        font-size: 24px;
        color: #0088e7;
        font-weight: bold;
        text-align: center;
        margin-bottom: 40px; }
      #lb-container.guide #lb-guide .contents .support p {
        position: relative;
        text-align: center;
        font-size: 14px;
        line-height: 1.5em; }
        #lb-container.guide #lb-guide .contents .support p span {
          display: block;
          position: absolute;
          left: 98px;
          top: -35px; }
      #lb-container.guide #lb-guide .contents .support .img {
        display: block;
        position: absolute;
        top: -47px;
        right: 56px; }
    #lb-container.guide #lb-guide .contents .more {
      height: 48px; }
      #lb-container.guide #lb-guide .contents .more.gray {
        width: 320px;
        margin-top: 30px; }
        #lb-container.guide #lb-guide .contents .more.gray a {
          background: #f5f5f5;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); }
          #lb-container.guide #lb-guide .contents .more.gray a:hover {
            background: #0088e7;
            color: #fff; }
      #lb-container.guide #lb-guide .contents .more.white {
        width: 360px;
        margin: 40px auto 0 auto; }
        #lb-container.guide #lb-guide .contents .more.white a {
          background: #fff;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
          #lb-container.guide #lb-guide .contents .more.white a:hover {
            background: #0088e7;
            color: #fff; }
      #lb-container.guide #lb-guide .contents .more a {
        position: relative;
        display: block;
        border-radius: 40px;
        width: 100%;
        height: 100%;
        line-height: 46px;
        font-size: 16px;
        text-align: center;
        color: #0088e7;
        font-weight: bold; }
  #lb-container.guide #lb-guide .guide-list {
    max-width: 1020px;
    margin: 0 auto; }
    #lb-container.guide #lb-guide .guide-list .guide-list-inner {
      margin-top: 80px; }
      #lb-container.guide #lb-guide .guide-list .guide-list-inner .left {
        float: left; }
      #lb-container.guide #lb-guide .guide-list .guide-list-inner .right {
        float: right; }
      #lb-container.guide #lb-guide .guide-list .guide-list-inner h3 {
        color: #333333;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 34px; }
      #lb-container.guide #lb-guide .guide-list .guide-list-inner ul li {
        position: relative;
        width: 486px;
        height: 102px;
        margin-bottom: 8px; }
        #lb-container.guide #lb-guide .guide-list .guide-list-inner ul li::before {
          content: "";
          display: block;
          position: absolute;
          right: 23px;
          top: 45px;
          border-top: 8px solid transparent;
          border-bottom: 8px solid transparent;
          border-left: 11px solid #0088e7;
          transform: scale(0.7); }
        #lb-container.guide #lb-guide .guide-list .guide-list-inner ul li a {
          display: block;
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
          padding: 18px 16px;
          border-radius: 8px;
          height: 100%;
          transition: 0.15s ease-in-out; }
          #lb-container.guide #lb-guide .guide-list .guide-list-inner ul li a:hover {
            background: #edf7ff;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
            transition: 0.15s ease-in-out; }
          #lb-container.guide #lb-guide .guide-list .guide-list-inner ul li a span {
            display: block; }
            #lb-container.guide #lb-guide .guide-list .guide-list-inner ul li a span.title {
              color: #0088e7;
              font-size: 16px;
              font-weight: bold;
              margin: 0 0 14px 0; }
              #lb-container.guide #lb-guide .guide-list .guide-list-inner ul li a span.title.one {
                line-height: 1.6em;
                margin: 8px 0 14px 0; }
            #lb-container.guide #lb-guide .guide-list .guide-list-inner ul li a span.name {
              color: #666666;
              font-size: 14px;
              line-height: 1.5em;
              padding-right: 10px; }
  #lb-container.guide #lb-guide .guide-banner {
    position: relative;
    height: 440px;
    overflow: hidden;
    margin-top: 160px; }
    #lb-container.guide #lb-guide .guide-banner h2 {
      font-size: 28px;
      text-align: center;
      position: absolute;
      top: 160px;
      width: 580px;
      margin: 0 auto;
      left: 0;
      right: 0; }
    #lb-container.guide #lb-guide .guide-banner .img-bg {
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 440px; }
      #lb-container.guide #lb-guide .guide-banner .img-bg span {
        display: block;
        position: absolute;
        z-index: -1;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        #lb-container.guide #lb-guide .guide-banner .img-bg span img {
          width: 100%;
          max-width: 100%;
          height: auto; }
    #lb-container.guide #lb-guide .guide-banner .more {
      position: absolute;
      width: 320px;
      height: 48px;
      margin: 0 auto;
      top: 233px;
      left: 0;
      right: 0; }
      #lb-container.guide #lb-guide .guide-banner .more a {
        display: block;
        border-radius: 24px;
        width: 100%;
        height: 100%;
        background: #0088e7;
        line-height: 46px;
        font-size: 16px;
        text-align: center;
        color: #FFF;
        font-weight: bold;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
        #lb-container.guide #lb-guide .guide-banner .more a:hover {
          background: #006ab4; }
  #lb-container.guide #lb-guide-move {
    margin: 0 auto;
    padding: 18px 0 0; }
    #lb-container.guide #lb-guide-move .breadcrumbs-list {
      max-width: 1020px;
      margin: 0 auto; }
      #lb-container.guide #lb-guide-move .breadcrumbs-list .pan {
        color: #666;
        font-size: 12px;
        margin-bottom: 35px; }
        #lb-container.guide #lb-guide-move .breadcrumbs-list .pan span {
          color: #0088e7; }
        #lb-container.guide #lb-guide-move .breadcrumbs-list .pan a {
          color: #0088e7; }
          #lb-container.guide #lb-guide-move .breadcrumbs-list .pan a:hover {
            text-decoration: underline; }
      #lb-container.guide #lb-guide-move .breadcrumbs-list .title-inner {
        margin-bottom: 30px; }
        #lb-container.guide #lb-guide-move .breadcrumbs-list .title-inner h2 {
          font-size: 32px;
          color: #333333;
          float: left;
          font-weight: bold; }
        #lb-container.guide #lb-guide-move .breadcrumbs-list .title-inner p {
          float: right;
          color: #666;
          font-size: 14px;
          line-height: 35px; }
    #lb-container.guide #lb-guide-move .breadcrumbs-list .pan {
      margin-bottom: 70px; }
    #lb-container.guide #lb-guide-move .breadcrumbs-list .title-inner {
      position: relative;
      margin-bottom: 110px;
      height: 360px; }
      #lb-container.guide #lb-guide-move .breadcrumbs-list .title-inner h2 {
        font-size: 24px;
        color: #0088e7;
        float: none;
        font-weight: bold;
        margin-bottom: 20px;
        letter-spacing: 0.18em; }
      #lb-container.guide #lb-guide-move .breadcrumbs-list .title-inner .title {
        float: none;
        color: #000;
        font-size: 52px;
        line-height: 76px;
        margin-bottom: 15px;
        letter-spacing: 0.18em; }
        #lb-container.guide #lb-guide-move .breadcrumbs-list .title-inner .title span {
          display: inline-block;
          margin-left: 15px; }
        #lb-container.guide #lb-guide-move .breadcrumbs-list .title-inner .title::before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 256px;
          width: calc(100% + 256px);
          height: 100%;
          background: #f5f5f5;
          z-index: -1; }
      #lb-container.guide #lb-guide-move .breadcrumbs-list .title-inner .text {
        float: none;
        line-height: 1.6em;
        color: #666666;
        letter-spacing: 0.32em; }
      #lb-container.guide #lb-guide-move .breadcrumbs-list .title-inner .bg {
        position: absolute;
        display: block;
        right: 0;
        bottom: 0; }
    #lb-container.guide #lb-guide-move .contents .point {
      width: 100%;
      padding-bottom: 150px;
      position: relative; }
      #lb-container.guide #lb-guide-move .contents .point h3 {
        color: #0088e7;
        font-size: 28px;
        font-weight: bold;
        text-align: center;
        width: 1020px;
        margin: 0 auto; }
      #lb-container.guide #lb-guide-move .contents .point .inner {
        width: 1020px;
        margin: 45px auto 20px auto; }
        #lb-container.guide #lb-guide-move .contents .point .inner .list {
          float: left;
          width: 312px;
          height: 294px;
          overflow: hidden;
          border-radius: 12px;
          background: #fff5e1; }
          #lb-container.guide #lb-guide-move .contents .point .inner .list .title {
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            height: 84px;
            line-height: 85px;
            background: #fedb94; }
          #lb-container.guide #lb-guide-move .contents .point .inner .list .text {
            font-size: 16px;
            line-height: 1.5em;
            padding: 30px 22px; }
          #lb-container.guide #lb-guide-move .contents .point .inner .list:first-child {
            margin-right: 42px; }
          #lb-container.guide #lb-guide-move .contents .point .inner .list:last-child {
            float: right; }
      #lb-container.guide #lb-guide-move .contents .point .note {
        width: 1020px;
        margin: 0 auto;
        font-size: 12px;
        color: #666666;
        text-align: right; }
        #lb-container.guide #lb-guide-move .contents .point .note a {
          color: #0088e7; }
          #lb-container.guide #lb-guide-move .contents .point .note a:hover {
            text-decoration: underline; }
    #lb-container.guide #lb-guide-move .contents .service {
      width: 100%;
      background: #f5f5f5;
      padding: 100px 0 95px 0; }
      #lb-container.guide #lb-guide-move .contents .service .inner {
        width: 1020px;
        margin: 0 auto; }
      #lb-container.guide #lb-guide-move .contents .service .inner {
        position: relative; }
        #lb-container.guide #lb-guide-move .contents .service .inner h3 {
          font-size: 28px;
          text-align: center;
          font-weight: bold; }
        #lb-container.guide #lb-guide-move .contents .service .inner .time {
          position: absolute;
          right: 0;
          bottom: 0;
          font-size: 14px; }
      #lb-container.guide #lb-guide-move .contents .service .inner {
        margin-top: 15px; }
        #lb-container.guide #lb-guide-move .contents .service .inner img {
          transform: translateY(5px); }
        #lb-container.guide #lb-guide-move .contents .service .inner .mark {
          font-size: 14px; }
          #lb-container.guide #lb-guide-move .contents .service .inner .mark .text {
            margin-right: 15px;
            margin-left: 5px; }
            #lb-container.guide #lb-guide-move .contents .service .inner .mark .text:last-child {
              margin-right: 0; }
          #lb-container.guide #lb-guide-move .contents .service .inner .mark .round {
            display: inline-block;
            width: 24px;
            height: 24px;
            border-radius: 12px;
            border: #0087e7 2px solid;
            transform: translateY(5px); }
          #lb-container.guide #lb-guide-move .contents .service .inner .mark .triangle {
            width: 24px;
            height: 22px;
            display: inline-block;
            position: relative;
            transform: translateY(4px); }
            #lb-container.guide #lb-guide-move .contents .service .inner .mark .triangle:before {
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              content: "";
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 12px 22px 12px;
              border-color: transparent transparent #0087e7 transparent; }
            #lb-container.guide #lb-guide-move .contents .service .inner .mark .triangle:after {
              display: block;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              padding-top: 2px;
              content: "";
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 9px 17px 9px;
              border-color: transparent transparent #f5f5f5 transparent; }
          #lb-container.guide #lb-guide-move .contents .service .inner .mark .cross {
            display: inline-block;
            width: 21px;
            height: 21px;
            position: relative;
            transform: translateY(5px); }
            #lb-container.guide #lb-guide-move .contents .service .inner .mark .cross:before, #lb-container.guide #lb-guide-move .contents .service .inner .mark .cross:after {
              display: block;
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              width: 28px;
              height: 2px;
              margin: -5% 0 0 -64%;
              background: #0087e7; }
            #lb-container.guide #lb-guide-move .contents .service .inner .mark .cross:before {
              transform: rotate(-45deg); }
            #lb-container.guide #lb-guide-move .contents .service .inner .mark .cross:after {
              transform: rotate(45deg); }
        #lb-container.guide #lb-guide-move .contents .service .inner .note {
          font-size: 12px;
          color: #666666;
          margin-top: 15px;
          margin-bottom: 35px; }
      #lb-container.guide #lb-guide-move .contents .service .inner .box {
        width: 332px;
        float: left;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
        margin-right: 12px;
        margin-bottom: 12px; }
        #lb-container.guide #lb-guide-move .contents .service .inner .box:nth-child(3n) {
          margin-right: 0; }
        #lb-container.guide #lb-guide-move .contents .service .inner .box:last-child {
          width: 100%;
          margin-right: 0; }
        #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner {
          width: 100%;
          overflow: hidden;
          border-radius: 12px;
          padding-bottom: 17px; }
          #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .bold {
            background: #cce6f9;
            width: 100%;
            height: 56px;
            font-size: 18px;
            font-weight: bold;
            line-height: 56px;
            text-align: center; }
          #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .export {
            margin: 15px;
            font-size: 14px;
            font-weight: bold; }
            #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .export.mb60 {
              margin-bottom: 67px; }
            #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .export.mb30 {
              margin-bottom: 33px; }
            #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .export.rakuten {
              margin-bottom: 51px; }
            #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .export .round {
              display: inline-block;
              width: 18px;
              height: 18px;
              border-radius: 12px;
              border: #0087e7 2px solid;
              transform: translateY(3px);
              margin-left: 15px; }
            #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .export .cross {
              display: inline-block;
              width: 17px;
              height: 17px;
              position: relative;
              transform: translateY(2px);
              margin-left: 15px; }
              #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .export .cross:before, #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .export .cross:after {
                display: block;
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                width: 22px;
                height: 2px;
                margin: -5% 0 0 -64%;
                background: #0087e7; }
              #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .export .cross:before {
                transform: rotate(-45deg); }
              #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .export .cross:after {
                transform: rotate(45deg); }
          #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .link {
            position: relative;
            color: #666;
            font-size: 12px;
            padding-left: 15px;
            margin: 0 16px;
            line-height: 1.5em;
            transition: 0.1s ease-in-out; }
            #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .link:before {
              display: block;
              content: "";
              position: absolute;
              left: 0;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 5px 0 5px 8px;
              border-color: transparent transparent transparent #0087e7;
              transform: translateY(3px); }
            #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .link:hover {
              color: #000;
              transition: 0.1s ease-in-out;
              text-decoration: underline; }
            #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .link.none {
              padding-left: 0; }
              #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .link.none:before {
                display: none; }
              #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .link.none:hover {
                color: #666;
                text-decoration: none; }
          #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .list {
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
            margin: 15px auto;
            padding: 15px 0 13px 0;
            width: 298px; }
            #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .list li {
              width: 48px;
              height: 48px;
              background: #f5f5f5;
              margin-right: 2px;
              margin-bottom: 2px;
              float: left;
              border-radius: 2px;
              font-size: 10px;
              text-align: center;
              font-weight: bold;
              padding-top: 7px; }
              #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .list li:nth-child(6n) {
                margin-right: 0; }
              #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .list li .round {
                display: block;
                width: 18px;
                height: 18px;
                border-radius: 12px;
                border: #0087e7 2px solid;
                transform: translateY(5px);
                margin: 0 auto; }
              #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .list li .triangle {
                width: 18px;
                height: 16px;
                display: block;
                position: relative;
                transform: translateY(5px);
                margin: 0 auto; }
                #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .list li .triangle:before {
                  display: block;
                  position: absolute;
                  top: 0;
                  left: 0;
                  content: "";
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 0 9px 16px 9px;
                  border-color: transparent transparent #0087e7 transparent; }
                #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .list li .triangle:after {
                  display: block;
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  padding-top: 2px;
                  content: "";
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 0 5px 10px 5px;
                  border-color: transparent transparent #f5f5f5 transparent; }
              #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .list li .cross {
                display: block;
                width: 17px;
                height: 17px;
                position: relative;
                transform: translateY(5px);
                margin: 0 auto; }
                #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .list li .cross:before, #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .list li .cross:after {
                  display: block;
                  content: "";
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  width: 22px;
                  height: 2px;
                  margin: -5% 0 0 -64%;
                  background: #0087e7; }
                #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .list li .cross:before {
                  transform: rotate(-45deg); }
                #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .list li .cross:after {
                  transform: rotate(45deg); }
          #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .info {
            font-size: 14px;
            line-height: 1.8em;
            margin: 30px 16px 0 16px;
            border-top: 1px solid #e6e6e6;
            padding-top: 20px; }
            #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .info a {
              color: #0088e7;
              font-weight: bold; }
              #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .info a:hover {
                text-decoration: underline; }
          #lb-container.guide #lb-guide-move .contents .service .inner .box .box-inner .jugem {
            margin-bottom: 18px; }
      #lb-container.guide #lb-guide-move .contents .service .support {
        width: 1020px;
        margin: 0 auto;
        background: #fff;
        border-radius: 12px;
        padding: 40px;
        margin-top: 60px; }
        #lb-container.guide #lb-guide-move .contents .service .support p {
          color: #666666;
          font-size: 14px;
          line-height: 1.5em; }
    #lb-container.guide #lb-guide-move .contents .faq .inner {
      width: 1020px;
      margin: 0 auto; }
    #lb-container.guide #lb-guide-move .contents .faq h3 {
      color: #0088e7;
      font-family: "Avenir Next", Verdana, "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "\30E1\30A4\30EA\30AA", Meiryo, Osaka, sans-serif;
      font-size: 30px;
      font-weight: bold;
      text-align: center;
      margin-top: 100px;
      margin-bottom: 5px; }
    #lb-container.guide #lb-guide-move .contents .faq .title {
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 30px; }
    #lb-container.guide #lb-guide-move .contents .faq .list {
      border-top: 1px solid #cccccc;
      padding-top: 30px; }
      #lb-container.guide #lb-guide-move .contents .faq .list:last-child {
        border-bottom: 1px solid #cccccc; }
      #lb-container.guide #lb-guide-move .contents .faq .list li {
        padding: 0 25px 30px 75px;
        text-indent: -12px;
        line-height: 1.5em; }
        #lb-container.guide #lb-guide-move .contents .faq .list li.question {
          font-weight: bold;
          font-size: 16px; }
          #lb-container.guide #lb-guide-move .contents .faq .list li.question::before {
            content: 'Q';
            display: inline-block;
            font-family: "Avenir Next", Verdana, "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "\30E1\30A4\30EA\30AA", Meiryo, Osaka, sans-serif;
            font-size: 32px;
            font-weight: bold;
            color: #0088e7;
            transform: translate(-25px, 5px); }
        #lb-container.guide #lb-guide-move .contents .faq .list li.answer {
          color: #666;
          font-size: 16px; }
          #lb-container.guide #lb-guide-move .contents .faq .list li.answer::before {
            content: 'A';
            display: inline-block;
            font-family: "Avenir Next", Verdana, "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "\30E1\30A4\30EA\30AA", Meiryo, Osaka, sans-serif;
            font-size: 32px;
            font-weight: bold;
            color: #ff9f22;
            transform: translate(-25px, 5px); }
          #lb-container.guide #lb-guide-move .contents .faq .list li.answer a:hover {
            text-decoration: underline; }
    #lb-container.guide #lb-guide-move .contents .faq .btn a {
      color: #ffffff;
      font-weight: bold;
      display: block;
      width: 100%;
      height: 100%;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
      #lb-container.guide #lb-guide-move .contents .faq .btn a:hover {
        box-shadow: none; }
    #lb-container.guide #lb-guide-move .contents .faq .btn.blue {
      width: 320px;
      height: 48px;
      height: 48px;
      line-height: 48px;
      border-radius: 24px;
      text-align: center;
      font-size: 16px;
      margin: 60px auto 0 auto;
      border: none !important; }
      #lb-container.guide #lb-guide-move .contents .faq .btn.blue a {
        border-radius: 24px;
        background: #0088e7;
        border: none !important; }
        #lb-container.guide #lb-guide-move .contents .faq .btn.blue a:hover {
          background: #007dd5; }
    #lb-container.guide #lb-guide-move .contents .faq .btn.orange {
      width: 436px;
      height: 80px;
      line-height: 80px;
      text-align: center;
      border-radius: 40px;
      font-size: 18px;
      margin: 45px auto;
      border: none !important; }
      #lb-container.guide #lb-guide-move .contents .faq .btn.orange a {
        background: #ff9f22;
        border-radius: 40px;
        border: none !important; }
        #lb-container.guide #lb-guide-move .contents .faq .btn.orange a:hover {
          background: #ff9f00; }
    #lb-container.guide #lb-guide-move .contents #btn-move {
      position: fixed;
      bottom: 120px;
      right: 7px;
      width: 112px;
      height: 112px;
      transition: 0.2s ease-in-out;
      opacity: 0; }
      #lb-container.guide #lb-guide-move .contents #btn-move.active {
        transition: 0.2s ease-in-out;
        opacity: 1; }
      #lb-container.guide #lb-guide-move .contents #btn-move a {
        display: block;
        border-radius: 56px;
        background: #ff9f22;
        width: 100%;
        height: 100%;
        transition: 0.1s ease-in-out;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
        #lb-container.guide #lb-guide-move .contents #btn-move a:hover {
          transition: 0.1s ease-in-out;
          background: #ff9000; }
        #lb-container.guide #lb-guide-move .contents #btn-move a::before {
          content: '';
          border-top: 10px solid transparent;
          border-left: 16px solid #fff;
          border-bottom: 10px solid transparent;
          transform: scale(0.6);
          position: absolute;
          bottom: 16px;
          left: 50%;
          -ms-transform: translate(-50%, -50%) scale(0.6);
          -webkit-transform: translate(-50%, -50%) scale(0.6);
          transform: translate(-50%, 0) scale(0.6);
          margin-bottom: -4px;
          margin-left: 1px;
          z-index: 1; }
        #lb-container.guide #lb-guide-move .contents #btn-move a span {
          display: block;
          color: #fff;
          font-size: 12px;
          line-height: 1.5em;
          font-weight: bold;
          width: 94px;
          margin: 0 auto;
          padding-top: 22px;
          padding-left: 4px; }
  #lb-container.blog_reader #lb-blog_reader .main {
    width: 100%;
    margin: 0 auto;
    height: 450px;
    background: rgba(101, 139, 249, 0.85), url("/blog_portal/pc/img/v3/guide/blog_reader/noise.png?v=20190604");
    background: -moz-linear-gradient(top, rgba(101, 139, 249, 0.85), rgba(118, 249, 247, 0.85)), url("/blog_portal/pc/img/v3/guide/blog_reader/noise.png?v=20190604");
    background: -webkit-linear-gradient(top, rgba(101, 139, 249, 0.85), rgba(118, 249, 247, 0.85)), url("/blog_portal/pc/img/v3/guide/blog_reader/noise.png?v=20190604");
    background: linear-gradient(to bottom, rgba(101, 139, 249, 0.85), rgba(118, 249, 247, 0.85)), url("/blog_portal/pc/img/v3/guide/blog_reader/noise.png?v=20190604");
    overflow: hidden;
    position: relative; }
    #lb-container.blog_reader #lb-blog_reader .main:before {
      content: "";
      position: absolute;
      background: url("/blog_portal/pc/img/v3/guide/blog_reader/pattern_top.png?v=20190604") repeat-x top right;
      width: calc( 50% - 200px);
      height: 357px;
      top: 0;
      left: 0; }
    #lb-container.blog_reader #lb-blog_reader .main:after {
      content: "";
      position: absolute;
      background: url("/blog_portal/pc/img/v3/guide/blog_reader/pattern_bottom.png?v=20190604") repeat-x bottom left;
      width: calc( 50% - 200px);
      height: 357px;
      bottom: 0;
      right: 0; }
    #lb-container.blog_reader #lb-blog_reader .main .main_inner {
      max-width: 1000px;
      margin: 0 auto; }
      #lb-container.blog_reader #lb-blog_reader .main .main_inner p {
        margin-top: 8px;
        vertical-align: bottom;
        text-align: center; }
    #lb-container.blog_reader #lb-blog_reader .main .balloon {
      padding-top: 50px; }
      #lb-container.blog_reader #lb-blog_reader .main .balloon span {
        position: relative;
        display: block;
        background: #ffbb17;
        width: 264px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        border-radius: 17px;
        margin: 0 auto 15px auto;
        box-shadow: 0 3px 0 0 #fba92e; }
        #lb-container.blog_reader #lb-blog_reader .main .balloon span:after {
          position: absolute;
          left: 127px;
          bottom: -11px;
          border-right: 6px solid transparent;
          border-top: 12px solid #ffbb17;
          border-left: 6px solid transparent;
          content: ""; }
        #lb-container.blog_reader #lb-blog_reader .main .balloon span:before {
          position: absolute;
          left: 127px;
          bottom: -14px;
          border-right: 6px solid transparent;
          border-top: 12px solid #fba92e;
          border-left: 6px solid transparent;
          content: ""; }
    #lb-container.blog_reader #lb-blog_reader .main h2 {
      font-size: 36px;
      font-weight: bold;
      text-shadow: -1px -1px 0px #1480c9;
      color: #fff;
      text-align: center;
      margin: 0 auto;
      line-height: 55px; }
  #lb-container.blog_reader #lb-blog_reader .step_1 {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto; }
    #lb-container.blog_reader #lb-blog_reader .step_1 .icon {
      display: block;
      width: 60px;
      margin: 0 auto 5px auto; }
      #lb-container.blog_reader #lb-blog_reader .step_1 .icon img {
        width: 100%;
        max-width: 100%;
        height: auto; }
    #lb-container.blog_reader #lb-blog_reader .step_1 h3 {
      font-size: 28px;
      font-weight: 500;
      text-align: center;
      color: #d078f9;
      line-height: 38px;
      margin-bottom: 19px; }
      @supports (-webkit-text-fill-color: transparent) {
        #lb-container.blog_reader #lb-blog_reader .step_1 h3 {
          background: linear-gradient(-25deg, #648bf9 40%, #d078f9 60%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; } }
    #lb-container.blog_reader #lb-blog_reader .step_1 p {
      padding: 0 200px;
      color: #3b3648;
      line-height: 1.4em;
      margin-bottom: 35px;
      font-size: 16px; }
    #lb-container.blog_reader #lb-blog_reader .step_1 .img {
      display: block;
      width: 356px;
      margin: 0 auto; }
      @supports (-webkit-text-fill-color: transparent) {
        #lb-container.blog_reader #lb-blog_reader .step_1 .img {
          max-width: 356px;
          width: 100%; } }
      #lb-container.blog_reader #lb-blog_reader .step_1 .img img {
        width: 100%;
        max-width: 100%;
        height: auto; }
    #lb-container.blog_reader #lb-blog_reader .step_1 .center {
      text-align: center; }
    #lb-container.blog_reader #lb-blog_reader .step_1 .title {
      margin-top: 80px;
      font-size: 26px;
      font-weight: 500;
      text-align: center;
      color: #21dbff; }
      @supports (-webkit-text-fill-color: transparent) {
        #lb-container.blog_reader #lb-blog_reader .step_1 .title {
          background: linear-gradient(-25deg, #369eff 30%, #21dbff 70%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; } }
  #lb-container.blog_reader #lb-blog_reader .step_2 {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto; }
    #lb-container.blog_reader #lb-blog_reader .step_2 .icon {
      display: block;
      width: 60px;
      margin: 60px auto 5px auto; }
      #lb-container.blog_reader #lb-blog_reader .step_2 .icon img {
        width: 100%;
        max-width: 100%;
        height: auto; }
    #lb-container.blog_reader #lb-blog_reader .step_2 h3 {
      font-size: 26px;
      font-weight: 500;
      text-align: center;
      color: #fa74b6;
      line-height: 38px;
      margin-bottom: 19px; }
      @supports (-webkit-text-fill-color: transparent) {
        #lb-container.blog_reader #lb-blog_reader .step_2 h3 {
          background: linear-gradient(-25deg, #ffc64d 40%, #fa74b6 60%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; } }
    #lb-container.blog_reader #lb-blog_reader .step_2 p {
      padding: 0 200px;
      color: #3b3648;
      line-height: 1.4em;
      margin-bottom: 35px;
      font-size: 16px; }
    #lb-container.blog_reader #lb-blog_reader .step_2 .img {
      display: block;
      width: 356px;
      margin: 0 auto; }
      @supports (-webkit-text-fill-color: transparent) {
        #lb-container.blog_reader #lb-blog_reader .step_2 .img {
          max-width: 356px;
          width: 100%; } }
      #lb-container.blog_reader #lb-blog_reader .step_2 .img img {
        width: 100%;
        max-width: 100%;
        height: auto; }
  #lb-container.blog_reader #lb-blog_reader .step_3 {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto; }
    #lb-container.blog_reader #lb-blog_reader .step_3 .icon {
      display: block;
      width: 60px;
      margin: 60px auto 5px auto; }
      #lb-container.blog_reader #lb-blog_reader .step_3 .icon img {
        width: 100%;
        max-width: 100%;
        height: auto; }
    #lb-container.blog_reader #lb-blog_reader .step_3 h3 {
      font-size: 26px;
      font-weight: 500;
      text-align: center;
      color: #21dbff;
      line-height: 38px;
      margin-bottom: 19px; }
      @supports (-webkit-text-fill-color: transparent) {
        #lb-container.blog_reader #lb-blog_reader .step_3 h3 {
          background: linear-gradient(-25deg, #369eff 30%, #21dbff 70%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; } }
    #lb-container.blog_reader #lb-blog_reader .step_3 p {
      padding: 0 200px;
      color: #3b3648;
      line-height: 1.4em;
      margin-bottom: 35px;
      font-size: 16px; }
    #lb-container.blog_reader #lb-blog_reader .step_3 .img {
      display: block;
      width: 356px;
      margin: 0 auto; }
      @supports (-webkit-text-fill-color: transparent) {
        #lb-container.blog_reader #lb-blog_reader .step_3 .img {
          max-width: 356px;
          width: 100%; } }
      #lb-container.blog_reader #lb-blog_reader .step_3 .img img {
        width: 100%;
        max-width: 100%;
        height: auto; }
  #lb-container.blog_reader #lb-blog_reader .step_4 {
    background: #edf8ff;
    padding: 51px 0 30px;
    margin-top: 60px; }
    #lb-container.blog_reader #lb-blog_reader .step_4 .logo {
      display: block;
      width: 195px;
      margin: 0 auto 35px auto; }
      #lb-container.blog_reader #lb-blog_reader .step_4 .logo img {
        width: 100%;
        max-width: 100%;
        height: auto; }
    #lb-container.blog_reader #lb-blog_reader .step_4 p {
      color: #3b3648;
      line-height: 1.5em;
      text-align: center;
      font-size: 18px; }
    #lb-container.blog_reader #lb-blog_reader .step_4 .btn {
      background: #ffcc33;
      width: 280px;
      height: 54px;
      border-radius: 27px;
      box-shadow: 0 4px 0 0 #cfa424;
      margin: 0 auto; }
      #lb-container.blog_reader #lb-blog_reader .step_4 .btn a {
        display: block; }
      #lb-container.blog_reader #lb-blog_reader .step_4 .btn span {
        display: block;
        font-size: 15px;
        color: #FFF;
        font-weight: bold;
        text-align: center;
        line-height: 54px;
        text-shadow: 0px 1px 0px #cfa424; }
    #lb-container.blog_reader #lb-blog_reader .step_4 .bookmark {
      color: #3b3648;
      font-size: 15px;
      position: relative;
      width: 235px;
      margin: 37px auto 10px auto;
      padding-bottom: 8px;
      border-bottom: 1px solid #3b3648; }
      #lb-container.blog_reader #lb-blog_reader .step_4 .bookmark a {
        display: block;
        width: 100%;
        height: 100%; }
      #lb-container.blog_reader #lb-blog_reader .step_4 .bookmark span {
        display: block;
        background: #0088e7;
        border-radius: 4px;
        width: 18px;
        height: 18px;
        position: absolute;
        right: 0;
        top: -2px; }
        #lb-container.blog_reader #lb-blog_reader .step_4 .bookmark span::after {
          display: block;
          content: "";
          width: 2px;
          height: 11px;
          border-radius: 1px;
          background: #fff;
          transform: translate(8px, 2px); }
        #lb-container.blog_reader #lb-blog_reader .step_4 .bookmark span::before {
          display: block;
          content: "";
          height: 2px;
          width: 11px;
          background: #fff;
          border-radius: 1px;
          transform: translate(4px, 8px); }
  #lb-container.book #lb-book {
    margin: 18px auto 0 auto; }
    #lb-container.book #lb-book .breadcrumbs-list {
      max-width: 1020px;
      margin: 0 auto; }
      #lb-container.book #lb-book .breadcrumbs-list .pan {
        color: #666;
        font-size: 12px;
        margin-bottom: 35px; }
        #lb-container.book #lb-book .breadcrumbs-list .pan span {
          color: #0088e7; }
        #lb-container.book #lb-book .breadcrumbs-list .pan a {
          color: #0088e7; }
          #lb-container.book #lb-book .breadcrumbs-list .pan a:hover {
            text-decoration: underline; }
      #lb-container.book #lb-book .breadcrumbs-list .title-inner {
        margin-bottom: 30px; }
        #lb-container.book #lb-book .breadcrumbs-list .title-inner h2 {
          font-size: 32px;
          color: #333333;
          float: left;
          font-weight: bold; }
        #lb-container.book #lb-book .breadcrumbs-list .title-inner p {
          float: right;
          color: #666;
          font-size: 14px;
          line-height: 35px; }
    #lb-container.book #lb-book .book-inner {
      max-width: 1020px;
      margin: 0 auto; }
    #lb-container.book #lb-book .featured {
      margin: 18px 0 40px 0;
      background: #0088e7;
      padding: 40px 0 10px 0; }
      #lb-container.book #lb-book .featured .title {
        position: relative;
        width: 181px;
        margin: 0 auto; }
        #lb-container.book #lb-book .featured .title h3 {
          display: block;
          color: #fff;
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          margin: 0 0 17px 0; }
        #lb-container.book #lb-book .featured .title .img {
          display: block;
          position: absolute;
          top: 0;
          left: 0; }
      #lb-container.book #lb-book .featured #lb-featured {
        max-width: 1200px;
        overflow: hidden;
        margin: 0 auto 0 auto;
        padding-bottom: 63px;
        height: 340px; }
        #lb-container.book #lb-book .featured #lb-featured .slideshow-inner, #lb-container.book #lb-book .featured #lb-featured .dummy {
          position: relative;
          width: 176px;
          margin: 0 auto;
          -moz-user-select: none;
          -webkit-user-select: none;
          -ms-user-select: none; }
          #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control, #lb-container.book #lb-book .featured #lb-featured .dummy .control {
            position: relative; }
            #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .next,
            #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .prev, #lb-container.book #lb-book .featured #lb-featured .dummy .control .next,
            #lb-container.book #lb-book .featured #lb-featured .dummy .control .prev {
              display: block;
              position: absolute;
              z-index: 1;
              width: 44px;
              height: 280px;
              top: 0;
              bottom: 0; }
              #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .next .next-inner,
              #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .next .prev-inner,
              #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .prev .next-inner,
              #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .prev .prev-inner, #lb-container.book #lb-book .featured #lb-featured .dummy .control .next .next-inner,
              #lb-container.book #lb-book .featured #lb-featured .dummy .control .next .prev-inner,
              #lb-container.book #lb-book .featured #lb-featured .dummy .control .prev .next-inner,
              #lb-container.book #lb-book .featured #lb-featured .dummy .control .prev .prev-inner {
                position: absolute;
                z-index: 1;
                width: 40px;
                height: 48px;
                background: #68c0fd;
                top: 50%;
                bottom: 50%;
                margin-top: -24px;
                cursor: pointer;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
                transition: 0.1s ease-in-out; }
                #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .next .next-inner:hover,
                #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .next .prev-inner:hover,
                #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .prev .next-inner:hover,
                #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .prev .prev-inner:hover, #lb-container.book #lb-book .featured #lb-featured .dummy .control .next .next-inner:hover,
                #lb-container.book #lb-book .featured #lb-featured .dummy .control .next .prev-inner:hover,
                #lb-container.book #lb-book .featured #lb-featured .dummy .control .prev .next-inner:hover,
                #lb-container.book #lb-book .featured #lb-featured .dummy .control .prev .prev-inner:hover {
                  background: #006ab4;
                  transition: 0.1s ease-in-out; }
              #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .next.next,
              #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .prev.next, #lb-container.book #lb-book .featured #lb-featured .dummy .control .next.next,
              #lb-container.book #lb-book .featured #lb-featured .dummy .control .prev.next {
                right: -365px; }
                #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .next.next .next-inner,
                #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .prev.next .next-inner, #lb-container.book #lb-book .featured #lb-featured .dummy .control .next.next .next-inner,
                #lb-container.book #lb-book .featured #lb-featured .dummy .control .prev.next .next-inner {
                  left: 0;
                  border-top-right-radius: 24px;
                  border-bottom-right-radius: 24px; }
                  #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .next.next .next-inner span,
                  #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .prev.next .next-inner span, #lb-container.book #lb-book .featured #lb-featured .dummy .control .next.next .next-inner span,
                  #lb-container.book #lb-book .featured #lb-featured .dummy .control .prev.next .next-inner span {
                    display: block;
                    position: absolute;
                    pointer-events: none;
                    top: 17px;
                    left: 13px;
                    border-top: 8px solid transparent;
                    border-bottom: 8px solid transparent;
                    border-left: 11px solid #ffffff; }
              #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .next.prev,
              #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .prev.prev, #lb-container.book #lb-book .featured #lb-featured .dummy .control .next.prev,
              #lb-container.book #lb-book .featured #lb-featured .dummy .control .prev.prev {
                left: -365px; }
                #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .next.prev .prev-inner,
                #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .prev.prev .prev-inner, #lb-container.book #lb-book .featured #lb-featured .dummy .control .next.prev .prev-inner,
                #lb-container.book #lb-book .featured #lb-featured .dummy .control .prev.prev .prev-inner {
                  right: 0;
                  border-top-left-radius: 24px;
                  border-bottom-left-radius: 24px; }
                  #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .next.prev .prev-inner span,
                  #lb-container.book #lb-book .featured #lb-featured .slideshow-inner .control .prev.prev .prev-inner span, #lb-container.book #lb-book .featured #lb-featured .dummy .control .next.prev .prev-inner span,
                  #lb-container.book #lb-book .featured #lb-featured .dummy .control .prev.prev .prev-inner span {
                    display: block;
                    position: absolute;
                    pointer-events: none;
                    top: 17px;
                    right: 13px;
                    border-top: 8px solid transparent;
                    border-bottom: 8px solid transparent;
                    border-right: 11px solid #ffffff; }
          #lb-container.book #lb-book .featured #lb-featured .slideshow-inner ul, #lb-container.book #lb-book .featured #lb-featured .dummy ul {
            position: absolute;
            overflow: hidden;
            height: 340px;
            padding: 30px 0; }
            #lb-container.book #lb-book .featured #lb-featured .slideshow-inner ul li, #lb-container.book #lb-book .featured #lb-featured .dummy ul li {
              float: left;
              width: 176px;
              text-align: center; }
              #lb-container.book #lb-book .featured #lb-featured .slideshow-inner ul li .box, #lb-container.book #lb-book .featured #lb-featured .dummy ul li .box {
                border-radius: 8px;
                padding: 12px 0;
                background: #FFF;
                height: 230px;
                margin: 0 16px; }
              #lb-container.book #lb-book .featured #lb-featured .slideshow-inner ul li span, #lb-container.book #lb-book .featured #lb-featured .dummy ul li span {
                display: block; }
                #lb-container.book #lb-book .featured #lb-featured .slideshow-inner ul li span.img, #lb-container.book #lb-book .featured #lb-featured .dummy ul li span.img {
                  width: 95px;
                  height: 132px;
                  margin: 0 auto 5px auto;
                  overflow: hidden;
                  position: relative; }
                  #lb-container.book #lb-book .featured #lb-featured .slideshow-inner ul li span.img:hover, #lb-container.book #lb-book .featured #lb-featured .dummy ul li span.img:hover {
                    opacity: 0.8; }
                  #lb-container.book #lb-book .featured #lb-featured .slideshow-inner ul li span.img img, #lb-container.book #lb-book .featured #lb-featured .dummy ul li span.img img {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    width: auto;
                    height: 100%; }
                #lb-container.book #lb-book .featured #lb-featured .slideshow-inner ul li span.title, #lb-container.book #lb-book .featured #lb-featured .dummy ul li span.title {
                  width: 100%;
                  font-size: 14px;
                  font-weight: bold;
                  text-align: center;
                  line-height: 1.5em;
                  padding: 0 5px; }
                  #lb-container.book #lb-book .featured #lb-featured .slideshow-inner ul li span.title a:hover, #lb-container.book #lb-book .featured #lb-featured .dummy ul li span.title a:hover {
                    color: #0088e7; }
                #lb-container.book #lb-book .featured #lb-featured .slideshow-inner ul li span.name, #lb-container.book #lb-book .featured #lb-featured .dummy ul li span.name {
                  color: #666666;
                  margin-top: 10px;
                  font-size: 11px; }
              #lb-container.book #lb-book .featured #lb-featured .slideshow-inner ul li .featured-more, #lb-container.book #lb-book .featured #lb-featured .dummy ul li .featured-more {
                width: 90px;
                margin: 15px auto 0 auto; }
                #lb-container.book #lb-book .featured #lb-featured .slideshow-inner ul li .featured-more span, #lb-container.book #lb-book .featured #lb-featured .dummy ul li .featured-more span {
                  position: relative;
                  display: block; }
                  #lb-container.book #lb-book .featured #lb-featured .slideshow-inner ul li .featured-more span a, #lb-container.book #lb-book .featured #lb-featured .dummy ul li .featured-more span a {
                    width: 100%;
                    display: block;
                    font-size: 12px;
                    font-weight: bold;
                    padding-left: 10px;
                    font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "Yu Gothic", "YuGothic", 'Hiragino Kaku Gothic Pro', '\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3';
                    color: #FFF; }
                    #lb-container.book #lb-book .featured #lb-featured .slideshow-inner ul li .featured-more span a::before, #lb-container.book #lb-book .featured #lb-featured .dummy ul li .featured-more span a::before {
                      content: "";
                      display: block;
                      position: absolute;
                      left: 0;
                      top: -1px;
                      border-top: 8px solid transparent;
                      border-bottom: 8px solid transparent;
                      border-left: 11px solid #FFF;
                      transform: scale(0.6); }
                    #lb-container.book #lb-book .featured #lb-featured .slideshow-inner ul li .featured-more span a:hover, #lb-container.book #lb-book .featured #lb-featured .dummy ul li .featured-more span a:hover {
                      text-decoration: underline; }
    #lb-container.book #lb-book .contents {
      max-width: 1020px;
      margin: 0 auto; }
      #lb-container.book #lb-book .contents #tab {
        margin-bottom: 70px; }
        #lb-container.book #lb-book .contents #tab ul li {
          width: 191px;
          height: 36px;
          float: left;
          margin-right: 9px; }
          #lb-container.book #lb-book .contents #tab ul li:nth-child(3) {
            width: 220px; }
          #lb-container.book #lb-book .contents #tab ul li:last-child {
            margin-right: 0; }
          #lb-container.book #lb-book .contents #tab ul li a {
            position: relative;
            display: block;
            background: #68c0fd;
            border-radius: 4px;
            font-size: 13px;
            font-weight: bold;
            color: #fff;
            width: 100%;
            height: 100%;
            line-height: 36px;
            padding-left: 30px;
            transition: 0.1s ease-in-out; }
            #lb-container.book #lb-book .contents #tab ul li a::before {
              content: "";
              display: block;
              position: absolute;
              left: 10px;
              top: 14px;
              margin-top: -2px;
              margin-left: -3px;
              border-right: 8px solid transparent;
              border-left: 8px solid transparent;
              border-top: 12px solid #FFF;
              transform: scale(0.6); }
            #lb-container.book #lb-book .contents #tab ul li a:hover {
              background: #006ab4;
              transition: 0.1s ease-in-out; }
      #lb-container.book #lb-book .contents .list h3 {
        position: relative;
        background: #68c0fd;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        padding-bottom: 6px;
        height: 44px;
        margin-bottom: 32px;
        width: 100%; }
        #lb-container.book #lb-book .contents .list h3::after {
          position: absolute;
          bottom: -32px;
          left: 0;
          content: "";
          display: block;
          width: 33px;
          height: 32px;
          background: #fff;
          border-top-left-radius: 32px; }
        #lb-container.book #lb-book .contents .list h3::before {
          position: absolute;
          bottom: -32px;
          left: 0;
          content: "";
          display: block;
          width: 32px;
          height: 32px;
          background: #68c0fd; }
        #lb-container.book #lb-book .contents .list h3 .title {
          display: block;
          line-height: 43px;
          color: #fff;
          font-size: 16px;
          font-weight: bold;
          padding-left: 15px;
          float: left; }
        #lb-container.book #lb-book .contents .list h3 .new {
          font-size: 16px;
          font-weight: bold;
          display: block;
          background: #fff;
          border-radius: 4px;
          color: #68c0fd;
          float: left;
          padding: 6px 8px 7px 8px;
          margin-top: 8px;
          margin-left: 22px; }
      #lb-container.book #lb-book .contents .list .box {
        margin-bottom: 64px; }
        #lb-container.book #lb-book .contents .list .box ul {
          overflow: hidden;
          display: none; }
          #lb-container.book #lb-book .contents .list .box ul li {
            width: 170px;
            height: 268px;
            margin: 0 auto;
            float: left;
            padding: 0 10px; }
            #lb-container.book #lb-book .contents .list .box ul li span {
              display: block;
              text-align: center; }
              #lb-container.book #lb-book .contents .list .box ul li span.img {
                width: 95px;
                height: 132px;
                margin: 0 auto;
                overflow: hidden;
                position: relative; }
                #lb-container.book #lb-book .contents .list .box ul li span.img:hover {
                  opacity: 0.8; }
                #lb-container.book #lb-book .contents .list .box ul li span.img img {
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  -webkit-transform: translate(-50%, -50%);
                  -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
                  width: auto;
                  height: 100%; }
              #lb-container.book #lb-book .contents .list .box ul li span.title {
                font-size: 14px;
                font-weight: bold;
                margin: 15px 0 3px;
                line-height: 1.4em;
                height: 40px; }
                #lb-container.book #lb-book .contents .list .box ul li span.title a:hover {
                  color: #0088e7; }
              #lb-container.book #lb-book .contents .list .box ul li span.name {
                color: #666666;
                font-size: 11px; }
            #lb-container.book #lb-book .contents .list .box ul li .list-more {
              width: 86px;
              margin: 10px auto 0 auto; }
              #lb-container.book #lb-book .contents .list .box ul li .list-more span {
                position: relative;
                display: block;
                font-size: 13px;
                font-weight: bold;
                padding-left: 15px; }
                #lb-container.book #lb-book .contents .list .box ul li .list-more span a {
                  display: block; }
                  #lb-container.book #lb-book .contents .list .box ul li .list-more span a::before {
                    content: "";
                    display: block;
                    position: absolute;
                    left: 0;
                    margin-top: -2px;
                    border-top: 8px solid transparent;
                    border-bottom: 8px solid transparent;
                    border-left: 11px solid #0088e7;
                    transform: scale(0.6); }
                  #lb-container.book #lb-book .contents .list .box ul li .list-more span a:hover {
                    text-decoration: underline; }
        #lb-container.book #lb-book .contents .list .box .more {
          width: 200px;
          height: 48px;
          margin: 0 auto; }
          #lb-container.book #lb-book .contents .list .box .more span {
            position: relative;
            display: block;
            border-radius: 24px;
            width: 100%;
            height: 100%;
            border: 2px solid #0088e7;
            line-height: 46px;
            font-size: 16px;
            text-align: center;
            color: #0088e7;
            font-weight: bold;
            padding-right: 15px;
            cursor: pointer;
            transition: 0.1s ease-in-out; }
            #lb-container.book #lb-book .contents .list .box .more span::before {
              content: "";
              display: block;
              position: absolute;
              right: 24px;
              top: 19px;
              transform: scale(0.8); }
            #lb-container.book #lb-book .contents .list .box .more span:hover {
              background: #edf7ff;
              transition: 0.1s ease-in-out; }
            #lb-container.book #lb-book .contents .list .box .more span.off::before {
              margin-top: -2px;
              border-right: 8px solid transparent;
              border-left: 8px solid transparent;
              border-top: 11px solid #0088e7; }
            #lb-container.book #lb-book .contents .list .box .more span.on::before {
              margin-top: -3px;
              border-right: 8px solid transparent;
              border-left: 8px solid transparent;
              border-bottom: 11px solid #0088e7; }
    #lb-container.book #lb-book .book-info {
      padding: 75px 0 80px 0;
      background: #f5f5f5; }
      #lb-container.book #lb-book .book-info h2 {
        color: #0088e7;
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
        font-weight: bold; }
      #lb-container.book #lb-book .book-info p {
        text-align: center;
        line-height: 1.5em;
        margin-bottom: 33px; }
      #lb-container.book #lb-book .book-info .more {
        width: 320px;
        height: 48px;
        margin: 0 auto; }
        #lb-container.book #lb-book .book-info .more a {
          display: block;
          border-radius: 24px;
          width: 100%;
          height: 100%;
          background: #0088e7;
          line-height: 46px;
          font-size: 16px;
          text-align: center;
          color: #fff;
          font-weight: bold;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
          transition: 0.1s ease-in-out; }
          #lb-container.book #lb-book .book-info .more a:hover {
            background: #006ab4;
            transition: 0.1s ease-in-out; }
  #lb-container.adult #lb-adult {
    margin: 0 auto;
    padding: 18px 0 70px;
    background: #f5f5f5; }
    #lb-container.adult #lb-adult .adult-title {
      max-width: 1020px;
      margin: 0 auto; }
      #lb-container.adult #lb-adult .adult-title .pan {
        color: #666;
        font-size: 12px;
        margin-bottom: 35px; }
        #lb-container.adult #lb-adult .adult-title .pan span {
          color: #0088e7; }
        #lb-container.adult #lb-adult .adult-title .pan a {
          color: #0088e7; }
          #lb-container.adult #lb-adult .adult-title .pan a:hover {
            text-decoration: underline; }
      #lb-container.adult #lb-adult .adult-title .title-inner {
        margin-bottom: 30px; }
        #lb-container.adult #lb-adult .adult-title .title-inner h2 {
          font-size: 32px;
          color: #333333;
          float: left;
          font-weight: bold; }
    #lb-container.adult #lb-adult .contents {
      margin: 28px auto 0 auto;
      max-width: 1020px; }
      #lb-container.adult #lb-adult .contents .agree {
        background: #fff;
        border-radius: 8px;
        padding: 36px 0; }
        #lb-container.adult #lb-adult .contents .agree .left {
          float: left;
          width: 246px; }
          #lb-container.adult #lb-adult .contents .agree .left .icon {
            display: block;
            width: 169px;
            margin: 0 auto; }
        #lb-container.adult #lb-adult .contents .agree .right {
          float: right;
          width: calc(100% - 246px); }
          #lb-container.adult #lb-adult .contents .agree .right p {
            font-size: 16px;
            line-height: 1.5em; }
            #lb-container.adult #lb-adult .contents .agree .right p.bold {
              font-weight: bold; }
          #lb-container.adult #lb-adult .contents .agree .right fieldset {
            width: 430px;
            margin: 40px 0 0 120px; }
          #lb-container.adult #lb-adult .contents .agree .right input[type=button],
          #lb-container.adult #lb-adult .contents .agree .right input[type=submit] {
            width: 200px;
            height: 48px;
            background: #f5f5f5;
            border: none;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
            border-radius: 24px;
            cursor: pointer;
            color: #0088e7;
            font-size: 18px;
            font-weight: bold;
            transition: 0.1s ease-in-out;
            outline: 0;
            border-color: orange; }
            #lb-container.adult #lb-adult .contents .agree .right input[type=button]:hover,
            #lb-container.adult #lb-adult .contents .agree .right input[type=submit]:hover {
              background: #0088e7;
              color: #fff;
              transition: 0.1s ease-in-out; }
          #lb-container.adult #lb-adult .contents .agree .right input[type=button] {
            float: left; }
          #lb-container.adult #lb-adult .contents .agree .right input[type=submit] {
            float: right; }
      #lb-container.adult #lb-adult .contents .detail {
        margin-top: 35px;
        background: #fff;
        border-radius: 8px;
        padding: 36px 40px 10px 40px;
        line-height: 1.8em;
        color: #333333; }
        #lb-container.adult #lb-adult .contents .detail .blue {
          color: #0088e7;
          font-weight: bold;
          font-size: 14px; }
        #lb-container.adult #lb-adult .contents .detail h3 {
          font-size: 16px;
          font-weight: bold;
          margin-top: 40px; }
        #lb-container.adult #lb-adult .contents .detail p, #lb-container.adult #lb-adult .contents .detail li {
          font-size: 14px; }
        #lb-container.adult #lb-adult .contents .detail fieldset {
          width: 430px;
          margin: 40px 0 0 120px; }
        #lb-container.adult #lb-adult .contents .detail input[type=button],
        #lb-container.adult #lb-adult .contents .detail input[type=submit] {
          width: 200px;
          height: 48px;
          background: #f5f5f5;
          border: none;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
          border-radius: 24px;
          cursor: pointer;
          color: #0088e7;
          font-size: 18px;
          font-weight: bold;
          transition: 0.1s ease-in-out;
          outline: 0;
          border-color: orange; }
          #lb-container.adult #lb-adult .contents .detail input[type=button]:hover,
          #lb-container.adult #lb-adult .contents .detail input[type=submit]:hover {
            background: #0088e7;
            color: #fff;
            transition: 0.1s ease-in-out; }
        #lb-container.adult #lb-adult .contents .detail input[type=button] {
          float: left; }
        #lb-container.adult #lb-adult .contents .detail input[type=submit] {
          float: right; }
        #lb-container.adult #lb-adult .contents .detail fieldset {
          margin: 40px auto; }
  #lb-container.sitemap #lb-sitemap {
    margin: 0 auto;
    padding: 18px 0 0; }
    #lb-container.sitemap #lb-sitemap .breadcrumbs-list {
      max-width: 1020px;
      margin: 0 auto; }
      #lb-container.sitemap #lb-sitemap .breadcrumbs-list .pan {
        color: #666;
        font-size: 12px;
        margin-bottom: 35px; }
        #lb-container.sitemap #lb-sitemap .breadcrumbs-list .pan span {
          color: #0088e7; }
        #lb-container.sitemap #lb-sitemap .breadcrumbs-list .pan a {
          color: #0088e7; }
          #lb-container.sitemap #lb-sitemap .breadcrumbs-list .pan a:hover {
            text-decoration: underline; }
      #lb-container.sitemap #lb-sitemap .breadcrumbs-list .title-inner {
        margin-bottom: 30px; }
        #lb-container.sitemap #lb-sitemap .breadcrumbs-list .title-inner h2 {
          font-size: 32px;
          color: #333333;
          float: left;
          font-weight: bold; }
        #lb-container.sitemap #lb-sitemap .breadcrumbs-list .title-inner p {
          float: right;
          color: #666;
          font-size: 14px;
          line-height: 35px; }
    #lb-container.sitemap #lb-sitemap .contents {
      margin: 10px auto 0 auto;
      max-width: 1020px; }
      #lb-container.sitemap #lb-sitemap .contents .inner {
        margin-bottom: 80px; }
        #lb-container.sitemap #lb-sitemap .contents .inner .left {
          float: left;
          width: calc(50% - 22px); }
        #lb-container.sitemap #lb-sitemap .contents .inner .right {
          float: right;
          width: calc(50% - 22px); }
      #lb-container.sitemap #lb-sitemap .contents h3 {
        position: relative;
        display: block;
        margin-top: 40px;
        font-size: 15px;
        font-weight: bold; }
        #lb-container.sitemap #lb-sitemap .contents h3 a, #lb-container.sitemap #lb-sitemap .contents h3 .arrow {
          width: 100%;
          display: block;
          padding-left: 20px;
          color: #000000; }
          #lb-container.sitemap #lb-sitemap .contents h3 a::before, #lb-container.sitemap #lb-sitemap .contents h3 .arrow::before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: -1px;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 11px solid #0088e7;
            transform: scale(0.6); }
        #lb-container.sitemap #lb-sitemap .contents h3 a:hover {
          text-decoration: underline; }
        #lb-container.sitemap #lb-sitemap .contents h3 .border {
          display: block;
          width: 100%;
          height: 1px;
          background: #f3f3f3;
          margin-top: 15px; }
          #lb-container.sitemap #lb-sitemap .contents h3 .border::before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            background: #e1e1e1;
            width: 162px;
            height: 1px; }
      #lb-container.sitemap #lb-sitemap .contents ul.list li {
        float: left;
        width: 50%; }
      #lb-container.sitemap #lb-sitemap .contents ul li {
        position: relative;
        display: block;
        margin-top: 20px; }
        #lb-container.sitemap #lb-sitemap .contents ul li a {
          width: 100%;
          display: block;
          font-size: 13px;
          padding-left: 20px;
          color: #000000; }
          #lb-container.sitemap #lb-sitemap .contents ul li a::before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: -2px;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 11px solid #dddddd;
            transform: scale(0.6); }
          #lb-container.sitemap #lb-sitemap .contents ul li a:hover {
            text-decoration: underline; }
  #lb-container.lp_pbp #lb-lp-pbp {
    position: relative; }
    #lb-container.lp_pbp #lb-lp-pbp .img-bg {
      position: absolute;
      background: url("/blog_portal/pc/img/v3/lp/pbp/img_dot.png") repeat-x top center;
      z-index: -1;
      width: 100%;
      height: 320px; }
      #lb-container.lp_pbp #lb-lp-pbp .img-bg span {
        display: block;
        position: absolute;
        z-index: -1;
        width: 1280px;
        height: 320px;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    #lb-container.lp_pbp #lb-lp-pbp .main-title {
      position: relative;
      max-width: 1020px;
      margin: 0 auto;
      padding-top: 18px;
      height: 320px; }
      #lb-container.lp_pbp #lb-lp-pbp .main-title .pan {
        color: #fff;
        font-size: 12px;
        margin-bottom: 35px; }
        #lb-container.lp_pbp #lb-lp-pbp .main-title .pan span {
          color: #fff; }
        #lb-container.lp_pbp #lb-lp-pbp .main-title .pan a {
          color: #fff; }
          #lb-container.lp_pbp #lb-lp-pbp .main-title .pan a:hover {
            text-decoration: underline; }
      #lb-container.lp_pbp #lb-lp-pbp .main-title .title-inner {
        margin-top: 128px; }
        #lb-container.lp_pbp #lb-lp-pbp .main-title .title-inner p {
          text-align: center;
          color: #000;
          font-size: 18px;
          margin-top: 20px; }
        #lb-container.lp_pbp #lb-lp-pbp .main-title .title-inner h2 {
          font-size: 38px;
          font-weight: bold;
          color: #0088e7;
          text-align: center;
          text-shadow: white 2px 0px 1px, white -2px 0px 1px, white 0px -2px 1px, white -2px 0px 1px, white 2px 2px 1px, white -2px 2px 1px, white 2px -2px 1px, white -2px -2px 1px, white 1px 2px 1px, white -1px 2px 1px, white 1px -2px 1px, white -1px -2px 1px, white 2px 1px 1px, white -2px 1px 1px, white 2px -1px 1px, white -2px -1px 1px; }
      #lb-container.lp_pbp #lb-lp-pbp .main-title .notes {
        position: absolute;
        bottom: 12px;
        right: 0;
        background: #fff;
        border-radius: 2px;
        padding: 10px 8px; }
        #lb-container.lp_pbp #lb-lp-pbp .main-title .notes p {
          font-size: 12px;
          font-weight: bold; }
    #lb-container.lp_pbp #lb-lp-pbp .contents .inner {
      width: 1020px;
      margin: 0 auto; }
      #lb-container.lp_pbp #lb-lp-pbp .contents .inner .left, #lb-container.lp_pbp #lb-lp-pbp .contents .inner .right {
        width: 498px;
        background: #f5f5f5;
        border-radius: 4px;
        padding: 24px; }
        #lb-container.lp_pbp #lb-lp-pbp .contents .inner .left p, #lb-container.lp_pbp #lb-lp-pbp .contents .inner .right p {
          line-height: 1.5em; }
          #lb-container.lp_pbp #lb-lp-pbp .contents .inner .left p.bold, #lb-container.lp_pbp #lb-lp-pbp .contents .inner .right p.bold {
            color: #0088e7;
            font-size: 20px;
            font-weight: bold;
            line-height: 1.0em;
            margin-bottom: 15px; }
            #lb-container.lp_pbp #lb-lp-pbp .contents .inner .left p.bold span, #lb-container.lp_pbp #lb-lp-pbp .contents .inner .right p.bold span {
              display: inline-block;
              background: #0088e7;
              color: #fff;
              font-size: 20px;
              font-style: italic;
              width: 40px;
              height: 40px;
              padding: 10px 11px;
              border-radius: 20px;
              margin-right: 15px; }
      #lb-container.lp_pbp #lb-lp-pbp .contents .inner .left {
        float: left; }
      #lb-container.lp_pbp #lb-lp-pbp .contents .inner .right {
        float: right; }
      #lb-container.lp_pbp #lb-lp-pbp .contents .inner .list {
        float: left;
        width: 231px;
        height: 192px;
        border: 4px #0088e7 solid;
        border-radius: 4px;
        margin-right: 32px;
        position: relative; }
        #lb-container.lp_pbp #lb-lp-pbp .contents .inner .list::before {
          content: '';
          border-top: 10px solid transparent;
          border-left: 16px solid #0088e7;
          border-bottom: 10px solid transparent;
          -ms-transform: scale(0.6);
          -webkit-transform: scale(0.6);
          transform: scale(0.6);
          position: absolute;
          right: -12px;
          top: 50%;
          margin-top: -5px;
          margin-right: -17px; }
        #lb-container.lp_pbp #lb-lp-pbp .contents .inner .list .title {
          color: #0088e7;
          font-size: 18px;
          font-weight: bold;
          line-height: 54px; }
          #lb-container.lp_pbp #lb-lp-pbp .contents .inner .list .title span {
            display: block;
            background: #0088e7;
            width: 56px;
            height: 56px;
            padding: 0px 12px;
            color: #fff;
            font-style: italic;
            font-size: 32px;
            float: left;
            margin-right: 40px; }
        #lb-container.lp_pbp #lb-lp-pbp .contents .inner .list .text {
          padding: 0 18px;
          margin-top: 28px;
          line-height: 1.5em;
          font-size: 16px; }
        #lb-container.lp_pbp #lb-lp-pbp .contents .inner .list:last-child {
          border: 4px #ffa10d solid;
          float: right;
          margin-right: 0;
          background: #fffaf0; }
          #lb-container.lp_pbp #lb-lp-pbp .contents .inner .list:last-child .title {
            color: #ffa10d; }
            #lb-container.lp_pbp #lb-lp-pbp .contents .inner .list:last-child .title span {
              background: #ffa10d; }
          #lb-container.lp_pbp #lb-lp-pbp .contents .inner .list:last-child::before {
            content: '';
            border-top: none;
            border-left: none;
            border-bottom: none; }
      #lb-container.lp_pbp #lb-lp-pbp .contents .inner .box {
        background: #f5f5f5;
        padding: 50px 60px;
        border-radius: 4px; }
        #lb-container.lp_pbp #lb-lp-pbp .contents .inner .box ul {
          margin-left: 32px;
          margin-bottom: 30px; }
          #lb-container.lp_pbp #lb-lp-pbp .contents .inner .box ul li {
            position: relative;
            color: #333333;
            font-size: 16px;
            line-height: 1.5em;
            margin-bottom: 20px; }
            #lb-container.lp_pbp #lb-lp-pbp .contents .inner .box ul li::after {
              display: block;
              content: '';
              position: absolute;
              top: .5em;
              left: -27px;
              width: 9px;
              height: 4px;
              border-left: 2px solid #ffa10d;
              border-bottom: 2px solid #ffa10d;
              -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
        #lb-container.lp_pbp #lb-lp-pbp .contents .inner .box p {
          color: #333333;
          font-size: 14px;
          line-height: 1.5em; }
      #lb-container.lp_pbp #lb-lp-pbp .contents .inner .btn {
        display: block;
        width: 436px;
        height: 80px;
        text-align: center;
        line-height: 80px;
        font-size: 18px;
        font-weight: bold;
        margin: 120px auto 0 auto; }
        #lb-container.lp_pbp #lb-lp-pbp .contents .inner .btn a {
          display: block;
          width: 100%;
          height: 100%;
          color: #ffffff;
          background: #0088e7;
          border-radius: 40px;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
          transition: 0.1s ease-in-out; }
          #lb-container.lp_pbp #lb-lp-pbp .contents .inner .btn a:hover {
            opacity: 0.8;
            transition: 0.1s ease-in-out; }
    #lb-container.lp_pbp #lb-lp-pbp .contents h3 {
      width: 250px;
      position: relative;
      text-align: center;
      font-size: 24px;
      color: #0088e7;
      font-weight: bold;
      margin: 120px auto 55px auto; }
      #lb-container.lp_pbp #lb-lp-pbp .contents h3 span {
        display: block;
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  #lb-container.instagram #lb-wrapper {
    margin-bottom: 0; }
  #lb-container.instagram #lb-instagram {
    color: #444444;
    line-height: 1.7em;
    background: #f7f7f7;
    font-size: 14px; }
    #lb-container.instagram #lb-instagram .instagram-title {
      background: #ffffff; }
      #lb-container.instagram #lb-instagram .instagram-title h2 {
        padding: 38px 0 30px;
        text-align: center;
        line-height: 0; }
        #lb-container.instagram #lb-instagram .instagram-title h2 img {
          width: 290px;
          height: 65px; }
    #lb-container.instagram #lb-instagram .instagram_main {
      width: 1020px;
      margin: 0 auto;
      padding-top: 80px; }
      #lb-container.instagram #lb-instagram .instagram_main > div {
        margin-bottom: 60px; }
        #lb-container.instagram #lb-instagram .instagram_main > div:nth-of-type(2) .sub_title {
          margin-bottom: 20px; }
      #lb-container.instagram #lb-instagram .instagram_main h3 {
        width: 200px;
        background: #f7f7f7;
        position: relative;
        font-family: Futura, 'Century Gothic';
        font-size: 24px;
        margin-bottom: 6px; }
        #lb-container.instagram #lb-instagram .instagram_main h3:after {
          width: 820px;
          height: 2px;
          background: #444;
          position: absolute;
          content: '';
          top: 10px;
          left: 200px; }
      #lb-container.instagram #lb-instagram .instagram_main .sub_title {
        font-size: 12px;
        margin-bottom: 30px;
        font-weight: blod; }
        #lb-container.instagram #lb-instagram .instagram_main .sub_title:last-of-type {
          margin-bottom: 20px; }
    #lb-container.instagram #lb-instagram .follow {
      background: #e1528a;
      padding: 60px 0 80px; }
      #lb-container.instagram #lb-instagram .follow .follow_inner {
        color: #5d4437;
        background: #fff;
        border-radius: 10px;
        width: 1020px;
        margin: 0 auto;
        padding: 40px; }
        #lb-container.instagram #lb-instagram .follow .follow_inner span {
          display: block;
          text-align: center;
          margin: 0 auto; }
        #lb-container.instagram #lb-instagram .follow .follow_inner img {
          width: 42px;
          height: 42px;
          margin-bottom: 10px; }
        #lb-container.instagram #lb-instagram .follow .follow_inner .follow_tx {
          width: 320px;
          margin-bottom: 10px;
          font-size: 14px; }
        #lb-container.instagram #lb-instagram .follow .follow_inner .follow_btn {
          width: 320px;
          height: 50px;
          border: 2px solid #d22d7c;
          box-shadow: 0 3px #d22d7c;
          border-radius: 25px;
          transition: 0.07s ease-in-out;
          transform: translate(0, 0); }
        #lb-container.instagram #lb-instagram .follow .follow_inner a {
          width: 320px;
          height: 100%;
          margin: 0 auto;
          font-family: Futura, 'Century Gothic';
          color: #d22e7e;
          font-size: 15px;
          display: block;
          line-height: 46px;
          transition: 0.07s ease-in-out; }
          #lb-container.instagram #lb-instagram .follow .follow_inner a:hover .follow_btn {
            box-shadow: none;
            transform: translate(0, 3px);
            transition: 0.07s ease-in-out; }
  #lb-container.instagram .inst_1 a {
    display: block;
    width: 100%;
    height: 100%;
    background: #ffffff;
    padding: 20px 0 20px 20px;
    transition: 0.2s ease-in-out;
    border-radius: 6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.02); }
    #lb-container.instagram .inst_1 a:hover {
      background: #eee;
      transition: 0.2s ease-in-out;
      padding: 20px 0 20px 20px; }
  #lb-container.instagram .inst_1 li {
    width: 1020px;
    height: 360px;
    box-sizing: border-box;
    margin-bottom: 20px;
    position: relative; }
    #lb-container.instagram .inst_1 li .img {
      width: 480px;
      height: 320px;
      overflow: hidden;
      display: block;
      float: left;
      margin-right: 20px;
      position: relative; }
      #lb-container.instagram .inst_1 li .img img {
        width: 100%;
        max-width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
    #lb-container.instagram .inst_1 li .insta_text_list {
      float: left;
      width: 500px;
      height: 320px;
      position: relative; }
      #lb-container.instagram .inst_1 li .insta_text_list .list_inner {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        #lb-container.instagram .inst_1 li .insta_text_list .list_inner .category {
          min-width: 48px;
          height: 20px;
          padding: 0 7px;
          background: #f7f7f7;
          letter-spacing: 0;
          font-size: 10px;
          border-radius: 5px;
          display: inline-block;
          margin-bottom: 14px;
          line-height: 20px;
          text-align: center; }
        #lb-container.instagram .inst_1 li .insta_text_list .list_inner .title {
          font-size: 18px;
          font-weight: bold;
          display: block;
          margin-bottom: 18px;
          word-break: break-all;
          font-feature-settings: normal;
          letter-spacing: normal; }
    #lb-container.instagram .inst_1 li .text {
      margin-bottom: 18px;
      display: block;
      font-size: 14px;
      word-break: break-all;
      margin-right: 20px;
      font-feature-settings: normal;
      letter-spacing: normal; }
    #lb-container.instagram .inst_1 li .annotation {
      height: 32px;
      width: 100%; }
      #lb-container.instagram .inst_1 li .annotation:not(:first-of-type) {
        position: absolute;
        bottom: 15px; }
      #lb-container.instagram .inst_1 li .annotation .icon {
        width: 32px;
        height: 32px;
        display: inline-block;
        float: left;
        margin-right: 5px; }
        #lb-container.instagram .inst_1 li .annotation .icon img {
          width: 100%;
          max-width: 100%;
          height: auto;
          border-radius: 50%; }
      #lb-container.instagram .inst_1 li .annotation .anno_inner {
        line-height: 32px;
        float: left; }
        #lb-container.instagram .inst_1 li .annotation .anno_inner .account {
          font-size: 12px;
          padding-right: 30px;
          color: #8d8d8d;
          font-feature-settings: normal;
          letter-spacing: normal; }
        #lb-container.instagram .inst_1 li .annotation .anno_inner .date {
          font-size: 11px;
          padding-right: 12px;
          color: #8d8d8d; }
          #lb-container.instagram .inst_1 li .annotation .anno_inner .date:before {
            content: "\6700\7D42\66F4\65B0";
            margin-right: 12px;
            display: inline-block; }
  #lb-container.instagram .inst_1 .article_half {
    width: 500px;
    height: 300px;
    float: left;
    margin-bottom: 0; }
    #lb-container.instagram .inst_1 .article_half:last-of-type {
      margin-left: 20px; }
    #lb-container.instagram .inst_1 .article_half a {
      padding-right: 20px; }
      #lb-container.instagram .inst_1 .article_half a:hover {
        padding-right: 20px; }
    #lb-container.instagram .inst_1 .article_half .img {
      width: 240px;
      height: 160px;
      float: none; }
    #lb-container.instagram .inst_1 .article_half .insta_text_list_half {
      width: 460px;
      height: 160px;
      float: none;
      margin-bottom: 16px; }
      #lb-container.instagram .inst_1 .article_half .insta_text_list_half .list_inner {
        left: 260px; }
        #lb-container.instagram .inst_1 .article_half .insta_text_list_half .list_inner .title {
          margin-bottom: 0;
          word-break: break-all; }
    #lb-container.instagram .inst_1 .article_half .text {
      margin-right: 0; }
  #lb-container.instagram .inst_2 span {
    display: block; }
  #lb-container.instagram .inst_2 .lead {
    display: block;
    margin-bottom: 10px; }
  #lb-container.instagram .inst_2 ul {
    display: none;
    padding-top: 12px;
    overflow: hidden;
    width: 1020px; }
    #lb-container.instagram .inst_2 ul li {
      padding: 0 20px 20px 0;
      width: calc( 1020px / 3);
      height: 140px;
      float: left; }
      #lb-container.instagram .inst_2 ul li:nth-of-type(3n) {
        padding-right: 0;
        width: calc( 980px / 3); }
      #lb-container.instagram .inst_2 ul li .js_mr {
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02);
        position: relative;
        padding: 15px;
        box-sizing: border-box;
        height: 100%; }
      #lb-container.instagram .inst_2 ul li .icon {
        position: absolute;
        top: -12px;
        width: 55px;
        border-radius: 50%;
        border: 6px solid #fff;
        box-sizing: content-box; }
        #lb-container.instagram .inst_2 ul li .icon img {
          width: 100%;
          max-width: 100%;
          height: auto;
          border-radius: 50%; }
      #lb-container.instagram .inst_2 ul li .name {
        margin-left: 70px;
        font-weight: bold;
        font-feature-settings: normal;
        letter-spacing: normal; }
      #lb-container.instagram .inst_2 ul li .account {
        margin-left: 70px;
        color: #8d8d8d;
        font-size: 12px;
        font-feature-settings: normal;
        letter-spacing: normal; }
      #lb-container.instagram .inst_2 ul li .btn .blog_btn, #lb-container.instagram .inst_2 ul li .btn .inst_btn {
        font-family: Futura, 'Century Gothic';
        font-size: 13px;
        width: 120px;
        height: 30px;
        background: #68bffd;
        border-radius: 15px;
        box-shadow: 0 3px #58a5db;
        line-height: 30px;
        text-align: center;
        transform: translate(0, 0);
        transition: 0.09s ease-in-out; }
      #lb-container.instagram .inst_2 ul li .btn a {
        color: #fff;
        display: block;
        width: 120px;
        height: 30px;
        margin: 18px 10px 0 25px;
        float: left; }
        #lb-container.instagram .inst_2 ul li .btn a:nth-of-type(2) {
          margin: 18px 0 0; }
        #lb-container.instagram .inst_2 ul li .btn a:hover .blog_btn, #lb-container.instagram .inst_2 ul li .btn a:hover .inst_btn {
          line-height: 28px;
          box-shadow: none;
          transform: translate(0, 3px);
          transition: 0.09s ease-in-out; }
      #lb-container.instagram .inst_2 ul li .btn .inst_btn {
        background: #e1528a;
        box-shadow: 0 3px #bf4877; }
  #lb-container.instagram .inst_2 .more {
    width: 320px;
    height: 50px;
    margin: 30px auto 0; }
    #lb-container.instagram .inst_2 .more span {
      position: relative;
      display: block;
      border-radius: 25px;
      width: 100%;
      height: 100%;
      border: 2px solid #444;
      line-height: 44px;
      font-size: 18px;
      padding-left: 122px;
      font-family: Futura, 'Century Gothic';
      cursor: pointer;
      transition: 0.25s ease-in-out; }
      #lb-container.instagram .inst_2 .more span:after {
        content: '';
        display: block;
        position: absolute;
        border-top: 1px solid #444;
        border-right: 1px solid #444;
        transition: 0.25s ease-in-out; }
      #lb-container.instagram .inst_2 .more span:hover {
        background: #666;
        transition: 0.25s ease-in-out;
        color: #fff; }
        #lb-container.instagram .inst_2 .more span:hover:after {
          border-top: 1px solid #fff;
          border-right: 1px solid #fff;
          transition: 0.25s ease-in-out; }
    #lb-container.instagram .inst_2 .more .off:after {
      top: 18px;
      left: 186px;
      width: 7px;
      height: 7px;
      transform: rotate(135deg); }
    #lb-container.instagram .inst_2 .more .on:after {
      top: 23px;
      left: 186px;
      width: 7px;
      height: 7px;
      transform: rotate(-45deg); }
  #lb-container.instagram .inst_3 a {
    display: block;
    background: #fff;
    transition: 0.2s ease-in-out;
    border-radius: 6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.02); }
    #lb-container.instagram .inst_3 a:hover {
      background: #eee;
      transition: 0.2s ease-in-out; }
  #lb-container.instagram .inst_3 ul {
    display: none;
    overflow: hidden;
    width: 1020px;
    padding-top: 10px; }
    #lb-container.instagram .inst_3 ul li {
      width: 260px;
      height: 490px;
      float: left;
      padding: 0 20px 20px 0; }
      #lb-container.instagram .inst_3 ul li:nth-of-type(4n) {
        padding-right: 0;
        width: 240px; }
      #lb-container.instagram .inst_3 ul li .js_mr {
        width: 240px;
        height: 470px;
        position: relative; }
      #lb-container.instagram .inst_3 ul li .mr_20 {
        padding: 15px; }
      #lb-container.instagram .inst_3 ul li .category {
        min-width: 48px;
        height: 20px;
        padding: 0 7px;
        background: #f7f7f7;
        letter-spacing: 0;
        font-size: 10px;
        border-radius: 5px;
        display: inline-block;
        margin-bottom: 14px;
        line-height: 20px;
        text-align: center; }
      #lb-container.instagram .inst_3 ul li .title {
        width: 100%;
        height: 46px;
        font-size: 14px;
        font-weight: bold;
        display: block;
        word-break: break-all;
        font-feature-settings: normal;
        letter-spacing: normal; }
      #lb-container.instagram .inst_3 ul li .img {
        width: 240px;
        height: 160px;
        overflow: hidden;
        display: block;
        position: relative; }
        #lb-container.instagram .inst_3 ul li .img img {
          width: 100%;
          max-width: 100%;
          height: auto;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
      #lb-container.instagram .inst_3 ul li .icon_account {
        width: 100%;
        height: 32px; }
        #lb-container.instagram .inst_3 ul li .icon_account .icon {
          width: 32px;
          height: 32px;
          display: inline-block;
          float: left; }
          #lb-container.instagram .inst_3 ul li .icon_account .icon img {
            width: 100%;
            max-width: 100%;
            height: auto;
            border-radius: 50%; }
      #lb-container.instagram .inst_3 ul li .account {
        color: #8d8d8d;
        font-size: 12px;
        float: left;
        height: 32px;
        line-height: 32px;
        padding-left: 6px;
        font-feature-settings: normal;
        letter-spacing: normal; }
      #lb-container.instagram .inst_3 ul li .text {
        margin: 8px 0;
        display: block;
        word-break: break-all;
        font-feature-settings: normal;
        letter-spacing: normal; }
      #lb-container.instagram .inst_3 ul li .date {
        font-size: 11px;
        color: #8d8d8d;
        display: block;
        position: absolute;
        bottom: 15px; }
        #lb-container.instagram .inst_3 ul li .date:before {
          content: "\6700\7D42\66F4\65B0";
          margin-right: 10px;
          display: inline-block; }
  #lb-container.instagram .inst_3 .more {
    width: 320px;
    height: 50px;
    margin: 30px auto 0; }
    #lb-container.instagram .inst_3 .more span {
      position: relative;
      display: block;
      border-radius: 25px;
      width: 100%;
      height: 100%;
      border: 2px solid #444;
      line-height: 44px;
      font-size: 18px;
      padding-left: 122px;
      font-family: Futura, 'Century Gothic';
      cursor: pointer;
      transition: 0.25s ease-in-out; }
      #lb-container.instagram .inst_3 .more span:after {
        content: '';
        display: block;
        position: absolute;
        border-top: 1px solid #444;
        border-right: 1px solid #444;
        transition: 0.25s ease-in-out; }
      #lb-container.instagram .inst_3 .more span:hover {
        background: #666;
        color: #fff;
        transition: 0.25s ease-in-out; }
        #lb-container.instagram .inst_3 .more span:hover:after {
          border-top: 1px solid #fff;
          border-right: 1px solid #fff;
          transition: 0.25s ease-in-out; }
    #lb-container.instagram .inst_3 .more .off:after {
      top: 18px;
      left: 186px;
      width: 7px;
      height: 7px;
      transform: rotate(135deg); }
    #lb-container.instagram .inst_3 .more .on:after {
      top: 23px;
      left: 186px;
      width: 7px;
      height: 7px;
      transform: rotate(-45deg); }
  #lb-container.instagram #lb-instagram-detail {
    color: #444;
    background: #f7f7f7;
    font-size: 14px; }
    #lb-container.instagram #lb-instagram-detail a {
      display: block; }
    #lb-container.instagram #lb-instagram-detail .instagram-title {
      background: #ffffff; }
      #lb-container.instagram #lb-instagram-detail .instagram-title h2 {
        padding: 38px 0 30px;
        text-align: center;
        line-height: 0; }
        #lb-container.instagram #lb-instagram-detail .instagram-title h2 img {
          width: 290px;
          height: 65px; }
        #lb-container.instagram #lb-instagram-detail .instagram-title h2 a {
          width: 290px;
          margin: 0 auto; }
  #lb-container.instagram .detail_main {
    width: 1020px;
    margin: 0 auto;
    padding-top: 60px; }
    #lb-container.instagram .detail_main .category {
      min-width: 48px;
      height: 20px;
      padding: 0 7px;
      background: #fff;
      letter-spacing: 0;
      font-size: 10px;
      border-radius: 5px;
      display: inline-block;
      margin-bottom: 10px;
      line-height: 20px;
      text-align: center; }
    #lb-container.instagram .detail_main .detail_title {
      font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", YuGothic, "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "\30E1\30A4\30EA\30AA", sans-serif;
      font-weight: bold;
      font-size: 26px;
      margin-bottom: 15px;
      font-feature-settings: normal;
      letter-spacing: normal; }
      #lb-container.instagram .detail_main .detail_title + p {
        font-size: 11px;
        margin-bottom: 40px; }
    #lb-container.instagram .detail_main .blogger_intro {
      background: #fff;
      margin-bottom: 60px;
      padding: 20px 20px 17px;
      border-radius: 6px;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.02); }
      #lb-container.instagram .detail_main .blogger_intro h4 {
        font-size: 14px;
        font-weight: bold;
        width: 100%;
        height: 20px;
        line-height: 20px;
        margin-bottom: 15px; }
        #lb-container.instagram .detail_main .blogger_intro h4 img {
          width: 20px;
          height: 20px;
          margin-right: 11px;
          float: left; }
        #lb-container.instagram .detail_main .blogger_intro h4 span {
          float: left; }
      #lb-container.instagram .detail_main .blogger_intro .blogger {
        margin-bottom: 10px; }
      #lb-container.instagram .detail_main .blogger_intro .icon {
        width: 52px;
        display: block;
        float: left;
        margin-right: 15px; }
        #lb-container.instagram .detail_main .blogger_intro .icon img {
          width: 100%;
          max-width: 100%;
          height: auto;
          border-radius: 50%; }
      #lb-container.instagram .detail_main .blogger_intro .blogger_text {
        float: left;
        width: calc(100% - 67px);
        height: 52px; }
        #lb-container.instagram .detail_main .blogger_intro .blogger_text .name {
          display: block;
          font-size: 14px;
          font-weight: bold;
          margin: 10px 0 8px;
          font-feature-settings: normal;
          letter-spacing: normal; }
        #lb-container.instagram .detail_main .blogger_intro .blogger_text .account {
          display: block;
          color: #8d8d8d;
          font-size: 12px;
          font-feature-settings: normal;
          letter-spacing: normal; }
      #lb-container.instagram .detail_main .blogger_intro .blogger_intro_text {
        line-height: 1.7;
        font-feature-settings: normal;
        letter-spacing: normal; }
  #lb-container.instagram .list {
    width: 760px;
    float: left;
    line-height: 1.7;
    padding-right: 20px; }
    #lb-container.instagram .list h4 {
      font-size: 18px;
      font-weight: bold;
      background: url("/blog_portal/pc/img/v3/influencernews/line.svg") repeat-y;
      padding-left: 21px;
      margin-bottom: 20px;
      font-feature-settings: normal;
      letter-spacing: normal; }
    #lb-container.instagram .list .list_box {
      background: #fff;
      margin-bottom: 40px;
      padding: 20px;
      border-radius: 6px;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.02); }
      #lb-container.instagram .list .list_box > div {
        margin-top: 20px; }
        #lb-container.instagram .list .list_box > div:first-of-type {
          margin-top: 0; }
      #lb-container.instagram .list .list_box .img {
        width: 440px;
        margin-left: 20px;
        display: block; }
        #lb-container.instagram .list .list_box .img img {
          vertical-align: bottom;
          width: 100%;
          max-width: 100%;
          height: auto; }
      #lb-container.instagram .list .list_box .txt {
        width: 240px;
        display: block;
        font-feature-settings: normal;
        letter-spacing: normal; }
      #lb-container.instagram .list .list_box .left_top span {
        float: left; }
      #lb-container.instagram .list .list_box .left_top .img {
        margin: 0 20px 0 0; }
      #lb-container.instagram .list .list_box .left_center {
        display: flex;
        align-items: center; }
        #lb-container.instagram .list .list_box .left_center .img {
          margin: 0 20px 0 0; }
      #lb-container.instagram .list .list_box .topleft_bottomleft {
        margin-top: 35px; }
        #lb-container.instagram .list .list_box .topleft_bottomleft .img {
          width: 510px;
          margin: 0; }
        #lb-container.instagram .list .list_box .topleft_bottomleft .txt {
          width: 100%; }
      #lb-container.instagram .list .list_box .topcenter_bottomleft .img {
        width: 400px;
        margin: 0 auto; }
      #lb-container.instagram .list .list_box .topcenter_bottomleft .txt {
        margin-top: 6px;
        width: 100%; }
      #lb-container.instagram .list .list_box .right_lefttop span {
        float: left; }
      #lb-container.instagram .list .list_box .right_leftcenter {
        display: flex;
        align-items: center; }
    #lb-container.instagram .list .txt_only .txt {
      width: 100%; }
  #lb-container.instagram .side {
    width: 260px;
    padding-left: 20px;
    float: left;
    line-height: 1.7;
    margin-top: 50px; }
    #lb-container.instagram .side .blogger_side {
      text-align: center;
      width: 240px;
      min-height: 223px;
      margin-bottom: 20px;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.02);
      background: #fff;
      border-radius: 6px;
      padding: 20px; }
      #lb-container.instagram .side .blogger_side .icon {
        display: block;
        width: 75px;
        border-radius: 50%;
        border: 6px solid #fff;
        box-sizing: content-box;
        margin: -35px auto 4px;
        line-height: 0; }
        #lb-container.instagram .side .blogger_side .icon img {
          width: 100%;
          min-width: 100%;
          height: auto;
          border-radius: 50%; }
      #lb-container.instagram .side .blogger_side .name {
        font-size: 14px;
        font-weight: bold;
        display: block;
        line-height: 1.4;
        font-feature-settings: normal;
        letter-spacing: normal; }
      #lb-container.instagram .side .blogger_side .account {
        color: #8d8d8d;
        font-size: 12px;
        display: block;
        line-height: 1.4;
        font-feature-settings: normal;
        letter-spacing: normal; }
      #lb-container.instagram .side .blogger_side .btn .blog_btn, #lb-container.instagram .side .blogger_side .btn .inst_btn {
        font-family: Futura, 'Century Gothic';
        font-size: 13px;
        width: 200px;
        height: 30px;
        display: block;
        background: #68bffd;
        border-radius: 15px;
        box-shadow: 0 3px #58a5db;
        line-height: 30px;
        text-align: center;
        margin: 20px 0 10px;
        transform: translate(0, 0);
        transition: 0.09s ease-in-out; }
      #lb-container.instagram .side .blogger_side .btn a {
        color: #fff;
        display: block; }
        #lb-container.instagram .side .blogger_side .btn a:hover .blog_btn, #lb-container.instagram .side .blogger_side .btn a:hover .inst_btn {
          line-height: 28px;
          box-shadow: none;
          transform: translate(0, 3px);
          transition: 0.09s ease-in-out; }
      #lb-container.instagram .side .blogger_side .btn .inst_btn {
        background: #e1528a;
        box-shadow: 0 3px #bf4877;
        margin: 0;
        transition: 0.09s ease-in-out; }
    #lb-container.instagram .side .follow {
      width: 240px;
      height: 220px;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.02);
      background: #fff;
      border-radius: 6px;
      padding: 20px;
      margin-bottom: 60px;
      text-align: center; }
      #lb-container.instagram .side .follow .img {
        width: 42px;
        display: block;
        margin: 0 auto 8px; }
        #lb-container.instagram .side .follow .img img {
          width: 100%;
          max-width: 100%;
          height: auto; }
      #lb-container.instagram .side .follow .follow_tx {
        display: block;
        margin-bottom: 20px; }
      #lb-container.instagram .side .follow .follow_btn {
        width: 200px;
        height: 30px;
        border: 2px solid #d22d7c;
        box-shadow: 0 3px #d22d7c;
        border-radius: 15px;
        transition: 0.07s ease-in-out;
        transform: translate(0, 0);
        display: block; }
      #lb-container.instagram .side .follow a {
        width: 100%;
        height: 100%;
        font-family: Futura, 'Century Gothic';
        color: #d22e7e;
        font-size: 13px;
        display: block;
        line-height: 26px;
        transition: 0.07s ease-in-out; }
        #lb-container.instagram .side .follow a:hover .follow_btn {
          box-shadow: none;
          transform: translate(0, 3px);
          transition: 0.07s ease-in-out; }
    #lb-container.instagram .side .recommend h4 {
      width: 240px;
      position: relative;
      font-family: Futura, 'Century Gothic';
      font-size: 24px;
      margin-bottom: 6px;
      line-height: 1; }
      #lb-container.instagram .side .recommend h4:after {
        width: 56px;
        height: 2px;
        background: #444;
        position: absolute;
        content: '';
        top: 10px;
        left: 184px; }
    #lb-container.instagram .side .recommend .sub {
      font-size: 12px;
      margin-bottom: 30px;
      font-weight: bold;
      line-height: 1; }
    #lb-container.instagram .side .recommend li {
      width: 240px;
      height: 470px;
      margin-bottom: 20px;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.02);
      background: #fff;
      border-radius: 6px;
      position: relative; }
      #lb-container.instagram .side .recommend li .mr_20 {
        padding: 15px; }
      #lb-container.instagram .side .recommend li .category {
        color: #444444;
        min-width: 48px;
        height: 20px;
        padding: 0 7px;
        background: #f7f7f7;
        letter-spacing: 0;
        font-size: 10px;
        border-radius: 5px;
        display: inline-block;
        margin-bottom: 14px;
        line-height: 20px;
        text-align: center; }
      #lb-container.instagram .side .recommend li .title {
        width: 100%;
        height: 46px;
        font-size: 14px;
        font-weight: bold;
        display: block;
        word-break: break-all;
        font-feature-settings: normal;
        letter-spacing: normal; }
      #lb-container.instagram .side .recommend li .img {
        width: 240px;
        height: 160px;
        overflow: hidden;
        display: block;
        position: relative; }
        #lb-container.instagram .side .recommend li .img img {
          width: 100%;
          max-width: 100%;
          height: auto;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
      #lb-container.instagram .side .recommend li .icon_account {
        width: 100%;
        height: 32px; }
        #lb-container.instagram .side .recommend li .icon_account .icon {
          width: 32px;
          height: 32px;
          display: inline-block;
          float: left; }
          #lb-container.instagram .side .recommend li .icon_account .icon img {
            width: 100%;
            max-width: 100%;
            height: auto;
            border-radius: 50%; }
      #lb-container.instagram .side .recommend li .account {
        color: #8d8d8d;
        font-size: 12px;
        float: left;
        height: 32px;
        line-height: 32px;
        padding-left: 6px;
        font-feature-settings: normal;
        letter-spacing: normal; }
      #lb-container.instagram .side .recommend li .text {
        margin: 8px 0;
        display: block;
        word-break: break-all;
        font-feature-settings: normal;
        letter-spacing: normal; }
      #lb-container.instagram .side .recommend li .date {
        font-size: 12px;
        color: #8d8d8d;
        display: block;
        position: absolute;
        bottom: 15px; }
        #lb-container.instagram .side .recommend li .date:before {
          content: "\6700\7D42\66F4\65B0";
          margin-right: 10px;
          display: inline-block; }