.oc-text-inside {
    margin: -0.01rem;
    padding: 0;
    width: 0.01rem;
    height: 0.01rem;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 0.01rem dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 0.4rem
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 0.01rem solid #c0c0c0;
    margin: 0 0.02rem;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

html {
    width: 100%
}

html:after {
    display: none;
    content: 'xs: (max-width: 768px) | sm: (max-width: 1024px) | md: (max-width: 1440px) | lg: (max-width: 1920px) | xl: (min-width: 1921px)'
}

body {
    color: #000;
    font-size: 0.14rem;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent
}

.isapp body * {
    font-family: 'Microsoft YaHei' !important
}

a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ol,
p,
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal
}

em,
i,
strong {
    font-style: normal
}

input:focus {
    outline: none
}

figure {
    margin: 0
}

img {
    vertical-align: middle;
    outline: none;
    -webkit-user-drag: none
}

ul,
menu,
dir {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0
}

input,
textarea {
    -webkit-appearance: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a0a0a0
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #a0a0a0
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a0a0a0
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a0a0a0 !important
}

input::-ms-clear,
textarea::-ms-clear {
    display: none
}

input::-ms-reveal,
textarea::-ms-reveal {
    display: none
}

input:focus,
textarea:focus {
    outline: 0
}

#oc-wrapper {
    box-sizing: border-box;
    height: auto;
    min-height: 100vh;
    width: 100%;
    position: relative;
    z-index: 1;
    margin: auto;
    overflow: hidden
}

@media (max-width: 1023.98px) {
    #oc-wrapper {
        padding-top: 0.52rem
    }
}

#oc-wrapper.main {
    padding-top: 0
}

#oc-container {
    width: 100%;
    position: relative;
    padding-top: 0.8rem
}

.clean-theme #oc-container {
    padding-top: 0
}

@media (min-width: 1024px) and (max-width: 1440px) {
    #oc-container {
        padding-top: 0.64rem
    }
}

@media (max-width: 1023.98px) {
    #oc-container {
        min-height: auto;
        padding-top: 0
    }

    .clean-theme #oc-container {
        margin-top: -0.52rem
    }
}

[data-index='normal'],
.mask-index-normal {
    z-index: 900
}

[data-index='top'],
.mask-index-top {
    z-index: 1010
}

#oc-top-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1000;
    max-height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0s, max-height 0s linear 0.5s;
    transition: opacity 0.3s ease 0s, max-height 0s linear 0.5s
}

@media (max-width: 768px) {
    #oc-top-mask {
        cursor: pointer;
        pointer-events: all
    }
}

.show-mask #oc-top-mask {
    opacity: 1;
    max-height: 100vh;
    -webkit-transition: opacity 0.3s ease 0s, max-height 0s linear 0s;
    transition: opacity 0.3s ease 0s, max-height 0s linear 0s
}

.noscroll {
    width: 100%;
    position: relative;
    overflow: hidden !important;
    height: 100% !important
}

.noscroll body {
    position: fixed;
    overflow-y: scroll;
    width: 100%
}

.hide {
    display: none !important
}

.hidden {
    visibility: hidden !important
}

.lazyload {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms
}

.page-h1 {
    width: 0;
    height: 0;
    visibility: hidden;
    -webkit-transform: translateX(-999.99rem) scale(0);
    transform: translateX(-999.99rem) scale(0)
}

@media (min-width: 1440px) {
    .safe-area {
        width: 13.2rem
    }
}

@media (min-width: 1024px) and (max-width: 1440px) {
    .safe-area {
        width: 8.96rem
    }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    .safe-area {
        width: 6.4rem
    }
}

@media (max-width: 767.98px) {
    .safe-area {
        width: 3.17rem
    }
}

.cp-img-modal {
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.cp-img-modal.img-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1
}

.cp-img-modal.img-mask .close-video-btn {
    display: block
}

.cp-img-modal img {
    max-width: 90%;
    max-height: 90%
}

.cp-img-modal .close-video-btn {
    display: none;
    position: fixed;
    top: 0.2rem;
    right: 0.2rem
}

.cp-img-modal .close-video-btn i {
    color: #fff;
    font-size: 0.2rem
}

.cp-video-modal {
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.cp-video-modal.video-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1
}

.cp-video-modal.video-mask .close-video-btn {
    display: block
}

.cp-video-modal .video {
    display: block;
    max-height: 100%;
    max-width: 100%;
    cursor: pointer
}

.cp-video-modal .video:focus {
    border: none;
    outline: none
}

.cp-video-modal .close-video-btn {
    display: none;
    position: fixed;
    top: 0.2rem;
    right: 0.2rem
}

@media (min-width: 1440px) {
    .cp-video-modal .close-video-btn {
        right: 0.4rem
    }
}

.cp-video-modal .close-video-btn i {
    color: #fff;
    font-size: 0.2rem
}

.oc-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ie.lt-9 .oc-row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ie.lt-9 .oc-row * html {
    height: 0.01rem
}

.oc-row .col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.ie.lt-9 .oc-row .col-1 {
    width: 8.33333%;
    float: left
}

.oc-row .col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.ie.lt-9 .oc-row .col-2 {
    width: 16.66667%;
    float: left
}

.oc-row .col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.ie.lt-9 .oc-row .col-3 {
    width: 25%;
    float: left
}

.oc-row .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.ie.lt-9 .oc-row .col-4 {
    width: 33.33333%;
    float: left
}

.oc-row .col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.ie.lt-9 .oc-row .col-5 {
    width: 41.66667%;
    float: left
}

.oc-row .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.ie.lt-9 .oc-row .col-6 {
    width: 50%;
    float: left
}

.oc-row .col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.ie.lt-9 .oc-row .col-7 {
    width: 58.33333%;
    float: left
}

.oc-row .col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.ie.lt-9 .oc-row .col-8 {
    width: 66.66667%;
    float: left
}

.oc-row .col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.ie.lt-9 .oc-row .col-9 {
    width: 75%;
    float: left
}

.oc-row .col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.ie.lt-9 .oc-row .col-10 {
    width: 83.33333%;
    float: left
}

.oc-row .col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.ie.lt-9 .oc-row .col-11 {
    width: 91.66667%;
    float: left
}

.oc-row .col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.ie.lt-9 .oc-row .col-12 {
    width: 100%;
    float: left
}

@media (min-width: 1920px) {
    .oc-row .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .ie.lt-9 .oc-row .col-xl-1 {
        width: 8.33333%;
        float: left
    }

    .oc-row .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .ie.lt-9 .oc-row .col-xl-2 {
        width: 16.66667%;
        float: left
    }

    .oc-row .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ie.lt-9 .oc-row .col-xl-3 {
        width: 25%;
        float: left
    }

    .oc-row .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .ie.lt-9 .oc-row .col-xl-4 {
        width: 33.33333%;
        float: left
    }

    .oc-row .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .ie.lt-9 .oc-row .col-xl-5 {
        width: 41.66667%;
        float: left
    }

    .oc-row .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ie.lt-9 .oc-row .col-xl-6 {
        width: 50%;
        float: left
    }

    .oc-row .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .ie.lt-9 .oc-row .col-xl-7 {
        width: 58.33333%;
        float: left
    }

    .oc-row .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .ie.lt-9 .oc-row .col-xl-8 {
        width: 66.66667%;
        float: left
    }

    .oc-row .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ie.lt-9 .oc-row .col-xl-9 {
        width: 75%;
        float: left
    }

    .oc-row .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .ie.lt-9 .oc-row .col-xl-10 {
        width: 83.33333%;
        float: left
    }

    .oc-row .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .ie.lt-9 .oc-row .col-xl-11 {
        width: 91.66667%;
        float: left
    }

    .oc-row .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ie.lt-9 .oc-row .col-xl-12 {
        width: 100%;
        float: left
    }
}

@media (max-width: 1440px) {
    .oc-row .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .ie.lt-9 .oc-row .col-md-1 {
        width: 8.33333%;
        float: left
    }

    .oc-row .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .ie.lt-9 .oc-row .col-md-2 {
        width: 16.66667%;
        float: left
    }

    .oc-row .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ie.lt-9 .oc-row .col-md-3 {
        width: 25%;
        float: left
    }

    .oc-row .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .ie.lt-9 .oc-row .col-md-4 {
        width: 33.33333%;
        float: left
    }

    .oc-row .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .ie.lt-9 .oc-row .col-md-5 {
        width: 41.66667%;
        float: left
    }

    .oc-row .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ie.lt-9 .oc-row .col-md-6 {
        width: 50%;
        float: left
    }

    .oc-row .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .ie.lt-9 .oc-row .col-md-7 {
        width: 58.33333%;
        float: left
    }

    .oc-row .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .ie.lt-9 .oc-row .col-md-8 {
        width: 66.66667%;
        float: left
    }

    .oc-row .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ie.lt-9 .oc-row .col-md-9 {
        width: 75%;
        float: left
    }

    .oc-row .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .ie.lt-9 .oc-row .col-md-10 {
        width: 83.33333%;
        float: left
    }

    .oc-row .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .ie.lt-9 .oc-row .col-md-11 {
        width: 91.66667%;
        float: left
    }

    .oc-row .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ie.lt-9 .oc-row .col-md-12 {
        width: 100%;
        float: left
    }
}

@media (max-width: 1024px) {
    .oc-row .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .ie.lt-9 .oc-row .col-sm-1 {
        width: 8.33333%;
        float: left
    }

    .oc-row .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .ie.lt-9 .oc-row .col-sm-2 {
        width: 16.66667%;
        float: left
    }

    .oc-row .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ie.lt-9 .oc-row .col-sm-3 {
        width: 25%;
        float: left
    }

    .oc-row .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .ie.lt-9 .oc-row .col-sm-4 {
        width: 33.33333%;
        float: left
    }

    .oc-row .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .ie.lt-9 .oc-row .col-sm-5 {
        width: 41.66667%;
        float: left
    }

    .oc-row .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ie.lt-9 .oc-row .col-sm-6 {
        width: 50%;
        float: left
    }

    .oc-row .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .ie.lt-9 .oc-row .col-sm-7 {
        width: 58.33333%;
        float: left
    }

    .oc-row .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .ie.lt-9 .oc-row .col-sm-8 {
        width: 66.66667%;
        float: left
    }

    .oc-row .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ie.lt-9 .oc-row .col-sm-9 {
        width: 75%;
        float: left
    }

    .oc-row .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .ie.lt-9 .oc-row .col-sm-10 {
        width: 83.33333%;
        float: left
    }

    .oc-row .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .ie.lt-9 .oc-row .col-sm-11 {
        width: 91.66667%;
        float: left
    }

    .oc-row .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ie.lt-9 .oc-row .col-sm-12 {
        width: 100%;
        float: left
    }
}

