.tablebox2 {
  background-color: white;
  width: 100%;
  display: table; }
  .tablebox2 thead {
    display: none; }
    @media (min-width: 1200px) {
      .tablebox2 thead {
        display: table-header-group; } }
    .tablebox2 thead .trbox {
      border: #DADFE3 1px solid !important;
      border-width: 0 0 1px 0 !important;
      box-shadow: none !important; }
      .tablebox2 thead .trbox .thbox {
        font-size: 16px;
        color: #003C83;
        padding: 10px;
        text-align: left;
        line-height: 1.1rem;
        font-weight: bold; }
        .tablebox2 thead .trbox .thbox:first-child {
          max-width: inherit; }
        .tablebox2 thead .trbox .thbox:last-child {
          width: 40px;
          padding: 5px; }
        .tablebox2 thead .trbox .thbox:nth-child(5) {
          width: auto; }
        .tablebox2 thead .trbox .thbox:nth-child(6) {
          width: auto; }
        @media (min-width: 1200px) {
          .tablebox2 thead .trbox .thbox:first-child {
            max-width: 120px; }
          .tablebox2 thead .trbox .thbox:nth-child(5) {
            width: 100px; }
          .tablebox2 thead .trbox .thbox:nth-child(6) {
            width: 100px; } }
  .tablebox2 tbody .trbox {
    border-bottom: 0;
    border-width: 0 0 1px 0 !important;
    box-shadow: none !important;
    display: flex;
    flex-wrap: wrap;
    transition: all 0.3s linear; }
    .tablebox2 tbody .trbox .tdbox {
      font-size: 16px;
      padding: 10px;
      text-align: left;
      display: flex;
      flex-direction: column;
      width: 100%;
      border-bottom: #e8ebee 1px solid;
      position: relative;
      transition: all 0.3s linear; }
      .tablebox2 tbody .trbox .tdbox .link-mask {
        display: block;
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        left: 0;
        top: 0; }
      .tablebox2 tbody .trbox .tdbox:first-child {
        max-width: inherit; }
      .tablebox2 tbody .trbox .tdbox:last-child {
        width: 40px;
        padding: 5px; }
        .tablebox2 tbody .trbox .tdbox:last-child span {
          display: none; }
      .tablebox2 tbody .trbox .tdbox .add {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        cursor: pointer; }
        .tablebox2 tbody .trbox .tdbox .add:after {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          content: '';
          width: 22px;
          height: 20px;
          /* background: url(../images/basket.svg) no-repeat; */
          -webkit-mask: url(../images/basket.svg) no-repeat center center;
          mask: url(../images/basket.svg) no-repeat center center;
          background: #0BA4EA;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
      .tablebox2 tbody .trbox .tdbox .label {
        display: block;
        color: #003C83;
        font-weight: bold;
        font-size: 16px;
        transition: all 0.3s linear; }
      .tablebox2 tbody .trbox .tdbox .con {
        color: #333;
        height: 1.3em;
        transition: all 0.3s linear; }
      .tablebox2 tbody .trbox .tdbox:nth-child(5) {
        width: 100%; }
      .tablebox2 tbody .trbox .tdbox:nth-child(6) {
        width: 100%; }
      .tablebox2 tbody .trbox .tdbox:last-child {
        width: 100%;
        background-color: #0BA4EA;
        text-align: center; }
        .tablebox2 tbody .trbox .tdbox:last-child span {
          display: block;
          color: white; }
        .tablebox2 tbody .trbox .tdbox:last-child a:after {
          display: none; }
        .tablebox2 tbody .trbox .tdbox:last-child:hover {
          background-color: #003C83; }
    @media (min-width: 520px) {
      .tablebox2 tbody .trbox .tdbox {
        width: 50%; }
        .tablebox2 tbody .trbox .tdbox:nth-child(5) {
          width: 50%; }
        .tablebox2 tbody .trbox .tdbox:nth-child(6) {
          width: 50%; }
        .tablebox2 tbody .trbox .tdbox:last-child {
          width: 100%; } }
    @media (min-width: 992px) {
      .tablebox2 tbody .trbox .tdbox {
        width: 33.33333%; }
        .tablebox2 tbody .trbox .tdbox:nth-child(5) {
          width: 33.33333%; }
        .tablebox2 tbody .trbox .tdbox:nth-child(6) {
          width: 33.33333%; }
        .tablebox2 tbody .trbox .tdbox:last-child {
          width: 100%; } }
    @media (min-width: 1200px) {
      .tablebox2 tbody .trbox {
        display: table-row;
        flex-wrap: nowrap;
        border-bottom: #e8ebee 1px solid; }
        .tablebox2 tbody .trbox:hover > * {
          background-color: #ECECEC;
          cursor: pointer; }
        .tablebox2 tbody .trbox:hover .tdbox .con {
          color: #0BA4EA; }
        .tablebox2 tbody .trbox:hover .tdbox:last-child {
          background-color: #ECECEC; }
        .tablebox2 tbody .trbox .tdbox {
          display: table-cell;
          width: auto;
          font-size: 15px;
          border-bottom: 0; }
          .tablebox2 tbody .trbox .tdbox .label {
            display: none; }
          .tablebox2 tbody .trbox .tdbox .con {
            height: auto; }
          .tablebox2 tbody .trbox .tdbox:first-child {
            max-width: 120px; }
          .tablebox2 tbody .trbox .tdbox:nth-child(5) {
            width: 100px; }
          .tablebox2 tbody .trbox .tdbox:nth-child(6) {
            width: 100px; }
          .tablebox2 tbody .trbox .tdbox:last-child {
            width: 40px;
            background-color: transparent; }
            .tablebox2 tbody .trbox .tdbox:last-child span {
              display: none; }
            .tablebox2 tbody .trbox .tdbox:last-child a:after {
              display: block; }
            .tablebox2 tbody .trbox .tdbox:last-child:hover a:after {
              background: #003C83; } }

.tablebox3 {
  background-color: white;
  width: 100%;
  display: table; }
  .tablebox3 thead {
    display: none; }
    @media (min-width: 992px) {
      .tablebox3 thead {
        display: table-header-group; } }
    .tablebox3 thead .trbox {
      border: #DADFE3 1px solid !important;
      border-width: 0 0 1px 0 !important;
      box-shadow: none !important; }
      .tablebox3 thead .trbox .thbox {
        font-size: 16px;
        color: #003C83;
        padding: 10px;
        text-align: left;
        line-height: 1.1rem;
        font-weight: bold; }
        .tablebox3 thead .trbox .thbox:first-child {
          max-width: inherit; }
        .tablebox3 thead .trbox .thbox:last-child {
          width: 40px;
          padding: 5px; }
        .tablebox3 thead .trbox .thbox:nth-child(5) {
          width: auto; }
        .tablebox3 thead .trbox .thbox:nth-child(6) {
          width: auto; }
        @media (min-width: 992px) {
          .tablebox3 thead .trbox .thbox:first-child {
            max-width: 120px; }
          .tablebox3 thead .trbox .thbox:nth-child(5) {
            width: 130px; }
          .tablebox3 thead .trbox .thbox:nth-child(6) {
            width: 160px; } }
  .tablebox3 tbody .trbox {
    border-bottom: 0;
    border-width: 0 0 1px 0 !important;
    box-shadow: none !important;
    display: flex;
    flex-wrap: wrap;
    transition: all 0.3s linear; }
    .tablebox3 tbody .trbox .tdbox {
      font-size: 16px;
      padding: 10px;
      text-align: left;
      display: flex;
      flex-direction: column;
      width: 100%;
      border-bottom: #e8ebee 1px solid;
      position: relative;
      transition: all 0.3s linear; }
      .tablebox3 tbody .trbox .tdbox .link-mask {
        display: block;
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        left: 0;
        top: 0; }
      .tablebox3 tbody .trbox .tdbox:first-child {
        max-width: inherit; }
      .tablebox3 tbody .trbox .tdbox:last-child {
        width: 40px;
        padding: 5px; }
        .tablebox3 tbody .trbox .tdbox:last-child span {
          display: none; }
      .tablebox3 tbody .trbox .tdbox .add {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        cursor: pointer; }
        .tablebox3 tbody .trbox .tdbox .add:after {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          content: '';
          width: 22px;
          height: 20px;
          /* background: url(../images/basket.svg) no-repeat; */
          -webkit-mask: url(../images/basket.svg) no-repeat center center;
          mask: url(../images/basket.svg) no-repeat center center;
          background: #0BA4EA;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
      .tablebox3 tbody .trbox .tdbox .label {
        display: block;
        color: #003C83;
        font-weight: bold;
        font-size: 16px;
        transition: all 0.3s linear; }
      .tablebox3 tbody .trbox .tdbox .con {
        color: #333;
        height: 1.3em;
        transition: all 0.3s linear; }
      .tablebox3 tbody .trbox .tdbox:nth-child(5) {
        width: 100%; }
      .tablebox3 tbody .trbox .tdbox:nth-child(6) {
        width: 100%; }
      .tablebox3 tbody .trbox .tdbox:last-child {
        width: 100%;
        background-color: #0BA4EA;
        text-align: center; }
        .tablebox3 tbody .trbox .tdbox:last-child span {
          display: block;
          color: white; }
        .tablebox3 tbody .trbox .tdbox:last-child a:after {
          display: none; }
        .tablebox3 tbody .trbox .tdbox:last-child:hover {
          background-color: #003C83; }
    @media (min-width: 520px) {
      .tablebox3 tbody .trbox .tdbox {
        width: 50%; }
        .tablebox3 tbody .trbox .tdbox:nth-child(5) {
          width: 50%; }
        .tablebox3 tbody .trbox .tdbox:nth-child(6) {
          width: 50%; }
        .tablebox3 tbody .trbox .tdbox:last-child {
          width: 100%; } }
    @media (min-width: 769px) {
      .tablebox3 tbody .trbox .tdbox {
        width: 33.33333%; }
        .tablebox3 tbody .trbox .tdbox:nth-child(5) {
          width: 33.33333%; }
        .tablebox3 tbody .trbox .tdbox:nth-child(6) {
          width: 33.33333%; }
        .tablebox3 tbody .trbox .tdbox:last-child {
          width: 100%; } }
    @media (min-width: 992px) {
      .tablebox3 tbody .trbox {
        display: table-row;
        flex-wrap: nowrap;
        border-bottom: #e8ebee 1px solid; }
        .tablebox3 tbody .trbox:hover > * {
          background-color: #ECECEC;
          cursor: pointer; }
        .tablebox3 tbody .trbox:hover .tdbox .con {
          color: #0BA4EA; }
        .tablebox3 tbody .trbox:hover .tdbox:last-child {
          background-color: #ECECEC; }
        .tablebox3 tbody .trbox .tdbox {
          display: table-cell;
          width: auto;
          font-size: 15px;
          border-bottom: 0; }
          .tablebox3 tbody .trbox .tdbox .label {
            display: none; }
          .tablebox3 tbody .trbox .tdbox .con {
            height: auto; }
          .tablebox3 tbody .trbox .tdbox:first-child {
            max-width: 120px; }
          .tablebox3 tbody .trbox .tdbox:nth-child(5) {
            width: 130px; }
          .tablebox3 tbody .trbox .tdbox:nth-child(6) {
            width: 160px; }
          .tablebox3 tbody .trbox .tdbox:last-child {
            width: 40px;
            background-color: transparent; }
            .tablebox3 tbody .trbox .tdbox:last-child span {
              display: none; }
            .tablebox3 tbody .trbox .tdbox:last-child a:after {
              display: block; }
            .tablebox3 tbody .trbox .tdbox:last-child:hover a:after {
              background: #003C83; } }