@charset "UTF-8";
/*------------------------------
數位聯絡簿
-------------------------------*/
.hrmsTitleBlock.pd {
  padding-bottom: 60px;
}
.hrmsTitleBlock.pd2 {
  padding-bottom: 120px;
}

.hrmsTitleBlockText {
  padding-top: 0;
}
.hrmsTitleBlockText.contactbook .hrmsTitle-sectionTitle {
  font-size: 36px;
}
.hrmsTitleBlockText.contactbook .hrmsTitle-sectionTitle.wh-word {
  color: #fff;
}
.hrmsTitleBlockText.contactbook .hrmstext.wh-word {
  color: #fff;
}
.hrmsTitleBlockText .icon {
  padding-bottom: 30px;
}
.hrmsTitleBlockText .check {
  padding-top: 20px;
}
.hrmsTitleBlockText .check img {
  padding-right: 15px;
  padding-left: 5px;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.personnel.contactbook {
  background-color: #542cf2;
  height: auto;
}
.personnel.contactbook .circle-bg {
  top: 1532px;
  background-color: rgba(255, 255, 255, 0.1);
}
.personnel.contactbook-gy {
  height: auto !important;
}
.personnel.contactbook-gy.mb80px {
  padding-bottom: 150px;
}
.personnel.contactbook-gy .hrmsTitle-sub {
  margin-bottom: 40px !important;
  font-weight: 300 !important;
}
.personnel.contactbook-gy .hrmsTitle-sub .note {
  font-weight: 600;
}
.personnel.contactbook-gy img {
  width: 100%;
  padding-top: 30px;
}
.personnel.contactbook-gy .hrmsTitle-main {
  margin-top: 50px;
}
.personnel.contactbook-gy .hrmsTitle-main.EG {
  margin-bottom: 20px;
}
.personnel.contactbook-gy .hrmsTitle-main img {
  width: 84px;
}
.personnel.contactbook-gy .hrmsTitle-sectionTitle {
  font-size: 37px;
}
.personnel.contactbook-gy .hrmsTitle-sectionTitle.EG {
  padding-bottom: 10px;
}
.personnel.contactbook-gy .icon-edu {
  width: 84px;
  margin-bottom: 50px;
  margin-top: 20px;
}
.personnel.contactbook-gy .hrmstext {
  padding: 0 10%;
}
.personnel br {
  display: none;
}
.personnel .cost-area {
  justify-content: center;
  padding: 15px;
}
.personnel .cost-area .cost-cont {
  width: 390px;
  border-radius: 8px;
  background-color: #fff;
  padding: 30px;
  padding-left: 65px;
  margin-bottom: 116px;
  margin-top: 110px;
  text-align: left;
}
.personnel .cost-area .cost-cont .title {
  text-align: center;
  margin-bottom: 75px;
  margin-left: -40px;
  margin-top: 55px;
  font-size: 18px;
}
.personnel .cost-area .cost-cont li {
  font-size: 16px;
  color: #092540;
  margin: 13px 0;
}
.personnel .cost-area .cost-cont li img {
  width: 25px;
  padding: 1px 4px 4px 4px;
  margin-right: 10px;
}
.personnel .cost-area .cost-cont li.cost-text {
  font-size: 15px;
  color: #3d4e5f;
  padding-left: 3px;
}
.personnel .cost-area .cost-cont li.cost-text.pd {
  margin-bottom: 75px;
}
.personnel .cost-area .cost-cont li .cost-word {
  color: #542cf2;
  font-size: 16px;
  padding-right: 15px;
  margin-right: 3px;
}
.personnel .cost-area .cost-cont li .math {
  font-size: 24px;
  color: #542cf2;
  font-weight: 600;
}

.contackbookAreaBG {
  background-image: url("../img/contactbook/img-bg-night-left.svg");
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

.contackbookAreaBG2 {
  background-image: url("../img/contactbook/img-bg-night-right.svg");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

.digitAreaBG {
  background-image: url("../img/contactbook/img-bg-edu-right.svg");
  background-repeat: no-repeat;
  background-position: 88% 10%;
}

.digitAreaBG2 {
  background-image: url("../img/contactbook/img-bg-edu-left.svg");
  background-repeat: no-repeat;
  background-position: 12% 0%;
}

.platformAreaBG-R {
  background-image: url("../img/contactbook/img-bg-eduplan-right.svg");
  background-repeat: no-repeat;
  background-position: 100% 10%;
}

.platformAreaBG-L {
  background-image: url("../img/contactbook/img-bg-eduplan-left.svg");
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

/*------------------------------
其他
-------------------------------*/
.btn-CTB {
  background-color: #542cf2;
  border-color: #542cf2;
  color: #fff !important;
  transition: 0.2s;
}
.btn-CTB:hover {
  opacity: 0.8;
  color: #fff;
}

.btn-register {
  background-color: #704dfb;
  border-color: #704dfb;
  color: #fff !important;
  transition: 0.2s;
}
.btn-register:hover {
  opacity: 0.8;
  color: #fff;
}

.formLinks-contactbook {
  height: 300px;
  background-color: #0a2540;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.linkBG {
  background-image: url("../img/contactbook/img-bg-demo-2-right.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
}

.linkBG2 {
  background-image: url("../img/contactbook/img-bg-demo-2-left.svg");
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 100%;
  height: 100%;
  padding-top: 65px;
}

.pageImgBar .formLinksImgBar.register {
  background-image: url("../img/contactbook/img-bg-demo-2.svg");
}

.mobile-done {
  display: block;
}

.mobile-show {
  display: none;
}

@media (min-width: 1441px) {
  .digitAreaBG {
    background-position: 88% 10%;
  }
  .digitAreaBG2 {
    background-position: 12% 0%;
  }
}
@media (min-width: 1280px) and (max-width: 1440px) {
  .digitAreaBG {
    background-position: 105% 10%;
  }
  .digitAreaBG2 {
    background-position: -2% 0%;
  }
  .contackbookAreaBG {
    background-position: -25% 0%;
  }
  .contackbookAreaBG2 {
    background-position: 125% 0%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .personnel.contactbook .circle-bg {
    top: 1332px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .personnel.contactbook .circle-bg {
    top: 1002px;
  }
  .contackbookAreaBG, .contackbookAreaBG2 {
    background: none;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .digitAreaBG {
    background-position: 106% 11%;
    background-size: 20%;
  }
  .digitAreaBG2 {
    background-position: -5% 0%;
    background-size: 20%;
  }
  .platformAreaBG-L {
    background-size: 45%;
    background-position: -15% 0%;
  }
  .platformAreaBG-R {
    background-size: 45%;
  }
  .contackbookAreaBG, .contackbookAreaBG2 {
    background: none;
  }
}
@media (max-width: 767px) {
  .digitAreaBG {
    background-position: 106% 11%;
    background-size: 20%;
  }
  .digitAreaBG2 {
    background-position: -5% 0%;
    background-size: 20%;
  }
  .contackbookAreaBG {
    background: none;
  }
  .contackbookAreaBG2 {
    background-position: 200% 0%;
  }
  .mobile-done {
    display: none;
  }
  .mobile-show {
    display: block;
  }
  .personnel.contactbook .circle-bg {
    top: 1632px;
  }
}
@media screen and (max-width: 768px) {
  .moble-text {
    text-align: center;
  }
  .platformAreaBG-L {
    background-size: 65%;
    background-position: -65% 0%;
  }
  .platformAreaBG-R {
    background-size: 75%;
    background-position: 185% 0%;
  }
  .whiteFuildBlock {
    margin-top: 40px;
  }
  .linkBG2 {
    background-position: left bottom;
    background-size: 35%;
  }
  .linkBG {
    background-position: right bottom;
    background-size: 35%;
  }
  .formLinks-contactbook {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 599px) {
  .digitAreaBG {
    background-position: 106% 16%;
    background-size: 20%;
  }
  .digitAreaBG2 {
    background-position: -5% 10%;
    background-size: 20%;
  }
  .explanation {
    padding: 30px 0 35px 0;
  }
  .personnel.contactbook-gy.mb80px {
    padding-bottom: 50px;
  }
  .formLinksImgBar.register {
    background-position: 8% 0;
  }
  .linkBG2 {
    background-size: 40%;
  }
  .linkBG {
    background-size: 40%;
  }
  .formLinks-contactbook {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 444px) {
  .personnel.contactbook .circle-bg {
    top: 1332px;
  }
  .linkBG2 {
    padding-top: 40px;
  }
}
/*------------------------------表單 - 訂閱電子報、預約Demo、專人服務-------------------------------*/
/*------------------------------
form - subscribe
-------------------------------*//*# sourceMappingURL=contactbook.css.map */