.opn-wrapper iframe {
  max-width: 100%; }
  .opn-wrapper img {
    max-width: 100%; }
    @media (max-width: 900px) {
  .opn-wrapper img {
    height: auto; } }

.opn-video {
  text-align: center; }
  .opn-video iframe {
    max-width: 100%; }

.opn-table {
  width: 70%; }
  .opn-table td {
    text-align: center;
    vertical-align: bottom; }
    @media (max-width: 680px) {
  .opn-table td {
    display: inline-block;
    width: 100%; } }
  .opn-table.opn-table1 {
    width: 100%; }
    .opn-table.opn-table1 td {
      width: 20%;
      vertical-align: bottom;
      box-sizing: border-box; }
      .opn-table.opn-table1 td img {
        max-width: 100%; }
      @media (max-width: 968px) {
  .opn-table.opn-table1 td {
    display: inline-block;
    width: 50%; } }
      @media (max-width: 580px) {
  .opn-table.opn-table1 td {
    width: 100%; } }

.opn-table2 {
  width: 100%; }
  .opn-table2 td {
    width: 50%;
    text-align: left;
    vertical-align: bottom;
    box-sizing: border-box; }
    @media (max-width: 1110px) {
  .opn-table2 td {
    display: inline-block;
    width: 100%;
    text-align: center; }
    .opn-table2 td img {
      max-width: 100%; } }

