@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:27px;
	cursor:pointer;
	vertical-align:middle;
	line-height:25px;
	width: auto;
	font-size: 0.9rem;
}
.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:4px;
	left:7px;
	box-sizing:border-box;
	width:6px;
	height:10px;
	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;
}