.phukientb .page-heading {
  height: 41px;
  border-bottom: 1px solid #eaeaea;
  line-height: 40px;
  position: relative;
  font-size: 24px;
  font-size: 16px;
  font-weight: bold; }
  .phukientb .page-heading span {
    position: absolute;
    bottom: -1px;
    border-bottom: 3px solid #958457; }
.phukientb .product-filter {
  background-color: transparent;
  border-top: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  padding: 10px; }
  @media only screen and (max-width: 700px) {
    .phukientb .product-filter {
      margin: 0 -10px; } }
  .phukientb .product-filter .limit span {
    color: #373737;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px; }
  .phukientb .product-filter .sort span {
    color: #373737;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px; }
.phukientb .pk {
  margin-top: 30px; }
  .phukientb .pk .product-pk {
    text-align: center;
    background-color: #ffffff;
    padding: 2px;
    transition: transform 0.5s ease 0s, opacity 0.6s ease 0s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 0;
    position: relative; }
    .phukientb .pk .product-pk .top-pk {
      margin-bottom: 20px;
      overflow: hidden;
      position: relative; }
      .phukientb .pk .product-pk .top-pk a img {
        height: 265px; }
        @media only screen and (max-width: 700px) {
          .phukientb .pk .product-pk .top-pk a img {
            height: 180px; } }
      .phukientb .pk .product-pk .top-pk .new, .phukientb .pk .product-pk .top-pk .hot {
        display: block;
        background-color: #01c4c4;
        text-align: center;
        line-height: 27px;
        padding: 0 10px;
        font-size: 12px;
        font-weight: 700;
        color: #ffffff;
        text-transform: uppercase;
        position: absolute;
        left: 0;
        top: 0; }
        .phukientb .pk .product-pk .top-pk .new::before, .phukientb .pk .product-pk .top-pk .hot::before {
          content: "";
          width: 10px;
          height: 100%;
          position: absolute;
          right: -16px;
          top: 0px;
          border: 15px solid transparent;
          border-top: 15px solid #01c4c4; }
        .phukientb .pk .product-pk .top-pk .new::after, .phukientb .pk .product-pk .top-pk .hot::after {
          content: "";
          width: 10px;
          height: 100%;
          position: absolute;
          right: -16px;
          bottom: 0;
          border: 15px solid transparent;
          border-bottom: 15px solid #01c4c4; }
      .phukientb .pk .product-pk .top-pk .hot {
        background-color: #ff0000; }
        .phukientb .pk .product-pk .top-pk .hot::after {
          border-bottom-color: #ff0000; }
        .phukientb .pk .product-pk .top-pk .hot::before {
          border-top-color: #ff0000; }
      .phukientb .pk .product-pk .top-pk .sale {
        background-color: #01c4c4;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        height: 29px;
        left: -49px;
        line-height: 31px;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        top: 8px;
        transform: rotate(-45deg);
        transition: all 0.5s linear 0s;
        width: 137px; }
      .phukientb .pk .product-pk .top-pk:hover a img {
        transform: scale(1.1);
        transition: all 0.5s; }
      .phukientb .pk .product-pk .top-pk .sale-price {
        color: white;
        background-color: #f90;
        display: block;
        text-align: center;
        width: 182px;
        position: absolute;
        top: 11px;
        right: -58px;
        transform: rotate(45deg); }
      .phukientb .pk .product-pk .top-pk .new-price {
        color: white;
        background-color: #0033ff;
        display: block;
        text-align: center;
        width: 120px;
        position: absolute;
        top: 11px;
        right: -27px;
        transform: rotate(45deg); }
    .phukientb .pk .product-pk .under-block {
      text-align: center; }
      .phukientb .pk .product-pk .under-block .name {
        font-size: 14px;
        margin: 10px 0; }
        @media only screen and (max-width: 700px) {
          .phukientb .pk .product-pk .under-block .name {
            margin: 5px 0; } }
        .phukientb .pk .product-pk .under-block .name a {
          color: #01c4c4;
          text-transform: uppercase;
          display: block;
          overflow: hidden;
          padding: 0 10px;
          text-overflow: ellipsis;
          white-space: nowrap;
          text-decoration: none; }
      .phukientb .pk .product-pk .under-block .contentprice {
        width: 100%;
        text-align: center; }
        .phukientb .pk .product-pk .under-block .contentprice .discountperson {
          float: left;
          width: 20%;
          color: #ff5400;
          float: left;
          font-size: 35px;
          line-height: 1.7em; }
          @media only screen and (max-width: 700px) {
            .phukientb .pk .product-pk .under-block .contentprice .discountperson {
              font-size: 14px;
              margin-top: 15px; } }
        .phukientb .pk .product-pk .under-block .contentprice .price {
          float: left;
          width: 60%;
          line-height: 1.1em;
          text-align: center;
          margin-top: 15px; }
          .phukientb .pk .product-pk .under-block .contentprice .price .pricenew {
            font-weight: bold;
            display: block;
            color: #70ba28;
            font-size: 20px; }
            @media only screen and (max-width: 700px) {
              .phukientb .pk .product-pk .under-block .contentprice .price .pricenew {
                font-size: 12px; } }
        .phukientb .pk .product-pk .under-block .contentprice .button-more {
          float: right;
          width: 20%; }
          .phukientb .pk .product-pk .under-block .contentprice .button-more a {
            color: #333333;
            text-transform: uppercase; }
            .phukientb .pk .product-pk .under-block .contentprice .button-more a i {
              background-color: black;
              border-radius: 100%;
              color: #ffffff;
              font-size: 22px;
              height: 30px;
              line-height: 30px;
              margin-top: 20px;
              text-align: center;
              transition: all 0.5s;
              width: 30px; }
              @media only screen and (max-width: 700px) {
                .phukientb .pk .product-pk .under-block .contentprice .button-more a i {
                  font-size: 10px;
                  width: 20px;
                  height: 20px;
                  margin-top: 15px;
                  line-height: 20px; } }
              .phukientb .pk .product-pk .under-block .contentprice .button-more a i:hover {
                background-color: #ff5400; }
    .phukientb .pk .product-pk .bottom-pk {
      padding: 0 15px;
      margin-top: 5px; }
      .phukientb .pk .product-pk .bottom-pk h5 {
        padding-bottom: 0px;
        line-height: 1.3;
        overflow: hidden;
        text-align: center; }
        .phukientb .pk .product-pk .bottom-pk h5 a {
          color: #666666;
          font-size: 1rem;
          text-decoration: none; }
    .phukientb .pk .product-pk:hover .top-pk img {
      transform: scale(1.1); }
    .phukientb .pk .product-pk:hover .top-pk .chitiet {
      left: 0px; }
      .phukientb .pk .product-pk:hover .top-pk .chitiet:hover {
        background: #958457; }
    .phukientb .pk .product-pk:hover .bottom-pk h5 a {
      color: #2a519e; }

.prdpk .product-view .product-img-box {
  margin-bottom: 30px; }

/*# sourceMappingURL=phukien.css.map */