@media (max-width: 768px) {
    .oc-row .col-xs-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .ie.lt-9 .oc-row .col-xs-1 {
        width: 8.33333%;
        float: left
    }

    .oc-row .col-xs-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .ie.lt-9 .oc-row .col-xs-2 {
        width: 16.66667%;
        float: left
    }

    .oc-row .col-xs-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ie.lt-9 .oc-row .col-xs-3 {
        width: 25%;
        float: left
    }

    .oc-row .col-xs-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .ie.lt-9 .oc-row .col-xs-4 {
        width: 33.33333%;
        float: left
    }

    .oc-row .col-xs-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .ie.lt-9 .oc-row .col-xs-5 {
        width: 41.66667%;
        float: left
    }

    .oc-row .col-xs-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ie.lt-9 .oc-row .col-xs-6 {
        width: 50%;
        float: left
    }

    .oc-row .col-xs-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .ie.lt-9 .oc-row .col-xs-7 {
        width: 58.33333%;
        float: left
    }

    .oc-row .col-xs-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .ie.lt-9 .oc-row .col-xs-8 {
        width: 66.66667%;
        float: left
    }

    .oc-row .col-xs-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ie.lt-9 .oc-row .col-xs-9 {
        width: 75%;
        float: left
    }

    .oc-row .col-xs-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .ie.lt-9 .oc-row .col-xs-10 {
        width: 83.33333%;
        float: left
    }

    .oc-row .col-xs-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .ie.lt-9 .oc-row .col-xs-11 {
        width: 91.66667%;
        float: left
    }

    .oc-row .col-xs-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ie.lt-9 .oc-row .col-xs-12 {
        width: 100%;
        float: left
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }

    .mobile-version {
        display: block !important
    }

    .pc-version {
        display: none !important
    }

    .pad-version {
        display: none !important
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    .row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }

    .row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }

    .row:after {
        display: table;
        content: ' ';
        clear: both
    }

    .row:before {
        display: table;
        content: ' '
    }

    .row .col-12 {
        width: 100%
    }

    .row .col-11 {
        width: 91.66666667%
    }

    .row .col-10 {
        width: 83.33333333%
    }

    .row .col-9 {
        width: 75%
    }

    .row .col-8 {
        width: 66.66666667%
    }

    .row .col-7 {
        width: 58.33333333%
    }

    .row .col-6 {
        width: 50%
    }

    .row .col-5 {
        width: 41.66666667%
    }

    .row .col-4 {
        width: 33.33333333%
    }

    .row .col-3 {
        width: 25%
    }

    .row .col-2 {
        width: 16.66666667%
    }

    .row .col-1 {
        width: 8.33333333%
    }

    body img {
        max-width: 100%
    }

    body .pc-version {
        display: block
    }

    body .pad-version {
        display: none !important
    }

    body .mobile-version {
        display: none !important
    }

    body .text-overflow {
        white-space: normal;
        text-overflow: ellipsis;
        overflow: hidden
    }

    body .text-center {
        text-align: center
    }

    body .text-right {
        text-align: right
    }

    body .m-0 {
        margin: 0 !important
    }

    body .m-t-0 {
        margin-top: 0 !important
    }

    body .m-r-0 {
        margin-right: 0 !important
    }

    body .m-b-0 {
        margin-bottom: 0 !important
    }

    body .m-l-0 {
        margin-left: 0 !important
    }

    body .m-10 {
        margin: 0.1rem !important
    }

    body .m-t-10 {
        margin-top: 0.1rem !important
    }

    body .m-r-10 {
        margin-right: 0.1rem !important
    }

    body .m-b-10 {
        margin-bottom: 0.1rem !important
    }

    body .m-l-10 {
        margin-left: 0.1rem !important
    }

    body .m-20 {
        margin: 0.2rem !important
    }

    body .m-t-20 {
        margin-top: 0.2rem !important
    }

    body .m-r-20 {
        margin-right: 0.2rem !important
    }

    body .m-b-20 {
        margin-bottom: 0.2rem !important
    }

    body .m-l-20 {
        margin-left: 0.2rem !important
    }

    body .p-0 {
        padding: 0 !important
    }

    body .p-t-0 {
        padding-top: 0 !important
    }

    body .p-r-0 {
        padding-right: 0 !important
    }

    body .p-b-0 {
        padding-bottom: 0 !important
    }

    body .p-l-0 {
        padding-left: 0 !important
    }

    body .p-10 {
        padding: 0.1rem !important
    }

    body .p-t-10 {
        padding-top: 0.1rem !important
    }

    body .p-r-10 {
        padding-right: 0.1rem !important
    }

    body .p-b-10 {
        padding-bottom: 0.1rem !important
    }

    body .p-l-10 {
        padding-left: 0.1rem !important
    }

    body .p-20 {
        padding: 0.2rem !important
    }

    body .p-t-20 {
        padding-top: 0.2rem !important
    }

    body .p-r-20 {
        padding-right: 0.2rem !important
    }

    body .p-b-20 {
        padding-bottom: 0.2rem !important
    }

    body .p-l-20 {
        padding-left: 0.2rem !important
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    .row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }

    .row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }

    .row:after {
        display: table;
        content: ' ';
        clear: both
    }

    .row:before {
        display: table;
        content: ' '
    }

    .row .col-12 {
        width: 100%
    }

    .row .col-11 {
        width: 91.66666667%
    }

    .row .col-10 {
        width: 83.33333333%
    }

    .row .col-9 {
        width: 75%
    }

    .row .col-8 {
        width: 66.66666667%
    }

    .row .col-7 {
        width: 58.33333333%
    }

    .row .col-6 {
        width: 50%
    }

    .row .col-5 {
        width: 41.66666667%
    }

    .row .col-4 {
        width: 33.33333333%
    }

    .row .col-3 {
        width: 25%
    }

    .row .col-2 {
        width: 16.66666667%
    }

    .row .col-1 {
        width: 8.33333333%
    }

    body img {
        max-width: 100%
    }

    body .pc-version {
        display: block
    }

    body .pad-version {
        display: none !important
    }

    body .mobile-version {
        display: none !important
    }

    body .text-overflow {
        white-space: normal;
        text-overflow: ellipsis;
        overflow: hidden
    }

    body .text-center {
        text-align: center
    }

    body .text-right {
        text-align: right
    }

    body .m-0 {
        margin: 0 !important
    }

    body .m-t-0 {
        margin-top: 0 !important
    }

    body .m-r-0 {
        margin-right: 0 !important
    }

    body .m-b-0 {
        margin-bottom: 0 !important
    }

    body .m-l-0 {
        margin-left: 0 !important
    }

    body .m-10 {
        margin: 0.1rem !important
    }

    body .m-t-10 {
        margin-top: 0.1rem !important
    }

    body .m-r-10 {
        margin-right: 0.1rem !important
    }

    body .m-b-10 {
        margin-bottom: 0.1rem !important
    }

    body .m-l-10 {
        margin-left: 0.1rem !important
    }

    body .m-20 {
        margin: 0.2rem !important
    }

    body .m-t-20 {
        margin-top: 0.2rem !important
    }

    body .m-r-20 {
        margin-right: 0.2rem !important
    }

    body .m-b-20 {
        margin-bottom: 0.2rem !important
    }

    body .m-l-20 {
        margin-left: 0.2rem !important
    }

    body .p-0 {
        padding: 0 !important
    }

    body .p-t-0 {
        padding-top: 0 !important
    }

    body .p-r-0 {
        padding-right: 0 !important
    }

    body .p-b-0 {
        padding-bottom: 0 !important
    }

    body .p-l-0 {
        padding-left: 0 !important
    }

    body .p-10 {
        padding: 0.1rem !important
    }

    body .p-t-10 {
        padding-top: 0.1rem !important
    }

    body .p-r-10 {
        padding-right: 0.1rem !important
    }

    body .p-b-10 {
        padding-bottom: 0.1rem !important
    }

    body .p-l-10 {
        padding-left: 0.1rem !important
    }

    body .p-20 {
        padding: 0.2rem !important
    }

    body .p-t-20 {
        padding-top: 0.2rem !important
    }

    body .p-r-20 {
        padding-right: 0.2rem !important
    }

    body .p-b-20 {
        padding-bottom: 0.2rem !important
    }

    body .p-l-20 {
        padding-left: 0.2rem !important
    }
}

body {
    overflow-x: hidden
}

body .text-keep {
    white-space: nowrap
}

