/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* RESET plus */
* {
  background-position: center top;
  background-repeat: no-repeat;
}

html,
body {
  font-family: "PingFangTC-Regular", "Heiti TC", "Noto Sans TC", "Microsoft JhengHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

input,
select,
option {
  font-family: "PingFangTC-Regular", "Heiti TC", "Noto Sans TC", "Microsoft JhengHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul,
li {
  margin: 0;
  padding: 0;
  border: 0;
}

li {
  margin-left: 1.25em;
}

p {
  margin: 1.25em 0;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.wrapper {
  position: relative;
  box-sizing: border-box;
}
.wrapper * {
  background-size: 100% auto;
  box-sizing: border-box;
  word-break: break-all;
}
.wrapper *:after {
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}
.wrapper *:before {
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}
.wrapper:after {
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}
.wrapper:before {
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}
.wrapper.mobile *[data-type=dt] {
  display: none;
}
.wrapper.desktop *[data-type=mb] {
  display: none;
}

@media screen and (max-width: 768px) {
  .wrapper.desktop *[data-type=mb] {
    display: initial;
  }
  .wrapper.desktop *[data-type=dt] {
    display: none;
  }
}
body.ovh {
  overflow: hidden;
}

.btn {
  cursor: pointer;
}

.wrapper.desktop .btn:hover {
  background-position: center bottom;
}

.UNI-footer {
  position: relative;
}

.gbox {
  box-sizing: border-box;
}
.gbox * {
  box-sizing: border-box;
  word-break: break-all;
}
.gbox *:after {
  background-position: center top;
  background-repeat: no-repeat;
}
.gbox *:before {
  background-position: center top;
  background-repeat: no-repeat;
}

body.desktop .gbox-btn:hover {
  background-position: center bottom;
}

@media screen and (max-width: 1000px) {
  #topBar {
    display: none;
  }
}
.gbox .gbox-wrap {
  margin: 100px 0;
  max-width: none;
  width: unset;
  padding: 0;
  background-image: url("./img/popup_mid.png");
  background-size: contain;
  background-position: top;
  background-repeat: repeat-Y;
  position: relative;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .gbox .gbox-wrap {
    margin: 13.0208333333vw 0;
  }
}
.gbox .gbox-wrap::after {
  content: "";
  background-image: url("./img/popup_top.png");
  background-size: contain;
  width: 100%;
  height: 100px;
  background-position: top;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .gbox .gbox-wrap::after {
    height: 13.0208333333vw;
    top: -2.6041666667vw;
  }
}
.gbox .gbox-wrap::before {
  content: "";
  background-image: url("./img/popup_bottom.png");
  background-size: contain;
  width: 100%;
  height: 100px;
  background-position: bottom;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .gbox .gbox-wrap::before {
    height: 13.0208333333vw;
    bottom: -2.6041666667vw;
  }
}
@media screen and (max-width: 768px) {
  .gbox .gbox-content {
    padding: 2.6041666667vw 0;
  }
}
.gbox .gbox-close {
  background: 0;
  background-image: url(./img/popup_close.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 42px;
  height: 43px;
  top: -80px;
  right: -50px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .gbox .gbox-close {
    width: 5.46875vw;
    height: 5.5989583333vw;
    top: -10.4166666667vw;
    right: 0vw;
  }
}

.chooseRole .gbox-close,
.msgBox .gbox-close {
  top: 100px;
  right: 180px;
}

.pagination {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .pagination {
    bottom: -1.3020833333vw;
  }
}
.pagination li {
  margin: 0;
  width: 40px;
  text-align: center;
  margin: 0 5px;
}
@media screen and (max-width: 768px) {
  .pagination li {
    width: 5.859375vw;
    margin: 0;
  }
}
.pagination a {
  text-decoration: none;
  color: #423021;
}
@media screen and (max-width: 768px) {
  .pagination a {
    font-size: 3.90625vw;
  }
}
.pagination a:hover {
  color: #ff5400;
}
.pagination .active a {
  color: #ff5400;
}

.event_detail .mCSB_draggerContainer {
  width: 11px;
  margin: 0;
  background-color: #423021 !important;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .event_detail .mCSB_draggerContainer {
    width: 1.4322916667vw;
  }
}
.event_detail .mCSB_outside + .mCSB_scrollTools {
  right: 21px;
  opacity: 1;
  top: -2px;
}
@media screen and (max-width: 768px) {
  .event_detail .mCSB_outside + .mCSB_scrollTools {
    right: 2.734375vw;
    top: -0.2604166667vw;
    width: 2.0833333333vw;
  }
}
.event_detail .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  opacity: 1;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 11px;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .event_detail .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 1.4322916667vw;
  }
}
.event_detail .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}
.event_detail .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.event_detail .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.reward_receive .mCSB_draggerContainer {
  width: 11px;
  margin: 0;
  background: #efe8da;
  border-radius: 0;
  border: 2px solid #000;
}
@media screen and (max-width: 768px) {
  .reward_receive .mCSB_draggerContainer {
    width: 1.4322916667vw;
    border: 0.2604166667vw solid #000;
  }
}
.reward_receive .mCSB_outside + .mCSB_scrollTools {
  right: 21px;
  opacity: 1;
  top: -2px;
}
@media screen and (max-width: 768px) {
  .reward_receive .mCSB_outside + .mCSB_scrollTools {
    right: 1.3020833333vw;
    top: -0.2604166667vw;
    width: 2.0833333333vw;
  }
}
.reward_receive .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  opacity: 1;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 9px;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .reward_receive .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 1.171875vw;
  }
}
.reward_receive .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}
.reward_receive .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.reward_receive .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

body {
  background-color: #fae6cb;
}

#app {
  background-image: url(./img/bg_web.jpg);
  background-size: 1920px 2406px;
  background-position: top center;
  padding-bottom: 100px;
  min-width: 1200px;
}
@media screen and (max-width: 768px) {
  #app {
    background-image: url(./img/bg_mb.jpg);
    background-size: cover;
    min-width: auto;
    padding-bottom: 13.0208333333vw;
  }
}
#app a {
  display: block;
}
#app * {
  box-sizing: border-box;
}

