#dora a{
    color: initial;
    text-decoration: none;
}
#dora .dora-hidden{
  overflow: hidden;
}
#dora img,
#dora video,
#dora svg,
#dora picture{
    width: 100%;
    display: block;
}
#dora sup{
  font-size: 0.6em;
}
#dora [data-footnote]{
  font-size: 0.6em;
  cursor: pointer;
}
#dora .blur-up {
  transition: filter .4s;
  filter: blur(20px);
}
#dora .blur-up.lazyloaded {
  filter: blur(0);
}
#dora .h2{
    font-size: 3.333333vw;
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 1.666667vw;
    color: #000000;
}
#dora .h2 b{
  font-weight: inherit;
  position: relative;
  z-index: 2;
}
#dora .h2 span{
  position: relative;
}
#dora .h2 span .title-bg{
  position: absolute;
  top: 1.979167vw;
  left: -.208333vw;
  z-index: 1;
  width: 100%;
}
#dora .h3{
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.25;
    color: #000000;
}
#dora .nowrap{
  white-space: nowrap;
}
#dora .aspect-ratio {
  position: relative;
  display: block;
}
#dora .aspect-ratio::before {
  display: block;
  content: "";
}
#dora .aspect-ratio img {
  position: absolute;
  top: 0;
  left: 0;
}
#dora .h2.title{
    font-size: 5vw;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0;
}

#dora .copy-title{
  width: 67.1875vw;
  margin: 0 auto;
  text-align: center;
}
#dora p{
    font-size: 1.145833vw;
    line-height: 1.6;
    color: #707070;
    font-weight: 500;
}
#dora p .text-black{
  color: #000;
}
#dora p .bold{
  font-weight: 700;
}
#dora .note{
    font-size: max(8px, .833333vw);
}
#dora .space-200{
    width: 100%;
    height: 10.416667vw;
}
#dora .show-pc{
    display: block;
}
#dora .show-mob{
    display: none;
}
#dora .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#dora .effect-slide .swiper-wrapper, #dora .effect-slide [data-swiper-parallax-x], #dora .effect-slide [data-swiper-parallax-y], #dora .effect-slide [data-swiper-parallax-opacity]{
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#dora .swiper-touch-move .swiper-wrapper, #dora .swiper-touch-move [data-swiper-parallax-x], #dora .swiper-touch-move [data-swiper-parallax-y], #dora .swiper-touch-move [data-swiper-parallax-opacity] {
  transition-timing-function: ease;
}
#dora .rounded{
  border-radius: .833333vw;
  overflow: hidden;
}
#dora .play-pause-button {
  position: absolute;
  z-index: 2;
  right: 1.666667vw;
  bottom: 1.666667vw;
  overflow: hidden;
  width: 2.083333vw;
  height: 2.083333vw;
  transform: translateZ(0);
  border-radius: 50%;
  cursor: pointer;
  backdrop-filter: blur(8px) brightness(1.1);
  -webkit-backdrop-filter: blur(8px) brightness(1.1);
  background-color: rgba(92, 90, 88, 0.6);
  transition: all .3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#dora .play-pause-button:hover {
  background-color: rgba(92, 90, 88, 0.5);
}

#dora .play-pause-button .button-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#dora.no-inline-video .play-pause-button{
  display: none;
}
@media (max-aspect-ratio: 11/10) {
  #dora .rounded{
    border-radius: 2.222222vw;
  }
  #dora .play-pause-button {
    right: 4.444444vw;
    bottom: 4.444444vw;
    width: 8.888889vw;
    height: 8.888889vw;
  }
  #dora .play-pause-button:hover {
    background-color: rgba(92, 90, 88, 0.6);
  }
}
#dora .tabnav-swiper .tabnav-content {
  display: flex;
  align-items: center;
  position: relative;
}
#dora .tabnav-swiper .tabnav-container {
  position: relative;
}
#dora .tabnav-swiper .tabnav-list {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#dora .tabnav-swiper .tabnav-item {
  padding-bottom: 0.833333vw;
  font-size: 1.041667vw;
  cursor: pointer;
  transition: color 0.5s;
  white-space: nowrap;
  color: #797c80;
  outline: 0;
}
#dora .tabnav-swiper .tabnav-item + .tabnav-item {
  margin-left: 1.666667vw;
}
#dora .tabnav-swiper .tabnav-item.current {
  color: #ffffff;
}
#dora .tabnav-swiper .tabnav-indicator {
  position: relative;
  width: 100%;
  height: 2px;
}
#dora .tabnav-swiper .tabnav-indicator::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
}
#dora .tabnav-swiper .tabnav-indicator::after {
  display: block;
  width: var(--indicator-width, 0);
  height: 100%;
  content: "";
  transition: width 0.5s, transform 0.5s;
  transform: translateX(var(--indicator-offset, 0));
  background-color: #ffffff;
}
#dora .tabnav-swiper .stack-list {
  display: flex;
}
#dora .tabnav-swiper .tabnav-swiper .stack-list {
  text-align: center;
}
#dora .tabnav-swiper .stack-item {
  position: relative;
  width: 100%;
  font-size: 1.458333vw;
  transition: opacity 0.3s ease;
  opacity: 0;
}
#dora .tabnav-swiper .stack-item + .stack-item {
  margin-left: -100%;
}
#dora .tabnav-swiper .stack-item.current {
  z-index: 1;
  opacity: 1;
}
#dora .video-container{
  position: relative;
}
#dora .video-container.playing .icon-pause, 
#dora .video-container.paused .icon-play, 
#dora .video-container.ended .icon-replay,
#dora .section-video.playing .icon-pause, 
#dora .section-video.paused .icon-play, 
#dora .section-video.ended .icon-replay {
  display: block;
}
#dora .text-animate .text-move{
  opacity: 0;
  transform: translateY(40%);
  transition: transform .8s ease, opacity .8s ease;
}
#dora .text-animate .text-move.animated{
  opacity: 1;
  transform: translateY(0);
}

#dora .section-kv .kv-content{
    position: relative;
}
#dora .section-kv .kv-content .copy{
    position: absolute;
    top: 14.270833vw;
    right: 5.729167vw;
    width: 34.6875vw;
}
#dora .section-kv .kv-content .copy p{
  font-size: 1.458333vw;
  line-height: 1.25;
  color: #000;
  text-align: center;
  margin-top: .9375vw;
  font-weight: 400;
  letter-spacing: .15625vw;
  white-space: nowrap;
}
#dora .section-kv .kv-content .copy .icon{
  width: 22.552083vw;
  margin: 2.65625vw auto 3.958333vw;
}
#dora .dora-design{
  position: relative;
}
#dora .dora-design::after{
  content: '';
  height: calc(100% + 100vh);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom, #FBF8FF 0%, #FFFFFF 33%, #FDFCFF 66%, #FFFFFF 100%);
  z-index: 1;
}
#dora .section-highlights{
    position: relative;
    z-index: 2;
}
#dora .section-highlights .autoplay-trigger {
  position: absolute;
  top: 80%;
}

#dora .section-highlights .swiper {
  width: 67.5vw;
  overflow: visible;
}
#dora .section-highlights .swiper .swiper-slide{
    position: relative;
    overflow: hidden;
    border-radius: .833333vw;
}
#dora.no-inline-video .reason-mask{
  display: none;
}

