.page_works_videos{width:100%;height:auto}.page_works_videos .page-width{max-width:1680px;width:100%;height:100%;padding:0}.page_works_videos h2{width:900px;margin:0 auto;text-align:center;color:#2d2f30;font-size:52px;font-style:normal;font-weight:700;line-height:63px;letter-spacing:-.5px}.page_works_videos .setting_desc{width:900px;margin:16px auto 56px;text-align:center;color:#2d2f30;font-size:18px;font-style:normal;font-weight:500;line-height:26px;letter-spacing:.2px}.page_works_videos .item_video{width:100%;height:750px;position:relative}.page_works_videos .item_video .item_video_shadow{display:block;z-index:0;width:1600px;height:40px;border-radius:1600px;position:absolute;bottom:40px;left:50%;transform:translate(-50%);filter:blur(25px);-webkit-filter:blur(25px)}.page_works_videos .item_video .vdeo_bo{z-index:3;cursor:pointer;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page_works_videos .item_video .vdeo_bo svg{width:100%;height:100%}.page_works_videos .item_video picture{width:100%;height:100%;position:relative;z-index:2;border-radius:20px;overflow:hidden}.page_works_videos .item_video picture img{width:100%;height:100%;object-fit:cover;border-radius:20px}.works_video_popup{position:fixed;top:0;bottom:0;left:0;right:0;height:100vh;width:100%;background:#000000b3;opacity:0;visibility:hidden;transition:all .35s;display:flex;justify-content:center;align-items:center}.works_video_popup.active{opacity:1;visibility:visible;z-index:999}.works_video_popup .popup_box{width:1440px;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.works_video_popup .close-video{position:absolute;top:30px;right:30px;width:40px;height:40px;opacity:0;visibility:hidden;transition:all .35s;transition-delay:.25s;cursor:pointer}.works_video_popup .close-video.active{opacity:1;visibility:visible}.works_video_popup .close-video div{display:inline-block;position:absolute;width:100%;height:3px;background:#fff;top:50%}.works_video_popup .close-video div:first-child{transform:rotate(45deg)}.works_video_popup .close-video div:last-child{transform:rotate(-45deg)}.works_video_popup .video_box{width:1440px;height:648px;max-height:80vh}.works_video_popup .video_box .video_item{width:100%;height:100%;display:none}.works_video_popup .video_box .video_item.active{display:block}.works_video_popup .video_box .video_b_desktop{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.works_video_popup .video_box .video_b_tablet,.works_video_popup .video_box .video_b_mobile{display:none;width:100%;height:100%}.works_video_popup .video_box video{max-width:100%;width:auto;height:100%;object-fit:cover}.works_video_popup .video_box iframe{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 1680px){.page_works_videos{width:100%;height:auto}.page_works_videos .page-width{max-width:89.25vw;width:100%;height:100%;padding:0}.page_works_videos h2{width:47.8125vw;margin:0 auto;text-align:center;color:#2d2f30;font-size:2.7625vw;font-style:normal;font-weight:700;line-height:3.34687vw;letter-spacing:-.02656vw}.page_works_videos .setting_desc{width:47.8125vw;margin:.85vw auto 2.975vw;text-align:center;color:#2d2f30;font-size:.95625vw;font-style:normal;font-weight:500;line-height:1.38125vw;letter-spacing:.01063vw}.page_works_videos .item_video{width:100%;height:39.84375vw;position:relative}.page_works_videos .item_video .item_video_shadow{z-index:0;width:85vw;height:2.125vw;border-radius:85vw;position:absolute;bottom:2.125vw;left:50%;transform:translate(-50%);filter:blur(1.32812vw);-webkit-filter:blur(1.32812vw)}.page_works_videos .item_video .vdeo_bo{cursor:pointer;width:2.975vw;height:2.975vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page_works_videos .item_video .vdeo_bo svg{width:100%;height:100%}.page_works_videos .item_video picture{width:100%;height:100%;position:relative;z-index:2;border-radius:1.0625vw;overflow:hidden}.page_works_videos .item_video picture img{width:100%;height:100%;object-fit:cover;border-radius:1.0625vw}.works_video_popup{position:fixed;top:0;bottom:0;left:0;right:0;height:100vh;width:100%;background:#000000b3;opacity:0;visibility:hidden;transition:all .35s;display:flex;justify-content:center;align-items:center}.works_video_popup.active{opacity:1;visibility:visible;z-index:999}.works_video_popup .popup_box{padding:0 50px;width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.works_video_popup .close-video{position:absolute;top:1.59375vw;right:1.59375vw;width:2.125vw;height:2.125vw;opacity:0;visibility:hidden;transition:all .35s;transition-delay:.25s;cursor:pointer}.works_video_popup .close-video.active{opacity:1;visibility:visible}.works_video_popup .close-video div{display:inline-block;position:absolute;width:100%;height:.15937vw;background:#fff;top:50%}.works_video_popup .close-video div:first-child{transform:rotate(45deg)}.works_video_popup .close-video div:last-child{transform:rotate(-45deg)}.works_video_popup .video_box{width:100%;height:56.25vw}.works_video_popup .video_box .video_b_desktop{width:100%;height:100%}.works_video_popup .video_box .video_b_tablet,.works_video_popup .video_box .video_b_mobile{display:none;width:100%;height:100%}.works_video_popup .video_box video{width:auto;height:100%;object-fit:cover}.works_video_popup .video_box iframe{width:100%;height:100%;object-fit:cover}}@media screen and (max-width: 1199px){.page_works_videos{width:100%;height:auto}.page_works_videos .page-width{max-width:90%;width:100%;height:100%;padding:0}.page_works_videos h2{width:80%;margin:0 auto;text-align:center;color:#2d2f30;font-size:4.26667vw;font-style:normal;font-weight:700;line-height:5.6vw;letter-spacing:-.06667vw}.page_works_videos .setting_desc{width:80%;margin:1.06667vw auto 3.2vw;text-align:center;color:#2d2f30;font-size:2.13333vw;font-style:normal;font-weight:500;line-height:2.93333vw;letter-spacing:.2px}.page_works_videos .item_video{width:100%;height:56vw;position:relative;border-radius:1.33333vw}.page_works_videos .item_video .item_video_shadow{z-index:0;width:100%;height:2.66667vw;border-radius:90vw;position:absolute;bottom:-1.33333vw;left:50%;transform:translate(-50%);filter:blur(2vw);-webkit-filter:blur(2vw)}.page_works_videos .item_video .vdeo_bo{cursor:pointer;width:5.33333vw;height:5.33333vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page_works_videos .item_video .vdeo_bo svg{width:100%;height:100%}.page_works_videos .item_video picture{border-radius:1.33333vw;overflow:hidden}.page_works_videos .item_video picture img{border-radius:1.33333vw}.page_works_videos .item_video .video_pc{display:none;width:100%;height:100%}.page_works_videos .item_video .video_pc video{width:100%;height:100%;object-fit:cover}.page_works_videos .item_video .video_tablet{border-radius:1.33333vw;overflow:hidden;display:block;width:100%;height:100%}.page_works_videos .item_video .video_tablet video{width:100%;height:100%;object-fit:cover}.page_works_videos .item_video .video_mb{display:none;width:100%;height:100%}.page_works_videos .item_video .video_mb video{width:100%;height:100%;object-fit:cover}.works_video_popup{position:fixed;top:0;bottom:0;left:0;right:0;height:100vh;width:100%;background:#000000b3;opacity:0;visibility:hidden;transition:all .35s;display:flex;justify-content:center;align-items:center}.works_video_popup.active{opacity:1;visibility:visible;z-index:999}.works_video_popup .popup_box{padding:0;width:92%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.works_video_popup .close-video{position:absolute;top:50px;right:4vw;width:40px;height:40px;opacity:0;visibility:hidden;transition:all .35s;transition-delay:.25s;cursor:pointer}.works_video_popup .close-video.active{opacity:1;visibility:visible}.works_video_popup .close-video div{display:inline-block;position:absolute;width:100%;height:.4vw;background:#fff;top:50%}.works_video_popup .close-video div:first-child{transform:rotate(45deg)}.works_video_popup .close-video div:last-child{transform:rotate(-45deg)}.works_video_popup .video_box{width:100%;height:56.25vw}.works_video_popup .video_box .video_b_desktop{display:none;width:100%;height:100%}.works_video_popup .video_box .video_b_tablet{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}.works_video_popup .video_box .video_b_mobile{display:none;width:100%;height:100%}.works_video_popup .video_box video{width:auto;height:100%;object-fit:cover}.works_video_popup .video_box iframe{width:100%;height:100%;object-fit:cover}}@media screen and (max-width: 767px){.page_works_videos{width:100%;height:auto}.page_works_videos .page-width{max-width:90%;width:100%;height:100%;padding:0}.page_works_videos h2{width:100%;margin:0 auto;text-align:center;color:#2d2f30;font-size:7.46667vw;font-style:normal;font-weight:700;line-height:9.06667vw;letter-spacing:-.06667vw}.page_works_videos .setting_desc{width:100%;margin:3.2vw auto 6.4vw;text-align:center;color:#2d2f30;font-size:4.26667vw;font-style:normal;font-weight:500;line-height:5.86667vw;letter-spacing:.2px}.page_works_videos .item_video{width:100%;height:90vw;position:relative}.page_works_videos .item_video .item_video_shadow{z-index:0;width:100%;height:5.33333vw;border-radius:90vw;position:absolute;bottom:-2.66667vw;left:50%;transform:translate(-50%);filter:blur(4vw);-webkit-filter:blur(4vw)}.page_works_videos .item_video .vdeo_bo{cursor:pointer;width:10.66667vw;height:10.66667vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page_works_videos .item_video .vdeo_bo svg{width:100%;height:100%}.page_works_videos .item_video picture{border-radius:2.66667vw;overflow:hidden}.page_works_videos .item_video picture img{border-radius:2.66667vw}.page_works_videos .item_video .video_pc{display:none;width:100%;height:100%}.page_works_videos .item_video .video_pc video{width:100%;height:100%;object-fit:cover}.page_works_videos .item_video .video_tablet{display:none;width:100%;height:100%}.page_works_videos .item_video .video_tablet video{width:100%;height:100%;object-fit:cover}.page_works_videos .item_video .video_mb{border-radius:2.66667vw;overflow:hidden;display:block;width:100%;height:100%}.page_works_videos .item_video .video_mb video{width:100%;height:100%;object-fit:cover}.works_video_popup{position:fixed;top:0;bottom:0;left:0;right:0;height:100vh;width:100%;background:#000000b3;opacity:0;visibility:hidden;transition:all .35s;display:flex;justify-content:center;align-items:center}.works_video_popup.active{opacity:1;visibility:visible;z-index:999}.works_video_popup .popup_box{width:92%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.works_video_popup .close-video{position:absolute;top:50px;right:4vw;width:40px;height:40px;opacity:0;visibility:hidden;transition:all .35s;transition-delay:.25s;cursor:pointer}.works_video_popup .close-video.active{opacity:1;visibility:visible}.works_video_popup .close-video div{display:inline-block;position:absolute;width:100%;height:.4vw;background:#fff;top:50%}.works_video_popup .close-video div:first-child{transform:rotate(45deg)}.works_video_popup .close-video div:last-child{transform:rotate(-45deg)}.works_video_popup .video_box{width:100%;height:56.25vw}.works_video_popup .video_box .video_b_desktop,.works_video_popup .video_box .video_b_tablet{display:none;width:100%;height:100%}.works_video_popup .video_box .video_b_mobile{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}.works_video_popup .video_box video{width:auto;height:100%;object-fit:cover}.works_video_popup .video_box iframe{width:100%;height:100%;object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/page-works-videos.css.map */