.opn-table3 {
  width: 60%;
  margin: 0 auto; }
  @media (max-width: 860px) {
  .opn-table3 {
    width: 100%; } }
  .opn-table3 td {
    padding: 10px; }
    @media (max-width: 530px) {
  .opn-table3 td {
    padding: 1px; } }
  .opn-table3 tr:nth-child(odd) {
    background: #eee; }

.opn-table4 {
  width: 100%; }
  .opn-table4 td {
    padding: 5px;
    box-sizing: border-box; }
    @media (max-width: 780px) {
  .opn-table4 td {
    display: inline-block;
    width: 100%;
    text-align: center; }
    .opn-table4 td img {
      max-width: 100%; } }

.opn-table5 {
  width: 60%;
  margin: 0 0 20px; }
  @media (max-width: 720px) {
  .opn-table5 {
    width: 100%; } }
  .opn-table5 td {
    padding: 0 10px 0 0; }
    .opn-table5 td img {
      max-width: 100%; }
    @media (max-width: 720px) {
  .opn-table5 td {
    display: inline-block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 0; } }

.opn-table6 {
  width: 100%; }
  .opn-table6 td {
    box-sizing: border-box; }
    @media (max-width: 1212px) {
  .opn-table6 td {
    display: inline-block;
    width: 50%; }
    .opn-table6 td img {
      max-width: 100%;
      height: auto; } }
    @media (max-width: 910px) {
  .opn-table6 td {
    width: 100%;
    text-align: center; } }

.opn-table7 {
  width: 100%; }
  .opn-table7 td {
    box-sizing: border-box;
    width: 25%;
    padding: 0 10px 0 0; }
    @media (max-width: 1212px) {
  .opn-table7 td {
    display: inline-block;
    width: 50%; } }
    @media (max-width: 910px) {
  .opn-table7 td {
    width: 100%; } }
    .opn-table7 td img {
      max-width: 100%; }

.opn-table8 {
  width: 100%; }
  .opn-table8 td {
    padding: 0 20px 0 0;
    width: 50%; }
    @media (max-width: 780px) {
  .opn-table8 td {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0; }
    .opn-table8 td img {
      max-width: 100%;
      height: auto; } }
    .opn-table8 td iframe {
      max-width: 100%; }

.opn-table9 {
  width: 100%; }
  .opn-table9 td {
    width: 12.5%;
    padding: 5px;
    box-sizing: border-box; }
    @media (max-width: 950px) {
  .opn-table9 td {
    width: 25%;
    display: inline-block; } }
    @media (max-width: 625px) {
  .opn-table9 td {
    width: 100%;
    text-align: center; } }

.opn-table10 {
  width: 100%; }
  .opn-table10 td {
    padding: 0 20px 0 0;
    width: 50%; }
    @media (max-width: 1125px) {
  .opn-table10 td {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0; }
    .opn-table10 td img {
      max-width: 100%;
      height: auto; } }
    .opn-table10 td iframe {
      max-width: 100%; }

.opn-table11 {
  width: 100%; }
  @media (max-width: 1166px) {
    .opn-table11 td {
      display: inline-block;
      width: 100%; } }

.opn-table12 {
  width: 100%; }
  .opn-table12 td {
    box-sizing: border-box; }
    @media (max-width: 912px) {
  .opn-table12 td {
    display: inline-block;
    width: 100%; }
    .opn-table12 td img {
      width: 200px !important;
      max-width: 100%; } }

.opn-table13 {
  width: 100%; }
  .opn-table13 td {
    box-sizing: border-box;
    padding: 0 20px 0 0; }
    @media (max-width: 970px) {
  .opn-table13 td {
    display: inline-block;
    width: 100%;
    padding: 2px; }
    .opn-table13 td img {
      max-width: 100%;
      object-fit: cover; } }

.opn-table14 {
  width: 100%; }
  .opn-table14 td {
    width: 33%;
    box-sizing: border-box;
    padding: 0 20px 0 0;
    text-align: center; }
    .opn-table14 td p {
      text-align: left; }
    .opn-table14 td img {
      width: 353px;
      height: 214px;
      max-width: 100%;
      object-fit: cover; }
    @media (max-width: 960px) {
  .opn-table14 td {
    display: inline-block;
    width: 100%; } }

.opn-table15 {
  width: 100%; }
  .opn-table15 td {
    padding: 0 20px 0 0;
    width: 65%;
    box-sizing: border-box; }
    .opn-table15 td:first-child {
      width: 35%; }
    @media (max-width: 780px) {
  .opn-table15 td {
    display: inline-block;
    width: 100%;
    padding: 0; }
    .opn-table15 td img {
      max-width: 100%;
      height: auto; }
    .opn-table15 td:first-child {
      width: 100%;
      text-align: center; } }
    .opn-table15 td iframe {
      max-width: 100%; }

.opn-table16 {
  width: 100%; }
  .opn-table16 td {
    padding: 0 20px 0 0;
    width: 32%; }
    .opn-table16 td:last-child {
      padding: 0 0 0 10px; }
    @media (max-width: 780px) {
  .opn-table16 td {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0; }
    .opn-table16 td img {
      max-width: 100%;
      height: auto; } }
    .opn-table16 td iframe {
      max-width: 100%; }

.opn-table17 {
  width: 100%; }
  .opn-table17 td {
    padding: 0 20px 0 0;
    width: 50%; }
    .opn-table17 td img {
      max-width: 100%; }
    @media (max-width: 780px) {
  .opn-table17 td {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0; }
    .opn-table17 td img {
      max-width: 100%;
      height: auto; } }
    .opn-table17 td iframe {
      max-width: 100%; }

.opn-table18 {
  width: 100%; }
  .opn-table18 td {
    padding: 0 20px 0 0;
    width: 15%;
    box-sizing: border-box; }
    .opn-table18 td:first-child {
      width: 85%; }
    @media (max-width: 780px) {
  .opn-table18 td {
    display: inline-block;
    width: 100%;
    padding: 0; }
    .opn-table18 td img {
      max-width: 100%;
      height: auto; }
    .opn-table18 td:first-child {
      width: 100%;
      text-align: center; } }
    .opn-table18 td iframe {
      max-width: 100%; }

.opn-table19 {
  width: 83%; }
  .opn-table19 td {
    width: 43%; }
    .opn-table19 td:first-child {
      width: 21%; }
    @media (max-width: 1090px) {
  .opn-table19 td {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px; }
    .opn-table19 td:first-child {
      width: 100%;
      display: inline-block;
      text-align: center; }
    .opn-table19 td img {
      height: auto !important;
      max-width: 100%; } }
  @media (max-width: 1090px) {
  .opn-table19 {
    width: 100%; } }

.opn-table20 {
  width: 100%; }
  .opn-table20 td {
    width: 25%;
    vertical-align: bottom; }
    @media (max-width: 1196px) {
  .opn-table20 td {
    display: inline-block; } }
    @media (max-width: 618px) {
  .opn-table20 td {
    width: 48%;
    text-align: center; } }

.opn-table21 {
  width: 100%; }
  .opn-table21 td {
    width: 15.5%; }
    @media (max-width: 1200px) {
  .opn-table21 td {
    display: inline-block; } }
    @media (max-width: 618px) {
  .opn-table21 td {
    width: 48%; } }
  @media (max-width: 618px) {
    .opn-table21 tr {
      width: 50%;
      text-align: center; } }

.opn-table22 {
  width: 100%; }
  .opn-table22 tr td {
    width: 20%;
    vertical-align: bottom; }
    @media (max-width: 1120px) {
    .opn-table22 tr td {
      display: inline-block; }
      .opn-table22 tr td img {
        max-width: 100%; } }
    @media (max-width: 640px) {
    .opn-table22 tr td {
      width: 100%; } }

.opn-table23 {
  width: 100%; }
  .opn-table23 td {
    width: 30%;
    padding: 0 20px 0 0; }
    @media (max-width: 940px) {
  .opn-table23 td {
    display: inline-block;
    width: 100% !important;
    border-bottom: 1px solid gray;
    padding: 15px 0; } }

.opn-tableimg {
  width: 100%; }
  .opn-tableimg td {
    width: 50%;
    box-sizing: border-box;
    padding: 0 10px 0 0; }
    .opn-tableimg td img {
      width: 100%;
      height: auto; }
    @media (max-width: 680px) {
  .opn-tableimg td {
    display: inline-block;
    width: 100%; } }

.opn-tableimg2 {
  width: 100%; }
  .opn-tableimg2 td {
    box-sizing: border-box; }
    .opn-tableimg2 td img {
      max-width: 100%; }
    @media (max-width: 1110px) {
  .opn-tableimg2 td {
    display: inline-block; } }
    @media (max-width: 380px) {
  .opn-tableimg2 td {
    width: 100%;
    text-align: center; } }

.opn-imgwrapper {
  display: flex;
  flex-wrap: wrap; }
  .opn-imgwrapper__item {
    flex: 0 0 32%;
    margin: 0 10px 20px 0; }
    .opn-imgwrapper__item img {
      width: 360px;
      height: 270px;
      object-fit: cover;
      max-width: 100%; }
    @media (max-width: 800px) {
  .opn-imgwrapper__item {
    flex: 0 0 100%;
    text-align: center;
    height: auto; } }

.opn-imgwrapper2 {
  display: flex;
  flex-wrap: wrap; }
  .opn-imgwrapper2__item {
    flex: 0 0 49%;
    box-sizing: border-box;
    padding: 0 10px 0 0; }
    @media (max-width: 1120px) {
  .opn-imgwrapper2__item {
    flex: 0 0 100%;
    text-align: center; } }
    .opn-imgwrapper2__item img {
      width: 520px;
      height: 320px;
      object-fit: cover;
      max-width: 100%; }
    @media (max-width: 600px) {
    .opn-imgwrapper2__item img {
      width: 100%;
      height: auto; } }

.opn-imgwrapper3 {
  display: flex;
  flex-wrap: wrap; }
  .opn-imgwrapper3 img {
    max-width: 100%;
    height: auto; }

.opn-imgwrapper4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .opn-imgwrapper4 img {
    margin: 0 10px 10px 0; }

.opn-imgwrapper5 {
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 800px) {
  .opn-imgwrapper5 {
    justify-content: center; } }
  .opn-imgwrapper5__item {
    margin: 0 10px 0 0; }
    .opn-imgwrapper5__item img {
      height: 300px;
      object-fit: cover; }

.opn-simptable {
  width: 100%; }
  .opn-simptable td {
    box-sizing: border-box;
    padding: 0 20px 0 0; }
    .opn-simptable td:last-child {
      padding: 0; }
    @media (max-width: 770px) {
  .opn-simptable td {
    display: inline-block;
    width: 100%;
    padding: 0; } }
    .opn-simptable td a {
      max-width: 100%;
      text-align: center;
      text-align: center;
      margin: 0 auto; }

.opn-simptable2 {
  width: 100%;
  margin: 0 0 20px; }
  .opn-simptable2 td {
    box-sizing: border-box;
    padding: 0 10px 0 0; }
    @media (max-width: 770px) {
  .opn-simptable2 td {
    display: inline-block;
    width: 100%; }
    .opn-simptable2 td:first-child {
      text-align: center; } }

.opn-simptable3 {
  width: 100%; }
  .opn-simptable3 td {
    box-sizing: border-box;
    padding: 0 20px 0 0; }
    .opn-simptable3 td:last-child {
      padding: 0; }
    @media (max-width: 976px) {
  .opn-simptable3 td {
    display: inline-block;
    width: 100%;
    padding: 0; }
    .opn-simptable3 td img {
      max-width: 100%; } }
    .opn-simptable3 td a {
      max-width: 100%;
      text-align: center;
      text-align: center;
      margin: 0 auto; }