@media only screen and (min-width:1069px) {
	.grid-item-gps .tile {
		--tile-blockquote-max-width: 32.8%;
	}
}

.grid-item-new-widgets .image-new-widgets {
    display: block;
    --p-width: 682px;
    --p-height: 453px;
}

@media only screen and (max-width: 1068px) {
    .grid-item-new-widgets .image-new-widgets {
        --p-width: 504px;
        --p-height:336px
    }
}

@media only screen and (max-width: 734px) {
    .grid-item-new-widgets .image-new-widgets {
        --p-width: 480px;
        --p-height:323px
    }
}
/* 2024/8/28 WS */
.grid-item-surf-app .tile {
    min-height: 673px;
    position: relative;
  }
  @media only screen and (max-width: 1068px) {
    .grid-item-surf-app .tile {
      min-height: 564px;
    }
  }
  @media only screen and (max-width: 734px) {
    .grid-item-surf-app .tile-body {
      padding-bottom: 0;
    }
  }
  .grid-item-surf-app .tile-header {
    z-index: 1;
    width: auto;
    padding-right: 613px;
  }
  @media only screen and (max-width: 1068px) {
    .grid-item-surf-app .tile-header {
      min-width: 290px;
      padding-right: 504px;
    }
  }
  @media only screen and (max-width: 734px) {
    .grid-item-surf-app .tile-header {
      width: auto;
      min-width: unset;
      padding-right: unset;
    }
  }
  .grid-item-surf-app .tile-blockquote {
    width: auto;
    max-width: 435px;
    padding-right: 575px;
  }
  @media only screen and (max-width: 1068px) {
    .grid-item-surf-app .tile-blockquote {
      max-width: 330px;
      min-width: 215px;
      padding-right: 459px;
    }
  }
  @media only screen and (max-width: 734px) {
    .grid-item-surf-app .tile-blockquote {
      max-width: 275px;
      padding-right: unset;
    }
  }
  .grid-item-surf-app .tile .image-container {
    z-index: 0;
    position: absolute;
    top: 0;
    right: 75px;
    width: 50%;
    display: flex;
    justify-content: center;
    height: 100%;
  }
  @media only screen and (max-width: 1068px) {
    .grid-item-surf-app .tile .image-container {
      right: 60px;
    }
  }
  @media only screen and (max-width: 734px) {
    .grid-item-surf-app .tile .image-container {
      position: relative;
      display: block;
      width: auto;
      max-width: 100%;
      right: unset;
      margin: 63px auto 0;
    }
    .grid-item-surf-app .tile .image-container img {
      display: block;
      max-width: 100%;
    }
  }

.section-routers .router-item.router-health-app {
    padding: var(--tile-padding-left) var(--tile-padding-left) 54px;
    --min-tile-height: 690px;
    --min-row-height: 260px;
    min-height:var(--min-tile-height)
}

