@charset "UTF-8";
#overlay {
  /*display: none;  ensures it’s invisible until it’s called */
  position: absolute;
  /* makes the div go into a position that’s absolute to the browser viewing area */
  left: 35%;
  /* positions the div half way horizontally */
  top: 25%;
  /* positions the div half way vertically */
  padding: 25px;
  background-color: #ffffff;
  width: 30%;
  height: 80px;
  z-index: 100;
  /* makes the div the top layer, so it’ll lay on top of the other content */ }

#fade {
  /*display: none;   ensures it’s invisible until it’s called */
  position: absolute;
  /* makes the div go into a position that’s absolute to the browser viewing area */
  left: 0%;
  /* makes the div span all the way across the viewing area */
  top: 0%;
  /* makes the div span all the way across the viewing area */
  background-color: black;
  -moz-opacity: 0.7;
  /* makes the div transparent, so you have a cool overlay effect */
  opacity: .70;
  filter: alpha(opacity=70);
  width: 100%;
  height: 100%;
  z-index: 90;
  /* makes the div the second most top layer, so it’ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */ }
/*

*/
.no_show {
  display: none; }

form .posr div.error {
  position: absolute;
  top: 12px;
  right: 38px;
  color: red;
  font-size: 16px;
  z-index: 100; }

.coupon-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.coupon-check-btn {
  background-color: #be0000;
  font-size: 1.46rem;
  padding: 3px 15px;
  border: 0;
  color: white; }

input#coupon_no {
  width: 140px; }

#coupon-value {
  padding-right: 5px; }
  #coupon-value::before {
    content: "$"; }

@media (max-width: 768px) {
  .coupon-container {
    justify-content: flex-end; }

  .cart_total_caption {
    display: inline; }

  #checkCoupon {
    margin-inline: 10px; } }
.mac .page_rbox {
  width: calc(99% - 6px); }