@charset "UTF-8";
/* 2022/08/14 蝦戰天下新人賽千鼎首戰 */
html { font-size: 4.3vw; }
@media (min-width: 576px) { html { font-size: 16px; } }

body { color: #fff; font-family: "Noto Sans TC", sans-serif; background: #1c15a1 linear-gradient(to right, #003DBC, #050332 33%, #050332 67%, #003DBC); }

.text-accent { color: #FFF000; }

.bg-nest { background: url(../images/bg_repeat.png) center center repeat; background-size: 34px 19px; }

.mb-1rem { margin-bottom: 1rem; }
.mb-2rem { margin-bottom: 2rem; }

.actTitle { margin-left: auto; margin-right: auto; max-width: 344px; height: 42px; line-height: 42px; font-size: 18px; font-weight: bold; text-align: center; background: url(../images/title_mobile.png) center 0 no-repeat; background-size: 100% 100%; }
@media (min-width: 768px) { .actTitle { max-width: 500px; height: 60px; line-height: 60px; font-size: 24px; background-image: url(../images/title_desk.png); } }

.form-control { border-color: #6FA7F2; }

.btn { display: inline-flex; align-items: center; justify-content: center; font-size: 22px; font-weight: bold; font-family: inherit; height: 2.182em; background: #1C62AB linear-gradient(#42ADFF, #002C6F); color: #fff; border: solid 3px #1C62AB; border-radius: 2em; box-shadow: inset 1px 2px 2px #9AFFFC; filter: drop-shadow(0 5px 0 #003E7C); }
.btn-large { font-size: 24px; height: 2.667em; }
@media (min-width: 768px) { .btn { font-size: 32px; height: 1.875em; }
  .btn-large { font-size: 32px; height: 2.5em; } }

.btn-act { background: #8D0CD9 linear-gradient(#C35CFF, #7819B1); border-color: #8D0CD9; box-shadow: inset 1px 2px 2px #FA8AFF; filter: drop-shadow(0 5px 0 #57006D); }

.btn-accent { color: #4D2727; background: #FEF64C linear-gradient(#FFFCC2, #FEF64C 25%, #FEAE11); border-color: #FF9900; box-shadow: inset 1px 2px 2px #FFFFF9; filter: drop-shadow(0 5px 0 #E35900); }
.btn-accent:hover { color: #4D2727; }

.btn-success-readonly { color: #5AFF81; background: rgba(90, 255, 129, 0.1); border: solid 1px; box-shadow: none; filter: none; }

.box { padding: 1.5rem 1rem; background: #1A2359; border: solid 1px #6FA7F2; border-radius: 4px; box-shadow: 0 3px 6px #000; }
.box_mx-offset { margin-left: -1rem; margin-right: -1rem; }
@media (min-width: 768px) { .box { padding: 2rem 50px; }
  .box_mx-offset { margin-left: -50px; margin-right: -50px; } }

.box-accent { padding: 1rem 1.5rem; background: #A000FD; border-radius: 4px; box-shadow: 0 3px 6px #000; }

.gutter { padding-left: 1rem; padding-right: 1rem; }
.gutter-offset { margin-left: -1rem; margin-right: -1rem; }

.inner { width: 550px; margin-left: auto; margin-right: auto; }

.inner-kv { width: 850px; }

.inner-top { width: 600px; }

.actFooter { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 1rem; text-align: center; background: #0A35B1; border-top: solid 2px #6FA7F2; }
.actFooter > * { margin: 0.25em 0.5em; }
@media (max-width: 767.98px) { .actFooter_icon { order: -1; margin-bottom: 0; }
  .actFooter_breakline { order: -1; width: 100%; } }
@media (min-width: 768px) { .actFooter { padding: 1.5rem; }
  .actFooter > * { margin: 0.5em; }
  .actFooter_17shrimp img { width: 133px; }
  .actFooter_online808 img { width: 116px; }
  .actFooter_tagAge img { width: 67px; } }

.actTop { padding: 6.5% 3% 6%; background: #001268 url(../images/bg_top.jpg) 90% center no-repeat; background-size: auto 102%; border-bottom: solid 5px transparent; border-image-source: linear-gradient(to right, #015AFF, #1F005D, #015AFF); border-image-slice: 1; }
@media (min-width: 768px) { .actTop { padding: 40px 1rem 70px; background-position: center center; background-size: cover; } }

.actkv img { max-width: 100%; }
.actkv_arrow { display: block; width: 1em; margin: -0.45em auto -0.25em; font-size: 3.125em; }
@media (min-width: 768px) { .actkv_arrow { width: 100px; margin: -0.75em auto -0.5em; } }

.actTop_box { margin-bottom: 1rem; padding: 0.5em 0 1em; font-size: 1.25em; font-weight: bold; background: #000; background-image: linear-gradient(#000, #000), linear-gradient(150deg, #00BDFF 70%, #A000FD 80%); background-clip: padding-box, border-box; background-origin: padding-box, border-box; border: solid 4px transparent; border-radius: 0.25rem; box-shadow: 0 3px 6px #000; }
.actTop_box_tag { position: relative; margin-left: -13px; margin-bottom: 0.389em; padding-right: 0.25em; width: 8.333em; height: 2em; line-height: 2em; font-size: 0.9em; text-align: center; background: url(../images/top_tag_front_bg.png) right center no-repeat; background-size: 100% 100%; }
.actTop_box_tag::before { content: ""; position: absolute; left: 0; bottom: 100%; font-size: 9px; width: 1em; height: 0.636em; background: #0046B0; clip-path: polygon(100% 0, 100% 100%, 0 100%); }
.actTop_box_left { min-width: 4.5em; margin-right: 0.25em; text-align: right; }
.actTop_box_right { min-width: 7em; }
.actTop_box_btn { width: 12.5em; margin-top: 0.5em; }
.actTop_box_note { margin-top: 0.5em; margin-bottom: -0.75em; font-size: 0.875rem; font-weight: 300; }
.actTop_box_arrow { position: relative; z-index: 1; height: 0; margin-top: -0.25em; text-align: center; pointer-events: none; }
@media (min-width: 576px) { .actTop_box { font-size: 1.75em; border-width: 5px; }
  .actTop_box_tag { margin-left: -16px; margin-bottom: -1.5em; width: 4.643em; }
  .actTop_box_tag::before { font-size: 11px; }
  .actTop_box_btn { width: 12.857em; }
  .actTop_box_note { font-size: 1.125rem; } }

.actTop_btn { position: relative; }
.actTop_btn_tag { position: absolute; top: 0; right: 0; width: 3.333em; transform: translate(12%, -65%); filter: drop-shadow(3px 3px 6px #000); }
@media (min-width: 576px) { .actTop_btn_tag { width: 143px; transform: translate(18%, -45%); } }

.actTop_form { display: none; margin-top: -1.334em; padding-top: 2.333em; }
@media (min-width: 768px) { .actTop_form { margin-top: -1.25em; padding-top: 2.438em; } }

.actCont { padding: 2rem 1rem; }
@media (min-width: 576px) { .actCont { padding: 2rem 1rem; } }

.actStoreList a:hover { color: #FFF000; }

/*# sourceMappingURL=activity_20250515_online808.css.map */