@charset "UTF-8";
* {
  font-family: "Noto Sans TC", sans-serif;
}

body {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

:target {
  padding-top: 135px;
  margin-top: -135px;
  z-index: 350;
}

/*  3個(大)  */
#v-company-c1:target,
#v-company-c2:target,
#v-company-c3:target,
#v-salary-a1:target,
#v-salary-a2:target,
#v-salary-a3:target,
#v-attendance-a1:target,
#v-attendance-a2:target,
#v-attendance-a3:target,
#v-employee-c1:target,
#v-employee-c2:target,
#v-employee-c3:target {
  padding-top: 245px;
  margin-top: -245px;
}

.wrapper {
  overflow-y: hidden;
}

.wrapper.membergo {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: 0;
  margin-left: 0;
}

.bg-gary {
  background-image: url("../img/BG_gray.gif");
  background-position: top;
  background-repeat: repeat-x;
}

.bg-blue {
  background-image: url("../img/BG_Blue.gif");
  background-position: bottom;
  background-repeat: repeat-x;
}

.bg-f5 {
  background-color: #f5f5f5;
  padding-bottom: 120px;
}

.bg-f5.pd80 {
  padding-bottom: 60px;
}

.bg-hr {
  background-image: url("../img/hrm/BG_gray944.gif");
  background-position: bottom;
  background-repeat: repeat-x;
}

.index-topic {
  color: #088791;
  font-size: 27px;
  line-height: 35px;
  font-weight: 600;
  margin-bottom: 1.25rem;
  text-align: center;
}

.index-topic.form {
  color: #0bb4c3;
  opacity: 1;
}

.index-topic.left, .index-topic.mego {
  text-align: left;
}

.index-topic.pay {
  margin-bottom: 0;
  color: #0bb4c3;
  opacity: 1;
}

.index-topic .cont {
  font-size: 18px;
  color: #9f9f9f;
  display: block;
  padding-top: 5px;
  font-weight: 500;
}

.ind-cont {
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
          justify-content: center !important;
  margin-bottom: 2rem;
}

.ind-cont .advan {
  margin-left: -2rem;
  margin-right: -2rem;
}

.ind-cont .index-topic {
  margin-top: 3rem;
}

.ind-cont .card {
  border: 0;
  border-radius: 0;
  margin-top: 1.25rem;
  background-color: rgba(255, 255, 255, 0);
}

.ind-cont .card.adv {
  margin-left: -0.35rem !important;
  margin-right: -0.35rem !important;
}

.ind-cont .card:hover, .ind-cont .card:active {
  border: 0;
}

.ind-cont .card .card-img-top {
  border-radius: 0;
}

.ind-cont .card .ind-advantage {
  border-top: #0bb4c3 0.25rem solid;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.175) !important;
}

.ind-cont .card .ind-advantage.bk {
  border-top: #5f5f5f 0.25rem solid;
}

.ind-cont .card .ind-advantage.solve {
  background-color: #fff;
  height: 330px !important;
}

.ind-cont .card .ind-advantage.Matres {
  border-radius: 5px;
  border-top: #0bb4c3 0 solid;
}

.ind-cont .card .ind-advantage .card-title {
  text-align: center;
  font-weight: 500;
  font-size: 21px;
}

.ind-cont .card .ind-advantage .card-title.Matres {
  font-size: 27px;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 1px solid #cecece;
}

.ind-cont .card .ind-advantage .card-title.Matres2 {
  font-size: 36px;
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 800 !important;
}

.ind-cont .card .ind-advantage .card-img-top {
  width: 100%;
  padding: 10% 10% 3%;
}

.ind-cont .card .ind-advantage .card-img-top.solve {
  padding: 25% 35% 5%;
}

.ind-cont .card .ind-advantage .card-img-top.Matres {
  padding: 15% 30% 5%;
}

.ind-cont .card .ind-advantage .card-body {
  padding-top: 1rem;
}

.ind-cont .card .ind-advantage .card-text {
  text-align: center;
  color: #707070;
}

.ind-cont .card .ind-advantage .link2 {
  color: #0bb4c3;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: 35px;
}

.ind-cont .card .ind-advantage .link2:hover {
  opacity: 85%;
}

.ind-cont .card .ind-strategy {
  color: #fff;
  text-align: center;
}

.ind-cont .card .ind-strategy .card-img-top {
  padding: 0;
}

.ind-cont .card .ind-strategy .card-img-top.service {
  padding: 15px;
  background-color: rgba(255, 255, 255, 0);
  border: 3px solid #fff;
}

.ind-cont .card .ind-strategy .card-img-overlay,
.ind-cont .card .ind-strategy .card-body {
  padding: 0.5rem 1.5rem 0rem;
}

.ind-cont .card .ind-strategy .card-img-overlay .card-title,
.ind-cont .card .ind-strategy .card-body .card-title {
  color: #fff;
  padding-top: 2.5rem;
  padding-bottom: 0.2rem;
  font-size: 18px;
}