#dora .section-highlights .video-container{
  opacity: 0;
  transition: opacity 0.8s ease;
  -webkit-transition: opacity 0.8s ease;
  -moz-transition: opacity 0.8s ease;
      
}
#dora .section-highlights .swiper-slide-active .video-container{
  opacity: 1;
  transition: opacity 0s ease;
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
}
#dora.no-inline-video .section-highlights .video-container{
  opacity: 1;
}
#dora .section-highlights .reason-mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.8s ease;
  -webkit-transition: opacity 0.8s ease;
  -moz-transition: opacity 0.8s ease;
  will-change: opacity;
}
#dora .section-highlights .swiper-slide-active .reason-mask{
  opacity: 0;
  transition: opacity 0s ease;
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
}
#dora .section-highlights .swiper .swiper-slide-shadow-left,
#dora .section-highlights .swiper .swiper-slide-shadow-right{
  transform: translateZ(1px);
  will-change: transform;
}
#dora .section-highlights .swiper .caption{
  position: absolute;
  top: 2.5vw;
  left: 2.5vw;
  line-height: 1.5;
}
#dora .section-highlights .swiper .caption p{
  font-size: 1.041667vw;
  margin-top: .833333vw;
  color: #000;
}
#dora .section-highlights .swiper .caption-1 .h3,
#dora .section-highlights .swiper .caption-4 .h3,
#dora .section-highlights .swiper .caption-1 p,
#dora .section-highlights .swiper .caption-4 p{
    color: #ffffff;
}
#dora .section-highlights .swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}
#dora .section-highlights .controls-container {
  display: flex;
  justify-content: center;
  padding: 2.5vw 0 0;
}
#dora .section-highlights .controls-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  height: 3.333333vw;
  padding-right: 1.041667vw;
  padding-left: 1.041667vw;
  border-radius: 999px;
  background-image: linear-gradient(to bottom, #E9E5FF 0%, #CBC2FF 100%);
  box-shadow: 0px 3px 6px #DCD6FF;
}
#dora .section-highlights .controls-wrapper::before{
  content: '';
  position: absolute;
  top: .208333vw;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - .625vw);
  height: calc(100% - .572917vw);
  background-image: linear-gradient(to bottom, rgba(255,255,255, 0.38) 0%, rgba(255,255,255, 0.07) 37%, rgba(255,255,255, 0) 100%);
  border-radius: 999px;
  z-index: 3;
  filter: blur(1px);
}
#dora .section-highlights .controls-wrapper::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-image: linear-gradient(to bottom, #E9E5FF 0%, #CBC2FF 100%);
  border-radius: 999px;
  z-index: 2;
}
#dora .section-highlights .controls-wrapper .control-border{
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, #E0DEFF 0%, #EEEBFF 100%);
  border-radius: 999px;
  z-index: 1;
  top: 0;
  left: 0;
}
#dora .section-highlights .arrownav-item {
  flex-shrink: 0;
  width: 2.083333vw;
  cursor: pointer;
  transition: opacity 0.3s;
  outline: 0;
  position: relative;
  z-index: 4;
}
#dora .section-highlights .arrownav-item:hover {
  opacity: 0.6;
}
#dora .section-highlights .arrownav-disabled {
  cursor: default;
  opacity: 0.3 !important;
}
#dora .section-highlights .dotnav-list {
  display: flex;
  margin-right: .677083vw;
  margin-left: .677083vw;
  padding: 0;
  position: relative;
  z-index: 4;
  bottom: auto;
}
#dora .section-highlights .dotnav-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.520833vw;
  height: 0.520833vw;
  margin: 0 0.260417vw 0;
  cursor: pointer;
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 0.3;
  border-radius: 100%;
  outline: 0;
  background-color: rgba(255, 255, 255);
}
#dora .section-highlights .dotnav-item:hover{
  opacity: .6;
}
#dora .section-highlights .dotnav-item::before {
  position: absolute;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  padding: 0.260417vw;
  content: "";
}
#dora .section-highlights .dotnav-item.current {
  cursor: default;
  opacity: 1;
}
#dora .section-highlights .autoplay-trigger {
  position: absolute;
  top: 80%;
}
#dora .section-id{
  position: relative;
  z-index: 2;
}
#dora .section-id .video-container{
  width: 81.25vw;
  margin: 0 auto;
}
#dora .section-id .player-button-container{
  position: absolute;
  bottom: 2.083333vw;
  right: 2.083333vw;
  cursor: pointer;
}
#dora .section-id .player-button-container .player-button{
  display: flex;
  align-items: center;
}
#dora .section-id .player-button-container .player-button .button-copy{
  font-size: 1.25vw;
  margin-right: .833333vw;
  color: #ffffff;
  line-height: 1.25;
}
#dora .section-id .player-button-container .player-button .button-icon{
  width: 2.916667vw;
  position: relative;
  transition: opacity .3s ease;
}
@media (any-hover: hover) and (pointer: fine){
  #dora .section-id .player-button-container:hover .button-icon{
    opacity: .6;
  }
}
#dora .section-id .player-button-container .player-button .button-icon img{
  position: relative;
  z-index: 4;
}
#dora .section-id .button-icon::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: calc(100% - .3125vw);
  height: calc(100% - .3125vw);
  background-image: linear-gradient(to bottom, rgba(255,255,255, 0.38) 0%, rgba(255,255,255, 0.07) 37%, rgba(255,255,255, 0) 100%);
  border-radius: 50%;
  z-index: 3;
  filter: blur(1px);
  transition: opacity .3s ease;
}
#dora .section-id .button-icon .item-before{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-image: linear-gradient(to bottom, #E9E5FF 0%, #CBC2FF 100%);
  border-radius: 50%;
  z-index: 2;
  transition: opacity .3s ease;
}
#dora .section-id .button-icon .item-affter{
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, #E0DEFF 0%, #EEEBFF 100%);
  border-radius: 50%;
  z-index: 1;
  top: 0;
  left: 0;
  transition: opacity .3s ease;
}
#dora .section-design{
  position: relative;
  z-index: 2;
}
#dora .section-design .design-content{
  position: relative;
  margin-top: 3.333333vw;
}
#dora .section-design .copy .title-img{
  width: 19.270833vw;
  margin: 0 auto .3125vw;
  display: block;
}
#dora .section-design .design-content .desc{
  position: absolute;
  font-size: 1.25vw;
  opacity: 0;
}
#dora .section-design .design-content .desc1{
  z-index: 1;
}
#dora .section-design .design-content .desc1,
#dora .section-design .design-content .desc5{
  position: absolute;
  width: 18.125vw;
  top: 9.635417vw;
  left: 10.208333vw;
}
#dora .section-design .design-content .desc2,
#dora .section-design .design-content .desc3,
#dora .section-design .design-content .desc4{
  width: 19.895833vw;
  top: 16.666667vw;
  right: 15.625vw;
}

#dora .section-design .design-content .design-container{
  height: 400vh;
}
#dora .section-design .design-content .design-container .design-sticky{
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}
#dora .section-design .design-content .design-container .design-sticky .design-canvas{
  display: block;
}
#dora .section-design .design-content .design-container .design-sticky .design-canvas canvas{
  height: 100vh;
  object-fit: cover;
  width: 100%;
}
#dora .section-color{
  position: relative;
  z-index: 2;
  padding-bottom: 10.416667vw;
}
#dora .section-color .color-content svg{
  height: 100%;
  position: relative;
  z-index: 2;
}
#dora .section-color .color-content .copy{
  width: 37.291667vw;
  margin: 0 auto 3.333333vw;
  text-align: center;
}
#dora .section-color .color-content .copy .copy-title{
  width: auto;
}
#dora .section-color .color-content .copy .copy-title .title-img{
  width: 20.104167vw;
  margin: 0 auto .3125vw;
}
#dora .section-color .color-content .copy p{
  margin-top: 2.5vw;
}
#dora .section-color .color-content .swiper{
  width: 67.5vw;
  overflow: visible;
  height: 36.458333vw;
}
#dora .section-color .color-content .swiper .swiper-slide{
  width: 33.125vw;
}
#dora .section-color .color-content .swiper .swiper-slide .swiper-color .pic-bg{
  background-image: linear-gradient(to top, #F6F2FF 0%, #FFF2FD 100%);
  transform: translateY(20%);
  transition: transform .8s ease;
}
#dora .section-color .color-content .swiper .swiper-slide .swiper-color .pic-bg-2{
  transform: translateY(47%);
  transition: transform .8s .2s ease;
  height: 15.416667vw;
}
#dora .section-color .color-content .swiper .swiper-slide .swiper-color .pic-bg-3{
  transform: translateY(36%);
  transition: transform .8s .2s ease;
  height: 19.791667vw;
}
#dora .section-color .color-content .swiper .swiper-slide .swiper-color .pic-bg-4{
  transition: transform .8s .4s ease;
}
#dora .section-color.active .color-content .swiper .swiper-slide .swiper-color .pic-bg{
  transform: translateY(0%);
}
#dora .section-color .color-content .swiper .swiper-slide .swiper-color .pic-bg picture{
  transform: translateY(100%);
  transition: transform .8s cubic-bezier(0.65, 0, 0.35, 1.2);
}
#dora .section-color .color-content .swiper .swiper-slide .swiper-color.current .pic-bg picture{
  transform: translateY(0);
}
#dora .section-color .color-content .swiper .flex-pic{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#dora .section-color .color-content .controls-container{
  display: flex;
  width: 67.5vw;
  margin: 0 auto;
  justify-content: space-between;
  margin-top: 2.5vw;
  align-items: center;
}
#dora .section-color .color-content .controls-wrapper{
  display: flex;
  justify-content: flex-end;
}
#dora .section-color .color-content .controls-wrapper .arrownav-item{
  width: 2.5vw;
  height: 2.5vw;
  cursor: pointer;
  transition: opacity .3s ease;
  position: relative;
  transform: translateZ(0);
  border-radius: 50%;
}
#dora .tabnav-swiper .arrownav-item::after,
#dora .section-video-card .arrownav-item::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0px 3px 6px #DCD6FF;
  opacity: 1;
  transition: opacity .3s ease;
  z-index: 1;
}
#dora .tabnav-swiper .arrownav-item::before,
#dora .section-video-card .arrownav-item::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: calc(100% - .3125vw);
  height: calc(100% - .3125vw);
  background-image: linear-gradient(to bottom, rgba(255,255,255, 0.38) 0%, rgba(255,255,255, 0.07) 37%, rgba(255,255,255, 0) 100%);
  border-radius: 50%;
  z-index: 3;
  filter: blur(1px);
  transition: opacity .3s ease;
}
#dora .tabnav-swiper .arrownav-item .item-before,
#dora .section-video-card .arrownav-item .item-before{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-image: linear-gradient(to bottom, #E9E5FF 0%, #CBC2FF 100%);
  border-radius: 50%;
  z-index: 2;
  transition: opacity .3s ease;
}
#dora .tabnav-swiper .arrownav-item .item-affter,
#dora .section-video-card .arrownav-item .item-affter{
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, #E0DEFF 0%, #EEEBFF 100%);
  border-radius: 50%;
  z-index: 1;
  top: 0;
  left: 0;
  transition: opacity .3s ease;
}
#dora .section-color .color-content .controls-wrapper .arrownav-item + .arrownav-item{
  margin-left: 1.666667vw;
}
@media (any-hover: hover) and (pointer: fine){
  #dora .section-color .color-content .controls-wrapper .arrownav-item:hover{
    opacity: .6;
  }
}
#dora .section-color .color-content .controls-wrapper .arrownav-item.arrownav-disabled{
  opacity: 1;
  cursor: auto;
}
#dora .tabnav-swiper .arrownav-item.arrownav-disabled::after,
#dora .tabnav-swiper .arrownav-item.arrownav-disabled::before,
#dora .tabnav-swiper .arrownav-item.arrownav-disabled .item-before,
#dora .tabnav-swiper .arrownav-item.arrownav-disabled .item-affter,
#dora .section-video-card .arrownav-item.arrownav-disabled::after,
#dora .section-video-card .arrownav-item.arrownav-disabled::before,
#dora .section-video-card .arrownav-item.arrownav-disabled .item-before,
#dora .section-video-card .arrownav-item.arrownav-disabled .item-affter{
  opacity: 0;
}
#dora .tabnav-swiper .arrownav-item .circle,
#dora .section-video-card .arrownav-item .circle{
  opacity: 0;
  transition: all .3s ease;
}
#dora .tabnav-swiper .arrownav-item.arrownav-disabled .circle,
#dora .section-video-card .arrownav-item.arrownav-disabled .circle{
  opacity: 1;
}
#dora .tabnav-swiper .arrownav-item .circle-fill,
#dora .section-video-card .arrownav-item .circle-fill{
  fill: transparent;
  transition: all .3s ease;
}
#dora .tabnav-swiper .arrownav-item.arrownav-disabled .circle-fill,
#dora .section-video-card .arrownav-item.arrownav-disabled .circle-fill{
  fill: #D1CBFF;
}
#dora .tabnav-swiper .arrownav-item .circle-border,
#dora .section-video-card .arrownav-item .circle-border{
  transition: all .3s ease;
}
#dora .tabnav-swiper .arrownav-item.arrownav-disabled .circle-border,
#dora .section-video-card .arrownav-item.arrownav-disabled .circle-border{
  fill: #D1CBFF;
}
#dora .tabnav-swiper .arrownav-item .circle-bg,
#dora .section-video-card .arrownav-item .circle-bg{
  stop-color: transparent;
}



