@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main{background-color:#f5f5f5;padding-top:130px;padding-bottom:30px}.container{margin:0 auto;width:1200px;height:1200px;background-color:#fff}.container h1{font-size:1.5rem;line-height:3;text-align:left;padding:0 30px;border-bottom:1px solid #d3d3d3}.container__content{margin:50px 40px}.container__content h2{font-size:1.3rem;margin-bottom:40px}.container__content h2 mark{background-color:transparent;color:#38a9e5}.container__content p{font-size:1.1rem;color:gray;line-height:2;margin:4px 0}.container__content .response-msg{display:inline-block;margin-left:30px;font-size:1rem;color:#38a9e5}.container__content .response-msg.error{color:red}.container__content .response-msg.hide{display:none}.container__content--success{padding-top:40px;margin-top:80px;border-top:1px solid #d3d3d3;display:none}.container .btn{margin-top:60px}.upload{width:400px;height:260px;box-sizing:border-box;border:2px dotted gray;margin-top:40px;transition-duration:.4s;cursor:pointer;background-image:none;position:relative}.upload.active,.upload:hover{transition-duration:.4s;border:2px solid #38a9e5;background-image:radial-gradient(circle,hsla(0,0%,83%,.3),hsla(0,0%,50%,.3),rgba(0,0,0,.2))}.upload.active .upload__content i,.upload:hover .upload__content i{color:#222}.upload.active .upload__content p,.upload:hover .upload__content p{color:#696969}.upload.file-exist .upload__content .file-icon{display:block}.upload.file-exist .upload__content .upload-icon{display:none}.upload.file-exist .upload__close{display:block}.upload__input{display:none}.upload__content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none;transition-duration:inherit}.upload__content .file-icon{display:none}.upload__content .upload-icon{display:block}.upload__content i{font-size:4rem;color:#878787;transition-duration:inherit}.upload__content p{color:#969696;text-align:center;line-height:1.6;font-size:1rem;transition-duration:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none}.upload__content .filename{display:none}.upload__close{position:absolute;right:-1rem;top:-1rem;display:none}.upload__close i{font-size:1.2rem;line-height:1;background-color:#878787;color:#fff;border-radius:50%;padding:6px}.btn{background-color:#38a9e5;color:#fff;font-size:1.4rem;height:50px;cursor:pointer;transition-duration:.1s;outline:none;border:none;width:200px}.btn .loading-icon{font-size:2rem;pointer-events:none;display:none}.btn:hover{background-color:#2c99d3}.btn:active{background-color:#1a79ac}.btn:disabled{background-color:#b6bdc5;cursor:not-allowed}.btn.loading .submit{display:none}.btn.loading .loading-icon{display:inline-block;animation:rotate 1.4s ease-in-out 0s infinite}