* {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: none;
    font-size: 10px
}

body {
    background-color: #000;
    font-family: "Pretendard", sans-serif
}

body:lang(zh-hans) {
    font-family: "Times New Roman", sans-serif
}

table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
    font-family: inherit
}

button {
    font-family: inherit;
    font-size: inherit;
    vertical-align: top;
    background: none;
    cursor: pointer
}

a {
    text-decoration: none
}

iframe {
    width: 100%;
    height: 100%
}

input::-webkit-input-placeholder {
    font-size: 20px;
    color: #000
}

input::-moz-placeholder {
    font-size: 20px;
    color: #000;
    opacity: 1
}

input:-moz-placeholder {
    font-size: 20px;
    color: #000
}

input:-ms-input-placeholder {
    font-size: 20px;
    color: #000
}

input::placeholder {
    font-size: 20px;
    color: #000
}

img {
    width: 100%;
    vertical-align: top
}

video {
    display: block;
    width: 100%
}

.hide {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%)
}

.flex,
#FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble .bubble,
#FPBIwrap .sect-visual .slogan {
    display: flex;
    justify-content: center;
    align-items: center
}

.webfont:lang(ko) {
    font-family: "Danjo", "Pretendard", sans-serif;
    font-weight: 500
}

.webfont:lang(en),
.webfont:lang(de),
.webfont:lang(fr) {
    font-family: "LatiniaBlack", "Pretendard", sans-serif;
    font-weight: 500
}

@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url("https://hive-fn.qpyou.cn/markup/img/common/font/Pretendard/Pretendard-Regular.woff2") format("woff2"), url("https://hive-fn.qpyou.cn/markup/img/common/font/Pretendard/Pretendard-Regular.woff") format("woff")
}

@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url("https://hive-fn.qpyou.cn/markup/img/common/font/Pretendard/Pretendard-Medium.woff2") format("woff2"), url("https://hive-fn.qpyou.cn/markup/img/common/font/Pretendard/Pretendard-Medium.woff") format("woff")
}

@font-face {
    font-family: "Danjo";
    font-weight: 500;
    src: url("https://hive-fn.qpyou.cn/markup/img/common/font/Danjo/Danjo-bold-Regular.woff") format("woff")
}

@font-face {
    font-family: "LatiniaBlack";
    font-weight: 500;
    src: url("https://hive-fn.qpyou.cn/markup/img/common/font/Latinia/LatiniaBlack.woff") format("woff")
}

body::after {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    z-index: -1;
    content: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/btn_skip_hover.png") url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/btn_frost_hover.png")
}

.scroll-fixed {
    overflow: hidden;
    height: 100%
}

.btn-sound {
    position: absolute;
    width: 3rem;
    height: 3rem;
    z-index: 1
}

.btn-sound:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 3rem;
    height: 3rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Cpath fill='%23fff' d='M11.571 23h2.286V11h-2.286v12Zm4.572 0h2.286V7h-2.286v16ZM7 23h2.286v-3.2H7V23Zm13.714 0H23v-9.6h-2.286V23Z'/%3E%3C/svg%3E") 0 50% no-repeat;
    background-size: 3rem auto;
    content: ""
}

.btn-sound.off:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Cpath fill='%23fff' fill-opacity='.5' fill-rule='evenodd' d='M11.571 20.728V23h2.286v-4.558l-2.286 2.286Zm4.572-4.572V23h2.286v-9.13l-2.286 2.286Zm2.286-3.7-2.286 2.286V7h2.286v5.456Zm-4.572 4.572-2.286 2.285V11h2.286v6.028Zm-4.571 4.571V19.8H7V23h.885l1.4-1.4ZM23 23h-2.286v-9.6H23V23Z' clip-rule='evenodd'/%3E%3Cpath stroke='%23fff' d='M24.354 6.354 5.969 24.738'/%3E%3C/svg%3E")
}

.btn-sound>span {
    display: none
}

.intro {
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 1;
    transition: opacity 1.2s
}

.intro.off {
    opacity: 0
}

.intro.hide {
    z-index: -1
}

.intro .video {
    position: relative;
    height: 100%
}

.intro .video:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.intro .video-intro {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.intro .video-intro.view-m {
    display: block
}

.intro .btn-sound {
    left: 1.6rem;
    bottom: 4rem
}

.intro .btn-skip {
    position: absolute;
    left: 50%;
    bottom: 16.26%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 12rem;
    padding: 1.6rem 0;
    margin-bottom: -1.6rem;
    color: #fff;
    font-family: "LatiniaBlack", sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
    opacity: .65;
    transform: translateX(-50%)
}

.intro .btn-skip:after {
    display: block;
    width: 1.1rem;
    height: 1.2rem;
    margin-left: .8rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12' fill='none'%3E%3Cpath fill='%23fff' d='M11 6 0 0l3.934 6L0 12l11-6Z'/%3E%3C/svg%3E") 0 0 no-repeat;
    background-size: 100% 100%;
    content: ""
}

.intro.off+#FPBIwrap {
    opacity: 1
}

#FPBIwrap {
    overflow: hidden;
    position: relative;
    background-color: #000;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.1;
    opacity: 0;
    text-align: center
}

#FPBIwrap section {
    position: relative
}

#FPBIwrap .contents {
    position: relative;
    width: 36rem;
    margin: 0 auto;
    padding: 0 1.7rem;
    z-index: 1
}

#FPBIwrap .box-txt {
    position: relative
}

#FPBIwrap .box-txt .tit {
    display: inline-block;
    font-size: 3.4rem;
    text-align: center;
    letter-spacing: .03em
}

#FPBIwrap .box-txt .tit:after {
    display: block;
    width: 100%;
    height: 1.6rem;
    margin: 1.4rem auto 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='301' height='18' fill='none'%3E%3Cpath stroke='url(%23a)' stroke-miterlimit='10' d='M0 1h147.029s4.124 1.696 4.124 10.918c0 5.823-1.375 5.582-1.718 2.911-.344-2.67-.344-2.911-.344-2.911S148.978 1 154.589 1H301'/%3E%3Cpath stroke='url(%23b)' stroke-dasharray='2 2' d='M0 6.5h301'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-4.092' x2='310.428' y1='8.999' y2='8.999' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.193' stop-color='%23fff'/%3E%3Cstop offset='.812' stop-color='%23fff'/%3E%3Cstop offset='.965' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='-4.092' x2='310.428' y1='7.511' y2='7.511' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.193' stop-color='%23fff'/%3E%3Cstop offset='.812' stop-color='%23fff'/%3E%3Cstop offset='.965' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;
    background-size: 100% 100%;
    content: ""
}

#FPBIwrap .box-txt .desc {
    margin-top: 1.4rem;
    color: #b5b5b5;
    line-height: 1.4
}

#FPBIwrap [class^=layer-] {
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6)
}

#FPBIwrap [class^=layer-].on {
    display: flex
}

#FPBIwrap [class^=layer-] .btn-close {
    width: 5rem;
    height: 3.4rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='38' fill='none'%3E%3Cpath stroke='%23fff' stroke-opacity='.2' stroke-width='2' d='m53.78 19.627.503-.627-.504-.627-13.672-17-.3-.373H16.192l-.3.373-13.671 17-.504.627.504.627 13.672 17 .3.373h23.615l.3-.373 13.671-17Z'/%3E%3Cpath fill='%23000' fill-opacity='.7' d='M53 19 39.328 36H16.672L3 19 16.672 2h22.656L53 19Z'/%3E%3Cpath stroke='%23fff' stroke-opacity='.5' d='M39.089 2.5 52.359 19l-13.27 16.5H16.91L3.641 19l13.27-16.5H39.09Z'/%3E%3Cpath stroke='url(%23a)' d='M39.089 2.5 52.359 19l-13.27 16.5H16.91L3.641 19l13.27-16.5H39.09Z'/%3E%3Cpath stroke='url(%23b)' d='M16.911 35.5 3.641 19l13.27-16.5H39.09L52.359 19l-13.27 16.5H16.91Z'/%3E%3Cpath fill='%23fff' d='M33.848 27H38l-7.712-8.389L37.215 11H33L26 18.611 33.848 27Z'/%3E%3Cpath fill='%23fff' d='M22.152 27H18l7.712-8.389L18.785 11H23L30 18.611 22.152 27Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='44.501' x2='18.001' y1='35.998' y2='7.499' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.057' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.748' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='11.499' x2='37.999' y1='2.002' y2='30.501' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.057' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.748' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;
    background-size: 100% 100%
}

#FPBIwrap [class^=swiper-button] {
    width: 4rem;
    height: 4rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M40 0H5.696A6.191 6.191 0 0 1 0 6.649v27.655A6.192 6.192 0 0 1 5.696 40H40V0Z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cpath fill='%23000' fill-opacity='.1' fill-rule='evenodd' d='M40 0H5.696A6.191 6.191 0 0 1 0 6.649v27.655A6.192 6.192 0 0 1 5.696 40H40V0Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-opacity='.5' d='M5.696 0 4.7.076 4.617-1h1.08v1ZM40 0v-1h1v1h-1ZM0 6.649h-1v-.927l.924-.07.076.997Zm0 27.655-.076.997-.924-.07v-.927h1ZM5.696 40v1H4.77l-.07-.924.997-.076ZM40 40h1v1h-1v-1ZM5.696-1H40v2H5.696v-2ZM4.714.476c0-.135-.005-.268-.015-.4l1.994-.152c.014.183.021.367.021.552h-2Zm-4.79 5.176A5.191 5.191 0 0 0 4.714.476h2a7.191 7.191 0 0 1-6.638 7.17l-.152-1.994ZM-1 34.304V6.649h2v27.655h-2Zm5.7 5.772A5.192 5.192 0 0 0-.077 35.3l.152-1.994a7.192 7.192 0 0 1 6.617 6.617l-1.994.152ZM40 41H5.696v-2H40v2Zm1-41v40h-2V0h2Z' mask='url(%23a)'/%3E%3Cg filter='url(%23b)'%3E%3Cmask id='c' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M36.8 3.2H7.985A5.2 5.2 0 0 1 3.2 8.785v23.23A5.201 5.201 0 0 1 7.985 36.8H36.8V3.2Z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cpath fill='%23000' fill-opacity='.2' fill-rule='evenodd' d='M36.8 3.2H7.985A5.2 5.2 0 0 1 3.2 8.785v23.23A5.201 5.201 0 0 1 7.985 36.8H36.8V3.2Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-opacity='.2' d='m7.985 3.2-.997.076L6.906 2.2h1.079v1Zm28.815 0v-1h1v1h-1ZM3.2 8.785h-1v-.927l.924-.07.076.997Zm0 23.23-.076.998-.924-.07v-.928h1ZM7.985 36.8v1h-.927l-.07-.924.997-.076Zm28.815 0h1v1h-1v-1ZM7.985 2.2H36.8v2H7.985v-2ZM7 3.6c0-.109-.004-.217-.012-.324l1.994-.152c.012.158.018.316.018.476H7ZM3.124 7.788A4.2 4.2 0 0 0 7 3.6h2a6.2 6.2 0 0 1-5.724 6.182l-.152-1.994ZM2.2 32.015V8.785h2v23.23h-2Zm4.788 4.861a4.201 4.201 0 0 0-3.864-3.863l.152-1.995a6.201 6.201 0 0 1 5.706 5.706l-1.994.152ZM36.8 37.8H7.985v-2H36.8v2Zm1-34.6v33.6h-2V3.2h2Z' mask='url(%23c)'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M20.679 25.6H25.6l-6.17-5.872 5.542-5.328H20L14.4 19.728 20.68 25.6Z'/%3E%3Cdefs%3E%3Cfilter id='b' width='41.6' height='41.6' x='-.8' y='-.8' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='2'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_318_14786'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_backgroundBlur_318_14786' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;
    background-size: 100% 100%
}

#FPBIwrap [class^=swiper-button]:after {
    content: none
}

#FPBIwrap .swiper-button-next {
    transform: rotate(180deg)
}

#FPBIwrap .swiper-button-disabled {
    opacity: 1
}

#FPBIwrap .header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    background-color: rgba(0, 0, 0, .8);
    backdrop-filter: blur(0.2rem);
    z-index: 20
}

#FPBIwrap .header .contents {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 1.6rem;
    padding: 0 calc(constant(safe-area-inset-left) + 1.6rem);
    padding: 0 calc(env(safe-area-inset-left) + 1.6rem)
}

#FPBIwrap .header .btn-menu {
    display: block;
    width: 3rem;
    height: 3rem;
    margin-left: -0.5rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='13' fill='none'%3E%3Cpath fill='%23fff' d='M0 13v-1.5h20V13H0Zm0-5.75v-1.5h20v1.5H0ZM0 1.5V0h20v1.5H0Z'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 2rem 1.3rem
}

#FPBIwrap .header .list-sns>li {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#FPBIwrap .header .list-sns>li>a {
    display: block;
    height: 100%
}

#FPBIwrap .header .list-sns .sns-x {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23000' fill-opacity='.2' d='M0 0h40v40H0z'/%3E%3Cpath stroke='%23fff' stroke-opacity='.5' d='M.5.5h39v39H.5z'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M22.503 18.346 29.948 9.6h-1.764l-6.465 7.595L16.556 9.6H10.6l7.808 11.484-7.808 9.172h1.765l6.827-8.02 5.453 8.02H30.6l-8.098-11.91Zm-2.417 2.84-.791-1.144-6.295-9.1h2.71l5.08 7.344.791 1.143 6.604 9.546h-2.71l-5.389-7.79ZM0 0h1.6v1.6H0V0ZM0 38.4h1.6V40H0v-1.6ZM38.4 0H40v1.6h-1.6V0ZM38.4 38.4H40V40h-1.6v-1.6Z'/%3E%3Cdefs%3E%3Cfilter id='a' width='60' height='60' x='-10' y='-10' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='5'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_382_21197'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_backgroundBlur_382_21197' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
}

#FPBIwrap .header .list-sns .sns-discord {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23000' fill-opacity='.2' d='M0 0h40v40H0z'/%3E%3Cpath stroke='%23fff' stroke-opacity='.5' d='M.5.5h39v39H.5z'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M27.636 13.396A18.196 18.196 0 0 0 23.097 12c-.214.384-.408.779-.581 1.182-1.67-.251-3.367-.251-5.037 0A12.657 12.657 0 0 0 16.897 12a18.397 18.397 0 0 0-4.542 1.4c-2.872 4.25-3.65 8.394-3.262 12.48a18.28 18.28 0 0 0 5.567 2.794c.45-.606.85-1.25 1.192-1.923a11.811 11.811 0 0 1-1.877-.896c.157-.114.311-.232.46-.346a13.076 13.076 0 0 0 11.13 0c.15.123.304.24.46.346-.599.355-1.228.654-1.88.898.342.673.74 1.315 1.191 1.92a18.193 18.193 0 0 0 5.57-2.792c.457-4.738-.78-8.844-3.27-12.485Zm-11.29 9.97c-1.085 0-1.982-.984-1.982-2.195 0-1.211.865-2.204 1.978-2.204s2.002.993 1.983 2.204c-.02 1.211-.874 2.196-1.98 2.196Zm7.308 0c-1.086 0-1.979-.984-1.979-2.195 0-1.211.865-2.204 1.98-2.204 1.114 0 1.996.993 1.977 2.204-.019 1.211-.872 2.196-1.978 2.196ZM0 0h1.6v1.6H0V0ZM0 38.4h1.6V40H0v-1.6ZM38.4 0H40v1.6h-1.6V0ZM38.4 38.4H40V40h-1.6v-1.6Z'/%3E%3Cdefs%3E%3Cfilter id='a' width='60' height='60' x='-10' y='-10' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='5'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_382_21201'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_backgroundBlur_382_21201' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
}

