@charset "UTF-8";/*!* =============================================================* dropify v0.2.1 - Override your input files with style.* https://github.com/JeremyFagis/dropify** (c) 2016 - Jeremy FAGIS <jeremy@fagis.fr> (http://fagis.fr)* =============================================================*/.dropify-font:before,.dropify-wrapper .dropify-message span.file-icon:before,.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon:before,[class*=" dropify-font-"]:before,[class^=dropify-font-]:before {font-family: dropify;font-style: normal;font-weight: 400;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin-left: .2em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em}.dropify-wrapper,.dropify-wrapper .dropify-clear {font-family: "Nunito", 'Noto Sans TC', sans-serif}.dropify-wrapper.has-error .dropify-message .dropify-error,.dropify-wrapper.has-preview .dropify-clear {display: block}.dropify-font-upload:before,.dropify-wrapper .dropify-message span.file-icon:before {content: '\e800'}.dropify-font-file:before {content: '\e801'}.dropify-wrapper {border-radius: 0;display: block;position: relative;cursor: pointer;overflow: hidden;width: 100%;max-width: 100%;height: 200px;padding: 5px 10px;font-size: 14px;line-height: 22px;color: #777;background-color: #FFF;background-image: none;text-align: center;border: 2px solid #E5E5E5;-webkit-transition: border-color .15s linear;transition: border-color .15s linear}.dropify-wrapper:hover {background-size: 30px 30px;background-image: -webkit-linear-gradient(135deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);background-image: linear-gradient(-45deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);-webkit-animation: stripes 2s linear infinite;animation: stripes 2s linear infinite}.dropify-wrapper.has-error {border-color: #F34141}.dropify-wrapper.has-error:hover .dropify-errors-container {visibility: visible;opacity: 1;-webkit-transition-delay: 0s;transition-delay: 0s}.dropify-wrapper.disabled input {cursor: not-allowed}.dropify-wrapper.disabled:hover {background-image: none;-webkit-animation: none;animation: none}.dropify-wrapper.disabled .dropify-message {opacity: .5;text-decoration: line-through}.dropify-wrapper.disabled .dropify-infos-message {display: none}.dropify-wrapper input {position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 100%;width: 100%;opacity: 0;cursor: pointer;z-index: 5}.dropify-wrapper .dropify-message {position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}.dropify-wrapper .dropify-message span.file-icon {font-size: 50px;color: #CCC}.dropify-wrapper .dropify-message p {margin: 5px 0 0}.dropify-wrapper .dropify-message p.dropify-error {color: #F34141;font-weight: 700;display: none}.dropify-wrapper .dropify-clear {display: none;position: absolute;opacity: 0;z-index: 7;top: 10px;right: 10px;background: 0 0;border: 1px solid #FFF;text-transform: uppercase;font-size: 11px;padding: 4px 12px;border-radius: 100px;font-weight: 700;color: #FFF;-webkit-transition: all .15s linear;transition: all .15s linear}.dropify-wrapper .dropify-clear:hover {background: rgba(255, 255, 255, .2)}.dropify-wrapper .dropify-preview {display: none;position: absolute;z-index: 1;background-color: #FFF;padding: 5px;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;text-align: center}.dropify-wrapper .dropify-preview .dropify-render img {top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);position: relative;max-width: 100%;max-height: 100%;background-color: #FFF;-webkit-transition: border-color .15s linear;transition: border-color .15s linear}.dropify-wrapper .dropify-preview .dropify-render i {font-size: 70px;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);position: absolute;color: #777}.dropify-wrapper .dropify-preview .dropify-render .dropify-extension {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin-top: 10px;text-transform: uppercase;font-weight: 900;letter-spacing: -.03em;font-size: 13px;width: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.dropify-wrapper .dropify-preview .dropify-infos {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 3;background: rgba(0, 0, 0, .7);opacity: 0;-webkit-transition: opacity .15s linear;transition: opacity .15s linear}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {position: absolute;top: 50%;-webkit-transform: translate(0, -40%);transform: translate(0, -40%);-webkit-backface-visibility: hidden;backface-visibility: hidden;width: 100%;padding: 0 20px;-webkit-transition: all .2s ease;transition: all .2s ease}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {padding: 0;margin: 0;position: relative;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #FFF;text-align: center;line-height: 25px;font-weight: 700}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon {margin-right: 2px}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {margin-top: 15px;padding-top: 15px;font-size: 12px;position: relative;opacity: .5}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before {content: '';position: absolute;top: 0;left: 50%;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);background: #FFF;width: 30px;height: 2px}.dropify-wrapper:hover .dropify-clear,.dropify-wrapper:hover .dropify-preview .dropify-infos {opacity: 1}.dropify-wrapper:hover .dropify-preview .dropify-infos .dropify-infos-inner {margin-top: -5px}.dropify-wrapper.touch-fallback {height: auto !important}.dropify-wrapper.touch-fallback:hover {background-image: none;-webkit-animation: none;animation: none}.dropify-wrapper.touch-fallback .dropify-preview {position: relative;padding: 0}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render {display: block;position: relative}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before,.dropify-wrapper.touch-fallback.has-preview .dropify-message {display: none}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file {position: relative;-webkit-transform: translate(0, 0);transform: translate(0, 0);top: 0;left: 0}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render .dropify-font-file::before {margin-top: 30px;margin-bottom: 30px}.dropify-wrapper.touch-fallback .dropify-preview .dropify-render img {position: relative;-webkit-transform: translate(0, 0);transform: translate(0, 0)}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos {position: relative;opacity: 1;background: 0 0}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner {position: relative;top: 0;-webkit-transform: translate(0, 0);transform: translate(0, 0);padding: 5px 90px 5px 0}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p {padding: 0;margin: 0;position: relative;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #777;text-align: left;line-height: 25px}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename {font-weight: 700}.dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {margin-top: 0;padding-top: 0;font-size: 11px;position: relative;opacity: 1}.dropify-wrapper.touch-fallback .dropify-message {-webkit-transform: translate(0, 0);transform: translate(0, 0);padding: 40px 0}.dropify-wrapper.touch-fallback .dropify-clear {top: auto;bottom: 23px;opacity: 1;border-color: rgba(119, 119, 119, .7);color: #777}.dropify-wrapper.touch-fallback:hover .dropify-preview .dropify-infos .dropify-infos-inner {margin-top: 0}.dropify-wrapper .dropify-loader {position: absolute;top: 15px;right: 15px;display: none;z-index: 9}.dropify-wrapper .dropify-loader::after {display: block;position: relative;width: 20px;height: 20px;-webkit-animation: rotate .6s linear infinite;animation: rotate .6s linear infinite;border-radius: 100%;border-top: 1px solid #CCC;border-bottom: 1px solid #777;border-left: 1px solid #CCC;border-right: 1px solid #777;content: ''}.dropify-wrapper .dropify-errors-container {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 3;background: rgba(243, 65, 65, .8);text-align: left;visibility: hidden;opacity: 0;-webkit-transition: visibility 0s linear .15s, opacity .15s linear;transition: visibility 0s linear .15s, opacity .15s linear}.dropify-wrapper .dropify-errors-container ul {padding: 10px 20px;margin: 0;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}.dropify-wrapper .dropify-errors-container ul li {margin-left: 20px;color: #FFF;font-weight: 700}.dropify-wrapper .dropify-errors-container.visible {visibility: visible;opacity: 1;-webkit-transition-delay: 0s;transition-delay: 0s}.dropify-wrapper ~ .dropify-errors-container ul {padding: 0;margin: 15px 0}.dropify-wrapper ~ .dropify-errors-container ul li {margin-left: 20px;color: #F34141;font-weight: 700}@-webkit-keyframes stripes {from {background-position: 0 0}to {background-position: 60px 30px}}@keyframes stripes {from {background-position: 0 0}to {background-position: 60px 30px}}@-webkit-keyframes rotate {0% {-webkit-transform: rotateZ(-360deg);transform: rotateZ(-360deg)}100% {-webkit-transform: rotateZ(0);transform: rotateZ(0)}}@keyframes rotate {0% {-webkit-transform: rotateZ(-360deg);transform: rotateZ(-360deg)}100% {-webkit-transform: rotateZ(0);transform: rotateZ(0)}}