div.ban-live {
    box-sizing: content-box;
    border: 0 !important;
    background: none !important;
    border-radius: 0 !important;
    clip-path: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    overflow: hidden;
    padding: 0 !important;
}
.ban-frame { display: block; width: 100%; height: 100%; border: 0; }
.ban-frame-md, .ban-frame-m { display: none; }

div.ban-live.b970xl   { width: 970px !important; height: 90px  !important; max-width: 100% !important; }
div.ban-live.b728lg   { width: 728px !important; height: 90px  !important; max-width: 100% !important; }
div.ban-live.b300md   { width: 300px !important; height: 250px !important; max-width: 100% !important; }
div.ban-live.b160tall { width: 160px !important; height: 600px !important; }

@media only screen and (max-width: 1024px) and (orientation: landscape) and (min-aspect-ratio: 134/100) {
    div.ban-live.ban-top { width: 728px !important; }
    .ban-top .ban-frame-d  { display: none; }
    .ban-top .ban-frame-md { display: block; }
}

@media only screen and (orientation: portrait), (max-aspect-ratio: 4/3) {
    div.ban-live.b300md { margin: 10px auto !important; }

    div.ban-live.ban-top-m { width: 100% !important; max-width: 320px !important; height: 50px !important; margin: 15px auto !important; }
    .ban-top-m .ban-frame-d, .ban-top-m .ban-frame-md { display: none; }
    .ban-top-m .ban-frame-m { display: block; }

    div.ban-live.ban-anchor,
    div.ban-live.ban-anchor-all { width: 100% !important; max-width: 100% !important; height: 50px !important; margin: 0 !important; }
    div.ban-live.ban-inline { width: 100% !important; max-width: 320px !important; height: 50px !important; margin: 15px auto !important; }

    .ban-anchor .ban-frame-d, .ban-anchor-all .ban-frame-d, .ban-inline .ban-frame-d { display: none; }
    .ban-anchor .ban-frame-m, .ban-anchor-all .ban-frame-m, .ban-inline .ban-frame-m { display: block; }

    body.has-bar, body.has-bar-all { padding-bottom: 50px; }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    div.ban-live.ban-anchor-all { width: 100% !important; max-width: 100% !important; height: 50px !important; margin: 0 !important; }
    div.ban-live.ban-inline { width: 100% !important; max-width: 320px !important; height: 50px !important; margin: 15px auto !important; }

    .ban-anchor-all .ban-frame-d, .ban-inline .ban-frame-d { display: none; }
    .ban-anchor-all .ban-frame-m, .ban-inline .ban-frame-m { display: block; }

    body.has-bar-all { padding-bottom: 50px; }
}

.ban-ext { overflow: hidden; }
.ban-ext iframe { display: block; margin: 0 auto; border: 0; max-width: 100%; }

.ban-footer-fixed { display: none; }

@media only screen and (orientation: portrait), (max-aspect-ratio: 4/3), only screen and (max-width: 1024px) and (orientation: landscape) {
    div.ban-live.ban-anchor,
    div.ban-live.ban-anchor-all { display: none !important; }

    .ban-footer-fixed {
        display: flex;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50px;
        z-index: 60;
        background: #ffffff;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    .ban-footer-fixed .ban-footer-box { width: 320px; max-width: 100%; height: 50px; }

    /* body:not(.has-bar):not(.has-bar-all) { padding-bottom: 50px; } */
}

.ban-native { min-height: 250px; }
div.ban-live:has(> .ban-native) { height: auto !important; min-height: 250px !important; }
.ban-native .ban-own { height: 250px !important; }