@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap";.loading{z-index:999;background:rgba(0,0,0,.8)}.loader{width:48px;height:48px;display:inline-block;position:relative;transform:rotate(45deg)}.loader:before{content:"";box-sizing:border-box;width:24px;height:24px;position:absolute;left:0;top:-24px;animation:animloader 4s ease infinite}.loader:after{content:"";box-sizing:border-box;position:absolute;left:0;top:0;width:24px;height:24px;background:rgba(255,255,255,.85);box-shadow:0 0 10px #00000026;animation:animloader2 2s ease infinite}@keyframes animloader{0%{box-shadow:0 24px #fff0,24px 24px #fff0,24px 48px #fff0,0 48px #fff0}12%{box-shadow:0 24px #fff,24px 24px #fff0,24px 48px #fff0,0 48px #fff0}25%{box-shadow:0 24px #fff,24px 24px #fff,24px 48px #fff0,0 48px #fff0}37%{box-shadow:0 24px #fff,24px 24px #fff,24px 48px #fff,0 48px #fff0}50%{box-shadow:0 24px #fff,24px 24px #fff,24px 48px #fff,0 48px #fff}62%{box-shadow:0 24px #fff0,24px 24px #fff,24px 48px #fff,0 48px #fff}75%{box-shadow:0 24px #fff0,24px 24px #fff0,24px 48px #fff,0 48px #fff}87%{box-shadow:0 24px #fff0,24px 24px #fff0,24px 48px #fff0,0 48px #fff}to{box-shadow:0 24px #fff0,24px 24px #fff0,24px 48px #fff0,0 48px #fff0}}@keyframes animloader2{0%{transform:translate(0) rotateX(0) rotateY(0)}25%{transform:translate(100%) rotateX(0) rotateY(180deg)}50%{transform:translate(100%,100%) rotateX(-180deg) rotateY(180deg)}75%{transform:translateY(100%) rotateX(-180deg) rotateY(360deg)}to{transform:translate(0) rotateX(0) rotateY(360deg)}}.PDDToast[data-v-c32912ab]{position:fixed;top:25px;right:35px;background:#fff;border-radius:5px;padding:15px 35px 15px 25px;box-shadow:0 5px 10px #0000001a;border-left:6px solid var(--88915044);min-width:250px;overflow:hidden;transform:translate(calc(100% + 40px));transition:all .5s cubic-bezier(.68,-.55,.265,1.35)}.PDDToast.active[data-v-c32912ab]{transform:translate(0)}.PDDToast .close[data-v-c32912ab]{position:absolute;top:10px;right:15px;padding:5px;cursor:pointer;opacity:.7}.PDDToast .close[data-v-c32912ab]:hover{opacity:1}.PDDToast .progress[data-v-c32912ab]{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#ddd}.PDDToast .progress[data-v-c32912ab]:before{content:"";position:absolute;bottom:0;right:0;height:100%;width:100%;background-color:var(--88915044)}.progress.active[data-v-c32912ab]:before{animation:progress-c32912ab linear forwards;animation-duration:var(--14dca21c)}.PDDToast:hover .progress.active[data-v-c32912ab]:before{animation-play-state:paused}@keyframes progress-c32912ab{to{right:100%}}.toastContent[data-v-c32912ab]{display:flex;align-items:center}.toastContent .check[data-v-c32912ab]{display:flex;align-items:center;justify-content:center;height:35px;width:35px;background-color:var(--88915044);color:#fff;border-radius:50%}.toastContent .message[data-v-c32912ab]{display:flex;flex-direction:column;margin:0 20px}.message .text[data-v-c32912ab]{font-size:20px;font-weight:400;color:#666}.message .text.text-1[data-v-c32912ab]{font-weight:600}*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}*{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role=button]{cursor:pointer}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}h2,p,hr,h3{margin:0}h2,h3{font-size:inherit;font-weight:inherit}input,button,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}img{border-style:solid;max-width:100%;height:auto}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}img,svg{display:block;vertical-align:middle}ul{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-transparent{background-color:transparent}.bg-black{--tw-bg-opacity: 1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.hover\:bg-white:hover,.bg-white{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.hover\:bg-black:hover{--tw-bg-opacity: 1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-white\/20{--tw-bg-opacity: .2;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgba(209,213,219,var(--tw-bg-opacity))}.bg-white\/10{--tw-bg-opacity: .1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-white\/90{--tw-bg-opacity: .9;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.hover\:bg-white\/20:hover{--tw-bg-opacity: .2;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:-o-linear-gradient(left,var(--tw-gradient-stops));background-image:-webkit-gradient(linear,left top,right top,from(var(--tw-gradient-stops)));background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-400{--tw-gradient-from: rgba(96, 165, 250, var(--tw-from-opacity, 1));--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))}.to-purple-500{--tw-gradient-to: rgba(139, 92, 246, var(--tw-to-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgba(255,255,255,var(--tw-border-opacity))}.border-black{--tw-border-opacity: 1;border-color:rgba(0,0,0,var(--tw-border-opacity))}.hover\:border-white:hover{--tw-border-opacity: 1;border-color:rgba(255,255,255,var(--tw-border-opacity))}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.border\:2px,.border\:orange,.border-1{border-width:1px}.border-2{border-width:2px}.border-b-1{border-bottom-width:1px}.cursor-pointer{cursor:pointer}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.grid{display:-ms-grid;display:grid}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-start{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.justify-around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.float-right{float:right}.font-weight-bold{font-weight:700}.font-weight-500{font-weight:500}.font-bold{font-weight:700}.font-semibold{font-weight:600}.h-5{height:1.25rem}.h-screen{height:100vh}.h-full{height:100%}.h-10{height:2.5rem}.h-1\/5{height:20%}.h-16{height:4rem}.h-30{height:7.5rem}.h-50{height:12.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.leading-relaxed{line-height:1.625}.m-1{margin:.25rem}.m-0{margin:0}.m-10{margin:2.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-2{margin-left:.5rem}.mt-2{margin-top:.5rem}.mr-3{margin-right:.75rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.ml-6{margin-left:1.5rem}.mt-5{margin-top:1.25rem}.mt-10{margin-top:2.5rem}.mr-2{margin-right:.5rem}.mt-20{margin-top:5rem}.mb-6{margin-bottom:1.5rem}.mb-3{margin-bottom:.75rem}.mr-5{margin-right:1.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.max-h-\[90vh\]{max-height:90vh}.max-h-11\/12{max-height:91.666667%}.max-w-4xl{max-width:56rem}.object-cover{-o-object-fit:cover;object-fit:cover}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.p-2{padding:.5rem}.p-1{padding:.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-4{padding:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pr-5{padding-right:1.25rem}.pt-4{padding-top:1rem}.pt-1{padding-top:.25rem}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0px}.left-0{left:0px}.top-1{top:.25rem}.right-1{right:.25rem}.right-0{right:0px}.bottom-0{bottom:0px}.bottom-24{bottom:6rem}.top-7{top:1.75rem}.right-30{right:7.5rem}.top-8{top:2rem}.right-15{right:3.75rem}.bottom-1{bottom:.25rem}.resize{resize:both}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-light-500{--tw-shadow-color: rgba(242, 242, 242, 1);--tw-shadow: var(--tw-shadow-colored)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))}.ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))}.hover\:ring-white:hover{--tw-ring-opacity: 1;--tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))}.text-center{text-align:center}.text-white{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-black,.hover\:text-black:hover{--tw-text-opacity: 1;color:rgba(0,0,0,var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.focus\:text-white:focus{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgba(156,163,175,var(--tw-text-opacity))}.text-transparent{color:transparent}.text-gray-200{--tw-text-opacity: 1;color:rgba(229,231,235,var(--tw-text-opacity))}.text-blue-400{--tw-text-opacity: 1;color:rgba(96,165,250,var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgba(59,130,246,var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgba(209,213,219,var(--tw-text-opacity))}.tracking-widest{letter-spacing:.1em}.invisible{visibility:hidden}.whitespace-nowrap{white-space:nowrap}.w-screen{width:100vw}.w-full{width:100%}.w-5{width:1.25rem}.w-1\/2{width:50%}.w-3\/5{width:60%}.w-16{width:4rem}.w-20{width:5rem}.w-10{width:2.5rem}.w-3\/9{width:33.333333%}.w-9\/10{width:90%}.z-101{z-index:101}.z-100{z-index:100}.gap-3{grid-gap:.75rem;gap:.75rem}.gap-6{grid-gap:1.5rem;gap:1.5rem}.transform{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate: 0;--tw-rotate-x: 0;--tw-rotate-y: 0;--tw-rotate-z: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;--tw-scale-z: 1.1}.hover\:scale-105:hover,.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;--tw-scale-z: 1.05}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem}.\<transition{-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,filter,backdrop-filter;-o-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-box-shadow,transform,-webkit-transform,filter,backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.transition-transform{-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.transition-all{-webkit-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.ease{-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}.duration-300{-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}@keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px)}@media (min-width: 640px){.sm\:text-9xl{font-size:8rem;line-height:1}}@media (min-width: 768px){.md\:flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:mt-0{margin-top:0}.md\:p-20{padding:5rem}.md\:p-5{padding:1.25rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:visible{visibility:visible}.md\:w-1\/4{width:25%}.md\:w-3\/4{width:75%}.md\:w-4\/9{width:44.444444%}.md\:w-1\/9{width:11.111111%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:p-15{padding:3.75rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--setColor-1: #DCC1B0;--setColor-2: #869DAB;--setColor-3: #847072;--setColor-4: #3D313F}body{font-family:Montserrat,Noto Sans TC,sans-serif;width:100%;height:100vh;padding:0;margin:0;background-color:#000}body:before{content:" ";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background-size:contain}.blackTransparent{background:rgba(0,0,0,.5)}.whiteTransparent{background:rgba(209,221,219,.4)}.loginTransparent{background:rgba(209,221,219,.6)}.japanTransparent{background:rgba(245,249,4,.6)}.noteTransparent{background:rgba(254,0,0,.6)}.color-4Transparent{background:rgba(16,23,26,.9)}.setBgColor-1{background-color:var(--setColor-1)}.setBgColor-2{background-color:var(--setColor-2)}.setBgColor-3{background-color:var(--setColor-3)}.setBgColor-4{background-color:var(--setColor-4)}.fontColor-1{color:var(--setColor-1)}.fontColor-2{color:var(--setColor-2)}.fontColor-3{color:var(--setColor-3)}.fontColor-4{color:var(--setColor-4)}.titleStyle{color:#d1dddb;text-shadow:2px 4px 5px #283B42}.spaceStyle{border-radius:5px;background-color:#d1dddb}.bannerStyle{font-size:1.4rem;padding:8px;border-radius:5px;color:#d1dddb;background-color:#1d6a96;text-shadow:2px 4px 5px #283B42}.route-enter{opacity:0;transform:translate(200px)}.route-enter-active{transition:all .5s ease-out}.route-leave-to{opacity:0;transform:translate(-200px)}.route-leave-active{transition:all .5s ease-in}.list-enter-active{transition:all 1s}.list-leave-active{transition:all 1s;position:absolute}.list-enter-from,.list-leave-to{opacity:0;transform:translateY(-50px)}.list-move{transition:all .3s ease}.bounce-enter-active{animation:bounce-in .5s}.bounce-leave-active{animation:bounce-in .5s reverse}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.5)}to{transform:scale(1)}}.slide-fade-enter-active{transition:all .5s ease-out}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from{transform:translateY(-100px);opacity:0}.slide-fade-leave-to{transform:translateY(100px);opacity:0}.slide-right-enter-active{transition:all .5s ease-out}.slide-right-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-right-enter-from,.slide-right-leave-to{transform:translate(100px);opacity:0}.fade-enter-active{transition:opacity 1.5s}.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.shakeJump{animation:shakeJump .2s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes shakeJump{10%,90%{transform:translate3d(0,-1px,0)}20%,80%{transform:translate3d(0,-8px,0)}}.myAnimationFade{animation:openIn .5s ease-in-out}@keyframes openIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.showList-move,.showList-enter-active,.showList-leave-active{transition:all 2s ease-in-out}.showList-enter-from,.showList-leave-to{opacity:0;transform:translateY(20px)}.showList-leave-active{position:absolute}