@charset "UTF-8";
html,
body {
  width: 100%;
  min-height: 100%;
  height: auto;
  padding: 0px;
  margin: 0px;
  text-align: left;
  overflow: visible;
  font-size: 15px;
  color: #0f0f0f;
  background-color: #ffffff;
  line-height: 1.6;
  font-family: '微軟正黑體' , Arial, 'LiHei Pro',  sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .pace:after {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    display: block; }

.pace-inactive {
  display: none; }

.pace .pace-progress {
  background: #000000;
  position: fixed;
  z-index: 200000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px; }

/*共用屬性*/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

* {
  -webkit-overflow-scrolling: touch; }

a {
  text-decoration: none;
  color: inherit; }

a:active, a:hover {
  outline: none; }

img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto; }

input {
  -webkit-appearance: none;
  border-radius: 0; }

/*泛用表格*/
.t {
  display: table; }
  .t > .t-row {
    display: table-row; }
    .t > .t-row > .t-cell {
      display: table-cell;
      vertical-align: middle;
      border-collapse: collapse;
      margin: 0;
      padding: 0; }

/*定義區塊*/
.container {
  margin: auto;
  position: relative;
  z-index: 100;
  width: 1400px;
  max-width: 100%;
  padding-left: 5px;
  padding-right: 5px; }

.row {
  margin-left: -5px;
  margin-right: -5px; }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  position: relative;
  min-height: 1px;
  float: left;
  padding-left: 5px;
  padding-right: 5px; }

.col-12 {
  width: 100%; }

.col-11 {
  width: 91.66666667%; }

.col-10 {
  width: 83.33333333%; }

.col-9 {
  width: 75%; }

.col-8 {
  width: 66.66666667%; }

.col-7 {
  width: 58.33333333%; }

.col-6 {
  width: 50%; }

.col-5 {
  width: 41.66666667%; }

.col-4 {
  width: 33.33333333%; }

.col-3 {
  width: 25%; }

.col-2 {
  width: 16.66666667%; }

.col-1 {
  width: 8.33333333%; }

.pic {
  position: relative;
  font-size: 0; }
  .pic > span {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center; }
    .pic > span:before {
      content: ' ';
      display: inline-block;
      height: 100%;
      width: 0;
      vertical-align: middle; }
    .pic > span > img, .pic > span > iframe {
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto;
      display: inline-block;
      vertical-align: middle; }
    .pic > span > iframe {
      width: 100%;
      height: 100%; }

.cf:after,
.row:after,
dl:after {
  display: block;
  height: 0;
  clear: both;
  content: "";
  visibility: hidden; }

.editor {
  word-break: break-all; }
  .editor i {
    font-style: italic; }
  .editor em, .editor b, .editor strong {
    font-weight: bold; }
  .editor img {
    height: auto !important; }

header {
  font-size: 0;
  padding: 15px 0;
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5000; }
  header #logo {
    display: inline-block;
    vertical-align: bottom;
    width: 30%; }
  header nav {
    display: inline-block;
    vertical-align: bottom;
    width: 70%; }
    header nav ul {
      text-align: right;
      width: 100%; }
      header nav ul li {
        display: inline-block;
        vertical-align: middle;
        margin-left: 1%;
        text-align: center; }
        header nav ul li:hover a span, header nav ul li.active a span {
          top: -1.5rem;
          -webkit-transition: all .3s ease-in-out;
          -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out; }
        header nav ul li a {
          display: block;
          font-size: 20px;
          line-height: 1.5rem;
          height: 1.5rem;
          overflow: hidden;
          text-align: center; }
          header nav ul li a span {
            display: block;
            position: relative;
            top: 0;
            -webkit-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; }
          header nav ul li a .fa {
            font-size: 1.5rem;
            color: #3b5998; }

#banner {
  height: 100%; }
  #banner .banner_slider {
    margin-bottom: 0;
    height: 100%; }
    #banner .banner_slider .slick-list,
    #banner .banner_slider .slick-track {
      height: 100%; }
    #banner .banner_slider .item .bg_img {
      width: 100%;
      background-position: 50% 50%;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-repeat: no-repeat;
      height: 100%; }

