#img_container{border:1px dashed #999;border-radius:5px;overflow: hidden;height: 100px;}
#filelist{display: inline-block;vertical-align:top;}
.img_box:first-child{background-color: #FFE992 !important;}
.img_box{position:relative;display:inline-block;width:100px;height:75px;margin:5px;padding:5px;border:2px solid #eee;background-color:#FFF;border-radius:10px;vertical-align:top;
background-position:center;
background-repeat: no-repeat;
background-image: url('data:image/gif;base64,R0lGODlhEAAQAPQAAP///4ODg/v7+56ensLCwoWFhZWVlerq6tTU1I2Njby8vLS0tPHx8czMzOLi4qWlpaysrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAAFUCAgjmRpnqUwFGwhKoRgqq2YFMaRGjWA8AbZiIBbjQQ8AmmFUJEQhQGJhaKOrCksgEla+KIkYvC6SJKQOISoNSYdeIk1ayA8ExTyeR3F749CACH5BAAKAAEALAAAAAAQABAAAAVoICCKR9KMaCoaxeCoqEAkRX3AwMHWxQIIjJSAZWgUEgzBwCBAEQpMwIDwY1FHgwJCtOW2UDWYIDyqNVVkUbYr6CK+o2eUMKgWrqKhj0FrEM8jQQALPFA3MAc8CQSAMA5ZBjgqDQmHIyEAIfkEAAoAAgAsAAAAABAAEAAABWAgII4j85Ao2hRIKgrEUBQJLaSHMe8zgQo6Q8sxS7RIhILhBkgumCTZsXkACBC+0cwF2GoLLoFXREDcDlkAojBICRaFLDCOQtQKjmsQSubtDFU/NXcDBHwkaw1cKQ8MiyEAIfkEAAoAAwAsAAAAABAAEAAABVIgII5kaZ6AIJQCMRTFQKiDQx4GrBfGa4uCnAEhQuRgPwCBtwK+kCNFgjh6QlFYgGO7baJ2CxIioSDpwqNggWCGDVVGphly3BkOpXDrKfNm/4AhACH5BAAKAAQALAAAAAAQABAAAAVgICCOZGmeqEAMRTEQwskYbV0Yx7kYSIzQhtgoBxCKBDQCIOcoLBimRiFhSABYU5gIgW01pLUBYkRItAYAqrlhYiwKjiWAcDMWY8QjsCf4DewiBzQ2N1AmKlgvgCiMjSQhACH5BAAKAAUALAAAAAAQABAAAAVfICCOZGmeqEgUxUAIpkA0AMKyxkEiSZEIsJqhYAg+boUFSTAkiBiNHks3sg1ILAfBiS10gyqCg0UaFBCkwy3RYKiIYMAC+RAxiQgYsJdAjw5DN2gILzEEZgVcKYuMJiEAOwAAAAAAAAAAAA==');
}
.box_a{position:relative;display:block;width:100px;height:75px;line-height:75px;text-align:center;overflow: hidden;}
.box_a>img{max-width:100px;max-height:75px;}

#pickfiles:HOVER{opacity:0.8;background-color: #DDD;border:1px dashed #777;}
#pickfiles{display:inline-block;width:100px;height:75px;margin:10px;border-radius:5px;border:1px dashed #A6A6A6;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
background-color: #FFF;
opacity: 0.4;
background-position:center;
background-repeat: no-repeat;
background-image: url('data:image/png;base64,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');
}
.del_img{position:absolute;top:2px;right:2px;
opacity:0.5;
width:24px;height:24px;
background-repeat: no-repeat;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADRklEQVRIS7VVX0iTURQ/U1oigm9S4EDwwQfRWloypSEGQkFmKihIiHNje5FZGCmorUDMgUtDYzpEGgwUHGkMK5hQok1YG1aLwV4U0XoTRND8t3XOxS++fbufLqgLP7Z7v3vO797f+XMV8J+H4i/9p5zsjyZrdxYBfVcj7iKuIC4iYoifiM8IN+LbaWSnEVxCQ1tubm5FfX09aDQayM7OZr7W19fB5/PB5OQkrK2tvcOlB4gwj0iOQJeZmfmyr6/vvMFggNTUVFAo4rfGYjE4OjoCu90O3d3de9vb2wYkcElJeAR6lUrl8Hg8UFhYmJTUwWAQqqqqYpubm/ekJFICdUZGxvLCwoJSrSbpkx9+vx/Ky8v3dnd3i8RyiQno/wer1aptb29nkphMJqZ9U1MTl8nhcEAoFIKhoSEgyXp7e0mut7j5lmAgJijJyspaXl1dhfT0dPadrl5ZWQkDAwMJJGNjY9DV1QVer/ePlDs7O5CTkwNbW1sFaB4iH2KCZ3q9/tHo6CikpAjpzifhOSdnx8fHoNPpwOl0PsbpUymBFzPihtFoTJBDfJP9/f2Ek4sNhoeHobW19Q2u3RET0JG/zs7O5mM2cPUmEq1Wy263uLgom2Futxvq6uqoCEsQUUEiRoAf82tqargEJEtHRwcL5uDgoGzgp6amoKGhIYBOrokJyOm8zWaraGtrSygqseZUXHKBJ/L+/n7o7Oz0oL/b0hhYq6urH05PT7PKFQYvoHLZRUEmiefm5ixo/0RKoElLS/sUiUQAK5n5Hx8fp9PEpaJALJBQDTQ2NrJl7EuQl5cHBwcHl3H6RUpA8fjY0tJynVKVbkF9pqysDAoKKK0TB5GsrKyw1KTTU0G6XK73uPMmgrpuXB3QvAgr2DcxMXFOrnq5TLhIVY0pvodxuIrT78I+XrMzKpVK+8jICDQ3N8fFg+ecgk7OzWYzHB4eUk9xivfJtWsj3uRFbW2t0mKxMF0p/4UKj0ajQAiHw9DT0wMzMzO/0KkJ8Up6iNMeHHrBnqNTbXFxMZSWlrIHh1JxY2MDlpaWIBAI0Hwe991HcF+2ZJ5MKhh6MqkNXzg54Q/89SNeI4JCQHkSnkUgtfnnj75c0iS9/hsH7VQosHi9FAAAAABJRU5ErkJggg==');
}
.del_img:HOVER{opacity:1;}
 .moxie-shim{left:0px !important;top:0px !important;z-index:-1 !important;}