#dora .section-color .tabnav-item{
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 50%;
  padding: 0;
  transform: translateZ(0);
}
#dora .section-color .tabnav-container{
  margin-left: 4.166667vw;
}
#dora .section-color .tabnav-item .color-border{
  opacity: 0;
  transition: opacity .3s ease;
}
#dora .section-color .tabnav-item:hover .color-border{
  opacity: .6;
}
#dora .section-color .tabnav-item.current .color-border{
  opacity: 1;
}
#dora .section-color .tabnav-content{
  margin-left: 1.25vw;
}
#dora .section-color .stack-list{
  position: relative;
}
#dora .section-color .stack-item{
  width: max-content;
}
#dora .section-color .stack-item + .stack-item{
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
}
#dora .section-positioning{
  position: relative;
  z-index: 2;
}
#dora .section-positioning .positioning-content .copy .title-img{
  width: 24.895833vw;
  margin: 0 auto .3125vw;
}
#dora .section-positioning .positioning-content .copy p{
  width: 52.083333vw;
  margin: 2.5vw auto 0;
  text-align: center;
}
#dora .section-positioning .positioning-content .pic-content{
  width: 81.25vw;
  margin: 3.333333vw auto 0;
}
#dora .section-positioning .positioning-content .pic-content picture{
  transform: scale(1.2);
  transition: transform .8s ease;
}
#dora .section-positioning .positioning-content.animate .pic-content picture{
  transform: scale(1);
}
#dora .section-positioning .positioning-icon{
  display: flex;
  justify-content: center;
  transform: translateY(40%);
  opacity: 0;
  transition: all .8s ease;
  margin-top: 3.333333vw;
}
#dora .section-positioning .positioning-content.active .positioning-icon{
  transform: translateY(0);
  opacity: 1;
}
#dora .section-positioning .positioning-content .positioning-icon>div{
  width: max-content;
}
#dora .section-positioning .positioning-icon>div + div{
  margin-left: 2.604167vw;
}
#dora .section-positioning .positioning-content .positioning-icon>div:nth-child(6),
#dora .section-positioning .positioning-content .positioning-icon>div:nth-child(8){
  margin-left: 2.1875vw;
}
#dora .section-positioning .positioning-content .positioning-icon>div:nth-child(7){
  margin-left: 1.666667vw;
}
#dora .section-positioning .positioning-icon .icon{
  width: 3.75vw;
  margin: 0 auto;
}
#dora .section-positioning .positioning-icon p{
  margin-top: .833333vw;
  font-size: .9375vw;
  color: #000000;
}
#dora .dora-positioning{
  background-image: linear-gradient(to bottom, rgba(255,255,255) 0%, rgba(240,248,255) 24%, rgba(242,248,255) 83%, rgba(250,253,255,.3) 100%);
  position: relative;
  z-index: 1;
}
#dora .section-real-time{
  padding-bottom: 18.645833vw;
}
#dora .section-real-time .real-time-content{
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  width: 67.5vw;
  margin: 0 auto;
  padding: 5.104167vw 0 0;
  background-color: #E0F2FF;
  position: relative;
}
#dora .section-real-time .real-time-content .swiper{
  width: 30.3125vw;
  margin-right: 4.166667vw;
}
#dora .section-real-time .real-time-content .copy-content{
  width: 32.8125vw;
  margin-left: 5.208333vw;
  margin-top: 4.166667vw;
  height: fit-content;
}
#dora .section-real-time .real-time-content .copy-content .h2{
  margin-bottom: 3.125vw;
  font-size: 2.5vw;
}
#dora .section-real-time .real-time-content .copy-content .h2 .title-bg{
  width: 18.28125vw;
  top: 1.354167vw;
}
#dora .section-real-time .real-time-content .copy-content .copys{
  position: relative;
  padding-left: 1.458333vw;
  width: 23.645833vw;
}
#dora .section-real-time .real-time-content .copy-content .copys .text-item{
  overflow: hidden;
}
#dora .section-real-time .real-time-content .copy-content .copys .text-item + .text-item{
  margin-top: 2.1875vw;
}
#dora .section-real-time .real-time-content .copy-content .copys .text-item .h3{
  color: #000;
  opacity: .6;
  cursor: pointer;
  transition: opacity .3s ease;
  line-height: 1.3;
}
#dora .section-real-time .real-time-content .copy-content .copys .text-item .h3:hover{
  opacity: .8;
}
#dora .section-real-time .real-time-content .copy-content .copys .text-item.current .h3{
  opacity: 1;
}
#dora .section-real-time .real-time-content .copy-content .copys .text-item .desc{
  transition: height .6s ease, margin-top .6s ease;
  margin-top: 0;
}
#dora .section-real-time .real-time-content .copy-content .copys .text-item.current .desc{
  margin-top: .78125vw;
}
#dora .section-real-time .real-time-content .copy-content .copys .text-item .desc p{
  font-size: 1.041667vw;
}
#dora .section-real-time .real-time-content .copy-content .copys .line-mask{
  display: block;
}
#dora .section-real-time .line-indicator-box{
  position: absolute;
  width: .208333vw;
  height: 100%;
  background-color: rgba(0,0,0,.1);
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: .520833vw;
}
#dora .section-real-time .line-indicator{
    position: absolute;
    top: 0;
    transform: translateY(calc(var(--s18-top, 0)));
    width: 100%;
    transition: all 0.6s ease;
    background-image: linear-gradient(to left, #A396FC 0%, #D6D0FF 100%);
    will-change: height, transform;
    border-radius: .520833vw;
}
#dora .section-wide-angle{
  margin-top: -18.645833vw;
  position: relative;
  z-index: 1;
}
#dora .section-wide-angle .wide-angle-content .copy .title-img{
  width: 19.375vw;
  margin: 0 auto .3125vw;
}
#dora .section-wide-angle .wide-angle-content .copy p{
  width: 30.520833vw;
  margin: 2.5vw auto 0;
  text-align: center;
  transform: translateY(260%);
  transition: transform .8s ease;
}
#dora .section-wide-angle.active .wide-angle-content .copy p{
  transform: translateY(0);
}
#dora .section-wide-angle .wide-angle-content .pic-content{
  width: 71.875vw;
  margin: 3.333333vw auto 0;
  position: relative;
  transform: scale(1.2);
  transform-origin: top center;
  transition: transform .8s ease;
}
#dora .section-wide-angle.active .wide-angle-content .pic-content{
  transform: scale(1);
}
#dora .section-wide-angle .wide-angle-content .pic-content .pic{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 67.5vw;
}
#dora .section-wide-angle .wide-angle-content .pic-icon{
  width: 57.8125vw;
  margin: -10.625vw auto 0;
}
#dora .section-photograph {
    position: relative;
    padding-bottom: 10.416667vw;
}
#dora .section-photograph .photograph-content{
    width: 41.666667vw;
    margin: 0 auto;
}
#dora .section-photograph .photograph-content .copy{
  text-align: center;
  margin-bottom: 3.333333vw;
}
#dora .section-photograph .photograph-content .copy .title-bg{
  width: 9.0625vw;
  top: 2.5vw;
  left: -.572917vw;
}
#dora .section-photograph .swiper-wrapper{
  transition-timing-function: ease;
}
#dora .section-photograph .swiper-container {
    overflow: visible;
}
#dora .section-photograph .swiper-slide {
    width: 41.666667vw;
}
#dora .section-photograph .swiper-slide .slide-bg{
  position: relative;
}
/* #dora .section-photograph .swiper-slide .slide-bg2{
  transform: translateX(-20%);
}
#dora .section-photograph .swiper-slide .slide-bg3{
  transform: translateX(-45%);
}
#dora .section-photograph .swiper-slide .slide-bg5{
  transform: translateX(45%);
}
#dora .section-photograph .swiper-slide .slide-bg6{
  transform: translateX(20%);
} */
#dora .section-photograph .swiper-slide .slide-bg2{
  transform: translateX(-20%);
}
#dora .section-photograph .swiper-slide .slide-bg3{
  transform: translateX(20%);
}
#dora .section-photograph .swiper-slide .slide-bg .shadow{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.3);
  top: 0;
  left: 0;
  opacity: 1;
}
#dora .section-photograph .swiper-slide.swiper-slide-active .slide-bg .shadow{
  opacity: 0;
}
#dora .section-photograph .controls-container{
  display: flex;
  flex-direction: column-reverse;
  margin: 2.5vw auto 0;
  width: 29.166667vw;
}
#dora .section-photograph .controls-container .controls-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
}
#dora .section-photograph .controls-container .controls-wrapper .photograph-pagination{
  width: auto;
  margin: 0 1.25vw;
  font-size: 1.041667vw;
  display: flex;
}
#dora .section-photograph .controls-container .controls-wrapper .photograph-pagination span{
  width: .572917vw;
}
#dora .section-photograph .tabnav-content{
  margin-top: 2.5vw;
  margin-left: 0;
}
#dora .section-photograph .stack-list{
  width: 100%;
}
#dora .section-photograph .stack-item{
  font-size: 1.145833vw;
  text-align: center;
}
#dora .section-photograph .circle-fill{
  stroke: transparent;
}
#dora .section-photograph .arrownav-item{
  width: 2.5vw;
  height: 2.5vw;
  transition: opacity .3s ease;
  position: relative;
  cursor: pointer;
}
#dora .section-photograph .arrownav-item svg{
  height: auto;
  z-index: 2;
  position: relative;
}
@media (any-hover: hover) and (pointer: fine){
  #dora .section-photograph .arrownav-item:hover{
    opacity: .6;
  }
}
#dora .section-memory .memory-content{
  display: flex;
  width: 67.5vw;
  align-items: center;
  margin: 0 auto;
  justify-content: space-between;
}
#dora .section-memory .memory-content .copy{
  width: 22.395833vw;
  text-align: left;
}
#dora .section-memory .memory-content .copy .title-bg{
  width: 14.0625vw;
  top: 1.927083vw;
  left: .260417vw;
}
#dora .section-memory .memory-content .pic-content{
  width: 32.8125vw;
  margin: 0;
  position: relative;
}
#dora .section-memory .memory-content .pic-content .pic{
  position: relative;
  z-index: 2;
}
#dora .section-ability{
  padding-top: 10.416667vw;
}
#dora .section-ability .h2{
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
#dora .section-ability .h2 sup{
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(to bottom, #FFC6A8 0%, #F78B52 100%);
  line-height: 1;
  transform: translateY(-.729167vw);
  font-weight: 700;
}
#dora .section-ability .title-img{
  width: 32.1875vw;
  display: inline-block;
}
#dora .section-ability .pic-content{
  width: 81.25vw;
  margin: 3.333333vw auto 0;
}
#dora .section-ability .pic-content picture{
  transform: scale(1.2);
  transition: all .8s ease;
}
#dora .section-ability.active .pic-content picture{
  transform: scale(1);
}
#dora .section-ability .desc{
  width: 44.791667vw;
  margin: 3.333333vw auto 0;
  text-align: center;
}
#dora .section-meetime .meetime-content{
  display: flex;
  align-items: center;
  width: 81.25vw;
  margin: 0 auto;
  justify-content: space-between;
}
#dora .section-meetime .meetime-content .copy{
  width: 22.395833vw;
}
#dora .section-meetime .meetime-content .copy .title-bg{
  width: 14.895833vw;
  top: 2.1875vw;
  left: -.3125vw;
}
#dora .section-meetime .meetime-content .pic-content{
  width: 55.78125vw;
  position: relative;
  z-index: 2;
}
#dora .section-meetime .meetime-content .pic-content .pic{
  position: relative;
  z-index: 3;
}
#dora .section-meetime .meetime-content .pic-content .bg1{
  position: absolute;
  top: 1.770833vw;
  right: -3.125vw;
  width: 35.625vw;
  height: 35.625vw;
  background-image: radial-gradient(ellipse at center, rgba(163,251,187) 0%, rgba(74,191,228,.47) 100%);
  transform: rotate(25deg);
  border-radius: 50%;
  filter: blur(50px);
  opacity: .21;
}
#dora .section-meetime .meetime-content .pic-content .bg2{
  position: absolute;
  top: 3.645833vw;
  left: 5.885417vw;
  width: 28.541667vw;
  height: 35.78125vw;
  background-image: radial-gradient(ellipse at center, rgba(74,191,228) 0%, rgba(74,191,228,.47) 100%);
  border-radius: 50%;
  filter: blur(50px);
  opacity: .21;
}
#dora .section-meetime .meetime-content .pic-content .icon-1{
  position: absolute;
  width: 13.958333vw;
  top: 7.8125vw;
  left: 0;
  z-index: 4;
}
#dora .section-meetime .meetime-content .pic-content .icon-2{
  position: absolute;
  width: 9.166667vw;
  bottom: 2.135417vw;
  left: 2.395833vw;
  z-index: 4;
}
#dora .section-meetime .meetime-content .pic-content .icon-3{
  position: absolute;
  width: 10.104167vw;
  top: 16.145833vw;
  right: 0;
  z-index: 4;
}
#dora .section-meetime.active .meetime-content .pic-content .icon-1{
  animation: icon1 3s ease infinite;
}
#dora .section-meetime.active .meetime-content .pic-content .icon-2{
  animation: icon2 2s infinite;
}
#dora .section-meetime.active .meetime-content .pic-content .icon-3{
  animation: icon3 1.5s infinite;
}
@keyframes icon1 {
  0% {
    transform: translateY(-30%);
  }
  50%{
    transform: translateY(30%);
  }
  100% {
    transform: translateY(-30%);
  }
}
@keyframes icon2 {
  0% {
    transform: translateY(20%);
  }
  50%{
    transform: translateY(-20%);
  }
  100% {
    transform: translateY(20%);
  }
}
@keyframes icon3 {
  0% {
    transform: translateY(15%);
  }
  50%{
    transform: translateY(-15%);
  }
  100% {
    transform: translateY(15%);
  }
}
#dora .section-configure .pic-content{
  width: 81.25vw;
  margin: 3.333333vw auto 0;
  position: relative;
}
#dora .section-configure .title-img{
  width: 21.354167vw;
  margin: 0 auto .3125vw;
}
#dora .section-configure .pic-content .pic-bg{
  position: relative;
}
#dora .section-configure .pic-content .pic{
  position: relative;
  overflow: hidden;
  z-index: 2;
}
#dora .section-configure .pic-content .pic picture{
  position: relative;
  z-index: 2;
  transition: all .8s ease;
  transform: scale(1.2);
}
#dora .section-configure.active .pic-content .pic picture{
  transform: scale(1);
}
#dora .section-configure .pic-content .icon-content{
  display: flex;
  justify-content: space-between;
  z-index: 2;
  position: relative;
}
#dora .section-configure .pic-content .icon{
  display: flex;
  margin: -1.458333vw 2.8125vw 0 0;
}
#dora .section-configure .pic-content .icon-1{
  width: 21.145833vw;
}
#dora .section-configure .pic-content .icon-2{
  width: 21.5625vw;
  margin: -3.645833vw 0 0 .520833vw;
}
#dora .section-configure .pic-content .desc-content{
  width: 26.145833vw;
  margin: 2.916667vw 0 0 2.083333vw;
}
#dora .section-configure .pic-content .desc-content .title-bg{
  width: 21.40625vw;
  top: 1.875vw;
}
#dora .section-configure .pic-content .bg-1{
  position: absolute;
  width: 14.479167vw;
  left: -5.9375vw;
  top: -5.104167vw;
  z-index: 1;
  transform: scale(.4);
  transition: all .8s ease;
  opacity: 0;
}
#dora .section-configure.active .pic-content .bg-1{
  transform: scale(1);
  opacity: 1;
}
#dora .section-configure .pic-content .bg-2{
  position: absolute;
  width: 9.0625vw;
  right: -7.1875vw;
  top: 21.041667vw;
  z-index: 1;
  transform: scale(.4);
  transition: all .8s ease;
  opacity: 0;
}
#dora .section-configure.animate .pic-content .bg-2{
  transform: scale(1);
  opacity: 1;
}
#dora .section-supervision{
  padding-top: 10.416667vw;
}
#dora .supervision-content{
  display: flex;
  width: 67.5vw;
  justify-content: space-between;
  margin: 0 auto;
  align-items: center;
}
#dora .supervision-content .copy{
  width: 27.1875vw;
}
#dora .supervision-content .copy .title-bg{
  width: 11.458333vw;
  left: .208333vw;
}
#dora .supervision-content .copy .icon{
  display: flex;
  margin-top: 3.125vw;
}
#dora .supervision-content .copy .icon>div{
  width: max-content;
}
#dora .supervision-content .copy .icon>div .icon-item{
  width: 3.020833vw;
  margin: 0 auto 1.145833vw;
}
#dora .supervision-content .copy .icon>div + div{
  margin-left: 2.1875vw;
}
#dora .supervision-content .copy .icon>div p{
  font-size: .9375vw;
  text-align: center;
  white-space: nowrap;
}
#dora .supervision-content .pic-content{
  width: 31.770833vw;
}
#dora .supervision-content{
  overflow: hidden;
}
#dora .supervision-content .swiper{
  width: 67.5vw;
  overflow: visible;
  margin-top: 3.333333vw;
}
#dora .supervision-content .swiper-slide{
  width: 33.125vw;
}
#dora .supervision-content .swiper-slide:not(.swiper-slide-active){
  cursor: pointer;
}
#dora .supervision-content .swiper-slide-active ~ .swiper-slide-visible {
  cursor: auto;
}
#dora .supervision-content .swiper-slide .pic{
  padding: 1.875vw 3.333333vw 2.916667vw 3.541667vw;
}
#dora .supervision-content .swiper-slide .pic-1{
  background-color: #E5E9FF;
}
#dora .supervision-content .swiper-slide .pic-2{
  background-color: #CAE9F0;
}
#dora .supervision-content .swiper-slide .pic-3{
  background-color: #D4D0FF;
}
#dora .supervision-content .swiper-slide .pic .h3{
  margin-bottom: 3.958333vw;
  margin-left: -1.458333vw;
}
#dora .supervision-content .controls-container{
  width: 67.5vw;
  margin: 2.5vw auto 0;
}
#dora .supervision-content .controls-wrapper{
  display: flex;
  justify-content: flex-end;
}