.navigation {
  position: relative;
  background-image: url(./img/nav_bg_web.jpg);
  background-size: 1920px 390px;
  background-position: top center;
  height: 390px;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .navigation {
    background-image: url(./img/nav_bg_mb.png);
    background-size: contain;
    height: 110.546875vw;
    margin-bottom: 6.5104166667vw;
  }
}
.navigation .logo {
  background-image: url(./img/logo.png);
  background-size: contain;
  width: 228px;
  height: 82px;
  position: absolute;
  top: 20px;
  left: 20px;
}
@media screen and (max-width: 768px) {
  .navigation .logo {
    display: none !important;
  }
}
.navigation .time {
  position: absolute;
  top: 290px;
  left: 50%;
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  background-color: #ca7a24;
  height: 60px;
  padding: 0 10px;
  line-height: 60px;
  z-index: 5;
  transform: translateX(-510px);
  white-space: nowrap;
}
.navigation .time::before {
  content: "";
  width: 43px;
  height: 43px;
  background-color: #ca7a24;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  left: -20px;
  z-index: -1;
}
.navigation .time::after {
  content: "";
  width: 43px;
  height: 43px;
  background-color: #ca7a24;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  right: -20px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .navigation .time {
    top: 59.8958333333vw;
    transform: translateX(-50%);
    font-size: 4.1666666667vw;
    height: 7.8125vw;
    padding: 0 1.3020833333vw;
    line-height: 7.8125vw;
  }
  .navigation .time::before {
    width: 5.5989583333vw;
    height: 5.5989583333vw;
    left: -2.6041666667vw;
  }
  .navigation .time::after {
    width: 5.5989583333vw;
    height: 5.5989583333vw;
    right: -2.6041666667vw;
  }
}
.navigation .social_btn_group {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .navigation .social_btn_group {
    top: 3.90625vw;
    right: 1.3020833333vw;
  }
}
.navigation .social_btn_group .login_btn {
  background-image: url(./img/login_btn.png);
  background-size: 236px 63px;
  width: 118px;
  height: 63px;
  background-position: 0 0;
  cursor: pointer;
}
.navigation .social_btn_group .login_btn:hover {
  background-position: -118px 0;
}
@media screen and (max-width: 768px) {
  .navigation .social_btn_group .login_btn {
    width: 15.3645833333vw;
    height: 8.203125vw;
    background-size: 30.7291666667vw 8.203125vw;
  }
  .navigation .social_btn_group .login_btn:hover {
    background-position: 0 0;
  }
}
.navigation .social_btn_group .logout_btn_area {
  display: flex;
  align-items: center;
}
.navigation .social_btn_group .logout_btn_area .user_name {
  font-size: 35px;
  color: #fff;
  margin-right: 10px;
}
.navigation .social_btn_group .logout_btn_area .logout_btn {
  background-image: url(./img/logout_btn.png);
  background-size: 236px 63px;
  width: 118px;
  height: 63px;
  background-position: 0 0;
  cursor: pointer;
}
.navigation .social_btn_group .logout_btn_area .logout_btn:hover {
  background-position: -118px 0;
}
@media screen and (max-width: 768px) {
  .navigation .social_btn_group .logout_btn_area .user_name {
    font-size: 4.5572916667vw;
    margin-right: 1.3020833333vw;
  }
  .navigation .social_btn_group .logout_btn_area .logout_btn {
    width: 15.3645833333vw;
    height: 8.203125vw;
    background-size: 30.7291666667vw 8.203125vw;
  }
  .navigation .social_btn_group .logout_btn_area .logout_btn:hover {
    background-position: 0 0;
  }
}
.navigation .social_btn_group a {
  width: 77px;
  height: 77px;
  background-size: 154px 77px;
  background-position: 0 0;
  cursor: pointer;
  margin: 0 5px;
}
.navigation .social_btn_group a:hover {
  background-position: -77px 0;
}
@media screen and (max-width: 768px) {
  .navigation .social_btn_group a {
    width: 9.1145833333vw;
    height: 9.1145833333vw;
    background-size: 18.2291666667vw 9.1145833333vw;
    margin: 0;
  }
  .navigation .social_btn_group a:hover {
    background-position: 0 0;
  }
}
.navigation .social_btn_group .home_btn {
  background-image: url(./img/home_btn.png);
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .navigation .social_btn_group .home_btn {
    margin-left: 1.3020833333vw;
  }
}
.navigation .social_btn_group .f_b_btn {
  background-image: url(./img/f_b_btn.png);
}
.navigation .social_btn_group .d_c_btn {
  background-image: url(./img/d_c_btn.png);
}
.navigation .open_case_block {
  background-image: url(./img/open_num_block.png);
  background-size: contain;
  width: 310px;
  height: 267px;
  position: absolute;
  top: 110px;
  left: 50%;
  transform: translateX(280px);
  padding: 40px 5px;
}
@media screen and (max-width: 768px) {
  .navigation .open_case_block {
    background-image: url(./img/open_num_block_mb.png);
    width: 66.015625vw;
    height: 25.9114583333vw;
    top: 71.6145833333vw;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.navigation .open_case_block .img {
  background-image: url(./img/award.jpg);
  background-size: contain;
  width: 100px;
  height: 100px;
  margin: 0 auto 10px;
}
@media screen and (max-width: 768px) {
  .navigation .open_case_block .img {
    width: 18.2291666667vw;
    height: 18.2291666667vw;
    margin: 0 2.6041666667vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  .navigation .open_case_block .name_wrap {
    width: 39.0625vw;
  }
}
.navigation .open_case_block .name_tt {
  font-size: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .navigation .open_case_block .name_tt {
    font-size: 3.90625vw;
  }
}
.navigation .open_case_block .name {
  font-size: 30px;
  text-align: center;
  white-space: wrap;
}
@media screen and (max-width: 768px) {
  .navigation .open_case_block .name {
    font-size: 3.90625vw;
  }
}

.event_main {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .event_main {
    width: 100%;
  }
}

.award .name {
  width: 300px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .award .name {
    width: 39.0625vw;
  }
}
.award .award_a,
.award .award_b {
  background-image: url(./img/award_block_s.png);
  background-size: contain;
  width: 591px;
  height: 279px;
  margin-bottom: 15px;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .award .award_a,
  .award .award_b {
    background-image: url(./img/award_block_s_mb.png);
    width: 95.0520833333vw;
    height: 36.328125vw;
    margin: 0 auto 1.953125vw;
    display: block;
  }
}
.award .award_a .tt,
.award .award_b .tt {
  background-size: contain;
  position: absolute;
  top: 170px;
  left: 65px;
}
@media screen and (max-width: 768px) {
  .award .award_a .tt,
  .award .award_b .tt {
    top: 10.4166666667vw;
    left: 9.765625vw;
  }
}
.award .award_a .img,
.award .award_b .img {
  background-size: contain;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 40px;
  left: 125px;
}
@media screen and (max-width: 768px) {
  .award .award_a .img,
  .award .award_b .img {
    width: 18.2291666667vw;
    height: 18.2291666667vw;
    top: 3.2552083333vw;
    left: 29.9479166667vw;
  }
}
.award .award_a .name,
.award .award_b .name {
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  top: 190px;
  left: 225px;
}
@media screen and (max-width: 768px) {
  .award .award_a .name,
  .award .award_b .name {
    font-size: 3.90625vw;
    top: 24.7395833333vw;
    left: 10.4166666667vw;
  }
}
.award .award_a .tickets_area,
.award .award_a .tickets_area_on,
.award .award_b .tickets_area,
.award .award_b .tickets_area_on {
  display: flex;
  flex-wrap: wrap;
  width: 160px;
  position: absolute;
  top: 40px;
  right: 120px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .award .award_a .tickets_area,
  .award .award_a .tickets_area_on,
  .award .award_b .tickets_area,
  .award .award_b .tickets_area_on {
    width: 20.8333333333vw;
    top: 11.71875vw;
    right: 18.2291666667vw;
  }
}
.award .award_a .tickets_area div,
.award .award_a .tickets_area_on div,
.award .award_b .tickets_area div,
.award .award_b .tickets_area_on div {
  background-image: url(./img/tickets_odd.png);
  background-size: contain;
  width: 160px;
  height: 94px;
  position: relative;
  margin-right: -60px;
  margin-bottom: 5px;
}
.award .award_a .tickets_area div:nth-child(2n),
.award .award_a .tickets_area_on div:nth-child(2n),
.award .award_b .tickets_area div:nth-child(2n),
.award .award_b .tickets_area_on div:nth-child(2n) {
  background-image: url(./img/tickets_even.png);
}
.award .award_a .tickets_area div span,
.award .award_a .tickets_area_on div span,
.award .award_b .tickets_area div span,
.award .award_b .tickets_area_on div span {
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
@media screen and (max-width: 768px) {
  .award .award_a .tickets_area div,
  .award .award_a .tickets_area_on div,
  .award .award_b .tickets_area div,
  .award .award_b .tickets_area_on div {
    width: 20.8333333333vw;
    height: 12.2395833333vw;
    margin-right: -7.8125vw;
    margin-bottom: 0.6510416667vw;
  }
  .award .award_a .tickets_area div span,
  .award .award_a .tickets_area_on div span,
  .award .award_b .tickets_area div span,
  .award .award_b .tickets_area_on div span {
    font-size: 3.90625vw;
    right: 2.6041666667vw;
  }
}
.award .award_a .tickets_area_on,
.award .award_b .tickets_area_on {
  z-index: 2;
}
.award .award_b {
  margin-left: 14px;
}
@media screen and (max-width: 768px) {
  .award .award_b {
    margin-left: auto;
  }
  .award .award_b .tt {
    left: 11.4583333333vw;
  }
}
.award .award_b .img {
  left: 65px;
}
@media screen and (max-width: 768px) {
  .award .award_b .img {
    left: 29.9479166667vw;
  }
}
.award .award_b .tickets_area,
.award .award_b .tickets_area_on {
  right: 70px;
  display: flex;
  flex-wrap: wrap;
  width: 264px;
}
@media screen and (max-width: 768px) {
  .award .award_b .tickets_area,
  .award .award_b .tickets_area_on {
    right: 5.2083333333vw;
    width: 34.375vw;
  }
}
.award .award_c,
.award .award_d,
.award .award_e {
  background-image: url(./img/award_block_l.png);
  background-size: contain;
  width: 1199px;
  height: 279px;
  margin: 0 auto 15px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .award .award_c,
  .award .award_d,
  .award .award_e {
    background-image: url(./img/award_block_l_mb.png);
    width: 95.0520833333vw;
    height: 45.703125vw;
    margin: 0 auto 1.953125vw;
  }
}
.award .award_c .tt,
.award .award_d .tt,
.award .award_e .tt {
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .award .award_c .tt,
  .award .award_d .tt,
  .award .award_e .tt {
    top: 9.1145833333vw;
    transform: none;
    left: 3.90625vw;
  }
}
.award .award_c .img,
.award .award_d .img,
.award .award_e .img {
  background-size: contain;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 80px;
  left: 190px;
}
@media screen and (max-width: 768px) {
  .award .award_c .img,
  .award .award_d .img,
  .award .award_e .img {
    width: 18.2291666667vw;
    height: 18.2291666667vw;
    top: 1.953125vw;
    left: 22.7864583333vw;
  }
}
.award .award_c .name,
.award .award_d .name,
.award .award_e .name {
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  top: 195px;
  left: 40px;
}
@media screen and (max-width: 768px) {
  .award .award_c .name,
  .award .award_d .name,
  .award .award_e .name {
    font-size: 3.90625vw;
    top: 11.0677083333vw;
    left: 45.5729166667vw;
  }
}
.award .award_c .tickets_area,
.award .award_c .tickets_area_on,
.award .award_d .tickets_area,
.award .award_d .tickets_area_on,
.award .award_e .tickets_area,
.award .award_e .tickets_area_on {
  display: flex;
  flex-wrap: wrap;
  width: 778px;
  position: absolute;
  top: 45px;
  right: 45px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .award .award_c .tickets_area,
  .award .award_c .tickets_area_on,
  .award .award_d .tickets_area,
  .award .award_d .tickets_area_on,
  .award .award_e .tickets_area,
  .award .award_e .tickets_area_on {
    width: 90.625vw;
    top: 22.1354166667vw;
    right: 1.3020833333vw;
  }
}
.award .award_c .tickets_area div,
.award .award_c .tickets_area_on div,
.award .award_d .tickets_area div,
.award .award_d .tickets_area_on div,
.award .award_e .tickets_area div,
.award .award_e .tickets_area_on div {
  background-image: url(./img/tickets_odd.png);
  background-size: contain;
  width: 160px;
  height: 94px;
  position: relative;
  margin-right: -60px;
  margin-bottom: 5px;
}
.award .award_c .tickets_area div:nth-child(2n),
.award .award_c .tickets_area_on div:nth-child(2n),
.award .award_d .tickets_area div:nth-child(2n),
.award .award_d .tickets_area_on div:nth-child(2n),
.award .award_e .tickets_area div:nth-child(2n),
.award .award_e .tickets_area_on div:nth-child(2n) {
  background-image: url(./img/tickets_even.png);
}
.award .award_c .tickets_area div span,
.award .award_c .tickets_area_on div span,
.award .award_d .tickets_area div span,
.award .award_d .tickets_area_on div span,
.award .award_e .tickets_area div span,
.award .award_e .tickets_area_on div span {
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
@media screen and (max-width: 768px) {
  .award .award_c .tickets_area div,
  .award .award_c .tickets_area_on div,
  .award .award_d .tickets_area div,
  .award .award_d .tickets_area_on div,
  .award .award_e .tickets_area div,
  .award .award_e .tickets_area_on div {
    width: 18.8802083333vw;
    height: 11.328125vw;
    margin-right: -7.1614583333vw;
    margin-bottom: 0vw;
  }
  .award .award_c .tickets_area div span,
  .award .award_c .tickets_area_on div span,
  .award .award_d .tickets_area div span,
  .award .award_d .tickets_area_on div span,
  .award .award_e .tickets_area div span,
  .award .award_e .tickets_area_on div span {
    font-size: 3.90625vw;
    right: 2.6041666667vw;
  }
}
.award .award_c .tickets_area_on,
.award .award_d .tickets_area_on,
.award .award_e .tickets_area_on {
  z-index: 2;
}
.award .award_a .tt {
  background-image: url(./img/award_a_tt.png);
  width: 145px;
  height: 89px;
}
@media screen and (max-width: 768px) {
  .award .award_a .tt {
    width: 18.8802083333vw;
    height: 11.5885416667vw;
  }
}
.award .award_a .img {
  background-image: url(./img/award.jpg);
}
.award .award_a .tickets_area_on div {
  background-image: url(./img/tickets_a.png) !important;
}
.award .award_b .tt {
  background-image: url(./img/award_b_tt.png);
  width: 131px;
  height: 88px;
}
@media screen and (max-width: 768px) {
  .award .award_b .tt {
    width: 17.0572916667vw;
    height: 11.4583333333vw;
  }
}
.award .award_b .img {
  background-image: url(./img/award.jpg);
}
.award .award_b .tickets_area_on div {
  background-image: url(./img/tickets_b.png) !important;
}
.award .award_c .tt {
  background-image: url(./img/award_c_tt.png);
  width: 135px;
  height: 90px;
}
@media screen and (max-width: 768px) {
  .award .award_c .tt {
    width: 17.578125vw;
    height: 11.71875vw;
    top: 15.625vw;
  }
}
.award .award_c .img {
  background-image: url(./img/award.jpg);
}
@media screen and (max-width: 768px) {
  .award .award_c .img {
    top: 8.4635416667vw;
  }
}
@media screen and (max-width: 768px) {
  .award .award_c .name {
    top: 17.578125vw;
  }
}
.award .award_c .tickets_area_on div {
  background-image: url(./img/tickets_c.png) !important;
}
@media screen and (max-width: 768px) {
  .award .award_c .tickets_area,
  .award .award_c .tickets_area_on {
    top: 29.9479166667vw;
  }
}
.award .award_d {
  background-image: url(./img/award_block_xl.png);
  background-size: contain;
  width: 1195px;
  height: 341px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .award .award_d {
    background-image: url(./img/award_block_xl_mb.png);
    width: 95.0520833333vw;
    height: 56.7708333333vw;
    margin: 0 auto 5.2083333333vw;
  }
}
.award .award_d .tt {
  background-image: url(./img/award_d_tt.png);
  width: 133px;
  height: 88px;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .award .award_d .tt {
    top: 14.9739583333vw;
    left: 3.90625vw;
    width: 17.3177083333vw;
    height: 11.4583333333vw;
  }
}
.award .award_d .img {
  background-image: url(./img/award.jpg);
  top: 110px;
  left: 190px;
}
@media screen and (max-width: 768px) {
  .award .award_d .img {
    top: 1.953125vw;
    left: 22.7864583333vw;
  }
}
.award .award_d .tickets_area,
.award .award_d .tickets_area_on {
  top: 25px;
}
@media screen and (max-width: 768px) {
  .award .award_d .tickets_area,
  .award .award_d .tickets_area_on {
    top: 22.1354166667vw;
  }
}
.award .award_d .tickets_area_on div {
  background-image: url(./img/tickets_d.png) !important;
}
.award .award_d .name {
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  top: 230px;
  left: 40px;
}
@media screen and (max-width: 768px) {
  .award .award_d .name {
    font-size: 3.90625vw;
    top: 11.0677083333vw;
    left: 45.5729166667vw;
  }
}
.award .award_e {
  background-image: url(./img/award_block_xxl.png);
  background-size: contain;
  width: 1199px;
  height: 510px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .award .award_e {
    background-image: url(./img/award_block_xxl_mb.png);
    width: 95.0520833333vw;
    height: 79.296875vw;
    margin: 0 auto 5.2083333333vw;
  }
}
.award .award_e .tt {
  background-image: url(./img/award_e_tt.png);
  width: 124px;
  height: 90px;
}
@media screen and (max-width: 768px) {
  .award .award_e .tt {
    width: 16.1458333333vw;
    height: 11.71875vw;
    top: 9.1145833333vw;
  }
}
.award .award_e .img {
  background-image: url(./img/award.jpg);
  top: 200px;
}
@media screen and (max-width: 768px) {
  .award .award_e .img {
    top: 1.953125vw;
  }
}
.award .award_e .name {
  top: 320px;
}
@media screen and (max-width: 768px) {
  .award .award_e .name {
    top: 11.0677083333vw;
  }
}
.award .award_e .tickets_area_on,
.award .award_e .tickets_area {
  top: 10px;
}
@media screen and (max-width: 768px) {
  .award .award_e .tickets_area_on,
  .award .award_e .tickets_area {
    top: 22.1354166667vw;
  }
}
.award .award_e .tickets_area_on div {
  background-image: url(./img/tickets_e.png) !important;
}

.event_btn_group {
  display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 768px) {
  .event_btn_group {
    display: block;
  }
}
.event_btn_group .draw_btn_group {
  background-color: #fff4c4;
  border: 2px solid #ffd59a;
  border-radius: 20px;
  width: 214px;
  height: 334px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .event_btn_group .draw_btn_group {
    width: 77.8645833333vw;
    height: 15.8854166667vw;
    border: 0.2604166667vw solid #ffd59a;
    border-radius: 2.6041666667vw;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 1.953125vw;
  }
}
.event_btn_group .draw_btn_group div {
  background-image: url(./img/single_draw_btn.png);
  background-size: 338px 78px;
  background-position: 0 0;
  width: 169px;
  height: 78px;
  cursor: pointer;
}
.event_btn_group .draw_btn_group div:hover {
  background-position: -169px 0;
}
@media screen and (max-width: 768px) {
  .event_btn_group .draw_btn_group div {
    background-size: 44.0104166667vw 10.15625vw;
    width: 22.0052083333vw;
    height: 10.15625vw;
  }
  .event_btn_group .draw_btn_group div:hover {
    background-position: 0 0;
  }
}
.event_btn_group .draw_btn_group .five_draw_btn {
  background-image: url(./img/five_draw_btn.png);
}
.event_btn_group .draw_btn_group .change_award_btn {
  width: 179px;
  background-size: 358px 118px;
  height: 108px;
  background-image: url(./img/change_award_btn.png);
}
.event_btn_group .draw_btn_group .change_award_btn:hover {
  background-position: -179px 0;
}
@media screen and (max-width: 768px) {
  .event_btn_group .draw_btn_group .change_award_btn {
    background-size: 46.6145833333vw 15.3645833333vw;
    height: 14.0625vw;
    width: 23.3072916667vw;
  }
}
.event_btn_group .user_event_data_group {
  background-color: #fff4c4;
  border: 2px solid #ffd59a;
  border-radius: 20px;
  width: 452px;
  height: 334px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .event_btn_group .user_event_data_group {
    width: 58.8541666667vw;
    height: 43.4895833333vw;
    border: 0.2604166667vw solid #ffd59a;
    border-radius: 2.6041666667vw;
    margin: 0 auto 1.953125vw;
  }
}
.event_btn_group .user_event_data_group div {
  background-size: contain;
  width: 398px;
  height: 53px;
  font-size: 33px;
  color: #000;
  font-weight: bold;
  line-height: 53px;
  padding-left: 200px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .event_btn_group .user_event_data_group div {
    width: 51.8229166667vw;
    height: 6.9010416667vw;
    font-size: 4.296875vw;
    line-height: 6.9010416667vw;
    padding-left: 26.0416666667vw;
  }
}
.event_btn_group .user_event_data_group .cumulative_amount {
  background-image: url(./img/cumulative_amount.png);
}
.event_btn_group .user_event_data_group .draw_available {
  background-image: url(./img/draw_available.png);
}
.event_btn_group .user_event_data_group .draw_already {
  background-image: url(./img/draw_already.png);
}
.event_btn_group .user_event_data_group .change_award_count {
  background-image: url(./img/change_award_count.png);
}
.event_btn_group .record_btn_group {
  background-color: #fff4c4;
  border: 2px solid #ffd59a;
  border-radius: 20px;
  width: 434px;
  height: 334px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .event_btn_group .record_btn_group {
    width: 62.890625vw;
    height: 28.125vw;
    border: 0.2604166667vw solid #ffd59a;
    border-radius: 2.6041666667vw;
    margin: 0 auto;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
.event_btn_group .record_btn_group div {
  background-size: 418px 78px;
  background-position: 0 0;
  width: 209px;
  height: 78px;
  color: #000;
  font-weight: bold;
  line-height: 53px;
  padding-left: 200px;
  text-align: center;
  margin: 15px 0px;
  cursor: pointer;
}
.event_btn_group .record_btn_group div:hover {
  background-position: -209px 0;
}
@media screen and (max-width: 768px) {
  .event_btn_group .record_btn_group div {
    background-size: 54.4270833333vw 10.15625vw;
    width: 27.2135416667vw;
    height: 10.15625vw;
    font-size: 4.296875vw;
    line-height: 6.9010416667vw;
    padding-left: 26.0416666667vw;
    margin: 0;
  }
  .event_btn_group .record_btn_group div:hover {
    background-position: 0 0;
  }
}
.event_btn_group .record_btn_group .reward_receive_btn {
  background-image: url(./img/reward_receive_btn.png);
}
.event_btn_group .record_btn_group .mission_record_btn {
  background-image: url(./img/mission_record_btn.png);
}
.event_btn_group .record_btn_group .reward_record_btn {
  background-image: url(./img/reward_record_btn.png);
}
.event_btn_group .record_btn_group .event_detail_btn {
  background-image: url(./img/event_detail_btn.png);
}

.reward_receive {
  width: 1086px;
  height: 837px;
  padding-top: 50px;
  font-size: 30px;
  font-weight: bold;
  color: #423021;
}
@media screen and (max-width: 768px) {
  .reward_receive {
    width: 94.7916666667vw;
    height: 144.7916666667vw;
    padding-top: 3.90625vw;
    font-size: 3.90625vw;
  }
}
.reward_receive .flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .reward_receive .flex {
    display: block;
  }
  .reward_receive .flex .flex {
    display: flex;
  }
  .reward_receive .flex .flex .flex {
    display: block;
  }
}
.reward_receive .title {
  background-image: url(./img/reward_receive_tt.png);
  background-size: contain;
  width: 465px;
  height: 86px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -60px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .reward_receive .title {
    width: 60.546875vw;
    height: 11.1979166667vw;
    top: -7.8125vw;
  }
}
.reward_receive .set_area {
  width: 850px;
}
@media screen and (max-width: 768px) {
  .reward_receive .set_area {
    width: 91.1458333333vw;
    margin: 0 auto 2.6041666667vw;
  }
}
.reward_receive .set_area select {
  height: 50px;
  background: 0;
  width: 100%;
  text-align: center;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(./img/reward_receive_arr_off.png);
  background-size: 30px 19px;
  background-repeat: no-repeat;
  background-position: 98% center;
  font-weight: bold;
  cursor: pointer;
  color: #423021;
  border: 2px solid #423021;
  border-bottom: 0;
}
.reward_receive .set_area select:hover {
  background-image: url(./img/reward_receive_arr_on.png);
}
.reward_receive .set_area select:focus {
  border: 2px solid #423021;
  border-bottom: 0;
  background-image: url(./img/reward_receive_arr_focus_off.png);
}
.reward_receive .set_area select:focus:hover {
  background-image: url(./img/reward_receive_arr_focus_on.png);
}
@media screen and (max-width: 768px) {
  .reward_receive .set_area select:focus {
    border: 0.2604166667vw solid #423021;
  }
}
.reward_receive .set_area select option {
  font-weight: bold;
  color: #000;
  background-color: #ffd59a;
}
@media screen and (max-width: 768px) {
  .reward_receive .set_area select {
    height: 6.5104166667vw;
    background-size: 3.90625vw 2.4739583333vw;
    font-size: 3.90625vw;
    border: 0.2604166667vw solid #423021;
    border-bottom: 0;
  }
}
.reward_receive .set_area .set_award_count {
  width: 600px;
  border: 2px solid #423021;
  border-right: 0;
}
@media screen and (max-width: 768px) {
  .reward_receive .set_area .set_award_count {
    width: 45.5729166667vw;
    border: 0.2604166667vw solid #423021;
    border-right: 0;
  }
}
.reward_receive .set_area .set_award_count .set_award_count_tt {
  height: 50px;
  line-height: 50px;
  border-bottom: 2px solid #423021;
}
@media screen and (max-width: 768px) {
  .reward_receive .set_area .set_award_count .set_award_count_tt {
    height: 6.5104166667vw;
    line-height: 6.5104166667vw;
    border-bottom: 0.2604166667vw solid #423021;
  }
}
.reward_receive .set_area .set_award_count .digits {
  width: 200px;
}
@media screen and (max-width: 768px) {
  .reward_receive .set_area .set_award_count .digits {
    width: 26.0416666667vw;
  }
}
.reward_receive .set_area .set_award_count .digits .digits_tt {
  height: 50px;
  line-height: 50px;
  border-bottom: 2px solid #423021;
  border-right: 2px solid #423021;
}
.reward_receive .set_area .set_award_count .digits:nth-last-child(1) .digits_tt {
  border-right: 0;
}
@media screen and (max-width: 768px) {
  .reward_receive .set_area .set_award_count .digits {
    width: 45.5729166667vw;
    display: flex;
  }
  .reward_receive .set_area .set_award_count .digits .digits_tt {
    height: 6.5104166667vw;
    width: 22.7864583333vw;
    line-height: 6.5104166667vw;
    border: 0;
    border-bottom: 0.2604166667vw solid #423021;
    border-right: 0.2604166667vw solid #423021;
  }
  .reward_receive .set_area .set_award_count .digits:nth-last-child(1) .digits_tt {
    border-right: 0.2604166667vw solid #423021;
    border-bottom: 0;
  }
}
.reward_receive .set_area .set_award_count .units_set,
.reward_receive .set_area .set_award_count .tens_set,
.reward_receive .set_area .set_award_count .hundreds_set {
  position: relative;
  height: 50px;
  border-right: 2px solid #423021;
}
@media screen and (max-width: 768px) {
  .reward_receive .set_area .set_award_count .units_set,
  .reward_receive .set_area .set_award_count .tens_set,
  .reward_receive .set_area .set_award_count .hundreds_set {
    width: 22.7864583333vw;
    height: 6.5104166667vw;
    border: 0;
    border-bottom: 0.2604166667vw solid #423021;
  }
}
.reward_receive .set_area .set_award_count .hundreds_set {
  border-right: 0;
}
@media screen and (max-width: 768px) {
  .reward_receive .set_area .set_award_count .hundreds_set {
    border-bottom: 0;
  }
}
.reward_receive .set_area .set_award_count .add {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(180deg);
  background-image: url(./img/reward_receive_col_btn.png);
  background-size: 36px 20px;
  background-position: 0 0;
  width: 18px;
  height: 20px;
  cursor: pointer;
}
.reward_receive .set_area .set_award_count .add:hover {
  background-position: -18px 0;
}
@media screen and (max-width: 768px) {
  .reward_receive .set_area .set_award_count .add {
    background-size: 4.6875vw 2.6041666667vw;
    width: 2.34375vw;
    height: 2.6041666667vw;
  }
  .reward_receive .set_area .set_award_count .add:hover {
    background-position: 0 0;
  }
}
.reward_receive .set_area .set_award_count .reduce {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  background-image: url(./img/reward_receive_col_btn.png);
  background-size: 36px 20px;
  background-position: 0 0;
  width: 18px;
  height: 20px;
  cursor: pointer;
}
.reward_receive .set_area .set_award_count .reduce:hover {
  background-position: -18px 0;
}
@media screen and (max-width: 768px) {
  .reward_receive .set_area .set_award_count .reduce {
    background-size: 4.6875vw 2.6041666667vw;
    width: 2.34375vw;
    height: 2.6041666667vw;
  }
  .reward_receive .set_area .set_award_count .reduce:hover {
    background-position: 0 0;
  }
}
.reward_receive .set_area .set_award_count input {
  text-align: center;
  width: 75px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: 0;
  border: 0;
  outline: none;
  color: #423021;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .reward_receive .set_area .set_award_count input {
    width: 9.765625vw;
  }
}
.reward_receive .set_area .award_count {
  width: 250px;
  border: 2px solid #423021;
}
@media screen and (max-width: 768px) {
  .reward_receive .set_area .award_count {
    width: 45.5729166667vw;
    border: 0.2604166667vw solid #423021;
  }
}
.reward_receive .set_area .award_count .award_count_tt {
  height: 50px;
  line-height: 50px;
  border-bottom: 2px solid #423021;
}
@media screen and (max-width: 768px) {
  .reward_receive .set_area .award_count .award_count_tt {
    height: 6.5104166667vw;
    line-height: 6.5104166667vw;
    border-bottom: 0.2604166667vw solid #423021;
  }
}
.reward_receive .set_area .award_count .award_count_num {
  height: 100px;
  line-height: 100px;
}
@media screen and (max-width: 768px) {
  .reward_receive .set_area .award_count .award_count_num {
    height: 19.53125vw;
    line-height: 19.53125vw;
  }
}
.reward_receive .submit_btn {
  background-image: url(./img/submit_btn.png);
  width: 150px;
  height: 150px;
  background-position: 0 0;
  background-size: 300px 150px;
  cursor: pointer;
  margin-left: 20px;
}
.reward_receive .submit_btn:hover {
  background-position: -150px 0;
}
@media screen and (max-width: 768px) {
  .reward_receive .submit_btn {
    width: 19.53125vw;
    height: 19.53125vw;
    background-size: 39.0625vw 19.53125vw;
    margin: 0 auto;
  }
  .reward_receive .submit_btn:hover {
    background-position: 0 0;
  }
}
.reward_receive .content {
  color: #f36969;
  margin: 0 auto 20px;
  width: 1024px;
  text-align: left;
  font-weight: bold;
  font-size: 24px;
  margin: 30px auto;
}
@media screen and (max-width: 768px) {
  .reward_receive .content {
    width: 91.1458333333vw;
    font-size: 3.90625vw;
    margin: 1.3020833333vw auto 2.6041666667vw;
  }
}
.reward_receive .t-title {
  display: flex;
  justify-content: center;
}
.reward_receive .t-title .t-title1,
.reward_receive .t-title .t-title2 {
  width: 784px;
  border: 2px solid #423021;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.reward_receive .t-title .t-title2 {
  width: 232px;
  border-left: 0;
}
@media screen and (max-width: 768px) {
  .reward_receive .t-title .t-title1,
  .reward_receive .t-title .t-title2 {
    width: 65.1041666667vw;
    height: 6.5104166667vw;
    border: 0.2604166667vw solid #423021;
  }
  .reward_receive .t-title .t-title2 {
    width: 23.4375vw;
    border-left: 0;
  }
}
.reward_receive .t-body {
  height: 320px;
}
.reward_receive .t-body .item {
  display: flex;
  justify-content: center;
}
.reward_receive .t-body .item .icon {
  width: 88px;
  border: 2px solid #423021;
  height: 80px;
  border-top: 0;
  position: relative;
}
.reward_receive .t-body .item .icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
}
.reward_receive .t-body .item .name,
.reward_receive .t-body .item .count {
  width: 694px;
  border-bottom: 2px solid #423021;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.reward_receive .t-body .item .count {
  width: 234px;
  border: 2px solid #423021;
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .reward_receive .t-body {
    height: 41.6666666667vw;
  }
  .reward_receive .t-body .item .icon {
    width: 10.4166666667vw;
    height: 10.4166666667vw;
    border: 0.2604166667vw solid #423021;
    border-top: 0;
  }
  .reward_receive .t-body .item .name,
  .reward_receive .t-body .item .count {
    width: 54.4270833333vw;
    height: 10.4166666667vw;
    border-bottom: 0.2604166667vw solid #423021;
    padding: 0 6.5104166667vw;
  }
  .reward_receive .t-body .item .count {
    width: 23.6979166667vw;
    border: 0.2604166667vw solid #423021;
    padding: 0;
    border-top: 0;
  }
}

.reward_receive_sure,
.change_award_sure {
  width: 600px;
  padding: 0;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .reward_receive_sure,
  .change_award_sure {
    width: 78.125vw;
  }
}
.reward_receive_sure .receive_sure_content,
.change_award_sure .receive_sure_content {
  color: #fd6f61;
  font-size: 35px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .reward_receive_sure .receive_sure_content,
  .change_award_sure .receive_sure_content {
    font-size: 5.859375vw;
    margin-bottom: 3.90625vw;
  }
}
.reward_receive_sure .receive_sure_btn,
.reward_receive_sure .receive_sure_close_btn,
.change_award_sure .receive_sure_btn,
.change_award_sure .receive_sure_close_btn {
  font-size: 0;
  background: 0;
  background-size: 378px 78px;
  background-position: 0 0;
  width: 189px;
  height: 78px;
  margin: 0 20px 30px;
  display: inline-block;
  cursor: pointer;
}
.reward_receive_sure .receive_sure_btn:hover,
.reward_receive_sure .receive_sure_close_btn:hover,
.change_award_sure .receive_sure_btn:hover,
.change_award_sure .receive_sure_close_btn:hover {
  background-position: -189px 0;
}
@media screen and (max-width: 768px) {
  .reward_receive_sure .receive_sure_btn,
  .reward_receive_sure .receive_sure_close_btn,
  .change_award_sure .receive_sure_btn,
  .change_award_sure .receive_sure_close_btn {
    background-size: 49.21875vw 10.15625vw;
    width: 24.609375vw;
    height: 10.15625vw;
    margin: 0 2.6041666667vw 3.90625vw;
  }
  .reward_receive_sure .receive_sure_btn:hover,
  .reward_receive_sure .receive_sure_close_btn:hover,
  .change_award_sure .receive_sure_btn:hover,
  .change_award_sure .receive_sure_close_btn:hover {
    background-position: 0 0;
  }
}
.reward_receive_sure .receive_sure_btn,
.change_award_sure .receive_sure_btn {
  background-image: url(./img/receive_sure_btn.png);
}
.reward_receive_sure .receive_sure_close_btn,
.change_award_sure .receive_sure_close_btn {
  background-image: url(./img/receive_sure_close_btn.png);
}
.reward_receive_sure .notice,
.change_award_sure .notice {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .reward_receive_sure .notice,
  .change_award_sure .notice {
    font-size: 3.90625vw;
  }
}

.change_award_sure .receive_sure_btn {
  background-image: url(./img/sure_btn.png);
  background-size: 378px 78px;
  background-position: 0 0;
  width: 189px;
  height: 78px;
  margin-bottom: 30px;
}
.change_award_sure .receive_sure_btn:hover {
  background-position: -189px 0;
}
@media screen and (max-width: 768px) {
  .change_award_sure .receive_sure_btn {
    background-size: 49.21875vw 10.15625vw;
    width: 24.609375vw;
    height: 10.15625vw;
    margin-bottom: 3.90625vw;
  }
  .change_award_sure .receive_sure_btn:hover {
    background-position: 0 0;
  }
}

.reward_record {
  width: 972px;
  padding: 60px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .reward_record {
    width: 94.7916666667vw;
    padding: 2.6041666667vw 1.3020833333vw 7.8125vw;
  }
}
.reward_record .tt {
  background-image: url(./img/reward_record_tt.png);
  background-size: contain;
  width: 465px;
  height: 86px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -60px;
}
@media screen and (max-width: 768px) {
  .reward_record .tt {
    width: 60.546875vw;
    height: 11.1979166667vw;
    top: -10.4166666667vw;
  }
}
.reward_record table {
  color: #423021;
  font-size: 30px;
  font-weight: bold;
  border-collapse: collapse;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .reward_record table {
    font-size: 3.2552083333vw;
  }
}
.reward_record table tr:nth-child(2n) {
  background-color: #ffe67b;
}
.reward_record table tr td {
  height: 70px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .reward_record table tr td {
    height: 13.0208333333vw;
  }
}
.reward_record table tr td:nth-child(1) {
  width: 100px;
}
@media screen and (max-width: 768px) {
  .reward_record table tr td:nth-child(1) {
    width: 9.765625vw;
  }
}
.reward_record table tr td:nth-child(2) {
  width: 320px;
  font-size: 25px;
  border-right: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .reward_record table tr td:nth-child(2) {
    width: 44.2708333333vw;
    font-size: 3.2552083333vw;
    bottom-right: 0.1302083333vw solid #000;
  }
}
.reward_record table tr td:nth-child(3) {
  width: 300px;
  border-right: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .reward_record table tr td:nth-child(3) {
    width: 22.1354166667vw;
    border-right: 0.1302083333vw solid #000;
  }
}
.reward_record table tr td:nth-child(4) {
  width: 200px;
}
@media screen and (max-width: 768px) {
  .reward_record table tr td:nth-child(4) {
    width: 22.1354166667vw;
  }
}

.mission_record {
  width: 687px;
  padding-top: 90px;
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .mission_record {
    width: 89.453125vw;
    padding-top: 11.71875vw;
    padding-bottom: 6.5104166667vw;
  }
}
.mission_record .mission_day,
.mission_record .mission_week {
  margin: 0 auto;
  background-image: url("./img/popup_mission_middle.png");
  width: 607px;
  background-size: contain;
  background-position: center;
  background-repeat: repeat;
  position: relative;
  padding: 0;
  min-height: 50px;
}
@media screen and (max-width: 768px) {
  .mission_record .mission_day,
  .mission_record .mission_week {
    min-height: 6.5104166667vw;
    width: 79.0364583333vw;
  }
}
.mission_record .mission_day .tt,
.mission_record .mission_week .tt {
  background-image: url(./img/popup_mission_day_tt.png);
  background-size: contain;
  width: 374px;
  height: 71px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -80px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .mission_record .mission_day .tt,
  .mission_record .mission_week .tt {
    width: 48.6979166667vw;
    height: 9.2447916667vw;
    top: -10.4166666667vw;
  }
}
.mission_record .mission_day::after,
.mission_record .mission_week::after {
  content: "";
  background-image: url("./img/popup_mission_top.png");
  background-size: cover;
  width: 100%;
  height: 50px;
  background-position: top;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mission_record .mission_day::after,
  .mission_record .mission_week::after {
    height: 6.5104166667vw;
    top: -6.5104166667vw;
  }
}
.mission_record .mission_day::before,
.mission_record .mission_week::before {
  content: "";
  background-image: url("./img/popup_mission_bottom.png");
  background-size: cover;
  width: 100%;
  height: 30px;
  background-position: bottom;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .mission_record .mission_day::before,
  .mission_record .mission_week::before {
    height: 3.90625vw;
    bottom: -3.90625vw;
  }
}
.mission_record .mission_day .mission_content,
.mission_record .mission_week .mission_content {
  font-size: 35px;
  color: #423021;
  font-weight: bold;
  width: 80%;
  margin: 0 auto 10px;
  text-align: left;
  position: relative;
}
@media screen and (max-width: 768px) {
  .mission_record .mission_day .mission_content,
  .mission_record .mission_week .mission_content {
    font-size: 4.5572916667vw;
    margin: 0 auto 1.3020833333vw;
  }
}
.mission_record .mission_day .mission_content span,
.mission_record .mission_week .mission_content span {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mission_record .mission_week {
  margin-bottom: 0;
}
.mission_record .mission_week .mission_content {
  width: 95%;
}
.mission_record .mission_week .tt {
  background-image: url(./img/popup_mission_week_tt.png);
}

.reward_result {
  width: 600px;
  padding: 60px 0 10px;
  position: relative;
}
.reward_result .tt {
  background-image: url(./img/reward_result_tt.png);
  background-size: contain;
  width: 465px;
  height: 86px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -60px;
}
.reward_result .reward_result_content {
  color: #423021;
  display: flex;
  justify-content: center;
  font-weight: bold;
  margin-bottom: 20px;
  align-items: center;
}
.reward_result .reward_result_content .award_lv {
  font-size: 36px;
  width: 140px;
}
.reward_result .reward_result_content .award_img {
  background-image: url(./img/award.jpg);
  background-size: contain;
  width: 70px;
  height: 70px;
}
.reward_result .reward_result_content .award_name {
  font-size: 30px;
  width: 330px;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .reward_result {
    width: 78.125vw;
    padding: 5.2083333333vw 0 0;
  }
  .reward_result .tt {
    width: 60.546875vw;
    height: 11.1979166667vw;
    top: -10.4166666667vw;
  }
  .reward_result .reward_result_content {
    font-size: 5.859375vw;
    margin-bottom: 3.90625vw;
  }
  .reward_result .reward_result_content .award_lv {
    font-size: 4.6875vw;
    width: 18.2291666667vw;
  }
  .reward_result .reward_result_content .award_img {
    width: 9.1145833333vw;
    height: 9.1145833333vw;
  }
  .reward_result .reward_result_content .award_name {
    font-size: 3.90625vw;
    width: 42.96875vw;
    padding: 0 1.3020833333vw;
  }
}

.event_detail {
  width: 917px;
  padding: 40px 0 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .event_detail {
    width: 94.6614583333vw;
    padding: 1.3020833333vw 0 0vw;
  }
}
.event_detail .tt {
  background-image: url(./img/event_detail_tt.png);
  background-size: contain;
  width: 465px;
  height: 86px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -60px;
}
@media screen and (max-width: 768px) {
  .event_detail .tt {
    width: 60.546875vw;
    height: 11.1979166667vw;
    top: -10.4166666667vw;
  }
}
.event_detail .scroll {
  height: 480px !important;
  padding: 0 70px;
}
@media screen and (max-width: 768px) {
  .event_detail .scroll {
    height: 75.5208333333vw !important;
    padding: 0 6.5104166667vw 0 2.6041666667vw;
  }
}
.event_detail .scroll a {
  display: inline !important;
}
.event_detail .scroll .p {
  text-align: left;
  line-height: 50px;
  font-size: 25px;
}
@media screen and (max-width: 768px) {
  .event_detail .scroll .p {
    line-height: 7.8125vw;
    font-size: 3.2552083333vw;
  }
}
.event_detail .scroll .ol_tt {
  display: block;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .event_detail .scroll .ol_tt {
    margin-bottom: 1.3020833333vw;
  }
}
.event_detail ol {
  font-size: 25px;
  color: #423021;
  text-align: left;
  padding: 0;
}
.event_detail ol li {
  line-height: 50px;
  margin-left: 50px;
}
@media screen and (max-width: 768px) {
  .event_detail ol {
    font-size: 3.90625vw;
  }
  .event_detail ol li {
    line-height: 7.8125vw;
    margin-left: 6.5104166667vw;
  }
}

.msg_popup .gbox-wrap .gbox-content {
  width: 600px;
  padding: 50px 0 30px;
  color: #fd6f61;
  font-size: 35px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .msg_popup .gbox-wrap .gbox-content {
    width: 78.125vw;
    padding: 6.5104166667vw 0 3.90625vw;
    font-size: 4.5572916667vw;
  }
}
.msg_popup .gbox-wrap .gbox-btn {
  font-size: 0;
  background: 0;
  background-image: url(./img/sure_btn.png);
  background-size: 378px 78px;
  background-position: 0 0;
  width: 189px;
  height: 78px;
  margin-bottom: 30px;
}
.msg_popup .gbox-wrap .gbox-btn:hover {
  background-position: -189px 0;
}
@media screen and (max-width: 768px) {
  .msg_popup .gbox-wrap .gbox-btn {
    background-size: 49.21875vw 10.15625vw;
    width: 24.609375vw;
    height: 10.15625vw;
    margin-bottom: 3.90625vw;
  }
  .msg_popup .gbox-wrap .gbox-btn:hover {
    background-position: 0 0;
  }
}/*# sourceMappingURL=default.css.map */