.ind-cont .card .ind-strategy .card-img-overlay .card-title.service,
.ind-cont .card .ind-strategy .card-body .card-title.service {
  padding-top: 1rem;
  padding-bottom: 0.25rem;
  font-weight: 600;
  font-size: 21px;
  letter-spacing: 0.075rem;
}

.ind-cont .card .ind-strategy .card-img-overlay .card-text,
.ind-cont .card .ind-strategy .card-body .card-text {
  height: 72px;
  margin-bottom: 0.85rem;
}

.ind-cont .card .ind-strategy .card-img-overlay .card-text.large,
.ind-cont .card .ind-strategy .card-body .card-text.large {
  height: 185px;
}

.ind-cont .card .ind-strategy .card-img-overlay.service,
.ind-cont .card .ind-strategy .card-body.service {
  text-align: left;
  padding: 0 1.5rem 1rem;
}

.ind-cont .card .enterprise {
  padding: 15px 30px;
}

.ind-cont .card .enterprise .card-body {
  padding: 1.25rem 0;
}

.ind-cont .card .enterprise .card-title {
  font-size: 24px;
  color: #088791;
  margin-top: 20px;
  text-align: center;
  font-weight: 500;
}

.ind-cont .card .enterprise .card-text {
  font-size: 16px;
  line-height: 24px;
}

.btn-more {
  border: 1px solid #fff;
  padding: 0.5rem 1rem;
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
}

.btn-more:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.btn-more.active {
  background-color: white;
  color: #088791;
}

.btn-more.active:hover {
  opacity: 0.8;
}

.btn-more2,
.btn-more2:visited {
  border: 1px solid #0bb4c3;
  padding: 0.5rem 1rem;
  color: #0bb4c3;
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0);
}

.btn-more2:hover,
.btn-more2:visited:hover {
  background-color: #0bb4c3;
  color: #fff;
}

.btn-more2.active,
.btn-more2:visited.active {
  background-color: #0bb4c3;
  color: #fff;
}

.btn-more2.active:hover,
.btn-more2:visited.active:hover {
  opacity: 0.8 !important;
}

/*     */
.slider-inner .da-slider {
  width: 100%;
  height: 400px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  background-size: cover;
  background: transparent url(../img/index-banner.gif) repeat 0% 0%;
  -webkit-transition: background-position 1.4s ease-in-out 0.3s;
  transition: background-position 1.4s ease-in-out 0.3s;
}

.slider-inner .da-slider.membergo {
  background: url(../img/solution/membergo/image_MemberGo.jpg) repeat 0% 0%;
  background-position: center;
}

.slider-inner .da-slider.rightnow {
  background: none !important;
  height: 300px;
}

.slider-inner .da-slider.finance {
  background: url(../img/case/finance/banner_finance.jpg) repeat 0% 0%;
  background-position: center;
}

.slider-inner .da-slider.college {
  background: url(../img/case/college/banner_college.jpg) repeat 0% 0%;
  background-position: center;
}

.slider-inner .da-slider.enterprise {
  background: url(../img/project/enterprise/banner_Company.jpg) repeat 0% 0%;
  background-position: center;
}

.slider-inner .da-slider.salus {
  background: url(../img/product/salus/banner_Salus.jpg) repeat 0% 0%;
  background-position: center;
}

.slider-inner .da-slider .da-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  padding: 20px 15px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  word-wrap: break-word;
  color: #fff;
  text-align: center;
}

.slider-inner .da-slider .da-slide .pageTitle {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.17;
  color: #ffffff;
  padding-bottom: 2rem;
}

.slider-inner .da-slider .da-slide .pageTitle.hr {
  padding-bottom: 0.25rem !important;
}

.slider-inner .da-slider .da-slide .pageTitle.rightnow {
  color: #088791;
  padding-bottom: 0.5rem !important;
}

.slider-inner .da-slider .da-slide .cont-top-text {
  color: #ffffff;
  padding: 0.5rem 2rem 2rem;
}

.slider-inner .da-slider .da-slide .cont-text {
  padding: 0.25rem 1rem 1.75rem;
  color: #5f5f5f;
}

.slider-inner .da-slider .da-slide h2 {
  color: #fff;
  font-weight: 600;
  font-size: 2rem;
  font-size: 30px;
  padding-bottom: 1.5rem;
}

.slider-inner .da-slider .da-slide h2.pd {
  padding-bottom: 0.25rem;
}

.slider-inner .da-slider .da-slide h3 {
  font-size: 21px;
  padding-top: 0;
  padding-bottom: 2.25rem;
}

.slider-inner .da-slider .da-slide h4 {
  padding-bottom: 0;
  font-size: 1.5rem;
  font-size: 20px;
}

.slider-inner .da-slider .da-slide h5 {
  line-height: 1.65rem;
  font-size: 1.25rem;
  padding: 0.5rem 2rem 1.35rem;
}

.index {
  padding-top: 0;
  margin-top: 0;
  overflow-y: hidden;
}

