/*  import css files  */
/* ### mixin.scss ### */
/* ### contents.scss ### */
#ninetieth {
  background: #fff; }
  #ninetieth * {
    box-sizing: border-box; }
  #ninetieth .hide {
    text-indent: -9999px; }
  #ninetieth .contents-inner {
    background: url(../images/90th_cp/bg.png);
    width: 950px;
    margin: 0px auto;
    padding-bottom: 50px;
    padding-top: 0px;
    position: relative; }
    #ninetieth .contents-inner .social {
      position: absolute;
      margin: 0px auto;
      right: 0px;
      top: 5px;
      width: 100%;
      height: 25px; }
      #ninetieth .contents-inner .social ul {
        float: right;
        padding: 5px;
        width: 100%; }
      #ninetieth .contents-inner .social li {
        float: right;
        padding-left: 8px; }
    #ninetieth .contents-inner h2 {
      margin: 40px auto;
      width: 901px; }
    #ninetieth .contents-inner h2,
    #ninetieth .contents-inner h3,
    #ninetieth .contents-inner h4,
    #ninetieth .contents-inner p {
      text-align: center; }
    #ninetieth .contents-inner h3 {
      margin-bottom: 30px; }
    #ninetieth .contents-inner h4 {
      margin: 30px auto 25px; }
  #ninetieth .con1 {
    background: url(../images/90th_cp/title.jpg) no-repeat;
    width: 950px;
    height: 650px;
    position: relative; }
    #ninetieth .con1 h1 {
      display: none; }
  #ninetieth .menu {
    background: url(../images/90th_cp/bg-menu.jpg) no-repeat;
    height: 90px;
    zoom: 1; }
    #ninetieth .menu:before, #ninetieth .menu:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "."; }
    #ninetieth .menu:after {
      clear: both; }
    #ninetieth .menu li {
      width: 33.333%;
      height: 90px;
      float: left; }
    #ninetieth .menu a {
      display: block;
      width: 100%;
      height: 100%;
      text-indent: -9999px; }
    #ninetieth .menu a:hover {
      background: url(../images/90th_cp/bg-menu-hover.jpg) no-repeat; }
    #ninetieth .menu li:nth-child(1) a:hover {
      background-position: 0px 0px; }
    #ninetieth .menu li:nth-child(2) a:hover {
      background-position: -316px 0px; }
    #ninetieth .menu li:nth-child(3) a:hover {
      background-position: -633px 0px; }
  #ninetieth .con3 {
    position: relative; }
    #ninetieth .con3 h2 {
      margin-bottom: 520px; }
    #ninetieth .con3 .step {
      position: absolute;
      width: 410px;
      height: 428px;
      top: 100px; }
    #ninetieth .con3 .step1 {
      left: 50px; }
      #ninetieth .con3 .step1 a {
        position: absolute;
        top: 100px;
        left: 30px;
        width: 350px;
        height: 59px;
        background: url(../images/90th_cp/btn-follow.png) no-repeat;
        text-indent: -9999px; }
      #ninetieth .con3 .step1 a:hover {
        background: url(../images/90th_cp/btn-follow-hover.png) no-repeat; }
    #ninetieth .con3 .step2 {
      right: 50px; }
    #ninetieth .con3 p {
      text-align: center;
      margin-bottom: 50px; }
  #ninetieth .pre {
    position: relative;
    margin-bottom: 50px; }
    #ninetieth .pre a.btn {
      right: 35px;
      top: 217px;
      position: absolute;
      display: block;
      width: 400px;
      height: 59px;
      text-indent: -9999px; }
      #ninetieth .pre a.btn:hover {
        opacity: 0.7; }
      #ninetieth .pre a.btn.red {
        background: url(../images/90th_cp/btn-p-red.png) no-repeat; }
      #ninetieth .pre a.btn.blue {
        background: url(../images/90th_cp/btn-p-blue.png) no-repeat; }
      #ninetieth .pre a.btn.green {
        background: url(../images/90th_cp/btn-p-green.png) no-repeat; }
      #ninetieth .pre a.btn.yellow {
        background: url(../images/90th_cp/btn-p-yellow.png) no-repeat; }
    #ninetieth .pre p {
      margin-bottom: 20px; }
    #ninetieth .pre .prebox {
      position: relative;
      width: 862px;
      margin: 0px auto 10px; }
  #ninetieth .iframe {
    text-align: left;
    padding: 10px 30px 30px;
    margin: 15px auto 0px;
    width: 850px;
    border: 1px solid #ccc;
    max-height: 50vh;
    overflow-y: auto;
    background: #fff; }
    #ninetieth .iframe h4 {
      font-size: 20px;
      font-weight: bold;
      text-align: left;
      margin: 20px 0px 10px; }
    #ninetieth .iframe p {
      font-size: 14px;
      text-align: left;
      margin: 0px 0px 10px; }
    #ninetieth .iframe ul {
      margin: 0px 0px 10px; }
    #ninetieth .iframe li {
      font-size: 14px;
      list-style-type: disc;
      margin-left: 15px; }
  #ninetieth .slideInT {
    opacity: 0;
    transition: all 1s ease-out;
    position: relative;
    top: 50px; }
  #ninetieth .slideInTOn {
    opacity: 1;
    transition: all 0.7s ease-out;
    top: 0px; }
  #ninetieth .box {
    margin: -30px 0 30px; }
    #ninetieth .box p {
      margin-bottom: 10px;
      font-size: 14px;
      text-align: center; }