body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 14px; color: #333; margin: 0; padding: 0; } .bi-container { width: 1027px; padding-top: 22px; margin-top: 20px; } .bi-container * { padding: 0; margin: 0; } .bi-container .bi-icon { width: 29px; height: 32px; margin-right: 8px; background-image: url(../img/bi-icon.png); background-size: contain; background-repeat: no-repeat; } .bi-container .title { display: flex; align-items: center; margin: 0 12px 20px; } .bi-container .title img { width: 29px; height: 34px; margin-right: 8px; } .bi-container .title h2 { font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif; font-weight: 650; font-style: normal; font-size: 16px; color: #000000; line-height: 30px; } .bi-container .bi-main-title { display: flex; align-items: center; margin: 0 12px 20px; } .bi-container .bi-main-title-icon { width: 29px; height: 34px; margin-right: 8px; } .bi-container .bi-main-title-heading { font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif; font-weight: 650; font-style: normal; font-size: 16px; color: #000000; line-height: 30px; } .bi-container .bi-table { width: calc(100% - 24px); border-collapse: collapse; margin: 0 12px 25px; } .bi-container .bi-table-header { background-color: #f5f5f5; font-weight: bold; font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif; font-weight: 650; font-style: normal; font-size: 14px; color: #000000; text-align: center; height: 33px; } .bi-container .bi-table-row:nth-child(even) { background-color: #f5f5f5; } .bi-container .bi-table-cell { color: #333333; font-size: 14px; text-align: center; height: 33px; } .bi-container .supplement { margin: 0 12px 30px; } .bi-container .supplement h3 { font-weight: bold; font-size: 14px; line-height: 25px; } .bi-container .supplement ul { list-style-type: none; padding: 0; margin: 0; } .bi-container .supplement li { font-size: 14px; line-height: 25px; } .bi-container .bi-supplement { margin: 0 12px 30px; } .bi-container .bi-supplement-title { font-weight: bold; font-size: 14px; line-height: 25px; } .bi-container .bi-supplement-list { list-style-type: none; padding: 0; margin: 0; } .bi-container .bi-supplement-item { font-size: 14px; line-height: 25px; } .bi-container .divider { height: 1px; background-color: #eee; margin-bottom: 37px; } .bi-container .usage { display: flex; flex-direction: column; margin-bottom: 8px; } .bi-container .usage img { width: 29px; height: 34px; margin-right: 8px; } .bi-container .usage h3 { font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif; font-weight: 650; font-style: normal; font-size: 16px; color: #000000; line-height: 30px; } .bi-container .usage ul { list-style-type: none; padding: 0 0 0 32px; margin: 0; } .bi-container .usage li:not(:last-child) { margin-bottom: 4px; } .bi-container .bi-usage { display: flex; flex-direction: column; margin-bottom: 35px; } .bi-container .bi-usage-title { display: flex; align-items: center; margin-bottom: 0 12px 20px; } .bi-container .bi-usage-icon { width: 29px; height: 34px; margin-right: 8px; } .bi-container .bi-usage-heading { font-family: PingFangSC-Semibold, "PingFang SC Semibold", "PingFang SC", sans-serif; font-weight: 650; font-style: normal; font-size: 16px; color: #000000; line-height: 30px; } .bi-container .bi-usage-list { list-style-type: none; padding: 0 0 0 32px; margin: 0; } .bi-container .bi-usage-item { margin-bottom: 4px; font-size: 14px; color: #333; }