#FPBIwrap .header .list-sns .sns-forum {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23000' fill-opacity='.2' d='M0 0h50v50H0z'/%3E%3Cpath stroke='%23fff' stroke-opacity='.5' d='M.5.5h49v49H.5z'/%3E%3C/g%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M14 32.126c1.266 1.85 3.25 2.815 5.92 2.815V24.146c-1.702-1.619-4.218-1.619-5.92 0v7.98Zm7.193 3.596c2.304 1.704 5.31 1.704 7.614 0V22.738c-2.304-1.704-5.31-1.704-7.614 0v12.984Zm8.886-.78c2.67 0 4.655-.967 5.921-2.816v-7.98c-1.703-1.619-4.218-1.619-5.92 0v10.795Zm5.455-16.73c0-1.518-1.112-2.749-2.484-2.749-1.372 0-2.483 1.231-2.483 2.75v1.125c0 1.518 1.112 2.749 2.483 2.749 1.372 0 2.484-1.23 2.484-2.749v-1.126Zm-7.696-2.071C27.838 14.406 26.568 13 25 13c-1.567 0-2.838 1.406-2.838 3.14v1.328c0 1.735 1.27 3.141 2.838 3.141 1.567 0 2.838-1.407 2.838-3.141v-1.327Zm-8.394 2.071c0-1.518-1.112-2.749-2.484-2.749-1.371 0-2.483 1.231-2.483 2.75v1.125c0 1.518 1.112 2.749 2.483 2.749 1.372 0 2.484-1.23 2.484-2.749v-1.126Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M0 0h2v2H0V0ZM0 48h2v2H0v-2ZM48 0h2v2h-2V0ZM48 48h2v2h-2v-2Z'/%3E%3Cdefs%3E%3Cfilter id='a' width='70' height='70' x='-10' y='-10' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='5'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1120_1554'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_backgroundBlur_1120_1554' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
}

#FPBIwrap .header .wrap-menu {
    overflow-y: auto;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    padding: 3.3rem 0;
    background: rgba(6, 10, 20, .9);
    letter-spacing: .01em;
    transform: translateX(-100%);
    transition: transform .3s;
    z-index: 20
}

#FPBIwrap .header .wrap-menu.on {
    transform: translateX(0)
}

#FPBIwrap .header .wrap-menu .logo {
    width: 30rem;
    height: 232px;
    margin: 0 auto;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/logo.png") 0 0 no-repeat;
    background-size: 100% auto
}

#FPBIwrap .header .wrap-menu .logo>a {
    display: block;
    height: 100%
}

#FPBIwrap .header .wrap-menu .list-menu {
    margin-top: 1.3rem;
    color: #fff;
    font-size: 2.2rem
}

#FPBIwrap .header .wrap-menu .list-menu>li:nth-child(n+2) {
    margin-top: 3.4rem
}

#FPBIwrap .header .wrap-menu .list-menu a {
    display: inline-block;
    padding: .8rem 1.6rem;
    color: inherit;
    font-weight: 500;
    line-height: 1;
    transition: color .3s
}

#FPBIwrap .header .wrap-menu .list-menu a.on {
    color: #c62424
}

#FPBIwrap .header .wrap-menu .btn-frost {
    margin-top: 3.4rem;
    padding: .8rem 1.6rem;
    color: #fff;
    font-size: 2.2rem;
    line-height: 1
}

#FPBIwrap .header .wrap-menu .list-sns {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 7.2rem
}

#FPBIwrap .header .wrap-menu .list-sns>li {
    width: 5rem;
    height: 5rem
}

#FPBIwrap .header .wrap-menu .list-sns>li:nth-child(n+2) {
    margin-left: .8rem
}

@supports(height: 100dvh) {
    #FPBIwrap .header .wrap-menu {
        height: 100dvh
    }
}

#FPBIwrap .header .btn-close {
    display: none;
    position: fixed;
    left: 1.1rem;
    top: 1.4rem;
    width: 3rem;
    height: 3rem;
    margin-left: constant(safe-area-inset-left);
    margin-left: env(safe-area-inset-left);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M15.848 16H20l-7.712-8.389L19.215 0H15L8 7.611 15.848 16Z'/%3E%3Cpath fill='%23fff' d='M4.152 16H0l7.712-8.389L.785 0H5L12 7.611 4.152 16Z'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 2rem 1.6rem;
    z-index: 20
}

#FPBIwrap .header .wrap-menu.on+.btn-close {
    display: block
}

#FPBIwrap .header .list-market {
    position: absolute;
    right: 1.6rem;
    top: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    margin-right: constant(safe-area-inset-left);
    margin-right: env(safe-area-inset-left);
    z-index: 10
}

#FPBIwrap .header .list-market>li {
    width: 13.6rem
}

#FPBIwrap .header .list-market>li:nth-child(n+2) {
    margin-left: 8px
}

#FPBIwrap .header .wrap-btn.floating {
    position: absolute;
    right: 1.6rem;
    top: 100%;
    margin-top: 1.6rem;
    margin-right: constant(safe-area-inset-left);
    margin-right: env(safe-area-inset-left)
}

#FPBIwrap .header .wrap-btn.floating .list-sns>li {
    width: 4rem;
    height: 4rem;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#FPBIwrap .header .wrap-btn.floating .list-sns>li:nth-child(n+2) {
    margin-top: .8rem
}

#FPBIwrap .header .wrap-btn.floating .btn-replay {
    width: 4rem;
    height: 4rem;
    margin-top: .8rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='60' height='60' fill='%23252935' fill-opacity='.6' rx='30'/%3E%3Crect width='59' height='59' x='.5' y='.5' stroke='url(%23b)' stroke-opacity='.2' rx='29.5'/%3E%3C/g%3E%3Crect width='41' height='41' x='9.5' y='9.5' fill='url(%23c)' stroke='%2350555E' rx='20.5'/%3E%3Cg filter='url(%23d)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M27.195 35.188V24.52l8 5.336-8 5.332Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cpath fill='%23fff' stroke='%23fff' d='M30 17.027c-7.168 0-13 5.884-13 13.117h1.083c0-6.63 5.346-12.024 11.917-12.024 6.57 0 11.916 5.393 11.916 12.023S36.571 42.167 30 42.167v-1.77l-3.611 2.317L30 45.03v-1.77c7.168 0 13-5.885 13-13.117 0-7.233-5.832-13.116-13-13.116Z'/%3E%3Cdefs%3E%3ClinearGradient id='b' x1='2.5' x2='60' y1='10' y2='60' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.547' stop-color='%23fff' stop-opacity='.552'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='30' x2='30' y1='10' y2='50' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238A98B4'/%3E%3Cstop offset='1' stop-color='%23707D94'/%3E%3C/linearGradient%3E%3Cfilter id='a' width='80' height='80' x='-10' y='-10' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='5'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_864_4614'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_backgroundBlur_864_4614' result='shape'/%3E%3C/filter%3E%3Cfilter id='d' width='20' height='22.668' x='21.195' y='18.52' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_864_4614'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_864_4614' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;
    background-size: 100% 100%
}

#FPBIwrap .video-visual {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

#FPBIwrap .video-visual video {
    display: block;
    height: 180.8rem;
    object-fit: cover
}

#FPBIwrap .sect-visual {
    height: 75.2rem;
    padding-top: 6rem
}

#FPBIwrap .sect-visual .contents {
    height: 100%
}

#FPBIwrap .sect-visual .slogan {
    position: relative;
    min-height: 2.2em;
    padding-top: 28.5rem;
    color: #fff;
    font-size: 3rem;
    letter-spacing: .02em
}

#FPBIwrap .sect-visual .slogan:before {
    position: absolute;
    left: 50%;
    top: 0;
    width: 42rem;
    height: 32.5rem;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/logo.png") 50% 0 no-repeat;
    background-size: 100% auto;
    transform: translateX(-50%);
    z-index: -1;
    content: ""
}

#FPBIwrap .sect-visual .list-nation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .8rem
}

#FPBIwrap .sect-visual .list-nation>li {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 .3rem;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#FPBIwrap .sect-visual .list-nation .us {
    background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/nation_us.png")
}

#FPBIwrap .sect-visual .list-nation .gb {
    background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/nation_gb.png")
}

#FPBIwrap .sect-visual .list-nation .ph {
    background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/nation_ph.png")
}

#FPBIwrap .sect-visual .btn-frost {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32.6rem;
    height: 7rem;
    margin: 1.2rem auto 0;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/btn_frost.png?v=1") 0 0 no-repeat;
    background-size: 100% 100%;
    color: #fff;
    line-height: 1.1;
    font-size: 2.2rem
}

#FPBIwrap .sect-visual .btn-frost:before {
    display: block;
    width: 1.6rem;
    height: 2rem;
    margin-right: .8rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' fill='none'%3E%3Cpath fill='%23fff' d='M0 17v-2h2V8a5.9 5.9 0 0 1 1.25-3.69C4.08 3.23 5.17 2.53 6.5 2.2V0h3v2.2c1.33.33 2.42 1.04 3.25 2.11C13.58 5.38 14 6.61 14 8v7h2v2H0Zm8 3c-.55 0-1.02-.2-1.41-.59C6.2 19.02 6 18.55 6 18h4c0 .55-.2 1.02-.59 1.41-.39.39-.86.59-1.41.59Z'/%3E%3C/svg%3E") 0 0 no-repeat;
    background-size: 100% 100%;
    content: ""
}

#FPBIwrap .sect-visual .list-market {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1.8rem -0.1rem 0
}

#FPBIwrap .sect-visual .list-market>li {
    width: 16rem
}

#FPBIwrap .sect-visual .list-market>li+li {
    margin-left: .7rem
}

#FPBIwrap .sect-visual .scroll {
    position: absolute;
    left: 50%;
    bottom: 7.4rem;
    display: block;
    width: 4rem;
    height: 4rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='50' fill='none'%3E%3Ccircle cx='26' cy='25' r='24.5' stroke='%23BCC1C8' transform='rotate(-90 26 25)'/%3E%3Cpath fill='%23fff' fill-opacity='.3' fill-rule='evenodd' d='M6.5 25a1.5 1.5 0 0 1-1.378 1.495l-.03.002c-.03.002-.061.003-.092.003v.004l-.446.031C5.341 37.693 14.642 46.5 26 46.5c11.358 0 20.658-8.807 21.446-19.965L47 26.504V26.5c-.031 0-.062 0-.092-.003l-.03-.002a1.5 1.5 0 0 1 0-2.99l.03-.002c.03-.002.06-.003.092-.003v-.004l.446-.031C46.658 12.307 37.358 3.5 26 3.5c-11.358 0-20.659 8.807-21.446 19.965l.446.031v.004c.031 0 .062 0 .092.003l.03.002A1.5 1.5 0 0 1 6.5 25Zm39.859-2.417C45.163 12.4 36.504 4.5 26 4.5c-10.504 0-19.163 7.9-20.36 18.083a2.501 2.501 0 0 1 0 4.834C6.838 37.6 15.497 45.5 26 45.5s19.163-7.9 20.359-18.083a2.501 2.501 0 0 1 0-4.834Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M19 25.152V21l7.34 6.712L33 20.785V25L26.34 32 19 25.152ZM42 6s10 7.954 10 19-10 19-10 19 9-8.596 9-19-9-19-9-19ZM10 6S0 13.954 0 25s10 19 10 19-9-8.596-9-19 9-19 9-19Z'/%3E%3C/svg%3E") 0 0 no-repeat;
    background-size: 100% 100%;
    transform: translateX(-50%)
}

#FPBIwrap .sect-visual .scroll>div {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 1.4rem;
    height: 2.3rem;
    transform: translateX(-52%);
    animation: ani_scroll .8s infinite alternate
}

#FPBIwrap .sect-visual .scroll>div:before {
    display: inline-block;
    width: .1rem;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    vertical-align: top;
    content: ""
}

#FPBIwrap .sect-visual .scroll>div:after {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 100%;
    height: 1.2rem;
    margin-top: -0.7rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' fill='none'%3E%3Cpath fill='url(%23a)' d='M0 2.152V1l7.34 6.712L14 .785V2L7.34 9 0 2.152Z'/%3E%3Cpath fill='url(%23b)' d='M0 6.152V5l7.34 6.712L14 4.785V6L7.34 13 0 6.152Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='6.841' x2='6.841' y1='3' y2='23.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.193' stop-color='%23fff'/%3E%3Cstop offset='.812' stop-color='%23fff'/%3E%3Cstop offset='.965' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='6.841' x2='6.841' y1='7' y2='27.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.193' stop-color='%23fff'/%3E%3Cstop offset='.812' stop-color='%23fff'/%3E%3Cstop offset='.965' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;
    background-size: 100% 100%;
    transform: translateX(-50%);
    content: ""
}

@keyframes ani_scroll {
    0% {
        height: 2.3rem
    }
    100% {
        height: 7rem
    }
}

#FPBIwrap .sect-visual .btn-sound {
    left: 1.6rem;
    bottom: 4.8rem;
    opacity: .5
}

#FPBIwrap .btn-frost.floating {
    position: fixed;
    right: 0;
    right: constant(safe-area-inset-left);
    right: env(safe-area-inset-left);
    bottom: 4rem;
    width: 24rem;
    height: 6.2rem;
    padding: 0 2rem;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/floating_frost.png") 0 0 no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.1;
    z-index: -1;
    opacity: 0;
    transition: opacity .5s
}

#FPBIwrap .btn-frost.floating:before {
    display: inline-block;
    width: 2rem;
    height: 3.5rem;
    margin-right: .7rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' fill='none'%3E%3Cpath fill='%23fff' d='M11.724 10.019c2.106 0 4.013.882 5.393 2.31l-1.146 1.184a5.892 5.892 0 0 0-4.247-1.819c-1.659 0-3.16.695-4.247 1.818L6.33 12.328c1.381-1.427 3.288-2.31 5.394-2.31m0-4.704c3.363 0 6.408 1.41 8.612 3.687l-1.146 1.185c-1.91-1.974-4.55-3.196-7.466-3.196-2.915 0-5.556 1.222-7.466 3.196L3.112 9c2.204-2.278 5.249-3.687 8.612-3.687Zm-5.18 34.288 4.35-4.523-2.502-2.603-1.847 7.126Zm10.433 1.802-5.228-5.437-5.226 5.437h-2.12l6.395-24.67a1.403 1.403 0 0 0-.107.1L9.544 15.65a3.024 3.024 0 0 1 2.18-.934c.852 0 1.623.357 2.18.934l-1.145 1.183v.001a1.614 1.614 0 0 0-.108-.1l6.396 24.67h-2.07Zm-1.91-8.886-2.463 2.56 4.28 4.452-1.817-7.012Zm-4.54-8.281 1.222 1.27 1.181-1.228-1.206-4.655-1.196 4.613Zm-.9 3.478 1.267-1.319-.73-.758-.538 2.077Zm4.806 2.361-2.684-2.791-2.754 2.863-.24.927 2.994 3.114 2.955-3.072-.27-1.041Zm-1.14-4.397-.689.717 1.199 1.247-.51-1.963ZM11.724.766c4.579 0 8.724 1.918 11.724 5.02L22.302 6.97c-2.707-2.797-6.447-4.528-10.578-4.528-4.13 0-7.871 1.73-10.578 4.528L0 5.786C3 2.684 7.146.766 11.724.766Z'/%3E%3C/svg%3E") 0 50% no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
    content: ""
}

