@keyframes hover-color{from{border-color:#c0c0c0;}to{border-color:#3e97eb;}}.magic-radio,.magic-checkbox{position:absolute;display:none;}.magic-radio[disabled],.magic-checkbox[disabled]{cursor:not-allowed;}.magic-radio + label,.magic-checkbox + label{position:relative;display:block;padding-left:30px;cursor:pointer;vertical-align:middle;line-height:20px;}.magic-checkbox + label{}.magic-radio + label,.magic-checkbox + label{float:left;margin-right:10px;margin-top:7px;}.magic-radio + label:hover:before,.magic-checkbox + label:hover:before{animation-duration:0.4s;animation-fill-mode:both;animation-name:hover-color;}.magic-radio + label:before,.magic-checkbox + label:before{position:absolute;top:0;left:0;display:inline-block;width:20px;height:20px;content:'';border:1px solid #c0c0c0;}.magic-radio + label:after,.magic-checkbox + label:after{position:absolute;display:none;content:'';}.magic-radio[disabled] + label,.magic-checkbox[disabled] + label{cursor:not-allowed;color:#e4e4e4;}.magic-radio[disabled] + label:hover,.magic-radio[disabled] + label:before,.magic-radio[disabled] + label:after,.magic-checkbox[disabled] + label:hover,.magic-checkbox[disabled] + label:before,.magic-checkbox[disabled] + label:after{cursor:not-allowed;}.magic-radio[disabled] + label:hover:before,.magic-checkbox[disabled] + label:hover:before{border:1px solid #e4e4e4;animation-name:none;}.magic-radio[disabled] + label:before,.magic-checkbox[disabled] + label:before{border-color:#e4e4e4;}.magic-radio:checked + label:before,.magic-checkbox:checked + label:before{animation-name:none;}.magic-radio:checked + label,.magic-checkbox:checked + label{color:#3e97eb!important;}.magic-radio:checked + label:after,.magic-checkbox:checked + label:after{display:block;}.magic-radio + label:before,.magic-checkbox + label:before{border-radius:3px;}.magic-radio + label:after,.magic-checkbox + label:after{top:2px;left:7px;box-sizing:border-box;width:6px;height:12px;transform:rotate(45deg);border-width:2px;border-style:solid;border-color:#fff;border-top:0;border-left:0;}.magic-radio:checked + label:before,.magic-checkbox:checked + label:before{border:#3e97eb;background:#3e97eb;}.magic-radio:checked[disabled] + label:before,.magic-checkbox:checked[disabled] + label:before{border:#c9e2f9;background:#c9e2f9;}.magic-upload{min-width:120px;max-width:150px;min-height:100px;max-height:150px;padding:0;text-align:center;line-height:95px;position:relative;cursor:pointer;background:#f8f9fc;border:1px solid #EDF2F9;border-radius:4px;overflow:hidden;display:inline-block;*display:inline;*zoom:1}.magic-upload font{font-size:40px;color:#3592e2;}.magic-upload  input{position:absolute;font-size:100px;right:0;top:0;opacity:0;filter:alpha(opacity=0);cursor:pointer}.magic-upload:hover{background:#FAFBFE;border:1px solid #3F87F5;text-decoration:none}.magic-notice{border-radius:5px;padding:5px 15px;border:1px #FFF1C4 solid;color:#ff7800;background:#FFF9E5;}.magic-upload-img{max-height:150px;}