.relation[data-v-1c965e17]{position:relative;background-color:hsl(var(--background))}.relation .box[data-v-1c965e17]{padding:0 2.5rem}@media screen and (max-width: 640px){.relation .box[data-v-1c965e17]{padding:0 .75rem}}.relation .box .container[data-v-1c965e17]{width:100%;max-width:1200px;margin:0 auto}.relation .box .container .title[data-v-1c965e17]{line-height:1.5;font-weight:500}.relation .box .container .description[data-v-1c965e17]{line-height:1.5}.relation .contact_us .container[data-v-1c965e17]{padding:64px 0 128px;position:relative;z-index:1}.relation .contact_us .container .email[data-v-1c965e17]{box-shadow:0 2px 6px #bbbbbb85;padding:20px 32px;min-width:450px;border-radius:8px}@media screen and (max-width: 640px){.relation .contact_us .container .email[data-v-1c965e17]{min-width:0;width:100%}}.relation .contact_us .container .email>p[data-v-1c965e17]{white-space:nowrap;letter-spacing:1px}.relation .contact_us .container .email input[data-v-1c965e17]{height:46px;padding:0 12px;border-radius:8px;border:1px solid hsl(var(--input-border));outline:none}.relation .contact_us .container .email input[data-v-1c965e17]:hover{border-color:hsl(var(--input-border-hover))}.relation .contact_us .container .email input[data-v-1c965e17]:focus{outline:none;border-color:hsl(var(--input-border-focus))}.relation .contact_us .container .email textarea[data-v-1c965e17]{width:100%;height:146px;padding:5px 12px;line-height:1.4;resize:none;border-radius:8px;border:1px solid hsl(var(--input-border));outline:none}.relation .contact_us .container .email textarea[data-v-1c965e17]:hover{border-color:hsl(var(--input-border-hover))}.relation .contact_us .container .email textarea[data-v-1c965e17]:focus{outline:none;border-color:hsl(var(--input-border-focus))}.relation .contact_us .container .concat[data-v-1c965e17]{width:100%;max-width:600px}.relation .contact_us .container .concat .top[data-v-1c965e17]{padding:40px 30px;border-bottom:1px solid hsl(var(--foreground) / 20%)}@media screen and (max-width: 640px){.relation .contact_us .container .concat .top[data-v-1c965e17]{padding:1.25rem 0}}.relation .contact_us .container .concat .bottom .way[data-v-1c965e17]{height:80px}.relation .contact_us .container .concat .bottom .way .new[data-v-1c965e17]{background-color:#bc141b;position:absolute;right:-30px;top:-10px;height:18px}.relation .contact_us .container .concat .bottom .way+.way[data-v-1c965e17]{border-left:1px solid hsl(var(--foreground) / 20%)}@media screen and (max-width: 1023px){.relation .contact_us .container .concat[data-v-1c965e17]{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}}.relation .mask[data-v-1c965e17] .dialog_container{margin:15vh 0}.relation .mask .mask_content[data-v-1c965e17]{width:100vw;max-width:400px;background:#fff;border-radius:12px;padding:30px 30px 36px;box-sizing:border-box;position:relative}.relation .mask .mask_content .image_box[data-v-1c965e17]{width:300px;height:300px}.relation .mask .mask_content .close[data-v-1c965e17]{margin-top:0;width:30px;height:30px;border-radius:8px;position:absolute;right:10px;top:10px;background-color:transparent;color:hsl(var(--foreground) / 60%);z-index:1}.relation .mask .mask_content .close[data-v-1c965e17]:hover{color:hsl(var(--foreground) / 100%);background-color:hsl(var(--neutral) / 10%)}