#FPBIwrap .btn-frost.floating.on {
    opacity: 1;
    z-index: 10
}

#FPBIwrap .btn-frost.floating>span {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

#FPBIwrap .wrap-floating {
    position: fixed;
    left: calc(50% - 17rem);
    bottom: 2rem;
    width: 34rem;
    transition: opacity .2s, visibility .2s;
    z-index: 10
}

#FPBIwrap .wrap-floating.hidden {
    opacity: 0;
    visibility: hidden
}

#FPBIwrap .wrap-floating [class^=btn-] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2rem;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/floating_frost_v1.png") 0 0 no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.1
}

#FPBIwrap .wrap-floating [class^=btn-]:before {
    display: block;
    margin-right: .7rem;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
    content: ""
}

#FPBIwrap .wrap-floating [class^=btn-].btn-market {
    justify-content: initial;
    width: 34rem;
    height: 7.1rem;
    padding: 0 15rem 0 2rem;
    text-align: initial;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/floating_pre.png") no-repeat;
    background-size: 100% 100%
}

#FPBIwrap .wrap-floating [class^=btn-].btn-market:before {
    content: normal
}

#FPBIwrap .wrap-floating [class^=btn-].btn-frost {
    width: 32.7rem;
    height: 6.8rem
}

#FPBIwrap .wrap-floating [class^=btn-].btn-frost:before {
    width: 2rem;
    height: 3.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='42' fill='none'%3E%3Cpath fill='%23fff' d='M11.724 10.019c2.106 0 4.013.882 5.393 2.31l-1.146 1.184a5.892 5.892 0 0 0-4.247-1.819c-1.659 0-3.16.695-4.247 1.818L6.33 12.328c1.381-1.427 3.288-2.31 5.394-2.31m0-4.704c3.363 0 6.408 1.41 8.612 3.687l-1.146 1.185c-1.91-1.974-4.55-3.196-7.466-3.196-2.915 0-5.556 1.222-7.466 3.196L3.112 9c2.204-2.278 5.249-3.687 8.612-3.687Zm-5.18 34.288 4.35-4.523-2.502-2.603-1.847 7.126Zm10.433 1.802-5.228-5.437-5.226 5.437h-2.12l6.395-24.67a1.403 1.403 0 0 0-.107.1L9.544 15.65a3.024 3.024 0 0 1 2.18-.934c.852 0 1.623.357 2.18.934l-1.145 1.183v.001a1.614 1.614 0 0 0-.108-.1l6.396 24.67h-2.07Zm-1.91-8.886-2.463 2.56 4.28 4.452-1.817-7.012Zm-4.54-8.281 1.222 1.27 1.181-1.228-1.206-4.655-1.196 4.613Zm-.9 3.478 1.267-1.319-.73-.758-.538 2.077Zm4.806 2.361-2.684-2.791-2.754 2.863-.24.927 2.994 3.114 2.955-3.072-.27-1.041Zm-1.14-4.397-.689.717 1.199 1.247-.51-1.963ZM11.724.766c4.579 0 8.724 1.918 11.724 5.02L22.302 6.97c-2.707-2.797-6.447-4.528-10.578-4.528-4.13 0-7.871 1.73-10.578 4.528L0 5.786C3 2.684 7.146.766 11.724.766Z'/%3E%3C/svg%3E")
}

#FPBIwrap .wrap-floating [class^=btn-].btn-dev {
    width: 32.7rem;
    height: 6.8rem
}

#FPBIwrap .wrap-floating [class^=btn-].btn-dev:before {
    width: 2.4rem;
    height: 3.4rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 34'%3E%3Cg fill='%23fff'%3E%3Cpath d='M13.133 2.361V1.268h-2.3V2.36c0 .154-.026.303-.072.442h2.444a1.396 1.396 0 0 1-.072-.442ZM18.48 2.361V1.27h-2.3v1.092c0 .154-.025.303-.071.442h2.444a1.396 1.396 0 0 1-.072-.442Z'/%3E%3Cpath d='M22.956 1.27h-1.427v1.09c0 .155-.025.303-.072.443h.899V32.24H1.75V2.803h.757a1.396 1.396 0 0 1-.071-.442V1.265h-1.36C.465 1.372 0 1.929 0 2.603v30.04C0 33.392.577 34 1.287 34h21.426c.71 0 1.287-.608 1.287-1.358V2.602c0-.662-.45-1.212-1.044-1.332Z'/%3E%3Cpath d='M7.784 2.361V1.267h-2.3V2.36c0 .154-.025.303-.071.442h2.443a1.396 1.396 0 0 1-.071-.442ZM20.005 4.058c.511 0 .93-.454.93-1.01v-2.04c0-.554-.419-1.008-.93-1.008-.512 0-.93.454-.93 1.009v2.04c0 .555.418 1.009.93 1.009ZM14.656 4.058c.512 0 .93-.454.93-1.01v-2.04c0-.554-.418-1.008-.93-1.008-.511 0-.93.454-.93 1.009v2.04c0 .555.419 1.009.93 1.009ZM9.308 4.058c.512 0 .93-.454.93-1.01v-2.04C10.238.455 9.82 0 9.308 0c-.511 0-.93.454-.93 1.009v2.04c0 .555.419 1.009.93 1.009ZM3.96 4.058c.512 0 .93-.454.93-1.01v-2.04C4.89.455 4.472 0 3.96 0s-.93.454-.93 1.009v2.04c0 .555.418 1.009.93 1.009ZM19.282 28.118H4.986a.722.722 0 1 0 0 1.444h14.296a.722.722 0 1 0 0-1.444ZM19.282 23.984H4.986a.722.722 0 1 0 0 1.444h14.296a.722.722 0 1 0 0-1.444ZM19.282 19.85H4.986a.722.722 0 1 0 0 1.444h14.296a.722.722 0 1 0 0-1.444ZM19.282 15.716H4.986a.722.722 0 1 0 0 1.444h14.296a.722.722 0 1 0 0-1.444ZM19.282 11.582H4.986a.722.722 0 1 0 0 1.444h14.296a.722.722 0 1 0 0-1.444ZM4.264 8.17c0 .399.323.722.722.722h14.296a.722.722 0 1 0 0-1.444H4.986a.722.722 0 0 0-.722.722Z'/%3E%3C/g%3E%3C/svg%3E")
}

#FPBIwrap .wrap-floating [class^=btn-]>span {
    display: block;
    text-align: left
}

#FPBIwrap .wrap-floating .floating-close {
    width: 2.6rem;
    height: 2.6rem;
    position: absolute;
    right: -0.8rem;
    top: -0.9rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Crect width='26' height='26' fill='%23252935' fill-opacity='.4' rx='13'/%3E%3Crect width='25' height='25' x='.5' y='.5' stroke='url(%23b)' stroke-opacity='.2' rx='12.5'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M16.802 18.2H19.5l-5.013-5.453L18.99 7.8h-2.74l-4.55 4.947 5.102 5.453Z'/%3E%3Cpath fill='%23fff' d='M9.199 18.2H6.5l5.013-5.453L7.01 7.8h2.74l4.55 4.947L9.199 18.2Z'/%3E%3Cdefs%3E%3ClinearGradient id='b' x1='1.083' x2='26' y1='4.333' y2='26' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.547' stop-color='%23fff' stop-opacity='.552'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='a' width='46' height='46' x='-10' y='-10' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='5'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_3401_3649'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_backgroundBlur_3401_3649' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat;
    background-size: 100% 100%;
    z-index: 1
}

#FPBIwrap .wrap-floating .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 7.1rem
}

#FPBIwrap .wrap-floating .swiper-pagination {
    display: flex;
    justify-content: center;
    bottom: .8rem;
    --swiper-pagination-color: #fff;
    --swiper-pagination-bullet-inactive-color: transparent;
    --swiper-pagination-bullet-horizontal-gap: 0.2rem;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-inactive-opacity: 1
}

#FPBIwrap .wrap-floating .swiper-pagination-bullet {
    width: .6rem;
    height: .6rem;
    border: 1px solid #fff;
    box-sizing: border-box
}

#FPBIwrap .sect-universe .box-txt.sub {
    height: 50rem
}

#FPBIwrap .sect-universe .box-txt.sub:before {
    position: absolute;
    left: 50%;
    top: 0;
    width: 50rem;
    height: 50rem;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/sub_txt.png") 0 0 no-repeat;
    background-size: 100% 100%;
    transform: translateX(-50%);
    content: ""
}

#FPBIwrap .sect-universe .box-txt.sub .tit,
#FPBIwrap .sect-universe .box-txt.sub .desc {
    position: relative
}

#FPBIwrap .sect-universe .video,
#FPBIwrap .sect-universe .img {
    position: relative
}

#FPBIwrap .sect-universe .area-scroll {
    overflow: hidden;
    position: relative;
    height: 105.6rem
}

#FPBIwrap .sect-universe .area-scroll:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 21rem;
    background: linear-gradient(180deg, rgba(41, 48, 54, 0) 36%, rgba(22, 28, 37, 0.76) 66.68%, #000 100%);
    background-size: 100% 100%;
    content: ""
}

#FPBIwrap .sect-universe .area-scroll .box-txt {
    padding-top: 6.4rem
}

#FPBIwrap .sect-universe .area-scroll .box-txt .desc {
    color: #fff
}

#FPBIwrap .sect-universe .area-scroll .wrap-obj {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

#FPBIwrap .sect-universe .area-scroll .wrap-obj .obj {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 80rem 105.6rem
}

#FPBIwrap .sect-universe .area-scroll .wrap-obj .obj:nth-child(1) {
    background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/obj_universe_scroll_1.png");
    transform-origin: 50% 100%
}

#FPBIwrap .sect-universe .area-scroll .wrap-obj .obj:nth-child(2) {
    background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/obj_universe_scroll_2.png");
    transform-origin: 50% 100%
}

#FPBIwrap .sect-universe .area-universe {
    position: relative;
    padding-bottom: 5rem;
    background: linear-gradient(180deg, rgba(41, 48, 54, 0) 36%, rgba(22, 28, 37, 0.76) 66.68%, #000 100%) 50% 100% no-repeat, url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/bg_universe_1.png") 50% 0 repeat-y, url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/bg_universe_2.png") 50% 100% no-repeat;
    background-size: 80rem 29rem, 80rem auto, 80rem auto;
    background-color: #000
}

#FPBIwrap .sect-universe .area-universe .universe-1 {
    overflow: hidden
}

#FPBIwrap .sect-universe .area-universe .universe-1 .box-txt.sub {
    padding-top: 14.4rem
}

#FPBIwrap .sect-universe .area-universe .universe-1 .video {
    margin: 4.5rem -1.7rem 0
}

#FPBIwrap .sect-universe .area-universe .universe-1 .video:before {
    position: absolute;
    left: 50%;
    top: -18.1rem;
    width: 40rem;
    height: 27.3rem;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/universe_city.png") 0 0 no-repeat;
    background-size: 100% auto;
    transform: translateX(-50%);
    z-index: -1;
    content: ""
}

#FPBIwrap .sect-universe .area-universe .universe-2 {
    overflow: hidden;
    margin-top: -3rem
}

#FPBIwrap .sect-universe .area-universe .universe-2 .box-txt.sub {
    padding-top: 12.3rem
}

#FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble .bubble {
    width: 30rem;
    height: 38.1rem;
    margin: 0 auto;
    padding: 18rem 3.3rem 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #e2e2e2;
    line-height: 1.3
}

#FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble>li:nth-child(1) {
    margin-top: 2.5rem
}

#FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble>li:nth-child(1) .bubble {
    background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/bubble_1.png")
}

#FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble>li:nth-child(2) {
    margin-top: 1.5rem
}

#FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble>li:nth-child(2) .bubble {
    background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/bubble_2.png")
}

#FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble>li:nth-child(3) .bubble {
    background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/bubble_3.png")
}

#FPBIwrap .sect-universe .area-universe .universe-3 {
    overflow: hidden;
    margin-top: -2rem;
    padding-bottom: 30rem
}

#FPBIwrap .sect-universe .area-universe .universe-3 .box-txt.sub {
    padding-top: 13.2rem
}

#FPBIwrap .sect-universe .area-universe .universe-3 .video {
    margin: -8.5rem -1.7rem 0
}

#FPBIwrap .sect-universe .area-universe .universe-3 .video:before {
    position: absolute;
    left: -4rem;
    top: 100%;
    width: 35rem;
    height: 27rem;
    margin-top: 3rem;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/universe_exploration_1_v1.png") 0 0 no-repeat;
    background-size: 100% auto;
    z-index: -1;
    content: ""
}

#FPBIwrap .sect-universe .area-universe .universe-3 .video:after {
    position: absolute;
    right: -2.5rem;
    top: 100%;
    width: 30rem;
    height: 23.1rem;
    margin-top: -5.4rem;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/universe_exploration_2_v1.png") 0 0 no-repeat;
    background-size: 100% auto;
    z-index: -1;
    content: ""
}

#FPBIwrap .sect-universe .area-universe .universe-3 .img {
    margin: -8.5rem -1.7rem 0
}

#FPBIwrap .sect-universe .area-universe .universe-3 .img:before {
    position: absolute;
    left: -4rem;
    top: 100%;
    width: 35rem;
    height: 27rem;
    margin-top: 3rem;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/universe_exploration_1_v1.png") 0 0 no-repeat;
    background-size: 100% auto;
    z-index: -1;
    content: ""
}

#FPBIwrap .sect-universe .area-universe .universe-3 .img:after {
    position: absolute;
    right: -2.5rem;
    top: 100%;
    width: 30rem;
    height: 23.1rem;
    margin-top: -5.4rem;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/universe_exploration_2_v1.png") 0 0 no-repeat;
    background-size: 100% auto;
    z-index: -1;
    content: ""
}

#FPBIwrap .sect-universe .area-universe .world {
    margin-top: 8.4rem
}

#FPBIwrap .sect-universe .area-universe .world .video {
    margin: 3.3rem -1.7rem 0
}

#FPBIwrap .sect-universe .area-universe .world .video .btn-play {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/btn_play.png") 50% 50% no-repeat;
    background-size: 6rem 6rem;
    opacity: 0
}

#FPBIwrap .sect-universe .area-universe .world .video .btn-play.on {
    opacity: 1
}

#FPBIwrap .sect-universe .area-universe .world .img {
    margin: 3.3rem -1.7rem 0
}

#FPBIwrap .sect-universe .area-universe .world .img>a {
    display: block
}

#FPBIwrap .sect-universe .area-universe .world .img>a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/btn_play.png") 50% 50% no-repeat;
    background-size: 6rem 6rem;
    content: ""
}