.h2 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 3%;
  font-weight: bold;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
  .h2 span {
    display: block;
    font-size: .9em; }

.h3 {
  font-size: 2rem;
  text-align: center;
  font-weight: bold; }

.narrative {
  font-size: 1rem;
  text-align: center;
  margin-bottom: 3%; }

.l_page {
  clear: both;
  font-size: 0;
  text-align: center;
  margin-top: 50px; }
  .l_page > a {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    margin: 0 10px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear; }
    .l_page > a:hover, .l_page > a.active {
      color: #000000;
      text-decoration: underline;
      -webkit-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear; }

#page1 {
  padding: 8% 0 3%; }
  #page1 .info .edior {
    width: 50%;
    margin: 0 auto; }
    #page1 .info .edior .text {
      font-size: 20px;
      margin-bottom: 2%;
      line-height: 2;
      width: 100%; }

#page2 {
  padding: 8% 0 1.5%;
  color: #fff;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat; }
  #page2 .info .edior2 {
    text-align: center; }
    #page2 .info .edior2 .text {
      font-size: 20px;
      margin-bottom: 80px; }

#page3 {
  height: 100vh;
  margin-bottom: 5%; }
  #page3 .image {
    width: 100%;
    height: 80%;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer; }
  #page3 .utube {
    width: 100%;
    height: 0;
    display: block;
    padding-bottom: 30%;
    margin-top: 80px; }
  #page3 .video li {
    position: relative; }
    #page3 .video li a.pic {
      width: 100%;
      height: 0;
      padding-bottom: 100%;
      margin-bottom: 73px;
      display: block; }
    #page3 .video li .play {
      position: absolute;
      top: 0;
      bottom: 70px;
      left: 0;
      right: 0;
      margin: auto; }
  #page3 .video .slick-prev {
    left: -5%;
    top: 0;
    bottom: 70px;
    margin: auto;
    width: 64px;
    height: 64px;
    opacity: 1;
    z-index: 500; }
    #page3 .video .slick-prev:before {
      content: url(../_img/arrow_prev.png);
      width: 64px;
      height: 64px;
      font-size: normal; }
  #page3 .video .slick-next {
    right: -5%;
    top: 0;
    bottom: 70px;
    margin: auto;
    width: 64px;
    height: 64px;
    opacity: 1;
    z-index: 500; }
    #page3 .video .slick-next:before {
      content: url(../_img/arrow_next.png);
      width: 64px;
      height: 64px;
      font-size: normal; }

#page4 {
  padding: 5% 0 1.5%;
  min-height: 100vh;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #e7e7e7), color-stop(25%, #f6f6f6));
  background: -webkit-linear-gradient(left, #e7e7e7 25%, #f6f6f6 25%);
  background: -o-linear-gradient(left, #e7e7e7 25%, #f6f6f6 25%);
  background: linear-gradient(90deg, #e7e7e7 25%, #f6f6f6 25%);
  position: relative;
  z-index: 101; }
  #page4 .list ul li a {
    font-size: 0; }
  #page4 .list ul li .date {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding-right: 1.5rem;
    text-align: right;
    font-size: 20px; }
  #page4 .list ul li b {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    font-size: 20px;
    margin-left: 1.5rem; }
  #page4 .list ul li.info {
    margin-left: 27%;
    margin-bottom: 10px; }

#page5 {
  padding-top: 5%;
  min-height: 100vh; }
  #page5 .product {
    width: 75%;
    margin: 0 auto; }
    #page5 .product .left {
      float: left;
      display: block;
      width: 15%;
      font-size: 27px; }
    #page5 .product .right {
      float: left;
      width: 70%;
      display: block; }
      #page5 .product .right ul {
        margin: 0 20px;
        margin-bottom: 20px;
        width: calc( 100% / 3 - 40px);
        padding: 0;
        height: 100%;
        z-index: 0; }
        #page5 .product .right ul.special {
          width: 33.33333%; }
        #page5 .product .right ul.right_text {
          margin-left: 15%; }
        #page5 .product .right ul li.pic {
          width: 100%;
          height: 0;
          padding-bottom: 100%;
          display: block; }
        #page5 .product .right ul li.title {
          width: 100%;
          height: 100%;
          text-align: center;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          margin: 0 auto;
          font-size: 20px;
          color: #fff;
          z-index: -1;
          background-color: rgba(0, 0, 0, 0.5); }
          #page5 .product .right ul li.title a {
            padding: 50% 0;
            display: block;
            width: 100%; }
        #page5 .product .right ul:hover .title {
          z-index: 0; }