.index .carousel {
  padding: 0;
  margin: 0;
}

.index .carousel.slide .carousel-indicators li {
  width: 6px;
  height: 8px;
  margin-left: 7px;
  margin-right: 7px;
  border: 1px solid #fff;
  border-radius: 5px;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  margin-bottom: 10px;
}

.index .carousel.slide .carousel-inner.index .carousel-item.slider {
  padding-top: 0;
}

.index .carousel.slide .carousel-inner.index .carousel-item .pic-cont {
  padding-top: 0;
  max-width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: center center;
}

.index .carousel.slide .carousel-inner.index .carousel-item .pic-cont .slider-cont {
  width: auto;
  height: 400px;
}

.index .carousel.slide .carousel-inner.index .carousel-item.slider {
  background: url(../img/index-banner.gif) repeat 0% 0%;
}

.index .carousel.slide .carousel-inner.index .carousel-item.bn-solut {
  background: url(../img/product/salus/banner_Salus.jpg) repeat 0% 0%;
}

.index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption {
  right: 10%;
  left: 10%;
}

.index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption .cont-top-text {
  color: #ffffff;
  padding: 0.5rem 2rem 2rem;
}

.index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption h2 {
  color: #fff;
  font-weight: 600;
  line-height: 36px;
  font-size: 30px;
  padding-bottom: 1.75rem;
}

.index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption h2.pd {
  padding-bottom: 0.5rem;
}

.index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption h3 {
  font-size: 21px;
  padding-top: 0;
  padding-bottom: 1.75rem;
}

.index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption h4 {
  padding-bottom: 0;
  font-size: 1.5rem;
  font-size: 20px;
}

.index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption h5 {
  line-height: 1.65rem;
  font-size: 1.25rem;
  padding: 0.5rem 2rem 1.35rem;
}

.index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption .space {
  height: 30px;
}

.index .carousel.slide .carousel-inner.index .carousel-control-next-icon.index {
  background: url(../img/icon/Arrow_wright.svg) no-repeat !important;
  background-image: url(../img/icon/Arrow_wright.svg);
  width: 20px;
  height: 30px;
}

.index .carousel.slide .carousel-inner.index .carousel-control-prev-icon.index {
  background: url(../img/icon/Arrow_wleft.svg) no-repeat !important;
  width: 20px;
  height: 30px;
}

/*  slick  */
.slick-3 .ind-strategy {
  padding: 15px;
}

.slick-3 .slick-slide,
.slick-2 .slick-slide {
  outline: none;
}

.slick-prev,
.slick-next {
  width: 18px;
  height: 32px;
}

.slick-prev {
  left: -10%;
}

.slick-next {
  right: -10%;
}

.slick-2 .ind-strategy.service {
  padding: 15px;
}

.slick-2.slick-dotted.slick-slider {
  margin-bottom: 110px;
}

.slick-2 .slick-prev {
  left: -50px;
}

.slick-2 .slick-next {
  right: -50px;
}

.slick-2 .slick-dots li button:before {
  color: #088791;
  opacity: 1;
}

.slick-2 .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #ffffff;
}

.wheelSlick {
  z-index: 200 !important;
}

.hrmSlickEach {
  background-size: cover;
  background-repeat: no-repeat;
}

.hrmSlickEach.api {
  background-image: url("../img/product/salus/banner_Salus_api.jpg") !important;
}

.hrmSlickEach.pci {
  background-image: url("../img/product/salus/banner_Salus_pci.jpg") !important;
}

.hrmSlickEach.save {
  background-image: url("../img/product/salus/banner_Salus_save.jpg") !important;
}

.hrmSlickEach.salus {
  background-image: url("../img/product/salus/banner_Salus_system.jpg") !important;
}

.hrmSlickEach.salus {
  background-image: url("../img/product/salus/banner_Salus_system.jpg") !important;
}

.hrmSlickEach.CPS1 {
  background-image: url("../img/project/enterprise/image_CPS1.jpg") !important;
}

.hrmSlickEach.CPS2 {
  background-image: url("../img/project/enterprise/image_CPS2.jpg") !important;
}

.hrmSlickEach.CPS3 {
  background-image: url("../img/project/enterprise/image_CPS3.jpg") !important;
}

.hrmSlickEach.CPS4 {
  background-image: url("../img/project/enterprise/image_CPS4.jpg") !important;
}

.hoverFxBlock-main.salus {
  padding-bottom: 0;
  margin-bottom: 0;
}

.financialBlockchainAdvantageArea.salus {
  padding-top: 105px;
}

.d-xsnone {
  display: block;
}

.d-xshow, .d-xshow2 {
  display: none;
}

.slick-dots li button:before {
  color: #e2e2e2;
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #0bb4c3;
}