#FPBIwrap .sect-community {
    overflow: hidden;
    min-height: 59.8rem;
    padding-top: 4.3rem;
    padding-bottom: 5.2rem;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/bg_community.png") 50% 0 no-repeat;
    background-size: 80rem 100%
}

#FPBIwrap .sect-community .tab-nav {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

#FPBIwrap .sect-community .tab-nav>li {
    width: 14.9rem;
    height: 5rem;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#FPBIwrap .sect-community .tab-nav>li:nth-child(1) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='50' fill='none'%3E%3Cpath stroke='url(%23a)' stroke-opacity='.3' d='M149 12.866H33.818a10 10 0 0 0-7.82 3.768L1 48'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-13.991' x2='215.891' y1='38.44' y2='38.44' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.193' stop-color='%23fff'/%3E%3Cstop offset='.812' stop-color='%23fff'/%3E%3Cstop offset='.965' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

#FPBIwrap .sect-community .tab-nav>li:nth-child(2) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='50' fill='none'%3E%3Cpath stroke='url(%23a)' stroke-opacity='.3' d='M.5 13.108h115.012a9.999 9.999 0 0 1 7.988 3.984l24 31.867'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='163.491' x2='-66.391' y1='39.203' y2='39.203' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.193' stop-color='%23fff'/%3E%3Cstop offset='.812' stop-color='%23fff'/%3E%3Cstop offset='.965' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

#FPBIwrap .sect-community .tab-nav>li.on:nth-child(1) {
    background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/tab_nav_1.png")
}

#FPBIwrap .sect-community .tab-nav>li.on:nth-child(2) {
    background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/tab_nav_2.png")
}

#FPBIwrap .sect-community .tab-nav>li>a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 1.4rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.1
}

#FPBIwrap .sect-community .tab-nav>li:nth-child(1)>a {
    padding-left: 1.6rem
}

#FPBIwrap .sect-community .tab-nav>li:nth-child(2)>a {
    padding-right: 1.6rem
}

#FPBIwrap .sect-community .tab-nav:after {
    position: absolute;
    left: 0;
    top: 100%;
    display: block;
    width: 100%;
    height: .1rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='326' height='1' fill='none'%3E%3Cpath stroke='url(%23a)' d='M0 .5h326'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-4.431' x2='336.212' y1='1.511' y2='1.511' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.193' stop-color='%23fff'/%3E%3Cstop offset='.812' stop-color='%23fff'/%3E%3Cstop offset='.965' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;
    background-size: 100% 100%;
    content: ""
}

#FPBIwrap .sect-community .tab-cont {
    display: none;
    position: relative;
    margin-top: 2.4rem;
    padding-bottom: 3.4rem
}

#FPBIwrap .sect-community .tab-cont.on {
    display: block
}

#FPBIwrap .sect-community .tab-cont [class^=list-flockler-] {
    width: 27.6rem
}

#FPBIwrap .sect-community .tab-cont [class^=list-flockler-] .flockler-posts {
    display: flex;
    height: auto !important;
    transition-property: transform
}

#FPBIwrap .sect-community .tab-cont [class^=list-flockler-] .flockler-grid-item {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    padding: 0;
    flex: 0 0 276px
}

#FPBIwrap .sect-community .tab-cont [class^=list-flockler-] .flockler-grid-item:before,
#FPBIwrap .sect-community .tab-cont [class^=list-flockler-] .flockler-grid-item:after {
    content: none
}

#FPBIwrap .sect-community .tab-cont [class^=list-flockler-] .flockler-grid-item__wrapper {
    border-radius: 0;
    background: rgba(43, 47, 53, .6)
}

#FPBIwrap .sect-community .tab-cont [class^=list-flockler-] .flockler-grid-item__context {
    margin-left: 0 !important;
    background: none
}

#FPBIwrap .sect-community .tab-cont [class^=list-flockler-] .flockler-grid-item__profile__details {
    color: #fff
}

#FPBIwrap .sect-community .tab-cont [class^=list-flockler-] .flockler-grid-item__text {
    color: #828282
}

#FPBIwrap .sect-community .tab-cont [class^=list-flockler-] .flockler-grid-item__text a,
#FPBIwrap .sect-community .tab-cont [class^=list-flockler-] .flockler-grid-item__text button {
    color: #828282 !important
}

#FPBIwrap .sect-community .tab-cont [class^=list-flockler-] .flockler-grid-item__footer svg {
    display: none
}

#FPBIwrap .sect-community .tab-cont [class^=list-flockler-] .flockler-grid-item__footer time {
    color: #d8d8d8;
    opacity: 1
}

#FPBIwrap .sect-community .tab-cont .swiper-pagination {
    position: absolute;
    left: 0;
    bottom: 0
}

#FPBIwrap .sect-community .tab-cont .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    margin: 0 .3rem;
    background: #233246;
    opacity: 1;
    vertical-align: top
}

#FPBIwrap .sect-community .tab-cont .swiper-pagination-bullet-active {
    border: .2rem solid #233246;
    background-color: #bb2020
}

#FPBIwrap .sect-artwork {
    overflow: hidden;
    padding-top: 6.3rem;
    padding-bottom: 5rem;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/bg_artwork.png") 50% 0 no-repeat;
    background-size: 80rem auto
}

#FPBIwrap .sect-artwork .wrap-artwork {
    position: relative
}

#FPBIwrap .sect-artwork .wrap-artwork .swiper-artwork {
    overflow: visible;
    position: relative;
    width: 28rem;
    margin-top: 3.2rem
}

#FPBIwrap .sect-artwork .wrap-artwork [class^=swiper-button] {
    position: static;
    display: inline-block;
    margin: 1.5rem 0 0
}

#FPBIwrap .sect-artwork .wrap-artwork .swiper-button-next {
    margin-left: .4rem
}

#FPBIwrap .canvas-snow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#FPBIwrap .footer {
    position: relative;
    height: 50.2rem;
    margin-top: -5rem;
    padding-top: 9.2rem;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/bg_footer.png") 50% 0 no-repeat;
    background-size: 80rem 50.2rem
}

#FPBIwrap .footer .list-sns {
    display: flex;
    justify-content: center;
    align-items: center
}

#FPBIwrap .footer .list-sns>li {
    width: 5rem;
    height: 5rem;
    background-color: rgba(255, 255, 255, .4);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: background-color .3s
}

#FPBIwrap .footer .list-sns>li:nth-child(n+2) {
    margin-left: .8rem
}

#FPBIwrap .footer .list-sns>li>a {
    display: block;
    height: 100%
}

#FPBIwrap .footer .list-sns .sns-x {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Cpath stroke='%234A7086' d='M.5.5h49v49H.5z'/%3E%3Cpath fill='%23192238' d='M27.512 23.36 37.215 12h-2.299l-8.425 9.863L19.76 12H12l10.176 14.915L12 38.828h2.3l8.897-10.416 7.107 10.416h7.761L27.512 23.36Zm-3.15 3.687-1.03-1.485-8.204-11.819h3.532l6.62 9.538 1.031 1.485 8.606 12.397h-3.532l-7.022-10.116Z'/%3E%3Cpath fill='%234A7086' d='M0 0h2v2H0V0ZM0 48h2v2H0v-2ZM48 0h2v2h-2V0ZM48 48h2v2h-2v-2Z'/%3E%3C/svg%3E")
}

#FPBIwrap .footer .list-sns .sns-discord {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Cpath stroke='%234A7086' d='M.5.5h49v49H.5z'/%3E%3Cpath fill='%234A7086' d='M0 0h2v2H0V0ZM0 48h2v2H0v-2ZM48 0h2v2h-2V0ZM48 48h2v2h-2v-2Z'/%3E%3Cpath fill='%23192238' d='M36.954 14.128A26.983 26.983 0 0 0 30.146 12a19.399 19.399 0 0 0-.872 1.8 25.025 25.025 0 0 0-7.556 0c-.26-.614-.55-1.215-.872-1.8a27.282 27.282 0 0 0-6.813 2.133C9.724 20.61 8.556 26.923 9.14 33.15a27.253 27.253 0 0 0 8.35 4.258 20.59 20.59 0 0 0 1.788-2.93 17.607 17.607 0 0 1-2.816-1.365c.236-.174.467-.353.69-.527a19.338 19.338 0 0 0 16.695 0c.226.187.457.366.69.527-.897.54-1.842.997-2.82 1.369a20.341 20.341 0 0 0 1.788 2.926 27.127 27.127 0 0 0 8.355-4.255c.685-7.22-1.17-13.477-4.906-19.024ZM20.018 29.32c-1.627 0-2.972-1.5-2.972-3.346 0-1.845 1.298-3.359 2.967-3.359s3.003 1.514 2.974 3.36c-.028 1.845-1.31 3.345-2.969 3.345Zm10.964 0c-1.63 0-2.97-1.5-2.97-3.346 0-1.845 1.298-3.359 2.97-3.359 1.671 0 2.995 1.514 2.967 3.36-.03 1.845-1.309 3.345-2.967 3.345Z'/%3E%3C/svg%3E")
}

#FPBIwrap .footer .list-sns .sns-forum {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Cpath stroke='%234A7086' d='M.5.5h49v49H.5z'/%3E%3Cpath fill='%234A7086' d='M0 0h2v2H0V0ZM0 48h2v2H0v-2ZM48 0h2v2h-2V0ZM48 48h2v2h-2v-2Z'/%3E%3Cpath fill='%23192238' fill-rule='evenodd' d='M14 32.126c1.266 1.85 3.25 2.815 5.92 2.815V24.146c-1.702-1.619-4.218-1.619-5.92 0v7.98Zm7.193 3.596c2.304 1.704 5.31 1.704 7.614 0V22.738c-2.304-1.704-5.31-1.704-7.614 0v12.984Zm8.886-.78c2.67 0 4.655-.967 5.921-2.816v-7.98c-1.703-1.619-4.218-1.619-5.92 0v10.795Zm5.455-16.73c0-1.518-1.112-2.749-2.484-2.749-1.372 0-2.483 1.231-2.483 2.75v1.125c0 1.518 1.112 2.749 2.483 2.749 1.372 0 2.484-1.23 2.484-2.749v-1.126Zm-7.696-2.071C27.838 14.406 26.568 13 25 13c-1.567 0-2.838 1.406-2.838 3.14v1.328c0 1.735 1.27 3.141 2.838 3.141 1.567 0 2.838-1.407 2.838-3.141v-1.327Zm-8.394 2.071c0-1.518-1.112-2.749-2.484-2.749-1.371 0-2.483 1.231-2.483 2.75v1.125c0 1.518 1.112 2.749 2.483 2.749 1.372 0 2.484-1.23 2.484-2.749v-1.126Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

#FPBIwrap .footer .language {
    position: relative;
    width: 20rem;
    height: 4rem;
    margin: 2.4rem auto 0;
    text-align: left
}

#FPBIwrap .footer .language .btn-lang {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 3.8rem;
    border: .1rem solid #4a7086;
    background: rgba(255, 255, 255, .4) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M6.965 0H7.036a7 7 0 1 1-.072 0h.001ZM5.628.834a6.317 6.317 0 0 0-3.39 2.016 8.535 8.535 0 0 0 1.61.85A10.483 10.483 0 0 1 5.629.834ZM3.614 4.34a9.218 9.218 0 0 1-1.798-.95A6.318 6.318 0 0 0 .692 6.658h2.505a8.614 8.614 0 0 1 .417-2.318Zm.267 2.318c.03-.705.157-1.405.377-2.09.775.241 1.582.38 2.4.41v1.68H3.882Zm-.683.683H.692a6.318 6.318 0 0 0 1.221 3.404 9.217 9.217 0 0 1 1.766-.912 8.646 8.646 0 0 1-.481-2.492Zm1.127 2.27a7.974 7.974 0 0 1-.443-2.27h2.777v1.88c-.795.029-1.58.161-2.334.39Zm-.398.858a8.536 8.536 0 0 0-1.577.806 6.317 6.317 0 0 0 3.296 1.894 10.571 10.571 0 0 1-1.719-2.7Zm4.54 2.674a6.317 6.317 0 0 0 3.183-1.868 8.537 8.537 0 0 0-1.494-.773 10.513 10.513 0 0 1-1.689 2.641Zm1.94-3.276c.586.233 1.15.527 1.68.878a6.318 6.318 0 0 0 1.221-3.404h-2.41a8.592 8.592 0 0 1-.49 2.526Zm-.193-2.526a7.922 7.922 0 0 1-.45 2.297 9.22 9.22 0 0 0-2.422-.417v-1.88h2.872Zm.683-.683h2.411a6.318 6.318 0 0 0-1.124-3.269 9.217 9.217 0 0 1-1.722.921c.254.765.401 1.551.435 2.348ZM9.82 4.544c.228.693.36 1.401.393 2.115H7.342v-1.68a9.218 9.218 0 0 0 2.478-.435Zm.402-.873a8.537 8.537 0 0 0 1.541-.82 6.317 6.317 0 0 0-3.316-2c.765.88 1.362 1.83 1.775 2.82ZM7.366.693c.992.99 1.734 2.075 2.213 3.211a8.536 8.536 0 0 1-2.237.392V.692l.024.001ZM6.66 4.296a8.536 8.536 0 0 1-2.165-.37C4.96 2.796 5.687 1.712 6.659.722v3.575Zm.683 5.609c.739.03 1.467.155 2.168.37-.477 1.07-1.19 2.093-2.124 3.03l-.044.003V9.905Zm-.683 0a8.535 8.535 0 0 0-2.083.345c.468 1.062 1.167 2.078 2.083 3.012V9.905Z' clip-rule='evenodd'/%3E%3C/svg%3E") 1.5rem 50% no-repeat;
    background-size: 1.4rem 1.4rem;
    color: #192238;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: left
}

#FPBIwrap .footer .language .btn-lang:after {
    position: absolute;
    right: 1.6rem;
    top: 50%;
    width: 1rem;
    height: .5rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath stroke='%234A7086' stroke-linecap='round' stroke-linejoin='round' d='M11 5.8 6 1 1 5.8'/%3E%3C/svg%3E") 0 50% no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
    content: ""
}

#FPBIwrap .footer .language .btn-lang.on:after {
    transform: translateY(-50%) rotate(180deg)
}

#FPBIwrap .footer .language .list-lang {
    display: none;
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    padding-top: .1rem;
    background-color: rgba(255, 255, 255, .8)
}

#FPBIwrap .footer .language .list-lang a {
    display: block;
    padding: 0 2.3rem;
    color: #222;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 3.7rem
}

#FPBIwrap .footer .language .btn-lang.on+.list-lang {
    display: block
}

#FPBIwrap .footer .list-company {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem
}