#dora .section-supervision .supervision-content .controls-wrapper .arrownav-item{
  width: 3.4375vw;
  cursor: pointer;
  transition: opacity .3s ease;
  position: relative;
}

#dora .section-supervision .supervision-content .controls-wrapper .arrownav-item + .arrownav-item{
  margin-left: .729167vw;
}
#dora .section-supervision .supervision-content .controls-wrapper .arrownav-item:hover{
  opacity: .6;
}
#dora .section-supervision .supervision-content .controls-wrapper .arrownav-item.arrownav-disabled{
  opacity: 1;
  cursor: auto;
}
#dora .section-supervision .supervision-content .controls-wrapper .arrownav-item .circle-fill{
  fill: transparent;
  transition: all .3s ease;
}
#dora .section-supervision .supervision-content .controls-wrapper .arrownav-item.arrownav-disabled .circle-fill{
  fill: #D1CBFF;
}
#dora .section-supervision .supervision-content .controls-wrapper .arrownav-item .circle-border{
  transition: all .3s ease;
}
#dora .section-supervision .supervision-content .controls-wrapper .arrownav-item.arrownav-disabled .circle-border{
  fill: #D1CBFF;
}
#dora .section-supervision .supervision-content .controls-wrapper .arrownav-item .circle-bg{
  transition: all .3s ease;
}
#dora .section-supervision .supervision-content .controls-wrapper .arrownav-item.arrownav-disabled .circle-bg-1{
  stop-color:#D1CBFF;
}
#dora .section-supervision .supervision-content .controls-wrapper .arrownav-item.arrownav-disabled .circle-bg{
  stop-color: transparent;
}