#page6 {
  padding: 5% 0 3%;
  background-color: #1A1F25;
  color: #fff; }
  #page6 .edit {
    max-width: 800px;
    margin: auto;
    text-align: center; }
    #page6 .edit .cf {
      margin: 0 auto; }
    #page6 .edit .left, #page6 .edit .right {
      float: left;
      display: block;
      width: 50%;
      padding: 0 2%; }
      #page6 .edit .left li, #page6 .edit .right li {
        margin-bottom: 20px; }
        #page6 .edit .left li label, #page6 .edit .right li label {
          display: block;
          text-align: left;
          font-size: 1.2rem; }
          #page6 .edit .left li label span, #page6 .edit .right li label span {
            color: #f7000a;
            margin-left: 15px; }
        #page6 .edit .left li input, #page6 .edit .right li input {
          width: 100%;
          border: 0;
          height: 36px; }
        #page6 .edit .left li select, #page6 .edit .right li select {
          width: 100%;
          height: 36px;
          font-size: 1.2rem; }
        #page6 .edit .left li textarea, #page6 .edit .right li textarea {
          width: 100%;
          height: 147px;
          resize: none; }
        #page6 .edit .left li.check, #page6 .edit .right li.check {
          font-size: 0; }
          #page6 .edit .left li.check label, #page6 .edit .left li.check input, #page6 .edit .right li.check label, #page6 .edit .right li.check input {
            display: inline-block;
            vertical-align: middle;
            width: 50%; }
          #page6 .edit .left li.check img, #page6 .edit .right li.check img {
            display: block;
            width: 50%;
            float: right;
            margin-top: 5%; }
    #page6 .edit .send input {
      font-family: '微軟正黑體' , Arial, 'LiHei Pro',  sans-serif;
      padding: 10px;
      border: 0;
      font-size: 1.2rem;
      cursor: pointer; }

footer {
  text-align: center;
  margin-top: 100px; }

#banner {
  width: 100%;
  height: 100vh;
  position: relative; }
  #banner .slider {
    width: 100%;
    height: 100%; }
  #banner .img {
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    display: block; }
  #banner img {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: -1px; }
  #banner .slick-slider {
    margin: 0; }
  #banner .slick-prev {
    left: 5%;
    width: 64px;
    height: 64px;
    opacity: 1;
    z-index: 500; }
    #banner .slick-prev:before {
      content: url(../images/home/images/arrow_left.png);
      width: 64px;
      height: 64px;
      font-size: normal; }
  #banner .slick-next {
    right: 5%;
    width: 64px;
    height: 64px;
    opacity: 1;
    z-index: 500; }
    #banner .slick-next:before {
      content: url(../images/home/images/arrow_right.png);
      width: 64px;
      height: 64px;
      font-size: normal; }

.home_service {
  background-color: #ffffff;
  padding: 80px 0;
  padding-bottom: 120px; }
  .home_service .col-3 {
    padding-bottom: 25%;
    height: 0;
    display: block; }
    .home_service .col-3 .border {
      width: 99%;
      height: 0;
      padding-bottom: 99%;
      border: 1px solid #212121;
      position: relative;
      background-position: left bottom;
      background-repeat: no-repeat; }
      .home_service .col-3 .border:before {
        content: "";
        width: 0;
        height: 0;
        border-top: 25px solid #000000;
        border-bottom: 25px solid transparent;
        border-right: 25px solid transparent;
        position: absolute;
        left: 0;
        top: 0; }
      .home_service .col-3 .border .text {
        font-size: 26px;
        font-weight: bold;
        margin-top: 15%;
        margin-left: 15%;
        display: block; }
    .home_service .col-3:hover .border {
      position: relative; }
      .home_service .col-3:hover .border:before {
        content: "";
        width: 95%;
        height: 95%;
        border: 8px solid #000000;
        position: absolute;
        left: 0;
        top: 0; }

