section#play-game-section {
  height: 776px;
  background-image: url("https://tw.hicdn.beanfun.com/INTRA/beanfun/GamaWWW/CSO/official2021/assets/img/play-game-section-bg.jpg");
  display: flex;
  align-items: center;
  background-color: black;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }
  section#play-game-section .play-game-wrapper {
    background: rgba(0, 0, 0, 0.7);
    height: 351px;
    width: 357px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    padding: 40px 55px; }
    section#play-game-section .play-game-wrapper h1 {
      font-family: CsRegular;
      font-size: 80px;
      line-height: 57px;
      color: white;
      margin-bottom: 31.5px; }
    section#play-game-section .play-game-wrapper a.red-gradient-btn {
      padding-top: 12px;
      padding-bottom: 12px;
      width: calc(100% - 16px);
      text-align: center; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        section#play-game-section .play-game-wrapper a.red-gradient-btn {
          display: inline-block; } }
    section#play-game-section .play-game-wrapper a.start-game-btn {
      margin: 0px 8px;
      margin-bottom: 14px; }
    section#play-game-section .play-game-wrapper hr {
      border-top: 1px solid #969696;
      width: 100%;
      margin: 20.5px 0px; }
    section#play-game-section .play-game-wrapper div.inline-btns {
      display: flex;
      width: 100%; }
      section#play-game-section .play-game-wrapper div.inline-btns a:first-child {
        margin-left: 8px;
        margin-right: 9px; }
      section#play-game-section .play-game-wrapper div.inline-btns a:last-child {
        margin-left: 9px;
        margin-right: 8px; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        section#play-game-section .play-game-wrapper div.inline-btns a.red-gradient-btn {
          max-width: calc(50% - 16px); } }
    section#play-game-section .play-game-wrapper div.social-medias {
      display: flex;
      justify-content: space-between;
      width: 100%; }
      section#play-game-section .play-game-wrapper div.social-medias div.header-with-icons {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        height: 83px; }
        section#play-game-section .play-game-wrapper div.social-medias div.header-with-icons span {
          color: #969696; }
        section#play-game-section .play-game-wrapper div.social-medias div.header-with-icons:first-child {
          width: 158px;
          margin-left: 21px; }
        section#play-game-section .play-game-wrapper div.social-medias div.header-with-icons:last-child {
          width: 99px;
          margin-right: 21px; }
        section#play-game-section .play-game-wrapper div.social-medias div.header-with-icons .icons {
          width: 100%;
          display: flex;
          justify-content: space-between; }
          section#play-game-section .play-game-wrapper div.social-medias div.header-with-icons .icons a {
            text-decoration: none; }
            section#play-game-section .play-game-wrapper div.social-medias div.header-with-icons .icons a:hover svg .icon-bg {
              fill: white; }
          @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            section#play-game-section .play-game-wrapper div.social-medias div.header-with-icons .icons {
              justify-content: space-around; }
              section#play-game-section .play-game-wrapper div.social-medias div.header-with-icons .icons a {
                margin: 0px 5px; } }
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
    section#play-game-section {
      background-size: cover; } }
  @media screen and (max-width: 1023px) {
    section#play-game-section {
      background-image: url("https://tw.hicdn.beanfun.com/INTRA/beanfun/GamaWWW/CSO/official2021/assets/img/play-game-section-bg-mobile.png");
      height: 522.16px;
      background-position: top;
      padding-bottom: 61px;
      margin-bottom: 0px; }
      section#play-game-section .play-game-wrapper {
        padding: 0px;
        background: none;
        margin-top: 254px; }
        section#play-game-section .play-game-wrapper .red-gradient-btn:not(.register-free-btn) {
          display: none; }
        section#play-game-section .play-game-wrapper .inline-btns {
          justify-content: center; }
          section#play-game-section .play-game-wrapper .inline-btns .red-gradient-btn.register-free-btn {
            width: 47.89vw; }
        section#play-game-section .play-game-wrapper hr {
          display: none; }
      section#play-game-section div.social-medias {
        display: flex;
        justify-content: space-between;
        width: 73.36vw;
        margin: 62px auto 64px auto; }
        section#play-game-section div.social-medias div.header-with-icons {
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-direction: column;
          height: 83px; }
          section#play-game-section div.social-medias div.header-with-icons span {
            color: #969696; }
          section#play-game-section div.social-medias div.header-with-icons:first-child {
            width: 158px; }
          section#play-game-section div.social-medias div.header-with-icons:last-child {
            width: 99px; }
          section#play-game-section div.social-medias div.header-with-icons .icons {
            width: 100%;
            display: flex;
            justify-content: space-between; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    section#play-game-section {
      background-image: url("https://tw.hicdn.beanfun.com/INTRA/beanfun/GamaWWW/CSO/official2021/assets/img/play-game-section-bg-tablet.png");
      background-size: cover;
      height: 548px; }
      section#play-game-section .play-game-wrapper {
        margin-top: 300px; }
        section#play-game-section .play-game-wrapper .inline-btns .red-gradient-btn.register-free-btn {
          width: 206px; } }