@charset "UTF-8";@media only screen and (max-aspect-ratio:1/1){body{padding:0}.menu .menu_box nav li a{padding:5vw;font-size:15vw;letter-spacing:2vw;line-height:15vw}.ui{top:0;bottom:0;left:0;right:0}.ui .top{background-image:linear-gradient(to bottom,#000,rgba(0,0,0,0.25));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.ui .top .top_box .top_ui_box .logo_menu_div{padding-left:20px}.ui .top .top_box .top_ui_box .logo_menu_div .logo_div .icon_area{display:none}.ui .top .top_box .top_ui_box .lang_div{padding-right:20px}.ui .top .top_box .top_ui_box .lang_div .lang_aera{width:35px}.ui .top .top_box .top_ui_box .lang_div .lang_aera .lang_box{width:60px}.ui .top .top_box .top_load_box{padding-left:20px}.hero_UI{top:calc(4vw + 60px);bottom:4vw}.hero_UI .scroll_area{display:none}.hero_UI .indicator_area{display:none}.wapper .popup img{max-width:90%;max-height:90%}.wapper .popup.show img{max-width:95%;max-height:95%}.wapper .content_div .bottom .next_button{width:100vw;align-items:center}.wapper .content_div .bottom .next_button .page_next{width:100%;transform:translateY(15vh)}.wapper .content_div .mid .page1 .frame{margin-top:15%;margin-bottom:15%;width:90vw;height:50.62vw;display:flex;align-items:center;justify-content:center}.wapper .content_div .mid .page1 .frame .frame_mask{width:90vw;height:50.62vw}.wapper .content_div .mid .page1 .frame iframe{width:90vw;height:50.62vw}.wapper .content_div .mid .page2 .text_box{margin-top:15%;margin-bottom:15%;width:100%;flex-direction:column;align-items:center}.wapper .content_div .mid .page2 .text_box .left{width:80%}.wapper .content_div .mid .page2 .text_box .left h1{text-align:center}.wapper .content_div .mid .page2 .text_box .right{padding:10vw;width:80%}.wapper .content_div .mid .page2 .text_box .right .introduce{margin-bottom:20%}.wapper .content_div .mid .page3{align-items:center}.wapper .content_div .mid .page3 .container{margin-top:15%;margin-bottom:15%;width:90vw;justify-content:center;align-items:center}.wapper .content_div .mid .page3 .container .column_div{justify-content:center}.wapper .content_div .mid .page3 .container .img_div{margin-top:5px;margin-bottom:5px}.wapper .hero .vignetting{display:none;background-image:linear-gradient(to right,#000,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,#000 100%)}.wapper .hero .about_div{width:90vw}.wapper .hero .about_div p{font-size:3vh;line-height:3vh}.wapper .hero .about_div .language_zh{font-size:3vh}.wapper .hero .contact_div{width:90vw}.wapper .hero .contact_div p{font-size:3vh;line-height:3vh}.wapper .hero .contact_div .language_zh{font-size:3vh}.wapper .hero .work_div{height:20vw}.wapper .hero .work_div .work_box_div h1{font-size:20vw;letter-spacing:.5vh;line-height:20vw}.wapper .hero .work_div .work_box_div .language_zh{font-size:9vh}.wapper .hero .project_div{height:7vw}.wapper .hero .project_div .project_box_div h1{font-size:7vw;letter-spacing:.5vw;line-height:7vw}.wapper .hero .project_div .project_box_div .language_zh{font-size:6vw}.wapper .about_content_div .mid{width:80vw}.wapper .about_content_div .mid .logo_blank{height:50vw;width:70vw}.wapper .about_content_div .mid .logo_blank img{width:70%}.wapper .about_content_div .mid .company_introduce .top h1{font-size:10vw;letter-spacing:.1em}.wapper .about_content_div .mid .introduce{height:auto;padding:150px 0;flex-direction:column;justify-content:center;align-items:center}.wapper .about_content_div .mid .introduce .left{height:50vw;width:100vw}.wapper .about_content_div .mid .introduce .left .icon_v{display:none}.wapper .about_content_div .mid .introduce .left .icon_h{display:block;width:100%}.wapper .about_content_div .mid .introduce .right{height:300px;width:100%}.wapper .about_content_div .mid .introduce .right h1{text-align:center}.wapper .about_content_div .mid .introduce .right p{padding:10px 0 30px 0}.wapper .about_content_div .mid .introduce:nth-child(even){flex-direction:column}.wapper .about_content_div .mid .introduce:nth-child(even) h1{text-align:center}.wapper .about_content_div .mid .introduce:nth-child(even) h2{text-align:left}.wapper .about_content_div .mid .introduce:nth-child(even) h2::after{content:""}.wapper .about_content_div .mid .introduce:nth-child(even) h2:before{content:"◆ "}.wapper .about_content_div .mid .founder_div{flex-direction:column}.wapper .about_content_div .mid .founder_div .founder{width:100%;height:50%;display:flex;flex-direction:column}.wapper .about_content_div .mid .founder_div .founder .img_div img{width:100%;height:auto}.wapper .about_content_div .mid .founder_div .founder .text_div{width:100%}.wapper .about_content_div .mid .founder_div .founder .text_div h1{font-size:2em}.wapper .about_content_div .bottom{width:80vw}.wapper .about_content_div .bottom .ending_div{width:100%;align-items:center}.wapper .about_content_div .bottom .ending_div .text{font-size:2em;line-height:1em}.wapper .about_content_div .bottom .ending_div .text.language_zh{font-size:1.75em;line-height:1.2em}.wapper .about_content_div .bottom .ending_div .contact_us_div .button{font-size:1.5em}.wapper .about_content_div .bottom .ending_div .contact_us_div .button.language_zh{font-size:1.25em}.wapper .contact_content_div .mid{width:80vw}.wapper .contact_content_div .mid .join_us{flex-direction:column}.wapper .contact_content_div .mid .join_us .left{width:100%}.wapper .contact_content_div .mid .join_us .left h1{text-align:center;line-height:3em}.wapper .contact_content_div .mid .join_us .right{width:100%}.wapper .contact_content_div .mid .join_us .right p{line-height:2em}.wapper .contact_content_div .mid .join_us .right h2{text-align:center;font-size:1.1em;letter-spacing:0;line-height:2.5em}.wapper .contact_content_div .mid .join_us .right h2 a{color:rgba(255,255,255,0.5)}.wapper .contact_content_div .mid .adress{flex-direction:column-reverse}.wapper .contact_content_div .mid .adress .right{width:100%}.wapper .contact_content_div .mid .adress .right h1{text-align:center;line-height:3em}.wapper .contact_content_div .mid .adress .left{width:100%;align-items:center}.wapper .contact_content_div .mid .adress .left p{text-align:center}.wapper .contact_content_div .mid .adress .left #map_container{width:100%;height:300px;cursor:pointer;margin-bottom:30px}.wapper .contact_content_div .mid .contact_method{flex-direction:column}.wapper .contact_content_div .mid .contact_method .left{width:100%}.wapper .contact_content_div .mid .contact_method .left h1{text-align:center;line-height:3em}.wapper .contact_content_div .mid .contact_method .right{width:100%;align-items:center;justify-content:center}.wapper .contact_content_div .mid .contact_method .right .line{flex-direction:column}.wapper .contact_content_div .mid .contact_method .right .line img{margin:30px 0 5px}.wapper .contact_content_div .mid .contact_method .right .line h2{text-align:center;letter-spacing:0;line-height:1.5em}.wapper .contact_content_div .bottom{width:80vw}.wapper .contact_content_div .bottom .ending_div{width:100%;align-items:center}.wapper .contact_content_div .bottom .ending_div .text{font-size:2em;line-height:1em}.wapper .contact_content_div .bottom .ending_div .text.language_zh{font-size:1.75em;line-height:1.2em}.wapper .contact_content_div .bottom .ending_div .about_us_div .button{font-size:1.5em}.wapper .contact_content_div .bottom .ending_div .about_us_div .button.language_zh{font-size:1.25em}.bottons .works_cube{height:100vh;width:30vh;transform:translateX(0)}.bottons .works_button{pointer-events:none;height:0;width:0;transform:translateY(80vw)}.master .master_box a{font-size:.5em}}