/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
}
.hint {
    background: linear-gradient(91.93deg, #EA6839 55.25%, #EBBE31 103.69%);
    padding: 12px 4px;
    position: fixed;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/web/Modal.vue?vue&type=style&index=0&id=5e693b32&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.mask[data-v-5e693b32] {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    background: rgba(0,0,0,.7);
    padding: 1rem;
    box-sizing: border-box;
    z-index: 99;
    left: 0;
}
.modal[data-v-5e693b32] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #FBF2D6;
    /* background: #F9F8F6 url(@/assets/images/bg-deco.png) no-repeat bottom/100%; */
    box-sizing: border-box;
    width: 90%;
    max-width: 500px;
    max-height: 90vh;
    padding: 2rem;
    border: 2px solid #EABE30;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.px-0[data-v-5e693b32] {
    padding-left: 0;
    padding-right: 0;
}
.bg-transparent[data-v-5e693b32] {
    background: transparent;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Index.vue?vue&type=style&index=0&id=23543608&scoped=true&lang=css& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.kv img[data-v-23543608] {
    display: block;
}
.wrapper[data-v-23543608] {
    background: #ebbe31;
    min-height: 100vh;
}
.content-section[data-v-23543608] {
    padding-top: 0;
    background: url(/img/bg-pattern.b5658c5f.png) no-repeat bottom right/100%;
}
.btn img[data-v-23543608] {
    display: inline-block;
    width: 75px;
    position: absolute;
    right: 8%;
    top: 35%;
    transform: translateY(-50%);
}
.img-qr[data-v-23543608] {
    max-width: 200px;
    margin: 0 auto;
}
.img-qr img[data-v-23543608] {
    display: block;
    width: 100%;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/web/MainVisual.vue?vue&type=style&index=0&id=432f0fb8&scoped=true&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.visual[data-v-432f0fb8] {
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
}
img[data-v-432f0fb8] {
    width: 100%;
    display: block;
}
.btn-back[data-v-432f0fb8] {
    width: 25vw;
    max-width: 120px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.btn-back img[data-v-432f0fb8] {
    width: 100%;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Binding.vue?vue&type=style&index=0&id=7cff3abb&scoped=true&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

h3[data-v-7cff3abb] {
    margin: 3rem 0 5rem;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/Text.vue?vue&type=style&index=0&id=548c83d8&scoped=true&lang=css& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

input[data-v-548c83d8] {
    padding: 8px 16px;
    border-style: none;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
}
input[data-v-548c83d8]:focus {
    outline: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/Mobile.vue?vue&type=style&index=0&id=94b897e6&scoped=true&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

input[data-v-94b897e6] {
    padding: 8px 16px;
    border-style: none;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
}
input[data-v-94b897e6]:focus {
    outline: none;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/Email.vue?vue&type=style&index=0&id=08418ffe&scoped=true&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

input[data-v-08418ffe] {
    padding: 8px 16px;
    border-style: none;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
}
input[data-v-08418ffe]:focus {
    outline: none;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/SelectBirthYear.vue?vue&type=style&index=0&id=eed583b6&scoped=true&lang=css& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

select[data-v-eed583b6] {
    padding: 8px 28px 8px 16px;
    border-style: none;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(/img/icon-down.7a7fa66d.svg) no-repeat center right 8px/12px;
}
select[data-v-eed583b6]:focus {
    outline: none;
}  

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/SelectGender.vue?vue&type=style&index=0&id=3da50a88&scoped=true&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

select[data-v-3da50a88] {
    padding: 8px 28px 8px 16px;
    border-style: none;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(/img/icon-down.7a7fa66d.svg) no-repeat center right 8px/12px;
}
select[data-v-3da50a88]:focus {
    outline: none;
}  

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/web/Rule.vue?vue&type=style&index=0&id=5ddcfd87&scoped=true&lang=css& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.bg[data-v-5ddcfd87] {
    background: rgba(0,0,0,.8);
    color: #fff;
    padding: 2rem 1rem;
}
.d-mobile[data-v-5ddcfd87] {
    display: none;
}
@media screen and (max-width: 767px) {
.d-mobile[data-v-5ddcfd87] {
        display: block;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/Checkbox.vue?vue&type=style&index=0&id=47ea9dee&scoped=true&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.input-check[data-v-47ea9dee] {
    display: inline-block;
    border-radius: 4px;
    width: 16px;
    height: 16px;
    border: 2px solid #B82D39;
    transition: .3s;
    background-size: 70%;
    background-position: center;
    margin-right: 6px;
    flex-shrink: 0;
}
.input-check.checked[data-v-47ea9dee] {
    background: #B82D39 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAMAAADeQm2wAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMA3yB/76C/cGBAEM+QjzCvUNZ1wQkAAACSSURBVCjPnZJLEsMwCENrB3/ybbn/ZdsaBsIQsohWVt4MQrFfjzQB7BHb8aeAdYxhTjfwjTFsxNLlUCTlvzlmCxOxicNTPjc8Da2Ihs7EYHyh87rYFtiGAzKVYSFbdG+1nQOzLGC2G/rICpvSSqdNmORg0xaqZUUjChTKURru70hLeSotnA5g2B3Sf1qCd+OGfgG2Mg5m2esEcgAAAABJRU5ErkJggg==) no-repeat center/70%;
}
small[data-v-47ea9dee] {
  display: block;
  text-align: center;
}
p[data-v-47ea9dee] {
  margin: 0;
}
.d-flex[data-v-47ea9dee] {
  flex-wrap: wrap;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/web/LoadingAnimation.vue?vue&type=style&index=0&id=1839d9b3&scoped=true&lang=css& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.loader[data-v-1839d9b3] {
    text-align: center;
    padding: 17vh 25vw;
}
.loading-bar[data-v-1839d9b3] {
    width: 100%;
    max-width: 350px;
    height: 10px;
    position: relative;
    overflow: hidden;
    margin-top: 1rem;
}
.loading-bar span[data-v-1839d9b3] {
    width: 0%;
    height: 100%;
    display: block;
    background: linear-gradient(91.93deg, #EA6839 55.25%, #EBBE31 103.69%);
    -webkit-animation: grow-data-v-1839d9b3 2s infinite;
            animation: grow-data-v-1839d9b3 2s infinite;
    position: relative;
}
.loading-bar span[data-v-1839d9b3]::before {
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    background: #fbf2d6;
    position: absolute;
    left: -11px;
    transform: rotate(35deg);
    transform-origin: 20px;
}
.loading-bar span[data-v-1839d9b3]::after {
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    background: #fbf2d6;
    position: absolute;
    right: -8px;
    transform: rotate(35deg);
    transform-origin: 6px;
}
@-webkit-keyframes grow-data-v-1839d9b3 {
0% {
        width: 0;
}
100% {
        width: 100%;
}
}
@keyframes grow-data-v-1839d9b3 {
0% {
        width: 0;
}
100% {
        width: 100%;
}
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Info.vue?vue&type=style&index=0&id=abb9de30&scoped=true&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

label[data-v-abb9de30] {
    display: block;
    margin-right: 6px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/TestRecord.vue?vue&type=style&index=0&id=43b81fbd&scoped=true&lang=css& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

label[data-v-43b81fbd] {
    display: block;
    margin-right: 6px;
}
a[data-v-43b81fbd], a[data-v-43b81fbd]:hover {
    color: #fff;
    text-decoration: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Test.vue?vue&type=style&index=0&id=5b2d5ecc&scoped=true&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.content-section[data-v-5b2d5ecc] {
  padding: 2rem 1.5rem;
}
label[data-v-5b2d5ecc] {
  display: block;
  margin-right: 6px;
}
ol[data-v-5b2d5ecc] {
  list-style: upper-alpha;
  margin-bottom: 2rem;
  padding: 0;
  list-style-position: inside;
}
.question[data-v-5b2d5ecc] {
  text-align: left;
  margin-top: 60px;
}
.btn-main[data-v-5b2d5ecc] {
  display: block;
  margin: 0 auto;
}
.q-title[data-v-5b2d5ecc] {
  position: relative;
}
.q-label[data-v-5b2d5ecc] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -12px;
  top: -28px;
  width: 80px;
  height: 36px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJcAAABCCAMAAABtsrTXAAAAM1BMVEUAAADl5OU8O0N0dHmrq65YV17Hx8kuLTbzpYqCgoednaDx8fHte1L2xrX62c0gHyjqaDlYDFUWAAAAD3RSTlMAIN+fYL9A75ePcBDfYEAo5RLBAAAAy0lEQVRo3s3OuQ0CQRAAwZ5n9z7gyD9aJHCwENapK4Li45QZ0lc7X4nztUtf4XwV8Hw7VcL5Gjhf7Xwlzlc7X0s4X4XzFc7XwPmazlfifLXzlYfzVThf4XwVztd0vhLnq52vxPnapK9wvgrnazpfA+erna/E+dqlr3C+CucrnK+B89XOV+J8tfO1hPNVOF/hfA2cr+l8Jc5XO195OF+F8xXOV+F8Tecrcb7a+Uqcr036CuercL7mj9fV7nzxvG44X6v0Fc7XivP14D8vW7sNrWW7TZMAAAAASUVORK5CYII=) no-repeat center/contain;
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
}
.q-bg[data-v-5b2d5ecc] {
  background: #EA6839;
  padding: .7rem 1rem;
  color: #fff;
}
.q-border[data-v-5b2d5ecc] {
  border-radius: 50rem;
  border: 2px solid rgba(0,0,0,.2);
  background: #fff;
  padding: 4px 16px;
  margin-bottom: 8px;
  transition: .2s;
  font-weight: bold;
}
.q-border.active[data-v-5b2d5ecc] {
  border: 2px solid #EA6839;
  color: #EA6839;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/PickGift.vue?vue&type=style&index=0&id=4af416ab&scoped=true&lang=css& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.btn-play[data-v-4af416ab] {
    background: #EA6839;
    color: #fff;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    box-shadow: 6px 6px 0 0 #000;
}
.btn-disabled[data-v-4af416ab] {
    background: #A5A5A5;
    color: #fff;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    box-shadow: 6px 6px 0 0 #000;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/ChallengeRecord.vue?vue&type=style&index=0&id=643ea56c&scoped=true&lang=css& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.label-status.process[data-v-643ea56c] {
  color: #58c056;
}
.label-status.success[data-v-643ea56c] {
  color: #f7ae1b;
}
.label-status.failure[data-v-643ea56c] {
  color: rgba(0, 0, 0, 0.5);
}
.label-status.success.audit[data-v-643ea56c] {
  color: #9d3124;
}
.card .r-side[data-v-643ea56c] {
  text-align: center;
  width: 22%;
}
.top img[data-v-643ea56c] {
  display: block;
}
.mid[data-v-643ea56c] {
  background: url(/img/share-frame-mid.cf98eb74.jpg) repeat-y center/100%;
  padding: 0 1.1rem 1rem;
  text-align: center;
}
.mid small[data-v-643ea56c] {
  color: rgba(0, 0, 0, 0.5);
  display: block;
}
.bot[data-v-643ea56c] {
  white-space: break-spaces;
  text-align: center;
  position: relative;
  margin-bottom: 1rem;
}
h3[data-v-643ea56c] {
  margin: 0;
}
.bot h3[data-v-643ea56c] {
  margin: 0;
  position: absolute;
  top: 38%;
  width: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 4vw;
}
ol[data-v-643ea56c] {
  margin: 0;
  padding-left: 20px;
}
.scroll-area[data-v-643ea56c] {
  max-height: 60vh;
  margin-bottom: 1rem;
  position: relative;
}
.tooltips[data-v-643ea56c] {
  position: relative;
}
.tooltips[data-v-643ea56c]::before {
  content: "長壓圖片可下載";
  position: absolute;
  left: -1.5rem;
  top: 50%;
  transform: translateY(-50%);
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  text-orientation: upright;
  background: #000;
  color: #fff;
  z-index: 2;
  border-radius: 4px;
  padding: 4px;
  letter-spacing: 2px;
  font-size: 12px;
}
.tooltips[data-v-643ea56c]::after {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  background: #000;
  position: absolute;
  z-index: 1;
  left: -0.8rem;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}
.output[data-v-643ea56c] {
  position: absolute;
  z-index: 100;
}
.output img[data-v-643ea56c] {
  display: block;
}
.output-content[data-v-643ea56c] {
  background: rgb(235, 190, 49);
  background: linear-gradient(
    90deg,
    rgba(235, 190, 49, 1) 0%,
    rgba(235, 190, 49, 1) 3.5%,
    rgba(255, 255, 255, 1) 3.5%,
    rgba(255, 255, 255, 1) 96.5%,
    rgba(235, 190, 49, 1) 96.5%,
    rgba(235, 190, 49, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebbe31",endColorstr="#ebbe31",GradientType=1);
  margin: 0;
  padding: 0;
  pointer-events: none;
}
.modalResult .loader[data-v-643ea56c] {
  padding: 20px;
}
.img-in-mask[data-v-643ea56c] {
  width: 72%;
  margin: 0 auto;
}
.btn-imgMask[data-v-643ea56c] {
  position: fixed;
  z-index: 99999;
  bottom: 0;
  width: 80%;
  margin: 5vh 10%;
  max-width: unset;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/Select.vue?vue&type=style&index=0&id=5d4ac932&scoped=true&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

select[data-v-5d4ac932] {
    padding: 8px 28px 8px 16px;
    border-style: none;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(/img/icon-down.7a7fa66d.svg) no-repeat center right 8px/12px;
}
select[data-v-5d4ac932]:focus {
    outline: none;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Routes.vue?vue&type=style&index=0&id=54bcf504&scoped=true&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.card .card-title[data-v-54bcf504] {
  margin-bottom: 4px;
}
.card .r-side[data-v-54bcf504] {
  background: transparent;
  text-align: center;
  width: 80px;
  align-items: flex-end;
}
.icon-arrow[data-v-54bcf504] {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ebbe31;
  position: relative;
  margin-bottom: 10px;
}
.icon-arrow[data-v-54bcf504]::after {
  content: "";
  width: 18px;
  height: 2px;
  display: block;
  position: absolute;
  top: 50%;
  left: 48%;
  background: #fff;
  transform: translate(-50%, -50%);
}
.icon-arrow[data-v-54bcf504]::before {
  content: "";
  width: 9px;
  height: 9px;
  display: block;
  position: absolute;
  top: 50%;
  left: 58%;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #fff;
  transform: translate(-50%, -50%) rotate(45deg);
}
.card[data-v-54bcf504] {
  border-radius: 0;
  box-shadow: none;
  border-left: 4px solid #000;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAC4BAMAAAARedGrAAAAD1BMVEXnaC7wkQn1qQAgICrqvQAbNPpGAAAAM0lEQVQ4y2MwhoOhwRzOQBAOhh9TCQ6GH9MFDkaZNGAOijimEXNQ5E1aMYczGAx1IQlMAEeR5HEWdrL0AAAAAElFTkSuQmCC) no-repeat right/ 10px 100%;
}
.btn-small[data-v-54bcf504] {
  display: flex;
  flex-shrink: 0;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/web/FixedItem.vue?vue&type=style&index=0&id=5d3a9ca8&scoped=true&lang=css& ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.btn-cta[data-v-5d3a9ca8] {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 80px;
    color: #fff;
    background: #000;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 2px solid #EABE30;
    top: 32vh;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .2);
}
.btn-cta b[data-v-5d3a9ca8] {
    font-size: 1.2rem;
    letter-spacing: 1px;
}
.text[data-v-5d3a9ca8] {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font-weight: bold;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/web/Running.vue?vue&type=style&index=0&id=2c39d3f8&scoped=true&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

h1[data-v-2c39d3f8] {
  margin-top: 0;
}
h3[data-v-2c39d3f8] {
  margin: 0;
}
.wrap-mask[data-v-2c39d3f8] {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  height: 100vh;
  top: 0;
  width: 100%;
}
.flex-box[data-v-2c39d3f8] {
  height: 100vh;
  top: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}
.timer[data-v-2c39d3f8] {
  color: #fff;
}
.btn-arrived[data-v-2c39d3f8] {
  width: 33vw;
  height: 33vw;
  border-radius: 50%;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  background: #eabe30;
  border: 4px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 1.5rem;
  font-weight: bold;
}
.btn-pause[data-v-2c39d3f8] {
  width: 20vw;
  height: 20vw;
  border-radius: 50%;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.6);
  border: 2px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 1.2rem;
  font-weight: bold;
  flex-direction: column;
}
.btn-play[data-v-2c39d3f8] {
  width: 20vw;
  height: 20vw;
  background: url(data:image/png;base64,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) no-repeat center/contain;
}
.btn-stop[data-v-2c39d3f8] {
  width: 20vw;
  height: 20vw;
  background: url(data:image/png;base64,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) no-repeat center/contain;
}
.icon-pause[data-v-2c39d3f8] {
  width: 20px;
  height: 24px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.icon-pause span[data-v-2c39d3f8] {
  background: #000;
  display: block;
  width: 6px;
  height: 100%;
  border-radius: 10rem;
}
.top img[data-v-2c39d3f8] {
  display: block;
}
.mid[data-v-2c39d3f8] {
  background: url(/img/share-frame-mid.cf98eb74.jpg) repeat-y center/100%;
  padding: 0 1.1rem 1rem;
  text-align: center;
  position: relative;
}
.mid small[data-v-2c39d3f8] {
  color: rgba(0, 0, 0, 0.5);
  display: block;
}
.bot[data-v-2c39d3f8] {
  white-space: break-spaces;
  text-align: center;
  position: relative;
  margin-bottom: 1rem;
}
h3[data-v-2c39d3f8] {
  margin: 0;
}
.bot h3[data-v-2c39d3f8] {
  margin: 0;
  position: absolute;
  top: 38%;
  width: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 4vw;
}
ol[data-v-2c39d3f8] {
  margin: 0 0 20px 0;
  padding-left: 20px;
}
.scroll-area[data-v-2c39d3f8] {
  max-height: 60vh;
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
}
.scroll-area.scroll[data-v-2c39d3f8] {
  overflow: auto;
}
.tooltips[data-v-2c39d3f8] {
  position: relative;
}
.tooltips[data-v-2c39d3f8]::before {
  content: "點擊圖片可下載";
  position: absolute;
  left: -1.5rem;
  top: 50%;
  transform: translateY(-50%);
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  text-orientation: upright;
  background: #000;
  color: #fff;
  z-index: 2;
  border-radius: 4px;
  padding: 4px;
  letter-spacing: 2px;
  font-size: 12px;
}
.tooltips[data-v-2c39d3f8]::after {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  background: #000;
  position: absolute;
  z-index: 1;
  left: -.8rem;
  top: 50%;
  transform: rotate(45deg) translateY(-50%);
}
.output[data-v-2c39d3f8] {
  position: absolute;
  z-index: 100;
}
.output img[data-v-2c39d3f8] {
  display: block;
}
.output-content[data-v-2c39d3f8] {
  background: rgb(235,190,49);
  background: linear-gradient(90deg, rgba(235,190,49,1) 0%, rgba(235,190,49,1) 3.5%, rgba(255,255,255,1) 3.5%, rgba(255,255,255,1) 96.5%, rgba(235,190,49,1) 96.5%, rgba(235,190,49,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebbe31",endColorstr="#ebbe31",GradientType=1);
  margin: 0;
  padding: 0;
  pointer-events: none;
}
.img-in-mask[data-v-2c39d3f8] {
  width: 72%;
  margin: 0 auto;
}
.btn-imgMask[data-v-2c39d3f8] {
  position: fixed;
  z-index: 99999;
  bottom: 0;
  width: 80%;
  margin: 5vh 10%;
  max-width: unset;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/RouteDetail.vue?vue&type=style&index=0&id=773ca6b0&scoped=true&lang=css& ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.label-status[data-v-773ca6b0] {
    display: inline-block;
    margin-bottom: 4px;
}
.label-status.process[data-v-773ca6b0] {
    color: #58C056;
}
.label-status.success[data-v-773ca6b0] {
    color: #F7AE1B;
}
.label-status.audit[data-v-773ca6b0] {
    color: #9D3124;
}
.label-status.failure[data-v-773ca6b0] {
    color: rgba(0, 0, 0, .5);
}
.card .card-title[data-v-773ca6b0] {
    margin-bottom: 4px;
}
.card .r-side[data-v-773ca6b0] {
    background: transparent;
    text-align: center;
    width: 80px;
    align-items: flex-end;
}
.icon-arrow[data-v-773ca6b0] {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #EBBE31;
    position: relative;
    margin-bottom: 10px;
}
.icon-arrow[data-v-773ca6b0]::after {
    content: '';
    width: 18px;
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    left: 48%;
    background: #fff;
    transform: translate(-50%, -50%);
}
.icon-arrow[data-v-773ca6b0]::before {
    content: '';
    width: 9px;
    height: 9px;
    display: block;
    position: absolute;
    top: 50%;
    left: 58%;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #fff;
    transform: translate(-50%, -50%) rotate(45deg);
}
.card[data-v-773ca6b0] {
    border-radius: 0;
    box-shadow: none;
    border-left: 4px solid #000;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAC4BAMAAAARedGrAAAAD1BMVEXnaC7wkQn1qQAgICrqvQAbNPpGAAAAM0lEQVQ4y2MwhoOhwRzOQBAOhh9TCQ6GH9MFDkaZNGAOijimEXNQ5E1aMYczGAx1IQlMAEeR5HEWdrL0AAAAAElFTkSuQmCC) no-repeat right/ 10px 100%;
}
small[data-v-773ca6b0] {
    color: #888;
}
.fixed-frame[data-v-773ca6b0] {
    background: rgba(32, 31, 40, .7);
    padding: 1rem;
    text-align: center;
    color: #fff;
    position: sticky;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/UploadRecord.vue?vue&type=style&index=0&id=c7b62c28&scoped=true&lang=css& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.upload-bg[data-v-c7b62c28] {
    width: 100%;
    display: block;
}
.upload-bg input[data-v-c7b62c28] {
    display: none;
}
.btn-main[data-v-c7b62c28] {
    display: block;
    margin: 0 auto;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Rule.vue?vue&type=style&index=0&id=65ed2794&scoped=true&lang=css& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.content-section[data-v-65ed2794] {
  box-sizing: border-box;
  width: 100%;
}
.content-section p[data-v-65ed2794] {
  text-align: left;
}
.collapse-dark[data-v-65ed2794] {
  position: relative;
  width: 100%;
  color: #fff;
  font-weight: bold;
  font-size: 1.3rem;
  padding: 10px 2rem 10px;
  box-sizing: border-box;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABcCAYAAAB0vnWCAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACtSURBVHgB7dmxDcIwFIThu/AGMQug1KnCJtBlHhiAkjEyCiWCDlHQgE08Q/QK2/ct8Fc+Pcl8TEOCow7OFFBgPSNwhMgafJ12WlMFWg9YZLeHVI2fawhwZGmDGxzpJStQQMD4g9a0crzPfYAjs0StqQKtB+zLtIVULd+mIxzl23SGI71kBQoI5NtUa1o5vs/9CEcWU9SaKtB6QBrA5zQc4MiWL6gLHOklK1BA4A8DYSB8kQnQYAAAAABJRU5ErkJggg==) no-repeat left/10px 100%, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABcCAYAAAB0vnWCAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACtSURBVHgB7dmxDcIwFIThu/AGMQug1KnCJtBlHhiAkjEyCiWCDlHQgE08Q/QK2/ct8Fc+Pcl8TEOCow7OFFBgPSNwhMgafJ12WlMFWg9YZLeHVI2fawhwZGmDGxzpJStQQMD4g9a0crzPfYAjs0StqQKtB+zLtIVULd+mIxzl23SGI71kBQoI5NtUa1o5vs/9CEcWU9SaKtB6QBrA5zQc4MiWL6gLHOklK1BA4A8DYSB8kQnQYAAAAABJRU5ErkJggg==) no-repeat right/10px 100%, #201F28;
}
.collapse-dark[data-v-65ed2794]::after {
  content: '';
  position: absolute;
  display: block;
  width: 12px;
  height: 2px;
  background: #fff;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.collapse-dark[data-v-65ed2794]::before {
  content: '';
  position: absolute;
  display: block;
  width: 2px;
  height: 12px;
  background: #fff;
  right: 29px;
  top: 50%;
  transform: translateY(-50%);
}
.collapse-dark.active[data-v-65ed2794]::before {
  display: none;
}
.collapse-body[data-v-65ed2794] {
  overflow: hidden;
  width: 100%;
  max-height: 0;
  transition: .5s;
}
.collapse-body.active[data-v-65ed2794] {
  max-height: 10000px;
}
.prize-wrapper[data-v-65ed2794] {
  text-align: center;
}
.prize-wrapper img[data-v-65ed2794] {
  display: block;
  width: 40%;
  max-width: 300px;
  margin: 8px auto 32px;
}
.collapse[data-v-65ed2794] {
  margin-bottom: 2rem;
}
.collapse .collapse-body[data-v-65ed2794] {
  box-sizing: border-box;
  text-align: left;
}
.collapse.bg-red[data-v-65ed2794] { 
  background-color: rgba(234, 104, 57, 0.1);
  border-radius: 16px;
}
.collapse.bg-yellow[data-v-65ed2794] {
  background-color: rgba(234, 190, 48, 0.1);
  border-radius: 16px;
}
.collapse.bg-orange[data-v-65ed2794] {
  background-color: rgba(230, 143, 34, 0.1);
  border-radius: 16px;
}
.collapse-head.bg-red[data-v-65ed2794] {
  border-radius: 50rem;
  background-color: #EA6839;
  color: #fff;
  font-weight: bold;
  padding: 8px;
}
.collapse-head.bg-yellow[data-v-65ed2794] {
  border-radius: 50rem;
  background-color: #EABE30;
  color: #fff;
  font-weight: bold;
  padding: 8px;
}
.collapse-head.bg-orange[data-v-65ed2794] {
  border-radius: 50rem;
  background-color: #E68F22;
  color: #fff;
  font-weight: bold;
  padding: 8px;
}
.collapse-head[data-v-65ed2794] {
  position: relative;
}
.collapse .collapse-head[data-v-65ed2794]::after {
  content: '';
  position: absolute;
  display: block;
  width: 12px;
  height: 2px;
  background: #fff;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.collapse .collapse-head[data-v-65ed2794]::before {
  content: '';
  position: absolute;
  display: block;
  width: 2px;
  height: 12px;
  background: #fff;
  right: 29px;
  top: 50%;
  transform: translateY(-50%);
}
.collapse .collapse-head.active[data-v-65ed2794]::before {
  display: none;
}
ol[data-v-65ed2794], ul[data-v-65ed2794] {
  padding-left: 22px;
}
a[data-v-65ed2794] {
  word-break: break-all;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/Winners.vue?vue&type=style&index=0&id=131d966c&scoped=true&lang=css& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.collapse[data-v-131d966c] {
  margin-bottom: 1rem;
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, .2);
}
.collapse-body[data-v-131d966c] {
  box-sizing: border-box;
  text-align: left;
  overflow: hidden;
  width: 100%;
  max-height: 0;
  transition: .5s;
  color: #000;
}
.collapse.bg-red[data-v-131d966c] {
  background-color: #EABE30;
  border-radius: 4px 4px 0 0;
}
.collapse-head[data-v-131d966c]{
  background-color: #fff;
  color: #000;
  font-weight: bold;
  padding: 8px 16px;
  position: relative;
  border: 2px solid #EABE30;
  text-align: left;
  border-radius: 4px 4px 0 0;
}
.collapse .collapse-head[data-v-131d966c]::after {
  content: '';
  position: absolute;
  display: block;
  width: 12px;
  height: 2px;
  background: #EABE30;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.collapse .collapse-head[data-v-131d966c]::before {
  content: '';
  position: absolute;
  display: block;
  width: 2px;
  height: 12px;
  background: #EABE30;
  right: 29px;
  top: 50%;
  transform: translateY(-50%);
}
.collapse .collapse-head.active[data-v-131d966c]::before {
  display: none;
}
.collapse-body.active[data-v-131d966c] {
  max-height: 10000px;
}
ul[data-v-131d966c] {
  margin-top: 8px;
  padding-left: 20px;
}
.scroll-area[data-v-131d966c] {
  max-height: initial;
  height: 60vh!important;
  overflow: auto;
}
ul li span[data-v-131d966c]:nth-child(1) {
  width: 80px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-flex;
  overflow: hidden;
}
ul li span[data-v-131d966c]:nth-child(2) {
  display: inline-flex;
  margin-left: 8px;
}
.card[data-v-131d966c] {
  display: block;
  text-align: center;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/takeShare.vue?vue&type=style&index=0&id=5fa61a24&scoped=true&lang=css& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

label[data-v-5fa61a24] {
    display: block;
    margin-right: 6px;
}

/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/assets/css/main.css ***!
  \***********************************************************************************************************************************************************************/
html,body {
    background: #FBF2D6;
    margin: 0;
    min-height: 100vh;
    scroll-behavior: smooth;
    color: rgba(0,0,0,.8);
    font-family: system,-apple-system,".SFNSText-Regular","San Francisco",Roboto,"Segoe UI","Helvetica Neue","Lucida Grande",sans-serif;
}
h3 {
    margin-top: 0;
}
img {
    width: 100%;
}
ol {
    padding-left: 24px;
}
small {
    font-size: 14px;
}
a, a:focus {
    color: #000;
}
.text-white {
    color: #fff;
}
.text-main {
    color: #F7AE1B;
}
.text-alert {
    color: #EA6839;
}
.text-left {
    text-align: left!important;
}
.text-center {
    text-align: center!important;
}
.text-underline {
    border-bottom: 1px solid;
}
.text-break {
    word-break: break-all;
}
.d-flex {
    display: flex;
    align-items: center;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.justify-content-center {
    justify-content: center;    
}
.justify-content-between {
    justify-content: space-between;
}
.d-block {
    display: block;
}
.d-inline-block {
    display: inline-block;
}
.flex-box {
    display: flex;
    flex-wrap: wrap;
    max-width: 768px;
    margin: 0 auto;
}
.btn {
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    position: relative;
}
.btn-main {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAk4AAABYCAMAAAA0l4hoAAAAgVBMVEUAAADnaDjqaDnoaDnqaDogHyggHiggICggICggICggICjraDggHycgICnkZTggHykgHicgICkgICbraDggICUgICDraDnoaDjoaDjrZznpZjnkajXfcEAgHyjqaDnRXzc5KCqeTTNsOi5PMCu4VjXEWzarUjSSSDJgNi0tJCl5Py8LeCxZAAAAHXRSTlMAIN9gn9+gYEAgv7/PkPfvsHBQQDAQz3Cwj1AwEHJLWl8AAAIkSURBVHja7dxJUtxAFATQ3xODG/BM28Yl8Dzc/4DeyWKh7iKUEWzeO4RSkZH164h3DXpcVYfrBj3Oq8OuQYdddbho0OO6Opw16HEp64g5k3XkXMg6YnbV42WDDl+G0W3NedOgw8Pw36bmvGrQ4eswWtec9w163A+jjzXnvEHfx2m0qjkvGnT4Poy2NeeywRN/xN/KOmItwbpkHYs83ExaAllHsCWY9brB01qCbc26anDa72lLYCTOMj+H0dZInGBLYDhHriUwnGOZP/eTlsBwjlxL8FnWkWsJZB3LfJu2BLKO2I/4ByNxci3BpzISJ9gSGImzyKOWwEicVEtwsyrDOXItgeEcwZbAcI7Uj/i+ZB25p7+yjmV+TVsCWUewJTASJ/j010icRX5MWgKXxAm2BC6Jk2sJXFcl2BK4rsoyfyctgeuq5FqCg6wj2BLIOnIHwmQduR/xO5fESZ4RNxIn1xIYiRM8EGYkTu6MuOEcwZbAcI5cS2A4R+5AmKwj+PRX1pE7Iy7rSLYERuIEn/4aiZM7I24kTvCMuJE4uZbAcI5gS2A4R+6MuOEcuTPiso5cSyDrCD79lXUkz4gbiZM7I24kTrAlMBIndyDMSJzgGXHDOXItgeEcwZbAcI7cgTBZR+7pr6wjeEZc1hFsCYzECT79NRInd0a812aAE1bVaz/AcfvqtRrghI2sI2Zdso6Yg6zjOX7EDwMct61utwMcd1en/ANxaeIjCmkjPgAAAABJRU5ErkJggg==) no-repeat center/contain;
    width: 100%;
    line-height: 3rem;
    color: #fff;
    max-width: 330px;
    display: inline-block;
    padding-bottom: .5vh;
    text-align: center;
    text-decoration: none;
}
.btn-second {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAk4AAABYCAMAAAA0l4hoAAAAqFBMVEUAAADnaDjqaDnoaDnqaDogHyggHiggICggICggICggICjraDggHycgICkgHykgHicgICkgICbraDggICUgICDraDnoaDjqZznoaDjrZznpZjnkajXfcED////qaDkgHyjj4+R0c3k8O0Osq6/RXzdtOi45KCrHx8meTTNYV16CgYazVDRPMCvx8fK5ubxKSVAtKC/V1deenaHdYzjEWzaSSDJgNi1mZWzbgleyAAAAHXRSTlMAIN9gn9+gYEAgv7/PkO+wcFBAMBDPcO+wj1AwELKXJScAAAKcSURBVHja7dzbVtNQFIXhlaaF1raKIvWA2SstKIKieEDf/83IVSBlZGeNdF7+33WuszLmmJmWcepAxMoC1g5EHFvAzIGAmQXMHYhYW8BR8+C2AjKuvLGI3rofFZCxdfej6K3bVUBG7Y05tw6yl9PMIl42T15VQMbO3b+m1pn1ec2tw5ALd/+SHpXW5xW3DpGX0+fUmlift86tQyQluEytD9bnmFuHIdvuyykV1udF8+RNBQykBN9Sa2p9Ft6oK6Dfzd6H+JvsrftZAfGUYGLZW3dRAQMpwZ/UKrl1GO86mhLYSfPkdQX0+7WXEkyt14pbh0BK8C+UEpxy6yBLCWzNrcOA3+GUwGbcOshSgrk3bisgmxLcXaZWSXEOupTgEyVxjFbvpwSUxHFYSvA9PSq4dRit9u6H+HtK4tCVej8aJXEIUwJK4hj/cmp0UgJK4lClBO8KoyQOYUpASRy6lIDiHMaq77of4kszSuLQ/fpLSRwHpQT3T1MCbh1kv/6WRkkco/1/9usvJXEclBL87aQElMShSwkoiWOs292zlICSOHQpASVxyAbCWFeFLiXYsCQO4UAYS+LQ/frLrcN4270P8XOWxKGcEackDl1KQEkcwpSAkjiEM+KUxKFLCSiJQ5cSUJyDcEackjiEv/5SEodsRpxbB+WMOCVxCGfEKYlDNyNOSRzClICSOHQz4pTEIUwJKIlDNyNOcQ7CGXFK4hAOhFESh+zXX24dlDPilMShmxGnJA5hSkBJHLoZcUriEM6IUxKHMCWgJA5dSkBxDsIZcUriEP76m791QN59OCVYOJAXTwnsxIGc+K+/jZUDWd0Z8agyAQMKi1omIG9pUUUCBpTcOshMjFsHmQ23DjqFRW0SkDe1sLME5J3bkAeboA60t8Br/wAAAABJRU5ErkJggg==) no-repeat center/contain;
    width: 100%;
    line-height: 3rem;
    max-width: 330px;
    display: inline-block;
    padding-bottom: .5vh;
    text-align: center;
    text-decoration: none;
}
.btn-main-xs {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOwAAABYCAMAAADBVutFAAAAh1BMVEUAAADoaDnnaDjqaDnqaDogHyggHiggICggICggICjraDggICjraDhoPSsgHyfkZTggHykgHicgICkgICkgICYgICXrZznoaDjpaDjpZjnkajXraTogICnoZjcgHyjqaDnRXzc5KCqeTTNsOi5SMSy4VjXEWzarUjSSSDJgNi0tJCl5Py9GLStuyJBNAAAAHnRSTlMAYCDfn9+gYEAgv79AEM/377CQcFAwz7CAUDDPj3DsVsEyAAACBUlEQVR42uWbSVbDQBBDK3NiMjCGEKDLQ2a4//lY2VEvjHv9/a9gPcnS67J/eAsQ1tbNc4Aws24mgcHEupkHCF/WzTRAWPRIxdM+qXjeIxVPLIHHwKD0mq218RoYFN4wsDaeAoPKa0bWxipAyL1mbG3MAoPKG4bWxkNgcPSazNpYBAZqT3gVl2JPdBUXG6/Z4VWcZE8vgUFK7tg6ILh6wxI/Pp3v9oQfnzR38LW9FHui1/ab2BO+tkvu7PEqvn/YDD8+HcSe8CqW32L8+FS42BN9fIpyhz4+qT3RxyfJnQ+j1/Zc7Ile26Pcodd2tSe6ijV38Cq+SGvHqziyJ/j4VKk90cenk9dsVvSXT79iT/iXT5o79DcjkjsZ/s3Ij9gT/s2I5A7+5VMl9oRX8VHsia5isad3/MunUls7fHwqXO0JPj5Fv8X08SlXe4LX9ih36LX9qK0dXtsje6KruBR7oqu42Ehrp6s4sif6+BTlDnx8ukprx5/dncWe6Gd3mjv4g6VS7Il+sHRTe6IfLFXS2vEqlg+7pKv4IPaEP7vT32L62V3hak/w8SnKHfr4FNkTfHyS3Nkavbbnak/w2h7nDry2qz3RVRzlDl3FF2nteBVH9gQfn6rInuDj08kbdpbEwAkMLYnMAYwtiaETWPZIxSPrkYoHfVJxoj19O4CxpfHpAPbWwR+EB1tgzVTXCQAAAABJRU5ErkJggg==) no-repeat center/contain;
    width: 33%;
    line-height: 3rem;
    color: #fff;
    max-width: 120px;
    display: inline-block;
    padding-bottom: .5vh;
    text-align: center;
}
.btn-second-xs {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOwAAABYCAMAAADBVutFAAAArlBMVEUAAADoaDnnaDjqaDnqaDogHyggHiggICggICggICjraDggICjraDggHyfkZTggHykgHicgICkgICkgICYgICUgICDraDnpZzfoaDjpZjnkajXfcEAgICn////qaDkgHyjj4+R0c3k8O0PRXzc5KCrHx8msq6+eTTNsOi5YV16rq66CgYa9WDVPMCvx8fK5ubxKSVDV1deenaEuLTWrUjSSSDJgNi0tJClmZWx5Py80gf3BAAAAHXRSTlMAYCDfn9+gYEAgv79Az/fvsJBwUDAQz3uwUDAQj1HKnCkAAAKaSURBVHja5ZvbcptAEER7AflCJCV2EsmX7CwokWJFjhM7cS7//2NeVAVlZguxr9s6z7xQdM2BZhYH+OBImGGcC0fCKcaZOA4mGOfMkfAJ45z462qbNmvnOY9M8Q+bNrW/h5PIFK9s2lTOc3YkKa4jxxPe+gvXNm1W/h6+SssCQ7wnSPHG38MX6TAY4h1BipsHeyctOYb46NJP8d47n6WlwBCnBCmuew9WMgzxxl+4s0mz9869tJQY4tx5Kps0OzWeDqb4p02bvndyHEzxN5s0e+/MpWVJneJt7Hi69BdubdI8xnoHs/RT3Hjnj3RMh8un9FO8987vmPF0kX6Kn2K9g0n6Ke57R7LD5dODTZnGO39fjSfqz3blnRvm8qnqe6ekLp8a73yXDsOc4sr1X4upyydVxxRgLp8C7xCXTxs9npjLJ+WdaxCXT8o7OUBcPgXeIf5sr37p8URcPgXeYS6fGu88S8eUOcXrYDwRl0//+t4xIC6f1G+A+S2IyyflnQLE5dND8FpMXD4p75QAcfnUPNj/0mGYd0a0d6g3n9Tv54J580l5RzLmFNf98XRFvfmkvHMN4vJJeScHiMunlX4tJi6flHckA3H5FHiHuHzS3pmC+LN9F4wn4vJJeceAuHxSa0/zW+YUb/V4Ii6fHgPvEJdPau2pBHjLJ7X2JAbE5dNT4B3i8kl5pwBx+aTWniRjPrCkvHPFfOyuUt6ZMh+7U78BcuZjd2rtSQzzsTtVx0gG4vIp8A5x+bQJxhNx+aS8swB4yyftHQPi8in0Du9nu157KkBcPo15R6c4eZ6loxxJcfpEj6dLlzx3seMJM5c899KxRBRGGMgQRSkEFIgiEwamR5TiHEeUYnNMKc4QxVIIKBDHQgi4wQgvyvcrZPVoZwwAAAAASUVORK5CYII=) no-repeat center/contain;
    width: 33%;
    line-height: 3rem;
    max-width: 120px;
    display: inline-block;
    padding-bottom: .5vh;
    text-align: center;
}
.btn-outline {
    border-radius: 50rem;
    border: 1px solid#EA4F1E;
    color: #EA4F1E;
    padding: 0 6px;
    text-align: center;
}
.btn-small {
    border-radius: 2px;
    background: #EA4F1E;
    color: #fff;
    padding: 6px 16px;
    border: 1px solid rgba(0, 0, 0, .2);
    cursor: pointer;
}
.btn-watch {
    display: inline-block;
    width: 40%;
    cursor: pointer;
}
.btn-watch img {
    width: 100%;
}
.btn-alert {
    background: #EA6839;
    color: #fff;
    width: 50%;
    padding: 1rem .5rem;
    font-size: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 250px;
    box-shadow: 4px 4px 0 0 #000;
    box-sizing: border-box;
}
  .btn-warning {
    background: #EABE30;
    color: #fff;
    width: 50%;
    padding: 1rem .5rem;
    font-size: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 250px;
    box-shadow: 4px 4px 0 0 #000;
    box-sizing: border-box;
}
.m-0 {
    margin: 0!important;
}
.mt-s {
    margin-top: 1rem!important;
}
.mt-m {
    margin-top: 2rem!important;
}
.mb-0 {
    margin-bottom: 0!important;
}
.mb-xs {
    margin-bottom: .5rem!important;
}
.mb-s {
    margin-bottom: 1rem!important;
}
.mb-m {
    margin-bottom: 2rem!important;
}
.mb-l {
    margin-bottom: 3rem!important;
}
.mr-m {
    margin-right: 2rem!important;
}
.mx-s {
    margin-left: 1rem!important;
    margin-right: 1rem!important;
}
.p-s {
    padding: 1rem!important;
}
.px-s {
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}
.px-m {
    padding-left: 2rem!important;
    padding-right: 2rem!important;
}
.pl-mh {
    padding-left: 2.5rem!important;
}
.w-100 {
    width: 100%;
}
.font-bold {
    font-weight: bold;
}
.anchor {
    position: relative;
    top: -80px;
}
.link-style {
    border-bottom: 1px solid;
}
.paper {
    border-radius: 4px;
    background: #f9e8b6;
    padding: 1rem;
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, .2);
}
.card {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    text-align: left;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 8px;
    justify-content: space-between;
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, .2);
}
.card:nth-last-child(1) {
    margin: 0;
}
.card .card-title, .card .content {
    margin: 0;
}
.card .content {
    color: #888;
}
.card .l-side {
    padding: 1rem;
    box-sizing: border-box;
}
.card .r-side {
    background: #EA4F1E;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 18%;
    font-weight: bold;
}
.label-status {
    display: inline-block;
    margin-bottom: 4px;
}
.label-status.process {
    color: #58C056;
}
.label-status.success {
    color: #F7AE1B;
}
.label-status.audit {
    color: #9D3124;
}
.label-status.failure {
    color: rgba(0,0,0,.5);
}
.list-unstyled {
    list-style-type: none;
}
.card-main {
    background: #EA6839;
    border-radius: .5rem;
    text-align: center;
    color: #fff;
    padding: 0.5rem;
    margin-bottom: 1rem;
}

@media screen and (max-width:767px){
    .anchor {
        top: -60px;
    }
}

.content-section {
    padding: 2rem;
    text-align: center;
}
.flex-box {
    display: flex;
    flex-direction: column;
}
.title {
    background: url(data:image/png;base64,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) no-repeat bottom center/contain;
    width: 100%;
    font-size: 1.3rem;
    padding-bottom: 0.5rem;
    font-weight: bold;
    max-width: 450px;
    margin: 0 auto 1rem;
}
.scroll-area {
    box-sizing: border-box;
    text-align: left;
    max-height: 48vh;
    overflow: auto;
}
.icon {
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
       object-fit: contain;
    vertical-align: -4px;
}

/* vue transition */
.v-enter-active {
    -webkit-animation: go .3s;
            animation: go .3s;
}

.v-leave-active {
    -webkit-animation: back .3s;
            animation: back .3s;
}
@-webkit-keyframes go {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes go {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes back {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes back {
    from { opacity: 1; }
    to { opacity: 0; }
}