@media only screen and (max-width: 1068px) {
    .section-routers .router-item.router-health-app {
        --min-tile-height: 500px;
        --min-row-height:215px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .router-item.router-health-app {
        --min-tile-height: 0;
        --min-row-height: auto;
        flex-direction: column-reverse;
        min-height: 0;
        padding-top: 52px;
        padding-bottom:110px
    }
}

.section-routers .router-item.router-health-app .router-headline {
    max-width:462px
}

@media only screen and (max-width: 1068px) {
    .section-routers .router-item.router-health-app .router-headline {
        max-width:370px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .router-item.router-health-app .router-headline {
        max-width:330px
    }
}

.section-routers .router-item.router-health-app .row {
    min-height: var(--min-row-height);
    justify-content:center
}

.section-routers .router-item.router-health-app .tile-body {
    --tile-body-padding-top: 0px;
    --tile-body-padding-bottom: 10px;
    --tile-padding-left: 20px;
    --tile-padding-right: 20px;
    margin-top: 40px;
    height: auto;
    justify-content: unset;
    align-items:center
}

@media only screen and (max-width: 1068px) {
    .section-routers .router-item.router-health-app .tile-body {
        margin-top:25px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .router-item.router-health-app .tile-body {
        --tile-body-padding-top: 15px;
        --tile-body-padding-bottom: 0;
        --tile-padding-left: 0;
        --tile-padding-right: 0;
        margin-top:0
    }
}

.section-routers .router-item.router-health-app .tile-header {
    padding-top:46px
}

@media only screen and (max-width: 1068px) {
    .section-routers .router-item.router-health-app .tile-header {
        max-width: none;
        padding-top:40px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .router-item.router-health-app .tile-header {
        padding-top: 20px;
        padding-left: 0;
        padding-right:0
    }
}

.section-routers .router-item.router-health-app .image-health-app-icon {
    display: block;
    --p-width: 137px;
    --p-height: 137px;
    width: var(--p-width);
    height: var(--p-height);
    margin:auto
}

@media only screen and (max-width: 1068px) {
    .section-routers .router-item.router-health-app .image-health-app-icon {
        --p-width: 102px;
        --p-height:102px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .router-item.router-health-app .image-health-app-icon {
        --p-width: 82px;
        --p-height: 82px;
        margin-top: 52px;
        display:flex
    }
}

.section-routers .router-item.router-health-app .image-health-app {
    width: 1140px;
    height: 443px;
    background-size: 1140px 443px;
    background-repeat: no-repeat;
    background-image:url(/v/watchos/watchos-preview/j/images/routers/health_router__dkcvzdd986ky_large.jpg)
}

@media (min-resolution: 144dpi), only screen and(min-resolution: 1.5dppx) {
    .section-routers .router-item.router-health-app .image-health-app {
        background-image:url(/v/watchos/watchos-preview/j/images/routers/health_router__dkcvzdd986ky_large_2x.jpg)
    }
}

@media only screen and (max-width: 1068px) {
    .section-routers .router-item.router-health-app .image-health-app {
        width: 908px;
        height: 350px;
        background-size: 908px 350px;
        background-repeat: no-repeat;
        background-image:url(/v/watchos/watchos-preview/j/images/routers/health_router__dkcvzdd986ky_medium.jpg)
    }
}

@media only screen and (max-width: 1068px) and(min-resolution: 1.5dppx), only screen and(max-width: 1068px) and(min-resolution: 144dpi) {
    .section-routers .router-item.router-health-app .image-health-app {
        background-image:url(/v/watchos/watchos-preview/j/images/routers/health_router__dkcvzdd986ky_medium_2x.jpg)
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .router-item.router-health-app .image-health-app {
        width: 276px;
        height: 351px;
        background-size: 276px 351px;
        background-repeat: no-repeat;
        background-image:url(/v/watchos/watchos-preview/j/images/routers/health_router__dkcvzdd986ky_small.jpg)
    }
}

@media only screen and (max-width: 734px) and(min-resolution: 1.5dppx), only screen and(max-width: 734px) and(min-resolution: 144dpi) {
    .section-routers .router-item.router-health-app .image-health-app {
        background-image:url(/v/watchos/watchos-preview/j/images/routers/health_router__dkcvzdd986ky_small_2x.jpg)
    }
}

.section-routers .router-item.router-developers {
    padding: var(--tile-padding-left) var(--tile-padding-left) 54px;
    --min-tile-height: 500px;
    --min-row-height: 260px;
    min-height:var(--min-tile-height);
    justify-content: center;
}

@media only screen and (max-width: 1068px) {
    .section-routers .router-item.router-developers {
        --min-tile-height: 400px;
        --min-row-height:215px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .router-item.router-developers {
        --min-tile-height: 0;
        --min-row-height: auto;
        flex-direction: column-reverse;
        min-height: 0;
        padding-top: 52px;
        padding-bottom:110px
    }
}

@media only screen and (max-width: 1068px) {
    .section-routers .router-item.router-developers .router-headline {
        max-width: 330px;
        margin-right: auto;
        margin-left:auto
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .router-item.router-developers .router-headline {
        max-width:275px
    }
}

.section-routers .router-item.router-developers .row {
    min-height: var(--min-row-height);
    justify-content:center
}

.section-routers .router-item.router-developers .tile-body {
    padding: 0;
    margin-top: 40px;
    height: auto;
    justify-content: unset;
    align-items:center
}

@media only screen and (max-width: 1068px) {
    .section-routers .router-item.router-developers .tile-body {
        margin-top:25px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .router-item.router-developers .tile-body {
        padding-top: 15px;
        margin-top:0
    }
}

.section-routers .router-item.router-developers .tile-header {
    padding-top:46px
}

@media only screen and (max-width: 1068px) {
    .section-routers .router-item.router-developers .tile-header {
        max-width: none;
        padding-top:40px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .router-item.router-developers .tile-header {
        padding-top: 20px;
        padding-left: 0;
        padding-right:0
    }
}

.section-routers .router-item.router-developers .image-sdk-icon {
    display: block;
    --p-width: 137px;
    --p-height: 137px;
    width: var(--p-width);
    height: var(--p-height);
    margin:auto
}

@media only screen and (max-width: 1068px) {
    .section-routers .router-item.router-developers .image-sdk-icon {
        --p-width: 102px;
        --p-height:102px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .router-item.router-developers .image-sdk-icon {
        margin-top: 52px;
        display:flex
    }
}


.section-routers .router-item.router-developers {
    background-color: #fff;
}

/* 2024/8/28 WS */

/* 2024/8/31 FIX HEADLINE */
@media only screen and (max-width: 734px) {
    .grid-item-surf-app .tile-blockquote {
        max-width: 299px;
    }
  }
/* 2024/8/31 FIX HEADLINE */