#FPBIwrap .footer .list-company .company-c2s {
    width: 10.6rem;
    height: 1.6rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='16' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M101.788 6.686c-.671-.147-2.025-.467-2.697-.634-1.234-.304-1.805-.809-1.805-1.542 0-.854 1.012-1.474 2.406-1.474a2.424 2.424 0 0 1 1.579.475c.452.337.767.82.888 1.364h3.34C105.368 1.865 102.43.01 99.692.01c-3.38 0-5.736 2.006-5.736 4.88 0 2.26 1.444 3.643 4.142 4.239.632.14 1.885.49 2.527.636 1.404.317 2.046.735 2.046 1.474 0 1.149-1.334 1.663-2.658 1.663-1.915 0-2.978-.68-3.249-2.077h-3.34c.362 3.777 3.781 5.166 6.589 5.166 3.53 0 5.987-2.033 5.987-4.943 0-2.31-1.464-3.77-4.212-4.362ZM50.153.012a4.967 4.967 0 0 0-2.442.72 4.836 4.836 0 0 0-1.74 1.824A4.405 4.405 0 0 0 44.232.643a4.536 4.536 0 0 0-2.534-.631 4.201 4.201 0 0 0-2.085.49c-.64.34-1.176.84-1.555 1.448V.39h-3.34V15.61h3.48V8.154c-.06-2.201.301-3.712 1.074-4.492.215-.213.474-.38.759-.49.285-.109.59-.16.895-.147 2.518 0 2.437 2.905 2.437 3.236v9.348h3.49v-7.83c0-2.47.341-4.755 2.848-4.755a2.15 2.15 0 0 1 1.195.3c.36.215.645.53.821.903a5.13 5.13 0 0 1 .36 2.162v9.22h3.49V6.453c0-2.162-.3-3.336-1.142-4.474A5.356 5.356 0 0 0 52.52.51a5.464 5.464 0 0 0-2.368-.498ZM24.79.005c-1.063 0-2.116.21-3.095.614a7.999 7.999 0 0 0-2.611 1.74 7.815 7.815 0 0 0-1.719 2.596 7.688 7.688 0 0 0-.558 3.046 7.683 7.683 0 0 0 .555 3.047 7.81 7.81 0 0 0 1.719 2.598 7.991 7.991 0 0 0 2.612 1.741 8.127 8.127 0 0 0 6.194 0 7.992 7.992 0 0 0 2.611-1.741 7.808 7.808 0 0 0 1.719-2.598c.39-.97.58-2.006.555-3.047a7.681 7.681 0 0 0-.555-3.047 7.808 7.808 0 0 0-1.719-2.598 7.991 7.991 0 0 0-2.612-1.74 8.124 8.124 0 0 0-3.096-.611Zm0 12.799c-2.598 0-4.493-2.006-4.493-4.833 0-2.864 1.805-4.772 4.493-4.772 2.647 0 4.503 1.953 4.503 4.772 0 2.82-1.896 4.833-4.503 4.833Zm44.476-7.965c0-2.834-2.257-4.826-5.315-4.826h-.07a5.464 5.464 0 0 0-2.064.38 5.378 5.378 0 0 0-1.756 1.127 5.257 5.257 0 0 0-1.181 1.7 5.168 5.168 0 0 0-.425 2.015h3.34a1.969 1.969 0 0 1 .621-1.439c.41-.386.956-.6 1.524-.597a1.84 1.84 0 0 1 1.418.47c.188.173.336.384.434.618.098.234.144.486.134.74 0 .926-.682 1.56-1.795 2.622-1.394 1.33-5.817 5.34-5.817 5.34v2.62h10.952v-3.186H63.39l3.67-3.347a5.694 5.694 0 0 0 1.58-1.881c.38-.732.594-1.535.627-2.356Zm15.433.277c1.143 0 1.665-1.109 1.665-2.522 0-1.413-.542-2.581-1.665-2.581s-1.665 1.158-1.665 2.581.532 2.522 1.665 2.522Zm-6.137 0c1.133 0 1.665-1.109 1.665-2.522 0-1.413-.552-2.581-1.665-2.581-1.114 0-1.665 1.158-1.665 2.581s.531 2.522 1.665 2.522Zm3.068 7.587c-3.96 0-6.879-2.58-6.879-6.136h-3.48c0 5.376 4.453 9.433 10.36 9.433 5.906 0 10.359-4.054 10.359-9.433h-3.48c0 3.555-2.918 6.136-6.88 6.136Zm-73.678.099a4.743 4.743 0 0 1-1.782-.423 4.659 4.659 0 0 1-1.479-1.064 4.552 4.552 0 0 1-.945-1.54 4.485 4.485 0 0 1-.266-1.777 4.423 4.423 0 0 1 .25-1.789 4.49 4.49 0 0 1 .946-1.549c.419-.448.926-.81 1.49-1.06a4.679 4.679 0 0 1 1.796-.403 4.39 4.39 0 0 1 2.235.603 4.274 4.274 0 0 1 1.596 1.649h3.51a5.926 5.926 0 0 0-.91-2.224 6.058 6.058 0 0 0-1.728-1.697A8.016 8.016 0 0 0 7.326.024a7.968 7.968 0 0 0-5.029 2.314A8.073 8.073 0 0 0 .001 8.057a7.91 7.91 0 0 0 2.306 5.634 7.98 7.98 0 0 0 2.59 1.704 8.11 8.11 0 0 0 6.121 0 7.98 7.98 0 0 0 2.591-1.704 5.387 5.387 0 0 0 1.725-3.152h-3.55a4.382 4.382 0 0 1-1.602 1.641 4.497 4.497 0 0 1-2.229.625v-.003Z' clip-rule='evenodd'/%3E%3C/svg%3E") 0 0 no-repeat;
    background-size: 100% 100%
}

#FPBIwrap .footer .list-company .company-netease {
    width: 10rem;
    height: 4rem;
    margin-left: 1.7rem;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/logo_netease.png") 0 0 no-repeat;
    background-size: 100% 100%
}

#FPBIwrap .footer .copyright-1 {
    margin-top: 1.9rem;
    color: #dce2ee;
    font-size: 1.4rem;
    line-height: 1.2
}

#FPBIwrap .footer .bot:before {
    display: block;
    width: 100%;
    height: .1rem;
    margin: 2rem 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='2' fill='none'%3E%3Cpath stroke='url(%23a)' d='M360 1H0'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='8' x2='349' y1='1.001' y2='1' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DCE2EE' stop-opacity='0'/%3E%3Cstop offset='.193' stop-color='%23DCE2EE'/%3E%3Cstop offset='.812' stop-color='%23DCE2EE'/%3E%3Cstop offset='1' stop-color='%23DCE2EE' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;
    background-size: 100% 100%;
    content: ""
}

#FPBIwrap .footer .bot .copyright-2 {
    color: #dce2ee;
    font-size: 1.2rem;
    font-weight: 500
}

#FPBIwrap .footer .bot .btn-privacy {
    display: inline-block;
    margin-top: 1rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700
}

#FPBIwrap .layer-artwork {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 4rem 0;
    z-index: 20
}

#FPBIwrap .layer-artwork .layer {
    position: relative
}

#FPBIwrap .layer-artwork .wrap-artwork {
    position: relative;
    width: 32.6rem
}

#FPBIwrap .layer-artwork .swiper-artwork {
    overflow: visible;
    width: 28rem
}

#FPBIwrap .layer-artwork .swiper-artwork .swiper-slide {
    position: relative;
    transform: scale(1);
    transition: transform .6s
}

#FPBIwrap .layer-artwork .swiper-artwork .swiper-slide:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    opacity: 1;
    transition: opacity .6s;
    content: ""
}

#FPBIwrap .layer-artwork .swiper-artwork .swiper-slide-active {
    transform: scale(1.16);
    z-index: 1
}

#FPBIwrap .layer-artwork .swiper-artwork .swiper-slide-active:after {
    opacity: 0
}

#FPBIwrap .layer-artwork .swiper-button-prev {
    left: -0.9rem
}

#FPBIwrap .layer-artwork .swiper-button-next {
    right: -0.9rem
}

#FPBIwrap .layer-artwork .btn-close {
    position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: 1.7rem
}

#FPBIwrap .layer-frost {
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
    z-index: 20
}

#FPBIwrap .layer-frost .layer {
    position: relative;
    width: 39.3rem;
    min-width: 39.3rem;
    height: 60rem;
    margin: auto;
    padding: 9.2rem 5.7rem 0 5.6rem;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/bg_pop_frost.png") 0 0 no-repeat;
    background-size: 100% 100%;
    color: #232323
}

#FPBIwrap .layer-frost .layer:lang(de) {
    background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/bg_pop_frost_de.png")
}

#FPBIwrap .layer-frost .layer:before,
#FPBIwrap .layer-frost .layer:after {
    position: absolute;
    width: 40rem;
    height: 48.1rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    content: ""
}

#FPBIwrap .layer-frost .layer:before {
    left: -6rem;
    top: -1.3rem;
    background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/frost_dust_1.png")
}

#FPBIwrap .layer-frost .layer:after {
    right: -5.9rem;
    bottom: 1rem;
    background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/frost_dust_2.png")
}

#FPBIwrap .layer-frost .desc-frost {
    margin-bottom: 1.2rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.1
}

#FPBIwrap .layer-frost .privacy-wrap .tip-age .tooltip .tooltip-txt {
    max-width: 28rem
}

#FPBIwrap .layer-frost .privacy-wrap .btn-send {
    border: 0;
    background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/btn_frost.png") 0 0 no-repeat;
    background-size: 100% 100%
}

#FPBIwrap .layer-frost .privacy-wrap .btn-send:lang(fr) {
    margin-top: 20px
}

#FPBIwrap .layer-frost .btn-notice {
    position: absolute;
    left: 50%;
    bottom: 3.2rem;
    color: #0d1626;
    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: underline;
    transform: translateX(-50%)
}

#FPBIwrap .layer-frost .btn-close {
    position: absolute;
    right: 1.8rem;
    top: -0.6rem
}

#FPBIwrap .pop-privacy {
    z-index: 20
}

#FPBIwrap .cookie {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #000;
    z-index: 20
}

#FPBIwrap .cookie.on {
    display: block
}

#FPBIwrap .cookie .contents {
    width: 100%;
    padding: 1.6rem;
    padding: 1.6rem calc(constant(safe-area-inset-left) + 1.6rem);
    padding: 1.6rem calc(env(safe-area-inset-left) + 1.6rem);
    font-size: 1.4rem;
    line-height: 1.2
}

#FPBIwrap .cookie .contents:after {
    display: block;
    clear: both;
    content: ""
}

#FPBIwrap .cookie .txt {
    text-align: left
}

#FPBIwrap .cookie .txt>a {
    color: #518eff;
    font-weight: 700;
    text-decoration: underline
}

#FPBIwrap .cookie .btn-cookie {
    float: right;
    height: 37px;
    min-width: 12rem;
    margin-top: 1.6rem;
    padding: 0 3rem;
    background: #fff;
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2
}

@media screen and (max-width: 799px) {
    #FPBIwrap:lang(en) .sect-visual .slogan {
        font-size: 2.3rem
    }
    #FPBIwrap:lang(de) .sect-visual .slogan {
        font-size: 2.3rem
    }
    #FPBIwrap:lang(de) .box-txt .tit {
        font-size: 2.8rem
    }
    #FPBIwrap:lang(de) .sect-universe .area-universe .universe-2 .wrap-bubble {
        font-size: 1.4rem
    }
    #FPBIwrap:lang(fr) .sect-visual .slogan {
        font-size: 2.3rem
    }
}

#EVTprivacy {
    display: flex;
    justify-content: center;
    font-size: 1.6rem;
    color: #444;
    line-height: 1.3;
    text-align: left
}

#EVTprivacy:lang(ko) {
    word-break: keep-all
}

#EVTprivacy * {
    box-sizing: border-box
}

#EVTprivacy .hide {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: .1rem;
    height: .1rem;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%)
}

#EVTprivacy .privacy-box {
    position: relative;
    width: 100%
}

#EVTprivacy input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    padding: 0 1.5rem;
    border-radius: 0;
    background: #fff;
    box-sizing: border-box;
    font: inherit;
    border: .1rem solid #949494;
    color: #242424;
    font-size: inherit
}

#EVTprivacy input::placeholder {
    color: #242424;
    font-size: inherit
}

#EVTprivacy input[type=number]::-webkit-outer-spin-button,
#EVTprivacy input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#EVTprivacy input.error {
    border: .1rem solid #d33030
}

#EVTprivacy label {
    font-size: inherit
}

#EVTprivacy .list-os {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .8rem
}

#EVTprivacy .list-os .item-os {
    display: flex;
    margin-bottom: .6rem;
    margin-right: 1.6rem
}

#EVTprivacy .list-os .item-os>div {
    position: relative;
    margin-right: 1.6rem
}

#EVTprivacy .list-os .item-os input {
    width: .1rem;
    height: .1rem
}

#EVTprivacy .list-os .item-os:only-child {
    margin-right: 0
}

#EVTprivacy .list-os .item-os:nth-of-type(1)>div:last-child {
    margin-right: 0
}

#EVTprivacy .list-os .item-os label {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 2.6rem;
    color: #242424
}

#EVTprivacy .list-os .item-os label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    background: #fff;
    border: .1rem solid #fff;
    box-sizing: border-box;
    content: ""
}

#EVTprivacy .list-os .item-os label:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    background: #ec3f47;
    opacity: 0;
    transform: scale(0.5);
    box-sizing: border-box;
    content: ""
}

#EVTprivacy .list-os .item-os input[type=radio]:checked+label:after {
    opacity: 1
}

#EVTprivacy .box-phone {
    display: flex;
    justify-content: space-between;
    height: 4.8rem
}

#EVTprivacy .box-phone input {
    font-size: 1.6rem
}

#EVTprivacy .box-phone .select {
    flex-shrink: 0;
    position: relative;
    width: 13.8rem;
    margin-right: .4rem;
    padding: 0 3.1rem 0 1.5rem;
    box-sizing: border-box;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_915_5389)'%3E%3Cpath d='M5 9L12 16L19 9' stroke='%235C5C5C' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_915_5389'%3E%3Crect width='24' height='24' fill='white' transform='matrix(-4.37114e-08 -1 -1 4.37114e-08 24 24)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat top 50% right .8rem;
    background-size: 2.4rem auto;
    border: .1rem solid #949494;
    font-size: 1.6rem;
    color: #242424;
    font-weight: 600;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#EVTprivacy .box-phone .select.error {
    border: .1rem solid #d33030
}

#EVTprivacy .btn-auth {
    flex-shrink: 0;
    width: 10.4rem;
    margin-left: .4rem;
    border: .3rem solid #f52727;
    background-color: #f52727;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 500
}

#EVTprivacy .btn-auth:hover {
    border: .3rem solid #f75858;
    background-color: #f75858
}

#EVTprivacy .btn-auth:disabled {
    background-color: #b8b8b8;
    border: .3rem solid #b8b8b8
}

#EVTprivacy .box-auth {
    position: relative;
    height: 4.8rem;
    margin-top: .6rem
}

#EVTprivacy .box-auth input {
    font-size: 1.6rem
}

#EVTprivacy .auth-time {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    color: #fff;
    transform: translateY(-50%)
}

#EVTprivacy .warn {
    display: flex;
    height: 36px;
    margin-top: 6px;
    font-size: 1.4rem;
    color: #d33030
}

#EVTprivacy .warn:before {
    flex-shrink: 0;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    margin: .1rem .4rem 0 0;
    background: #d33030 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='10' fill='none'%3E%3Cg fill='%23fff'%3E%3Cpath d='M0 0h2v7.273H0V0ZM0 8.182h2V10H0V8.182Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: .2rem auto;
    border-radius: 50%;
    content: ""
}

