.share-btn-list {
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
}

.share-btn-list > div {
  margin-right: 6px;
}

.share-btn-list .share-btn {
  position: relative;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 2px;
  cursor: pointer;
  transition: transform .4s;
}

.share-btn-list .share-btn:hover { transform: translateY(-6px); }
.share-btn-list .facebook { background: url("../image/share-facebook.png") no-repeat; background-size: 30px 30px; }
.share-btn-list .twitter { background: url("../image/share-twitter.png") -4px -4px no-repeat; background-size: 37px 37px; }
.share-btn-list .linkedin { background: url("../image/share-linkedin.png") -4px -4px no-repeat; background-size: 36px 36px; }
.share-btn-list .pinterest { background: url("../image/share-pinterest.png") -2px -2px no-repeat; background-size: 32px 32px; }
.share-btn-list .mail { background: #f90 url("../image/share-mail.png") center no-repeat; background-size: 22px 22px; }
.share-btn-list .print { background: #2e3192 url("../image/share-print.png") center no-repeat; background-size: 18px 18px; }

.pro-detail .pro-detail-content .part-con > p[style*="text-align: center"] img {
  height: auto !important;
}

@media (max-width: 768px) {
  .share-btn-list .share-btn { width: 25px; height: 25px; }
  .share-btn-list .share-btn:hover { transform: none; }
  .share-btn-list .facebook { background-size: 23px 23px; }
  .share-btn-list .linkedin,
  .share-btn-list .twitter { background-size: 30px 30px; background-position: -3px -3px; }
  .share-btn-list .pinterest { background-size: 26px 26px; background-position: -1px -1px; }
}