.media_page{position:relative;width:100%;height:100vh;overflow:hidden}.media_page .media_text{position:absolute;color:#fff;font-family:tomorrow;font-size:.12rem;font-weight:400;line-height:normal;text-transform:capitalize;top:1.28rem;left:.72rem;transform:translateY(5rem)}.media_page .icon1{position:absolute;right:.72rem;top:1.27rem;opacity:.5;width:.17rem;height:auto}.media_page .title{position:absolute;left:.72rem;bottom:1.33rem;transform:translateY(3rem);z-index:1;transition:opacity .6s ease-out}.media_page .title.hide{opacity:0}.media_page .title span{display:block;font-family:mf;font-size:1.18rem;white-space:nowrap;transform-origin:center left;transform:scaleX(.6);color:#fff;line-height:1}.media_page[data-lang=en] .title span,.media_page[data-lang=ja] .title span,.media_page[data-lang=ko] .title span,.media_page[data-lang=zh-TW] .title span{transform:scaleX(1)}.media_page[data-lang=ko] .title span{font-family:BlackHanSans;font-size:1rem}.media_page[data-lang=ja] .title span{font-family:MPlus;font-weight:800;font-size:1rem}.media_page[data-lang=en] .title span{font-family:tomorrow;font-weight:700;font-size:1rem;white-space:pre-line;text-transform:uppercase;line-height:.88rem}.media_page[data-lang=zh-TW] .title span{font-family:MPlus;font-weight:800;font-size:.88rem}.media_page .aser_text{position:absolute;display:flex;align-items:start;left:.72rem;bottom:.72rem;transform:translateY(3rem)}.media_page .aser_text img{width:.17rem;height:auto;margin-right:.08rem;margin-top:.01rem}.media_page .aser_text span{color:#fff;font-family:tomorrow;font-size:.11rem;line-height:normal;letter-spacing:.22px;text-transform:uppercase}.media_page .media_scale{position:absolute;bottom:2.89rem;height:.14rem}.media_page .media_scale .container{display:flex;align-items:center;margin-left:.72rem}.media_page .media_scale .container span.num{color:#fff;font-family:tomorrow;font-size:.12rem;font-weight:500;line-height:normal;letter-spacing:.24px;text-transform:uppercase;opacity:.5}.media_page .media_scale .container span.num.active{opacity:1}.media_page .media_scale .container .rect{width:.72rem}.media_page .media_scale .container .line{display:flex;align-items:flex-end;margin-left:.64rem;margin-right:.64rem;pointer-events:none}.media_page .media_scale .container .line span{width:1px;height:.04rem;background-color:#fff;opacity:.3;margin-left:.08rem;margin-right:.08rem}.media_page .media_scale .container .line span:nth-child(4){height:.1rem}.media_page .media_scale .container .line:nth-child(2) span{opacity:1}.media_page .media_container{position:absolute;width:12rem;margin-left:3.72rem}.media_page .media_container .media_item{display:flex;align-items:flex-start;margin-bottom:1.8rem}.media_page .media_container .media_item .content{color:#fff;font-family:tomorrow;font-size:.1rem;line-height:.2rem;text-transform:uppercase;width:.8rem;display:none}.media_page .media_container .media_item .content .name{text-transform:capitalize;font-size:.16rem;margin-bottom:.73rem}.media_page[data-lang=en] .media_container .media_item .content .name,.media_page[data-lang=ja] .media_container .media_item .content .name,.media_page[data-lang=ko] .media_container .media_item .content .name,.media_page[data-lang=zh-TW] .media_container .media_item .content .name{font-family:MPlus;font-weight:600}.media_page .media_container .media_item .content .num{margin-bottom:.73rem;word-wrap:break-word;opacity:.5}.media_page .media_container .media_item .content .time{opacity:.5}.media_page .media_container .media_item .pic_group{display:flex;max-width:100vh;min-width:7.5rem;margin-right:.32rem;justify-content:flex-end;overflow:hidden}.media_page .media_container .media_item a.pic{max-width:100vh;overflow:hidden}.media_page .media_container .media_item a.pic img{height:auto;max-width:100%;max-height:6rem;object-fit:contain;transition:transform .3s ease-out}.media_page .media_container .media_item:nth-child(4n+3),.media_page .media_container .media_item:nth-child(4n+4){flex-direction:row-reverse}.media_page .media_container .media_item:nth-child(4n+3) .pic_group,.media_page .media_container .media_item:nth-child(4n+4) .pic_group{margin-left:.32rem;margin-right:0;justify-content:flex-start}.media_page .media_container .media_item:first-child{align-items:center}.media_page .media_container .media_item:first-child .pic_group{width:100vh;height:100vh;justify-content:center;align-items:center;opacity:0}.media_page .media_container .media_item:first-child .pic_group a.pic{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.media_page .media_container .media_item:first-child .pic_group a.pic img{max-height:unset}.media_page .media_container .media_item a.pic:hover img{transform:scale(1.1)}.media_page .media_container .media_item:first-child a.pic:hover img{transform:scale(1)}.media_page .row_line_pic{position:absolute;top:0;height:100%;width:auto;display:none}.media_page .row_line_pic.line1{left:3.19rem}.media_page .row_line_pic.line2{left:9.6rem}.media_page .row_line_pic.line3{right:3.39rem}.media_page .row_line{position:absolute;top:calc(100vh - 2.68rem);width:100%;height:1px;background-color:rgba(255,255,255,.3);display:none}.media_popup{position:fixed;top:0;width:100%;height:100%;background-color:#000;z-index:999;pointer-events:none;opacity:0;transition:opacity .6s ease-out}.media_popup.show{opacity:1;pointer-events:unset}.media_popup .line{position:absolute;top:0;height:100%;width:auto;pointer-events:none}.media_popup .line.line1{left:3.19rem}.media_popup .line.line2{left:9.6rem}.media_popup .line.line3{right:3.39rem}.media_popup .half_line{position:absolute;top:0;height:100%}.media_popup .half_line::after,.media_popup .half_line::before{content:"";position:absolute;width:1px;height:calc(50vh - .64rem);background-color:rgba(255,255,255,.5)}.media_popup .half_line::after{bottom:0}.media_popup .half_line.line4{left:.96rem}.media_popup .half_line.line5{right:.96rem}.media_popup a.close_btn{position:absolute;right:0;width:.96rem;height:.96rem;border-bottom:solid 1px #848b86;box-sizing:border-box;display:flex;justify-content:center;align-items:center;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMEgyTDE0LjY2NjcgMTIuNjY2N1YxNC42NjY3SDEyLjY2NjdMMCAyVjBaIiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbC1vcGFjaXR5OjE7Ii8+CjxwYXRoIGQ9Ik0xNC42NjY3IDE3LjMzMzNIMTIuNjY2N0wwIDMwVjMySDJMMTQuNjY2NyAxOS4zMzMzVjE3LjMzMzNaIiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbC1vcGFjaXR5OjE7Ii8+CjxwYXRoIGQ9Ik0zMiAwSDMwTDE3LjMzMzMgMTIuNjY2N1YxNC42NjY3SDE5LjMzMzNMMzIgMlYwWiIgZmlsbD0id2hpdGUiIHN0eWxlPSJmaWxsOndoaXRlO2ZpbGwtb3BhY2l0eToxOyIvPgo8cGF0aCBkPSJNMTcuMzMzMyAxNy4zMzMzSDE5LjMzMzNMMzIgMzBWMzJIMzBMMTcuMzMzMyAxOS4zMzMzVjE3LjMzMzNaIiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbC1vcGFjaXR5OjE7Ii8+Cjwvc3ZnPgo=) no-repeat center center;background-size:auto .32rem;background-color:transparent;transition:background-color .3s ease-out}.media_popup a.close_btn:hover{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMEgyTDE0LjY2NjcgMTIuNjY2N1YxNC42NjY3SDEyLjY2NjdMMCAyVjBaIiBmaWxsPSJibGFjayIgc3R5bGU9ImZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjE7Ii8+CjxwYXRoIGQ9Ik0xNC42NjY3IDE3LjMzMzNIMTIuNjY2N0wwIDMwVjMySDJMMTQuNjY2NyAxOS4zMzMzVjE3LjMzMzNaIiBmaWxsPSJibGFjayIgc3R5bGU9ImZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjE7Ii8+CjxwYXRoIGQ9Ik0zMiAwSDMwTDE3LjMzMzMgMTIuNjY2N1YxNC42NjY3SDE5LjMzMzNMMzIgMlYwWiIgZmlsbD0iYmxhY2siIHN0eWxlPSJmaWxsOmJsYWNrO2ZpbGwtb3BhY2l0eToxOyIvPgo8cGF0aCBkPSJNMTcuMzMzMyAxNy4zMzMzSDE5LjMzMzNMMzIgMzBWMzJIMzBMMTcuMzMzMyAxOS4zMzMzVjE3LjMzMzNaIiBmaWxsPSJibGFjayIgc3R5bGU9ImZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjE7Ii8+Cjwvc3ZnPgo=) no-repeat center center;background-size:auto .32rem;background-color:#5cfcfc}.media_popup .bl_text{position:absolute;color:#fff;font-family:tomorrow;font-size:.12rem;font-weight:500;line-height:normal;letter-spacing:.24px;text-transform:uppercase;transform-origin:left center;transform:rotate(90deg) translate(-100%,-50%);bottom:.32rem;left:.37rem}.media_popup .icon1{position:absolute;bottom:.32rem;left:1.28rem;width:auto;height:.32rem}.media_popup .label{position:absolute;right:1.28rem;bottom:.32rem;color:#fff;font-family:tomorrow;font-size:.1rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.2px;text-transform:uppercase}.media_popup a.download_btn{position:absolute;width:.37rem;height:1.36rem;background-color:#5cfcfc;bottom:1.47rem;right:.3rem;display:none}.media_popup a.download_btn img.text{position:absolute;display:block;top:.16rem;left:50%;transform:translateX(-50%);height:auto}.media_popup[data-lang=ko] a.download_btn.ko{height:1.7rem;display:block}.media_popup[data-lang=ko] a.download_btn img.text{width:.13rem}.media_popup[data-lang=ja] a.download_btn.ja{height:2rem;display:block}.media_popup[data-lang=ja] a.download_btn img.text{width:.16rem}.media_popup[data-lang=en] a.download_btn.en{height:2.3rem;display:block}.media_popup[data-lang=en] a.download_btn img.text{width:.12rem}.media_popup[data-lang=zh-TW] a.download_btn.zh-TW{display:block}.media_popup[data-lang=zh-TW] a.download_btn img.text{width:.19rem}.media_popup a.download_btn span{position:absolute;left:50%;top:.05rem;display:block;color:#000;font-size:.16rem;font-weight:500;white-space:nowrap;letter-spacing:0;text-transform:uppercase;line-height:.21rem;height:.21rem;transform-origin:left center;transform:rotate(90deg)}.media_popup a.download_btn img.arrow{position:absolute;width:.2rem;height:auto;bottom:.16rem;left:.085rem}.media_popup .pagination{position:absolute;color:#fff;font-family:tomorrow;font-size:.24rem;font-weight:300;letter-spacing:-.48px;text-transform:uppercase;white-space:nowrap;transform-origin:left center;height:.3rem;line-height:.3rem;transform:rotate(90deg) translate(-100%,-50%);bottom:.16rem;left:18.61rem}.media_popup .pagination span.active{color:#5cfcfc}.media_popup .filter{position:absolute;display:flex;justify-content:center;align-items:center;bottom:.32rem;left:50%;transform:translateX(-50%)}.media_popup .filter img{width:auto;height:.16rem}.media_popup .filter .filter_line{width:1px;height:.12rem;background-color:#fff;opacity:.3}.media_popup .filter a{margin-left:.16rem;margin-right:.16rem;color:#fff;font-family:OPPOSans;font-size:.14rem;text-transform:capitalize;opacity:.5;transition:opacity .3s ease-out,color .3s ease-out}.media_popup[data-lang=en] .filter a,.media_popup[data-lang=ja] .filter a,.media_popup[data-lang=ko] .filter a,.media_popup[data-lang=zh-TW] .filter a{font-family:MPlus;font-weight:600;text-transform:uppercase}.media_popup .filter a.active{opacity:1}.media_popup .filter a:hover{color:#5cfcfc;opacity:1}.media_popup .banner{position:absolute;width:100%;height:100%}.media_popup .banner .pic{position:absolute;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;opacity:0;transform-origin:center center;transform:scale(1);transition:opacity .3s ease-out,transform .3s ease-out;pointer-events:none}.media_popup .banner .pic.active{opacity:1;pointer-events:unset}.media_popup .banner .pic.out{opacity:0;transform:scale(2);pointer-events:none}.media_popup .banner .pic video{position:absolute;width:100%;height:100%;object-fit:contain}.media_popup .banner .pic a.play_video{position:absolute;width:.75rem;height:.75rem;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzUiIGhlaWdodD0iNzUiIHZpZXdCb3g9IjAgMCA3NSA3NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIDEiPgo8cGF0aCBpZD0iU3VidHJhY3QiIGQ9Ik00OS40ODA1IDAuNUw3NC41IDI1LjUxOTVWNzQuNUgwLjVWMC41SDQ5LjQ4MDVaIiBzdHJva2U9IndoaXRlIiBzdHlsZT0ic3Ryb2tlOndoaXRlO3N0cm9rZS1vcGFjaXR5OjE7Ii8+CjxnIGlkPSJWZWN0b3IiPgo8cGF0aCBkPSJNNjguNiA3SDcwVjUuNkw2NC40IDBINjNWMS40TDY4LjYgN1oiIGZpbGw9IndoaXRlIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiLz4KPHBhdGggZD0iTTczLjYgN0g3NVY1LjZMNjkuNCAwSDY4VjEuNEw3My42IDdaIiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbC1vcGFjaXR5OjE7Ii8+CjwvZz4KPHBhdGggaWQ9IlBvbHlnb24gMSIgZD0iTTQ4IDM3TDI4IDUwTDI4IDI0TDQ4IDM3WiIgZmlsbD0id2hpdGUiIHN0eWxlPSJmaWxsOndoaXRlO2ZpbGwtb3BhY2l0eToxOyIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat center center;background-size:cover;left:50%;top:50%;transform:translate(-50%,-50%)}.media_popup .banner .pic a.play_video:hover{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzUiIGhlaWdodD0iNzUiIHZpZXdCb3g9IjAgMCA3NSA3NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ5LjY4NzUgMEgwVjc1SDc1VjI1LjMxMjVMNDkuNjg3NSAwWiIgZmlsbD0iIzVDRkNGQyIgc3R5bGU9ImZpbGw6IzVDRkNGQztmaWxsOmNvbG9yKGRpc3BsYXktcDMgMC4zNjA4IDAuOTg4MiAwLjk4ODIpO2ZpbGwtb3BhY2l0eToxOyIvPgo8cGF0aCBkPSJNNjguNiA3SDcwVjUuNkw2NC40IDBINjNWMS40TDY4LjYgN1oiIGZpbGw9IndoaXRlIiBzdHlsZT0iZmlsbDp3aGl0ZTtmaWxsLW9wYWNpdHk6MTsiLz4KPHBhdGggZD0iTTczLjYgN0g3NVY1LjZMNjkuNCAwSDY4VjEuNEw3My42IDdaIiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbC1vcGFjaXR5OjE7Ii8+CjxwYXRoIGQ9Ik00OCAzN0wyOCA1MEwyOCAyNEw0OCAzN1oiIGZpbGw9ImJsYWNrIiBzdHlsZT0iZmlsbDpibGFjaztmaWxsLW9wYWNpdHk6MTsiLz4KPC9zdmc+Cg==) no-repeat center center;background-size:cover}.media_popup .banner .pic a.play_video.pause{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAyQzAuNSAwLjg5NTQzIDEuMzk1NDMgMCAyLjUgMEMzLjYwNDU3IDAgNC41IDAuODk1NDMxIDQuNSAyVjIyQzQuNSAyMy4xMDQ2IDMuNjA0NTcgMjQgMi41IDI0QzEuMzk1NDMgMjQgMC41IDIzLjEwNDYgMC41IDIyVjJaIiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbC1vcGFjaXR5OjE7Ii8+CjxwYXRoIGQ9Ik05LjUgMkM5LjUgMC44OTU0MyAxMC4zOTU0IDAgMTEuNSAwQzEyLjYwNDYgMCAxMy41IDAuODk1NDMxIDEzLjUgMlYyMkMxMy41IDIzLjEwNDYgMTIuNjA0NiAyNCAxMS41IDI0QzEwLjM5NTQgMjQgOS41IDIzLjEwNDYgOS41IDIyVjJaIiBmaWxsPSJ3aGl0ZSIgc3R5bGU9ImZpbGw6d2hpdGU7ZmlsbC1vcGFjaXR5OjE7Ii8+Cjwvc3ZnPgo=) no-repeat center center;background-size:auto .24rem}.media_popup .media_names{position:absolute;left:1.28rem;top:1.28rem;color:#fff;font-family:tomorrow;font-size:.1rem;line-height:.2rem;text-transform:capitalize;display:none}.media_popup .media_names span{position:absolute;white-space:nowrap;opacity:0;transition:opacity .3s ease-out}.media_popup .media_names span.active{opacity:1}