.home_news {
  background-image: url(../images/home/images/news_bg.jpg);
  background-attachment: fixed;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 1000px;
  position: relative;
  padding-top: 200px; }
  .home_news #shape_top, .home_news #shape_bottom {
    position: absolute;
    width: 100%;
    height: auto; }
  .home_news #shape_top {
    top: -3px; }
  .home_news #shape_bottom {
    bottom: -3px; }
  .home_news .l_title {
    font-size: 42px;
    margin-bottom: 100px; }
  .home_news .row {
    margin-bottom: 100px; }
  .home_news .content {
    width: 376px;
    max-width: 100%;
    display: block;
    overflow: hidden; }
    .home_news .content .text_block {
      padding: 7%;
      padding-top: 10%; }
      .home_news .content .text_block .n_name {
        font-size: 24px;
        font-weight: bold;
        line-height: 22px;
        margin-bottom: 8px; }
      .home_news .content .text_block .date {
        font-size: 12px;
        color: #b2b1b1;
        margin-bottom: 20px; }
      .home_news .content .text_block .text {
        font-size: 13px;
        line-height: 22px;
        height: 66px;
        overflow: hidden;
        text-align: justify; }
      .home_news .content .text_block .more {
        font-size: 14px;
        color: #000000;
        text-align: right;
        margin-top: 10px; }
    .home_news .content .img-row {
      overflow: hidden; }
    .home_news .content .img {
      background-position: 50% 50%;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      height: 250px;
      display: block;
      overflow: hidden;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all .2s linear;
      -o-transition: all .2s linear;
      transition: all .2s linear; }
    .home_news .content:hover .img {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      -webkit-transition: all .2s linear;
      -o-transition: all .2s linear;
      transition: all .2s linear; }

.home_business {
  padding-top: 80px;
  padding-bottom: 100px; }
  .home_business .l_title {
    font-size: 42px;
    margin-bottom: 80px; }
    .home_business .l_title p {
      color: #000; }
  .home_business .icon {
    width: 20%;
    height: 150px;
    float: left;
    padding: 3%;
    font-size: 0; }
    .home_business .icon a {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      width: 100%;
      height: 100%; }
      .home_business .icon a:before {
        content: ' ';
        width: 0;
        height: 100%;
        display: inline-block;
        vertical-align: middle; }
      .home_business .icon a img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        vertical-align: middle;
        display: inline-block; }

#album {
  width: 100%;
  height: 90%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  display: none;
  z-index: 5000; }
  #album #mask_for_close {
    width: 100%;
    height: 150%;
    position: absolute;
    top: -150px;
    z-index: 0; }
  #album .close {
    position: absolute;
    right: 0;
    cursor: pointer; }
  #album #loader {
    width: 95%;
    height: 95%;
    left: 2.5%;
    top: 1%;
    background-image: url(../_img/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    z-index: 200; }
  #album .content {
    width: 95%;
    height: 70%;
    left: 2.5%;
    top: 1%;
    border-radius: 10px;
    position: absolute;
    z-index: 100; }
    #album .content p {
      padding: 10px; }
    #album .content #main_pic {
      width: 85%;
      height: 85%;
      margin: auto;
      text-align: center; }
      #album .content #main_pic a::before {
        content: '';
        display: inline-block;
        height: 0; }
      #album .content #main_pic a img {
        display: block;
        margin: 0 auto; }
    #album .content .info {
      position: absolute;
      top: 20px;
      color: #fff;
      width: 20%;
      height: 80%;
      overflow: hidden; }
    #album .content #slick_here {
      width: 100%;
      margin: auto;
      margin-top: 1%; }
      #album .content #slick_here div {
        cursor: pointer;
        max-height: 350px;
        padding: 10px; }

.bg-img {
  padding-bottom: 45%;
  height: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }

@media only screen and (max-width: 768px) {
  .mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 7000;
    display: none; }
    .mask.active {
      display: block; }
  header {
    height: 100%;
    width: 150px;
    right: -150px;
    left: auto;
    padding: 0;
    z-index: 8000;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear; }
    header.active {
      right: 0;
      -webkit-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear; }
    header #logo {
      display: block;
      width: 100%;
      margin: 50px 0; }
    header nav {
      display: block;
      width: 100%;
      text-align: left; }
      header nav ul {
        text-align: left; }
        header nav ul li {
          margin: 10px 0;
          display: block;
          text-align: left; }
          header nav ul li a {
            display: block; }
            header nav ul li a span {
              position: static; }
              header nav ul li a span.en {
                display: none; }
          header nav ul li:hover, header nav ul li.active {
            position: static; }
            header nav ul li:hover a span, header nav ul li.active a span {
              color: #E52027; }
  #phone_icon .button {
    display: block;
    position: absolute;
    top: 40px;
    right: 30px;
    width: 30px;
    height: 20px;
    border-bottom: 3px solid rgba(255, 255, 255, 0.8);
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    z-index: 8000;
    cursor: pointer; }
    #phone_icon .button:before, #phone_icon .button:after {
      content: "";
      position: absolute;
      top: 20%;
      width: 100%;
      height: 3px;
      background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%; }
    #phone_icon .button:after {
      content: "";
      top: 60%; }
    #phone_icon .button.action {
      display: block;
      width: 30px;
      height: 20px;
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      border-bottom: medium none !important;
      -webkit-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      right: 180px; }
      #phone_icon .button.action:before {
        top: 50%;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        background-color: #fff; }
      #phone_icon .button.action:after {
        top: 50%;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        background-color: #fff; }
  #page1 {
    height: auto; }
    #page1 .info .edior {
      width: 100%; }
  #page2 {
    height: auto; }
    #page2 .info {
      padding-bottom: 20px; }
  #page3 {
    height: auto; }
    #page3 .utube {
      padding-bottom: 50%; }
    #page3 .video li a.pic {
      margin-bottom: 0; }
    #page3 .video li .play {
      bottom: 0; }
  #page4 {
    height: auto; }
  #page5 {
    height: auto; }
    #page5 .product {
      width: 95%; }
      #page5 .product .left {
        width: 20%; }
      #page5 .product .right ul {
        width: 42%; }
  #page6 {
    height: auto; }
    #page6 .edit .cf {
      width: 90%; }
  #album {
    height: 60%; }
    #album .content .info {
      width: 27%;
      height: 80%; }
    #album .content #main_pic {
      width: 56%;
      height: 80%; } }

@media only screen and (max-width: 480px) {
  #album {
    height: 80%; }
    #album .content .info {
      display: none; }
    #album .content #main_pic {
      width: 100%;
      height: 80%; }
    #album .content #slick_here .slick-prev, #album .content #slick_here .slick-next {
      display: none !important; }
  #page3 .image {
    height: 600px; }
  #page3 .utube {
    padding-bottom: 80%;
    margin-top: 0; }
  #page4 {
    background: transparent; }
    #page4 .list ul li .date {
      display: block;
      width: 100%;
      padding: 0 10px;
      font-size: 15px;
      text-align: left;
      background-color: #e7e7e7; }
    #page4 .list ul li b {
      display: block;
      width: 100%;
      margin-left: 0;
      padding-left: 10px; }
    #page4 .list ul li.info {
      margin-left: 10px; }
  #page5 .product .left {
    width: 100%;
    float: none; }
    #page5 .product .left ul {
      text-align: center; }
      #page5 .product .left ul li {
        display: inline-block;
        margin-bottom: 20px; }
  #page5 .product .right {
    float: none;
    width: 100%; }
    #page5 .product .right ul {
      width: 95% !important;
      margin: 10px; }
      #page5 .product .right ul li.title {
        z-index: 0; }
      #page5 .product .right ul.right_text {
        margin: 10px; }
  #page6 .edit .left, #page6 .edit .right {
    float: none;
    width: 100%; }
  #page6 .edit .send {
    margin-top: 10px; } }

/*# sourceMappingURL=style.css.map */