@media (max-width: 630px) {
  #body-wrap .content {
    padding-bottom: 70px; }
  #body-wrap #main .help-item-wrap {
    padding: 10px; } }

#main .help-item-wrap {
  margin-top: 20px;
  padding: 20px 40px;
  border-radius: 8px;
  background: #f8f8f8;
  box-shadow: -5px -5px 12px rgba(255, 255, 255, 0.5), 7px 7px 24px rgba(203, 208, 220, 0.5);
  box-sizing: border-box;
  overflow: hidden;
  transition: all 0.3s ease; }
  #main .help-item-wrap .help-content {
    opacity: 1;
    overflow: hidden;
    transition: all 0.3s ease; }
  #main .help-item-wrap h1 {
    margin-bottom: 15px;
    color: #24577B; }
  #main .help-item-wrap h2, #main .help-item-wrap h4 {
    margin: 10px 0;
    opacity: 0.8;
    text-align: left;
    padding-left: 10%; }
  #main .help-item-wrap p {
    text-indent: 20px;
    text-align: justify; }
    #main .help-item-wrap p span {
      color: #FF7340; }
  #main .help-item-wrap a {
    text-decoration: underline; }

#main .help-item-wrap-mini .help-content {
  height: 0;
  opacity: 0; }