@charset "utf-8";

/* PC */
.all_1118{
  background: #b22b36;
}

.all_1118 .container {
  background: url("../images/side_deco_r.png")top center repeat-y;
}

/*區塊*/
.all_1118 .blk {
  margin: 150px auto 200px;
  max-width: 1000px;
  background: url("../images/blk_bg_g.png") top center repeat-y;
  background-size: contain;
  transform-style: preserve-3d;
}

.all_1118 .blk::before {
  content: '';
  width: 1000px;
  margin: 0 auto -190px;
  background: url("../images/blk_be_g.png")center top no-repeat;
  background-size: contain;
  display: flex;
  height: 72px;
  top: -56px;
  right: 0px;
  position: relative;
  pointer-events: none;
  transform: translateZ(-1px);
}

.all_1118 .blk::after {
  content: '';
  width: 1000px;
  margin: -75px auto 0px;
  background: url("../images/blk_af_g.png")center top no-repeat;
  background-size: contain;
  height: 50px;
  display: flex;
  top: 50px;
  right: 0px;
  position: relative;
  pointer-events: none;
  transform: translateZ(-1px);
}

@media screen and (max-width: 991px) {
  .all_1118 .blk {
    margin: 23vw auto 28vw;
    background: url("../images/blk_bg_g.png") top center repeat-y;
    background-size: 100vw;
  }

  .all_1118 .blk::before {
    content: '';
    width: 100%;
    margin: 0 auto -26vw;
    background: url("../images/blk_be_g.png")center top no-repeat;
    background-size: 100vw;
    height: 6vw;
    top: -5.6vw;
  }

  .all_1118 .blk::after {
    content: '';
    width: 100%;
    margin: -6vw auto 0;
    background: url("../images/blk_af_g.png")center top no-repeat;
    background-size: 100vw;
    height: 4vw;
    top: 4vw;
  }
}