@charset "UTF-8";
/* 2022/08/14 蝦戰天下新人賽千鼎首戰 */
body { background: #214985; line-height: 1.625; }

.text-accent { color: #FFF700; }

.text-bright { color: #BAF4FF; }

.actbtn { display: inline-block; max-width: 100%; width: 13.3em; padding: 0 1em; font-size: 22px; font-weight: bold; line-height: 2.25; text-align: center; background: #C8266C; box-shadow: 0 5px 0 2px #781C44; border-radius: 3em; cursor: pointer; transition-property: all; }
.actbtn-s { font-size: 18px; width: 12.556em; }
.actbtn-brandLine { background: #06C755; box-shadow: 0 3px 0 2px #157A3E; }
.actbtn:active { filter: brightness(115%); transform: translateY(2px); box-shadow: 0 3px 0 2px #781C44; }
.actbtn:active.actbtn-brandLine { box-shadow: 0 1px 0 2px #157A3E; }
@media (hover: hover) { .actbtn:hover { filter: brightness(115%); } }
@media (min-width: 1200px) { .actbtn { font-size: 30px; }
  .actbtn-s { font-size: 18px; } }

.fixedBtn.fixed { position: fixed; z-index: 5; left: 0; right: 0; bottom: 0; margin: auto 20px 0.5em; }
@media (min-width: 768px) { .fixedBtn.fixed { margin: auto auto 0.5em; } }

.actTitle { display: block; font-size: 1.5rem; font-weight: bold; line-height: 2.125; text-align: center; color: #000; background: url("../images/title_bg.png") center center no-repeat; background-size: auto 100%; }
@media (min-width: 1200px) { .actTitle { font-size: 2rem; } }

.actTitle-s { font-size: 22px; font-weight: bold; color: #FFF700; }
@media (min-width: 768px) { .actTitle-s { font-size: 1.5rem; } }

.actBadge { display: inline-block; padding: 0.3em 0.5em; line-height: 1; font-size: 0.75rem; border: solid 1px; border-radius: 4px; }

.actbox { background: rgba(186, 244, 255, 0.06); border: solid 1px rgba(255, 255, 255, 0.3); border-radius: 6px; }

.wave { display: block; width: 100%; }
.wave-bottom { position: relative; }
.wave-reverse { transform: scaleX(-1); }
@media (min-width: 768px) { .wave-bottom { z-index: -1; margin-top: -12%; } }

.bubble { position: fixed; z-index: 2; top: 100%; pointer-events: none; opacity: 0; animation-name: bubble; animation-iteration-count: infinite; animation-fill-mode: both; animation-timing-function: ease-out; }
.bubble-left { left: 0; width: 18.611%; margin-left: -3.959%; animation-duration: 6s; animation-delay: 0.5s; }
.bubble-right { right: 0; width: 10.347%; margin-right: 3.403%; animation-duration: 5s; animation-delay: 3.5s; }

@keyframes bubble { from { opacity: 0; transform: translateY(0) scale(1); }
  30% { opacity: .6; }
  50% { opacity: .2; }
  to { opacity: 0; transform: translateY(-150vh) scale(0.3); } }
@keyframes shake { 0%,100% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(-5%); transform: translateX(-5%); } }
@keyframes floating { 0%,100% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(3%); transform: translateY(3%); } }
.animate-shake { animation-timing-function: ease-in-out; animation-name: shake; animation-duration: 6s; animation-iteration-count: infinite; }

.animate-floating { animation-timing-function: ease-in-out; animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; }

.inner { width: 700px; }
.inner-narrow { width: 545px; }
@media (max-width: 767.98px) { .inner, .inner-narrow { padding-left: 20px; padding-right: 20px; } }

.footer { padding-bottom: 5rem; }
@media (min-width: 992px) { .footer { padding-bottom: 7rem; } }

.footerMenu { display: none !important; }

.actkv { position: relative; text-align: center; }
.actkv_cont { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.actkv_deco { position: absolute; top: 0; height: 100%; width: auto; }
.actkv_deco-left { left: 0; }
.actkv_deco-right { right: 0; }
.actkv .actkv_arrow { display: block; width: 1em; margin: 1.2em auto -2.2em; font-size: 3.125em; border-radius: 50%; cursor: pointer; }
.actkv .actkv_arrow img { display: block; width: 100%; }
.actkv .actkv_arrow:active { background: rgba(255, 255, 255, 0.3); }
@media (hover: hover) { .actkv .actkv_arrow:hover { background: rgba(255, 255, 255, 0.3); } }
@media (max-width: 767.98px) { .actkv { font-size: 4.267vw; }
  .actkv_logo { position: absolute; top: 0; left: 0; margin: 2.125em; }
  .actkv_logo img { display: block; width: 8.813em; }
  .actkv_shrimp { display: none; }
  .actkv_btn { position: absolute; top: 0; left: 0; right: 0; margin: 16.227em 2.045em; width: 12.727em; height: 2.273em; line-height: 2.5em; padding-right: 1em; font-size: 1.375em; font-weight: bold; } }
@media (min-width: 768px) { .actkv { font-size: 1.111vw; white-space: nowrap; }
  .actkv_logo { position: absolute; top: 0; left: 0; width: 11.875em; margin: 2.813em 3.25em; filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.65)); }
  .actkv_logo img { width: 100%; }
  .actkv_slogan { font-size: 2.875em; font-weight: bold; line-height: 1.3; }
  .actkv_linedot { margin: 0.75em auto 2.188em; }
  .actkv .actbtn { position: absolute; top: 0; left: 0; right: 0; margin: 13.667em auto 0; width: 13.333em; font-size: 1.875em; }
  .actkv .actkv_arrow { position: absolute; top: 0; left: 50%; margin: 0; font-size: 3.125em; transform: translate(-50%, 10.22em); }
  .actkv_shrimp { position: absolute; top: 0; left: 0; margin: 2.875em 53.563em; width: 18.125em; }
  .actkv_shrimp img { width: 100%; } }

.actNav { position: sticky; z-index: 3; top: 0; font-size: 1rem; line-height: 3.75; text-align: center; background: #122677; overflow-x: auto; }
.actNav_cont { display: inline-block; white-space: nowrap; }
.actNav_item { display: inline-block; }
.actNav_link { display: block; padding: 0 0.75em; }
.actNav_link.active { background: #C8266C; }
@media (min-width: 992px) { .actNav { font-size: 1.25rem; } }

.cont0 { position: relative; z-index: 2; background: linear-gradient(#317AC8, #3DB1B5); }
.cont0 .wave { margin-top: 4em; transform: translateY(1px); }
.cont0_title { font-size: 1.75em; font-weight: bold; text-shadow: 0 1px 6px rgba(186, 244, 255, 0.54); }
@media (max-width: 767.98px) { .cont0_title { display: inline-block; margin-top: 0.5em; margin: 0.5em -1em; padding-left: 1em; text-align: left; }
  .cont0_title_1 { display: block; }
  .cont0_title_2 { padding-left: 0.5em; }
  .cont0_title_3 { padding-left: 1em; }
  .cont0_fishing { width: 4.857em; vertical-align: baseline; transform: translateY(-0.125em); }
  .cont0 .actbtn { display: block; width: auto; } }
@media (min-width: 768px) { .cont0_title { margin-top: 2.474em; padding-left: 4.5em; font-size: 2.375em; text-indent: -4.5em; }
  .cont0_fishing { position: absolute; left: 0; bottom: 0; margin-left: 10%; } }
@media (min-width: 768px) and (max-width: 1199.98px) { .cont0_fishing { width: 20%; } }
@media (min-width: 992px) { .cont0 .wave { margin-top: 4.375em; } }

.cont1 { padding-top: 3em; }
@media (min-width: 992px) { .cont1 { padding-top: 4em; } }

.cont2 { position: relative; padding-top: 3em; overflow: hidden; }
.cont2_storeBg { position: absolute; }
@media (max-width: 767.98px) { .cont2_deco { display: block; width: 85.3%; margin-left: 8.65%; }
  .cont2_storeBg { z-index: -2; left: 50%; bottom: 0; width: 149.867%; transform: translateX(-50%); }
  .cont2 .wave { z-index: 0; } }
@media (min-width: 768px) { .cont2 { padding-top: 4em; }
  .cont2_deco { position: absolute; left: 50%; top: 7em; margin-left: 1em; max-width: 44vw; }
  .cont2_storeBg { z-index: -1; right: 0; top: 45%; width: 92.639%; transform: translate(21.664%, -50%); } }

.cont3 { position: relative; padding-top: 3em; }
.cont3_medal { height: 1.75em; margin-bottom: 0.55em; }
@media (max-width: 767.98px) { .cont3_certificate { width: 29.851%; }
  .cont3 .actbox { padding: 1.25em 1em; }
  .cont3_deco { display: none; } }
@media (min-width: 768px) { .cont3 { padding: 5.208% 0 4em; }
  .cont3 .actbox { padding: 1.5em 11.714%; }
  .cont3_deco { position: absolute; top: 0; left: 0; width: 33.125%; transform: translate(-27.224%, -35.64%); } }

.cont4 { padding-top: 3em; }
@media (min-width: 768px) { .cont4 { padding: 4em 0; } }

.actMap { display: block; margin: 0 auto 1em; }
@media (min-width: 992px) { .actMap { height: 287px; } }

.cont5 { position: relative; padding-top: 3em; }
.cont5_bus { position: absolute; z-index: 1; right: 0; bottom: 0; width: 37.867%; margin-right: 20px; margin-bottom: -7%; }
@media (min-width: 768px) { .cont5 { padding-top: 4em; }
  .cont5_bus { width: 22.986%; margin-right: 2.778%; margin-bottom: -5%; } }

.cont6 { padding-top: 3em; }
@media (min-width: 768px) { .cont6 { padding-top: 4em; } }

.cont7 { padding-bottom: 26.667vw; background: url("../images/btm_deco_left.png") left bottom no-repeat, url("../images/btm_deco_right.png") right bottom no-repeat; background-size: auto 33.333vw, auto 33.333vw; }
@media (min-width: 768px) { .cont7 { padding-bottom: 9.583%; background-size: auto 20vw, auto 20vw; } }
@media (min-width: 1200px) { .cont7 { padding-bottom: 138px; background-size: auto 294px, auto 294px; } }

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