@charset "UTF-8";
body {
  overflow-x: hidden;
  font-family: '黑體-繁', "Microsoft JhengHei", '微軟正黑體' , Helvetica , Arial , sans-serif , serif; }

.part, .parts {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: none;
    opacity: 0.75; }

#sec1 .item {
  transition: transform 0.4s; }
  #sec1 .item:hover {
    transform: translatey(-4px); }

section {
  position: relative; }

.wrapper {
  position: relative;
  overflow: hidden;
  max-width: 120em;
  margin-left: auto;
  margin-right: auto; }

.header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  max-width: 120em;
  margin-left: auto;
  margin-right: auto;
  height: 9.1875em;
  z-index: 99; }
  .header .inner {
    position: relative; }
  .header .logo1 {
    position: relative;
    margin-left: 2.1875em;
    margin-top: 2.6875em;
    width: 19.875em;
    height: 4.625em;
    z-index: 154; }
  .header .logo2 {
    position: relative;
    margin-left: 2.25em;
    margin-top: 2em;
    width: 17.0625em;
    height: 5.3125em;
    z-index: 155; }
  .header .fb_sharer {
    position: relative;
    margin-left: 3.25em;
    margin-top: 1.4375em;
    width: 5.8125em;
    height: 5.8125em;
    z-index: 157; }
  @media (min-width: 992px) {
    .header {
      height: 7.25em; }
      .header .logo1 {
        margin-left: 4em;
        margin-top: 2.5em;
        width: 15.5em;
        height: 3.5625em;
        z-index: 156; }
      .header .logo2 {
        margin-left: 1.8125em;
        margin-top: 1.9375em;
        width: 13.375em;
        height: 4.125em;
        z-index: 157; }
      .header .fb_sharer {
        margin-left: 2.625em;
        margin-top: 1.625em;
        width: 4.4375em;
        height: 4.375em;
        z-index: 159; } }

.kv {
  position: relative;
  z-index: 1; }
  .kv .icons {
    position: absolute;
    left: 2.8125em;
    top: 76.875em; }
    .kv .icons .icon {
      position: absolute;
      left: 1.8125em;
      top: 0em;
      width: 24.25em;
      height: 13.375em;
      z-index: 149; }
    .kv .icons .view {
      position: absolute;
      left: 0em;
      top: 15.125em;
      width: 56.75em;
      height: 14.8125em;
      z-index: 150; }
    @media (min-width: 992px) {
      .kv .icons {
        left: 8.0625em;
        top: 53.125em; }
        .kv .icons .icon {
          left: 0em;
          top: 6em;
          width: 26.5625em;
          height: 14.625em;
          z-index: 144; }
        .kv .icons .view {
          left: 31.625em;
          top: 0em;
          width: 76.125em;
          height: 19.5625em;
          z-index: 146; } }

.bg1 {
  position: relative;
  background: url("../images/bg1m.jpg") center top no-repeat;
  background-size: 100% auto; }
  @media (min-width: 992px) {
    .bg1 {
      background: url("../images/bg1.jpg") center top no-repeat;
      background-size: 100% auto; } }

.bg2 {
  position: relative;
  background: #ffffff url("../images/bg2m.jpg") center bottom no-repeat;
  background-size: 100% auto; }
  @media (min-width: 992px) {
    .bg2 {
      background: #ffffff url("../images/bg2.jpg") center bottom no-repeat;
      background-size: 100% auto; } }

#sec1 .sec-inner {
  position: relative;
  padding-top: 18.0625em;
  padding-bottom: 0em; }
  @media (min-width: 992px) {
    #sec1 .sec-inner {
      padding-top: 14.1875em;
      padding-bottom: 0em; } }
  #sec1 .sec-inner .title {
    position: relative;
    background: url("../images/sec1/titlem.png") center top no-repeat;
    background-size: auto 100%;
    height: 3.3125em; }
    @media (min-width: 992px) {
      #sec1 .sec-inner .title {
        background: url("../images/sec1/title.png") center top no-repeat;
        background-size: auto 100%;
        height: 3.5625em; } }
  #sec1 .sec-inner .content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4.5em; }
    @media (min-width: 992px) {
      #sec1 .sec-inner .content {
        width: 98.75em;
        padding-top: 3.5em; } }
    #sec1 .sec-inner .content > div {
      position: relative;
      background: url("../images/sec1/btn.png") center center no-repeat;
      background-size: 100%;
      border-radius: 1.625em;
      box-shadow: inset 0px 1.3125em 1.3125em 0px rgba(0, 0, 0, 0.25);
      width: 25.625em;
      height: 12.1875em;
      z-index: 28;
      margin-left: 1.25em;
      margin-right: 1.25em;
      margin-bottom: 2.625em; }
      @media (min-width: 992px) {
        #sec1 .sec-inner .content > div {
          border-radius: 1.5625em;
          box-shadow: 0px 0.9375em 0.625em 0px rgba(205, 205, 205, 0.25), inset 0px 1.25em 1.25em 0px rgba(0, 0, 0, 0.25);
          width: 17.5em;
          height: 8.375em;
          margin-left: 0.9375em;
          margin-right: 0.9375em;
          margin-bottom: 1.875em; } }
      #sec1 .sec-inner .content > div a {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        text-align: center;
        color: #466ea4;
        font-weight: bold;
        line-height: 1.25; }
        #sec1 .sec-inner .content > div a .company {
          font-size: 3.57875em; }
          @media (min-width: 992px) {
            #sec1 .sec-inner .content > div a .company {
              font-size: 2.45063em; } }
        #sec1 .sec-inner .content > div a .phone {
          font-size: 2.68438em; }
          @media (min-width: 992px) {
            #sec1 .sec-inner .content > div a .phone {
              font-size: 1.83813em; } }

