@charset "UTF-8";
.pj-HiLifeApp {
  background: url(bg.jpg) #fcfcfc no-repeat center bottom;
  background-size: cover;
  display: flex; }
  .pj-HiLifeApp .pj-detail {
    background: transparent;
    box-shadow: none;
    z-index: 4; }

.hl-items {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding-bottom: 50%; }

.hl-phone {
  position: absolute;
  bottom: 9.2574734812%;
  left: 4.375%;
  width: 197px;
  height: auto;
  z-index: 10; }

.hl-pin,
.hl-photo,
.hl-item {
  position: absolute; }

.hl-spot {
  height: 16px;
  width: 16px; }

.hl-pin {
  width: 51px;
  height: 74px;
  bottom: 17px;
  left: -14px;
  transform-origin: center bottom;
  width: 44px;
  height: auto; }

.hl-photo {
  width: 151px;
  height: auto;
  bottom: 8px;
  left: 12px;
  transform-origin: left bottom; }

.hl-item.item-1 {
  bottom: 14.9469623915%;
  left: 33.59375%;
  z-index: 5; }
.hl-item.item-2 {
  bottom: 39.0549662488%;
  left: 45.3125%; }
  .hl-item.item-2 .hl-pin {
    left: -4px;
    width: 24px; }
.hl-item.item-3 {
  bottom: 7.9074252652%;
  left: 48.9583333333%;
  z-index: 5; }
.hl-item.item-4 {
  bottom: 31.0511089682%;
  left: 54.0104166667%; }
  .hl-item.item-4 .hl-pin {
    left: -10px;
    width: 36px; }
.hl-item.item-5 {
  bottom: 45.9980713597%;
  left: 55%;
  transform: scale(0.75);
  z-index: 3; }
  .hl-item.item-5 .hl-pin {
    left: -8px;
    width: 32px; }
.hl-item.item-6 {
  bottom: 22.0829315333%;
  left: 62.9166666667%; }
  .hl-item.item-6 .hl-pin {
    left: -10px;
    width: 36px; }
.hl-item.item-7 {
  bottom: 34.3297974928%;
  left: 66.5625%; }
.hl-item.item-8 {
  bottom: 12.2468659595%;
  left: 70.625%;
  z-index: 4; }
.hl-item.item-9 {
  bottom: 31.8225650916%;
  left: 79.375%;
  z-index: 5; }
  .hl-item.item-9 .hl-pin {
    left: -4px;
    width: 24px; }

/* 手機版 */
@media (max-width: 1023px) {
  .pj-HiLifeApp {
    background-size: 144% auto; }

  .hl-phone {
    display: none; }

  .hl-item {
    transform: scale(0.75);
    transform-origin: center bottom; }
    .hl-item.item-1 {
      bottom: 54.1666666667%;
      left: 11.4666666667%;
      transform: scale(0.625); }
    .hl-item.item-2 {
      bottom: 66.6666666667%;
      left: 4.2666666667%;
      transform: scale(0.5); }
    .hl-item.item-3 {
      bottom: 8.3333333333%;
      left: 19.2%;
      z-index: 5; }
    .hl-item.item-4 {
      bottom: 75%;
      left: 43.2%;
      transform: scale(0.5); }
    .hl-item.item-5 {
      bottom: 50%;
      left: 58.6666666667%;
      transform: scale(0.625); }
      .hl-item.item-5 .hl-photo {
        display: none; }
    .hl-item.item-6 {
      bottom: 23.8541666667%;
      left: 90.6666666667%; }
    .hl-item.item-7 {
      bottom: 66.6666666667%;
      left: 64%;
      z-index: 4;
      transform: scale(0.625); }
    .hl-item.item-8 {
      bottom: 11.6666666667%;
      left: 59.2%;
      z-index: 5; }
    .hl-item.item-9 {
      bottom: 65.8333333333%;
      left: 88%;
      transform: scale(0.625);
      z-index: 2; } }
/*.to-animate{
    opacity: 0;
}*/

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