.pdpOfficeFamily {
  text-align: left;
}
.pdpOfficeFamily::after {
  clear: both;
  content: ".";
  display: table;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.pdpOfficeFamily .content {
  position: relative;
  padding: 0;
  margin: 0;
  background-color: #f5f5f5;
}
.pdpOfficeFamily .pdp_spec_title {
  width: 90%;
  max-width: 1180px;
  padding: 50px 50px;
  margin: 0 auto;
  font-size: 40px;
  color: #333333;
  font-weight: normal;
}
.pdpOfficeFamily .pdp_spec_title .pdp_spec_tips {
  color: #333;
  font-size: 14px;
}
@media all and (max-width: 767px) {
  .pdpOfficeFamily .pdp_spec_title {
    font-size: 24px;
    width: 100%;
    padding: 50px 15px;
  }
}
.pdpOfficeFamily .officeFamilyTable {
  width: 90%;
  max-width: 1180px;
  margin: 0 auto;
  border-top: 1px solid #666666;
}
.pdpOfficeFamily .officeFamilyTable .tbl-row {
  color: #666666;
  padding: 20px 20px 20px 40%;
  text-align: left;
  border-bottom: 1px solid #666666;
  min-height: 80px;
}
.pdpOfficeFamily .officeFamilyTable .productName {
  display: none;
  font-size: 18px;
  font-family: "SegoeUI", "Microsoft YaHei", "Hiragino Sans GB";
}
.pdpOfficeFamily .officeFamilyTable .desc {
  font-size: 18px;
  font-family: "SegoeUI", "Microsoft YaHei", "Hiragino Sans GB";
}
.pdpOfficeFamily .officeFamilyTable .qoo {
  max-width: 500px;
}
.pdpOfficeFamily .officeFamilyTable .Word,
.pdpOfficeFamily .officeFamilyTable .Excel,
.pdpOfficeFamily .officeFamilyTable .PowerPoint,
.pdpOfficeFamily .officeFamilyTable .OneNode,
.pdpOfficeFamily .officeFamilyTable .Outlook,
.pdpOfficeFamily .officeFamilyTable .Access,
.pdpOfficeFamily .officeFamilyTable .Publisher,
.pdpOfficeFamily .officeFamilyTable .OneDrive,
.pdpOfficeFamily .officeFamilyTable .Skype {
  background-repeat: no-repeat;
  background-position: 5% center;
}
.pdpOfficeFamily .officeFamilyTable .Word {
  background-image: url("/_ui/desktop/static/img/office2016/pdp/products/en-US_Office365_Compare_Word.png");
  background-size: 115px 49px;
}
.pdpOfficeFamily .officeFamilyTable .Excel {
  background-image: url("/_ui/desktop/static/img/office2016/pdp/products/en-US_Office365_Compare_Excel.png");
  background-size: 106px 49px;
}
.pdpOfficeFamily .officeFamilyTable .PowerPoint {
  background-image: url("/_ui/desktop/static/img/office2016/pdp/products/en-US_Office365_Compare_Powerpoint.png");
  background-size: 171px 49px;
}
.pdpOfficeFamily .officeFamilyTable .OneNode {
  background-image: url("/_ui/desktop/static/img/office2016/pdp/products/en-US_Office365_Compare_OneNote.png");
  background-size: 152px 49px;
}
.pdpOfficeFamily .officeFamilyTable .Outlook {
  background-image: url("/_ui/desktop/static/img/office2016/pdp/products/en-US_Office365_Compare_Outlook.png");
  background-size: 142px 49px;
}
.pdpOfficeFamily .officeFamilyTable .Access {
  background-image: url("/_ui/desktop/static/img/office2016/pdp/products/en-US_Office365_Compare_Access.png");
  background-size: 126px 49px;
}
.pdpOfficeFamily .officeFamilyTable .Publisher {
  background-image: url("/_ui/desktop/static/img/office2016/pdp/products/en-US_Office365_Compare_Publisher.png");
  background-size: 152px 49px;
}
.pdpOfficeFamily .officeFamilyTable .OneDrive {
  background-image: url("/_ui/desktop/static/img/office2016/pdp/products/en-US-Office365-Compare-OneDrive.png");
  background-size: 142px 49px;
}
.pdpOfficeFamily .officeFamilyTable .Skype {
  background-image: url("/_ui/desktop/static/img/office2016/pdp/products/en-US-Office365-Compare-Skype.png");
  background-size: 142px 49px;
}
@media all and (max-width: 1024px) {
  .pdpOfficeFamily .officeFamilyTable .tbl-row {
    padding: 20px 20px 20px 33%;
  }
  .pdpOfficeFamily .officeFamilyTable .Word,
  .pdpOfficeFamily .officeFamilyTable .Excel,
  .pdpOfficeFamily .officeFamilyTable .PowerPoint,
  .pdpOfficeFamily .officeFamilyTable .OneNode,
  .pdpOfficeFamily .officeFamilyTable .Outlook,
  .pdpOfficeFamily .officeFamilyTable .Access,
  .pdpOfficeFamily .officeFamilyTable .Publisher,
  .pdpOfficeFamily .officeFamilyTable .OneDrive,
  .pdpOfficeFamily .officeFamilyTable .Skype {
    background-position: 7% center;
  }
}
@media all and (max-width: 767px) {
  .pdpOfficeFamily .content {
    background-color: transparent;
  }
  .pdpOfficeFamily .officeFamilyTable {
    width: 95%;
    /*.tbl-row {
        padding: 80px 10px 20px;
        font-size: 13px;
        text-align: center;
      }

      .desc {
        width: 100%;
      }

      .Word,.Excel,.PowerPoint,.OneNode,.Outlook,.Access,.Publisher,.OneDrive,.Skype {
        background-repeat: no-repeat;
        background-position: center 15px;
      }
      */
  }
 .pdpOfficeFamily .officeFamilyTable .Word {
    background-image: url("/_ui/desktop/static/img/office2016/pdp/products/mobile/officeIcon_s_01.jpg");
    background-size: 65px auto;
  }
  .pdpOfficeFamily .officeFamilyTable .Excel {
    background-image: url("/_ui/desktop/static/img/office2016/pdp/products/mobile/officeIcon_s_02.jpg");
    background-size: 65px auto;
  }
  .pdpOfficeFamily .officeFamilyTable .PowerPoint {
    background-image: url("/_ui/desktop/static/img/office2016/pdp/products/mobile/officeIcon_s_03.jpg");
    background-size: 65px auto;
  }
  .pdpOfficeFamily .officeFamilyTable .OneNode {
    background-image: url("/_ui/desktop/static/img/office2016/pdp/products/mobile/officeIcon_s_04.jpg");
    background-size: 65px auto;
  }
  .pdpOfficeFamily .officeFamilyTable .Outlook {
    background-image: url("/_ui/desktop/static/img/office2016/pdp/products/mobile/officeIcon_s_05.jpg");
    background-size: 65px auto;
  }
  .pdpOfficeFamily .officeFamilyTable .Access {
    background-image: url("/_ui/desktop/static/img/office2016/pdp/products/mobile/officeIcon_s_06.jpg");
    background-size: 65px auto;
  }
  .pdpOfficeFamily .officeFamilyTable .Publisher {
    background-image: url("/_ui/desktop/static/img/office2016/pdp/products/mobile/officeIcon_s_07.jpg");
    background-size: 65px auto;
  }
  .pdpOfficeFamily .officeFamilyTable .OneDrive {
    background-image: url("/_ui/desktop/static/img/office2016/pdp/products/mobile/officeIcon_s_08.jpg");
    background-size: 65px auto;
  }
  .pdpOfficeFamily .officeFamilyTable .Skype {
    background-image: url("/_ui/desktop/static/img/office2016/pdp/products/mobile/officeIcon_s_09.jpg");
    background-size: 65px auto;
  }
  .pdpOfficeFamily .officeFamilyTable .tbl-row {
    padding: 20px 20px 20px 25%;
  }
  .pdpOfficeFamily .officeFamilyTable .productName {
    display: block;
  }
  .pdpOfficeFamily .officeFamilyTable .desc {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px;
  }
}
@media all and (max-width: 500px) {
  .pdpOfficeFamily .officeFamilyTable .tbl-row {
    padding: 20px 20px 20px 30%;
  }
}