/*



*/
.okicart {
  font-family: "微軟儷黑體", "微軟正黑體", "Arial", "Helvetica", "Geneva", "sans-serifs";
  text-align: center;
  /*end okicart*/ }
  .okicart .err, .okicart .f9 {
    font-size: 12pt;
    font-style: normal; }
  .okicart .err {
    color: #f00; }
  .okicart .udline {
    display: inline;
    text-decoration: none;
    border-bottom: 2px solid #699;
    padding: 10px 0px;
    /*sysmsg ----------------------------------------------------*/ }
  .okicart .sysmsgbox {
    /*cart box //in cart-----------------------------------------*/ }
    .okicart .sysmsgbox .msg {
      color: #699;
      font-size: 14pt;
      font-weight: bold; }
    .okicart .sysmsgbox .errmsg {
      color: #f00;
      font-size: 14pt;
      font-weight: bold; }
  .okicart .cartbox {
    width: 100%;
    max-width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
    /*input //in cart-----------------------------------------*/ }
    .okicart .cartbox .tb {
      display: table;
      width: 100%;
      max-width: 100%; }
    .okicart .cartbox ul.row {
      display: table-row;
      margin: 0;
      padding: 0; }
    .okicart .cartbox ul.row[class~=th] li {
      border-bottom: 2px solid #000; }
    .okicart .cartbox ul.row li {
      display: table-cell;
      margin: 0;
      padding: 10px 0;
      border-bottom: 1px solid #b2b2b2; }
    .okicart .cartbox ul.row li.title {
      position: inherit !important; }
    .okicart .cartbox .totalbox {
      font-size: 16pt;
      font-weight: bold;
      /*border-top: 2px solid #999;*/
      padding: 40px 0; }
  .okicart .orderbox {
    border: 1px solid #999;
    padding: 40px 10px;
    box-sizing: border-box; }
    .okicart .orderbox .otitle, .okicart .orderbox .rtitle {
      font-size: 12pt;
      font-weight: bold;
      margin-bottom: 20px; }
    .okicart .orderbox ul, .okicart .orderbox li {
      padding: 0;
      margin: 0; }
    .okicart .orderbox ul.col2 {
      display: table;
      width: 100%; }
    .okicart .orderbox ul.col2 > li {
      width: 50%;
      display: table-cell;
      vertical-align: top;
      text-align: enter; }
    .okicart .orderbox ul.col2 > li .tb {
      width: 80%; }
    .okicart .orderbox .tb {
      width: 90%;
      margin: auto; }
    .okicart .orderbox .tb li.cap {
      text-align: left;
      font-size: 12pt; }
    .okicart .orderbox .tb li.ipt {
      padding-bottom: 10px;
      word-break: break-all; }
    .okicart .orderbox .tb input[type=text], .okicart .orderbox .tb textarea {
      width: 100%;
      box-sizing: border-box;
      padding-left: 8px; }
    .okicart .orderbox .lb {
      text-align: center;
      margin: auto;
      margin-right: 10px; }
    .okicart .orderbox .lb2 {
      width: 40%;
      text-align: center;
      margin: auto; }
  .okicart .act-confirm, .okicart .act-order {
    /*btn -----------------------------------------------------*/ }
    .okicart .act-confirm .tb li.cap, .okicart .act-order .tb li.cap {
      color: #699; }
    .okicart .act-confirm .tb li.ipt, .okicart .act-order .tb li.ipt {
      font-size: 14pt;
      padding: 0px 0px 30px 0px;
      text-align: left; }
  .okicart .btnbox {
    text-align: center;
    padding: 20px 0px 110px;  }
    .okicart .btnbox .gobtn {
      color: #fff;
      background: #099;
      border: 0px;
      border-radius: 10px;
      padding: 10px;
      box-shadow: 0 0 0 rgba(0, 0, 0, 0);
      transition: all 0.5s; }
    .okicart .btnbox .gobtn:hover {
      background: #033; }
    .okicart .btnbox .formclr {
      color: #000;
      background: #ccc;
      border: 0px;
      border-radius: 10px;
      padding: 10px;
      box-shadow: 0 0 0 rgba(0, 0, 0, 0);
      transition: all 0.5s; }
    .okicart .btnbox .formclr:hover {
      background: #aaa; }
  .okicart .rulebox {
    padding: 40px 0px; }
    .okicart .rulebox .ruletitle {
      font-size: 12pt;
      font-weight: bold;
      padding: 20px 0px;
      border-bottom: 2px solid #ccc;
      margin-bottom: 30px; }
    .okicart .rulebox .info {
      text-align: justify; }
  .okicart .cartmsg .msgtitle {
    font-size: 14pt;
    font-weight: bold;
    padding: 20px 10px; }
    .okicart .cartmsg .btnbox a {
      display: inline; }
    .okicart .cartmsg .btnbox button {
      display: inline-block;
      max-width: 280px;
      width: 100%; }
  .okicart .showmb {
    display: none; }

@media screen and (max-width: 1280px) {
  .okicart {
    /*end okicart*/ } }

@media screen and (max-width: 960px) {
  .okicart {
    /*end okicart*/ }
    .okicart .orderbox ul.col2, .okicart .orderbox ul.col2 > li {
      width: 100%;
      display: block; }
      .okicart .orderbox ul.col2 > li {
        border-bottom: 1px solid #ccc;
        margin-bottom: 40px; }
      .okicart .orderbox ul.col2 > li .tb {
        width: 90%; } }

@media screen and (max-width: 640px) {
  .okicart {
    /*end okicart*/ }
    .okicart .cartbox ul.row .qty, .okicart .cartbox ul.row .price, .okicart .cartbox ul.row .sum, .okicart .cartbox ul.row .remark {
      display: none; }
      .okicart .cartbox ul.row li.title {
        text-align: left;
        font-size: 12pt;
        font-weight: bold; }
        .okicart .cartbox ul.row li.title .showmb {
          display: block;
          font-size: 9pt;
          /*end .showmb*/ }
          .okicart .cartbox ul.row li.title .showmb .remark {
            display: block; }
      .okicart .cartbox ul.row li.del {
        width: 80px;
        text-align: right; } }