#dora .section-health .health-content{
  width: 67.5vw;
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
#dora .section-health .health-content .copy{
  width: 23.75vw;
}
#dora .section-health .health-content .copy .title-bg{
  width: 19.791667vw;
  top: 1.770833vw;
  left: .15625vw;
}
#dora .section-health .health-content .pic-content{
  width: 36.979167vw;
}
#dora .section-health .note{
  text-align: center;
  margin: 3.958333vw auto 0;
  color: #6D6F72;
  opacity: .6;
}

#dora .section-securely .securely-content .copy{
  margin-bottom: 3.333333vw;
  text-align: center;
}
#dora .section-securely .securely-content .copy .title-bg{
  width: 20.833333vw;
  top: 1.979167vw;
  left: -.416667vw;
}
#dora .section-securely .securely-content .swiper{
  width: 67.5vw;
  overflow: visible;
}
#dora .section-securely .securely-content .swiper .desc{
  margin: 1.875vw .833333vw 0;
  cursor: auto;
}
#dora .section-securely .securely-content .swiper .desc p{
  margin-top: .833333vw;
}
#dora .section-securely .securely-content .swiper .swiper-slide{
  position: relative;
  width: 33.125vw;
  cursor: pointer;
}
#dora .section-securely .securely-content .swiper .swiper-slide-active, 
#dora .section-securely .securely-content .swiper.no-click .swiper-slide-active ~ .swiper-slide-visible{
  cursor: auto;
}
#dora .section-securely .securely-content .swiper .swiper-slide .bg{
  position: absolute;
  width: 12.5vw;
  top: 10.46875vw;
  left: 9.375vw;
  height: 10.520833vw;
  overflow: hidden;
  border-radius: 2.604167vw;
}
#dora .section-securely .securely-content .swiper .swiper-slide .bg picture{
  transition: transform 2s .6s cubic-bezier(0.03, 0.73, 0.5, 1);
}
#dora .section-securely .securely-content .swiper .swiper-slide-active .bg picture{ 
  transform: translateY(calc(-100% + 11.041667vw));
}
#dora .section-securely .securely-content .swiper .item{
  position: absolute;
  top: 4.6875vw;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}
#dora .section-securely .securely-content .swiper .item>div{
  width: max-content;
}
#dora .section-securely .securely-content .swiper .item>div + div{
  margin-left: 5.208333vw;
}
#dora .section-securely .securely-content .swiper .item p{
  font-size: 1.25vw;
  line-height: 1.25;
}
#dora .section-securely .securely-content .swiper .item>div:first-child .number{
  letter-spacing: -.208333vw;
}
#dora .section-securely .securely-content .swiper .item p.number{
  font-size: 4.166667vw;
  font-weight: 700;
  line-height: 1;
  background-image: linear-gradient(to bottom, #D6D6FF 0%, #AEAAFF 100%);
  -webkit-background-clip: text;
  color: transparent;
  margin-top: .989583vw;
}
#dora .section-securely .securely-content .swiper .item p.number span{
  font-size: 1.770833vw;
  background-image: linear-gradient(to bottom, #D6D6FF 0%, #AEAAFF 100%);
  -webkit-background-clip: text;
  color: transparent;
}
#dora .section-securely .securely-content .controls-container{
  width: 67.5vw;
  margin: 2.291667vw auto 0;
}
#dora .section-securely .securely-content .controls-container .controls-wrapper{
  display: flex;
  justify-content: flex-end;
}
#dora .section-securely .securely-content .controls-container .controls-wrapper .arrownav-item{
  width: 2.5vw;
  height: 2.5vw;
  cursor: pointer;
  transition: opacity .3s ease;
  position: relative;
  transform: translateZ(0);
  border-radius: 50%;
}
@media (any-hover: hover) and (pointer: fine){
  #dora .section-securely .securely-content .controls-container .controls-wrapper .arrownav-item:hover:not(.arrownav-disabled){
    opacity: .6;
  }
}
#dora .section-securely .securely-content .controls-container .controls-wrapper .arrownav-item.arrownav-disabled{
  cursor: auto;
}
#dora .section-securely .securely-content .controls-container .controls-wrapper .arrownav-next{
  margin-left: 1.666667vw;
}

#dora .section-securely .securely-content svg{
  height: 100%;
  position: relative;
  z-index: 2;
}
#dora .section-battery{
  padding-top: 12.760417vw;
}
#dora .section-battery .battery-content{
  width: 67.5vw;
  background-image: linear-gradient(to top, #F9F7FF 0%, #FFF5FD 100%);
  margin: 0 auto;
  padding: 4.6875vw 0 4.895833vw;
  position: relative;
  border-radius: .833333vw;
}
#dora .section-battery .battery-content .copy{
  margin-left: 5.208333vw;
  width: 24.166667vw;
}
#dora .section-battery .battery-content .copy .h2 .title-bg{
  width: 15.208333vw;
  top: 2.395833vw;
  left: -.46875vw;
}
#dora .section-battery .battery-content .pic-content{
  width: 23.385417vw;
  position: absolute;
  bottom: 0;
  right: 8.645833vw;
  z-index: 2;
}
#dora .section-battery .battery-content .shadow{
  position: absolute;
  top: 0;
  right: 6.614583vw;
  z-index: 1;
  width: 8.125vw;
}
#dora .section-battery .battery-content .shadow .mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  background-image: linear-gradient(to bottom, rgba(249,247,255,.5) 0%, rgba(255,245,253,.5) 100%);
  height: 100%;
}
#dora .section-footnote{
  width: 67.5vw;
  margin: 0 auto;
  padding-bottom: 80px;
  --font-size: 14px;
  font-size: var(--font-size);
  --icon-size: 16px;
}
#dora .section-footnote .footnote-list {
  padding-inline-start: 1.5em;
}
#dora .section-footnote ul{
  font-size: inherit;
  margin-top: 1.6em;
}
#dora .section-footnote li {
  font-size: inherit;
  list-style-type: decimal;
  color: #000000;
  line-height: 1.6em;
  margin: .5em 0;
  font-weight: 500;
  position: relative;
}
#dora .section-footnote i {
  position: absolute;
  bottom: 0;
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  cursor: pointer;
  transform: translateY(calc((var(--font-size) * 1.6 - var(--icon-size)) / 2 * -1));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23e7e7e8'/%3E%3Cpath d='M3.239,8.986,3.233,8.98a.688.688,0,0,1-.014-.972L5.942,5.28H.689A.685.685,0,0,1,.2,5.089l-.009-.01A.689.689,0,0,1,0,4.6V4.589a.7.7,0,0,1,.188-.48L.194,4.1a.681.681,0,0,1,.494-.213H5.911L3.225,1.178a.694.694,0,0,1,0-.979l0,0A.669.669,0,0,1,3.7,0a.772.772,0,0,1,.473.171l.021.017L7.838,3.845a1.151,1.151,0,0,1,.222.331l.008.019V4.2a1.036,1.036,0,0,1,.076.39v0a1.082,1.082,0,0,1-.312.76L4.212,8.976a.683.683,0,0,1-.487.2.715.715,0,0,1-.486-.194' transform='translate(3.411 12.076) rotate(-90)' fill='%23000'/%3E%3C/svg%3E") center/100% no-repeat;
}
#dora .section-footnote li.current {
  font-weight: 800;
}
#dora .section-footnote li.current i {
  display: inline-block;
}
#dora .section-footnote li a{
  color: inherit;
  text-decoration: underline;
  word-break: break-all;
}
#dora .section-footnote .price {
  list-style-type: "*";
}
#dora .section-footnote .price1 {
  list-style-type: "**";
}
#dora .section-footnote .price2 {
  list-style-type: "***";
}
#dora .section-pic-center {
  z-index: 1;
  text-align: center;
}

#dora .section-kv-pic {
  color: #000;
  font-size: 1.46vw;
  font-weight: 400;
  line-height: 1.25;
}

#dora .section-kv-pic span {
  font-size: 0.677083vw;
  font-weight: 500;
}
#dora .section-kv-pic .price_btn{
  display: inline-block;
  font-size: inherit;
}
#dora .section-slogan-botton {
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  padding: 8px 22px;
  background-color: #000;
  transition: 0.3s ease-out;
  margin-top: 24px;
  cursor: pointer;
  border-radius: 6px;
}
@media (any-hover: hover) and (pointer: fine){
  #dora .section-slogan-botton:hover {
    opacity: 0.8;
  }
}