#sec2 .sec-inner {
  padding-top: 8.75em;
  padding-bottom: 3.375em; }
  @media (min-width: 992px) {
    #sec2 .sec-inner {
      padding-top: 9.8125em;
      padding-bottom: 15.625em; } }
  #sec2 .sec-inner .title {
    position: relative;
    background: url("../images/sec2/titlem.png") center top no-repeat;
    background-size: auto 100%;
    height: 3.25em; }
    @media (min-width: 992px) {
      #sec2 .sec-inner .title {
        background: url("../images/sec2/title.png") center top no-repeat;
        background-size: auto 100%;
        height: 3.5em; } }
  #sec2 .sec-inner .content {
    position: relative;
    padding-top: 3.875em; }
    @media (min-width: 992px) {
      #sec2 .sec-inner .content {
        padding-top: 5.625em;
        margin-left: -0.875em; } }
    #sec2 .sec-inner .content .item {
      position: relative;
      width: 48.625em;
      margin-left: 2.03125em;
      margin-right: 2.03125em;
      margin-bottom: 4.25em; }
      @media (min-width: 992px) {
        #sec2 .sec-inner .content .item {
          width: 39.3125em;
          margin-left: 2.03125em;
          margin-right: 2.03125em;
          margin-bottom: 3.25em; } }
      #sec2 .sec-inner .content .item .pic {
        position: relative; }
      #sec2 .sec-inner .content .item .brief {
        position: relative; }
        #sec2 .sec-inner .content .item .brief .txt1 {
          text-align: center;
          padding-top: 0.875em;
          padding-left: 1.25em;
          padding-right: 1.25em; }
          @media (min-width: 992px) {
            #sec2 .sec-inner .content .item .brief .txt1 {
              padding-top: 1.625em;
              padding-left: 1.125em;
              padding-right: 0.75em; } }
          #sec2 .sec-inner .content .item .brief .txt1 span {
            font-size: 2.71em;
            line-height: 1.85;
            font-weight: bold; }
            @media (min-width: 992px) {
              #sec2 .sec-inner .content .item .brief .txt1 span {
                font-size: 2em;
                line-height: 1.125; } }
        #sec2 .sec-inner .content .item .brief .txt2 {
          padding-top: 0.1875em;
          padding-left: 1.25em;
          padding-right: 1.25em; }
          @media (min-width: 992px) {
            #sec2 .sec-inner .content .item .brief .txt2 {
              padding-top: 0.875em;
              padding-left: 1.125em;
              padding-right: 0.75em; } }
          #sec2 .sec-inner .content .item .brief .txt2 span {
            font-size: 2.06438em;
            line-height: 1.437783832879201; }
            @media (min-width: 992px) {
              #sec2 .sec-inner .content .item .brief .txt2 span {
                font-size: 1.375em;
                line-height: 1.636363636363636; } }
      @media (max-width: 991px) {
        #sec2 .sec-inner .content .item:nth-child(1) .txt2 {
          padding-right: 1em; } }
      @media (max-width: 991px) {
        #sec2 .sec-inner .content .item:nth-child(5) .txt2 {
          padding-right: 1em; } }
      @media (max-width: 991px) {
        #sec2 .sec-inner .content .item:nth-child(6) .txt2 {
          padding-right: 1em; } }
      @media (max-width: 991px) {
        #sec2 .sec-inner .content .item:nth-child(8) .txt2 {
          padding-right: 1em; } }

.btn-scrolltop {
  position: fixed;
  right: 1em;
  bottom: 2.8125em;
  width: 5.8125em;
  height: 5.8125em;
  z-index: 190;
  display: none; }

@media (min-width: 992px) {
  .btn-scrolltop {
    right: 4em;
    bottom: 10em;
    width: 4em;
    height: 4em;
    z-index: 190; } }