* {
  margin: 0;
  padding: 0;
  line-height: 1.2;
  position: relative;
  cursor: default;
  vertical-align: top;
  letter-spacing: 0.3px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

html {
  font-size: 16px; }
  @media all and (max-width: 490px) {
    html {
      font-size: 14px; } }

body::-webkit-scrollbar {
  display: none; }

a {
  text-decoration: none;
  cursor: pointer;
  color: #2b3b3f;
  outline: none; }
  a * {
    cursor: pointer; }

li {
  list-style-type: none; }

body {
  min-height: 100vh;
  width: 100%;
  font-family: 'Noto Sans TC', sans-serif;
  max-width: 1920px;
  margin: 0 auto; }
  body > div {
    width: 100%; }
    body > div .block {
      width: 100%;
      padding: 0 40px; }
      body > div .block > .detail {
        margin: 0 auto;
        text-align: center; }
      @media all and (max-width: 490px) {
        body > div .block {
          padding: 0 20px; } }
  body .nav {
    position: fixed;
    z-index: 100;
    top: 200px;
    left: calc(50vw + (-820px));
    width: auto; }
    body .nav .line {
      height: 40px;
      width: 4px;
      background: rgba(255, 255, 255, 0.5);
      margin-bottom: 20px;
      cursor: pointer; }
      body .nav .line:last-child {
        margin-bottom: 0; }
      body .nav .line.active {
        background: #fff; }
    body .nav.white .line {
      background: rgba(193, 193, 193, 0.5); }
      body .nav.white .line.active {
        background: #c1c1c1; }
    @media all and (max-width: 1680px) {
      body .nav {
        left: 20px; } }
    @media all and (max-width: 1023px) {
      body .nav {
        display: none; } }
  body .btn {
    line-height: 40px;
    height: 40px;
    width: 160px;
    border-radius: 20px;
    text-align: center;
    background: #f5dc0c;
    margin: 2.5px 0;
    margin-right: 17px; }
    body .btn p {
      line-height: 40px;
      color: #2b3b3f;
      width: 100%;
      cursor: pointer;
      font-size: 1.125rem;
      font-weight: 500;
      letter-spacing: 1px; }
  body .banner {
    height: 860px;
    background: url("../img/banner-bg.png") top center no-repeat;
    background-size: auto 860px;
    background-attachment: fixed; }
    body .banner .bg {
      height: 100%;
      width: 100%;
      position: absolute; }
      body .banner .bg .front {
        position: absolute;
        height: 47.08333vw;
        width: 100%;
        background: url("../img/banner-front.png") left bottom no-repeat;
        background-size: 100% auto;
        bottom: 0;
        margin-bottom: -8.4375vw; }
      body .banner .bg .mid {
        position: absolute;
        height: 32.5vw;
        width: 60.05208vw;
        background: url("../img/banner-mid.png") no-repeat;
        background-size: contain;
        bottom: 0;
        margin-bottom: -41px; }
    body .banner .block .detail {
      max-width: 1140px;
      padding-top: 3.22917vw; }
      body .banner .block .detail .nav_area {
        margin-bottom: 58px;
        text-align: left; }
        body .banner .block .detail .nav_area > div {
          display: inline-block; }
          body .banner .block .detail .nav_area > div img {
            max-width: 100%;
            max-height: 100%; }
        body .banner .block .detail .nav_area .logo {
          height: 80px;
          width: 330px; }
      body .banner .block .detail .info {
        text-align: right; }
        body .banner .block .detail .info .title {
          font-weight: bold;
          color: #ecedeb;
          font-size: 2.75rem;
          line-height: 56px;
          margin-bottom: 2rem; }
        body .banner .block .detail .info .time {
          font-weight: 500;
          color: #575757;
          font-size: 2.5rem;
          line-height: 1.375; }
        body .banner .block .detail .info .place {
          font-weight: 500;
          color: #575757;
          font-size: 1.25rem;
          line-height: 1.2;
          margin-bottom: 20px; }
        body .banner .block .detail .info .btn {
          display: inline-block;
          vertical-align: top;
          margin: 0px;
          margin-right: 20px;
          margin-bottom: 60px; }
        body .banner .block .detail .info .line_logo {
          height: 40px;
          width: 186px;
          display: inline-block;
          vertical-align: top;
          margin-bottom: 60px; }
    @media all and (max-width: 1440px) {
      body .banner {
        height: 800px;
        background-size: auto 800px; }
        body .banner .bg .mid {
          margin-bottom: -10px; } }
    @media all and (max-width: 1023px) {
      body .banner {
        height: 650px;
        background-size: auto 650px; }
        body .banner .bg .mid {
          margin-bottom: 16px; }
        body .banner .block .detail .nav_area {
          margin-bottom: 35px; }
        body .banner .block .detail .info .title {
          font-size: 2.125rem;
          margin-bottom: 1.2rem; }
        body .banner .block .detail .info .time {
          font-size: 2.125rem; }
        body .banner .block .detail .info .place {
          font-size: 1.125rem; } }
    @media all and (max-width: 900px) {
      body .banner .bg .front {
        margin-bottom: 0px; }
      body .banner .bg .mid {
        margin-bottom: 28px; } }
    @media all and (max-width: 800px) {
      body .banner .bg .front {
        margin-bottom: 0px; }
      body .banner .bg .mid {
        height: 32.5vw;
        width: 60vw;
        margin-bottom: 45px; } }
    @media all and (max-width: 650px) {
      body .banner .bg .front {
        height: 346px;
        margin-bottom: 45px; }
      body .banner .bg .mid {
        height: 31.25vw;
        width: 57.625vw;
        margin-bottom: 63px; } }
    @media all and (max-width: 490px) {
      body .banner {
        height: 560px;
        background-size: auto 560px; }
        body .banner .block .detail .nav_area {
          margin-bottom: 40px; }
          body .banner .block .detail .nav_area .logo {
            height: 50px;
            width: auto; }
        body .banner .bg .front {
          height: 346px;
          margin-bottom: 80px; }
        body .banner .bg .mid {
          height: 180px;
          width: 67.7551vw;
          margin-bottom: 82px; } }
    @media all and (max-width: 450px) {
      body .banner .block .detail .info .btn {
        display: block;
        margin-right: 0;
        margin-bottom: 25px;
        margin-left: auto; }
      body .banner .block .detail .info .line_logo {
        display: block;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: 0; } }
    @media all and (max-width: 360px) {
      body .banner .bg .mid {
        margin-bottom: 33px; } }
  body .feature:before {
    content: '';
    display: block;
    position: absolute;
    height: 200px;
    width: 100%;
    background: url("../img/transfer1.png") bottom center no-repeat;
    background-size: auto 200px;
    margin-top: -200px; }
  body .feature:after {
    content: '';
    display: block;
    position: absolute;
    height: 200px;
    width: 100%;
    background: url("../img/transfer2.png") top center no-repeat;
    background-size: auto 200px;
    z-index: 1; }
  body .feature .block {
    background: #2b3b3f; }
    body .feature .block > .detail {
      max-width: 730px; }
      body .feature .block > .detail .title {
        position: relative;
        width: auto;
        margin: 0 auto;
        margin-bottom: 52px; }
        body .feature .block > .detail .title .logo {
          height: 80px;
          width: 80px;
          margin: 0 auto;
          margin-bottom: 19px; }
          body .feature .block > .detail .title .logo img {
            max-width: 100%;
            max-height: 100%;
            top: 50%;
            transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%); }
        body .feature .block > .detail .title p {
          font-size: 1.5rem;
          font-weight: bold;
          color: #ecedeb;
          line-height: 32px;
          width: auto; }
      body .feature .block > .detail .parts {
        width: 100%;
        margin-bottom: 35px; }
        body .feature .block > .detail .parts .each {
          display: inline-block;
          width: 142px;
          margin-right: calc(50% + (-220px)); }
          body .feature .block > .detail .parts .each img {
            width: 100%;
            height: 200px;
            margin-bottom: 8px; }
          body .feature .block > .detail .parts .each .name {
            text-align: center;
            font-size: 1.375rem;
            font-weight: 500;
            color: #ecedeb;
            line-height: 1.875;
            letter-spacing: 1px; }
          body .feature .block > .detail .parts .each:last-child {
            margin-right: 0; }
        @media all and (max-width: 600px) {
          body .feature .block > .detail .parts .each {
            width: 130px;
            margin-right: calc(50% + (-201px)); }
            body .feature .block > .detail .parts .each img {
              height: 180px;
              margin-bottom: 10px; } }
        @media all and (max-width: 490px) {
          body .feature .block > .detail .parts {
            margin-bottom: 50px; }
            body .feature .block > .detail .parts .each {
              width: 80px;
              margin-right: calc(50% + (-125px)); }
              body .feature .block > .detail .parts .each img {
                height: 120px;
                margin-bottom: 10px; } }
      body .feature .block > .detail .info {
        padding-bottom: 60px; }
        body .feature .block > .detail .info p {
          text-align: left;
          font-weight: normal;
          color: #ecedeb;
          font-size: 1.125rem;
          line-height: 2rem;
          margin-bottom: 1.25rem;
          letter-spacing: 1px; }
          body .feature .block > .detail .info p:last-child {
            margin-bottom: 0; }
  body .teams {
    min-height: 756px; }
    body .teams .block {
      padding-top: 200px;
      padding-bottom: 200px;
      background: url("../img/headphone.png") center left no-repeat, #fafafa;
      background-size: 45.05208% auto, 100%; }
      body .teams .block > .detail {
        text-align: right;
        max-width: 1110px;
        min-height: 356px; }
        body .teams .block > .detail .content {
          display: inline-block;
          width: calc(100% * 1055 / 1920 + (-70px));
          text-align: left;
          min-width: 335px; }
          body .teams .block > .detail .content .title {
            font-size: 2.25rem;
            font-weight: bold;
            line-height: 1.25;
            color: #2b3b3f;
            margin-bottom: 42px; }
          body .teams .block > .detail .content .teams_detail {
            max-width: 540px;
            text-align: left;
            margin-bottom: 20px; }
            body .teams .block > .detail .content .teams_detail > p {
              font-size: 1.125rem;
              font-weight: 500;
              line-height: 2rem;
              color: #2b3b3f;
              margin-bottom: 1.25rem;
              letter-spacing: 0.7px; }
              body .teams .block > .detail .content .teams_detail > p:last-child {
                margin-bottom: 0; }
    @media all and (max-width: 1023px) {
      body .teams .block {
        background: #fafafa; }
        body .teams .block .detail .content {
          width: 100%;
          text-align: center; }
          body .teams .block .detail .content .teams_detail {
            margin: 0 auto;
            margin-bottom: 20px; } }
    @media all and (max-width: 490px) {
      body .teams .block .detail .content {
        min-width: 100%; }
        body .teams .block .detail .content .teams_detail {
          margin: 0 auto;
          margin-bottom: 20px;
          width: auto; } }
  body .menu {
    min-height: 800px; }
    body .menu:before {
      content: '';
      display: block;
      position: absolute;
      height: 200px;
      width: 100%;
      top: 0;
      background: url("../img/transfer3.png") bottom center no-repeat, #fafafa;
      background-size: auto 200px, 100%;
      text-align: center;
      margin-top: -200px; }
    body .menu:after {
      content: '';
      display: block;
      position: absolute;
      height: 200px;
      width: 100%;
      background: url("../img/transfer2.png") top center no-repeat;
      background-size: auto 200px;
      bottom: 0;
      z-index: 1;
      margin-bottom: -200px; }
    body .menu .block {
      background: #2b3b3f; }
      body .menu .block > .detail {
        max-width: 1574px; }
        body .menu .block > .detail > .title {
          padding-top: 130px;
          vertical-align: top;
          font-size: 1.8rem;
          line-height: 1.4;
          font-weight: bold;
          color: #ecedeb;
          padding-bottom: 40px; }
        body .menu .block > .detail .board {
          text-align: left;
          max-width: 1030px;
          margin: 0 auto; }
          body .menu .block > .detail .board .each {
            display: inline-block;
            margin-bottom: 20px;
            margin-right: 74px;
            width: calc(50% + (-40px));
            text-align: left; }
            body .menu .block > .detail .board .each:nth-child(2n) {
              margin-right: 0px; }
            body .menu .block > .detail .board .each:last-child {
              margin-bottom: 0px; }
            body .menu .block > .detail .board .each .content {
              display: inline-block;
              width: 100%; }
              body .menu .block > .detail .board .each .content .name {
                color: #f5dc0c;
                font-size: 1.375rem;
                font-weight: 500;
                line-height: 1.875rem;
                letter-spacing: 1px;
                margin-bottom: 10px; }
              body .menu .block > .detail .board .each .content .time {
                color: #ecedeb;
                font-size: 1rem;
                font-weight: normal;
                line-height: 1.5rem;
                letter-spacing: 1px; }
              body .menu .block > .detail .board .each .content .info {
                margin-top: 12px;
                width: 100%; }
                body .menu .block > .detail .board .each .content .info > p {
                  color: #ecedeb;
                  font-size: 1.125rem;
                  font-weight: normal;
                  line-height: 2rem;
                  margin-bottom: 16px;
                  letter-spacing: 1px; }
                body .menu .block > .detail .board .each .content .info ol {
                  margin-bottom: 16px;
                  padding-left: 24px; }
                  body .menu .block > .detail .board .each .content .info ol li {
                    color: #ecedeb;
                    font-size: 1.125rem;
                    font-weight: normal;
                    line-height: 2rem;
                    list-style-type: inherit;
                    list-style-position: outside;
                    padding-left: 14px;
                    letter-spacing: 1px; }
                body .menu .block > .detail .board .each .content .info .btn {
                  margin: 2.5px auto;
                  margin-top: 54px;
                  margin-bottom: 40px; }
          @media all and (max-width: 950px) {
            body .menu .block > .detail .board .each {
              display: block;
              width: 100%;
              max-width: 600px;
              margin: 0 auto;
              margin-bottom: 20px; }
              body .menu .block > .detail .board .each:nth-child(2n) {
                margin-right: auto; } }
          @media all and (max-width: 490px) {
            body .menu .block > .detail .board .each {
              margin-bottom: 30px; } }
        body .menu .block > .detail .agenda {
          padding-bottom: 80px; }
          body .menu .block > .detail .agenda table {
            width: 100%; }
            body .menu .block > .detail .agenda table tr td {
              text-align: center;
              vertical-align: middle; }
              body .menu .block > .detail .agenda table tr td p {
                display: inline-block;
                padding: 10px 7px;
                width: calc(100% + (-5px));
                vertical-align: middle;
                text-align: center;}
                body .menu .block > .detail .agenda table tr td p span {
                  color: #ecedeb;
                  font-size: 1.125rem;
                  line-height: 28px;
                  display: block; }
                  body .menu .block > .detail .agenda table tr td p span.small {
                    font-weight: normal;
                    line-height: 18px;
                    font-size: 1rem;
                    margin-top: 5px; }
                  body .menu .block > .detail .agenda table tr td p span.lector {
                    font-size: 1rem;
                    font-weight: normal;
                    line-height: 20px;
                    margin-top: 10px; }
                  body .menu .block > .detail .agenda table tr td p span.department {
                    font-size: 1rem;
                    font-weight: normal;
                    line-height: 20px;
                    margin-top: 5px; }
                  body .menu .block > .detail .agenda table tr td p span.download {
                    font-size: 1rem;
                    font-weight: normal;
                    line-height: 19px;
                    color: #F5DC0C;
                    box-shadow: 0px 1px 0px #F5DC0C;
                    width: fit-content;
                    width: -moz-fit-content;
                    padding-bottom: 2px;
                    margin: 0 auto;
                    margin-top: 10px;}
              body .menu .block > .detail .agenda table tr td.time {
                width: 140px;
                margin-right: 4px; }
                body .menu .block > .detail .agenda table tr td.time p span {
                  font-weight: 500; }
              body .menu .block > .detail .agenda table tr td:not(.time) p span {
                font-weight: normal; }
            body .menu .block > .detail .agenda table tr.topic {
              margin-bottom: 14px; }
              body .menu .block > .detail .agenda table tr.topic td:not(.time) .img_area {
                padding-bottom: 20px; }
                body .menu .block > .detail .agenda table tr.topic td:not(.time) .img_area .img {
                  width: 190px;
                  height: 158px;
                  margin: 0 auto;
                  display: none; }
                  body .menu .block > .detail .agenda table tr.topic td:not(.time) .img_area .img img {
                    max-width: 100%;
                    max-height: 100%;
                    top: 50%;
                    transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    -ms-transform: translateY(-50%); }
                body .menu .block > .detail .agenda table tr.topic td:not(.time) .img_area .topic_title {
                  height: 40px;
                  width: 260px;
                  background: transparent;
                  line-height: 40px;
                  margin: 0 auto;
                  color: #f5dc0c;
                  font-size: 1.25rem; }
            body .menu .block > .detail .agenda table tr.place td:not(.time) {
              padding: 0 7px;
              padding-bottom: 22px; }
              body .menu .block > .detail .agenda table tr.place td:not(.time) p {
                background: #f5dc0c;
                border-radius: 30px;
                width: 196px;
                padding: 10px 0; }
                body .menu .block > .detail .agenda table tr.place td:not(.time) p span {
                  color: #2b3b3f;
                  font-weight: 500;
                  letter-spacing: 1px; }
            body .menu .block > .detail .agenda table tr:not(.topic):not(.place):nth-child(even) td {
              background: #233134;
              border-radius: 8px; }
              body .menu .block > .detail .agenda table tr:not(.topic):not(.place):nth-child(even) td:after {
                content: "";
                display: inline-block;
                vertical-align: middle;
                min-height: 48px;
                width: 0; }
            body .menu .block > .detail .agenda table tr:not(.topic):not(.place):nth-child(odd) td:after {
              content: "";
              display: inline-block;
              vertical-align: middle;
              min-height: 235px;
              width: 0; }
            body .menu .block > .detail .agenda table tr:not(.topic):not(.place).break td:after {
              content: "";
              display: inline-block;
              vertical-align: middle;
              min-height: 89px;
              width: 0; }
            body .menu .block > .detail .agenda table tr:not(.topic):not(.place).one_line td:after {
              content: "";
              display: inline-block;
              vertical-align: middle;
              min-height: 80px;
              width: 0; }
            body .menu .block > .detail .agenda table tr:not(.topic):not(.place).special td:after {
              content: "";
              display: inline-block;
              vertical-align: middle;
              min-height: 78px;
              width: 0; }
          body .menu .block > .detail .agenda .table {
            display: inline-block; }
            body .menu .block > .detail .agenda .table.ctf {
              width: calc(100%/4 + (+101px)); }
            body .menu .block > .detail .agenda .table.conference {
              width: calc(100%/4*3 + (-107px)); }
              body .menu .block > .detail .agenda .table.conference table tr td.time {
                display: none; }
              body .menu .block > .detail .agenda .table.conference table tr td:not(.time) {
                table-layout: fixed;
                width: 21%; }
          @media all and (max-width: 1300px) {
            body .menu .block > .detail .agenda .table {
              display: block; }
              body .menu .block > .detail .agenda .table.ctf {
                width: 100%;
                margin-bottom: 40px; }
                body .menu .block > .detail .agenda .table.ctf table tr:not(.topic):nth-child(odd) td:after {
                  content: "";
                  min-height: 52px;
                  width: 0; }
                body .menu .block > .detail .agenda .table.ctf table tr:not(.topic).special td:after {
                  content: "";
                  min-height: 48px;
                  width: 0; }
              body .menu .block > .detail .agenda .table.conference {
                width: 100%; }
                body .menu .block > .detail .agenda .table.conference table tr td.time {
                  display: table-cell; } }
          @media all and (max-width: 1100px) {
            body .menu .block > .detail .agenda .table table tr.place {
              display: none; }
            body .menu .block > .detail .agenda .table.conference table tr td {
              display: block; }
              body .menu .block > .detail .agenda .table.conference table tr td.time:after {
                content: "";
                min-height: 48px; }
              body .menu .block > .detail .agenda .table.conference table tr td:not(.time) {
                width: 100%; }
            body .menu .block > .detail .agenda .table.conference table tr:nth-child(odd) td p {
              vertical-align: top; }
            body .menu .block > .detail .agenda .table.conference table tr:nth-child(odd) td:after {
              content: "";
              display: inline-block;
              min-height: auto; }
            body .menu .block > .detail .agenda .table.conference table tr:not(.topic) td:not([colspan="3"]):not([colspan="2"]):not([colspan="4"]):not([rowspan="11"]):not(.time):before {
              color: #ecedeb;
              font-size: 1.125rem;
              line-height: 32px; }
            body .menu .block > .detail .agenda .table.conference table tr:not(.topic) td:not([colspan="3"]):not([colspan="2"]):not([colspan="4"]):not([rowspan="11"]):not(.time):nth-child(2):before {
              content: "R0";
              display: block; }
            body .menu .block > .detail .agenda .table.conference table tr:not(.topic) td:not([colspan="3"]):not([colspan="2"]):not([colspan="4"]):not([rowspan="11"]):not(.time):nth-child(3):before {
              content: "R1";
              display: block; }
            body .menu .block > .detail .agenda .table.conference table tr:not(.topic) td:not([colspan="3"]):not([colspan="2"]):not([colspan="4"]):not([rowspan="11"]):not(.time):nth-child(4):before {
              content: "R2";
              display: block; }
            body .menu .block > .detail .agenda .table.conference table tr:not(.topic) td:not([colspan="3"]):not([colspan="2"]):not([colspan="4"]):not([rowspan="11"]):not(.time):nth-child(5):before {
              content: "R3";
              display: block; }
            body .menu .block > .detail .agenda .table.conference table tr:not(.topic) td[rowspan="3"]:before {
              color: #ecedeb;
              font-size: 1.125rem;
              line-height: 32px;
              content: "R2";
              display: block; } }
          @media all and (max-width: 600px) {
            body .menu .block > .detail .agenda .table.ctf table tr td {
              display: block;
              width: 100%; }
              body .menu .block > .detail .agenda .table.ctf table tr td.time:after {
                content: "";
                min-height: 52px; }
              body .menu .block > .detail .agenda .table.ctf table tr td p {
                vertical-align: top; }
            body .menu .block > .detail .agenda .table.conference table tr td.time {
              display: block;
              width: 100%; }
              body .menu .block > .detail .agenda .table.conference table tr td.time:after {
                content: "";
                min-height: 52px; }
            body .menu .block > .detail .agenda .table.conference table tr td p {
              vertical-align: top; } }
  body .sps {
    min-height: 2096px; }
    body .sps .block {
      background: #fff;
      padding-bottom: 80px;
      padding-top: 200px; }
      body .sps .block > .detail {
        max-width: 1170px;
        padding: 0 30px; }
        body .sps .block > .detail .title {
          font-size: 2rem;
          font-weight: bold;
          line-height: 1.25;
          color: #2b3b3f;
          margin-bottom: 40px; }
        body .sps .block > .detail .lavel .each {
          margin-bottom: 40px; }
          body .sps .block > .detail .lavel .each .name {
            font-size: 1.25rem;
            font-weight: bold;
            line-height: 1.4;
            color: #2b3b3f;
            margin-bottom: 20px; }
          body .sps .block > .detail .lavel .each .info .img a,
          body .sps .block > .detail .lavel .each .info .img a img{
              cursor: default;}
          body .sps .block > .detail .lavel .each .info .img {
            cursor: default;
            display: inline-block;
            margin-right: 26px;
            width: calc(100% / 4 + (-30px));
            height: 160px;
            min-width: 140px; }
            body .sps .block > .detail .lavel .each .info .img:last-child {
              margin-right: 0px !important; }
            body .sps .block > .detail .lavel .each .info .img:nth-child(4n) {
              margin-right: 0px !important; }
            body .sps .block > .detail .lavel .each .info .img img {
              max-width: 100%;
              max-height: 100%;
              top: 50%;
              transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              -ms-transform: translateY(-50%); }
      @media all and (max-width: 800px) {
        body .sps .block > .detail .lavel .each .info .img {
          margin-bottom: 15px;
          width: calc(100% / 3 + (-23px)); }
          body .sps .block > .detail .lavel .each .info .img:nth-child(4n) {
            margin-right: 26px; }
          body .sps .block > .detail .lavel .each .info .img:nth-child(3n) {
            margin-right: 0px; } }
      @media all and (max-width: 650px) {
        body .sps .block > .detail {
          padding: 0; }
          body .sps .block > .detail .lavel .each .info .img {
            margin-right: 30px;
            width: calc(100% / 2 + (-21px)); }
            body .sps .block > .detail .lavel .each .info .img:nth-child(3n) {
              margin-right: 30px; }
            body .sps .block > .detail .lavel .each .info .img:nth-child(2n) {
              margin-right: 0px; } }
      @media all and (max-width: 490px) {
        body .sps .block > .detail .lavel .each .info .img {
          width: 100%;
          max-width: 320px;
          margin: 0 auto;
          margin-bottom: 15px; }
          body .sps .block > .detail .lavel .each .info .img:nth-child(3n) {
            margin-right: auto; } }
  body .footer {
    min-height: 380px;
    padding-top: 200px; }
    body .footer:before {
      content: '';
      display: block;
      position: absolute;
      height: 200px;
      width: 100%;
      top: 0;
      background: url("../img/transfer1.png") bottom center no-repeat, #fff;
      background-size: auto 200px, 100%; }
    body .footer .block {
      background: #2b3b3f; }
      body .footer .block > .detail {
        max-width: 688px; }
        body .footer .block > .detail .info {
          margin-bottom: 60px; }
          body .footer .block > .detail .info .map {
            display: inline-block;
            width: 348px;
            height: 240px;
            margin-right: 30px;
            background: #fff; }
          body .footer .block > .detail .info .content {
            display: inline-block;
            width: calc(100% + (-385px)); }
            body .footer .block > .detail .info .content .title {
              text-align: left;
              margin-bottom: 20px;
              font-weight: bold;
              line-height: 1.43;
              color: #ecedeb;
              font-size: 1.75rem; }
            body .footer .block > .detail .info .content .connect {
              margin-top: 43px;
              margin-bottom: 20px;
              text-align: left; }
              body .footer .block > .detail .info .content .connect p {
                font-weight: 500;
                line-height: 1.43;
                color: #ecedeb;
                font-size: 1rem; }
                body .footer .block > .detail .info .content .connect p a {
                  color: #ecedeb;
                  text-decoration: underline; }
            body .footer .block > .detail .info .content .social {
              text-align: left; }
              body .footer .block > .detail .info .content .social a:last-child .each {
                margin-right: 0; }
              body .footer .block > .detail .info .content .social .each {
                height: 20px;
                width: 20px;
                border-radius: 100%;
                display: inline-block;
                margin-right: 5px; }
                body .footer .block > .detail .info .content .social .each.fb {
                  background: url("../img/fb.svg") center no-repeat;
                  background-size: cover; }
                body .footer .block > .detail .info .content .social .each.blog {
                  background: url("../img/blog.svg") center no-repeat;
                  background-size: cover; }
                body .footer .block > .detail .info .content .social .each.twitter {
                  background: url("../img/twitter.svg") center no-repeat;
                  background-size: cover; }
                body .footer .block > .detail .info .content .social .each.flickr {
                  background: url("../img/flickr.svg") center no-repeat;
                  background-size: cover; }
                body .footer .block > .detail .info .content .social .each.line {
                  background: url("../img/line.svg") center no-repeat;
                  background-size: cover; }
        body .footer .block > .detail .copyright {
          font-weight: 500;
          line-height: 1.43;
          text-align: right;
          color: rgba(255, 255, 255, 0.5);
          font-size: 0.875rem;
          padding-bottom: 60px; }
      @media all and (max-width: 800px) {
        body .footer .block > .detail .info .map {
          width: calc(50% + (-35px)); }
        body .footer .block > .detail .info .content {
          width: 50%; }
          body .footer .block > .detail .info .content .title {
            margin-bottom: 25px; } }
      @media all and (max-width: 600px) {
        body .footer .block {
          padding-top: 30px; }
          body .footer .block > .detail .info .map {
            display: inline-block;
            width: 100%;
            height: 193px;
            margin-bottom: 40px;
            margin-right: 0; }
          body .footer .block > .detail .info .content {
            width: 100%; }
            body .footer .block > .detail .info .content .title {
              margin-bottom: 15px; }
          body .footer .block > .detail .copyright {
            text-align: left; } }