.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}.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(../img/close_white_icon.svg) 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(../img/close_white_icon_hover.svg) 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}.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{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(../img/home_play_icon.svg) 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(../img/home_play_hover_icon.svg) no-repeat center center;background-size:cover}.media_popup .banner .pic a.play_video.pause{background:url(../img/pause_video.svg) 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}