@charset "utf-8";
body { margin: 0px; padding: 0px; }
img { border: 0px; }
#banner { margin:0 auto; padding: 0px; width: 100%; max-width:1140px; height:auto; max-height:700px; aspect-ratio:1140 / 550; }
.slides { margin: 0px auto; width: 100%; max-width:1140px; height:auto; max-height:700px; aspect-ratio:1140 / 550; overflow: hidden; position: relative; }
.slide-pic { margin: 0px; padding: 0px; width: 100%; max-width:1140px; aspect-ratio:1140 / 550; overflow: hidden; list-style: none; }
    .slide-pic img { display: block; width: 100%; max-width:1140px; height:auto; max-height:700px; }
    .slide-pic li { display: none; }
        .slide-pic li.cur { display: block; }
.slide-li { display: flex; margin: 0px; padding: 0px; left: 0px; bottom: 0px; position:absolute; width:100%; max-width:1140px; }
    .slide-li li { margin: 0px; padding: 0px; flex: 1 1 0; min-width:0; height:10px; overflow: hidden; list-style: none; }
    .slide-li a, .slide-li button { width:100%; height: 10px; color: #000; font-size: 12px; display: block; }
        .slide-li a:hover { color: #F00; text-decoration: none; }
.op li { background: #999999; opacity: 0.6; }
    .op li.cur { background: #666666; }
.slide-txt span { display: none; }

.slide-li button { padding: 0; border: 0; background: transparent; cursor: pointer; }
/* Preserve the 10px visual indicator while expanding its clear touch area. */
.slide-txt li, .slide-txt a, .slide-txt button { height:32px; min-height:32px; }
.slide-li a:focus-visible, .slide-li button:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
@media (prefers-reduced-motion: reduce) {
    .slide-pic li, .slide-pic img { animation: none !important; transition: none !important; }
}

/* A persistent user pause choice complements hover/focus pause. */
#banner { position:relative; }
.mwx-banner-toggle { position:absolute;top:12px;right:12px;z-index:6;min-width:96px;min-height:44px;padding:8px 12px;border:1px solid rgba(255,255,255,.8);border-radius:4px;color:#fff;background:rgba(0,0,0,.78);font:inherit;font-size:13px;cursor:pointer; }
.mwx-banner-toggle:hover { background:rgba(0,0,0,.9); }
.mwx-banner-toggle:focus-visible { outline:2px solid #fff;outline-offset:3px; }
.mwx-banner-toggle:disabled { cursor:default;opacity:.85; }
