.recruit-canvas[data-v-c23f65ac]{position:fixed;top:0;left:0;width:100%;height:100%}.recruit-canvas .preview-image[data-v-c23f65ac]{position:absolute;top:50%;left:50%;z-index:999;transform:translate(-50%,-50%)}.recruit-canvas .btn-box[data-v-c23f65ac],.recruit-canvas .canvas-box[data-v-c23f65ac]{position:absolute;top:50%;z-index:100}.recruit-canvas .btn-box[data-v-c23f65ac]{left:-22%;z-index:1000;text-align:center;transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg)}.recruit-canvas .btn-box .del-btn[data-v-c23f65ac],.recruit-canvas .btn-box .sure-btn[data-v-c23f65ac]{display:inline-block;width:26.66667vw;height:6.4vw;margin:0 2.66667vw;line-height:6.4vw;border-radius:1.6vw;background-color:#fff}.recruit-canvas .btn-box .del-btn[data-v-c23f65ac]{color:#1889fa}.recruit-canvas .btn-box .sure-btn[data-v-c23f65ac]{color:#fff;background:#1889fa}.recruit-canvas .canvas-box[data-v-c23f65ac]{left:22%;height:60vh;width:60vw;overflow:hidden;border:1px dashed #d4d4d4;transform:translateY(-50%);background-color:#fff}.recruit-canvas .canvas-box #canvas-map[data-v-c23f65ac]{width:100%;height:100%}@media screen and (orientation:landscape){.recruit-canvas .canvas-box[data-v-c23f65ac]{top:20px;left:10%;width:80vw;height:70vh;transform:translateY(0)}.recruit-canvas .btn-box[data-v-c23f65ac]{width:60%;left:20%;top:86%;transform:rotate(0)}}