@charset "UTF-8";
.flex-center-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.flex-center-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-between-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.font-xs {
  font-size: 0.75rem;
  line-height: 1.2rem; }

.font-sm {
  font-size: 0.875rem;
  line-height: 1.4rem; }

.font-base {
  font-size: 1rem;
  line-height: 1.6rem; }

.font-lg {
  font-size: 1.125rem;
  line-height: 1.8rem; }

.font-xl {
  font-size: 1.25rem;
  line-height: 2rem; }

.font-2xl {
  font-size: 1.5rem;
  line-height: 2.4rem; }

.font-3xl {
  font-size: 1.875rem;
  line-height: 3rem; }

.font-4xl {
  font-size: 2.25rem;
  line-height: 3.6rem; }

.font-5xl {
  font-size: 3rem;
  line-height: 4.8rem; }

.font-6xl {
  font-size: 3.75rem;
  line-height: 6rem; }

.font-7xl {
  font-size: 4.5rem;
  line-height: 7.2rem; }

.font-8xl {
  font-size: 6rem;
  line-height: 9.6rem; }

.font-9xl {
  font-size: 8rem;
  line-height: 12.8rem; }

.text-with-shadow {
  text-shadow: 2px 2px 6px #3e0709; }

.gradient-text {
  color: transparent;
  background-image: -webkit-linear-gradient(30deg, #9a7b2d 5%, #c9b260 19.89%, #fce57e 32.8%, #f0e8a1 52.4%, #e4d17d 72.98%, #9a7b2d 90%);
  background-image: -o-linear-gradient(30deg, #9a7b2d 5%, #c9b260 19.89%, #fce57e 32.8%, #f0e8a1 52.4%, #e4d17d 72.98%, #9a7b2d 90%);
  background-image: linear-gradient(60deg, #9a7b2d 5%, #c9b260 19.89%, #fce57e 32.8%, #f0e8a1 52.4%, #e4d17d 72.98%, #9a7b2d 90%);
  -webkit-background-clip: text;
  background-clip: text; }

.align-right {
  margin-right: 0;
  margin-left: auto;
  display: block; }

.align-center {
  margin-right: auto;
  margin-left: auto;
  display: block; }

.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

@-webkit-keyframes subttl-light {
  0% {
    opacity: 0;
    left: 40%; }
  50% {
    opacity: 1;
    left: 50%; }
  100% {
    opacity: 0;
    left: 60%; } }

@keyframes subttl-light {
  0% {
    opacity: 0;
    left: 40%; }
  50% {
    opacity: 1;
    left: 50%; }
  100% {
    opacity: 0;
    left: 60%; } }

@-webkit-keyframes point {
  0% {
    -webkit-transform: translate(-5px, -5px);
    transform: translate(-5px, -5px); }
  50% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }

@keyframes point {
  0% {
    -webkit-transform: translate(-5px, -5px);
    transform: translate(-5px, -5px); }
  50% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  .video-container > iframe, .video-container > object, .video-container > embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*	使用方式
	.video-container
		iframe(src="https://www.youtube.com/embed/YygVVvuIWm4", frameborder="0", allowfullscreen) */
.catalog {
  -webkit-box-shadow: 0 5px 10px rgba(73, 46, 31, 0.2);
  box-shadow: 0 5px 10px rgba(73, 46, 31, 0.2);
  border-radius: 20px; }

.catalog-thead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  text-align: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.catalog-thead {
  z-index: 1;
  position: relative;
  cursor: pointer;
  margin-top: 1.5rem;
  border: solid 3px #F0E8DA;
  border-radius: 24px;
  background: -webkit-gradient(linear, left top, right top, from(#281D0F), color-stop(11%, #36240E), color-stop(32%, #5B360D), color-stop(51%, #824A0D), color-stop(62%, #673C0E), color-stop(78%, #462C0F), color-stop(91%, #322210), to(#2B1F11));
  background: -webkit-linear-gradient(left, #281D0F 0%, #36240E 11%, #5B360D 32%, #824A0D 51%, #673C0E 62%, #462C0F 78%, #322210 91%, #2B1F11 100%);
  background: -o-linear-gradient(left, #281D0F 0%, #36240E 11%, #5B360D 32%, #824A0D 51%, #673C0E 62%, #462C0F 78%, #322210 91%, #2B1F11 100%);
  background: linear-gradient(90deg, #281D0F 0%, #36240E 11%, #5B360D 32%, #824A0D 51%, #673C0E 62%, #462C0F 78%, #322210 91%, #2B1F11 100%); }

.thead-name {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc( 100% - 45px);
  padding-left: 1rem;
  padding-right: 3rem;
  letter-spacing: 1.5px; }
  @media screen and (max-width: 768px) {
    .thead-name {
      line-height: 1.45rem; }
      .thead-name p {
        display: none; } }

.thead-section {
  border-radius: 1rem;
  line-height: 1.5rem;
  padding: 0 .5rem;
  width: 34px;
  height: 34px;
  background: url(../../dist/img/info-icon.png);
  background-size: 100% auto; }

.catalog-tr {
  z-index: 0;
  border-radius: 0 0 24px 24px;
  font-weight: 300; }

.catalog-td {
  padding: .35rem 0;
  margin-bottom: .25rem; }
  @media screen and (max-width: 768px) {
    .catalog-td {
      margin-bottom: .5rem; } }

.td-name {
  width: 100%; }
  @media screen and (max-width: 768px) {
    .td-name {
      margin-bottom: .25rem; } }

.catalog-switch.close::before, .catalog-switch.open::before {
  width: 45px;
  height: 25px;
  position: absolute;
  right: 0;
  top: calc( 50% - 12px); }

.catalog-switch.close::before {
  content: '';
  background: url("../../dist/img/close.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.catalog-switch.open::before {
  content: '';
  background: url("../../dist/img/open.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

#topbar {
  background-color: #C8161D; }
  #topbar .item a {
    padding-bottom: 2px; }
    #topbar .item a:hover {
      color: #FDD000;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(96%, rgba(253, 208, 0, 0)), color-stop(96%, #FDD000));
      background: -webkit-linear-gradient(top, rgba(253, 208, 0, 0) 96%, #FDD000 96%);
      background: -o-linear-gradient(top, rgba(253, 208, 0, 0) 96%, #FDD000 96%);
      background: linear-gradient(180deg, rgba(253, 208, 0, 0) 96%, #FDD000 96%); }
  @media screen and (max-width: 1024px) {
    #topbar {
      padding-right: 15px; }
      #topbar .burger-trigger {
        z-index: 999;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 40px;
        height: 40px;
        outline: 0; }
        #topbar .burger-trigger, #topbar .burger-trigger span {
          -webkit-transition: .2s;
          -o-transition: .2s;
          transition: .2s;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }
        #topbar .burger-trigger span {
          position: relative;
          display: block;
          width: 100%;
          height: 2px;
          background: #fff; }
        #topbar .burger-trigger.active .first, #topbar .burger-trigger.active .last {
          background: #fff; }
        #topbar .burger-trigger.active .middle {
          opacity: 0; }
        #topbar .burger-trigger.active .first {
          top: 13px;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        #topbar .burger-trigger.active .last {
          bottom: 13px;
          -webkit-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
          transform: rotate(135deg); }
      #topbar .nav-wrap {
        z-index: 99;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        opacity: 0;
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
        transition: opacity .4s ease, -webkit-transform .4s ease;
        -o-transition: transform .4s ease, opacity .4s ease;
        transition: transform .4s ease, opacity .4s ease;
        transition: transform .4s ease, opacity .4s ease, -webkit-transform .4s ease;
        background-color: #C8161D; }
        #topbar .nav-wrap.active {
          opacity: 1;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0); }
        #topbar .nav-wrap .nav {
          z-index: 99;
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
        #topbar .nav-wrap .item {
          min-width: 300px; }
          #topbar .nav-wrap .item a {
            display: block;
            text-align: center;
            font-size: 1.35rem;
            margin-bottom: 1rem;
            padding-top: .5rem;
            padding-bottom: .5rem;
            -webkit-transition: color .3s ease;
            -o-transition: color .3s ease;
            transition: color .3s ease; }
            #topbar .nav-wrap .item a:hover {
              background: #C8161D;
              color: #FDD000;
              -webkit-transition: color .3s ease;
              -o-transition: color .3s ease;
              transition: color .3s ease; } }
  @media screen and (max-width: 540px) {
    #topbar .burger-trigger {
      width: 30px;
      height: 30px; }
      #topbar .burger-trigger.active .first {
        top: 10px; }
      #topbar .burger-trigger.active .last {
        bottom: 10px; } }

.spartan {
  font-family: Spartan, sans-serif;
  font-weight: 500; }

body * {
  position: relative; }

body h3, body h4, body h5, body h6, body p, body ul, body li {
  font-weight: 300; }

body .letter-spacing-s {
  letter-spacing: 1.2px; }

body .letter-spacing-m {
  letter-spacing: 1.5px; }

.circle {
  width: 40px;
  height: 40px;
  background: #E78412;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%; }
  .circle.purple {
    width: 44px;
    height: 44px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(13%, #875496), color-stop(60%, #704285), to(#1F2968));
    background: -webkit-linear-gradient(bottom, #875496 13%, #704285 60%, #1F2968 100%);
    background: -o-linear-gradient(bottom, #875496 13%, #704285 60%, #1F2968 100%);
    background: linear-gradient(0deg, #875496 13%, #704285 60%, #1F2968 100%); }
  @media screen and (max-width: 480px) {
    .circle {
      width: 30px;
      height: 30px; } }
  @media screen and (max-width: 768px) {
    .circle.purple {
      width: 30px;
      height: 30px; } }
  @media screen and (max-width: 480px) {
    .circle {
      width: 30px;
      height: 30px; } }
  .circle span {
    color: #fff;
    width: 36px;
    height: 36px;
    z-index: 1;
    border: solid 1px rgba(240, 232, 218, 0.5);
    border-radius: 50%; }
    @media screen and (max-width: 480px) {
      .circle span {
        width: 26px;
        height: 26px;
        line-height: 1.3; } }

.circle-title .circle {
  margin-right: -.25rem; }

.circle-title .line {
  height: 2px; }

.purple-text {
  font-weight: 500;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(13%, #875496), color-stop(60%, #704285), to(#1F2968));
  background: -webkit-linear-gradient(bottom, #875496 13%, #704285 60%, #1F2968 100%);
  background: -o-linear-gradient(bottom, #875496 13%, #704285 60%, #1F2968 100%);
  background: linear-gradient(0deg, #875496 13%, #704285 60%, #1F2968 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  z-index: 2;
  letter-spacing: 2px; }
  .purple-text::before {
    content: "《贏家方案》";
    position: absolute;
    top: 4px;
    z-index: -1;
    -webkit-text-stroke: 4px #fff;
    text-stroke: 4px #fff; }
    @media screen and (max-width: 768px) {
      .purple-text::before {
        top: 3px;
        -webkit-text-stroke: 2px #fff;
        text-stroke: 2px #fff; } }

.whiteborder-text {
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; }

.gojoin {
  border-radius: 10px 0 0 10px;
  background: -webkit-gradient(linear, left top, right top, from(#281D0F), color-stop(11%, #36240E), color-stop(32%, #5B360D), color-stop(51%, #824A0D), color-stop(62%, #673C0E), color-stop(78%, #462C0F), color-stop(91%, #322210), to(#2B1F11)) padding-box, -webkit-gradient(linear, left top, right top, color-stop(1%, #7A2A0E), color-stop(13%, #DDA235), color-stop(19%, #F7C759), color-stop(30%, #D6982B), color-stop(43%, #FFFC9F), color-stop(52%, #FEFD8E), color-stop(60%, #ECD56E), color-stop(66%, #DFB957), color-stop(72%, #D7A849), color-stop(77%, #D5A244), color-stop(96%, #8E3C03)) border-box;
  background: -webkit-linear-gradient(left, #281D0F 0%, #36240E 11%, #5B360D 32%, #824A0D 51%, #673C0E 62%, #462C0F 78%, #322210 91%, #2B1F11 100%) padding-box, -webkit-linear-gradient(left, #7A2A0E 1%, #DDA235 13%, #F7C759 19%, #D6982B 30%, #FFFC9F 43%, #FEFD8E 52%, #ECD56E 60%, #DFB957 66%, #D7A849 72%, #D5A244 77%, #8E3C03 96%) border-box;
  background: -o-linear-gradient(left, #281D0F 0%, #36240E 11%, #5B360D 32%, #824A0D 51%, #673C0E 62%, #462C0F 78%, #322210 91%, #2B1F11 100%) padding-box, -o-linear-gradient(left, #7A2A0E 1%, #DDA235 13%, #F7C759 19%, #D6982B 30%, #FFFC9F 43%, #FEFD8E 52%, #ECD56E 60%, #DFB957 66%, #D7A849 72%, #D5A244 77%, #8E3C03 96%) border-box;
  background: linear-gradient(90deg, #281D0F 0%, #36240E 11%, #5B360D 32%, #824A0D 51%, #673C0E 62%, #462C0F 78%, #322210 91%, #2B1F11 100%) padding-box, linear-gradient(90deg, #7A2A0E 1%, #DDA235 13%, #F7C759 19%, #D6982B 30%, #FFFC9F 43%, #FEFD8E 52%, #ECD56E 60%, #DFB957 66%, #D7A849 72%, #D5A244 77%, #8E3C03 96%) border-box;
  border-style: solid;
  border-width: 2px;
  border-color: transparent;
  -webkit-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out; }
  .gojoin.ani {
    -webkit-animation: fadeInUp;
    animation: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s; }
    .gojoin.ani:nth-child(1) {
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s;
      -webkit-animation-fill-mode: backwards;
      animation-fill-mode: backwards; }
    .gojoin.ani:nth-child(2) {
      -webkit-animation-delay: 0.8s;
      animation-delay: 0.8s;
      -webkit-animation-fill-mode: backwards;
      animation-fill-mode: backwards; }
  .gojoin a {
    display: block;
    text-align: center; }
    .gojoin a span {
      line-height: 1.2; }
  .gojoin:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }

.light-bottom {
  width: 344px;
  height: 45px;
  position: absolute;
  bottom: -22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("../../dist/img/light.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-animation: subttl-light 2s ease-in infinite alternate;
  animation: subttl-light 2s ease-in infinite alternate; }

#home {
  background: #DB7500; }
  #home .container {
    padding: 0 1rem; }
  #home .kv {
    max-width: 1000px;
    margin: 0 auto; }
    #home .kv .teacher-pic {
      position: absolute;
      left: 3.5rem;
      bottom: -15.5rem;
      z-index: 2;
      max-width: 250px;
      -webkit-animation: fadeInRight;
      animation: fadeInRight;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-delay: 0.8s;
      animation-delay: 0.8s;
      -webkit-animation-fill-mode: backwards;
      animation-fill-mode: backwards; }
    #home .kv .word {
      width: auto;
      z-index: 1;
      -webkit-animation: fadeInUp;
      animation: fadeInUp;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s;
      -webkit-animation-fill-mode: backwards;
      animation-fill-mode: backwards; }
  @media screen and (max-width: 1200px) {
    #home .kv {
      max-width: 900px; }
      #home .kv .teacher-pic {
        left: 2.5rem;
        bottom: -13.5rem;
        max-width: 220px; } }
  @media screen and (max-width: 990px) {
    #home .kv {
      max-width: 600px; }
      #home .kv .teacher-pic {
        left: 3rem;
        bottom: 0;
        max-width: 180px; } }
  @media screen and (max-width: 540px) {
    #home .kv .teacher-pic {
      left: 2.5rem;
      max-width: 140px; } }
  @media screen and (max-width: 480px) {
    #home .kv {
      margin-right: -2rem;
      margin-left: -2rem; }
      #home .kv .teacher-pic {
        left: 2.5rem;
        max-width: 140px; } }

#gojoins {
  position: fixed;
  right: 0;
  bottom: 5%;
  z-index: 99; }

#sale {
  background: -webkit-gradient(linear, left top, right top, color-stop(6%, #F5B241), color-stop(36%, #F7D66E), color-stop(50%, #FAF3AE), color-stop(76%, #F6C457));
  background: -webkit-linear-gradient(left, #F5B241 6%, #F7D66E 36%, #FAF3AE 50%, #F6C457 76%);
  background: -o-linear-gradient(left, #F5B241 6%, #F7D66E 36%, #FAF3AE 50%, #F6C457 76%);
  background: linear-gradient(90deg, #F5B241 6%, #F7D66E 36%, #FAF3AE 50%, #F6C457 76%);
  cursor: pointer; }
  #sale .top-bar {
    background: -webkit-gradient(linear, left top, right top, from(#E04439), color-stop(25%, #C2202A), color-stop(50%, #E04439), color-stop(75%, #E04439), to(#DB3D35));
    background: -webkit-linear-gradient(left, #E04439 0%, #C2202A 25%, #E04439 50%, #E04439 75%, #DB3D35 100%);
    background: -o-linear-gradient(left, #E04439 0%, #C2202A 25%, #E04439 50%, #E04439 75%, #DB3D35 100%);
    background: linear-gradient(90deg, #E04439 0%, #C2202A 25%, #E04439 50%, #E04439 75%, #DB3D35 100%); }
  #sale .book-3d {
    max-width: 300px;
    top: -10rem;
    right: 4rem;
    z-index: 2;
    -webkit-animation: fadeInDown;
    animation: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards; }
  #sale .btn-wrap {
    max-width: 500px;
    z-index: 10;
    -webkit-animation: fadeInUp;
    animation: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards; }
    #sale .btn-wrap .gojoin {
      display: inline-block;
      border-radius: 10px;
      -webkit-transition: 0.5s ease-out;
      -o-transition: 0.5s ease-out;
      transition: 0.5s ease-out; }
      #sale .btn-wrap .gojoin:nth-child(1) {
        font-size: 30px; }
      #sale .btn-wrap .gojoin:nth-child(2) {
        font-size: 28px; }
      #sale .btn-wrap .gojoin .point {
        position: absolute;
        right: -1.5rem;
        bottom: -1.5rem;
        -webkit-animation: point 0.5s ease-in infinite alternate;
        animation: point 0.5s ease-in infinite alternate; }
  @media screen and (max-width: 1200px) {
    #sale .book-3d {
      top: -8rem;
      right: 3rem;
      max-width: 250px; } }
  @media screen and (min-width: 991px) {
    #sale .book-3d {
      position: absolute; } }
  @media screen and (max-width: 990px) {
    #sale .book-3d {
      top: auto;
      right: auto;
      margin: 1rem auto 0 auto; } }
  @media screen and (max-width: 768px) {
    #sale .btn-wrap .gojoin:nth-child(1) {
      font-size: 22px; }
    #sale .btn-wrap .gojoin:nth-child(2) {
      font-size: 20px; } }

#mov .mov .video-container {
  border-width: 3px; }

#banner a {
  -webkit-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  -webkit-animation: fadeInUp;
  animation: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }
  #banner a img {
    border-width: 3px; }
  #banner a:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }
  #banner a:nth-child(1) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards; }
  #banner a:nth-child(2) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards; }

#author .info-wrap {
  border-width: 3px; }
  #author .info-wrap #info {
    width: 50%;
    -webkit-animation: fadeInLeft;
    animation: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards; }
    @media screen and (max-width: 990px) {
      #author .info-wrap #info {
        width: 100%;
        margin-bottom: 2rem; } }
    #author .info-wrap #info .title .name {
      max-width: 160px; }
  #author .info-wrap #history {
    width: 55%;
    border-left: solid 3px #E78412; }
    @media screen and (max-width: 990px) {
      #author .info-wrap #history {
        width: 100%; } }
    #author .info-wrap #history .item {
      -webkit-animation: fadeInUp;
      animation: fadeInUp;
      -webkit-animation-duration: 1s;
      animation-duration: 1s; }
      #author .info-wrap #history .item:nth-child(2) {
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
        -webkit-animation-fill-mode: backwards;
        animation-fill-mode: backwards; }
      #author .info-wrap #history .item:nth-child(3) {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
        -webkit-animation-fill-mode: backwards;
        animation-fill-mode: backwards; }
      #author .info-wrap #history .item .dote {
        border: solid 3px #FFF3E4;
        border-radius: 100%;
        width: 20px;
        height: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
        flex: 0 0 20px;
        background: #E78412; }
        #author .info-wrap #history .item .dote.red {
          background: #C8161D; }
      #author .info-wrap #history .item .pic {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
        flex: 0 0 70px; }
        #author .info-wrap #history .item .pic.note {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 150px;
          flex: 0 0 150px; }
          @media screen and (max-width: 480px) {
            #author .info-wrap #history .item .pic.note {
              -webkit-box-flex: 0;
              -ms-flex: 0 0 100px;
              flex: 0 0 100px;
              margin-left: -1rem; } }
      #author .info-wrap #history .item a {
        color: #163294;
        text-decoration: underline; }
        #author .info-wrap #history .item a.black {
          color: #000; }
        #author .info-wrap #history .item a:hover {
          color: #DB7500; }
          #author .info-wrap #history .item a:hover.black {
            color: #DB7500; }
  #author .info-wrap .logo-wrap {
    -webkit-animation: fadeInDown;
    animation: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards; }