.logo-mark .li-en { width: 110px; height: 11px }
.logo-mark.is-lg .li-en { width: 165px; height: 16.5px }
@media (min-width:991px) and (max-width:1199px) { .pagehead .brandmark .li-en { width: 95px; height: 9.5px } }
@media (min-width:2560px) { .pagehead .brandmark .li-en { width: 140px; height: 14px } }
@media (max-width:990px) { .pagehead .brandmark .li-en { width: 20vw; height: 2vw } }
.mo-film .film-logo .li-en { width: 36vw; height: 3.6vw }

@media (max-width:990px) {
  .mo-hero .hero-scene img.hs-train { left: 1.151%; top: 66.627%; inline-size: 77.855%; --hs-from: -104.5% }
  :root { --train-h: calc(var(--train-w) * 259 / 2130); --train-roof: calc(var(--train-h) * 22 / 206); --pillar-h: 30vw }
}

.site-popup .sp-lms { flex: 1 1 100%; max-width: 520px; margin: 0 auto; background: #fff; color: #0A1F42; border-radius: 12px; padding: 22px 22px 24px; font-size: 15px; line-height: 1.65; white-space: pre-wrap; word-break: keep-all; overflow-wrap: anywhere; text-align: left; max-height: 74vh; overflow-y: auto }
@media (max-width: 990px) {
  .site-popup .sp-lms { flex: 0 0 100%; max-height: 70vh; padding: 18px 16px 20px; font-size: 14px }
}

.site-popup .sp-swipe, .site-popup .sp-dots { display: none !important }
@media (min-width: 991px) { .site-popup .sp-inner { width: min(94vw, 560px) } }