#EVTprivacy .warn.success {
    color: #4daf51
}

#EVTprivacy .warn.success:before {
    background: #4daf51 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M1 4.5L3.8 7.5L9.4 1.5' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 1rem auto
}

#EVTprivacy .list-agree {
    margin-top: 4px
}

#EVTprivacy .list-agree li {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: .8rem;
    color: #222;
    font-size: 1.4rem
}

#EVTprivacy .list-agree .check-all+li {
    margin-top: 1rem
}

#EVTprivacy .list-agree label {
    display: block;
    position: relative;
    padding-left: 2.4rem
}

#EVTprivacy .list-agree label:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.8rem;
    height: 1.8rem;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M1 4.5L3.8 7.5L9.4 1.5' stroke='%23C3C3C3' stroke-width='2'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 1.1rem auto;
    border: .1rem solid #c3c3c3;
    box-sizing: border-box;
    content: ""
}

#EVTprivacy .list-agree input[type=checkbox]:checked+label:before {
    border-color: #b21b1b;
    background-color: #b21b1b;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M1 4.5L3.8 7.5L9.4 1.5' stroke='%23FFFFFF' stroke-width='2'/%3E%3C/svg%3E")
}

#EVTprivacy .list-agree .point {
    display: inline-block;
    color: #bf0000
}

#EVTprivacy .list-agree .btn-detail {
    flex-shrink: 0;
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    margin-left: .4rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='14' viewBox='0 0 9 14' fill='none'%3E%3Cpath d='M1 1L7 6.73913L1 13' stroke='%231b1b1b' stroke-width='2'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: .9rem auto
}

#EVTprivacy .list-agree .check-all {
    margin-top: 0;
    padding-bottom: 1rem;
    border-bottom: .1rem solid #5c5c5c;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.22
}

#EVTprivacy .list-agree .check-all label {
    padding-left: 2.2rem
}

#EVTprivacy .list-agree .check-all label:before {
    top: .2rem
}

#EVTprivacy .box-input {
    display: flex;
    height: 4.8rem;
    margin-top: .6rem
}

#EVTprivacy .box-input input {
    margin-left: .4rem;
    text-align: center
}

#EVTprivacy .box-input input:nth-of-type(1) {
    margin-left: 0
}

#EVTprivacy .box-age {
    height: 4.8rem;
    margin-top: .6rem
}

#EVTprivacy .box-age:first-child {
    margin-top: 0
}

#EVTprivacy .tip-age {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem
}

#EVTprivacy .tip-age .tip {
    color: #444
}

#EVTprivacy .tip-age .tooltip {
    position: relative;
    width: 2rem;
    height: 2rem;
    background: #1b1b1b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='10' viewBox='0 0 2 10' fill='none'%3E%3Cpath d='M0 4H2V10H0V4Z' fill='%23fff'/%3E%3Cpath d='M0 0H2V2H0V0Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: .2rem auto;
    border-radius: 50%;
    cursor: pointer
}

#EVTprivacy .tip-age .tooltip .tooltip-txt {
    position: absolute;
    top: 100%;
    right: 0;
    width: max-content;
    max-width: 30rem;
    padding: 2rem 2.4rem;
    margin-top: 1rem;
    background: #444;
    box-shadow: 0 .9rem 1.6rem 0 rgba(61, 61, 83, .28);
    border-radius: 1.4rem;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    transition: opacity .3s
}

#EVTprivacy .tip-age .tooltip:hover .tooltip-txt {
    opacity: 1;
    visibility: visible
}

#EVTprivacy .toast {
    position: absolute;
    bottom: 6.4rem;
    left: 50%;
    width: 100%;
    max-width: 40rem;
    padding: 1rem 2.4rem;
    background: rgba(0, 0, 0, .6);
    border: .1rem solid #e7e7e7;
    border-radius: 3rem;
    backdrop-filter: blur(0.5rem);
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    transform: translate(-50%, 1rem);
    transition: opacity .3s, visibility .3s, transform .3s;
    opacity: 0;
    visibility: hidden
}

#EVTprivacy .toast.on {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0)
}

#EVTprivacy .btn-send {
    display: block;
    width: 100%;
    max-width: 50rem;
    height: 5.8rem;
    margin: 4.7rem auto 0;
    border: .3rem solid #f52727;
    background-color: #f52727;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: auto 100%;
    font-size: 2.4rem;
    color: #fff;
    font-weight: 500
}

#EVTprivacy .btn-send:hover {
    border: .3rem solid #f75858;
    background-color: #f75858
}

#EVTprivacy .btn-send:disabled {
    background-color: #b8b8b8;
    border: .3rem solid #b8b8b8
}

.pop-privacy {
    overflow-y: auto;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 3.2rem 0;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    z-index: 10
}

.pop-privacy:lang(ko) {
    word-break: keep-all
}

.pop-privacy .hide {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: .1rem;
    height: .1rem;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%)
}

.pop-privacy input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    box-sizing: border-box
}

.pop-privacy .privacy-layer {
    position: relative;
    width: 50rem;
    margin: auto;
    padding: 4rem;
    background-color: #fff;
    font-size: 1.6rem;
    color: #444;
    line-height: 1.3;
    vertical-align: middle
}

.pop-privacy .cont {
    display: flex;
    justify-content: center;
    align-items: center
}

.pop-privacy .btns {
    display: flex;
    justify-content: center;
    margin: 0 -0.2rem
}

.pop-privacy .btns>button {
    display: block;
    width: 100%;
    height: 4.8rem;
    margin: 0 .2rem;
    padding: 0 2.3rem;
    border: .1rem solid #f52727;
    background-color: #f52727;
    font-size: 1.8rem;
    color: #fff;
    font-weight: 500
}

.pop-privacy .btns .btn-cancel {
    background-color: #fff;
    border-color: #c3c3c3;
    color: #989898
}

.pop-privacy .privacy-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 4rem;
    height: 4rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M1 17L17 1M17 17L1.00002 1' stroke='%23989898' stroke-width='2'/%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 1.8rem 1.8rem
}

.pop-privacy.privacy-email .input-email {
    width: 100%;
    height: 4.8rem;
    margin-top: .8rem;
    padding: 0 1.5rem;
    border: .1rem solid #c3c3c3;
    font-size: 1.6rem;
    color: #444
}

.pop-privacy.privacy-email .input-email::placeholder {
    font-size: 1.6rem;
    color: #989898
}

.pop-privacy.privacy-email .input-email.error {
    border-color: #d33030
}

.pop-privacy.privacy-email .warn {
    margin-top: .4rem;
    font-size: 1.4rem;
    color: #d33030;
    text-align: left
}

.pop-privacy.privacy-email .warn:before {
    flex-shrink: 0;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    margin: .1rem .4rem 0 0;
    background: #d33030 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='10' fill='none'%3E%3Cg fill='%23fff'%3E%3Cpath d='M0 0h2v7.273H0V0ZM0 8.182h2V10H0V8.182Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: .2rem auto;
    border-radius: 50%;
    content: ""
}

.pop-privacy.privacy-email .btns {
    margin-top: 1.4rem
}

.pop-privacy.privacy-agree .agree-tit {
    display: block;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
    border-bottom: .1rem solid #c3c3c3;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: left
}

.pop-privacy.privacy-agree .agree-desc {
    max-height: 41.4rem;
    font-size: 1.4rem;
    text-align: left;
    overflow-y: auto
}

.pop-privacy.privacy-agree .agree-desc .point {
    color: #242424;
    font-size: 1.7rem;
    font-weight: 500
}

.pop-privacy.privacy-agree .agree-desc a {
    color: #518eff;
    font-weight: 500;
    text-decoration: underline
}

.pop-privacy.privacy-agree .btns {
    margin-top: 2.3rem
}

.pop-privacy.privacy-agree .btns>button {
    padding: 0 .7rem
}

.pop-privacy.privacy-txt .cont {
    min-height: 15rem
}

.pop-privacy.privacy-txt .cont:only-child {
    overflow-y: scroll;
    min-height: 18rem;
    max-height: 50rem
}

.pop-privacy.privacy-txt .cont:only-child>p {
    margin: auto
}

.pop-privacy.privacy-txt .btns {
    margin-top: 1.8rem
}

@media screen and (max-width: 1279px) {
    #EVTprivacy {
        font-size: 1.4rem
    }
    #EVTprivacy .list-os {
        max-width: 100%;
        margin-bottom: 0;
        margin-right: -16px
    }
    #EVTprivacy .list-os .item-os {
        margin-bottom: 12px
    }
    #EVTprivacy .list-os .item-os label {
        padding: .1rem 0 1px 23px
    }
    #EVTprivacy .box-phone {
        height: 44px
    }
    #EVTprivacy .box-phone input {
        font-size: 1.4rem
    }
    #EVTprivacy .box-phone .select {
        margin-right: 6px;
        padding: 0 29px 0 9px;
        background-position: top 50% right 11px;
        font-size: 1.4rem
    }
    #EVTprivacy .btn-auth {
        width: 97px;
        font-size: 1.4rem
    }
    #EVTprivacy .box-auth {
        height: 44px;
        margin-top: 4px
    }
    #EVTprivacy .box-auth input {
        font-size: 1.4rem
    }
    #EVTprivacy .warn {
        height: 32px;
        margin-top: 5px;
        font-size: 12px
    }
    #EVTprivacy .warn:before {
        width: 1.4rem;
        height: 1.4rem;
        margin: .1rem 5px 0 0
    }
    #EVTprivacy .warn.success:before {
        background-size: 8px auto
    }
    #EVTprivacy .list-agree {
        margin-top: 2px
    }
    #EVTprivacy .list-agree li {
        margin-top: 8px;
        line-height: 1.3
    }
    #EVTprivacy .list-agree label {
        padding: .1rem 0 0 26px
    }
    #EVTprivacy .list-agree label:before {
        width: 2rem;
        height: 2rem;
        background-size: 12px auto
    }
    #EVTprivacy .list-agree .btn-detail {
        width: 2rem;
        height: 2rem
    }
    #EVTprivacy .list-agree .check-all {
        margin-top: 0;
        padding-bottom: 6px;
        font-size: 18px;
        line-height: 1.33;
        font-weight: 700
    }
    #EVTprivacy .list-agree .check-all label {
        padding: 0 0 0 3rem
    }
    #EVTprivacy .box-input {
        height: 44px;
        margin-top: 3px
    }
    #EVTprivacy .box-input input {
        font-size: 1.4rem
    }
    #EVTprivacy .box-age {
        height: 44px;
        margin-top: 4px
    }
    #EVTprivacy .box-age input {
        font-size: 1.4rem
    }
    #EVTprivacy .tip-age {
        align-items: flex-end;
        font-size: 12px
    }
    #EVTprivacy .tip-age .tooltip:after {
        max-width: 26rem;
        padding: 2rem
    }
    #EVTprivacy .toast {
        bottom: 68px;
        max-width: 292px;
        padding: 13px 18px;
        font-size: 15px
    }
    #EVTprivacy .btn-send {
        height: 6rem;
        margin-top: 45px;
        font-size: 22px
    }
    .pop-privacy .privacy-layer {
        max-width: 35rem;
        padding: 3rem;
        font-size: 1.4rem
    }
    .pop-privacy .btns {
        margin: 0 -3px
    }
    .pop-privacy .btns>button {
        height: 4rem;
        margin: 0 3px;
        font-size: 1.6rem
    }
    .pop-privacy .privacy-close {
        width: 36px;
        height: 36px;
        background-size: 1.4rem 14px
    }
    .pop-privacy.privacy-email .input-email {
        height: 4rem;
        margin-top: 1rem;
        font-size: 12px
    }
    .pop-privacy.privacy-email .input-email::placeholder {
        font-size: 1rem
    }
    .pop-privacy.privacy-email .warn {
        margin-top: 3px;
        font-size: 1rem;
        line-height: 1.5
    }
    .pop-privacy.privacy-email .warn:before {
        width: 1.4rem;
        height: 1.4rem;
        margin-left: .1rem
    }
    .pop-privacy.privacy-email .btns {
        margin-top: 1rem
    }
    .pop-privacy.privacy-agree .agree-tit {
        font-size: 1.6rem;
        line-height: 1.3
    }
    .pop-privacy.privacy-agree .agree-desc {
        max-height: 336px;
        font-size: 12px
    }
    .pop-privacy.privacy-agree .agree-desc .point {
        font-size: 15px
    }
    .pop-privacy.privacy-agree .btns {
        margin-top: 1.6rem
    }
    .pop-privacy.privacy-txt .cont {
        min-height: 118px
    }
    .pop-privacy.privacy-txt .cont:only-child {
        min-height: 72px;
        max-height: 324px
    }
    .pop-privacy.privacy-txt .btns {
        margin-top: 1rem
    }
}