@media (max-aspect-ratio: 11/10) {
    #dora .show-pc{
        display: none;
    }
    #dora .show-mob{
        display: block;
    }
    #dora .h2{
        font-size: 8.888889vw;
        margin-bottom: 4.444444vw;
    }
    #dora .h2.title{
        font-size: 13.333333vw;
    }
    #dora .h2 span .title-bg{
      position: absolute;
      top: 5.277778vw;
      left: -.555556vw;
      z-index: 1;
      width: 100%;
    }
    #dora .h3{
        font-size: 5.555556vw;
        margin-bottom: 0;
    }
    #dora p{
        font-size: 4.444444vw;
    }
    #dora .note{
        font-size: 3.333333vw;
    }
    #dora .space-200{
        height: 27.777778vw;
    }
    #dora .special-icon{
      margin-top: 8.333333vw;
    }
    #dora .special-icon span{
      font-size: 6.666667vw;
      margin: 0 0 2.222222vw;
    }
    #dora .special-icon p{
      font-size: 3.333333vw;
    }
    #dora .tabnav-container{
        position: relative;
        display: flex;
        justify-content: center;
        line-height: 0;
        white-space: nowrap;
    }
    #dora .tabnav-container.is-scroll {
      overflow-x: auto;
      overflow-y: hidden;
      justify-content: flex-start;
      -webkit-overflow-scrolling: touch;
    }
    #dora .tabnav-container.is-scroll::-webkit-scrollbar {
      display: none;
    }
    #dora .tabnav-container.is-scroll .tabnav-content::before, 
    #dora .tabnav-container.is-scroll .tabnav-content::after{
      position: absolute;
      z-index: 1;
      top: -1.388889vw;
      width: 11.111111vw;
      height: 13.888889vw;
      content: "";
      pointer-events: none;
    }
    #dora .tabnav-container.is-scroll .tabnav-content::before{
      left: 0;
      background-image: linear-gradient(90deg, #fff 40%, transparent);
    }
    #dora .tabnav-container.is-scroll .tabnav-content::after{
      right: 0;
      background-image: linear-gradient(90deg, transparent, #fff 60%);
    }
    #dora .tabnav-swiper .stack-item{
      font-size: 4.444444vw;
      transition: opacity 0.3s ease;
    }
    
    #dora .copy-title{
      width: 100%;
    }
    #dora .section-kv .kv-content .copy{
      position: initial;
      width: 67.777778vw;
      margin: 8.611111vw auto 0;
    }
    #dora .section-kv .kv-content .copy p{
      font-size: 2.777778vw;
      margin-top: 2.5vw;
      letter-spacing: .25vw;
    }
    #dora .dora-design::after{
      background: none;
    }
    
    #dora .section-highlights .swiper{
      width: 82.222222vw;
      overflow: visible;
    }
    #dora .section-highlights .swiper .swiper-slide{
      width: 82.222222vw;
      border-radius: 2.222222vw;
      height: auto;
    }
    #dora .section-highlights .swiper .caption{
      position: initial;
      text-align: center;
      margin-top: 6.111111vw;
      color: #000000;
    }
    #dora .section-highlights .swiper .caption p{
      font-size: 3.888889vw;
      margin-top: 1.666667vw;
      opacity: .8;
    }
    #dora .section-highlights .swiper .caption-1 .h3, 
    #dora .section-highlights .swiper .caption-4 .h3, 
    #dora .section-highlights .swiper .caption-1 p, 
    #dora .section-highlights .swiper .caption-4 p{
      color: #000;
    }
    #dora .section-highlights .controls-container {
      padding: 11.111111vw 0 0;
    }
    #dora .section-highlights .controls-wrapper{
        height: 13.333333vw;
        padding-right: 4.444444vw;
        padding-left: 4.444444vw;
    }
    #dora .section-highlights .arrownav-item{
        width: 8.333333vw;
    }
    #dora .section-highlights .dotnav-list{
        margin-left: 3.055556vw;
        margin-right: 3.055556vw;
    }
    #dora .section-highlights .dotnav-item{
        width: 2.222222vw;
        height: 2.222222vw;
        margin-right: 1.666667vw;
        margin-left: 1.666667vw;
    }
    #dora .section-highlights .arrownav-item:hover{
        opacity: 1;
    }
    #dora .section-highlights .controls-wrapper::before{
      top: .555556vw;
      width: calc(100% - 1.388889vw);
      height: calc(100% - 1.111111vw);
    }
    #dora .section-id .video-container{
      width: 82.222222vw;
    }
    #dora .section-id .player-button-container{
      right: 4.444444vw;
      bottom: 4.444444vw;
    }
    #dora .section-id .player-button-container .player-button .button-copy{
      font-size: 4.444444vw;
      margin-right: 3.333333vw;
    }
    #dora .section-id .player-button-container .player-button .button-icon{
      width: 8.888889vw;
    }
    #dora .section-design .copy{
      margin-bottom: 11.111111vw;
    }
    #dora .section-design .copy .title-img{
      width: 51.388889vw;
      margin: 0 auto .833333vw;
    }
    #dora .section-design .design-content{
      position: relative;
      margin-top: 0;
    }
    #dora .section-design .design-content .design-container{
      height: auto;
    }
    #dora .section-design .design-content .design-container .design-sticky{
      position: initial;
      height: auto;
      display: flex;
      flex-direction: column;
    }
    #dora .section-design .design-content .design-container .design-sticky .design-canvas{
      display: none;
    }
    #dora .section-design .design-content .design-container .design-sticky .swiper{
      width: 100%;
    }
    #dora .section-design .design-content .design-container .design-sticky .pic-content{
      width: 68.888889vw;
      margin: 0 auto;
    }
    #dora .section-design .design-content .desc-content{
      display: flex;
      width: 81.805556vw;
      margin: 4.444444vw auto 0;
      text-align: center;
    }
    #dora .section-design .design-content .desc{
      width: 100%;
      font-size: 4.444444vw;
      position: initial;
      margin: 0 auto;
      opacity: 0;
      transition: opacity .3s ease;
    }
    #dora .section-design .design-content .desc.current{
      opacity: 1;
      z-index: 2;
    }
    #dora .section-design .design-content .desc + .desc{
      margin-left: -100%;
    }
    #dora .section-design .design-content .swiper .swiper-scrollbar{
      position: initial;
      width: 77.777778vw;
      height: 1.111111vw;
      margin: 11.111111vw auto 0;
      background: rgba(0, 0, 0, 0.1);
      border-radius: 1.388889vw;
    }
    #dora .section-design .design-content .swiper .swiper-scrollbar .swiper-scrollbar-drag{
      background-image: linear-gradient(to bottom, #A396FC 0%, #D6D0FF 100%);
    }
    #dora .section-color{
      padding-bottom: 27.777778vw;
    }
    #dora .section-color .color-content .copy{
      width: 80vw;
      text-align: left;
      margin: 0 auto 11.111111vw;
    }
    #dora .section-color .color-content .copy p{
      width: 77.777778vw;
      margin: 13.888889vw auto 0;
      text-align: center;
    }
    #dora .section-color .color-content .copy .copy-title .title-img{
      width: 53.611111vw;
      margin: 0 auto .833333vw;
    }
    #dora .section-color .color-content .swiper{
      width: 82.222222vw;
      height: 97.222222vw;
    }
    #dora .section-color .color-content .swiper .swiper-slide{
      width: 100%;
    }
    #dora .section-color .color-content .swiper .swiper-slide .swiper-color .pic-bg{
      transform: none;
    }
    #dora .section-color .color-content .swiper .swiper-slide .swiper-color .pic-bg-2{
      height: 41.388889vw;
    }
    #dora .section-color .color-content .swiper .swiper-slide .swiper-color .pic-bg-3{
      height: 51.388889vw;
    }
    #dora .section-color .color-content .controls-container{
      width: 82.222222vw;
      margin-top: 6.666667vw;
      align-items: flex-end;
    }
    #dora .section-color .tabnav-content{
      margin-left: 2.222222vw;
      flex-direction: column;
      align-items: flex-start;
      transform: translate3d(0, -1.388889vw, 1px);
    }
    #dora .section-color .tabnav-item{
      width: 8.333333vw;
      height: 8.333333vw;
    }
    #dora .section-color .tabnav-container{
      margin-left: 0;
      margin-top: 6.666667vw;
    }
    #dora .section-color .tabnav-item:hover .color-border{
      opacity: 0;
    }
    #dora .section-color .tabnav-item.current .color-border{
      opacity: 1;
    }
    #dora .section-color .color-content .controls-wrapper{
      transform: translateZ(1px);
      margin-right: 0;
    }
    #dora .section-color .color-content .controls-wrapper .arrownav-item:hover{
      opacity: 1;
    }
    #dora .section-color .color-content .controls-wrapper .arrownav-item{
      width: 11.111111vw;
      height: 11.111111vw;
    }
    #dora .section-color .color-content .controls-wrapper .arrownav-item + .arrownav-item{
      margin-left: 5.555556vw;
    }
    #dora .tabnav-swiper .arrownav-item::before,
    #dora .section-video-card .arrownav-item::before{
      width: calc(100% - .555556vw);
      height: calc(100% - .555556vw);
    }
    #dora .tabnav-swiper .arrownav-item .item-before,
    #dora .section-video-card .arrownav-item .item-before{
      width: calc(100% - 3px);
      height: calc(100% - 3px);
    }
    #dora .tabnav-swiper .tabnav-item + .tabnav-item{
      margin-left: 5.555556vw;
    }
    #dora .dora-positioning{
      background: none;
      position: relative;
    }
    #dora .dora-positioning::after{
      content: '';
      position: absolute;
      background-image: linear-gradient(to bottom, #FFFFFF 0%, #F0F8FF 30%, #F2F8FF 84%, rgba(250, 253, 255, .03) 100%);
      width: 100%;
      height: 93%;
      left: 0;
      top: -106.944444vw;
      z-index: -1;
    }
    #dora .section-positioning .positioning-content .copy .title-img{
      width: 66.388889vw;
      margin: 0 auto .833333vw;
    }
    #dora .section-positioning .positioning-content .copy p{
      width: 77.777778vw;
      margin: 0 auto;
      text-align: left;
    }
    #dora .section-positioning .positioning-content .pic-content{
      width: 82.222222vw;
      margin: 11.111111vw auto 0;
    }
    #dora .section-positioning .positioning-content .pic-content picture{
      transform: scale(1);
    }
    #dora .section-positioning .positioning-icon{
      position: initial;
      flex-wrap: wrap;
      margin-top: 8.888889vw;
      transform: none;
      width: 79.444444vw;
      margin: .555556vw auto 0;
      opacity: 1;
    }
    #dora .section-positioning .positioning-content .positioning-icon>div{
      width: auto;
      transform: translateY(0);
      border-radius: 2.222222vw;
      margin-top: 10.555556vw;
    }
    #dora .section-positioning .positioning-icon .icon{
      width: 12.5vw;
    }
    #dora .section-positioning .positioning-content .positioning-icon>div:nth-child(2),
    #dora .section-positioning .positioning-content .positioning-icon>div:nth-child(3),
    #dora .section-positioning .positioning-content .positioning-icon>div:nth-child(6),
    #dora .section-positioning .positioning-content .positioning-icon>div:nth-child(7),
    #dora .section-positioning .positioning-content .positioning-icon>div:nth-child(9),
    #dora .section-positioning .positioning-content .positioning-icon>div:nth-child(10){
      width: 16.666667vw;
    }
    #dora .section-positioning .positioning-content .positioning-icon>div:nth-child(2),
    #dora .section-positioning .positioning-content .positioning-icon>div:nth-child(6),
    #dora .section-positioning .positioning-content .positioning-icon>div:nth-child(9){
      margin-left: 6.944444vw;
      margin-right: 5.277778vw;      
    }
     #dora .section-positioning .positioning-content .positioning-icon>div:nth-child(3),
    #dora .section-positioning .positioning-content .positioning-icon>div:nth-child(7),
    #dora .section-positioning .positioning-content .positioning-icon>div:nth-child(10){
      margin-right: 6.944444vw;
      margin-left: 0;
    }
    #dora .section-positioning .positioning-content .positioning-icon>div:nth-child(8){
      margin-left: 0;
    }
    #dora .section-positioning .positioning-icon p{
      font-size: 3.333333vw;
      margin-top: 2.777778vw;
      color: #000;
      text-align: center;
    }
    #dora .section-positioning .positioning-content .positioning-icon>div p.desc{
      font-size: 3.333333vw;
      margin-top: 1.944444vw;
      margin-left: .833333vw;
    }
    
    #dora .section-positioning .positioning-icon>div + div{
      margin-left: 0;
    }
    #dora .section-real-time{
      padding-bottom: 0;
    }
    #dora .section-real-time .real-time-content{
      flex-direction: column;
      background-color: transparent;
      padding: 0;
      width: 100%;
      position: relative;
    }
    #dora .section-real-time .real-time-content .copy-content{
      width: 100%;
      margin: 0;
      display: flex;
      flex-direction: column;
    }
    #dora .section-real-time .real-time-content .copy-content .h2{
      font-size: 6.666667vw;
      width: 77.777778vw;
      margin: 0 auto;
      margin-bottom: 106.111111vw;
      order: 1;
    }
    #dora .section-real-time .real-time-content .copy-content .h2 .title-bg{
      width: 48.75vw;
      top: 3.611111vw;
    }
    #dora .section-real-time .real-time-content .swiper{
      width: 82.222222vw;
      border-radius: 2.222222vw;
      background-color: #DDF1FF;
      margin: 0 auto;
    }
    #dora .section-real-time .real-time-content .copy-content .copys{
      width: 80vw;
      display: flex;
      order: 3;
      margin: 0 auto;
      padding: 0;
      text-align: center;
    }
    #dora .section-real-time .real-time-content .copy-content .line-mask-mob{
      order: 2;
      margin: 10.555556vw 0 4.444444vw 0;
      position: relative;
      display: flex;
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      transform: translate3d(0, 0, 0);
    }
    #dora .section-real-time .real-time-content .copy-content .copys .line-mask{
      display: none;
    }
    #dora .section-real-time .real-time-content .copy-content .line-mask-mob {
      position: relative;
    }
    #dora .section-real-time .real-time-content .copy-content .line-mask-mob .line-pagination-box-mob{
      padding:0 11.111111vw;
    }
    #dora .section-real-time .real-time-content .copy-content .line-mask-mob .line-paginations-mob{
      display: flex;
      align-items: center;
      width: fit-content;
      position: relative;
    }
    #dora .section-real-time .real-time-content .copy-content .line-mask-mob::-webkit-scrollbar {
      display: none;
    }
    #dora .section-real-time .real-time-content .copy-content .line-mask-mob .pagination-item{
      font-size: 4.444444vw;
      text-align: center;
      padding-bottom: 4.444444vw;
      color: rgba(0,0,0,.6);
      transition: color .4s ease;
      line-height: 1.25;
      font-weight: 500;
      width: max-content;
    }
    #dora .section-real-time .real-time-content .copy-content .line-mask-mob .pagination-item.current{
      color: rgba(0,0,0);
    }
    #dora .section-real-time .real-time-content .copy-content .line-mask-mob .pagination-item + .pagination-item{
      margin-left: 8.888889vw;
    }
    
    #dora .section-real-time .real-time-content .copy-content .copys .text-item{
        width: 100%;
        opacity: 0;
        transition: opacity 0.3s;
        position: relative;
    }
    #dora .section-real-time .real-time-content .copy-content .copys .text-item.current{
      opacity: 1;
      z-index: 2;
    }
    #dora .section-real-time .real-time-content .copy-content .copys .text-item + .text-item{
      margin-left: -100%;
    }
    #dora .section-real-time .real-time-content .copy-content .copys .text-item .desc p{
      font-size: 4.444444vw;
    }
    #dora .section-real-time .real-time-content .copy-content .copys .text-item.current .desc{
      margin-top: 0;
    }
    #dora .section-real-time .real-time-content .copy-content .copys .text-item + .text-item{
      margin-top: 0;
    }
    #dora .section-real-time .line-indicator-box{
      position: relative;
      left: 0;
      width: 100%;
      height: 1.111111vw;
      border-radius: 1.388889vw;
    }
    #dora .section-real-time .line-indicator-mob{
      width: var(--s18line-lineWidth, 30vw);
      transform: translateX(var(--s18line-lineOffset, 0));
      height: 1.111111vw;
      background-image: linear-gradient(to bottom, #A396FC 0%, #D6D0FF 100%);
      transition: width 0.4s, transform 0.4s;
      will-change: transform, height;
      border-radius: 1.388889vw;
    }
    #dora .section-wide-angle{
      margin-top: 0;
    }
    #dora .section-wide-angle .wide-angle-content .copy .title-img{
      width: 51.666667vw;
      margin: 0 auto .833333vw;
    }
    #dora .section-wide-angle .wide-angle-content .copy p{
      transform: none;
      width: 83.333333vw;
      margin: 13.888889vw auto 0;
      text-align: left;
    }
    #dora .section-wide-angle .wide-angle-content .pic-content{
      transform: scale(1);
      width: 91.111111vw;
      margin-top: 6.111111vw;
    }
    #dora .section-wide-angle .wide-angle-content .pic-content .pic{
      width: 82.222222vw;
    }
    #dora .section-wide-angle .wide-angle-content .pic-icon{
      width: 82.222222vw;
      margin: -11.111111vw auto 0;
    }
    #dora .section-photograph{
      padding-bottom: 27.777778vw;
    }
    #dora .section-photograph .photograph-content{
      width: 82.222222vw;
    }
    #dora .section-photograph .photograph-content .copy{
      text-align: left;
      margin-bottom: 11.111111vw;
    }
    #dora .section-photograph .photograph-content .copy .title-bg{
      width: 24.166667vw;
      top: 5.555556vw;
    }
    #dora .section-photograph .swiper-slide{
      width: 100%;
    }
    #dora .section-photograph .swiper-slide .slide-bg{
      transform: none;
    }
    #dora .section-photograph .swiper-slide:not(.swiper-slide-active) .slide-bg .shadow{
      background-color: rgba(0,0,0,0);
    }
    #dora .section-photograph .controls-container{
      flex-direction: column;
      width: 80.555556vw;
      margin: 6.666667vw auto 0;
    }
    #dora .section-photograph .tabnav-content{
      margin-top: 0;
    }
    #dora .section-photograph .controls-container .controls-wrapper{
      margin-top: 6.666667vw;
    }
    #dora .section-photograph .arrownav-item{
      width: 11.111111vw;
      height: 11.111111vw;
    }
    #dora .section-photograph .arrownav-item:hover{
      opacity: 1;
    }
    #dora .section-photograph .controls-container .controls-wrapper .photograph-pagination{
      font-size: 4.444444vw;
      margin: 0 5.555556vw;
      width: max-content;
    }
    #dora .section-photograph .controls-container .controls-wrapper .photograph-pagination span{
      width: 2.361111vw;
    }
    #dora .section-memory .memory-content{
      flex-direction: column;
      margin: 0;
      align-items: flex-start;
      width: 100%;
    }
    #dora .section-memory .memory-content .copy{
      width: 77.777778vw;
      margin: 0 auto;
      order: 1;
    }
    #dora .section-memory .memory-content .copy .title-bg{
      width: 36.666667vw;
      top: 5.555556vw;
    }
    #dora .section-memory .memory-content .pic-content{
      width: 82.222222vw;
      margin: 11.111111vw auto 0;
      order: 3;
    }
    #dora .section-memory .memory-content .information{
      order: 2;
      display: flex;
      margin-left: 11.111111vw;
      margin-top: 11.111111vw;
    }
    #dora .section-memory .memory-content .information>div + div{
      margin-top: 0;
      margin-left: 12.5vw;
    }
    #dora .section-memory .memory-content .information .number{
      font-size: 14.305556vw;
    }
    #dora .section-memory .memory-content .information .number span{
      font-size: 6.111111vw;
    }
    #dora .section-memory .memory-content .information p{
      font-size: 3.333333vw;
      margin-top: 2.777778vw;
    }
    #dora .section-ability{
      padding-top: 27.777778vw;
    }
    #dora .section-ability .title-img{
      width: 83.611111vw;
    }
    #dora .section-ability .ability-content{
      display: flex;
      flex-direction: column;
    }
    #dora .section-ability .ability-content .copy{
      order: 1;
    }
    #dora .section-ability .h2 sup{
      transform: translateY(-4.166667vw);
    }
    #dora .section-ability .desc{
      width: 77.777778vw;
      order: 2;
      margin: 13.888889vw auto 0;
      text-align: left;
    }
    #dora .section-ability .pic-content{
      order: 3;
      width: 82.222222vw;
      margin: 11.111111vw auto 0;
    }
    #dora .section-ability .pic-content picture{
      transform: scale(1);
    }
    #dora .section-meetime .meetime-content{
      flex-direction: column;
      width: 100%;
    }
    #dora .section-meetime .meetime-content .copy{
      width: 77.777778vw;
    }
    #dora .section-meetime .meetime-content .copy .title-bg{
      width: 39.722222vw;
      top: 6.111111vw;
      left: -.833333vw;
    }
    #dora .section-meetime .meetime-content .copy p{
      font-size: 4.444444vw;
    }
    #dora .section-meetime .meetime-content .pic-content{
      width: 100%;
      margin-top: 8.888889vw;
    }
    #dora .section-meetime .meetime-content .pic-content .bg1{
      width: 68.75vw;
      height: 68.75vw;
      right: 0;
      top: 9.305556vw;
    }
    #dora .section-meetime .meetime-content .pic-content .bg2{
      width: 55vw;
      height: 68.888889vw;
      left: 6.527778vw;
      top: 12.777778vw;
    }
    #dora .section-meetime .meetime-content .pic-content .icon-1{
      width: 17.5vw;
      top: 16.805556vw;
      left: 6.527778vw;
    }
    #dora .section-meetime .meetime-content .pic-content .icon-2{
      width: 14.166667vw;
      left: 5.972222vw;
      bottom: 10.833333vw;
    }
    #dora .section-meetime .meetime-content .pic-content .icon-3{
      width: 15vw;
      right: 4.444444vw;
      top: 36.111111vw;
    }
    #dora .section-configure .title-img{
      width: 56.944444vw;
      margin: 0 auto .833333vw;
    }
    #dora .section-configure .pic-content{
      display: flex;
      flex-direction: column-reverse;
      width: 82.222222vw;
      margin: 13.888889vw auto 0;
    }
    #dora .section-configure .pic-content .pic picture{
      transform: scale(1);
    }
    #dora .section-configure .pic-content .bg-1{
      width: 33.611111vw;
      top: 10.555556vw;
      left: -21.805556vw;
      transform: rotate(-63deg);
      opacity: 1;
    }
    #dora .section-configure .pic-content .bg-2{
      width: 13.055556vw;
      top: 50.972222vw;
      right: -9.722222vw;
      opacity: 1;
      transform: none;
    }
    #dora .section-configure .pic-content .desc-content{
      width: 77.777778vw;
      margin: 0 auto;
    }
    #dora .section-configure .pic-content .desc-content .title-bg{
      width: 57.222222vw;
      top: 5.277778vw;
    }
    #dora .section-configure .pic-content .icon-content{
      width: 77.777778vw;
      flex-direction: column;
      margin: 0 auto 11.111111vw;
      position: initial;
    }
    #dora .section-configure .pic-content .icon{
      position: absolute;
      margin: 0;
      bottom: -34.722222vw;
      left: -3.055556vw;
    }
    #dora .section-configure .pic-content .icon-1{
      width: 42.222222vw;
    }
    #dora .section-configure .pic-content .icon-2{
      width: 42.916667vw;
      margin: -6.111111vw 0 0 3.333333vw;
    }
    #dora .section-configure .pic-content .desc{
      width: 100%;
      margin: 0 auto;
    }
    #dora .section-supervision{
      padding-top: 61.388889vw;
    }
    #dora .supervision-content{
      width: 100%;
      flex-direction: column;
    }
    #dora .supervision-content .copy{
      width: 77.777778vw;
    }
    #dora .supervision-content .copy .title-bg{
      width: 29.166667vw;
      top: 5vw;
      left: .277778vw;
    }
    #dora .supervision-content .pic-content{
      width: 82.222222vw;
      margin-top: 11.111111vw;
    }
    #dora .supervision-content .copy .icon>div{
      width: 13.333333vw;
    }
    #dora .supervision-content .copy .icon>div .icon-item{
      width: 9.583333vw;
      margin: 0 auto 3.333333vw;
    }
    #dora .supervision-content .copy .icon>div p{
      font-size: 3.333333vw;
    }
    #dora .supervision-content .copy .icon>div + div{
      margin-left: 7.5vw;
    }
    #dora .supervision-content .copy .icon{
      margin-top: 9.444444vw;
    }
    #dora .section-health .health-content{
      width: 100%;
      flex-direction: column;
          align-items: flex-start;
    }
    #dora .section-health .health-content .copy{
      width: 78.472222vw;
      margin: 0 0 11.111111vw 11.111111vw;
      text-align: left;
    }
    #dora .section-health .health-content .copy .title-bg{
      width: 52.777778vw;
      top: 5vw;
    }
    #dora .section-health .health-content .pic-content{
      width: 82.222222vw;
      margin: 0 auto;
    }
    #dora .section-health .note{
      width: 80.694444vw;
      margin: 6.666667vw 0 0 8.888889vw;
      text-align: left;
    }
    #dora .section-health .tabnav-content{
      margin-top: 13.888889vw;
    }
    #dora .section-health .tabnav-container{
      padding: 3.888889vw 5.555556vw;
      border-radius: 13.75vw;
    }
    #dora .section-health .tabnav-list .tabnav-item{
      font-size: 3.888889vw;
    }
    #dora .section-health .tabnav-list .tabnav-item + .tabnav-item{
      margin-left: 8.888889vw;
    }
    #dora .section-health .tabnav-list .tabnav-indicator{
      padding: 2.777778vw 4.444444vw;
      top: -2.777778vw;
      left: calc(var(--indicator-offset) - 4.444444vw);
    }
    #dora .section-health .stack-list{
      margin: 3.888889vw auto 0;
      width: 100%;
    }
    #dora .section-health .stack-list .stack-item{
      font-size: 4.444444vw;
    }
    #dora .section-health .tabnav-container::before{
      top: .555556vw;
      width: calc(100% - 1.388889vw);
      height: calc(100% - 1.111111vw);
    }
    #dora .section-securely .securely-content{
      width: 82.222222vw;
      margin: 0 auto;
    }
    #dora .section-securely .securely-content .copy{
      width: 77.777778vw;
      margin: 0 auto 11.111111vw;
      text-align: left;
    }
    #dora .section-securely .securely-content .copy .title-bg{
      width: 55.555556vw;
      top: 5.555556vw;
    }
    #dora .section-securely .securely-content .swiper{
      width: 100%;
      margin: 0 auto;
    }
    #dora .section-securely .securely-content .swiper .swiper-slide{
      width: 100%;
    }
    #dora .section-securely .securely-content .swiper .desc{
      margin: 5.833333vw 2.222222vw 0;
      opacity: 0;
      transition: opacity .6s cubic-bezier(0.65, 0.05, 0.36, 1);
    }
    #dora .section-securely .securely-content .swiper .swiper-slide-active .desc{
      opacity: 1;
    }
    #dora .section-securely .securely-content .swiper .item{
      top: 11.805556vw;
    }
    #dora .section-securely .securely-content .swiper .item p{
      font-size: 3.333333vw;
    }
    #dora .section-securely .securely-content .swiper .item p.number{
      font-size: 11.111111vw;
      margin-top: 2.638889vw;
    }
    #dora .section-securely .securely-content .swiper .item p.number span{
      font-size: 4.722222vw;
    }
    #dora .section-securely .securely-content .swiper .item>div:first-child .number{
      letter-spacing: -.694444vw;
    }
    #dora .section-securely .securely-content .swiper .item>div + div{
      margin-left: 13.888889vw;
    }
    #dora .section-securely .securely-content .swiper .desc p{
      margin-top: 2.777778vw;
    }
    #dora .section-securely .securely-content .controls-container .controls-wrapper .arrownav-item{
      width: 11.111111vw;
      height: 11.111111vw;
    }
    #dora .section-securely .securely-content .controls-container .controls-wrapper .arrownav-next{
      margin-left: 5.555556vw;
    }
    #dora .section-securely .securely-content .controls-container{
      width: 100%;
      margin: 5.555556vw auto 0;
    }
    #dora .section-securely .pic-content{
      flex-direction: column;
    }
    #dora .section-securely .securely-content .swiper .swiper-slide .bg{
      width: 33.333333vw;
      top: 28.611111vw;
      left: 24.305556vw;
      height: 27.916667vw;
      border-radius: 6.944444vw;
    }
    #dora .section-securely .securely-content .swiper .swiper-slide-active .bg picture{
      transform: translateY(calc(-100% + 29.166667vw));
    }
    #dora .section-securely .pic-content .pic{
      width: 100%;
    }
    #dora .section-securely .pic-content .pic + .pic{
      margin-left: 0;
      margin-top: 13.333333vw;
    }
    #dora .section-securely .pic-content .pic p{
      margin: 6.666667vw 2.222222vw 0;
    }
    #dora .section-battery{
      padding-top: 27.777778vw;
    }
    #dora .section-battery .battery-content{
      width: 100%;
      background: none;
      padding: 0;
    }
    #dora .section-battery .battery-content .copy{
      width: 80.555556vw;
      margin: 0 0 0 11.111111vw;
    }
    #dora .section-battery .battery-content .copy p{
      width: auto;
    }
    #dora .section-battery .battery-content .copy .h2{
      font-size: 8.888889vw;
    }
    #dora .section-battery .battery-content .copy .h2 .title-bg{
      top: 6.388889vw;
      left: -1.111111vw;
      width: 40.555556vw;
    }
    #dora .section-battery .battery-content .pic-content{
      width: 100%;
      position: relative;
      margin-top: 11.111111vw;
      z-index: 3;
      right: auto;
    }
    #dora .section-battery .battery-content .bg{
      position: absolute;
      width: 82.222222vw;
      height: 66.666667vw;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
      background-image: linear-gradient(to bottom, #F9F7FF 0%, #FFF5FD 100%);
      z-index: 1;
    }
    #dora .section-battery .battery-content .shadow{
      top: auto;
      z-index: 2;
      width: 21.666667vw;
      bottom: 40.277778vw;
      right: 16.527778vw;
    }
    #dora .section-battery .battery-content .shadow .mask{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
      background-image: linear-gradient(to bottom, rgba(249,247,255,.5) 0%, rgba(255,245,253,.5) 100%);
      height: 100%;
    }
    #dora .section-footnote{
        width: 91.111111vw;
        --font-size: 3.333333vw;
        --icon-size: 4.722222vw;
    }
    #dora .section-footnote li {
        line-height: 1.6;
    }
    #dora .section-pic-center{
      position: initial;
      right: 0;
    }
    #dora .section-kv .kv-content .copy .icon{
      width: 42.083333vw;
      margin: 7.777778vw auto 10.555556vw;
    }
    #dora .section-kv-pic {
      font-size: 5.56vw;
      margin-top: 1.111111vw;
    }
    #dora .section-kv-pic span {
        font-size: 3.611111111vw;
    }
}