@charset "utf-8";
/* CSS Document */
@media screen and (max-width:768px) {
  body {
    font-size: 14px;
  }
  input, button, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 12px !important;
    font-size: 15px;
    box-sizing: border-box;
    border: 1px solid #d2d2d2;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2) inset;
  }
  input[type="text"], select {
    width: 100%;
  }
  input[type="checkbox"], input[type="radio"] {
    vertical-align: middle;
    position: relative;
    background: #fff;
  }
  input[type="checkbox"]:checked:after {
    position: absolute;
    top: 5px;
    left: 5.5px;
    content: "";
    width: 14px;
    height: 14px;
    background: #54B3DE;
    -webkit-border-radius: 2px;
    border-radius: 2px;
  }
  input[type="radio"] {
    box-sizing: border-box;
    border-radius: 50%;
    margin-right: 4px;
    background: #fff !important;
    width: 25px;
    height: 25px;
  }
  input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 5.5px;
    left: 6px;
    content: "";
    width: 13px;
    height: 13px;
    background: #54B3DE;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
  label.labelBtn {
    width: 45%;
    display: inline-block;
  }
  .wrap {
    width: 100%;
  }
  .main {
    padding: 0 16px;
  }
  .section {
    margin-bottom: 0;
  }
  .formTable td, .formTable th {
    border: none;
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
  .formTable td {
    padding: 16px 0;
  }
  input[name="oaddress"], input[type="text"][name^="email"], input[type="text"][name*="address"]
    {
    width: 100%;
  }
  input[name^=hphone], input[name^=ophone], input[name^=etcphone], input[name^=fax],
    input[name^=opost], input.inputS[type="text"] {
    width: 5em;
    margin-right: 4px;
  }
  input[name$="id"] {
    width: 65%;
  }
  input[name="recommand_id"] {
    width: 100%;
  }
  .footer {
    padding: 16px 0;
  }
  .copyright {
    margin-bottom: 16px;
  }
  .shop-btn, .shop-btn:link, .shop-btn:visited, .shop-btn:active,
    .shop-btn:hover {
    font-size: 12px;
  }
  .privacyPolicyWrap {
    height: 10em;
    overflow: auto;
    border: 1px solid #ccc;
    margin-bottom: 8px;
    -webkit-overflow-scrolling: touch;
  }
  iframe.privacyPolicy {
    width: 100%;
    height: 100%;
    border: none;
    margin-bottom: 0;
    overflow: auto;
  }
  #responsiveType {
    display: block;
  }
}