@media screen and (min-width: 800px) {
    .btn-sound {
        width: auto;
        padding-left: 3rem
    }
    .btn-sound>span {
        display: block;
        color: #fff;
        font-size: 1.2rem;
        font-weight: 700
    }
    .btn-sound>span:nth-child(2) {
        display: none
    }
    .btn-sound.off>span:nth-child(1) {
        display: none
    }
    .btn-sound.off>span:nth-child(2) {
        display: block
    }
    br.view-m {
        display: none
    }
    br.view-pc {
        display: none
    }
    .intro .video-intro.view-m {
        display: none
    }
    .intro .video-intro.view-pc {
        display: block
    }
    .intro .btn-sound {
        bottom: auto;
        top: 10rem;
        margin-left: constant(safe-area-inset-left);
        margin-left: env(safe-area-inset-left)
    }
    .intro .btn-skip {
        bottom: 18.85%;
        font-size: 2.4rem
    }
    #FPBIwrap .contents {
        width: 80rem;
        padding: 0 10rem
    }
    #FPBIwrap .box-txt .tit {
        font-size: 4.2rem
    }
    #FPBIwrap .header .wrap-btn.floating {
        margin-top: 4rem
    }
    #FPBIwrap .header .wrap-btn.floating .list-sns>li {
        width: 5rem;
        height: 5rem
    }
    #FPBIwrap .header .wrap-btn.floating .btn-replay {
        width: 5rem;
        height: 5rem
    }
    #FPBIwrap .video-visual .view-m {
        display: none
    }
    #FPBIwrap .video-visual video {
        height: 211rem
    }
    #FPBIwrap .sect-visual {
        height: 85.2rem;
        padding-top: 8.5rem
    }
    #FPBIwrap .sect-visual .slogan {
        padding-top: 32.7rem;
        font-size: 4.2rem
    }
    #FPBIwrap .sect-visual .slogan:before {
        width: 50rem;
        height: 38.7rem
    }
    #FPBIwrap .sect-visual .list-nation {
        margin-top: 1rem
    }
    #FPBIwrap .sect-visual .btn-frost {
        width: 42rem;
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/btn_frost.png");
        font-size: 2.4rem;
        transition: background-image .4s
    }
    #FPBIwrap .sect-visual .btn-frost:hover {
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/btn_frost_hover.png")
    }
    #FPBIwrap .sect-visual .list-market {
        margin: 2rem auto 0
    }
    #FPBIwrap .sect-visual .list-market>li {
        width: 20.2rem
    }
    #FPBIwrap .sect-visual .list-market>li+li {
        margin-left: .8rem
    }
    #FPBIwrap .sect-visual .scroll {
        width: 5.2rem;
        height: 5.2rem
    }
    #FPBIwrap .sect-visual .btn-sound {
        bottom: auto;
        top: 10rem;
        margin-left: constant(safe-area-inset-left);
        margin-left: env(safe-area-inset-left)
    }
    #FPBIwrap .sect-visual .btn-replay {
        bottom: 4.2rem;
        width: 18.6rem;
        height: 5.2rem;
        padding-left: 1.9rem;
        font-size: 1.4rem
    }
    #FPBIwrap .sect-visual .btn-replay:after {
        width: 2rem;
        height: 2rem;
        margin-left: .5rem
    }
    #FPBIwrap .wrap-floating {
        left: auto;
        right: 1.8rem;
        width: 24rem
    }
    #FPBIwrap .wrap-floating [class^=btn-] {
        padding: 0 1.5rem;
        background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/floating_frost.png") 0 0 no-repeat;
        background-size: 100% 100%
    }
    #FPBIwrap .wrap-floating [class^=btn-].btn-market {
        justify-content: initial;
        align-items: initial;
        width: 100%;
        height: 13.5rem;
        padding: 1.5rem 7.5rem 1.5rem 1.7rem;
        background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/t/floating_pre.png") no-repeat;
        background-size: 100% 100%
    }
    #FPBIwrap .wrap-floating [class^=btn-].btn-frost {
        width: 100%;
        height: 6.2rem
    }
    #FPBIwrap .wrap-floating [class^=btn-].btn-dev {
        width: 100%;
        height: 6.2rem
    }
    #FPBIwrap .wrap-floating .floating-close {
        display: none
    }
    #FPBIwrap .wrap-floating .swiper-wrapper {
        display: block
    }
    #FPBIwrap .wrap-floating .swiper-slide {
        display: block;
        height: auto
    }
    #FPBIwrap .wrap-floating .swiper-slide~.swiper-slide {
        margin-top: 1rem
    }
    #FPBIwrap .wrap-floating .swiper-pagination {
        display: none
    }
    #FPBIwrap .sect-universe .box-txt.sub {
        height: 60rem
    }
    #FPBIwrap .sect-universe .box-txt.sub:before {
        width: 60rem;
        height: 60rem
    }
    #FPBIwrap .sect-universe .video {
        padding: 2.3rem 2.5rem 2.3rem 2.3rem;
        background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/video_frame.png") 0 0 no-repeat;
        background-size: 100% 100%
    }
    #FPBIwrap .sect-universe .video video {
        border: .1rem solid #fff
    }
    #FPBIwrap .sect-universe .img {
        padding: 2.3rem 2.5rem 2.3rem 2.3rem;
        background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/video_frame.png") 0 0 no-repeat;
        background-size: 100% 100%
    }
    #FPBIwrap .sect-universe .img img {
        border: .1rem solid #fff
    }
    #FPBIwrap .sect-universe .area-scroll {
        height: 123.8rem
    }
    #FPBIwrap .sect-universe .area-scroll:after {
        background-image: linear-gradient(180deg, rgba(41, 48, 54, 0) 3.33%, rgba(22, 28, 37, 0.65) 50.48%, #000 100%)
    }
    #FPBIwrap .sect-universe .area-scroll .box-txt {
        padding-top: 11.2rem
    }
    #FPBIwrap .sect-universe .area-scroll .wrap-obj .obj {
        background-size: 128rem 123.8rem
    }
    #FPBIwrap .sect-universe .area-scroll .wrap-obj .obj:nth-child(1) {
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/t/obj_universe_scroll_1.png")
    }
    #FPBIwrap .sect-universe .area-scroll .wrap-obj .obj:nth-child(2) {
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/t/obj_universe_scroll_2.png")
    }
    #FPBIwrap .sect-universe .area-universe {
        margin-top: 0;
        padding-bottom: 11rem;
        background: linear-gradient(180deg, rgba(41, 48, 54, 0) 30.84%, #08090A 76.62%, #000 100%) 50% 100% no-repeat, url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/t/bg_universe_1.png") 50% 0 repeat-y, url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/t/bg_universe_2.png") 50% 100% no-repeat;
        background-size: 100% 30.8rem, 128rem auto, 128rem auto;
        background-color: #000
    }
    #FPBIwrap .sect-universe .area-universe .universe-1 .box-txt.sub {
        padding-top: 18.6rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-1 .video {
        margin: 10.8rem -8.8rem 0
    }
    #FPBIwrap .sect-universe .area-universe .universe-1 .video:before {
        left: auto;
        right: -1.2rem;
        top: -24.8rem;
        width: 60rem;
        height: 41rem;
        transform: none
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 {
        margin-top: -3.2rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .contents {
        padding: 0
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .box-txt.sub {
        padding-top: 15.6rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble {
        margin-top: -16.4rem;
        text-align: left
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble .bubble {
        justify-content: flex-start;
        width: 63.2rem;
        height: 30.6rem;
        padding: 12.8rem 5.3rem 6.4rem 25.6rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble>li:nth-child(1) {
        margin-top: 0
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble>li:nth-child(1) .bubble {
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/bubble_1.png")
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble>li:nth-child(2) {
        margin-top: 2.8rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble>li:nth-child(2) .bubble {
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/bubble_2.png")
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble>li:nth-child(3) {
        margin-top: 2.8rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble>li:nth-child(3) .bubble {
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/bubble_3.png")
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 {
        margin-top: 0;
        padding-bottom: 41.9rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 .box-txt.sub {
        padding-top: 15.7rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 .video {
        margin: -14.4rem -8.8rem 0
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 .video:before {
        left: -9.5rem;
        top: 39rem;
        width: 60rem;
        height: 46.2rem;
        margin-top: 0
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 .video:after {
        right: -5.5rem;
        top: 36.7rem;
        width: 50rem;
        height: 38.5rem;
        margin-top: 0
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 .img {
        margin: -14.4rem -8.8rem 0
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 .img:before {
        left: -9.5rem;
        top: 39rem;
        width: 60rem;
        height: 46.2rem;
        margin-top: 0
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 .img:after {
        right: -5.5rem;
        top: 36.7rem;
        width: 50rem;
        height: 38.5rem;
        margin-top: 0
    }
    #FPBIwrap .sect-universe .area-universe .world {
        margin-top: 2.8rem
    }
    #FPBIwrap .sect-universe .area-universe .world .video {
        margin: 4.2rem -8.8rem 0
    }
    #FPBIwrap .sect-universe .area-universe .world .video .btn-play {
        background-size: 9rem 9rem
    }
    #FPBIwrap .sect-universe .area-universe .world .img {
        margin: 4.2rem -8.8rem 0
    }
    #FPBIwrap .sect-universe .area-universe .world .img>a:after {
        background-size: 9rem 9rem
    }
    #FPBIwrap .sect-community {
        min-height: 13.13rem;
        padding-top: 11.2rem;
        padding-bottom: 13.7rem;
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/t/bg_community.png");
        background-size: 128rem 100%
    }
    #FPBIwrap .sect-community .contents {
        padding: 0 1.6rem
    }
    #FPBIwrap .sect-community .tab-nav>li {
        width: 22rem;
        height: 6.4rem
    }
    #FPBIwrap .sect-community .tab-nav>li:nth-child(1) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='221' height='65' fill='none'%3E%3Cpath stroke='url(%23a)' stroke-opacity='.5' d='M221 14.027H45.812a10 10 0 0 0-7.814 3.76L1 64.133'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-1.991' x2='227.891' y1='39.654' y2='39.654' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.193' stop-color='%23fff'/%3E%3Cstop offset='.812' stop-color='%23fff'/%3E%3Cstop offset='.965' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
    }
    #FPBIwrap .sect-community .tab-nav>li:nth-child(2) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='221' height='65' fill='none'%3E%3Cpath stroke='url(%23a)' stroke-opacity='.5' d='M0 13.895h175.187c3.042 0 5.918 1.384 7.816 3.761L220 64'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='222.991' x2='-6.891' y1='39.522' y2='39.522' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.193' stop-color='%23fff'/%3E%3Cstop offset='.812' stop-color='%23fff'/%3E%3Cstop offset='.965' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
    }
    #FPBIwrap .sect-community .tab-nav>li.on:nth-child(1) {
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/tab_nav_1.png")
    }
    #FPBIwrap .sect-community .tab-nav>li.on:nth-child(2) {
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/tab_nav_2.png")
    }
    #FPBIwrap .sect-community .tab-nav>li>a {
        padding-top: 1.4rem;
        font-size: 1.6rem
    }
    #FPBIwrap .sect-community .tab-nav:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='768' height='1' fill='none'%3E%3Cpath stroke='url(%23a)' stroke-opacity='.3' d='M0 .5h768'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-10.44' x2='792.057' y1='1.511' y2='1.511' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.193' stop-color='%23fff'/%3E%3Cstop offset='.812' stop-color='%23fff'/%3E%3Cstop offset='.965' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
    }
    #FPBIwrap .sect-community .tab-cont {
        height: auto;
        margin-top: 2.3rem;
        margin-bottom: -0.9rem;
        padding-bottom: 0
    }
    #FPBIwrap .sect-community .tab-cont [class^=list-flockler-] {
        width: 77.2rem
    }
    #FPBIwrap .sect-community .tab-cont [class^=list-flockler-] .flockler-posts {
        flex-wrap: wrap;
        width: 100%
    }
    #FPBIwrap .sect-community .tab-cont [class^=list-flockler-] .flockler-grid-item {
        flex: 0 0 50%;
        padding: .9rem
    }
    #FPBIwrap .sect-artwork {
        padding-top: 8.7rem;
        padding-bottom: 6rem;
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/t/bg_artwork.png");
        background-size: 128rem auto
    }
    #FPBIwrap .sect-artwork .wrap-artwork .swiper-artwork {
        width: 50rem;
        margin-top: 4.5rem
    }
    #FPBIwrap .sect-artwork .wrap-artwork [class^=swiper-button] {
        margin-top: 2.7rem
    }
    #FPBIwrap .footer {
        height: 47rem;
        margin-top: -6rem;
        padding-top: 13.4rem;
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/t/bg_footer.png");
        background-size: 128rem 47rem
    }
    #FPBIwrap .footer .list-company {
        margin-top: 2.4rem
    }
    #FPBIwrap .footer .copyright-1 {
        margin-top: 2.4rem
    }
    #FPBIwrap .footer .bot {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 2.4rem;
        padding-top: 2.5rem;
        border-top: .1rem solid #dce2ee
    }
    #FPBIwrap .footer .bot:before {
        content: none
    }
    #FPBIwrap .footer .bot .btn-privacy {
        display: block;
        margin-top: 0
    }
    #FPBIwrap .layer-artwork {
        padding: 5rem 0
    }
    #FPBIwrap .layer-artwork .layer {
        margin: auto
    }
    #FPBIwrap .layer-artwork .wrap-artwork {
        width: 76.8rem;
        padding: 7.5rem 0
    }
    #FPBIwrap .layer-artwork .swiper-artwork {
        width: 50rem
    }
    #FPBIwrap .layer-artwork .swiper-artwork .swiper-slide-active {
        transform: scale(1.536)
    }
    #FPBIwrap .layer-artwork .swiper-button-prev {
        left: -0.5rem
    }
    #FPBIwrap .layer-artwork .swiper-button-next {
        right: -0.5rem
    }
    #FPBIwrap .layer-artwork .btn-close {
        margin-bottom: .8rem
    }
    #FPBIwrap .cookie .contents {
        display: flex;
        align-items: center;
        padding: 3rem 1.6rem
    }
    #FPBIwrap .cookie .contents:after {
        display: block;
        clear: both;
        content: ""
    }
    #FPBIwrap .cookie .txt {
        flex: 1
    }
    #FPBIwrap .cookie .btn-cookie {
        float: none;
        margin-top: 0;
        margin-left: 3rem
    }
}

@media screen and (min-width: 800px)and (min-width: 800px)and (max-width: 1279px) {
    #FPBIwrap:lang(de) .sect-visual .slogan {
        font-size: 3.4rem
    }
    #FPBIwrap:lang(fr) .sect-visual .slogan {
        font-size: 4rem
    }
}