.form-group label {
  color: #9f9f9f;
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

.form-group .nesd-title {
  color: #0bb4c3;
  padding-bottom: 0;
}

.form-group .custom-control-label {
  font-size: 15px;
  line-height: 20px;
  padding-top: 3px;
}

.form-group .custom-control-inline {
  margin-bottom: 0.25rem;
  margin-right: 0.75rem;
}

.tech-main {
  padding: 20px 30px;
}

.tech-main .link {
  color: #0bb4c3;
}

.tech-main .link:hover {
  opacity: 85%;
}

.tech-main .tech-area {
  margin-top: 2.5rem;
  color: #5f5f5f;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.tech-main .tech-area .tech-block {
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
          justify-content: center !important;
  padding: 5px 10px 15px;
  border-radius: 18px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 0.125rem 0.35rem rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 0.125rem 0.35rem rgba(0, 0, 0, 0.175) !important;
}

.tech-main .tech-area .tech-block.nsec {
  background-color: rgba(11, 180, 195, 0.8);
  color: #fff;
}

.tech-main .tech-area .tech-block .topic {
  font-size: 18px;
  font-weight: 600;
  padding: 20px 10px;
  text-align: center;
}

.tech-main .tech-area .tech-block .tech-cont {
  font-size: 14px;
  line-height: 1.3rem;
  padding: 20px 10px 10px;
  border-top: #c7c7c7 1px solid;
  height: 80px;
}

.tech-main .tech-area .tech-block .tech-cont.first {
  height: 200px;
}

.tech-main .tech-area .tech-block .tech-cont.second {
  height: 160px;
}

.tech-main .tech-area .tech-block .tech-cont.nsec {
  border-top: #fff 1px solid;
}

.advan {
  margin-top: 3rem;
}

.advan.none {
  margin-top: 0;
}

.advan.salus {
  margin-top: 7rem;
}

.advan .Advan-cont {
  height: 100%;
  margin: 0;
  overflow-x: hidden;
}

.advan .Advan-cont.ct {
  height: auto;
}

.advan .Advan-cont .pic {
  padding: 5% 10%;
}

.advan .Advan-cont .tech-main {
  padding: 0 30px;
}

.advan .Advan-cont .tech-main.membergo {
  padding-bottom: 100px;
}

.advan .Advan-cont .tech-main.ct {
  padding: 60px 30px;
}

.advan .Advan-cont .tech-main.salus {
  padding: 60px 30px 10rem;
  height: 100%;
}

.advan .Advan-cont .tech-main.salus2 {
  padding: 60px 0px 10rem;
  height: 100%;
}

.advan .Advan-cont .tech-main.gray {
  background-color: #f5f5f5;
}

.advan .Advan-cont .tech-main .row {
  height: 100%;
  overflow-y: hidden;
}

.advan .Advan-cont .tech-main .row .items {
  font-size: 24px;
  color: #5f5f5f;
  margin: 35px 0;
}

.advan .Advan-cont .tech-main .row .items.ct {
  color: #088791;
  font-weight: 600;
  font-size: 21px;
  margin-top: 3rem;
  margin-bottom: 1rem;
}

.advan .Advan-cont .tech-main .row .items.salus {
  color: #088791;
  font-weight: 600;
  font-size: 21px;
  margin-top: 3rem;
  background: no-repeat;
  padding-left: 55px;
}

.advan .Advan-cont .tech-main .row .items.salus.db {
  background-image: url(../img/product/salus/icon_DB_Security1.svg);
}

.advan .Advan-cont .tech-main .row .items.salus.db2 {
  background-image: url(../img/product/salus/image_DB_Security3.svg);
}

.advan .Advan-cont .tech-main .row .items.salus.api {
  background-image: url(../img/product/salus/icon_API2.svg);
}

.advan .Advan-cont .tech-main .row .items.salus.api2 {
  background-image: url(../img/product/salus/icon_API3.svg);
}

.advan .Advan-cont .tech-main .row .items img {
  width: 42px;
  height: 42px;
  margin-right: 1rem;
}

.advan .Advan-cont .tech-main .row .items .cont {
  font-size: 16px;
  padding-left: 60px;
  color: #5f5f5f;
  font-weight: 400;
  line-height: 2rem;
  padding-top: 0px;
}

.advan .Advan-cont .tech-main .row .items .cont2 {
  font-size: 16px;
  color: #5f5f5f;
  font-weight: 400;
  line-height: 2rem;
  padding-top: 0.75rem;
}

.advan .Advan-cont .tech-main .row .cont-result {
  font-size: 18px;
  color: #5f5f5f;
  font-weight: 400;
  line-height: 2rem;
  padding-top: 3rem;
  height: 100%;
}

.advan .Advan-cont .tech-main .row .cont-salus {
  font-size: 18px;
  color: #5f5f5f;
  font-weight: 400;
  line-height: 2rem;
  padding-top: 0.5rem;
  height: 100%;
}

.bg-cover {
  max-width: 100%;
  height: auto;
  padding-top: 20%;
}

.bg-cover.Advan {
  background-size: cover;
  background-position: center center;
}

.bg-cover.salus {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat !important;
  padding-top: 35%;
}

.bg-cover.salus2 {
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat !important;
  padding-top: 35%;
}

.noFuildBlock {
  padding: 60px 30px;
}

.membergo_bg {
  max-width: 100%;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/*  mates */
.mates_main {
  padding: 10px;
}

.hrmform {
  margin-top: -25px;
  z-index: 250 !important;
  position: relative;
}

.hrmform .nav-pills {
  color: #9f9f9f;
  margin-bottom: 18px;
  background-color: #fff;
  border-radius: 30px;
  padding: 0 25px;
  -webkit-box-shadow: 0 0.15rem 0.55rem 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0.15rem 0.55rem 0 rgba(0, 0, 0, 0.16);
}

.hrmform .nav-pills .nav-item {
  padding: 0 5px;
}

.hrmform .nav-pills .nav-item .nav-link {
  font-size: 18px;
  color: #5f5f5f;
  border-bottom: 3px solid #fff;
  padding-bottom: 2px;
  border-radius: 0;
  padding-left: 2px;
  padding-right: 3px;
}

.hrmform .nav-pills .nav-item .nav-link:hover, .hrmform .nav-pills .nav-item .nav-link.active,
.hrmform .nav-pills .nav-item .nav-link.show > .nav-link {
  border-bottom: 3px solid #0bb4c3;
  background-color: #fff;
}

.hrmform .nav-pills .nav-item .nav-link .pic {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 2px;
  width: 36px;
}

.hrmform .tab-content .tab-pane .company {
  padding: 10px 20px;
}

.hrmform .tab-content .tab-pane .company .hr-topic {
  padding: 20px;
  color: #5f5f5f;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 2.25rem;
  text-align: center;
}

.hrmform .tab-content .tab-pane .company .company_area {
  margin-top: 100px !important;
  margin-bottom: 30px;
  padding: 0 15px;
}

.hrmform .tab-content .tab-pane .company .company_area.phone {
  display: none !important;
}

.hrmform .tab-content .tab-pane .company .company_area.phone-no {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hrmform .tab-content .tab-pane .hr-topic {
  padding: 2rem 1rem 3rem;
  color: #5f5f5f;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  text-align: center;
}

.hrmform .tab-content .tab-pane .attendance.top_pic {
  background-repeat: repeat-x;
  background-position: center top;
  background-image: url(../img/hrm/banner_attendance.jpg);
  background-size: contain;
}

.hrmform .tab-content .tab-pane .attendance.top_pic.employee {
  background-image: url(../img/hrm/banner_employee.jpg);
}

.hrmform .tab-content .tab-pane .attendance.top_pic.salary {
  background-image: url(../img/hrm/banner_salary.jpg);
}

.hrmform .tab-content .tab-pane .attendance.top_pic.form {
  background-image: url(../img/hrm/banner_form.jpg);
}

.hrmform .tab-content .tab-pane .attendance .attendance_area {
  padding-top: 200px;
  margin-bottom: 30px;
}

.hrmform .tab-content .tab-pane .attendance .attendance_area.phone {
  display: none !important;
}

.hrmform .tab-content .tab-pane .attendance .attendance_area.phone-no {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hrmform .tab-content .tab-pane .attendance .employee_area {
  padding-top: 520px;
  margin-bottom: 30px;
}

.hrmform .tab-content .tab-pane .attendance .employee_area.phone {
  display: none !important;
}

.hrmform .tab-content .tab-pane .attendance .employee_area.phone-no {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hrmform .tab-content .tab-pane .attendance .cont_area {
  padding-top: 90px;
  padding-bottom: 90px;
  margin-bottom: 30px;
}

.hrmform .tab-content .tab-pane .attendance .cont_area.phone {
  display: none !important;
}

.hrmform .tab-content .tab-pane .attendance .cont_area.phone-no {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hrmform .tab-content .tab-pane .attendance .company_area {
  margin-bottom: 30px;
}

.hrmform .tab-content .tab-pane .attendance .company_area.phone {
  display: none !important;
}

.hrmform .tab-content .tab-pane .attendance .company_area.phone-no {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.nav-pills.matres {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
          box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

.nav-pills.matres.pd {
  padding-left: 8%;
  margin-bottom: 0;
}

.nav-pills.matres.pd2 {
  padding-right: 8%;
  margin-bottom: 0;
}

.nav-pills.matres .nav-link {
  color: #9f9f9f;
  margin-bottom: 18px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 16px;
  border: 1px solid #cccccc;
  padding: 25px 20px;
  width: 100%;
}

.nav-pills.matres .nav-link.gray {
  background-color: #f5f5f5;
}

.nav-pills.matres .nav-link.white {
  background-color: #fff;
}

.nav-pills.matres .nav-link:hover, .nav-pills.matres .nav-link.active,
.nav-pills.matres .nav-link.show > .nav-link, .nav-pills.matres .nav-link.gray:hover, .nav-pills.matres .nav-link.white:hover {
  color: #5f5f5f;
  border: 1px solid #fff;
  background-color: #fff;
  -webkit-box-shadow: 0 0.15rem 0.55rem 0 rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 0.15rem 0.55rem 0 rgba(0, 0, 0, 0.175) !important;
}

.nav-pills.matres .nav-link:hover .topic_matres, .nav-pills.matres .nav-link.active .topic_matres,
.nav-pills.matres .nav-link.show > .nav-link .topic_matres, .nav-pills.matres .nav-link.gray:hover .topic_matres, .nav-pills.matres .nav-link.white:hover .topic_matres {
  color: #088791;
}

.nav-pills.matres .nav-link .topic_matres {
  font-size: 21px;
  color: #5f5f5f;
  font-weight: 600;
  padding-bottom: 13px;
}

.nav-pills.matres .nav-link .topic_matres:hover {
  color: #088791;
}

.nav-pills.matres .nav-link .topic_matres:hover.active, .nav-pills.matres .nav-link .topic_matres:hover.show {
  color: #088791;
}

.nav-pills.matres .nav-link .topic_text {
  min-height: 100px;
}

.tab-content .tab-pane {
  height: 100% !important;
}

.tab-content .tab-pane .matres {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
          justify-content: center !important;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
  height: 100% !important;
  background-color: rgba(255, 255, 255, 0);
}

.tab-content .tab-pane .matres img {
  width: 92%;
}

.carousel .carousel-item {
  background-size: cover;
  padding-top: 73%;
}

.carousel .carousel-item.hr-pic {
  display: block;
  max-width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !important;
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !important;
}

/*  預約專人諮詢服務 */
#ReservationService {
  position: fixed;
  /*固定在網頁上不隨卷軸移動，若要隨卷軸移動用absolute*/
  background-color: #0bb4c3;
  /*背景顏色*/
  padding: 0px;
  border-radius: 3px;
  /*圓角*/
  color: #ffffff;
  cursor: pointer;
  z-index: 999;
  opacity: 1;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

#ReservationService button {
  color: #ffffff;
}

#ReservationService .icon {
  width: 24px;
  height: 22px;
  margin-right: 7px;
}

#ReservationService:hover {
  /*當滑鼠移至此區塊時，伸縮區塊*/
  opacity: 0.85;
}

.modal-header.noline {
  border-bottom: 0px solid #dee2e6;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #0bb4c3 !important;
  background-color: #0bb4c3 !important;
}

.form-check-input[type="radio"]:checked + label:after,
.form-check-input[type="radio"].with-gap:checked + label:after,
label.btn input[type="radio"]:checked + label:after,
label.btn input[type="radio"].with-gap:checked + label:after {
  background-color: #0bb4c3 !important;
}

#my_links {
  position: fixed;
  top: 50%;
  margin-top: -50px;
  right: 0px;
  padding: 20px 10px;
  background: #caa9a2;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: 999999;
}

.contact-box {
  z-index: 98;
}

.contact-box-origin {
  position: fixed;
  right: 15px;
  bottom: 15px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  background-color: #0bb4c3;
  border-radius: 10px;
  font-size: 16px;
  cursor: pointer;
  z-index: 96;
}

.contact-box-origin:hover {
  opacity: 0.9;
}

.contact-icon {
  width: 20px;
  height: 20px;
}

.contact-form {
  position: fixed;
  right: 15px;
  bottom: 15px;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 98;
}

.angle-icon {
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
}

.index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption .space {
  height: 30px;
}

@media (min-width: 1920px) {
  .index-topic.left {
    text-align: left;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .ind-cont .card .ind-strategy .card-img-overlay .card-title,
  .ind-cont .card .ind-strategy .card-body .card-title {
    padding-top: 4.5rem;
    padding-bottom: 1rem;
    font-size: 20px;
  }
  .advan .Advan-cont .pic {
    padding: 5% 3%;
  }
  .advan .tech-main.salus {
    padding: 45px 30px 0rem;
  }
}

@media (max-width: 1024px) {
  .slick-prev {
    left: 0;
  }
  .slick-next {
    right: 0;
  }
  .ind-cont .card .ind-strategy .card-img-overlay .card-title,
  .ind-cont .card .ind-strategy .card-body .card-title {
    padding-top: 3rem;
    font-size: 20px;
  }
  .ind-cont .card .ind-strategy .card-img-overlay .card-text,
  .ind-cont .card .ind-strategy .card-body .card-text {
    height: 75px;
  }
  .tech-main {
    padding: 20px 30px;
  }
  .tech-main .link {
    color: #0bb4c3;
  }
  .tech-main .link:hover {
    opacity: 85%;
  }
  .tech-main .tech-area .tech-block .topic {
    font-size: 16px;
    padding: 20px 5px;
  }
  .tech-main .tech-area .tech-block .tech-cont {
    height: 130px;
  }
  .tech-main .tech-area .tech-block .tech-cont.first {
    height: auto;
  }
  .tech-main .tech-area .tech-block .tech-cont.second {
    height: auto;
  }
  .advan .Advan-cont .pic {
    padding: 5% 30px;
  }
  .advan .Advan-cont .tech-main.membergo {
    padding-bottom: 25px;
  }
  .advan .Advan-cont .tech-main.salus {
    padding: 45px 30px 0rem;
  }
  .index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption .space {
    height: 55px;
  }
}

@media (min-width: 992px) and (max-width: 1278px) {
  .slick-2 .slick-prev {
    left: 0px;
  }
  .slick-2 .slick-next {
    right: 0px;
  }
  .advan .Advan-cont .pic {
    padding: 5% 30px;
  }
  .advan .Advan-cont .tech-main.salus {
    padding: 45px 30px 2rem;
  }
}

@media (man-width: 991px) and (man-width: 576px) {
  .tech-main {
    padding-bottom: 30px;
  }
  .tech-main .tech-area .tech-block .tech-cont {
    height: auto;
  }
  .tech-main .tech-area .tech-block .tech-cont.first {
    height: auto !important;
    padding-bottom: 20px;
  }
  .tech-main .tech-area .tech-block .tech-cont.second {
    height: auto;
    padding-bottom: 20px;
  }
  .tech-main .tech-area .tech-block .tech-cont.nsec {
    border-top: #fff 1px solid;
  }
}

@media screen and (max-width: 767px) {
  .hoverFxBlock.salus {
    display: block;
  }
  .hoverFxBlock-main.salus {
    padding-bottom: 25px;
  }
  .financialBlockchainAdvantageArea.salus {
    padding-top: 65px;
  }
}

@media (max-width: 768px) {
  :target {
    padding-top: 355px;
    margin-top: -355px;
  }
  .bg-blue {
    background-image: url("../img/BG_Blue2.gif") !important;
  }
  .ind-cont .card .ind-strategy .card-img-overlay.service,
  .ind-cont .card .ind-strategy .card-body.service {
    padding: 0;
  }
  .ind-cont .card .ind-strategy .card-img-overlay .card-title,
  .ind-cont .card .ind-strategy .card-body .card-title {
    padding-top: 3rem;
    font-size: 20px;
  }
  .ind-cont .card .ind-strategy .card-img-overlay .card-title.service,
  .ind-cont .card .ind-strategy .card-body .card-title.service {
    height: 65px;
  }
  .ind-cont .card .ind-strategy .card-img-overlay .card-text.large,
  .ind-cont .card .ind-strategy .card-body .card-text.large {
    height: 285px;
  }
  .slick-2 .slick-prev {
    left: 0px;
  }
  .slick-2 .slick-next {
    right: 0px;
  }
  .tech-main {
    padding-bottom: 30px;
  }
  .tech-main .tech-area .tech-block .tech-cont {
    height: auto;
  }
  .tech-main .tech-area .tech-block .tech-cont.first {
    height: auto;
    padding-bottom: 20px;
  }
  .tech-main .tech-area .tech-block .tech-cont.second {
    height: auto;
    padding-bottom: 20px;
  }
  .tech-main .tech-area .tech-block .tech-cont.nsec {
    border-top: #fff 1px solid;
  }
  .bg-cover.salus {
    background-size: contain;
    background-position: center center;
    height: auto;
  }
  .bg-cover.salus2 {
    background-size: contain;
    background-position: center right;
    height: auto;
  }
  .hrmform {
    margin-top: -35px;
  }
  .hrmform.pd {
    padding: 0 20px;
  }
  .hrmform .nav-pills {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
  }
  .hrmform .tab-content .tab-pane .company .company_area {
    margin-top: 40px !important;
    margin-bottom: 60px;
    padding: 0;
  }
  .hrmform .tab-content .tab-pane .company .company_area.phone {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .hrmform .tab-content .tab-pane .company .company_area.phone-no {
    display: none !important;
  }
  .hrmform .tab-content .tab-pane .attendance.top_pic {
    background-repeat: repeat-x;
    background-position: center top;
    background-image: url(../img/hrm/banner_attendance.jpg);
    background-size: initial;
  }
  .hrmform .tab-content .tab-pane .attendance.top_pic.employee {
    background-image: url(../img/hrm/banner_employee.jpg);
  }
  .hrmform .tab-content .tab-pane .attendance.top_pic.salary {
    background-image: url(../img/hrm/banner_salary.jpg);
  }
  .hrmform .tab-content .tab-pane .attendance.top_pic.form {
    background-image: url(../img/hrm/banner_form.jpg);
  }
  .hrmform .tab-content .tab-pane .attendance .attendance_area.phone {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .hrmform .tab-content .tab-pane .attendance .attendance_area.phone-no {
    display: none !important;
  }
  .hrmform .tab-content .tab-pane .attendance .employee_area {
    padding-top: 350px;
  }
  .hrmform .tab-content .tab-pane .attendance .employee_area.phone {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .hrmform .tab-content .tab-pane .attendance .employee_area.phone-no {
    display: none !important;
  }
  .hrmform .tab-content .tab-pane .attendance .company_area {
    padding-bottom: 50px;
  }
  .hrmform .tab-content .tab-pane .attendance .company_area.phone {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .hrmform .tab-content .tab-pane .attendance .company_area.phone-no {
    display: none !important;
  }
  .hrmform .tab-content .tab-pane .attendance .cont_area {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .nav-pills.matres {
    margin-bottom: 0px;
    margin-top: 20px;
    padding: 20px !important;
  }
  .nav-pills.matres.last {
    padding-bottom: 0 !important;
  }
  .nav-pills.matres.pd {
    padding: 0;
    margin-bottom: 0;
  }
  .nav-pills.matres.pd2 {
    padding-right: auto;
    margin-bottom: 0;
  }
  .nav-pills.matres .topic_text {
    min-height: 100% !important;
  }
  .carousel {
    width: 92%;
    margin-left: 15px;
  }
  .carousel.slide {
    width: 100% !important;
  }
  .advan.salus {
    margin-top: 2rem;
    padding: 0 !important;
  }
  .advan .Advan-cont .tech-main.salus {
    padding: 3rem 0px 3rem;
  }
  .advan .Advan-cont .tech-main.salus2 {
    padding: 40px 0px 3rem;
  }
  .index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption .space {
    height: 55px;
  }
}

@media (max-width: 480px) {
  .slider-inner .da-slider {
    height: 500px;
  }
  .slider-inner .da-slider.rightnow {
    height: 200px;
  }
  .ind-cont {
    margin-left: 0;
    margin-right: 0;
    margin-top: 2rem;
  }
  .ind-cont .card {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .ind-cont .card .ind-strategy .card-img-overlay .card-title,
  .ind-cont .card .ind-strategy .card-body .card-title {
    padding-top: 3.5rem;
    font-size: 20px;
  }
  .ind-cont .card .ind-strategy .card-img-overlay .card-title.service,
  .ind-cont .card .ind-strategy .card-body .card-title.service {
    height: 45px;
  }
  .ind-cont .card .ind-strategy .card-img-overlay .card-text.large,
  .ind-cont .card .ind-strategy .card-body .card-text.large {
    height: 165px;
  }
  .index-topic {
    margin-top: 3rem;
  }
  .index-topic.left {
    text-align: center;
  }
  .bg-cover {
    height: 350px;
  }
  .advan {
    margin-top: 0;
    padding: 0;
  }
  .advan .Advan-cont {
    height: auto;
  }
  .advan .Advan-cont.membergo_bg {
    background: none !important;
  }
  .advan .Advan-cont .bg-cover.salus {
    background-size: cover;
    height: 350px !important;
  }
  .advan .Advan-cont .bg-cover.salus2 {
    background-size: cover;
    height: 350px !important;
  }
  .advan .tech-main .index-topic {
    margin-top: 1rem;
  }
  .d-xsnone {
    display: none;
  }
  .d-xshow {
    display: block;
  }
  .hrmform {
    margin-top: -55px;
  }
  .hrmform.pd {
    padding: 0 20px;
  }
  .hrmform .nav-pills {
    border-radius: 30px;
    padding: 10px 20px;
    padding-bottom: 0;
  }
  .hrmform .nav-pills .nav-item {
    margin-bottom: 10px;
  }
  .hrmform .nav-pills .nav-item .pic {
    margin-bottom: 2px;
  }
  .carousel.slide {
    width: 100%;
  }
  .carousel .carousel-inner.index .carousel-item .pic-cont .slider-cont {
    height: 500px !important;
  }
  .index .carousel .carousel-inner.index .carousel-item .carousel-caption h5.index {
    font-size: 17px;
  }
  .index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption .space {
    height: 50px;
  }
  .index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption h5 {
    padding: 0.35rem 0rem 1.35rem;
  }
}

@media (max-width: 375px) {
  .index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption .space {
    height: 75px;
  }
}

@media (max-width: 320px) {
  .ind-cont .card .ind-strategy .card-img-overlay .card-title.service,
  .ind-cont .card .ind-strategy .card-body .card-title.service {
    height: 65px;
  }
  .ind-cont .card .ind-strategy .card-img-overlay .card-text.large,
  .ind-cont .card .ind-strategy .card-body .card-text.large {
    height: 255px;
  }
  .index .carousel .carousel-inner.index .carousel-item .carousel-caption h2.index {
    font-size: 26px;
    line-height: 30px;
  }
  .index .carousel .carousel-inner.index .carousel-item .carousel-caption h2.pd {
    letter-spacing: 0.15rem;
  }
  .index .carousel .carousel-inner.index .carousel-item .carousel-caption h5.index {
    font-size: 17px;
  }
  .index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption h5 {
    line-height: 1.6rem;
    font-size: 1rem;
    padding: 0.35rem 0rem 1.35rem;
  }
  .index .carousel.slide .carousel-inner.index .carousel-item .carousel-caption .space {
    height: 55px;
  }
  .d-xshow2 {
    display: block;
  }
}
/*# sourceMappingURL=style.css.map */