@media (max-width: 1023.98px) {
    .S01 {
        font-family: 'OPPOSans-Ver2-Regular';
        font-variation-settings: 'wght'550
    }

    .S01 .pc-version {
        display: none
    }

    .S01 img {
        max-width: 100%
    }

    .S01 div.menu-container {
        width: 100%;
        background-color: #fff;
        z-index: 999
    }

    .S01 div.menu-bar {
        width: 100%;
        padding: 2.22222vw 0;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        border-top: .27778vw solid #ebebeb;
        border-bottom: .27778vw solid #ebebeb
    }

    .S01 div.menu-bar ul.tab-list {
        overflow: hidden;
        text-align: center;
        display: inline-block;
        width: auto
    }

    .S01 div.menu-bar ul.tab-list li.tab-item {
        list-style: none;
        display: inline-block;
        text-align: center;
        height: 100%;
        vertical-align: middle;
        color: #707070;
        font-size: 3.33333vw;
        line-height: 170%
    }

    .S01 div.menu-bar ul.tab-list li.tab-item:not(:last-child) {
        padding-right: 4.44444vw
    }

    .S01 div.menu-bar ul.tab-list li.tab-item:hover {
        cursor: pointer
    }

    .S01 div.menu-bar ul.tab-list li.active {
        color: #000
    }

    .S01 div.menu-bar .menu-btn {
        padding: 1.66667vw 4.44444vw;
        background-color: #000;
        color: #fff;
        border: none;
        font-size: 3.33333vw;
        line-height: 170%;
        text-align: center
    }

    .S01 .fixed {
        position: fixed;
        top: 0
    }

    .S01 div.banner {
        background-image: url(../png/banner-monster-mobile.png);
        background-size: cover;
        height: 101.11111vw
    }

    .S01 div.tabs-content {
        display: none
    }

    .S01 div.active {
        display: block
    }

    .S01 .S02 {
        padding: 20vw 9.16667vw;
        text-align: center
    }

    .S01 .S02 p.des {
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        color: #7d7d7d
    }

    .S01 .S02 p.des:first-child {
        padding-bottom: 5.55556vw
    }

    .S01 .S02 p.colored {
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        padding-top: 5.55556vw;
        background: -webkit-linear-gradient(top, #a257ed 0%, #4c3dff 100%);
        background: linear-gradient(180deg, #a257ed 0%, #4c3dff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 .S02 div.btn {
        padding-top: 11.11111vw
    }

    .S01 .S03 {
        background-image: url(data:image/png;base64,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);
        background-size: cover;
        text-align: center;
        padding: 20vw 0
    }

    .S01 .S03 .title {
        font-size: 6.66667vw;
        line-height: 8.33333vw;
        padding-bottom: 11.11111vw;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 .S03 .content {
        padding: 0 2.77778vw
    }

    .S01 .S04 {
        padding: 20vw 4.16667vw;
        text-align: center
    }

    .S01 .S04 .title {
        font-size: 6.66667vw;
        line-height: 8.33333vw;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 .S04 div.large-col {
        padding-top: 11.11111vw
    }

    .S01 .S04 div.large-col div.content {
        max-width: 50vw;
        margin: 0 auto
    }

    .S01 .S04 div.large-col div.content h3.title {
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        letter-spacing: -0.03333vw;
        padding: 5.55556vw 0
    }

    .S01 .S04 div.large-col div.content ul {
        text-align: left
    }

    .S01 .S04 div.large-col div.content ul li {
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        list-style: inside
    }

    .S01 .S04 div.large-col div.content p.note {
        text-align: left;
        padding-top: 5.55556vw;
        font-size: 3.88889vw;
        line-height: 6.11111vw;
        letter-spacing: -0.03125vw;
        color: rgba(0, 0, 0, 0.55)
    }

    .S01 .S04 div.content-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding-top: 16.66667vw
    }

    .S01 .S04 div.content-row .small-col {
        max-width: 50%
    }

    .S01 .S04 div.content-row .small-col:first-child {
        padding-right: 5.55556vw
    }

    .S01 .S04 div.content-row .small-col div.content {
        text-align: left
    }

    .S01 .S04 div.content-row .small-col div.content h3.title {
        font-size: 4.44444vw;
        line-height: 6.66667vw;
        letter-spacing: -0.03333vw;
        padding: 5.55556vw 0
    }

    .S01 .S04 div.content-row .small-col div.content ul li {
        list-style: inside;
        font-size: 3.88889vw;
        line-height: 7.22222vw
    }

    .S01 .S04 div.content-row .small-col div.content p.note {
        padding-top: 5.55556vw;
        font-size: 3.88889vw;
        line-height: 6.11111vw;
        letter-spacing: -0.03125vw;
        color: rgba(0, 0, 0, 0.55)
    }

    .S01 .S05 {
        background-image: url(data:image/png;base64,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AaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoCeAJoEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogKh7W1tbz8f2cALuqhfThwY8Gz3Yn0h4//794dbxGy9fvtx5+PDh7njnF+PNvbHdHdtHE3BbvBgBPhz79sG4f3Dv3r2fX79+ffD5558fnvyguQUPHjz4ZnzcV+PNnYm1G4/Tk/EY/Lj1sQ969erV7ngQd8YD9eV4c1e0YSMcziEe24N5FHZeiC9jfN48WPt63J1jbd9fsfkVzPj//nZ7e/uno7enKzoj2nsTcBPmEM+j4XlUPO/QB+NV8Py+F9OSja//6O3bt38e28f2+ZWYH7MnI8w/nnznlQN9lkW0v3j37t3eeHIcj7SBT/dicdtfTE/8PK0wxJexmAL5eo71ZArkk82j5vH/+Xhsf/6XP5tWZPHS6Ivxl+6NN3dEGz7qUvPDNaZArm+efrp///63I85/O+9jVhboM/4xj968ebMr2txxS5sfrhn799emQC5nPAeejjD/cNGroLUF+izH0R53Tx6E3Jlg861tfrhmsSLsyzHl+WSyP592MJ4D343/n/3LfPCNBvoslvuxQXLzwzUnpkD2prsd63kK6+l4bvxwlU/KBfoslvtxwzZyfrhmMQXy1WJ99Z3xsYOAF37utKEs92MFbu38cMnxFMi83veWH4c6c+ncVWxsoM9iuR+XdGfnh2vmfXZsvplu3xTIs/Gc+u5Tn1O3KtBnsdzvzjI/vGHGFMg8/fH1Jk+BLF55/eWyBwEvcusDfZrlfreO+eFbZlOnQH67fsYSBwB3LtBnsdxvI5gfvoPmWN+/f//7KTwFcvr6GUv92hNnstzvxpgf5kwnluw9nho++SDgRQT6Ciz3Wxrzw1zbiSmQGztr8VOWzl3p75n4JMcrRxaxttzv98wPs1Lrvnb1sg8CXkSgV2CxdOholH1HlvuZH+bGrfrCTZe9fsZS/86Jtbgly/3MD5O3gmtXX+n6Gcsk0Dfk9HK/0MoR88PcGp947eprXT9jmQQ65IzlfnvT6g5Cmh/mTrnKFMi6DgJeRKDjlrDcz/wwnPKRa1evfOncVQj0Bjpnud8L88NwNSevXT32lefrPgh4kf8H7bYcXB4LbkoAAAAASUVORK5CYII=);
        background-size: cover;
        text-align: center;
        padding: 20vw 0;
        padding-bottom: 51.38889vw;
        position: relative
    }

    .S01 .S05 .title {
        font-size: 6.66667vw;
        line-height: 8.33333vw;
        padding-bottom: 5.55556vw;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 .S05 div.content-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 11.11111vw 1.38889vw 0 1.38889vw
    }

    .S01 .S05 div.content-row .large-col img {
        max-width: 43.88889vw
    }

    .S01 .S05 div.content-row .small-col {
        max-width: 50%
    }

    .S01 .S05 div.content-row .small-col:first-child {
        padding-right: 5.55556vw
    }

    .S01 .S05 div.content-row h3.title-inside {
        font-size: 5.55556vw;
        line-height: 8.33333vw;
        letter-spacing: -0.03333vw;
        padding-top: 5.55556vw
    }

    .S01 .S05 div.content-row p {
        padding-top: 2.77778vw;
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        letter-spacing: -0.03125vw
    }

    .S01 .S05 .bottom-img {
        position: absolute;
        bottom: 0
    }

    .S01 .S06 {
        padding: 20vw 5.55556vw
    }

    .S01 .S06 h2.title {
        font-size: 6.66667vw;
        line-height: 8.33333vw;
        text-align: center;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 .S06 p.des {
        text-align: center;
        padding-top: 11.11111vw;
        padding-bottom: 16.11111vw;
        font-size: 4.44444vw;
        line-height: 7.22222vw
    }

    .S01 .S06 div.first-col {
        background-image: url(../png/s6-content-bg1-mobile.png);
        width: 88.88889vw;
        background-size: cover;
        background-repeat: no-repeat;
        height: 121.11111vw;
        position: relative
    }

    .S01 .S06 div.first-col div.content-inside {
        padding-left: 8.33333vw;
        padding-right: 2.77778vw
    }

    .S01 .S06 div.first-col div.content-inside p.des-inside {
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        padding-top: 2.77778vw;
        padding-bottom: 16.66667vw
    }

    .S01 .S06 div.first-col .arrow-img {
        position: absolute;
        bottom: -22.22222vw;
        right: 2.77778vw
    }

    .S01 .S06 div.second-col {
        background-image: url(../png/s6-content-bg2-mobile.png);
        width: 88.88889vw;
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        margin-top: 6.11111vw
    }

    .S01 .S06 div.second-col div.content-inside {
        padding-left: 7.22222vw;
        padding-right: 5.55556vw
    }

    .S01 .S06 div.second-col div.content-inside p.des-inside {
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        padding-top: 13.33333vw;
        padding-bottom: 2.77778vw
    }

    .S01 .S06 div.second-col div.content-inside p.note-inside {
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        color: #9c9c9c;
        padding-bottom: 11.11111vw
    }

    .S01 .S06 div.second-col div.content-inside div.img-container {
        text-align: center;
        padding-top: 1.38889vw
    }

    .S01 .S06 div.third-col {
        background-image: url(../png/s6-content-bg3-mobile.png);
        width: 88.88889vw;
        background-size: cover;
        background-repeat: no-repeat;
        height: 146.38889vw;
        margin-top: 8.33333vw;
        position: relative
    }

    .S01 .S06 div.third-col div.content-inside {
        padding-left: 7.22222vw;
        padding-right: 5.55556vw
    }

    .S01 .S06 div.third-col div.content-inside p.des-inside {
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        padding-top: 2.77778vw
    }

    .S01 .S06 div.third-col div.content-inside p.note-inside {
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        color: #9c9c9c;
        padding-top: 2.77778vw
    }

    .S01 .S06 div.third-col div.content-inside div.img-container {
        text-align: center;
        padding-top: 8.33333vw
    }

    .S01 .S06 div.third-col .arrow-img {
        position: absolute;
        bottom: -23.61111vw;
        right: 4.16667vw
    }

    .S01 .S06 div.fourth-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 88.88889vw;
        margin-top: 5.55556vw
    }

    .S01 .S06 h3.title-inside {
        font-size: 5.55556vw;
        line-height: 8.33333vw;
        padding-top: 11.11111vw
    }

    .S01 .S07 h2.title {
        font-size: 6.66667vw;
        line-height: 8.33333vw;
        text-align: center;
        padding-bottom: 11.11111vw
    }

    .S01 .S07 div.content div.part1 {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAJACAYAAACg8vwTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA14SURBVHgB7dzbcRvXAYDhpUay5aewA6ODsIMoHbiDJBXEHUTpwOlA6cAl0B1QHcAVhH6yR9ecpXZliKMLRQvkT/L7ZjC7AG8WufjPnrOADyaAO+r169ffPn/+/PDevXtHr169Ojw4ONiMxw7HhzbLbdrZno7bybg9+eqrr/47XYGDCeCWmgP88uXLo7F7OPbn+G7G/tn96ffwXsaTBw8ePB5B/3naI4EGbqz5bHecAX+7ngGPh47mx0Y45whvpj0aP2c7zqQf7TPStzrQy1TlT/MUZvwSz27Tm5HzU07H187Tmen+/fvbsfllfO3pBFy53QifOwuetxd5Pu/zv22vkb6RgV7De37qsoycm+mPT1/eZw70dv6DjANlO37O8Rix5z/O0+kWmaeE83Yd1C7yNcsgNu17usftti5HjOfVZvo9wOsta5+RPhhPxH+Nb3xSi0151HyP4znY83asS/00Bb1vLW6PA9p2ejOgnQ1q42fMt5N5VjJi/tRs5O4697w+Wk62Hk3xCH/KviJ98OzZs9fnHjtZzxLn7frE2le8z//B5tHzKtaP9mX5nR1fxQWED/z8sxAvB/9mah78Z1fDl2Nrvip+UpyJrDO1Fy9ebJaBbFp+p7PD5ePTMtCdP2nYfOLbrwPY+2zXnWUwO925v37s7TLcvB3H27yfWopbjsVHt+F5fRH7iPT7Av0xZ2dE0+9nRmcHz3LQvD1gZuu0d9f6cpa78geb3pxZP97nWfX4nf5lifF8YDyaerOLi1pfwvTjuB1fRbA/MEvbvd1k23Pbt/tr5NftHJb1Ey67XLUb4/lYnJoz3b1bTtC++1LH7+cGmsuZz6j//iVG1iUqf7sFQf6odSYybk++1AA3jvU/T29mFEfTLZhWX6GPne3PNhPvGCeg3z98+PA/0x8k0FdoROfx119//e/pM61RHrvfTW/CcqdcdtnorgxmZP3h10oL9BUbsfhxTH/+cZG1wnn5Ymy+G1/z90lcVp9cNlqWfR5Pd3Awo2U5uXh82XceCvT1OBmB+euHIi0wF/LOstF8tjyO5X+O+99PBjNiLhtqgb4+84Wwv+4+sEzJ/zV2v5+4qCfjIt+PY83vh8laKHGfG2qBvka7FxKWs+Ynk8jArXfRi+ACfc3GH2cz4jxf/PthAu6i+SXKb9/stvsSPYG+ftvJWTPwrjnYJwINEHVvAiBJoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogR6AmgSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogKj70/XaHhwcnL5+/fpkvjP2t2P/52X/27E5HPcPx/5m2T/bTgB3wL4C/Ta883bcn/d/vnfv3unz589PHj58eLo8filztMf32YzvsUb7T+v+EvNpeXwzAdxQB8+ePXt9wc89C+1ylrsGeDse+2V+7MWLF9s/Gt592I35fHv16tW3OzGfz8YPxRwomgP9v+kGhndffv311839+/c3S8wP16WW6U3Ad4NuqQXYq4OJS1tjPu8vZ+TXuW5+utzOzIPr+vj4b3jf49O63n/+8XlQXve/+eabs/0xkB8tM48/L/+2s5vBCvZHoK/Ix9bN189Z1+uXz5+3v+x8bLs+/vLly7fBXQN6neZ/24j624CPh46mN4PT2XbiQ+YZ63yB3O+K8+ZVixOBZq/WgWlcIN4s6/+b6d2A32a7F8vPXqG0Lhu+b2CdZynz72l83l/G3SPRvjPmGB+P7XyMPB0nYMfr8SHQXKsbvnSyXrs5WUL89Eu9Umk1L6M9ePDgaJ2ZLNHeTNxUZ7Om8Xc8HsfKz/Ox8rFZsECTFVg6WV+5NC9DnF1En59UYyawHdHcXteF8/X3sgxqj6Y3A9ptn43cRNtxOx63eQB/Oq5XnXzuMSPQ3Ei7SydLvOdgH13iJZPrGc3pzhulTuZ1/sL6/kXtRnvcnQe1I9G+MqfLNaLj5RVwP32pAVyguZXOL50sr6zZ7r5h6iYF+LLGv/PR/OqiJdbrDGR92Sif5/yM6p314n0QaLijPvEmrs3yOfN2M90db2dUY38O8fxKqmubUQk08ElzzH/77bfDnTdxfegduYdT++LujVrSEmjgi/vQm7im/b8j91ZcU1gJNHCtPvMdudud/y3FJ19bftP9H8yegYd/qkmqAAAAAElFTkSuQmCC);
        background-size: cover;
        padding: 20vw 5.55556vw 11.11111vw 5.55556vw;
        position: relative
    }

    .S01 .S07 div.content div.part1 h3 {
        font-size: 5.55556vw;
        line-height: 8.33333vw;
        padding-bottom: 2.77778vw
    }

    .S01 .S07 div.content div.part1 h3:last-of-type {
        padding-top: 16.66667vw
    }

    .S01 .S07 div.content div.part1 div.img-container {
        position: absolute;
        bottom: 4.16667vw;
        right: 19.44444vw
    }

    .S01 .S07 div.content div.part2 {
        padding: 5.55556vw 5.55556vw 12.5vw 5.55556vw
    }

    .S01 .S07 div.content div.part2 h3 {
        font-size: 5.55556vw;
        line-height: 8.33333vw;
        padding-bottom: 2.77778vw
    }

    .S01 .S07 div.content div.part2 p.list {
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        padding-top: 2.77778vw
    }

    .S01 .S07 div.content div.part2 div.btn {
        padding-top: 12.77778vw
    }

    .S01 .S07 div.content div.part3 {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAJRCAYAAABoeC0tAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA3RSURBVHgB7dzdVRznAYDhQSBbvgodaFOB6MBKBXEHTgdxKojSgVNBlA6cCiJ3gDpYd4Cv5KPfzMCMvCJIIPH3As9zzp5ZhgXE7vDON9/MamsAuKPevXv38NWrV7v37t3be/v27e7W1tZqXLc7fmo134aN5cF42x9vT7/66qt/D1dgawC4pabYjgF+uAR4XLU3rRtDvDfe351vX+Lp/fv3/zZ+n4PhEgk0cKNNo+A3b94cBne8vzePgKePV8OXB/gs9sdIfzdG+pfhktyJQE8v4LScDmXGJ/ODF2w6pBkXB+NjPtgT7uzsrOfPX9qTD5zN5kh4I8KPh/ONgi/CFOk/XdZI+sYGen6B/rCx51zNt905urvDxb1405O/npbj994ff8Z6Wo4Rf37ZhzjXadmxfYodGBdpGQ2P0xGr4WgUfBUj4fO6tEhvvX79+s/jk7EeJ72fDzHH9pqHAR6OXrBlEr9gOmmwP/4bf9re3v65HOxTTojsDuffqa2Ho53Z4RHJ+HPW085sXh7c9h0aZ3N8NDzFeJ4TXg0316VEeuvly5fvNn/I/Ae1P48Ur+SP6pa9YM+GKzzLe5L4KOTwTPi8fR3u3IqDg03L0doyRTYfoQ3zTm5343Gr4QuN32d97GdOO7iDjY/ff36Zfhv9Wt/hzdvi4+m5GZ+vvVsQ4k+58EgfD/THvD/En5bTxrQxQjocLY3/sOlzp24wSzzmeaTVcDSPtBpumXka5Nn4vDy5zGmAKR7jUdCj+fl8PP6sx0P7cPAkS7SfjcvpOft5uEIfOcm0Gj48sqhbz8uD+fZ+3RL/JfpL7D/n7/YsNmJ8uC0O/amJy3ChJw7PGugvsbmhLFbDHTRurE++/vrrfwwXZJ6q+G68O92WKZ/bZIrIs3Ej/2nc2P9zkSMSETnVel4e//tdf+JrbsI88ZWZdoDjUeHji4j0ZQaaDed90aZR3fha/XUeIT8e7pan4+/99EtG1vP02fc3+OiCm+lgnNJ58uDBg38O5yDQV+xzR9NjXL6dvma4e1H+P/O00ZPT5veXKA9HRxiPB7g+T88zzSnQ1+AskR7nlb+f9sDDHZ0W+pSPhXrjKOOHwUiZjmnK7scvmeYU6GsyxveHkw5/5hHzj8PRvB6fMF9x9JfpSiNhpm4ZWIwj6mdnHVEL9DWa5kSXedX5sPzv490fBj7XdDJLmLkppu31p7OcVxHoazTtUcfDnj++ePFitb29/d/BdAbcKcvluB+LtUBfv6fDLb0WHPhsU6wP3xMwvcNboAGi7g0AJAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQA8ATQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRAl0ABRAg0QJdAAUQINECXQAFECDRBVDPTBfAO403aGq7Xe2to6ePfu3f68XI/rfh3vr1+/fr1+8ODBwbR+efCLFy9WOzs7q3Hd7tu3b3fH5cNx9e54W03L8etX88e7A8Ats/Xy5ct3w/mt57Cux2hOkZ2Wv9y7d+/g1atX+8fDe9HGn7X722+/7W7E/OG0nAI+LYffY74aAG6I0wL90fCOEVy/efPm4JtvvlkPN4iYAzfFFOh/zeE9GMP7y00N72WYYj4eARyG+4SYr+bHTMvVcDu8n/+fd8wHG+tXG1NKwBXYGrgQVxTzD06gTjvWZf20g53XvX/MvO7X6f501LM8ZprvX77H504/Tb/n+PV78+81nRPYG46OOg6XA3BhBPoanBDzw7AtwZ1COh3FLI+/KUczS7znHdOjQbw/Zpo63J93mPvz1Nre/DytBu66Zft4JtBciTsW7+V8zXK10vPlhPlpO9vleRrvfjuI9l3wPsbTFPP29vazzSNagebaLUcU4wY6zXM/WqaF4vH+YBQ8HE0l7d+/f3990VcsHY/2cHQ+YG/gplmPt2fD0VHT852dnf3TthWBJm88kb03xXue118NRyPLabkaLs/mKPjw6qXlev3ClNPGuYBH47/r8SDaNevhM2N8EoHmRpvivUybLPEefp86Oc3hKHg4uox0vVzFdBmj4Ksg2tdmPVxAjE8i0Nxax+K9WxsFX4XNaI8f7rnW/1yOn9y90BifRKDhDjvljVur+THTcjXcfpv/FcXhtNa4bv863xci0MCZ3II3bn3x1TXXRaCBC3dNMT98k9ZtOq8g0MC12oz5HO0/HIv5dH/5XyzfzwNXpiEu0/8AkR+svbwyieMAAAAASUVORK5CYII=);
        background-size: cover;
        padding: 11.11111vw 5.55556vw 30.55556vw 5.55556vw;
        position: relative
    }

    .S01 .S07 div.content div.part3 h3 {
        font-size: 5.55556vw;
        line-height: 8.33333vw;
        padding-bottom: 2.77778vw
    }

    .S01 .S07 div.content div.part3 p.des {
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        padding-top: 2.77778vw
    }

    .S01 .S07 div.content div.part3 p.note {
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        color: #7d7d7d
    }

    .S01 .S07 div.content div.part3 img.s7-title-img-mobile {
        position: absolute;
        left: 44.72222vw;
        top: 9.16667vw;
        width: 9.16667vw
    }

    .S01 .S07 div.content div.part3 img.s7-img-mobile {
        position: absolute;
        bottom: 2.77778vw;
        right: 5.55556vw;
        max-width: 50%
    }

    .S01 .S07 div.content ol {
        padding-left: 5.55556vw
    }

    .S01 .S07 div.content ol li {
        list-style: decimal;
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        padding-top: 2.77778vw
    }

    .S01 .S08 div.part1 {
        padding: 11.11111vw 5.55556vw
    }

    .S01 .S08 div.part1 h3 {
        font-size: 5.55556vw;
        line-height: 8.33333vw;
        padding-bottom: 2.77778vw
    }

    .S01 .S08 div.part1 p {
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        padding-top: 2.77778vw
    }

    .S01 .S08 div.part2 {
        background-image: url(data:image/png;base64,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ECXQE0CTQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0QJNECUQANECTRAlEADRAk0QJRAA0TdnRpWt27dOhzXb9++XY0vzPf35qvjy/y1cf1wArhBLjPQR3N0R4APl+uf5q8d3rt3b8T56FO/ef71D1+9evVo/rUP59tfz196NF/G7ePrCeCaufXixYu308XaXA3/OGI8h3X15ZdfrqYtGfF++fLl3u3bt8dq++ux4h4r8GXlvTcB7KDzBvr9ani+PS4/v379+uDBgwdHp1kNX7b53/h+5b2MTjZX3wBJnwr0b1bD0xlGErvi+fPne3fv3t1bVt1fTUYnQMQI9P9vrobnMcFP87jgcJsjiV3x4dx7Y3Qi3sDW3Zo4l82595s3b77akdHJavwwNsjz1dH89zxa319u/7x5fx5bHa3HVvO/dX8ZEe1P786sMR6CLRPoLTlh7n18+cxTBlfjh2XEdLRxSuLx9XJmzG8CO+5vY29ovXcx3/xmvjxagr03ARdGoK/AOm4bc+8R7KN1YOdV+fHqdpz9Mu7vyrhpzPPnYxTj37UZbaOgv299jGdsyPcn+NXYcz0UaLZq7EnMG5yvl1jv3+DRyHGM53//wTjOc+fOnYPNg+1joz3v8ezP47I/znf3J3sjN9GI8tP58sP6+SHQXLobMM/+aIxPYzxG89VxrM37r6/5eXEwX43LD/Pe58Hvfn6CK/bBPHt/x0Yjnx3jT1lGR9/M/41vjUJ23tHyfHk2f0//8qnnikCTFJ1nr6Z3q53xcQU/3r179/Cy3xNgFLKTxkb82Xz917M+ZwSanbGeZ89x2p+f5I+2vOu/mq44xqexnC00Yv3YKKRjjC7GKnm++cP9+/cPp3MSaHbaBc2zV9MOxPhTNkYhj5dRiDNoLs94vhwHef4ePLuo549Ac62cYp69mq5BjE9j2Xj9aTIK2Zb3o4uTDvBdBIHm2htjgHF93T5H5iyWx+CRz5s5t6PlDWFjdPHj+HC4y3h/gkDDDebzZk50tLyB6PAyY3wSgQZOtKOfN3NWR8u5yKurjvFJBBo4l4983kz2w8LWK+Nx/GEXPrVToIELF/ic9dW0HAze1huILoNAA5dqC3Pv1XRNz8wRaCBleUPSiXPv5W3S6//V3g/X/cycvwEMtnF2l7edKgAAAABJRU5ErkJggg==);
        background-size: cover;
        padding: 16.66667vw 5.55556vw 11.11111vw 5.55556vw;
        position: relative
    }

    .S01 .S08 div.part2 h3 {
        font-size: 5.55556vw;
        line-height: 8.33333vw;
        padding-bottom: 2.77778vw
    }

    .S01 .S08 div.part2 h3:last-of-type {
        padding-top: 16.66667vw
    }

    .S01 .S08 div.part2 .s8-title-img-mobile {
        position: absolute;
        top: 12.22222vw;
        left: 41.94444vw
    }

    .S01 .S08 div.part2 .s8-arrow4 {
        position: absolute;
        bottom: -11.11111vw;
        right: 16.66667vw
    }

    .S01 .S08 div.part3 {
        padding: 13.88889vw 5.55556vw;
        padding-bottom: 31.94444vw;
        position: relative
    }

    .S01 .S08 div.part3 h3 {
        font-size: 5.55556vw;
        line-height: 8.33333vw;
        padding-bottom: 2.77778vw
    }

    .S01 .S08 div.part3 h3:nth-of-type(2) {
        padding-top: 11.11111vw
    }

    .S01 .S08 div.part3 h3:nth-of-type(3) {
        padding-top: 16.66667vw
    }

    .S01 .S08 div.part3 p {
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        padding-top: 2.77778vw
    }

    .S01 .S08 ol {
        padding-left: 5.55556vw
    }

    .S01 .S08 ol li {
        list-style: decimal;
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        padding-top: 2.77778vw
    }

    .S01 .S08 div.img-container {
        position: absolute;
        bottom: 7.22222vw
    }

    .S01 .S08 .link-text {
        color: #007bff
    }

    .S01 .S09 {
        padding-bottom: 45.55556vw
    }

    .S01 .S09 h2.title {
        font-size: 6.66667vw;
        line-height: 8.33333vw;
        text-align: center;
        padding-bottom: 11.11111vw
    }

    .S01 .S09 .part1 {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAJACAYAAACg8vwTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA14SURBVHgB7dzbcRvXAYDhpUay5aewA6ODsIMoHbiDJBXEHUTpwOlA6cAl0B1QHcAVhH6yR9ecpXZliKMLRQvkT/L7ZjC7AG8WufjPnrOADyaAO+r169ffPn/+/PDevXtHr169Ojw4ONiMxw7HhzbLbdrZno7bybg9+eqrr/47XYGDCeCWmgP88uXLo7F7OPbn+G7G/tn96ffwXsaTBw8ePB5B/3naI4EGbqz5bHecAX+7ngGPh47mx0Y45whvpj0aP2c7zqQf7TPStzrQy1TlT/MUZvwSz27Tm5HzU07H187Tmen+/fvbsfllfO3pBFy53QifOwuetxd5Pu/zv22vkb6RgV7De37qsoycm+mPT1/eZw70dv6DjANlO37O8Rix5z/O0+kWmaeE83Yd1C7yNcsgNu17usftti5HjOfVZvo9wOsta5+RPhhPxH+Nb3xSi0151HyP4znY83asS/00Bb1vLW6PA9p2ejOgnQ1q42fMt5N5VjJi/tRs5O4697w+Wk62Hk3xCH/KviJ98OzZs9fnHjtZzxLn7frE2le8z//B5tHzKtaP9mX5nR1fxQWED/z8sxAvB/9mah78Z1fDl2Nrvip+UpyJrDO1Fy9ebJaBbFp+p7PD5ePTMtCdP2nYfOLbrwPY+2zXnWUwO925v37s7TLcvB3H27yfWopbjsVHt+F5fRH7iPT7Av0xZ2dE0+9nRmcHz3LQvD1gZuu0d9f6cpa78geb3pxZP97nWfX4nf5lifF8YDyaerOLi1pfwvTjuB1fRbA/MEvbvd1k23Pbt/tr5NftHJb1Ey67XLUb4/lYnJoz3b1bTtC++1LH7+cGmsuZz6j//iVG1iUqf7sFQf6odSYybk++1AA3jvU/T29mFEfTLZhWX6GPne3PNhPvGCeg3z98+PA/0x8k0FdoROfx119//e/pM61RHrvfTW/CcqdcdtnorgxmZP3h10oL9BUbsfhxTH/+cZG1wnn5Ymy+G1/z90lcVp9cNlqWfR5Pd3Awo2U5uXh82XceCvT1OBmB+euHIi0wF/LOstF8tjyO5X+O+99PBjNiLhtqgb4+84Wwv+4+sEzJ/zV2v5+4qCfjIt+PY83vh8laKHGfG2qBvka7FxKWs+Ynk8jArXfRi+ACfc3GH2cz4jxf/PthAu6i+SXKb9/stvsSPYG+ftvJWTPwrjnYJwINEHVvAiBJoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogQaIEqgAaIEGiBKoAGiBBogSqABogR6AmgSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogCiBBogSaIAogQaIEmiAKIEGiBJogKj70/XaHhwcnL5+/fpkvjP2t2P/52X/27E5HPcPx/5m2T/bTgB3wL4C/Ta883bcn/d/vnfv3unz589PHj58eLo8filztMf32YzvsUb7T+v+EvNpeXwzAdxQB8+ePXt9wc89C+1ylrsGeDse+2V+7MWLF9s/Gt592I35fHv16tW3OzGfz8YPxRwomgP9v+kGhndffv311839+/c3S8wP16WW6U3Ad4NuqQXYq4OJS1tjPu8vZ+TXuW5+utzOzIPr+vj4b3jf49O63n/+8XlQXve/+eabs/0xkB8tM48/L/+2s5vBCvZHoK/Ix9bN189Z1+uXz5+3v+x8bLs+/vLly7fBXQN6neZ/24j624CPh46mN4PT2XbiQ+YZ63yB3O+K8+ZVixOBZq/WgWlcIN4s6/+b6d2A32a7F8vPXqG0Lhu+b2CdZynz72l83l/G3SPRvjPmGB+P7XyMPB0nYMfr8SHQXKsbvnSyXrs5WUL89Eu9Umk1L6M9ePDgaJ2ZLNHeTNxUZ7Om8Xc8HsfKz/Ox8rFZsECTFVg6WV+5NC9DnF1En59UYyawHdHcXteF8/X3sgxqj6Y3A9ptn43cRNtxOx63eQB/Oq5XnXzuMSPQ3Ei7SydLvOdgH13iJZPrGc3pzhulTuZ1/sL6/kXtRnvcnQe1I9G+MqfLNaLj5RVwP32pAVyguZXOL50sr6zZ7r5h6iYF+LLGv/PR/OqiJdbrDGR92Sif5/yM6p314n0QaLijPvEmrs3yOfN2M90db2dUY38O8fxKqmubUQk08ElzzH/77bfDnTdxfegduYdT++LujVrSEmjgi/vQm7im/b8j91ZcU1gJNHCtPvMdudud/y3FJ19bftP9H8yegYd/qkmqAAAAAElFTkSuQmCC);
        background-size: cover;
        padding: 20vw 5.55556vw 11.11111vw 5.55556vw;
        position: relative
    }

    .S01 .S09 .part1 h3 {
        font-size: 5.55556vw;
        line-height: 8.33333vw;
        padding-bottom: 2.77778vw
    }

    .S01 .S09 .part1 h3:last-of-type {
        padding-top: 16.66667vw
    }

    .S01 .S09 .part1 p {
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        padding-top: 2.77778vw
    }

    .S01 .S09 .part1 div.img-container {
        position: absolute;
        bottom: 4.16667vw;
        right: 19.44444vw
    }

    .S01 .S09 div.part2 {
        padding: 5.55556vw 5.55556vw 0vw 5.55556vw
    }

    .S01 .S09 div.part2 h3 {
        font-size: 5.55556vw;
        line-height: 8.33333vw;
        padding-bottom: 2.77778vw
    }

    .S01 .S09 div.part2 p {
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        padding-top: 16.66667vw
    }

    .S01 .S09 div.part2 div.btn {
        padding-top: 11.11111vw
    }

    .S01 .S09 ol {
        padding-left: 5.55556vw
    }

    .S01 .S09 ol li {
        list-style: decimal;
        font-size: 4.44444vw;
        line-height: 7.22222vw;
        padding-top: 2.77778vw
    }

    .S01 .S09 .s9-bottom-img {
        position: absolute;
        bottom: 6.66667vw
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden
    }

    .mobile-version {
        display: block !important
    }

    .pc-version {
        display: none !important
    }

    .pad-version {
        display: none !important
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    .row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 2.77778vh;
        padding-left: 1.38889vh;
        padding-right: 1.38889vh;
        float: left
    }

    .row {
        margin-right: -1.38889vh;
        margin-left: -1.38889vh;
        box-sizing: border-box
    }

    .row:after {
        display: table;
        content: ' ';
        clear: both
    }

    .row:before {
        display: table;
        content: ' '
    }

    .row .col-12 {
        width: 100%
    }

    .row .col-11 {
        width: 91.66666667%
    }

    .row .col-10 {
        width: 83.33333333%
    }

    .row .col-9 {
        width: 75%
    }

    .row .col-8 {
        width: 66.66666667%
    }

    .row .col-7 {
        width: 58.33333333%
    }

    .row .col-6 {
        width: 50%
    }

    .row .col-5 {
        width: 41.66666667%
    }

    .row .col-4 {
        width: 33.33333333%
    }

    .row .col-3 {
        width: 25%
    }

    .row .col-2 {
        width: 16.66666667%
    }

    .row .col-1 {
        width: 8.33333333%
    }

    body img {
        max-width: 100%
    }

    body .pc-version {
        display: block
    }

    body .pad-version {
        display: none !important
    }

    body .mobile-version {
        display: none !important
    }

    body .text-overflow {
        white-space: normal;
        text-overflow: ellipsis;
        overflow: hidden
    }

    body .text-center {
        text-align: center
    }

    body .text-right {
        text-align: right
    }

    body .m-0 {
        margin: 0 !important
    }

    body .m-t-0 {
        margin-top: 0 !important
    }

    body .m-r-0 {
        margin-right: 0 !important
    }

    body .m-b-0 {
        margin-bottom: 0 !important
    }

    body .m-l-0 {
        margin-left: 0 !important
    }

    body .m-10 {
        margin: 0.1rem !important
    }

    body .m-t-10 {
        margin-top: 0.1rem !important
    }

    body .m-r-10 {
        margin-right: 0.1rem !important
    }

    body .m-b-10 {
        margin-bottom: 0.1rem !important
    }

    body .m-l-10 {
        margin-left: 0.1rem !important
    }

    body .m-20 {
        margin: 0.2rem !important
    }

    body .m-t-20 {
        margin-top: 0.2rem !important
    }

    body .m-r-20 {
        margin-right: 0.2rem !important
    }

    body .m-b-20 {
        margin-bottom: 0.2rem !important
    }

    body .m-l-20 {
        margin-left: 0.2rem !important
    }

    body .p-0 {
        padding: 0 !important
    }

    body .p-t-0 {
        padding-top: 0 !important
    }

    body .p-r-0 {
        padding-right: 0 !important
    }

    body .p-b-0 {
        padding-bottom: 0 !important
    }

    body .p-l-0 {
        padding-left: 0 !important
    }

    body .p-10 {
        padding: 0.1rem !important
    }

    body .p-t-10 {
        padding-top: 0.1rem !important
    }

    body .p-r-10 {
        padding-right: 0.1rem !important
    }

    body .p-b-10 {
        padding-bottom: 0.1rem !important
    }

    body .p-l-10 {
        padding-left: 0.1rem !important
    }

    body .p-20 {
        padding: 0.2rem !important
    }

    body .p-t-20 {
        padding-top: 0.2rem !important
    }

    body .p-r-20 {
        padding-right: 0.2rem !important
    }

    body .p-b-20 {
        padding-bottom: 0.2rem !important
    }

    body .p-l-20 {
        padding-left: 0.2rem !important
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    .row>[class^='col-'] {
        box-sizing: border-box;
        display: block;
        position: relative;
        min-height: 1.5625vw;
        padding-left: .78125vw;
        padding-right: .78125vw;
        float: left
    }

    .row {
        margin-right: -.78125vw;
        margin-left: -.78125vw;
        box-sizing: border-box
    }

    .row:after {
        display: table;
        content: ' ';
        clear: both
    }

    .row:before {
        display: table;
        content: ' '
    }

    .row .col-12 {
        width: 100%
    }

    .row .col-11 {
        width: 91.66666667%
    }

    .row .col-10 {
        width: 83.33333333%
    }

    .row .col-9 {
        width: 75%
    }

    .row .col-8 {
        width: 66.66666667%
    }

    .row .col-7 {
        width: 58.33333333%
    }

    .row .col-6 {
        width: 50%
    }

    .row .col-5 {
        width: 41.66666667%
    }

    .row .col-4 {
        width: 33.33333333%
    }

    .row .col-3 {
        width: 25%
    }

    .row .col-2 {
        width: 16.66666667%
    }

    .row .col-1 {
        width: 8.33333333%
    }

    body img {
        max-width: 100%
    }

    body .pc-version {
        display: block
    }

    body .pad-version {
        display: none !important
    }

    body .mobile-version {
        display: none !important
    }

    body .text-overflow {
        white-space: normal;
        text-overflow: ellipsis;
        overflow: hidden
    }

    body .text-center {
        text-align: center
    }

    body .text-right {
        text-align: right
    }

    body .m-0 {
        margin: 0 !important
    }

    body .m-t-0 {
        margin-top: 0 !important
    }

    body .m-r-0 {
        margin-right: 0 !important
    }

    body .m-b-0 {
        margin-bottom: 0 !important
    }

    body .m-l-0 {
        margin-left: 0 !important
    }

    body .m-10 {
        margin: 0.1rem !important
    }

    body .m-t-10 {
        margin-top: 0.1rem !important
    }

    body .m-r-10 {
        margin-right: 0.1rem !important
    }

    body .m-b-10 {
        margin-bottom: 0.1rem !important
    }

    body .m-l-10 {
        margin-left: 0.1rem !important
    }

    body .m-20 {
        margin: 0.2rem !important
    }

    body .m-t-20 {
        margin-top: 0.2rem !important
    }

    body .m-r-20 {
        margin-right: 0.2rem !important
    }

    body .m-b-20 {
        margin-bottom: 0.2rem !important
    }

    body .m-l-20 {
        margin-left: 0.2rem !important
    }

    body .p-0 {
        padding: 0 !important
    }

    body .p-t-0 {
        padding-top: 0 !important
    }

    body .p-r-0 {
        padding-right: 0 !important
    }

    body .p-b-0 {
        padding-bottom: 0 !important
    }

    body .p-l-0 {
        padding-left: 0 !important
    }

    body .p-10 {
        padding: 0.1rem !important
    }

    body .p-t-10 {
        padding-top: 0.1rem !important
    }

    body .p-r-10 {
        padding-right: 0.1rem !important
    }

    body .p-b-10 {
        padding-bottom: 0.1rem !important
    }

    body .p-l-10 {
        padding-left: 0.1rem !important
    }

    body .p-20 {
        padding: 0.2rem !important
    }

    body .p-t-20 {
        padding-top: 0.2rem !important
    }

    body .p-r-20 {
        padding-right: 0.2rem !important
    }

    body .p-b-20 {
        padding-bottom: 0.2rem !important
    }

    body .p-l-20 {
        padding-left: 0.2rem !important
    }
}

@media (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
    .S01 {
        font-family: 'OPPOSans-Ver2-Regular';
        font-variation-settings: 'wght'550
    }

    .S01 .mobile-version {
        display: none
    }

    .S01 .vote-btn {
        cursor: pointer
    }

    .S01 div.menu-container {
        width: 100%;
        background-color: #fff;
        z-index: 999;
        position: fixed;
        border-top: .05208vw solid #ebebeb
    }

    .S01 div.menu-bar {
        max-width: 68.33333vw;
        margin: 0 auto;
        padding: .9375vw 0;
        position: relative;
        text-align: center
    }

    .S01 div.menu-bar ul.tab-list {
        overflow: hidden;
        text-align: center;
        display: inline-block;
        width: auto
    }

    .S01 div.menu-bar ul.tab-list li.tab-item {
        list-style: none;
        display: inline-block;
        text-align: center;
        height: 100%;
        vertical-align: middle;
        color: #707070
    }

    .S01 div.menu-bar ul.tab-list li.tab-item:not(:last-child) {
        padding-right: 1.04167vw
    }

    .S01 div.menu-bar ul.tab-list li.tab-item:hover {
        cursor: pointer
    }

    .S01 div.menu-bar ul.tab-list li.active {
        color: #000
    }

    .S01 div.menu-bar .menu-btn {
        position: absolute;
        right: 0;
        top: .72917vw;
        padding: .3125vw .83333vw;
        background-color: #000;
        color: #fff;
        border: none;
        font-size: .625vw;
        text-align: center;
        line-height: 170%
    }

    .S01 div.fixed {
        position: fixed;
        top: 0;
        border: none
    }

    .S01 div.banner {
        background-image: url(../jpg/banner-monster.jpg);
        background-size: cover;
        height: 38.80208vw
    }

    .S01 div.tabs-content {
        display: none
    }

    .S01 div.tabs-content .S02 {
        padding: 6.25vw 0
    }

    .S01 div.tabs-content .S02 p {
        font-size: 1.04167vw;
        line-height: 1.5625vw;
        text-align: center;
        max-width: 41.66667vw;
        margin: 0 auto
    }

    .S01 div.tabs-content .S02 p.des {
        color: #7d7d7d
    }

    .S01 div.tabs-content .S02 p.des:first-child {
        padding-bottom: 1.04167vw
    }

    .S01 div.tabs-content .S02 p.colored {
        padding-top: 1.04167vw;
        background: -webkit-linear-gradient(top, #a257ed 0%, #4c3dff 100%);
        background: linear-gradient(180deg, #a257ed 0%, #4c3dff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 div.tabs-content .S02 div.btn {
        padding-top: 5.20833vw;
        text-align: center
    }

    .S01 div.tabs-content .S03 {
        background-image: url(../png/s3-bg.png);
        background-size: cover;
        padding: 6.25vw 0
    }

    .S01 div.tabs-content .S03 .title {
        font-size: 3.33333vw;
        line-height: 3.54167vw;
        text-align: center;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 div.tabs-content .S03 div.content {
        max-width: 76.45833vw;
        margin: 0 auto;
        padding-top: 4.16667vw;
        padding-bottom: 4.16667vw
    }

    .S01 div.tabs-content .S04 {
        padding: 6.25vw 0;
        position: relative;
        max-width: 67.70833vw;
        padding-bottom: 10.41667vw;
        margin: 0 auto
    }

    .S01 div.tabs-content .S04 .title {
        font-size: 3.33333vw;
        line-height: 3.54167vw;
        text-align: center;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 div.tabs-content .S04 div.content {
        margin-top: 8.54167vw;
        background-image: url(../png/s4-bg.png);
        background-size: cover;
        padding-left: 10.15625vw;
        height: 17.1875vw
    }

    .S01 div.tabs-content .S04 div.content h3 {
        font-size: 1.45833vw;
        line-height: 2.60417vw;
        padding-top: 4.53125vw
    }

    .S01 div.tabs-content .S04 div.content p:not(.note) {
        font-size: 1.04167vw;
        line-height: 2.60417vw
    }

    .S01 div.tabs-content .S04 div.content p.note {
        font-size: .72917vw;
        line-height: 1.5625vw;
        color: #9c9c9c;
        padding-top: 1.45833vw;
        padding-bottom: 4.6875vw
    }

    .S01 div.tabs-content .S04 div.content .s4-img {
        position: absolute;
        top: 14.0625vw;
        right: 9.11458vw;
        width: 15.46875vw
    }

    .S01 div.tabs-content .S04 div.award {
        padding-top: 9.11458vw
    }

    .S01 div.tabs-content .S04 div.award .row img {
        max-width: 19.01042vw
    }

    .S01 div.tabs-content .S04 div.award .row h3.title {
        font-size: 1.45833vw;
        line-height: 2.60417vw;
        text-align: left;
        padding-bottom: 1.04167vw;
        padding-top: 3.125vw;
        padding-left: 2.08333vw
    }

    .S01 div.tabs-content .S04 div.award .row ul {
        padding-left: 2.08333vw
    }

    .S01 div.tabs-content .S04 div.award .row ul li {
        font-size: .9375vw;
        line-height: 1.5625vw;
        list-style: inside
    }

    .S01 div.tabs-content .S04 div.award .row p.note {
        padding-left: 2.08333vw;
        padding-top: .52083vw;
        font-size: .72917vw;
        line-height: 1.25vw;
        color: #9c9c9c;
        max-width: 11.82292vw
    }

    .S01 div.tabs-content .S05 {
        background-image: url(../png/s5-bg.png);
        background-size: cover;
        padding-top: 6.25vw;
        padding-bottom: 17.70833vw;
        position: relative
    }

    .S01 div.tabs-content .S05 .title {
        font-size: 3.33333vw;
        line-height: 3.54167vw;
        text-align: center;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 div.tabs-content .S05 div.content {
        max-width: 67.70833vw;
        margin: 0 auto;
        padding-top: 5.20833vw
    }

    .S01 div.tabs-content .S05 div.content div.row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .S01 div.tabs-content .S05 div.content div.row div.col-4 .judge-container h3.title {
        padding-top: 1.45833vw;
        font-size: 1.25vw;
        line-height: 1.5625vw;
        text-align: center
    }

    .S01 div.tabs-content .S05 div.content div.row div.col-4 .judge-container p.des {
        padding-top: .52083vw;
        font-size: .9375vw;
        line-height: 1.25vw
    }

    .S01 div.tabs-content .S05 div.content div.row div.col-4 .judge-container:last-of-type {
        padding-top: 5.98958vw
    }

    .S01 div.tabs-content .S05 div.content div.row div.col-4 .judge-container img {
        max-width: 17.70833vw
    }

    .S01 div.tabs-content .S05 div.content div.row div.col-4:nth-of-type(2) {
        margin-top: 7.8125vw
    }

    .S01 div.tabs-content .S05 div.content div.row div.col-4:nth-of-type(2) .judge-container:last-of-type {
        padding-top: 5.20833vw
    }

    .S01 div.tabs-content .S05 .bottom-img {
        position: absolute;
        bottom: 0
    }

    .S01 div.tabs-content .S06 {
        padding: 6.25vw 0;
        max-width: 67.70833vw;
        margin: 0 auto
    }

    .S01 div.tabs-content .S06 h2.title {
        font-size: 3.33333vw;
        line-height: 3.54167vw;
        text-align: center;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 div.tabs-content .S06 p.des {
        padding-top: 2.08333vw;
        font-size: .9375vw;
        line-height: 1.5625vw;
        text-align: center;
        max-width: 33.33333vw;
        margin: 0 auto
    }

    .S01 div.tabs-content .S06 div.row {
        margin-top: 5.20833vw;
        position: relative
    }

    .S01 div.tabs-content .S06 div.row div.col-6 {
        height: 36.97917vw;
        max-width: 33.64583vw;
        padding: 0
    }

    .S01 div.tabs-content .S06 div.row div.col-6:first-of-type {
        margin-right: 1.04167vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-left {
        background-image: url(../png/s6-left-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%
    }

    .S01 div.tabs-content .S06 div.row div.content-container-left div.content-inside {
        padding-top: 4.16667vw;
        margin-left: 4.16667vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-left div.content-inside h3.title-inside {
        font-size: 1.66667vw;
        line-height: 2.60417vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-left div.content-inside p.des-inside {
        padding-top: .52083vw;
        padding-bottom: 2.39583vw;
        font-size: .9375vw;
        line-height: 1.5625vw;
        max-width: 18.48958vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-left div.content-inside img {
        width: 25.46875vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-right {
        background-image: url(../png/s6-left-bg.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 100%
    }

    .S01 div.tabs-content .S06 div.row div.content-container-right div.content-inside {
        padding-left: 6.51042vw;
        padding-bottom: 5.625vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-right div.content-inside p {
        font-size: .9375vw;
        line-height: 1.5625vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-right div.content-inside p.des-inside {
        padding-top: 7.55208vw;
        max-width: 20.10417vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-right div.content-inside p.note-inside {
        padding-top: 1.04167vw;
        color: #9c9c9c;
        max-width: 20.83333vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-right div.content-inside img {
        padding-top: .52083vw;
        width: 19.58333vw
    }

    .S01 div.tabs-content .S06 div.row .arrow-img {
        position: absolute;
        top: 25%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .S01 div.tabs-content .S06 div.content-bottom {
        background-image: url(../png/s6-bottom-bg1.png);
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: 1.5625vw;
        padding-top: 1.04167vw;
        height: 42.13542vw;
        max-width: 68.33333vw
    }
    #S06 > div.content-bottom.content-bottom2.pc-version > div > div.content-inside-left{
        width: 46%;
    }
    .S01 div.tabs-content .S06 div.content-bottom div.content-inside {
        padding-top: 4.6875vw;
        padding-left: 4.16667vw
    }

    .S01 div.tabs-content .S06 div.content-bottom div.content-inside h3.title-inside {
        font-size: 1.66667vw;
        line-height: 2.60417vw
    }

    .S01 div.tabs-content .S06 div.content-bottom div.content-inside p.des-inside {
        padding-top: .52083vw;
        font-size: .9375vw;
        line-height: 1.5625vw
    }

    .S01 div.tabs-content .S06 div.content-bottom div.content-inside p.note-inside {
        padding-top: .52083vw;
        color: #9c9c9c
    }

    .S01 div.tabs-content .S06 div.content-bottom div.content-inside div.img-container {
        text-align: center;
        max-width: 50.52083vw;
        margin: 0 auto;
        margin-top: -.26042vw
    }

    .S01 div.tabs-content .S07 {
        background-image: url(../jpg/tab2-bg.jpg);
        background-size: cover;
        padding: 7.29167vw 0;
        position: relative
    }

    .S01 div.tabs-content .S07 h2.title {
        font-size: 3.33333vw;
        line-height: 3.54167vw;
        text-align: center;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 div.tabs-content .S07 div.content {
        padding-top: 5.20833vw;
        max-width: 67.70833vw;
        margin: 0 auto
    }

    .S01 div.tabs-content .S07 div.content h3 {
        font-size: 1.25vw;
        line-height: 2.08333vw;
        padding-bottom: .52083vw
    }

    .S01 div.tabs-content .S07 div.content h3:not(:first-child) {
        padding-top: 2.60417vw
    }

    .S01 div.tabs-content .S07 div.content p.list {
        font-size: .9375vw;
        line-height: 1.66667vw
    }

    .S01 div.tabs-content .S07 div.content ul li {
        list-style: inside;
        font-size: .9375vw;
        line-height: 1.66667vw
    }

    .S01 div.tabs-content .S07 div.content ul li:not(:first-child) {
        padding-top: .52083vw
    }

    .S01 div.tabs-content .S07 div.content ul li p {
        color: #9c9c9c
    }

    .S01 div.tabs-content .S07 div.content div.btn {
        padding-top: 4.16667vw;
        padding-bottom: 1.5625vw
    }

    .S01 div.tabs-content .S07 .s7-img {
        position: absolute;
        bottom: 1.04167vw;
        max-width: 19.01042vw;
        right: 20.36458vw
    }

    .S01 div.tabs-content .S08 {
        padding-top: 5.20833vw;
        padding-bottom: 8.85417vw;
        max-width: 67.70833vw;
        margin: 0 auto
    }

    .S01 div.tabs-content .S08 div.content h3 {
        font-size: 1.25vw;
        line-height: 2.08333vw;
        padding-bottom: .52083vw
    }

    .S01 div.tabs-content .S08 div.content h3:not(:first-child) {
        padding-top: 2.60417vw
    }

    .S01 div.tabs-content .S08 div.content p.list {
        font-size: .9375vw;
        line-height: 1.66667vw
    }

    .S01 div.tabs-content .S08 div.content p.list:last-of-type {
        padding-bottom: 1.5625vw
    }

    .S01 div.tabs-content .S08 .s8-img {
        position: absolute;
        bottom: 0;
        left: 0
    }

    .S01 div.tabs-content .S08 .link-text {
        color: #007bff
    }

    .S01 div.tabs-content .S09 {
        background-image: url(../jpg/tab2-bg.jpg);
        background-size: cover;
        padding: 7.29167vw 0;
        padding-bottom: 10.41667vw
    }

    .S01 div.tabs-content .S09 h2.title {
        font-size: 3.33333vw;
        line-height: 3.54167vw;
        text-align: center;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 div.tabs-content .S09 div.content {
        padding-top: 5.20833vw;
        max-width: 67.70833vw;
        margin: 0 auto
    }

    .S01 div.tabs-content .S09 div.content h3 {
        font-size: 1.25vw;
        line-height: 2.08333vw;
        padding-bottom: .52083vw
    }

    .S01 div.tabs-content .S09 div.content h3:not(:first-child) {
        padding-top: 2.60417vw
    }

    .S01 div.tabs-content .S09 div.content p.list {
        font-size: .9375vw;
        line-height: 1.66667vw
    }

    .S01 div.tabs-content .S09 div.content p.des {
        font-size: .9375vw;
        line-height: 1.66667vw;
        padding-top: 4.16667vw
    }

    .S01 div.tabs-content .S09 .btn {
        padding-top: 4.16667vw
    }

    .S01 div.tabs-content .S09 .jump {
        color: #007bff
    }

    .S01 div.tabs-content .s9-img {
        position: absolute;
        bottom: 0;
        left: 0
    }

    .S01 div.active {
        display: block
    }

    .S01 img {
        max-width: 100%
    }
}

@media (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
    .S01 {
        font-family: 'OPPOSans-Ver2-Regular';
        font-variation-settings: 'wght'550
    }

    .S01 .mobile-version {
        display: none
    }

    .S01 .vote-btn {
        cursor: pointer
    }

    .S01 div.menu-container {
        width: 100%;
        background-color: #fff;
        z-index: 999;
        position: fixed;
        border-top: .05208vw solid #ebebeb
    }

    .S01 div.menu-bar {
        max-width: 68.33333vw;
        margin: 0 auto;
        padding: .9375vw 0;
        position: relative;
        text-align: center
    }

    .S01 div.menu-bar ul.tab-list {
        overflow: hidden;
        text-align: center;
        display: inline-block;
        width: auto
    }

    .S01 div.menu-bar ul.tab-list li.tab-item {
        list-style: none;
        display: inline-block;
        text-align: center;
        height: 100%;
        vertical-align: middle;
        color: #707070
    }

    .S01 div.menu-bar ul.tab-list li.tab-item:not(:last-child) {
        padding-right: 1.04167vw
    }

    .S01 div.menu-bar ul.tab-list li.tab-item:hover {
        cursor: pointer
    }

    .S01 div.menu-bar ul.tab-list li.active {
        color: #000
    }

    .S01 div.menu-bar .menu-btn {
        position: absolute;
        right: 0;
        top: .72917vw;
        padding: .3125vw .83333vw;
        background-color: #000;
        color: #fff;
        border: none;
        font-size: .625vw;
        text-align: center;
        line-height: 170%
    }

    .S01 div.fixed {
        position: fixed;
        top: 0;
        border: none
    }

    .S01 div.banner {
        background-image: url(../jpg/banner-monster.jpg);
        background-size: cover;
        height: 38.80208vw
    }

    .S01 div.tabs-content {
        display: none
    }

    .S01 div.tabs-content .S02 {
        padding: 6.25vw 0
    }

    .S01 div.tabs-content .S02 p {
        font-size: 1.04167vw;
        line-height: 1.5625vw;
        text-align: center;
        max-width: 41.66667vw;
        margin: 0 auto
    }

    .S01 div.tabs-content .S02 p.des {
        color: #7d7d7d
    }

    .S01 div.tabs-content .S02 p.des:first-child {
        padding-bottom: 1.04167vw
    }

    .S01 div.tabs-content .S02 p.colored {
        padding-top: 1.04167vw;
        background: -webkit-linear-gradient(top, #a257ed 0%, #4c3dff 100%);
        background: linear-gradient(180deg, #a257ed 0%, #4c3dff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 div.tabs-content .S02 div.btn {
        padding-top: 5.20833vw;
        text-align: center
    }

    .S01 div.tabs-content .S03 {
        background-image: url(../png/s3-bg.png);
        background-size: cover;
        padding: 6.25vw 0
    }

    .S01 div.tabs-content .S03 .title {
        font-size: 3.33333vw;
        line-height: 3.54167vw;
        text-align: center;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 div.tabs-content .S03 div.content {
        max-width: 76.45833vw;
        margin: 0 auto;
        padding-top: 4.16667vw;
        padding-bottom: 4.16667vw
    }

    .S01 div.tabs-content .S04 {
        padding: 6.25vw 0;
        position: relative;
        max-width: 67.70833vw;
        padding-bottom: 10.41667vw;
        margin: 0 auto
    }

    .S01 div.tabs-content .S04 .title {
        font-size: 3.33333vw;
        line-height: 3.54167vw;
        text-align: center;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 div.tabs-content .S04 div.content {
        margin-top: 8.54167vw;
        background-image: url(../png/s4-bg.png);
        background-size: cover;
        padding-left: 10.15625vw;
        height: 17.1875vw
    }

    .S01 div.tabs-content .S04 div.content h3 {
        font-size: 1.45833vw;
        line-height: 2.60417vw;
        padding-top: 4.53125vw
    }

    .S01 div.tabs-content .S04 div.content p:not(.note) {
        font-size: 1.04167vw;
        line-height: 2.60417vw
    }

    .S01 div.tabs-content .S04 div.content p.note {
        font-size: .72917vw;
        line-height: 1.5625vw;
        color: #9c9c9c;
        padding-top: 1.45833vw;
        padding-bottom: 4.6875vw
    }

    .S01 div.tabs-content .S04 div.content .s4-img {
        position: absolute;
        top: 14.0625vw;
        right: 9.11458vw;
        width: 15.46875vw
    }

    .S01 div.tabs-content .S04 div.award {
        padding-top: 9.11458vw
    }

    .S01 div.tabs-content .S04 div.award .row img {
        max-width: 19.01042vw
    }

    .S01 div.tabs-content .S04 div.award .row h3.title {
        font-size: 1.45833vw;
        line-height: 2.60417vw;
        text-align: left;
        padding-bottom: 1.04167vw;
        padding-top: 3.125vw;
        padding-left: 2.08333vw
    }

    .S01 div.tabs-content .S04 div.award .row ul {
        padding-left: 2.08333vw
    }

    .S01 div.tabs-content .S04 div.award .row ul li {
        font-size: .9375vw;
        line-height: 1.5625vw;
        list-style: inside
    }

    .S01 div.tabs-content .S04 div.award .row p.note {
        padding-left: 2.08333vw;
        padding-top: .52083vw;
        font-size: .72917vw;
        line-height: 1.25vw;
        color: #9c9c9c;
        max-width: 11.82292vw
    }

    .S01 div.tabs-content .S05 {
        background-image: url(../png/s5-bg.png);
        background-size: cover;
        padding-top: 6.25vw;
        padding-bottom: 17.70833vw;
        position: relative
    }

    .S01 div.tabs-content .S05 .title {
        font-size: 3.33333vw;
        line-height: 3.54167vw;
        text-align: center;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 div.tabs-content .S05 div.content {
        max-width: 67.70833vw;
        margin: 0 auto;
        padding-top: 5.20833vw
    }

    .S01 div.tabs-content .S05 div.content div.row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .S01 div.tabs-content .S05 div.content div.row div.col-4 .judge-container h3.title {
        padding-top: 1.45833vw;
        font-size: 1.25vw;
        line-height: 1.5625vw;
        text-align: center
    }

    .S01 div.tabs-content .S05 div.content div.row div.col-4 .judge-container p.des {
        padding-top: .52083vw;
        font-size: .9375vw;
        line-height: 1.25vw
    }

    .S01 div.tabs-content .S05 div.content div.row div.col-4 .judge-container:last-of-type {
        padding-top: 5.98958vw
    }

    .S01 div.tabs-content .S05 div.content div.row div.col-4 .judge-container img {
        max-width: 17.70833vw
    }

    .S01 div.tabs-content .S05 div.content div.row div.col-4:nth-of-type(2) {
        margin-top: 7.8125vw
    }

    .S01 div.tabs-content .S05 div.content div.row div.col-4:nth-of-type(2) .judge-container:last-of-type {
        padding-top: 5.20833vw
    }

    .S01 div.tabs-content .S05 .bottom-img {
        position: absolute;
        bottom: 0
    }

    .S01 div.tabs-content .S06 {
        padding: 6.25vw 0;
        max-width: 67.70833vw;
        margin: 0 auto
    }

    .S01 div.tabs-content .S06 h2.title {
        font-size: 3.33333vw;
        line-height: 3.54167vw;
        text-align: center;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 div.tabs-content .S06 p.des {
        padding-top: 2.08333vw;
        font-size: .9375vw;
        line-height: 1.5625vw;
        text-align: center;
        max-width: 33.33333vw;
        margin: 0 auto
    }

    .S01 div.tabs-content .S06 div.row {
        margin-top: 5.20833vw;
        position: relative
    }

    .S01 div.tabs-content .S06 div.row div.col-6 {
        height: 36.97917vw;
        max-width: 33.64583vw;
        padding: 0
    }

    .S01 div.tabs-content .S06 div.row div.col-6:first-of-type {
        margin-right: 1.04167vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-left {
        background-image: url(../png/s6-left-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%
    }

    .S01 div.tabs-content .S06 div.row div.content-container-left div.content-inside {
        padding-top: 4.16667vw;
        margin-left: 4.16667vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-left div.content-inside h3.title-inside {
        font-size: 1.66667vw;
        line-height: 2.60417vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-left div.content-inside p.des-inside {
        padding-top: .52083vw;
        padding-bottom: 2.39583vw;
        font-size: .9375vw;
        line-height: 1.5625vw;
        max-width: 18.48958vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-left div.content-inside img {
        width: 18.46875vw;
 
        margin-left: 3vw;
        margin-top: 0.15vw;
    }

    .S01 div.tabs-content .S06 div.row div.content-container-right {
        background-image: url(../png/s6-left-bg.png);
        background-size: contain;
        background-repeat: no-repeat;
        height: 100%
    }

    .S01 div.tabs-content .S06 div.row div.content-container-right div.content-inside {
        padding-left: 6.51042vw;
        padding-bottom: 5.625vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-right div.content-inside p {
        font-size: .9375vw;
        line-height: 1.5625vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-right div.content-inside p.des-inside {
        padding-top: 7.55208vw;
        max-width: 20.10417vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-right div.content-inside p.note-inside {
        padding-top: 1.04167vw;
        color: #9c9c9c;
        max-width: 20.83333vw
    }

    .S01 div.tabs-content .S06 div.row div.content-container-right div.content-inside img {
        padding-top: 6.1vw;
             width: 19.58333vw
    }

    .S01 div.tabs-content .S06 div.row .arrow-img {
        position: absolute;
        top: 25%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .S01 div.tabs-content .S06 div.content-bottom {
        background-image: url(../png/s6-bottom-bg1.png);
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: 1.5625vw;
        padding-top: 1.04167vw;
        height: 42.13542vw;
        max-width: 68.33333vw
    }
    .S01 div.tabs-content .S06 div.content-bottom2 {
        background-image: url(../png/s6-bottom-bg.png);
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: 1.5625vw;
        padding-top: 1.04167vw;
        height: 24.13542vw;
        max-width: 68.33333vw
    }

    .S01 div.tabs-content .S06 div.content-bottom div.content-inside {
        padding-top: 4.6875vw;
        padding-left: 4.16667vw
    }

    .S01 div.tabs-content .S06 div.content-bottom div.content-inside h3.title-inside {
        font-size: 1.66667vw;
        line-height: 2.60417vw
    }

    .S01 div.tabs-content .S06 div.content-bottom div.content-inside p.des-inside {
        padding-top: .52083vw;
        font-size: .9375vw;
        line-height: 1.5625vw
    }

    .S01 div.tabs-content .S06 div.content-bottom div.content-inside p.note-inside {
        padding-top: .52083vw;
        color: #9c9c9c
    }

    .S01 div.tabs-content .S06 div.content-bottom div.content-inside div.img-container {
        text-align: center;
        max-width: 50.52083vw;
        margin: 0 auto;
        margin-top: -.26042vw
    }

    .S01 div.tabs-content .S07 {
        background-image: url(../jpg/tab2-bg.jpg);
        background-size: cover;
        padding: 7.29167vw 0;
        position: relative
    }

    .S01 div.tabs-content .S07 h2.title {
        font-size: 3.33333vw;
        line-height: 3.54167vw;
        text-align: center;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 div.tabs-content .S07 div.content {
        padding-top: 5.20833vw;
        max-width: 67.70833vw;
        margin: 0 auto
    }

    .S01 div.tabs-content .S07 div.content h3 {
        font-size: 1.25vw;
        line-height: 2.08333vw;
        padding-bottom: .52083vw
    }

    .S01 div.tabs-content .S07 div.content h3:not(:first-child) {
        padding-top: 2.60417vw
    }

    .S01 div.tabs-content .S07 div.content p.list {
        font-size: .9375vw;
        line-height: 1.66667vw
    }

    .S01 div.tabs-content .S07 div.content ul li {
        list-style: inside;
        font-size: .9375vw;
        line-height: 1.66667vw
    }

    .S01 div.tabs-content .S07 div.content ul li:not(:first-child) {
        padding-top: .52083vw
    }

    .S01 div.tabs-content .S07 div.content ul li p {
        color: #9c9c9c
    }

    .S01 div.tabs-content .S07 div.content div.btn {
        padding-top: 4.16667vw;
        padding-bottom: 1.5625vw
    }

    .S01 div.tabs-content .S07 .s7-img {
        position: absolute;
        bottom: 1.04167vw;
        max-width: 19.01042vw;
        right: 20.36458vw
    }

    .S01 div.tabs-content .S08 {
        padding-top: 5.20833vw;
        padding-bottom: 8.85417vw;
        max-width: 67.70833vw;
        margin: 0 auto
    }

    .S01 div.tabs-content .S08 div.content h3 {
        font-size: 1.25vw;
        line-height: 2.08333vw;
        padding-bottom: .52083vw
    }

    .S01 div.tabs-content .S08 div.content h3:not(:first-child) {
        padding-top: 2.60417vw
    }

    .S01 div.tabs-content .S08 div.content p.list {
        font-size: .9375vw;
        line-height: 1.66667vw
    }

    .S01 div.tabs-content .S08 div.content p.list:last-of-type {
        padding-bottom: 1.5625vw
    }

    .S01 div.tabs-content .S08 .s8-img {
        position: absolute;
        bottom: 0;
        left: 0
    }

    .S01 div.tabs-content .S08 .link-text {
        color: #007bff
    }

    .S01 div.tabs-content .S09 {
        background-image: url(../jpg/tab2-bg.jpg);
        background-size: cover;
        padding: 7.29167vw 0;
        padding-bottom: 10.41667vw
    }

    .S01 div.tabs-content .S09 h2.title {
        font-size: 3.33333vw;
        line-height: 3.54167vw;
        text-align: center;
        font-family: 'OPPOSans-Ver2-Medium';
        font-variation-settings: 'wght'750
    }

    .S01 div.tabs-content .S09 div.content {
        padding-top: 5.20833vw;
        max-width: 67.70833vw;
        margin: 0 auto
    }

    .S01 div.tabs-content .S09 div.content h3 {
        font-size: 1.25vw;
        line-height: 2.08333vw;
        padding-bottom: .52083vw
    }

    .S01 div.tabs-content .S09 div.content h3:not(:first-child) {
        padding-top: 2.60417vw
    }

    .S01 div.tabs-content .S09 div.content p.list {
        font-size: .9375vw;
        line-height: 1.66667vw
    }

    .S01 div.tabs-content .S09 div.content p.des {
        font-size: .9375vw;
        line-height: 1.66667vw;
        padding-top: 4.16667vw
    }

    .S01 div.tabs-content .S09 .btn {
        padding-top: 4.16667vw
    }

    .S01 div.tabs-content .S09 .jump {
        color: #007bff
    }

    .S01 div.tabs-content .s9-img {
        position: absolute;
        bottom: 0;
        left: 0
    }

    .S01 div.active {
        display: block
    }

    .S01 img {
        max-width: 100%
    }
}