@media screen and (min-width: 1280px) {
    html {
        font-size: .625vw
    }
    br.view-t {
        display: none
    }
    br.view-pc {
        display: block
    }
    #FPBIwrap {
        overflow: initial;
        max-width: 256rem;
        margin: 0 auto
    }
    #FPBIwrap .contents {
        width: 100%;
        max-width: 160rem;
        padding: 0 10rem
    }
    #FPBIwrap .box-txt .tit {
        font-size: 5.6rem
    }
    #FPBIwrap [class^=swiper-button] {
        position: absolute;
        top: 50%;
        width: 5rem;
        height: 5rem
    }
    #FPBIwrap [class^=swiper-button]:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M40 0H5.696A6.191 6.191 0 0 1 0 6.649v27.655A6.192 6.192 0 0 1 5.696 40H40V0Z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cpath fill='%23CE2525' fill-opacity='.1' fill-rule='evenodd' d='M40 0H5.696A6.191 6.191 0 0 1 0 6.649v27.655A6.192 6.192 0 0 1 5.696 40H40V0Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-opacity='.5' d='M5.696 0 4.7.076 4.617-1h1.08v1ZM40 0v-1h1v1h-1ZM0 6.649h-1v-.927l.924-.07.076.997Zm0 27.655-.076.997-.924-.07v-.927h1ZM5.696 40v1H4.77l-.07-.924.997-.076ZM40 40h1v1h-1v-1ZM5.696-1H40v2H5.696v-2ZM4.714.476c0-.135-.005-.268-.015-.4l1.994-.152c.014.183.021.367.021.552h-2Zm-4.79 5.176A5.191 5.191 0 0 0 4.714.476h2a7.191 7.191 0 0 1-6.638 7.17l-.152-1.994ZM-1 34.304V6.649h2v27.655h-2Zm5.7 5.772A5.192 5.192 0 0 0-.077 35.3l.152-1.994a7.192 7.192 0 0 1 6.617 6.617l-1.994.152ZM40 41H5.696v-2H40v2Zm1-41v40h-2V0h2Z' mask='url(%23a)'/%3E%3Cg filter='url(%23b)'%3E%3Cmask id='c' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M36.8 3.2H7.985A5.2 5.2 0 0 1 3.2 8.785v23.23A5.201 5.201 0 0 1 7.985 36.8H36.8V3.2Z' clip-rule='evenodd'/%3E%3C/mask%3E%3Cpath fill='%23CE2525' fill-opacity='.3' fill-rule='evenodd' d='M36.8 3.2H7.985A5.2 5.2 0 0 1 3.2 8.785v23.23A5.201 5.201 0 0 1 7.985 36.8H36.8V3.2Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-opacity='.2' d='m7.985 3.2-.997.076L6.906 2.2h1.079v1Zm28.815 0v-1h1v1h-1ZM3.2 8.785h-1v-.927l.924-.07.076.997Zm0 23.23-.076.997-.924-.07v-.927h1ZM7.985 36.8v1h-.927l-.07-.924.997-.076Zm28.815 0h1v1h-1v-1ZM7.985 2.2H36.8v2H7.985v-2ZM7 3.6c0-.11-.004-.217-.012-.324l1.994-.152c.012.157.018.316.018.476H7ZM3.124 7.788A4.2 4.2 0 0 0 7 3.6h2a6.2 6.2 0 0 1-5.724 6.182l-.152-1.994ZM2.2 32.015V8.785h2v23.23h-2Zm4.788 4.86a4.201 4.201 0 0 0-3.864-3.863l.152-1.994a6.201 6.201 0 0 1 5.706 5.706l-1.994.152ZM36.8 37.8H7.985v-2H36.8v2Zm1-34.6v33.6h-2V3.2h2Z' mask='url(%23c)'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M20.679 25.6H25.6l-6.17-5.872 5.542-5.328H20L14.4 19.728 20.68 25.6Z'/%3E%3Cdefs%3E%3Cfilter id='b' width='41.6' height='41.6' x='-.8' y='-.8' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='2'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_568_3438'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_backgroundBlur_568_3438' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
    }
    #FPBIwrap .header {
        left: 50%;
        max-width: 256rem;
        transform: translateX(-50%)
    }
    #FPBIwrap .header .contents {
        max-width: 100%
    }
    #FPBIwrap .header .btn-menu {
        display: none
    }
    #FPBIwrap .header .wrap-menu {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow-y: hidden;
        position: relative;
        height: 60px;
        padding: 0;
        background: none;
        transform: none;
        transition: none
    }
    #FPBIwrap .header .wrap-menu .logo {
        position: absolute;
        left: 0;
        top: 7px;
        width: 160px;
        height: 46px;
        margin: 0;
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/logo_header.png")
    }
    #FPBIwrap .header .wrap-menu .btn-close {
        display: none
    }
    #FPBIwrap .header .wrap-menu .list-menu {
        display: flex;
        align-items: center;
        margin-top: 0;
        font-size: 14px
    }
    #FPBIwrap .header .wrap-menu .list-menu>li:nth-child(n+2) {
        margin-top: 0;
        margin-left: 60px
    }
    #FPBIwrap .header .wrap-menu .list-menu a {
        display: flex;
        align-items: center;
        height: 46px;
        padding: 0
    }
    #FPBIwrap .header .wrap-menu .list-menu a:hover {
        color: #c62424
    }
    #FPBIwrap .header .wrap-menu .btn-frost {
        display: none;
        width: 185px;
        height: 40px;
        margin-top: 0;
        margin-left: 40px;
        padding: 0 20px;
        background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/m/btn_frost.png") 0 0 no-repeat;
        background-size: 100% 100%;
        font-size: 14px
    }
    #FPBIwrap .header .wrap-menu .list-sns {
        display: none
    }
    #FPBIwrap .header .list-market {
        right: 1.6rem;
        z-index: 20
    }
    #FPBIwrap .header .list-market>li {
        display: block !important;
        width: 136px
    }
    #FPBIwrap .header .list-sns.floating {
        right: 16px;
        margin-top: 30px
    }
    #FPBIwrap .header .list-sns.floating>li {
        width: 60px;
        height: 60px
    }
    #FPBIwrap .video-visual .view-t {
        display: none
    }
    #FPBIwrap .video-visual video {
        height: 302.2rem
    }
    #FPBIwrap .sect-visual {
        height: 106.8rem;
        padding-top: 6rem
    }
    #FPBIwrap .sect-visual .slogan {
        padding-top: 41.9rem;
        font-size: 5rem
    }
    #FPBIwrap .sect-visual .slogan:before {
        width: 60.8rem;
        height: 47rem
    }
    #FPBIwrap .sect-visual .list-nation {
        margin-top: 1.2rem
    }
    #FPBIwrap .sect-visual .list-market {
        margin-top: 1.3rem
    }
    #FPBIwrap .sect-visual .scroll {
        bottom: 12.6rem
    }
    #FPBIwrap .sect-visual .btn-replay {
        bottom: 13rem;
        width: 21.8rem;
        padding-left: 1.5rem
    }
    #FPBIwrap .btn-frost.floating {
        right: 1.8rem;
        bottom: auto;
        top: 50%;
        width: 28rem;
        height: 7.2rem;
        margin-top: -3.6rem;
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/floating_frost.png");
        font-size: 1.4rem
    }
    #FPBIwrap .btn-frost.floating:before {
        width: 2.3rem;
        height: 4.1rem;
        margin-right: .9rem
    }
    #FPBIwrap .wrap-floating {
        width: 28rem;
        top: 50%;
        transform: translateY(-20%)
    }
    #FPBIwrap .wrap-floating [class^=btn-] {
        padding: 0 2rem;
        font-size: 1.4rem;
        background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/floating_frost.png") 0 0 no-repeat;
        background-size: 100% 100%
    }
    #FPBIwrap .wrap-floating [class^=btn-].btn-market {
        height: 15.8rem;
        padding: 1.8rem 9.6rem 1.8rem 2rem;
        background: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/floating_pre.png") no-repeat;
        background-size: 100% 100%
    }
    #FPBIwrap .wrap-floating [class^=btn-].btn-frost {
        height: 7.2rem
    }
    #FPBIwrap .wrap-floating [class^=btn-].btn-dev {
        height: 7.2rem
    }
    #FPBIwrap .wrap-floating .swiper-slide~.swiper-slide {
        margin-top: 1.2rem
    }
    #FPBIwrap .sect-universe .box-txt.sub {
        width: 90rem;
        height: 90rem
    }
    #FPBIwrap .sect-universe .box-txt.sub:lang(de) {
        padding-right: 10rem;
        padding-left: 10rem
    }
    #FPBIwrap .sect-universe .box-txt.sub:before {
        width: 90rem;
        height: 90rem
    }
    #FPBIwrap .sect-universe .video {
        padding: 2.5rem 2.6rem 2.5rem 2.4rem
    }
    #FPBIwrap .sect-universe .area-scroll {
        height: 195.4rem
    }
    #FPBIwrap .sect-universe .area-scroll:after {
        height: 52.1rem;
        background-image: linear-gradient(180deg, rgba(37, 55, 67, 0.01) 6.91%, #000 100%)
    }
    #FPBIwrap .sect-universe .area-scroll .box-txt {
        padding-top: 10rem
    }
    #FPBIwrap .sect-universe .area-scroll .wrap-obj {
        height: 204.6rem
    }
    #FPBIwrap .sect-universe .area-scroll .wrap-obj .obj {
        background-size: 256rem 195.4rem
    }
    #FPBIwrap .sect-universe .area-scroll .wrap-obj .obj:nth-child(1) {
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/obj_universe_scroll_1.png")
    }
    #FPBIwrap .sect-universe .area-scroll .wrap-obj .obj:nth-child(2) {
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/obj_universe_scroll_2.png");
        transform-origin: 50% 65%
    }
    #FPBIwrap .sect-universe .area-universe {
        padding-bottom: 12.7rem;
        background: linear-gradient(180deg, rgba(41, 48, 54, 0) 30.84%, #08090A 76.62%, #000 100%) 50% 100% no-repeat, url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/bg_universe.png") 50% 0 repeat-y;
        background-size: 256rem 30.8rem, 256rem auto;
        background-color: #000
    }
    #FPBIwrap .sect-universe .area-universe .universe-1 {
        padding-top: 6rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-1 .contents {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0
    }
    #FPBIwrap .sect-universe .area-universe .universe-1 .box-txt.sub {
        margin-left: -11.8rem;
        padding-top: 32.2rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-1 .video {
        width: 81.8rem;
        margin: 0 0 2.8rem -7.3rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-1 .video:before {
        right: -18.7rem;
        top: -24.9rem;
        width: 75rem;
        height: 51.2rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 {
        overflow: initial;
        margin-top: 0
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .contents {
        padding: 0
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .wrap-box {
        overflow: hidden;
        position: sticky;
        top: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 100vh
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .wrap-box .box-txt.sub {
        margin-right: -1.6rem;
        padding-top: 31.1rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble {
        position: relative;
        height: 215vh;
        margin: -100vh 0 0 8.3rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble>li {
        height: 100vh;
        display: flex;
        align-items: center
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble .bubble {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 63.2rem;
        height: 30.6rem;
        margin: 0;
        padding: 12.8rem 5.3rem 6.4rem 25.6rem;
        background-size: 100% 100%
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble>li:nth-child(1) {
        margin: 0 0 -45vh
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble>li:nth-child(2) {
        margin: 0 0 -30vh
    }
    #FPBIwrap .sect-universe .area-universe .universe-2 .list-bubble>li:nth-child(3) {
        height: 70vh;
        margin: 0
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 {
        margin-top: -10rem;
        padding-top: 10rem;
        padding-bottom: 19.5rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 .contents {
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 .box-txt.sub {
        margin-left: -7.1rem;
        padding-top: 31.1rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 .video {
        width: 81.8rem;
        margin: 10.2rem 0 0 -12rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 .video:before {
        left: -27.1rem;
        top: 26.9rem;
        width: 69.8rem;
        height: 53.7rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 .video:after {
        right: -12rem;
        top: -40rem;
        width: 66.1rem;
        height: 50.8rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 .img {
        width: 81.8rem;
        margin: 10.2rem 0 0 -12rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 .img:before {
        left: -27.1rem;
        top: 26.9rem;
        width: 69.8rem;
        height: 53.7rem
    }
    #FPBIwrap .sect-universe .area-universe .universe-3 .img:after {
        right: -12rem;
        top: -40rem;
        width: 66.1rem;
        height: 50.8rem
    }
    #FPBIwrap .sect-universe .area-universe .world {
        margin-top: 3.3rem
    }
    #FPBIwrap .sect-universe .area-universe .world .video {
        width: 97rem;
        margin: 3.2rem auto 0
    }
    #FPBIwrap .sect-universe .area-universe .world .img {
        width: 97rem;
        margin: 3.2rem auto 0
    }
    #FPBIwrap .sect-community {
        min-height: 84.8rem;
        padding-top: 13rem;
        padding-bottom: 13rem;
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/bg_community.png");
        background-size: 256rem 100%
    }
    #FPBIwrap .sect-community .contents {
        padding: 0 4rem
    }
    #FPBIwrap .sect-community .tab-nav {
        width: 94.4rem;
        margin: 0 auto
    }
    #FPBIwrap .sect-community .tab-cont {
        margin: 2.6rem -0.8rem -0.8rem
    }
    #FPBIwrap .sect-community .tab-cont [class^=flocker1] article {
        padding: .6rem
    }
    #FPBIwrap .sect-community .tab-cont [class^=list-flockler-] {
        width: 100%
    }
    #FPBIwrap .sect-community .tab-cont [class^=list-flockler-] .flockler-grid-item {
        flex: 0 0 25%;
        padding: .8rem
    }
    #FPBIwrap .sect-artwork {
        padding-top: 13rem;
        padding-bottom: 18rem;
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/bg_artwork.png");
        background-size: 256rem auto
    }
    #FPBIwrap .sect-artwork .contents {
        padding: 0 3.4rem
    }
    #FPBIwrap .sect-artwork .wrap-artwork .swiper-artwork {
        overflow: hidden;
        width: 100%;
        margin-top: 4.8rem
    }
    #FPBIwrap .sect-artwork .wrap-artwork [class^=swiper-button] {
        position: absolute;
        margin-top: -2.5rem
    }
    #FPBIwrap .sect-artwork .wrap-artwork .swiper-button-prev {
        left: -1.6rem
    }
    #FPBIwrap .sect-artwork .wrap-artwork .swiper-button-next {
        right: -1.6rem
    }
    #FPBIwrap .footer {
        height: 59.8rem;
        margin-top: -26rem;
        padding-top: 31.2rem;
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/bg_footer.png");
        background-size: 256rem 59.8rem
    }
    #FPBIwrap .footer .contents {
        max-width: 100%;
        padding: 0 1.6rem
    }
    #FPBIwrap .footer .list-sns>li:hover {
        background-color: rgba(255, 255, 255, .8)
    }
    #FPBIwrap .footer .list-company {
        margin-top: 1.3rem
    }
    #FPBIwrap .footer .copyright-1 {
        margin-top: 2.7rem
    }
    #FPBIwrap .footer .bot {
        margin-top: 2.8rem;
        padding-top: 2.7rem
    }
    #FPBIwrap .layer-artwork .wrap-artwork {
        width: 111rem;
        padding: 0
    }
    #FPBIwrap .layer-artwork .swiper-artwork {
        overflow: hidden;
        width: 100%
    }
    #FPBIwrap .layer-artwork .swiper-artwork .swiper-slide:after {
        content: none
    }
    #FPBIwrap .layer-artwork .swiper-artwork .swiper-slide-active {
        transform: scale(1)
    }
    #FPBIwrap .layer-artwork .swiper-button-prev {
        left: -2.3rem;
        width: 5rem
    }
    #FPBIwrap .layer-artwork .swiper-button-next {
        right: -2.3rem
    }
    #FPBIwrap .layer-artwork .btn-close {
        position: absolute;
        left: 100%;
        top: -4.9rem;
        margin: 0 0 0 1rem
    }
    #FPBIwrap .layer-frost .layer {
        width: 64rem;
        height: 70rem;
        padding: 19.7rem 11rem 9.5rem;
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/bg_pop_frost.png")
    }
    #FPBIwrap .layer-frost .layer:lang(de) {
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/bg_pop_frost_de.png")
    }
    #FPBIwrap .layer-frost .layer:before {
        left: -18.1rem;
        top: 2.1rem;
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/frost_dust_1.png")
    }
    #FPBIwrap .layer-frost .layer:after {
        right: -18.9rem;
        bottom: 3.6rem;
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/frost_dust_2.png")
    }
    #FPBIwrap .layer-frost .privacy-wrap .tip-age .tooltip .tooltip-txt {
        max-width: 30rem
    }
    #FPBIwrap .layer-frost .privacy-wrap .btn-send {
        border: 0;
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/btn_send.png");
        transition: background-image .4s
    }
    #FPBIwrap .layer-frost .privacy-wrap .btn-send:hover {
        background-image: url("https://hive-fn.qpyou.cn/markup/img/brand/fpbi/pc/btn_send_hover.png")
    }
    #FPBIwrap .layer-frost .btn-notice {
        bottom: 7.2rem
    }
    #FPBIwrap .layer-frost .btn-notice:lang(de),
    #FPBIwrap .layer-frost .btn-notice:lang(fr) {
        bottom: 5.2rem
    }
    #FPBIwrap .layer-frost .btn-close {
        right: -4.1rem;
        top: -0.8rem
    }
    #FPBIwrap .cookie .contents {
        padding: 2.2rem
    }
}

@media screen and (min-width: 1280px)and (min-width: 2561px) {
    #FPBIwrap .sect-universe .area-scroll .wrap-obj .obj {
        background-size: 100% auto
    }
}

@media screen and (min-width: 1280px)and (min-height: 960px) {
    #FPBIwrap .sect-visual {
        padding-top: 12.2rem
    }
    #FPBIwrap .sect-visual .scroll {
        bottom: 9.6rem
    }
}

@media screen and (min-width: 1600px) {
    html {
        font-size: 10px
    }
}