@import url(../lib/mobile-drag-drop/default.css);@import url(../lib/mobile-drag-drop/icons.css);@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&family=Roboto:wght@400;500;900&display=swap");*:not(.draggable){-webkit-user-drag:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,input,textarea,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,main,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:none;font-size:100%;font:inherit;vertical-align:baseline;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{width:100%;border-collapse:collapse;border-spacing:0}img{display:block;border:none;width:auto;height:auto;max-width:100%;max-height:100%}input::-moz-focus-inner,button::-moz-focus-inner,select::-moz-focus-inner{border:0;outline:0}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}input[type="search"],input[type="search"]:hover,input[type="search"]:focus,input[type="search"]:active{-webkit-appearance:none}select::-ms-expand{display:none}button,input[type="submit"],input[type="reset"]{font-family:"Roboto","Noto Sans TC","Microsoft Jhenghei",sans-serif;background:none;border:none;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none}option{background-color:transparent}code{display:block;background:#7C7C7C;padding:10px;border-left:3px solid #317490}.w95{width:95%;margin:0 auto}.w1000,.w1100,.w1200,.w1300{width:80%;margin:0 auto}.w1000{max-width:1000px}.w1100{max-width:1100px}.w1200{max-width:1200px}.w1300{max-width:1300px}.col100{width:100%}.col90{width:90%}.col80{width:80%}.col75{width:75%}.col70{width:70%}.col66{width:66.6666%}.col65{width:65%}.col60{width:60%}.col55{width:55%}.col50{width:50%}.col45{width:45%}.col40{width:40%}.col35{width:35%}.col33{width:33.3333%}.col30{width:30%}.col25{width:25%}.col20{width:20%}.col15{width:15%}.col05{width:05%}.ib-top{display:inline-block;vertical-align:top}.ib-bottom{display:inline-block;vertical-align:bottom}.flex-wrap{display:flex;flex-wrap:wrap}.flex-nowrap{display:flex;flex-wrap:nowrap}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.justify-content-center{justify-content:center}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.m-auto{margin:auto}.mx-auto{margin:0 auto}hr{border:0;height:0;border-top:1px solid rgba(0,0,0,0.25);margin:1em 0}hr.no-top{margin-top:0}hr.no-bottom{margin-bottom:0}hr.no{margin:0}.d-none{display:none !important}@media screen and (min-width: 2000px){.w1000{max-width:1300px}.w1100{max-width:1400px}.w1200{max-width:1500px}.w1300{max-width:1700px}}@media screen and (max-width: 1024px){.d-1024-block{display:block !important}.d-1024-none{display:none !important}}@media screen and (max-width: 1024px) and (orientation: portrait), screen and (max-width: 1023px){.d-mobile-none{display:none !important}.d-mobile-block{display:block !important}}@media screen and (max-width: 1023px){.d-1023-block{display:block !important}.d-1023-none{display:none !important}}@media screen and (max-width: 768px){.d-768-block{display:block !important}.d-768-none{display:none !important}}@media screen and (max-width: 620px){.d-620-block{display:block !important}.d-620-inline-block{display:inline-block !important}.d-620-none{display:none !important}}@media screen and (max-width: 480px){.d-480-block{display:block !important}.d-480-none{display:none !important}}::selection{background:#317490;color:white}::-moz-selection{background:#317490;color:white}body{opacity:0;scroll-behavior:smooth;-moz-transition:opacity 0.4s ease;-o-transition:opacity 0.4s ease;-webkit-transition:opacity 0.4s ease;transition:opacity 0.4s ease}body.loaded{opacity:1}body.is-fixed{overflow:hidden}img.lazyload{opacity:0;-moz-transition:opacity 0.25s ease;-o-transition:opacity 0.25s ease;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}img.lazyload.loaded{opacity:1}#header{font-size:1.5em;padding:1.85em;color:#317490;position:fixed;top:0;right:0;z-index:10}#header nav{flex-direction:column;text-align:right;margin-top:2.5em;display:none}#header nav.active{display:flex}#header nav.active a{-webkit-animation-delay:0s;-webkit-animation-duration:.4s;-webkit-animation-name:fadeInUp;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.4s;-moz-animation-name:fadeInUp;-moz-animation-timing-function:ease;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.4s;-o-animation-name:fadeInUp;-o-animation-timing-function:ease;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.4s;animation-name:fadeInUp;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#header nav.active a:nth-child(1){-webkit-animation-delay:.05s;-moz-animation-delay:.05s;-ms-animation-delay:.05s;-o-animation-delay:.05s;animation-delay:.05s}#header nav.active a:nth-child(2){-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-ms-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}#header nav.active a:nth-child(3){-webkit-animation-delay:.15s;-moz-animation-delay:.15s;-ms-animation-delay:.15s;-o-animation-delay:.15s;animation-delay:.15s}#header nav.active a:nth-child(4){-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-ms-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}#header nav a{font-weight:500;display:block;width:100%;border-bottom:1px solid #317490;padding:.5em .1em;margin-bottom:.75em;opacity:0}#header .logo{width:6em;position:fixed;top:1em;left:0;right:0;margin:0 auto -.25em}#header{display:flex;flex-wrap:nowrap;justify-content:center;background:black;color:white;width:100%;padding:.25em 5%}#header nav{width:15em;height:100vh;padding:2em 5% 0 2em;background:rgba(0,0,0,0.75);position:absolute;top:100%;right:0;margin-top:0}#header nav a{border-bottom-color:rgba(255,255,255,0.5)}#header nav.active{-webkit-animation-delay:0s;-webkit-animation-duration:.4s;-webkit-animation-name:slideInRight;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.4s;-moz-animation-name:slideInRight;-moz-animation-timing-function:ease;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.4s;-o-animation-name:slideInRight;-o-animation-timing-function:ease;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.4s;animation-name:slideInRight;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#header .logo{position:relative;top:0}#hamburger span,#hamburger:before,#hamburger:after{content:'';display:block;width:1.6em;height:.25em;background:#317490;position:absolute;top:.875em;left:0;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}#hamburger span,#hamburger:before,#hamburger:after{background:#7C7C7C;width:1.5em;height:.2em}#hamburger{display:block;width:1.6em;height:1.6em;margin:0 .25em 1em auto;position:relative;cursor:pointer}#hamburger:before{-moz-transform:translate(0, -.5em);-o-transform:translate(0, -.5em);-ms-transform:translate(0, -.5em);-webkit-transform:translate(0, -.5em);transform:translate(0, -.5em)}#hamburger:after{-moz-transform:translate(0, .5em);-o-transform:translate(0, .5em);-ms-transform:translate(0, .5em);-webkit-transform:translate(0, .5em);transform:translate(0, .5em)}#hamburger.active:before{opacity:1;-moz-transform:translate(0, 0) rotate(-45deg);-o-transform:translate(0, 0) rotate(-45deg);-ms-transform:translate(0, 0) rotate(-45deg);-webkit-transform:translate(0, 0) rotate(-45deg);transform:translate(0, 0) rotate(-45deg)}#hamburger.active:after{opacity:1;-moz-transform:translate(0, 0) rotate(45deg);-o-transform:translate(0, 0) rotate(45deg);-ms-transform:translate(0, 0) rotate(45deg);-webkit-transform:translate(0, 0) rotate(45deg);transform:translate(0, 0) rotate(45deg)}#hamburger.active span{opacity:0}#hamburger{width:1.5em;height:1.5em;margin-bottom:.25em;margin-left:0}#aside{display:flex;flex-direction:column;justify-content:center;font-size:1.75em;width:2.85em;height:100vh;max-height:100%;padding:2.25em 0;padding-top:3em;position:fixed;top:0;left:2%;margin:auto 2em;pointer-events:none;z-index:9}#aside p{font-size:1em;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,0.25);text-align:center;color:white}#aside .battery-container{height:calc(100vh - 13em);margin:1.5em auto auto;position:relative}#aside .battery-container img{max-width:none;width:auto;height:100%}#aside .battery-container .progress{width:60%;height:0;padding-bottom:800%;position:absolute;top:2%;bottom:0;left:0;right:0;margin:auto;border:1px solid white;pointer-events:all}#aside .battery-container .progress span{width:100%;display:block;background:#00FF94;position:absolute;bottom:0;left:0;-moz-transition:height 0.4s ease;-o-transition:height 0.4s ease;-webkit-transition:height 0.4s ease;transition:height 0.4s ease}#aside .fb-like{width:108px;margin:.5em auto 0;margin-left:-16px;pointer-events:all}#finish_hint{display:none;font-size:.5em;color:white;letter-spacing:0;line-height:1.5;white-space:nowrap;pointer-events:all;padding-top:2.5em;margin-top:-2em}.overlay{width:100%;height:100%;background-color:rgba(0,0,0,0.25);top:0;left:0;position:fixed;overflow:hidden;z-index:10}.overlay .box{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;height:100vh}.overlay .spinner{height:64px;width:64px;margin:0 auto;border:5px solid black;border-right-color:transparent;border-radius:50%;-webkit-animation-delay:0s;-webkit-animation-duration:.8s;-webkit-animation-name:rotate;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.8s;-moz-animation-name:rotate;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.8s;-o-animation-name:rotate;-o-animation-timing-function:linear;-o-animation-iteration-count:infinite;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.8s;animation-name:rotate;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards}@media screen and (max-width: 1440px){#aside{font-size:1.5em;left:0;padding:1em 0;padding-top:3em;margin:auto 1.5em}#aside .battery-container{height:calc(100vh - 10em);margin-top:.5em}}@media screen and (max-width: 1024px){#header{display:flex;flex-wrap:nowrap;justify-content:center;background:black;color:white;width:100%;padding:.25em 5%}#header nav{width:12em;height:100vh;padding:0 5%;background:rgba(0,0,0,0.75);position:absolute;top:100%;right:0;margin-top:0}#header nav a{border-bottom-color:rgba(255,255,255,0.5)}#header nav.active{-webkit-animation-delay:0s;-webkit-animation-duration:.4s;-webkit-animation-name:slideInRight;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.4s;-moz-animation-name:slideInRight;-moz-animation-timing-function:ease;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.4s;-o-animation-name:slideInRight;-o-animation-timing-function:ease;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.4s;animation-name:slideInRight;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#header .logo{width:6em}#hamburger span,#hamburger:before,#hamburger:after{background:#7C7C7C;width:1.5em;height:.2em}#hamburger{width:1.5em;height:1.5em;margin-bottom:.25em;margin-left:0}#aside{padding-top:3em}#aside .battery-container{width:60%;height:auto}#aside .battery-container img{width:100%;height:auto}}@media screen and (max-width: 768px){#hamburger span,#hamburger:before,#hamburger:after{height:.2em}}@media screen and (max-width: 620px){#aside{margin-left:.5em}#aside .fb-like{margin-left:auto}}@media screen and (max-width: 480px){#header nav{width:9em}#aside{width:2.25em;margin-left:0}#aside p{font-size:.875em}#aside .battery-container{margin-top:.5em}}#scrollTop{position:fixed;right:30px;bottom:30px;width:45px;height:45px;border-radius:2em;text-align:center;cursor:pointer;background:rgba(255,255,255,0.5);border:2px solid #317490;opacity:0;pointer-events:none;z-index:5;-moz-transition:opacity 0.4s ease;-o-transition:opacity 0.4s ease;-webkit-transition:opacity 0.4s ease;transition:opacity 0.4s ease}#scrollTop.active{opacity:1;pointer-events:all}#scrollTop svg{display:block;position:absolute;margin:auto;top:0;right:0;bottom:5px;left:0;fill:#317490;-webkit-transform:rotateZ(270deg);-moz-transform:rotateZ(270deg);-ms-transform:rotateZ(270deg);-o-transform:rotateZ(270deg);transform:rotateZ(270deg)}#scrollTop:hover{background-color:#317490}#scrollTop:hover svg{fill:white}@media screen and (max-width: 620px){#scrollTop{bottom:15px;right:15px}}@-webkit-keyframes showCopyHint{0%{opacity:0;-moz-transform:translate(0, 30px);-o-transform:translate(0, 30px);-ms-transform:translate(0, 30px);-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}40%,
	60%{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{opacity:0;-moz-transform:translate(0, -30px);-o-transform:translate(0, -30px);-ms-transform:translate(0, -30px);-webkit-transform:translate(0, -30px);transform:translate(0, -30px)}}@-moz-keyframes showCopyHint{0%{opacity:0;-moz-transform:translate(0, 30px);-o-transform:translate(0, 30px);-ms-transform:translate(0, 30px);-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}40%,
	60%{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{opacity:0;-moz-transform:translate(0, -30px);-o-transform:translate(0, -30px);-ms-transform:translate(0, -30px);-webkit-transform:translate(0, -30px);transform:translate(0, -30px)}}@-ms-keyframes showCopyHint{0%{opacity:0;-moz-transform:translate(0, 30px);-o-transform:translate(0, 30px);-ms-transform:translate(0, 30px);-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}40%,
	60%{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{opacity:0;-moz-transform:translate(0, -30px);-o-transform:translate(0, -30px);-ms-transform:translate(0, -30px);-webkit-transform:translate(0, -30px);transform:translate(0, -30px)}}@-o-keyframes showCopyHint{0%{opacity:0;-moz-transform:translate(0, 30px);-o-transform:translate(0, 30px);-ms-transform:translate(0, 30px);-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}40%,
	60%{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{opacity:0;-moz-transform:translate(0, -30px);-o-transform:translate(0, -30px);-ms-transform:translate(0, -30px);-webkit-transform:translate(0, -30px);transform:translate(0, -30px)}}@keyframes showCopyHint{0%{opacity:0;-moz-transform:translate(0, 30px);-o-transform:translate(0, 30px);-ms-transform:translate(0, 30px);-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}40%,
	60%{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{opacity:0;-moz-transform:translate(0, -30px);-o-transform:translate(0, -30px);-ms-transform:translate(0, -30px);-webkit-transform:translate(0, -30px);transform:translate(0, -30px)}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-delay:0s;-webkit-animation-duration:.4s;-webkit-animation-name:fadeIn;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.4s;-moz-animation-name:fadeIn;-moz-animation-timing-function:ease;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.4s;-o-animation-name:fadeIn;-o-animation-timing-function:ease;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.4s;animation-name:fadeIn;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-ms-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-delay:0s;-webkit-animation-duration:.4s;-webkit-animation-name:fadeOut;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.4s;-moz-animation-name:fadeOut;-moz-animation-timing-function:ease;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.4s;-o-animation-name:fadeOut;-o-animation-timing-function:ease;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.4s;animation-name:fadeOut;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}@-webkit-keyframes fadeInUp{0%{opacity:0;-moz-transform:translate(0, 30px);-o-transform:translate(0, 30px);-ms-transform:translate(0, 30px);-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}100%{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translate(0, 30px);-o-transform:translate(0, 30px);-ms-transform:translate(0, 30px);-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}100%{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-ms-keyframes fadeInUp{0%{opacity:0;-moz-transform:translate(0, 30px);-o-transform:translate(0, 30px);-ms-transform:translate(0, 30px);-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}100%{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-o-keyframes fadeInUp{0%{opacity:0;-moz-transform:translate(0, 30px);-o-transform:translate(0, 30px);-ms-transform:translate(0, 30px);-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}100%{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes fadeInUp{0%{opacity:0;-moz-transform:translate(0, 30px);-o-transform:translate(0, 30px);-ms-transform:translate(0, 30px);-webkit-transform:translate(0, 30px);transform:translate(0, 30px)}100%{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes scaleFadeInUp{0%{opacity:0;-moz-transform:scale(0.9, 0.9) translate(0, 30px);-o-transform:scale(0.9, 0.9) translate(0, 30px);-ms-transform:scale(0.9, 0.9) translate(0, 30px);-webkit-transform:scale(0.9, 0.9) translate(0, 30px);transform:scale(0.9, 0.9) translate(0, 30px)}100%{opacity:1;-moz-transform:scale(1, 1) translate(0, 0);-o-transform:scale(1, 1) translate(0, 0);-ms-transform:scale(1, 1) translate(0, 0);-webkit-transform:scale(1, 1) translate(0, 0);transform:scale(1, 1) translate(0, 0)}}@-moz-keyframes scaleFadeInUp{0%{opacity:0;-moz-transform:scale(0.9, 0.9) translate(0, 30px);-o-transform:scale(0.9, 0.9) translate(0, 30px);-ms-transform:scale(0.9, 0.9) translate(0, 30px);-webkit-transform:scale(0.9, 0.9) translate(0, 30px);transform:scale(0.9, 0.9) translate(0, 30px)}100%{opacity:1;-moz-transform:scale(1, 1) translate(0, 0);-o-transform:scale(1, 1) translate(0, 0);-ms-transform:scale(1, 1) translate(0, 0);-webkit-transform:scale(1, 1) translate(0, 0);transform:scale(1, 1) translate(0, 0)}}@-ms-keyframes scaleFadeInUp{0%{opacity:0;-moz-transform:scale(0.9, 0.9) translate(0, 30px);-o-transform:scale(0.9, 0.9) translate(0, 30px);-ms-transform:scale(0.9, 0.9) translate(0, 30px);-webkit-transform:scale(0.9, 0.9) translate(0, 30px);transform:scale(0.9, 0.9) translate(0, 30px)}100%{opacity:1;-moz-transform:scale(1, 1) translate(0, 0);-o-transform:scale(1, 1) translate(0, 0);-ms-transform:scale(1, 1) translate(0, 0);-webkit-transform:scale(1, 1) translate(0, 0);transform:scale(1, 1) translate(0, 0)}}@-o-keyframes scaleFadeInUp{0%{opacity:0;-moz-transform:scale(0.9, 0.9) translate(0, 30px);-o-transform:scale(0.9, 0.9) translate(0, 30px);-ms-transform:scale(0.9, 0.9) translate(0, 30px);-webkit-transform:scale(0.9, 0.9) translate(0, 30px);transform:scale(0.9, 0.9) translate(0, 30px)}100%{opacity:1;-moz-transform:scale(1, 1) translate(0, 0);-o-transform:scale(1, 1) translate(0, 0);-ms-transform:scale(1, 1) translate(0, 0);-webkit-transform:scale(1, 1) translate(0, 0);transform:scale(1, 1) translate(0, 0)}}@keyframes scaleFadeInUp{0%{opacity:0;-moz-transform:scale(0.9, 0.9) translate(0, 30px);-o-transform:scale(0.9, 0.9) translate(0, 30px);-ms-transform:scale(0.9, 0.9) translate(0, 30px);-webkit-transform:scale(0.9, 0.9) translate(0, 30px);transform:scale(0.9, 0.9) translate(0, 30px)}100%{opacity:1;-moz-transform:scale(1, 1) translate(0, 0);-o-transform:scale(1, 1) translate(0, 0);-ms-transform:scale(1, 1) translate(0, 0);-webkit-transform:scale(1, 1) translate(0, 0);transform:scale(1, 1) translate(0, 0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-moz-transform:translate(0, -30px);-o-transform:translate(0, -30px);-ms-transform:translate(0, -30px);-webkit-transform:translate(0, -30px);transform:translate(0, -30px)}100%{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translate(0, -30px);-o-transform:translate(0, -30px);-ms-transform:translate(0, -30px);-webkit-transform:translate(0, -30px);transform:translate(0, -30px)}100%{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-ms-keyframes fadeInDown{0%{opacity:0;-moz-transform:translate(0, -30px);-o-transform:translate(0, -30px);-ms-transform:translate(0, -30px);-webkit-transform:translate(0, -30px);transform:translate(0, -30px)}100%{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-o-keyframes fadeInDown{0%{opacity:0;-moz-transform:translate(0, -30px);-o-transform:translate(0, -30px);-ms-transform:translate(0, -30px);-webkit-transform:translate(0, -30px);transform:translate(0, -30px)}100%{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes fadeInDown{0%{opacity:0;-moz-transform:translate(0, -30px);-o-transform:translate(0, -30px);-ms-transform:translate(0, -30px);-webkit-transform:translate(0, -30px);transform:translate(0, -30px)}100%{opacity:1;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes float{50%{opacity:.75;-moz-transform:scale(0.8) translate(0, -30px);-o-transform:scale(0.8) translate(0, -30px);-ms-transform:scale(0.8) translate(0, -30px);-webkit-transform:scale(0.8) translate(0, -30px);transform:scale(0.8) translate(0, -30px)}}@-moz-keyframes float{50%{opacity:.75;-moz-transform:scale(0.8) translate(0, -30px);-o-transform:scale(0.8) translate(0, -30px);-ms-transform:scale(0.8) translate(0, -30px);-webkit-transform:scale(0.8) translate(0, -30px);transform:scale(0.8) translate(0, -30px)}}@-ms-keyframes float{50%{opacity:.75;-moz-transform:scale(0.8) translate(0, -30px);-o-transform:scale(0.8) translate(0, -30px);-ms-transform:scale(0.8) translate(0, -30px);-webkit-transform:scale(0.8) translate(0, -30px);transform:scale(0.8) translate(0, -30px)}}@-o-keyframes float{50%{opacity:.75;-moz-transform:scale(0.8) translate(0, -30px);-o-transform:scale(0.8) translate(0, -30px);-ms-transform:scale(0.8) translate(0, -30px);-webkit-transform:scale(0.8) translate(0, -30px);transform:scale(0.8) translate(0, -30px)}}@keyframes float{50%{opacity:.75;-moz-transform:scale(0.8) translate(0, -30px);-o-transform:scale(0.8) translate(0, -30px);-ms-transform:scale(0.8) translate(0, -30px);-webkit-transform:scale(0.8) translate(0, -30px);transform:scale(0.8) translate(0, -30px)}}@-webkit-keyframes hint{50%{-moz-transform:translate(0, 0.25em);-o-transform:translate(0, 0.25em);-ms-transform:translate(0, 0.25em);-webkit-transform:translate(0, 0.25em);transform:translate(0, 0.25em)}}@-moz-keyframes hint{50%{-moz-transform:translate(0, 0.25em);-o-transform:translate(0, 0.25em);-ms-transform:translate(0, 0.25em);-webkit-transform:translate(0, 0.25em);transform:translate(0, 0.25em)}}@-ms-keyframes hint{50%{-moz-transform:translate(0, 0.25em);-o-transform:translate(0, 0.25em);-ms-transform:translate(0, 0.25em);-webkit-transform:translate(0, 0.25em);transform:translate(0, 0.25em)}}@-o-keyframes hint{50%{-moz-transform:translate(0, 0.25em);-o-transform:translate(0, 0.25em);-ms-transform:translate(0, 0.25em);-webkit-transform:translate(0, 0.25em);transform:translate(0, 0.25em)}}@keyframes hint{50%{-moz-transform:translate(0, 0.25em);-o-transform:translate(0, 0.25em);-ms-transform:translate(0, 0.25em);-webkit-transform:translate(0, 0.25em);transform:translate(0, 0.25em)}}@-webkit-keyframes slideInUp{0%{-moz-transform:translate(0, 10%);-o-transform:translate(0, 10%);-ms-transform:translate(0, 10%);-webkit-transform:translate(0, 10%);transform:translate(0, 10%)}100%{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-moz-keyframes slideInUp{0%{-moz-transform:translate(0, 10%);-o-transform:translate(0, 10%);-ms-transform:translate(0, 10%);-webkit-transform:translate(0, 10%);transform:translate(0, 10%)}100%{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-ms-keyframes slideInUp{0%{-moz-transform:translate(0, 10%);-o-transform:translate(0, 10%);-ms-transform:translate(0, 10%);-webkit-transform:translate(0, 10%);transform:translate(0, 10%)}100%{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-o-keyframes slideInUp{0%{-moz-transform:translate(0, 10%);-o-transform:translate(0, 10%);-ms-transform:translate(0, 10%);-webkit-transform:translate(0, 10%);transform:translate(0, 10%)}100%{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes slideInUp{0%{-moz-transform:translate(0, 10%);-o-transform:translate(0, 10%);-ms-transform:translate(0, 10%);-webkit-transform:translate(0, 10%);transform:translate(0, 10%)}100%{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes slideInDown{0%{-moz-transform:translate(0, -10%);-o-transform:translate(0, -10%);-ms-transform:translate(0, -10%);-webkit-transform:translate(0, -10%);transform:translate(0, -10%)}100%{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-moz-keyframes slideInDown{0%{-moz-transform:translate(0, -10%);-o-transform:translate(0, -10%);-ms-transform:translate(0, -10%);-webkit-transform:translate(0, -10%);transform:translate(0, -10%)}100%{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-ms-keyframes slideInDown{0%{-moz-transform:translate(0, -10%);-o-transform:translate(0, -10%);-ms-transform:translate(0, -10%);-webkit-transform:translate(0, -10%);transform:translate(0, -10%)}100%{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-o-keyframes slideInDown{0%{-moz-transform:translate(0, -10%);-o-transform:translate(0, -10%);-ms-transform:translate(0, -10%);-webkit-transform:translate(0, -10%);transform:translate(0, -10%)}100%{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes slideInDown{0%{-moz-transform:translate(0, -10%);-o-transform:translate(0, -10%);-ms-transform:translate(0, -10%);-webkit-transform:translate(0, -10%);transform:translate(0, -10%)}100%{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes slideInRight{0%{-moz-transform:translate(100%, 0);-o-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}100%{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-moz-keyframes slideInRight{0%{-moz-transform:translate(100%, 0);-o-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}100%{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-ms-keyframes slideInRight{0%{-moz-transform:translate(100%, 0);-o-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}100%{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-o-keyframes slideInRight{0%{-moz-transform:translate(100%, 0);-o-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}100%{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes slideInRight{0%{-moz-transform:translate(100%, 0);-o-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-webkit-transform:translate(100%, 0);transform:translate(100%, 0)}100%{-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes rotate{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes rotate{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes rotate{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes zoomInPop{0%{opacity:0;-moz-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-webkit-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}80%{-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}100%{opacity:1;-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@-moz-keyframes zoomInPop{0%{opacity:0;-moz-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-webkit-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}80%{-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}100%{opacity:1;-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@-ms-keyframes zoomInPop{0%{opacity:0;-moz-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-webkit-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}80%{-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}100%{opacity:1;-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@-o-keyframes zoomInPop{0%{opacity:0;-moz-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-webkit-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}80%{-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}100%{opacity:1;-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes zoomInPop{0%{opacity:0;-moz-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-webkit-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}80%{-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}100%{opacity:1;-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@-webkit-keyframes window{2%{-moz-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-webkit-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}10%{-moz-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}0%,
	30%,
	100%{-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@-moz-keyframes window{2%{-moz-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-webkit-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}10%{-moz-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}0%,
	30%,
	100%{-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@-ms-keyframes window{2%{-moz-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-webkit-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}10%{-moz-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}0%,
	30%,
	100%{-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@-o-keyframes window{2%{-moz-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-webkit-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}10%{-moz-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}0%,
	30%,
	100%{-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes window{2%{-moz-transform:scale(0.95, 0.95);-o-transform:scale(0.95, 0.95);-ms-transform:scale(0.95, 0.95);-webkit-transform:scale(0.95, 0.95);transform:scale(0.95, 0.95)}10%{-moz-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}0%,
	30%,
	100%{-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@-webkit-keyframes sparkle{50%{-moz-transform:scale(.5, .5);-o-transform:scale(.5, .5);-ms-transform:scale(.5, .5);-webkit-transform:scale(.5, .5);transform:scale(.5, .5);opacity:0}}@-moz-keyframes sparkle{50%{-moz-transform:scale(.5, .5);-o-transform:scale(.5, .5);-ms-transform:scale(.5, .5);-webkit-transform:scale(.5, .5);transform:scale(.5, .5);opacity:0}}@-ms-keyframes sparkle{50%{-moz-transform:scale(.5, .5);-o-transform:scale(.5, .5);-ms-transform:scale(.5, .5);-webkit-transform:scale(.5, .5);transform:scale(.5, .5);opacity:0}}@-o-keyframes sparkle{50%{-moz-transform:scale(.5, .5);-o-transform:scale(.5, .5);-ms-transform:scale(.5, .5);-webkit-transform:scale(.5, .5);transform:scale(.5, .5);opacity:0}}@keyframes sparkle{50%{-moz-transform:scale(.5, .5);-o-transform:scale(.5, .5);-ms-transform:scale(.5, .5);-webkit-transform:scale(.5, .5);transform:scale(.5, .5);opacity:0}}.bg-white{background-color:white}.bg-main{background:#7BD4DF}.bg-battery{background:#00FF94}.bg-terms{background:#23293F}.btn{display:inline-block;min-width:9em;font-size:1.5em;font-weight:bold;line-height:1;letter-spacing:.026em;padding:.65em 1em;border-radius:.75em;color:white;text-transform:uppercase;text-align:center;position:relative;cursor:pointer;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}.btn:active{-moz-transform:translate(0, -3px);-o-transform:translate(0, -3px);-ms-transform:translate(0, -3px);-webkit-transform:translate(0, -3px);transform:translate(0, -3px)}.btn.btn-pop{font-size:1.25em;font-weight:500;border:5px solid black;margin:.25em}.btn.btn-primary{background:#317490}.btn.btn-sale{background:#FF3A5E}.btn.btn-form{background:#FAAF3B}@media screen and (max-width: 1280px){.btn{font-size:1.25em}}@media screen and (max-width: 620px){.btn.btn-pop{font-size:1.5em;min-width:12em;border-radius:2em;border-width:2px;margin-top:.5em}}@media (hover: hover) and (pointer: fine){.btn:hover{-moz-transform:translate(0, -5px);-o-transform:translate(0, -5px);-ms-transform:translate(0, -5px);-webkit-transform:translate(0, -5px);transform:translate(0, -5px)}}html{font-size:16px}body{position:relative;font-weight:400;font-family:"Roboto","Noto Sans TC","Microsoft Jhenghei",sans-serif;color:#000}option{font-family:"Roboto","Noto Sans TC","Microsoft Jhenghei",sans-serif}h1,h2,h3,h4,h5,h6,a,p,b,small{font:inherit;color:inherit}h1{font-size:0;opacity:0;text-indent:-99999px}h2{font-size:3.25em;font-weight:500;letter-spacing:.018em;line-height:1.25;margin-bottom:.125em}h3{font-size:1.5em;font-weight:400;letter-spacing:.1em;line-height:1.25;margin-bottom:1.25em}h4{font-size:1.375em;font-weight:400;letter-spacing:0.018em;line-height:1.25;margin-bottom:.5em}h5{font-size:1.4em;letter-spacing:0.018em}h6{font-size:1.2em;letter-spacing:0.08em}a{display:inline-block;text-decoration:none;letter-spacing:inherit}p{font-size:1em;letter-spacing:.018em;line-height:1.25}b,strong{letter-spacing:inherit;font-weight:500}small{font-size:.875em;line-height:inherit}code{font-family:"Consolas", monospace}.color-white{color:white}.color-grey{color:#7C7C7C}.color-hint{color:#496FD1}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.bold{font-weight:500}.italic{font-style:italic}.uppercase{text-transform:uppercase}.font-content{font-family:"Roboto","Noto Sans TC","Microsoft Jhenghei",sans-serif}h2,h3,h4,.font-title{font-family:"Roboto","Noto Sans TC","Microsoft Jhenghei",sans-serif}.text-larger{font-size:1.125em}@media screen and (min-width: 2000px){html{font-size:20px}p{font-size:18px}}@media screen and (max-width: 1280px){html{font-size:14px}p{font-size:16px}}@media screen and (max-width: 1024px){p{font-size:14px}}@media screen and (max-width: 768px){h2{font-size:2em}h2 small{font-size:1em}p{line-height:1.5}small{font-size:12px}}@media screen and (max-width: 480px){html{font-size:12px}}input[type=text],input[type=email],input[type=password],input[type=search],input[type=date],input[type=tel],input[type=number],select,textarea{width:100%;font-size:1em;font-weight:500;letter-spacing:1px;padding:10px 15px;margin:5px 0;border:2px solid black;outline:none;border-radius:2em;-webkit-border-radius:2em;box-shadow:none;-webkit-appearnce:none}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=date]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=search]:hover,input[type=date]:hover,input[type=tel]:hover,input[type=number]:hover,textarea:hover{border-color:#7C7C7C}textarea{min-width:100%;max-width:100%}input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset}.form-container .row{margin:0 -1em}.form-container .form-control{padding:0 1em;margin-bottom:1.5em;position:relative}.form-container .form-control label{display:block;margin-bottom:.5em;color:#7C7C7C}.form-container hr{margin:.5em 0 1.25em}.form-container .btn{display:inline-flex;justify-content:center}.form-container input[type=radio]:not(old)+label,.form-container input[type=checkbox]:not(old)+label{letter-spacing:.06em}.selectric{font-size:1em;margin:5px 0;background:white;border:1px solid #aaa;border-radius:0;-webkit-border-radius:0}.selectric .label{height:auto;font-size:1em;line-height:1;letter-spacing:1px;padding:13px 15px;margin-left:0}.selectric .button{background:white}.selectric .button:after{width:6px;height:6px;border:none;border-right:1px solid #7C7C7C;border-bottom:1px solid #7C7C7C;opacity:.5;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.selectric-items ul{font-size:14px}.selectric-items li{font-size:1em;padding:10px 15px;background:white}.selectric-items li:hover,.selectric-items li.highlighted{background:rgba(170,170,170,0.5)}.is-notValid{color:#c75555}span.is-notValid{display:block;margin-top:.25em;margin-bottom:.5em}input.is-notValid,textarea.is-notValid{border-color:#c75555}::-webkit-input-placeholder{font-weight:300;color:#aaa}:-moz-placeholder{font-weight:300;color:#aaa;opacity:1}::-moz-placeholder{font-weight:300;color:#aaa;opacity:1}:-ms-input-placeholder{font-weight:300;color:#aaa}::-ms-input-placeholder{font-weight:300;color:#aaa}.search{position:relative}.search:after{content:'';display:block;width:1.5em;height:1.5em;background:url(/assets/img/icon/search.svg) center no-repeat;background-size:contain;position:absolute;top:0;right:0;bottom:0;margin:auto 1em}input[type=search]{padding-right:3em;-webkit-appearance:textfield}::-webkit-search-decoration,::-webkit-search-cancel-button{display:none}input[type=radio]:not(old),input[type=checkbox]:not(old){width:0;margin:0;font-size:0;opacity:0;pointer-events:none;display:none}input[type=radio]:not(old)+label,input[type=checkbox]:not(old)+label{position:relative;display:block;line-height:24px;margin-right:17px;cursor:pointer;letter-spacing:0}input[type=radio]:not(old)+label,input[type=checkbox]:not(old)+label{display:inline-block;padding:0 5px 0 1.75em}input[type=radio]:not(old)+label:before{content:"";position:absolute;width:1.125em;height:1.125em;border-radius:100%;border:2px solid #aaa;left:0;top:0}input[type=radio]:not(old):checked+label:after{content:"";position:absolute;width:calc(1.125em + 4px);height:calc(1.125em + 4px);background:#317490 url(/assets/img/icon/check.svg) center no-repeat;border-radius:100%;left:0;top:0}input[type=checkbox]:not(old)+label:before{content:"";position:absolute;width:1.125em;height:1.125em;border-radius:5px;border:2px solid #aaa;left:0;top:0}input[type=checkbox]:not(old):checked+label:after{content:"";position:absolute;width:calc(1.125em + 4px);height:calc(1.125em + 4px);border-radius:5px;background:#317490 url(/assets/img/icon/check.svg) center no-repeat;left:0;top:0}@media screen and (max-width: 1280px){input[type=text],input[type=email],input[type=password],input[type=search],input[type=date],input[type=tel],select,textarea{padding:8px 15px}.selectric .label{padding:11px 15px}.selectric-items li{padding:8px 15px}input[type=radio]:not(old)+label:before,input[type=radio]:not(old):checked+label:after,input[type=checkbox]:not(old)+label:before,input[type=checkbox]:not(old):checked+label:after{top:.125em}}@media screen and (max-width: 620px){.form-container .form-control{margin-bottom:1em}}@media screen and (max-width: 480px){input[type=radio]:not(old)+label:before,input[type=radio]:not(old):checked+label:after,input[type=checkbox]:not(old)+label:before,input[type=checkbox]:not(old):checked+label:after{top:.25em}}.list-disc>li{line-height:1.5;position:relative;padding-left:1.5em;margin-bottom:.125em}.list-disc>li:before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#000;position:absolute;top:.7em;left:.5em}.list-disc.color-grey>li:before{background:#7C7C7C}.list-disc>li{line-height:1.5;position:relative;padding-left:1.5em;margin-bottom:.125em}.list-disc>li:before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#000;position:absolute;top:.7em;left:.5em}.list-disc.color-grey>li:before{background:#7C7C7C}.list-decimal{counter-reset:mycounter}.list-decimal>li{line-height:1.5;position:relative;padding-left:1.5em;margin-bottom:.125em;counter-increment:mycounter}.list-decimal>li:before{content:counter(mycounter) ".";display:block;font-family:"Noto Sans TC","Microsoft Jhenghei",sans-serif;font-size:.9em;line-height:1.5;width:1.5em;height:1.5em;text-align:center;color:white;border-radius:50%;position:absolute;top:0;left:0}.list-decimal.color-grey>li:before{background:#7C7C7C}.filter{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;width:100%;min-height:100vh;padding:2em 0;position:fixed;top:0;left:0;z-index:2}.filter.coupon{z-index:5}.filter.coupon.coupon-1{background:#90C9E1}.filter.coupon.coupon-1 .title{background:#3DA5D0}.filter.coupon.coupon-1 .coupon-img-1{display:block}.filter.coupon.coupon-2{background:#DA898D}.filter.coupon.coupon-2 .title{background:#FF394C}.filter.coupon.coupon-2 .coupon-img-2{display:block}.filter.coupon.coupon-3{background:#152442}.filter.coupon.coupon-3 .title{background:#152442;color:#E1BA8C}.filter.coupon.coupon-3 .coupon-img-3{display:block}.filter.drag-dialog .popup-container{max-width:540px;background:white;padding-bottom:2em;border-radius:1em;border-width:4px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.5)}.filter.drag-dialog .popup-container img{width:70%;margin:1.5em auto}.filter.drag-dialog .popup-container p{line-height:1.5}.filter.drag-dialog .popup-container .btn{border-radius:2em;border-width:2px;background:#FF394C;margin:1em auto 0}.filter.drag-dialog .popup-container .trigger-close{font-size:.9em;margin:-2.5em -2em}.filter.drag-dialog.bg-grey .popup-container{background:#C4C4C4}.filter.drag-dialog header{width:100%;font-size:.75em;padding:.75em .5em;background:#4D4D4D;border-top-left-radius:1em;border-top-right-radius:1em;border-bottom:2px solid black;position:absolute;top:0;left:0}.filter.drag-dialog header p{font-size:1.5em;color:#8E8E8E;font-weight:500}.filter.drag-dialog header .light{display:flex;align-items:center;position:absolute;left:1em;top:0;bottom:0}.filter.drag-dialog header .light span{display:inline-block;width:.75em;height:.75em;border-radius:1em;border:1px solid rgba(0,0,0,0.75);margin:0 .125em}.filter.drag-dialog header .light span:nth-child(1){background:#FF394C}.filter.drag-dialog header .light span:nth-child(2){background:#FFC700}.filter.drag-dialog header .light span:nth-child(3){background:#00E07A}.coupon .popup-container h2{font-size:2.5em;font-weight:900;padding-left:.1em}.coupon .popup-container figure img{width:32.5em;margin:0 auto}.coupon .popup-container h3{font-weight:700;letter-spacing:0;max-width:20em;margin:0 auto 1em}.coupon .popup-container h3 span{font-size:.875em;display:block;border:4px solid black;padding:1em .5em}.coupon .popup-container h3 .title{width:8em;color:#FFF6C5;margin-right:-4px}.coupon .popup-container h3 .content{display:flex;flex-wrap:nowrap;align-items:center;font-family:"Noto Sans TC","Microsoft Jhenghei",sans-serif;width:calc(100% - 8em);background:white;position:relative;cursor:pointer}.coupon .popup-container h3 .content i{display:block;flex-shrink:0;width:1em;height:1em;background:url(../img/coupon/icon-copy.svg) center no-repeat;background-size:contain;margin-right:.25em;-moz-transition:transform 0.25s ease;-o-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;transition:transform 0.25s ease}.coupon .popup-container h3 .content strong{font-weight:700}.coupon .popup-container h3 .content:hover strong{color:#317490}.coupon .popup-container h3 .content.is-copied:before{content:'複製到剪貼簿了！';display:block;width:12em;text-align:center;font-size:.5em;font-weight:400;background:#7C7C7C;color:white;padding:.5em 1em;border-radius:.5em;position:absolute;bottom:100%;left:0;right:0;margin:0 auto -1em;-webkit-animation-delay:0s;-webkit-animation-duration:1s;-webkit-animation-name:showCopyHint;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:1s;-moz-animation-name:showCopyHint;-moz-animation-timing-function:ease;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:1s;-o-animation-name:showCopyHint;-o-animation-timing-function:ease;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:1s;animation-name:showCopyHint;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}.coupon .popup-container .coupon-img{display:none}.popup-container{font-size:1.5em;width:80%;max-width:900px;margin:0 auto;padding:3em 1em;background:#FFF6C5;border-radius:1.5em;border:5px solid black;position:relative;-moz-transform:scale(.9, .9);-o-transform:scale(.9, .9);-ms-transform:scale(.9, .9);-webkit-transform:scale(.9, .9);transform:scale(.9, .9);-moz-transition:transform 0.4s cubic-bezier(0.12, 0.98, 0.6, 1.27);-o-transition:transform 0.4s cubic-bezier(0.12, 0.98, 0.6, 1.27);-webkit-transition:transform 0.4s cubic-bezier(0.12, 0.98, 0.6, 1.27);transition:transform 0.4s cubic-bezier(0.12, 0.98, 0.6, 1.27)}.popup-container .btn-container{margin-top:2em;margin-bottom:-5em}.popup-container .btn-shop{background:#FF394C}.popup-container .btn-share{background:#0086B6}.popup-container .trigger-close{width:3.85em;height:3.85em;border-radius:3em;background:black;border:3px solid white;position:absolute;top:0;right:0;margin:-1.3em;pointer-events:all;cursor:pointer;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}.popup-container .trigger-close:before,.popup-container .trigger-close:after{content:'';display:block;width:2.25em;height:.3em;border-radius:.5em;background:white;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}.popup-container .trigger-close:before{-moz-transform:translate(0, 0) rotate(-45deg);-o-transform:translate(0, 0) rotate(-45deg);-ms-transform:translate(0, 0) rotate(-45deg);-webkit-transform:translate(0, 0) rotate(-45deg);transform:translate(0, 0) rotate(-45deg)}.popup-container .trigger-close:after{-moz-transform:translate(0, 0) rotate(45deg);-o-transform:translate(0, 0) rotate(45deg);-ms-transform:translate(0, 0) rotate(45deg);-webkit-transform:translate(0, 0) rotate(45deg);transform:translate(0, 0) rotate(45deg)}.popup-container .trigger-close:active{-moz-transform:scale(.95, .95);-o-transform:scale(.95, .95);-ms-transform:scale(.95, .95);-webkit-transform:scale(.95, .95);transform:scale(.95, .95)}.is-animated .popup-container{-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}@media screen and (max-width: 1440px){.popup-container{font-size:1.25em;max-width:760px}}@media screen and (max-width: 768px){.coupon .popup-container h2{font-size:2.25em}.coupon .popup-container figure img{width:29em}.coupon .popup-container h3{max-width:20em}}@media screen and (max-width: 620px){.popup-container{font-size:1em;max-width:760px;border-width:3px;padding-bottom:2em}.popup-container .trigger-close{border-width:2px}.popup-container .btn-container{margin-bottom:0}.popup-container .scroller{overflow-x:visible;overflow-y:auto;max-height:calc(100vh - 200px)}.popup-container .scroller::-webkit-scrollbar{width:4px}.popup-container .scroller::-webkit-scrollbar-track{background:transparent}.popup-container .scroller::-webkit-scrollbar-thumb{background:#317490}.popup-container .scroller::-webkit-scrollbar-thumb:hover{background:#00FF94}.coupon .popup-container h3 span{border-width:3px}.coupon .popup-container h3 .content strong{font-size:.875em}}@media screen and (max-width: 480px){.coupon .popup-container h3{width:94%;flex-direction:column}.coupon .popup-container h3 span{font-size:1em;width:100% !important;border-width:2px;padding:.5em}.coupon .popup-container h3 .title{margin-right:0;margin-bottom:-2px}}.swal2-modal{background:#FFF6C5 !important;border:4px solid black !important;border-radius:1em !important}.swal2-modal .swal2-html-container{font-size:1.5em;color:black}.swal2-styled{min-width:9em;font-size:2.25em;font-weight:bold;line-height:1;letter-spacing:.026em;padding:.65em 1em;border-radius:.75em !important;border:2px solid black !important;color:white;text-transform:uppercase;text-align:center;position:relative;cursor:pointer}.swal2-styled.swal2-confirm{background:#0086B6 !important}#top,#main_result{min-height:100vh;background:#7BD4DF center top no-repeat;background-size:57.9688% auto;background-attachment:fixed;padding-bottom:2em;position:relative;z-index:4}#top figure,#main_result figure{width:57.9688%;height:0;padding-bottom:29%;position:relative;margin:0 auto 8%}#top figure img,#main_result figure img{position:absolute}#top figure .bg,#main_result figure .bg{width:100%;position:relative}#top figure .title,#main_result figure .title{width:55.885%;top:23%;left:0;right:0;margin:0 auto}#top figure .doctor,#main_result figure .doctor{width:29%;bottom:-27%;left:0;right:0;margin:0 auto}#top figure .hub,#main_result figure .hub,#top figure .thunder,#main_result figure .thunder,#top figure .charger,#main_result figure .charger,#top figure .iklips,#main_result figure .iklips{bottom:-20%}#top figure .hub,#main_result figure .hub{width:11.68%;left:4%}#top figure .thunder,#main_result figure .thunder{width:13.4771%;left:19%}#top figure .charger,#main_result figure .charger{width:11.5%;right:20%}#top figure .iklips,#main_result figure .iklips{width:18.3288%;right:-3%}#top li,#main_result li{padding:0 .5em}#top figure img:not(.bg),#main_result figure img:not(.bg),#top li,#main_result li{opacity:0}#top.is-animated figure .title,.is-animated#main_result figure .title{-webkit-animation-delay:0s;-webkit-animation-duration:.8s;-webkit-animation-name:scaleFadeInUp;-webkit-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.8s;-moz-animation-name:scaleFadeInUp;-moz-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.8s;-o-animation-name:scaleFadeInUp;-o-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.8s;animation-name:scaleFadeInUp;animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);animation-iteration-count:1;animation-fill-mode:forwards}#top.is-animated figure .doctor,.is-animated#main_result figure .doctor{-webkit-animation-delay:.1s;-webkit-animation-duration:.8s;-webkit-animation-name:scaleFadeInUp;-webkit-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.1s;-moz-animation-duration:.8s;-moz-animation-name:scaleFadeInUp;-moz-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:.1s;-o-animation-duration:.8s;-o-animation-name:scaleFadeInUp;-o-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:.1s;animation-duration:.8s;animation-name:scaleFadeInUp;animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);animation-iteration-count:1;animation-fill-mode:forwards}#top.is-animated figure .hub,.is-animated#main_result figure .hub{-webkit-animation-delay:.3s;-webkit-animation-duration:.8s;-webkit-animation-name:scaleFadeInUp;-webkit-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.3s;-moz-animation-duration:.8s;-moz-animation-name:scaleFadeInUp;-moz-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:.3s;-o-animation-duration:.8s;-o-animation-name:scaleFadeInUp;-o-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:.3s;animation-duration:.8s;animation-name:scaleFadeInUp;animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);animation-iteration-count:1;animation-fill-mode:forwards}#top.is-animated figure .thunder,.is-animated#main_result figure .thunder{-webkit-animation-delay:.25s;-webkit-animation-duration:.8s;-webkit-animation-name:scaleFadeInUp;-webkit-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.25s;-moz-animation-duration:.8s;-moz-animation-name:scaleFadeInUp;-moz-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:.25s;-o-animation-duration:.8s;-o-animation-name:scaleFadeInUp;-o-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:.25s;animation-duration:.8s;animation-name:scaleFadeInUp;animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);animation-iteration-count:1;animation-fill-mode:forwards}#top.is-animated figure .charger,.is-animated#main_result figure .charger{-webkit-animation-delay:.25s;-webkit-animation-duration:.8s;-webkit-animation-name:scaleFadeInUp;-webkit-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.25s;-moz-animation-duration:.8s;-moz-animation-name:scaleFadeInUp;-moz-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:.25s;-o-animation-duration:.8s;-o-animation-name:scaleFadeInUp;-o-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:.25s;animation-duration:.8s;animation-name:scaleFadeInUp;animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);animation-iteration-count:1;animation-fill-mode:forwards}#top.is-animated figure .iklips,.is-animated#main_result figure .iklips{-webkit-animation-delay:.3s;-webkit-animation-duration:.8s;-webkit-animation-name:scaleFadeInUp;-webkit-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.3s;-moz-animation-duration:.8s;-moz-animation-name:scaleFadeInUp;-moz-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:.3s;-o-animation-duration:.8s;-o-animation-name:scaleFadeInUp;-o-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:.3s;animation-duration:.8s;animation-name:scaleFadeInUp;animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);animation-iteration-count:1;animation-fill-mode:forwards}#top.is-animated li,.is-animated#main_result li{-webkit-animation-delay:0s;-webkit-animation-duration:.4s;-webkit-animation-name:scaleFadeInUp;-webkit-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.4s;-moz-animation-name:scaleFadeInUp;-moz-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.4s;-o-animation-name:scaleFadeInUp;-o-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.4s;animation-name:scaleFadeInUp;animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);animation-iteration-count:1;animation-fill-mode:forwards}#top.is-animated li:nth-child(1),.is-animated#main_result li:nth-child(1){-webkit-animation-delay:.9s;-moz-animation-delay:.9s;-ms-animation-delay:.9s;-o-animation-delay:.9s;animation-delay:.9s}#top.is-animated li:nth-child(2),.is-animated#main_result li:nth-child(2){-webkit-animation-delay:1s;-moz-animation-delay:1s;-ms-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}#top.is-animated li:nth-child(3),.is-animated#main_result li:nth-child(3){-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;-ms-animation-delay:1.1s;-o-animation-delay:1.1s;animation-delay:1.1s}#main_result{width:100%;position:fixed;top:0;left:0;z-index:10}#main_result h2{font-size:2.5em;font-weight:bold}#main_result h3{font-size:2em;font-weight:bold;letter-spacing:.018em;color:#154866}#main_result figure{width:57.9688%;height:0;padding-bottom:29%;position:relative;margin:0 auto 8%}#main_result figure .title{top:13%}#main_result figure .title-container{position:absolute;top:44%;left:0;right:0;margin:0 auto;opacity:0}#main_result figure .godness{width:26%;bottom:-35%;left:0;right:0;margin:0 auto}#main_result figure .doctor,#main_result figure .hub,#main_result figure .thunder,#main_result figure .charger,#main_result figure .iklips{bottom:-20%}#main_result figure .hub{width:8%;left:4%}#main_result figure .charger{width:7.5%;left:15.5%}#main_result figure .iklips{width:10.5%;left:25%}#main_result figure .thunder{width:13.4771%;left:auto;right:19%;bottom:-27%}#main_result figure .doctor{width:13%;left:auto;right:4%}#main_result.is-animated figure .title{-webkit-animation-delay:0s;-webkit-animation-duration:.8s;-webkit-animation-name:scaleFadeInUp;-webkit-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.8s;-moz-animation-name:scaleFadeInUp;-moz-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.8s;-o-animation-name:scaleFadeInUp;-o-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.8s;animation-name:scaleFadeInUp;animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);animation-iteration-count:1;animation-fill-mode:forwards}#main_result.is-animated figure .title-container{-webkit-animation-delay:.4s;-webkit-animation-duration:.8s;-webkit-animation-name:scaleFadeInUp;-webkit-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.4s;-moz-animation-duration:.8s;-moz-animation-name:scaleFadeInUp;-moz-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:.4s;-o-animation-duration:.8s;-o-animation-name:scaleFadeInUp;-o-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:.4s;animation-duration:.8s;animation-name:scaleFadeInUp;animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);animation-iteration-count:1;animation-fill-mode:forwards}#main_result.is-animated figure .godness{-webkit-animation-delay:.1s;-webkit-animation-duration:.8s;-webkit-animation-name:scaleFadeInUp;-webkit-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.1s;-moz-animation-duration:.8s;-moz-animation-name:scaleFadeInUp;-moz-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:.1s;-o-animation-duration:.8s;-o-animation-name:scaleFadeInUp;-o-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:.1s;animation-duration:.8s;animation-name:scaleFadeInUp;animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);animation-iteration-count:1;animation-fill-mode:forwards}#main_result.is-animated figure .hub{-webkit-animation-delay:.3s;-webkit-animation-duration:.8s;-webkit-animation-name:scaleFadeInUp;-webkit-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.3s;-moz-animation-duration:.8s;-moz-animation-name:scaleFadeInUp;-moz-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:.3s;-o-animation-duration:.8s;-o-animation-name:scaleFadeInUp;-o-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:.3s;animation-duration:.8s;animation-name:scaleFadeInUp;animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);animation-iteration-count:1;animation-fill-mode:forwards}#main_result.is-animated figure .charger{-webkit-animation-delay:.25s;-webkit-animation-duration:.8s;-webkit-animation-name:scaleFadeInUp;-webkit-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.25s;-moz-animation-duration:.8s;-moz-animation-name:scaleFadeInUp;-moz-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:.25s;-o-animation-duration:.8s;-o-animation-name:scaleFadeInUp;-o-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:.25s;animation-duration:.8s;animation-name:scaleFadeInUp;animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);animation-iteration-count:1;animation-fill-mode:forwards}#main_result.is-animated figure .iklips{-webkit-animation-delay:.25s;-webkit-animation-duration:.8s;-webkit-animation-name:scaleFadeInUp;-webkit-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.25s;-moz-animation-duration:.8s;-moz-animation-name:scaleFadeInUp;-moz-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:.25s;-o-animation-duration:.8s;-o-animation-name:scaleFadeInUp;-o-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:.25s;animation-duration:.8s;animation-name:scaleFadeInUp;animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);animation-iteration-count:1;animation-fill-mode:forwards}#main_result.is-animated figure .thunder{-webkit-animation-delay:.25s;-webkit-animation-duration:.8s;-webkit-animation-name:scaleFadeInUp;-webkit-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.25s;-moz-animation-duration:.8s;-moz-animation-name:scaleFadeInUp;-moz-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:.25s;-o-animation-duration:.8s;-o-animation-name:scaleFadeInUp;-o-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:.25s;animation-duration:.8s;animation-name:scaleFadeInUp;animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);animation-iteration-count:1;animation-fill-mode:forwards}#main_result.is-animated figure .doctor{-webkit-animation-delay:.3s;-webkit-animation-duration:.8s;-webkit-animation-name:scaleFadeInUp;-webkit-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.3s;-moz-animation-duration:.8s;-moz-animation-name:scaleFadeInUp;-moz-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:.3s;-o-animation-duration:.8s;-o-animation-name:scaleFadeInUp;-o-animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:.3s;animation-duration:.8s;animation-name:scaleFadeInUp;animation-timing-function:cubic-bezier(0.2, 0.89, 0.61, 0.99);animation-iteration-count:1;animation-fill-mode:forwards}#main_result .btn-container{margin-top:12%;font-size:1.5em}#main_result .btn-container .btn{background:#0086B6}#main_result .btn-container .btn-shop{background:#FF394C}@media screen and (max-width: 1280px){#top,#main_result{background-size:60% auto}#top figure,#main_result figure{width:60%;padding-bottom:30%}#top ul,#main_result ul{width:80%;margin:0 auto}#main_result .btn{font-size:1.25em}}@media screen and (max-width: 1024px){#top,#main_result{margin-top:52px}#main_result h2{font-size:2em}#main_result h3{font-size:1.5em}#main_result .btn{font-size:1em}}@media screen and (max-width: 1024px) and (orientation: portrait), screen and (max-width: 1023px){#top figure,#main_result figure{margin-bottom:10%}#top ul,#main_result ul{flex-wrap:wrap;padding-top:1em}#top li,#main_result li{width:80%;max-width:320px;margin:0 auto 1em}#top li img,#main_result li img{width:100%}}@media screen and (max-width: 768px){#top,#main_result{min-height:0;background-size:80% auto;background-position:center 52px}#top figure,#main_result figure{width:80%;padding-bottom:42%}#top figure .title,#main_result figure .title{width:62%}#top figure .hub,#main_result figure .hub,#top figure .iklips,#main_result figure .iklips{bottom:-10%}#top figure .hub,#main_result figure .hub{left:10%}#top figure .thunder,#main_result figure .thunder{left:22%}#top figure .charger,#main_result figure .charger{right:22%}#top figure .iklips,#main_result figure .iklips{right:3%}#main_result{min-height:100vh}#main_result figure .title{width:62%}#main_result figure .hub,#main_result figure .iklips{left:29%;bottom:-15%}#main_result figure .hub{left:15%}#main_result figure .thunder{left:auto;right:27%;bottom:-32%}#main_result figure .charger{right:auto;left:23%;bottom:-22%}#main_result figure .iklips{right:auto}#main_result figure .doctor{bottom:-14%;right:19%}#main_result .btn-container{margin-top:20%}}@media screen and (max-width: 480px){#top,#main_result{margin-top:45px;background-position:center 45px}#main_result figure{width:100%;padding-bottom:65%}#main_result .btn-container{max-width:400px;margin:25% auto 0}}#intro{position:relative;overflow:hidden}#intro .panel{width:100%;height:120vh;position:relative;overflow:hidden}#intro .panel.panel-1{display:flex;flex-direction:column;justify-content:center;padding-bottom:10%;background:#20537B}#intro .panel.panel-1 .front{width:100%;height:100%;position:absolute;top:0;left:0}#intro .panel.panel-1 .front>img{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-animation-delay:0s;-webkit-animation-duration:3s;-webkit-animation-name:float;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-delay:0s;-moz-animation-duration:3s;-moz-animation-name:float;-moz-animation-timing-function:ease;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;-o-animation-delay:0s;-o-animation-duration:3s;-o-animation-name:float;-o-animation-timing-function:ease;-o-animation-iteration-count:infinite;-o-animation-fill-mode:both;animation-delay:0s;animation-duration:3s;animation-name:float;animation-timing-function:ease;animation-iteration-count:infinite;animation-fill-mode:both}#intro .panel.panel-1 .front>img:nth-child(1){-webkit-animation-delay:-2s;-moz-animation-delay:-2s;-ms-animation-delay:-2s;-o-animation-delay:-2s;animation-delay:-2s}#intro .panel.panel-1 .front>img:nth-child(2){-webkit-animation-delay:-1s;-moz-animation-delay:-1s;-ms-animation-delay:-1s;-o-animation-delay:-1s;animation-delay:-1s}#intro .panel.panel-1 .front>img:nth-child(3){-webkit-animation-delay:-3s;-moz-animation-delay:-3s;-ms-animation-delay:-3s;-o-animation-delay:-3s;animation-delay:-3s}#intro .panel.panel-1 .front>img:nth-child(4){-webkit-animation-delay:-1.5s;-moz-animation-delay:-1.5s;-ms-animation-delay:-1.5s;-o-animation-delay:-1.5s;animation-delay:-1.5s}#intro .panel.panel-1 .back{width:auto !important;height:auto !important}#intro .panel.panel-1 .back>img{margin:auto}#intro .panel.panel-1 .content{width:70%;max-width:720px;margin:0 auto;background:center no-repeat;background-size:contain;position:relative;z-index:2}#intro .panel.panel-1 .content img{width:25%;margin-right:3%}#intro .panel.panel-1 .content p{width:72%}#intro .panel.panel-2{background:#101B30;display:flex;flex-direction:column;justify-content:center}#intro .panel.panel-2 img{max-height:none}#intro .panel.panel-2 figure{width:72%;margin-left:0}#intro .panel.panel-2 .back{width:100% !important;height:100% !important;position:absolute;top:0;left:0 !important}#intro .panel.panel-2 .back>img{width:100%;position:absolute;top:0;right:0;bottom:-4%;left:0;margin:auto}#intro .panel.panel-2 .content{width:75%;position:relative;z-index:2}#intro .panel.panel-2 .content p{font-size:1.25em;line-height:2}#intro .panel.panel-3{background:#E73A43;display:flex;flex-direction:column;justify-content:center;padding-bottom:10%}#intro .panel.panel-3 .back{width:auto !important;height:auto !important;position:relative;z-index:2}#intro .panel.panel-3 .back>img{margin:auto}#intro .panel.panel-3 .front{width:100%;height:100%;position:absolute;top:5%;left:0}#intro .panel.panel-3 .front>img{margin:auto}#intro .panel.panel-3 .content{width:70%;max-width:640px;margin:0 auto;background:center no-repeat;background-size:contain;position:relative;z-index:2}#intro .panel.panel-3 .content img{width:7%;margin:0 5% 0 2%}#intro .panel.panel-3 .content p{width:85%}#intro .panel.panel-4{background:#FFA800;position:relative;z-index:2}#intro .panel.panel-4 .back{width:auto !important;height:auto !important;position:relative;z-index:2}#intro .panel.panel-4 .back>img{margin:auto}#intro .panel.panel-4 .front{width:100%;height:100%;position:absolute;top:5%;left:0}#intro .panel.panel-4 .front>img{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}#intro .panel.panel-4 .content{width:70%;max-width:800px;margin:0 auto;background:center no-repeat;background-size:contain;position:relative;z-index:2}#intro .panel.panel-4 .content img{width:7%;margin:0 5% 0 2%}#intro .panel.panel-4 .content p{width:85%}#intro figure{width:66.0416%;height:0;padding-bottom:32.3958%;margin:0 auto;position:relative}#intro .content{font-size:1.5em;padding:2em 1em 2em 1.5em}#intro .skip{font-size:1.5em;position:fixed;bottom:0;left:0;right:0;margin:0 auto 1em;-moz-transition:transform 0.25s ease;-o-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;transition:transform 0.25s ease;z-index:3}#intro .skip:hover{-moz-transform:translate(0, -5px);-o-transform:translate(0, -5px);-ms-transform:translate(0, -5px);-webkit-transform:translate(0, -5px);transform:translate(0, -5px)}#intro .skip:active{-moz-transform:translate(0, -3px);-o-transform:translate(0, -3px);-ms-transform:translate(0, -3px);-webkit-transform:translate(0, -3px);transform:translate(0, -3px)}@media screen and (max-width: 1440px){#intro .content{font-size:1.25em}}@media screen and (max-width: 1280px){#intro .panel.panel-2 figure{width:80%}#intro .panel.panel-2 .content p{font-size:1.125em}}@media screen and (max-width: 1024px) and (orientation: portrait), screen and (max-width: 1023px){#intro figure{width:80%;padding-bottom:40%}}@media screen and (max-width: 768px){#intro figure{width:90%;padding-bottom:45%}#intro .content p{width:100% !important;font-weight:300 !important;font-size:1.25em;line-height:1.75;margin:1em 0}#intro .panel{padding:4em 0;height:auto}#intro .panel figure{width:100% !important;height:auto;padding-bottom:0}#intro .panel.panel-1 figure img{width:120% !important;max-width:none;margin-left:-10% !important}#intro .panel.panel-1 .front{top:-20%}#intro .panel.panel-1 .content{max-width:460px;padding:1em 2em}#intro .panel.panel-1 .content img{width:100%}#intro .panel.panel-2 .back{height:auto !important;position:relative}#intro .panel.panel-2 .back>img{width:120%;max-width:none;margin:0 auto;margin-left:-45%}#intro .panel.panel-2 .back .light{position:relative}#intro .panel.panel-2 .content{width:100%}#intro .panel.panel-3{padding-top:8em}#intro .panel.panel-3 figure{display:flex;flex-direction:column-reverse}#intro .panel.panel-3 figure img{width:120% !important;max-width:none;margin-left:-10% !important}#intro .panel.panel-3 .front{top:-15%}#intro .panel.panel-3 .front img{width:230% !important;max-height:none;margin-left:-65% !important}#intro .panel.panel-3 .back{position:relative;margin-top:15%}#intro .panel.panel-3 .content{max-width:460px;padding:1em 2em}#intro .panel.panel-3 .content img{width:100%}#intro .panel.panel-4 figure{display:flex;flex-direction:column-reverse}#intro .panel.panel-4 figure img{width:120% !important;max-width:none;margin-left:-10% !important}#intro .panel.panel-4 .front{top:-15%}#intro .panel.panel-4 .front img{width:180% !important;max-height:none;margin-left:-40% !important}#intro .panel.panel-4 .back{position:relative;top:15%}#intro .panel.panel-4 .content{max-width:460px;padding:1em 2em}#intro .panel.panel-4 .content img{width:100%}}@media screen and (max-width: 480px){#intro .content{width:80% !important;padding:1em 0 1em .5em !important;margin:0 auto !important}#intro .content p{font-size:.9em}#intro .panel.panel-1 .content img{width:90% !important;margin:0 auto !important}#intro .panel.panel-2 .content p{font-size:.9em}}#event_intro{background:#B5E9FF;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;width:100%;min-height:100vh;padding:3em 0;position:relative;z-index:4}#event_intro .owl-stage{display:flex;flex-wrap:nowrap}#event_intro .card{height:100%}#event_intro .item{height:100%;padding:1em}#event_intro .item.item-1 .frame:after{background:#BAE1E9}#event_intro .item.item-1 .frame .content{background:#BAE1E9}#event_intro .item.item-1 header{background:#00587D}#event_intro .item.item-1 .content>li:last-child img{margin-top:1.25em;margin-bottom:-1.25em}#event_intro .item.item-2 .frame:after{background:#FFD5C3}#event_intro .item.item-2 .frame .content{background:#FFD5C3}#event_intro .item.item-2 header{background:#DD6161}#event_intro .item.item-2 .content>li img{margin-top:1.25em;margin-bottom:-1.25em}#event_intro .item.item-3 .frame:after{background:#FFC634}#event_intro .item.item-3 .frame .content{background:#FFC634}#event_intro .item.item-3 header{background:#EB8D00}#event_intro .item.item-3 .content{padding-bottom:0}#event_intro .item.item-3 .content>li:last-child{padding-bottom:0;border-bottom:none}#event_intro .item.item-3 .content h3{margin-bottom:-2em}#event_intro .frame{height:100%;background:black;border:2px solid black;box-shadow:0 0 1em 0 rgba(0,0,0,0.5);border-radius:1em;position:relative;z-index:2;overflow:hidden}#event_intro .frame:after{content:'';display:block;width:100%;height:10em;position:absolute;bottom:0;left:0;z-index:-1}#event_intro .frame header{width:100%;font-size:.75em;padding:1.75em .5em .75em;background:#4D4D4D;border-top-left-radius:1em;border-top-right-radius:1em;border-bottom:2px solid black;position:relative}#event_intro .frame header h2{color:white;font-weight:700}#event_intro .frame header .light{display:flex;align-items:center;position:absolute;left:1em;top:.75em}#event_intro .frame header .light span{display:inline-block;width:1em;height:1em;border-radius:1em;border:1px solid rgba(0,0,0,0.75);margin:0 .125em}#event_intro .frame header .light span:nth-child(1){background:#FF394C}#event_intro .frame header .light span:nth-child(2){background:#FFC700}#event_intro .frame header .light span:nth-child(3){background:#00E07A}#event_intro .content{padding:0 1.5em 1.5em}#event_intro .content>li{padding:1em 0;border-bottom:1px solid black}#event_intro .content h3{display:flex;align-items:center;font-size:1.75em;font-weight:700;letter-spacing:.018em;margin-bottom:0}#event_intro .content h3 span{font-family:"Noto Sans TC","Microsoft Jhenghei",sans-serif;font-size:1.5em;display:block;padding-right:.25em;margin-right:auto;margin-top:-.1em;margin-bottom:.1em}#event_intro .content p{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:5em;text-align:center;line-height:1.5;margin-top:1em}#event_intro .content img{margin:0 auto}#game_lobby{background:#B5E9FF;padding:3em 0;position:relative;z-index:4}#game_lobby figure{width:80%;max-width:1250px;margin:0 auto}#game_lobby figure .title{width:34.08%;margin:-11% auto 0}#game_lobby .container{padding:1em 5%;background:#174d64;text-align:center;margin:-1px 0}#game_lobby .container li{padding:0 1em}#game_lobby .container li.active .box{position:relative}#game_lobby .container li.active .box:before{content:'';display:block;width:35%;height:0;padding-bottom:35%;background:url(../img/lobby/check.svg) center no-repeat;background-size:contain;position:absolute;top:-10%;right:-10%}#game_lobby .container .box{display:block;padding:1em .5em;background:#FFF6C5;border-radius:20%;border:3px solid black;box-shadow:8px 8px 0 0 black;-moz-transition:transform 0.25s ease,box-shadow 0.25s ease;-o-transition:transform 0.25s ease,box-shadow 0.25s ease;-webkit-transition:transform 0.25s ease,box-shadow 0.25s ease;transition:transform 0.25s ease,box-shadow 0.25s ease}#game_lobby .container .box>img{width:50%;margin:0 auto .5em}#game_lobby .container .box:hover{box-shadow:8px 13px 0 0 black;-moz-transform:translate(0, -5px);-o-transform:translate(0, -5px);-ms-transform:translate(0, -5px);-webkit-transform:translate(0, -5px);transform:translate(0, -5px)}#game_lobby .container .box:active{box-shadow:8px 8px 0 0 black;-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}#game_lobby .container p{font-size:1.35em;font-weight:600;margin-bottom:.5em}#game_lobby .battery-container{position:relative}#game_lobby .battery-container img{width:90%;margin:0 auto;position:relative;z-index:2}#game_lobby .battery-container .progress{width:0;max-width:84%;height:calc(100% - 2px);background:#00FF94;border-radius:18%;position:absolute;top:0;bottom:0;left:5%;right:5%;margin:auto 0;-moz-transition:width 0.4s ease;-o-transition:width 0.4s ease;-webkit-transition:width 0.4s ease;transition:width 0.4s ease}@media screen and (max-width: 1440px){#event_intro .frame header h2{font-size:2.5em}#event_intro .content h3{font-size:1.25em}}@media screen and (max-width: 1280px){#game_lobby .container{padding-left:3%;padding-right:3%}#game_lobby .container p{font-size:1.25em}#event_intro .frame header h2{font-size:2.5em}#event_intro .content{padding-left:1em;padding-right:1em}#event_intro .content h3{font-size:1.5em}}@media screen and (max-width: 1024px){#game_lobby .container li{padding:0 .65em}#event_intro .frame header h2{font-size:2em}#event_intro .content h3{font-size:1.25em}}@media screen and (max-width: 1024px) and (orientation: portrait), screen and (max-width: 1023px){#game_lobby .container ul{flex-wrap:wrap;justify-content:center}#game_lobby .container li{width:33.3333%;max-width:15em;margin-bottom:2em;border-radius:2em}}@media screen and (max-width: 1023px){#event_intro .container{max-width:400px}#event_intro .frame{height:auto}#event_intro .frame header h2{font-size:3em}#event_intro .content{padding-left:1.5em;padding-right:1.5em}#event_intro .content h3{font-size:1.5em}#event_intro .owl-nav{display:flex;align-items:center;width:calc(100% + 4em);height:4em;position:absolute;top:0;bottom:0;margin:auto -2em;pointer-events:none}#event_intro .owl-nav .owl-prev,#event_intro .owl-nav .owl-next{width:4em;height:4em;background:url(../img/sale/arrow-right.svg) center no-repeat;background-size:contain;pointer-events:all}#event_intro .owl-nav .owl-prev{-moz-transform:scale(-1, 1);-o-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-webkit-transform:scale(-1, 1);transform:scale(-1, 1);margin-right:auto}#event_intro .owl-nav .owl-next{margin-left:auto}#event_intro .owl-nav .disabled{display:none}}@media screen and (max-width: 768px){#game_lobby figure .title{width:50%;margin-bottom:-5%}#game_lobby .container{padding-top:10%}#game_lobby .container li{padding:0 1em}}@media screen and (max-width: 620px){#game_lobby .container li{width:50%}}@media screen and (max-width: 480px){#game_lobby .container li{padding:0 .5em}#game_lobby .container p{font-size:1.35em;margin-bottom:0}#event_intro .owl-nav{width:calc(100% + 5em);margin:auto -2.5em}}#game_quiz{background:#3F67A3;position:relative;z-index:5}#game_quiz .panel{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;width:100%;min-height:100vh;padding:2em 0}#game_quiz .panel-start{background:#3F67A3}#game_quiz .panel-start .container{width:80%;max-width:800px;margin:0 auto}#game_quiz .panel-start .title-container{padding-right:2em}#game_quiz .panel-start h2{font-size:3.125em;font-weight:900;letter-spacing:.15em;line-height:1.65;color:white;padding-left:.75em;margin-bottom:.75em}#game_quiz .panel-start h2 .color-primary-light{color:#88FFC6}#game_quiz .panel-start h3{font-size:2.375em;font-weight:500;letter-spacing:0;margin-bottom:1.5em}#game_quiz .panel-start h3 span{display:inline-block;background:#FFFBD3;padding:1em 1em;border-radius:2em}#game_quiz .panel-start .btn{min-width:0;font-size:3.125em;padding:.5em 1.5em;border-radius:.65em;background:#FF394C;border:3px solid white}#game_quiz .quiz-1.is-locked input,#game_quiz .quiz-1.is-locked label,#game_quiz .quiz-2.is-locked input,#game_quiz .quiz-2.is-locked label,#game_quiz .quiz-3.is-locked input,#game_quiz .quiz-3.is-locked label{pointer-events:none}#game_quiz .quiz-1 .title-container,#game_quiz .quiz-2 .title-container,#game_quiz .quiz-3 .title-container{margin-bottom:1.5em}#game_quiz .quiz-1 .title-container img,#game_quiz .quiz-2 .title-container img,#game_quiz .quiz-3 .title-container img{flex-shrink:0}#game_quiz .quiz-1 .title-container h3,#game_quiz .quiz-2 .title-container h3,#game_quiz .quiz-3 .title-container h3{font-size:2em;font-weight:700;line-height:1.4;letter-spacing:.1em;color:white;margin-bottom:0}#game_quiz .quiz-1 li,#game_quiz .quiz-2 li,#game_quiz .quiz-3 li{width:calc(33.3333% - 1.25em)}#game_quiz .quiz-1 label,#game_quiz .quiz-2 label,#game_quiz .quiz-3 label{display:flex;flex-direction:column;width:100%;height:100%;padding:0;margin:0 0 1.5em;text-align:center;position:relative;z-index:2}#game_quiz .quiz-1 label:before,#game_quiz .quiz-1 label:after,#game_quiz .quiz-2 label:before,#game_quiz .quiz-2 label:after,#game_quiz .quiz-3 label:before,#game_quiz .quiz-3 label:after{display:none}#game_quiz .quiz-1 label img,#game_quiz .quiz-2 label img,#game_quiz .quiz-3 label img{width:82%;margin:0 auto;position:relative;z-index:2;-moz-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-moz-transition:transform 0.25s ease;-o-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;transition:transform 0.25s ease}#game_quiz .quiz-1 label:hover img,#game_quiz .quiz-2 label:hover img,#game_quiz .quiz-3 label:hover img{-moz-transform:translate(0, -5px);-o-transform:translate(0, -5px);-ms-transform:translate(0, -5px);-webkit-transform:translate(0, -5px);transform:translate(0, -5px)}#game_quiz .quiz-1 .content,#game_quiz .quiz-2 .content,#game_quiz .quiz-3 .content{height:100%;margin-top:-5em;padding:5em 1.5em 1em;background:#FFF6C5;border-radius:1.5em;-moz-transition:background 0.25s ease;-o-transition:background 0.25s ease;-webkit-transition:background 0.25s ease;transition:background 0.25s ease;position:relative}#game_quiz .quiz-1 .content:before,#game_quiz .quiz-2 .content:before,#game_quiz .quiz-3 .content:before{content:'';display:block;outline:3px solid white;border-radius:inherit;width:calc(100% + .5em);height:calc(100% + .5em);margin-left:-.25em;margin-top:-.25em;position:absolute;top:0;left:0;-moz-transform:scale(.5, .5);-o-transform:scale(.5, .5);-ms-transform:scale(.5, .5);-webkit-transform:scale(.5, .5);transform:scale(.5, .5);-moz-transition:transform 0.25s ease;-o-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;transition:transform 0.25s ease;z-index:-1}#game_quiz .quiz-1 .content p,#game_quiz .quiz-2 .content p,#game_quiz .quiz-3 .content p{font-size:1.5em;font-weight:500;line-height:1.6;margin-bottom:.125em}#game_quiz .quiz-1 input:checked+label .content,#game_quiz .quiz-2 input:checked+label .content,#game_quiz .quiz-3 input:checked+label .content{background:#88FFC6}#game_quiz .quiz-1 input:checked+label .content:before,#game_quiz .quiz-2 input:checked+label .content:before,#game_quiz .quiz-3 input:checked+label .content:before{-moz-transform:scale(1, 1);-o-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}#game_quiz .quiz-1 .btn-next,#game_quiz .quiz-1 .btn-result,#game_quiz .quiz-2 .btn-next,#game_quiz .quiz-2 .btn-result,#game_quiz .quiz-3 .btn-next,#game_quiz .quiz-3 .btn-result{width:100%;font-size:3.125em;font-weight:500;letter-spacing:.1em;text-align:center;padding:.25em 1.5em;margin-top:1em;color:white;border-radius:.65em;border:3px solid white;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}#game_quiz .quiz-1 .btn-next:hover,#game_quiz .quiz-1 .btn-result:hover,#game_quiz .quiz-2 .btn-next:hover,#game_quiz .quiz-2 .btn-result:hover,#game_quiz .quiz-3 .btn-next:hover,#game_quiz .quiz-3 .btn-result:hover{-moz-transform:translate(0, -5px);-o-transform:translate(0, -5px);-ms-transform:translate(0, -5px);-webkit-transform:translate(0, -5px);transform:translate(0, -5px)}#game_quiz .quiz-1 .btn-next:active,#game_quiz .quiz-1 .btn-result:active,#game_quiz .quiz-2 .btn-next:active,#game_quiz .quiz-2 .btn-result:active,#game_quiz .quiz-3 .btn-next:active,#game_quiz .quiz-3 .btn-result:active{-moz-transform:translate(0, -3px);-o-transform:translate(0, -3px);-ms-transform:translate(0, -3px);-webkit-transform:translate(0, -3px);transform:translate(0, -3px)}#game_quiz .quiz-1{background:#49AB99}#game_quiz .quiz-1 .title-container img{width:25em}#game_quiz .quiz-2{background:#FFB061}#game_quiz .quiz-2 .title-container img{width:28.375em}#game_quiz .quiz-2 .title-container h3{padding-left:1em}#game_quiz .quiz-3{background:#FF726A}#game_quiz .quiz-3 .title-container img{width:28.375em}#game_quiz .quiz-3 .title-container h3{padding-left:1em}#game_quiz .result-1 h3,#game_quiz .result-2 h3,#game_quiz .result-3 h3{font-size:2.5em}#game_quiz .result-1 .battery,#game_quiz .result-2 .battery,#game_quiz .result-3 .battery{display:inline-block;padding:.65em 1em .75em;margin-left:-.5em;border:.35em solid black;border-radius:.5em;position:relative;z-index:2}#game_quiz .result-1 .battery:after,#game_quiz .result-2 .battery:after,#game_quiz .result-3 .battery:after{content:'';display:block;width:.5em;height:2.5em;border:.35em solid black;border-radius:0 .35em .35em 0;position:absolute;left:100%;top:0;bottom:0;margin:auto 0 auto 1px}#game_quiz .result-1 .battery .progress,#game_quiz .result-2 .battery .progress,#game_quiz .result-3 .battery .progress{border-radius:.2em;height:calc(100% + 2px);position:absolute;top:0;left:0;margin:-1px;z-index:-1}#game_quiz .result-1 .battery h3,#game_quiz .result-2 .battery h3,#game_quiz .result-3 .battery h3{font-family:"Noto Sans TC","Microsoft Jhenghei",sans-serif;font-weight:900;line-height:1;margin-bottom:.15em}#game_quiz .result-1 .battery h3 span,#game_quiz .result-2 .battery h3 span,#game_quiz .result-3 .battery h3 span{font-size:1.125em;letter-spacing:0}#game_quiz .result-1 .title,#game_quiz .result-2 .title,#game_quiz .result-3 .title{font-weight:700;line-height:1;letter-spacing:0;margin:1em 0}#game_quiz .result-1 p,#game_quiz .result-2 p,#game_quiz .result-3 p{font-size:1.25em;font-weight:400;line-height:1.75}#game_quiz .result-1{background:#134550}#game_quiz .result-2 .battery .progress,#game_quiz .result-3 .battery .progress{border-top-right-radius:0;border-bottom-right-radius:0}#game_quiz .result-2{background:#FFA54C}#game_quiz .result-3{background:#DA898D}#game_quiz .result-3 p{padding:0 2em}@media screen and (min-width: 2560px){#game_quiz .panel-start .container{max-width:1000px}}@media screen and (max-width: 1440px){#game_quiz .panel-start h3{font-size:1.5em}#game_quiz .panel-start .btn{font-size:2.5em}#game_quiz .quiz-1 .title-container h3,#game_quiz .quiz-2 .title-container h3,#game_quiz .quiz-3 .title-container h3{font-size:1.5em}#game_quiz .quiz-1 label img,#game_quiz .quiz-2 label img,#game_quiz .quiz-3 label img{width:75%}#game_quiz .quiz-1 .content,#game_quiz .quiz-2 .content,#game_quiz .quiz-3 .content{padding:5em 1.5em .5em}#game_quiz .quiz-1 .content p,#game_quiz .quiz-2 .content p,#game_quiz .quiz-3 .content p{font-size:1.25em}#game_quiz .quiz-1 .btn-next,#game_quiz .quiz-1 .btn-result,#game_quiz .quiz-2 .btn-next,#game_quiz .quiz-2 .btn-result,#game_quiz .quiz-3 .btn-next,#game_quiz .quiz-3 .btn-result{font-size:2.5em}#game_quiz .quiz-1 .title-container img{width:20em}#game_quiz .quiz-2 .title-container img,#game_quiz .quiz-3 .title-container img{width:23em}}@media screen and (max-width: 1024px){#game_quiz .quiz-1 li,#game_quiz .quiz-2 li,#game_quiz .quiz-3 li{width:calc(33.3333% - .75em)}#game_quiz .result-3 p{padding:0 1em}}@media screen and (max-width: 768px){#game_quiz .panel-start .title-container{padding-right:0;flex-direction:column}#game_quiz .panel-start .title-container img{width:10em}#game_quiz .panel-start h2{padding-left:0}#game_quiz .panel-start h3 span{border-radius:.5em;border:1px solid black}#game_quiz .panel-start .btn{font-weight:500;border-width:2px;border-radius:.35em}#game_quiz .quiz-1 .title-container,#game_quiz .quiz-2 .title-container,#game_quiz .quiz-3 .title-container{flex-direction:column;margin-bottom:2em}#game_quiz .quiz-1 .title-container img,#game_quiz .quiz-2 .title-container img,#game_quiz .quiz-3 .title-container img{width:auto;margin-left:0;margin-right:auto;margin-bottom:.5em}#game_quiz .quiz-1 .title-container h3,#game_quiz .quiz-2 .title-container h3,#game_quiz .quiz-3 .title-container h3{width:100%;font-weight:500;padding-left:0}#game_quiz .quiz-1 .container,#game_quiz .quiz-2 .container,#game_quiz .quiz-3 .container{padding-left:2em}#game_quiz .quiz-1 ul,#game_quiz .quiz-2 ul,#game_quiz .quiz-3 ul{flex-direction:column}#game_quiz .quiz-1 li,#game_quiz .quiz-2 li,#game_quiz .quiz-3 li{width:100%}#game_quiz .quiz-1 label,#game_quiz .quiz-2 label,#game_quiz .quiz-3 label{display:flex;flex-wrap:wrap}#game_quiz .quiz-1 label img,#game_quiz .quiz-2 label img,#game_quiz .quiz-3 label img{width:12em;max-height:none;margin:0 -12em 0 0;position:absolute;left:-1em;top:0;bottom:0;margin:auto 0}#game_quiz .quiz-1 label .content,#game_quiz .quiz-2 label .content,#game_quiz .quiz-3 label .content{width:100%;border-radius:.75em;padding:1.5em 1em 1.5em 13em;margin-top:0;text-align:left}#game_quiz .quiz-1 label .content:before,#game_quiz .quiz-2 label .content:before,#game_quiz .quiz-3 label .content:before{border-radius:inherit}#game_quiz .quiz-1 .btn-next,#game_quiz .quiz-1 .btn-result,#game_quiz .quiz-2 .btn-next,#game_quiz .quiz-2 .btn-result,#game_quiz .quiz-3 .btn-next,#game_quiz .quiz-3 .btn-result{border-width:2px;border-radius:.35em}#game_quiz .quiz-3 .btn-result{background:#B63034}}@media screen and (max-width: 480px){#game_quiz .panel-start .title-container img{width:8em}#game_quiz .panel-start h2{font-size:2.5em}#game_quiz .panel-start h3{font-size:1.125em;margin-bottom:4em}#game_quiz .panel-start .btn{font-size:2em;padding:.25em 1.5em}#game_quiz .quiz-1 .container,#game_quiz .quiz-2 .container,#game_quiz .quiz-3 .container{padding-left:1em}#game_quiz .quiz-1 .title-container h3,#game_quiz .quiz-2 .title-container h3,#game_quiz .quiz-3 .title-container h3{font-size:1.25em}#game_quiz .quiz-1 .content p,#game_quiz .quiz-2 .content p,#game_quiz .quiz-3 .content p{font-size:1em}#game_quiz .quiz-1 label,#game_quiz .quiz-2 label,#game_quiz .quiz-3 label{margin-bottom:1em}#game_quiz .quiz-1 label img,#game_quiz .quiz-2 label img,#game_quiz .quiz-3 label img{width:9em}#game_quiz .quiz-1 label .content,#game_quiz .quiz-2 label .content,#game_quiz .quiz-3 label .content{padding-left:9em}#game_quiz .quiz-1 .btn-next,#game_quiz .quiz-1 .btn-result,#game_quiz .quiz-2 .btn-next,#game_quiz .quiz-2 .btn-result,#game_quiz .quiz-3 .btn-next,#game_quiz .quiz-3 .btn-result{font-size:2em;margin-top:.5em}#game_quiz .result-1 .battery,#game_quiz .result-2 .battery,#game_quiz .result-3 .battery{font-size:.75em}#game_quiz .result-1 .title,#game_quiz .result-2 .title,#game_quiz .result-3 .title{font-size:3em}#game_quiz .result-1 p,#game_quiz .result-2 p,#game_quiz .result-3 p{font-weight:400}#game_quiz .result-1 p.en,#game_quiz .result-2 p.en,#game_quiz .result-3 p.en{font-weight:700;font-size:1.65em;letter-spacing:0;margin-top:.5em}#game_quiz .result-1 p br,#game_quiz .result-2 p br,#game_quiz .result-3 p br{display:none}#game_quiz .result-2 .title{font-size:2.35em}#game_quiz .result-3 p{padding:0}}@media screen and (max-width: 375px){#game_quiz .quiz-1 label img,#game_quiz .quiz-2 label img,#game_quiz .quiz-3 label img{width:7em}#game_quiz .quiz-1 label .content,#game_quiz .quiz-2 label .content,#game_quiz .quiz-3 label .content{padding-left:7em}}#game_memory{background:#8CCFD4;position:relative;z-index:5}#game_memory .panel{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;width:100%;min-height:100vh;padding:2em 0}#game_memory .panel .container{width:80%;max-width:600px;position:relative;z-index:2}#game_memory .panel h3{display:inline-block;font-size:1.875em;font-weight:700;letter-spacing:0;text-align:center;background:#FFA903;padding:.35em 1em;border:3px solid black;border-radius:.75em;margin-bottom:.125em}#game_memory .panel-start{padding-top:6%}#game_memory .panel-start .board{width:calc(100% - 10px);padding:16% 3em 8%;background:#FFF6C5;border:3px solid black;border-radius:2em;margin:0 0 2em;position:relative}#game_memory .panel-start .board:before{content:'';display:block;width:calc(100% + 6px);height:calc(100% + 14px);background:#CEC684;border:inherit;border-radius:inherit;position:absolute;top:-10px;left:0;z-index:-1}#game_memory .panel-start .board:after{content:'';display:block;width:22%;height:0;padding-bottom:22%;background:url(../img/memory/frame-top.png) center top no-repeat;background-size:contain;position:absolute;top:0;left:0;right:0;margin:-14% auto 0;-moz-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}#game_memory .panel-start h2{width:39%;position:absolute;left:-4%;top:0;margin-top:-11.65%;z-index:2}#game_memory .panel-start h2 img{width:100%}#game_memory .panel-start .thunder{width:20%;position:absolute;top:0;right:0;margin-top:-11%;z-index:2}#game_memory .panel-start ul{max-width:27em;margin:0 auto}#game_memory .panel-start li{display:flex;align-items:center;font-size:1.25em;font-weight:700;padding:.5em 1em;background:white;border:1px solid black;border-radius:2em;margin:1.25em 0;position:relative;z-index:2}#game_memory .panel-start li:before,#game_memory .panel-start li:after{content:'';display:block;width:1em;height:1em;background:center no-repeat;background-size:contain;position:absolute;top:0;bottom:0;margin:auto 0;z-index:2}#game_memory .panel-start li:before{left:.75em}#game_memory .panel-start li:after{right:.75em}#game_memory .panel-start li:nth-child(1):before,#game_memory .panel-start li:nth-child(1):after{background-image:url(../img/memory/pattern-square.svg)}#game_memory .panel-start li:nth-child(2):before,#game_memory .panel-start li:nth-child(2):after{background-image:url(../img/memory/pattern-triangle.svg)}#game_memory .panel-start li:nth-child(3):before,#game_memory .panel-start li:nth-child(3):after{background-image:url(../img/memory/pattern-circle.svg)}#game_memory .panel-start li:nth-child(4):before,#game_memory .panel-start li:nth-child(4):after{background-image:url(../img/memory/pattern-apple.svg)}#game_memory .panel-start li:nth-child(5):before,#game_memory .panel-start li:nth-child(5):after{background-image:url(../img/memory/pattern-star.svg)}#game_memory .panel-start li:nth-child(6):before,#game_memory .panel-start li:nth-child(6):after{background-image:url(../img/memory/pattern-thunder.svg)}#game_memory .panel-start li strong{width:55%;font-weight:700;padding:.75em 1em .75em 2em;background:#80F6B0;border-radius:2em;border:1px solid black;margin:-1.125em 0 -1.125em -1em;position:relative}#game_memory .panel-start li strong:before{content:'';width:100%;height:100%;background:#448D77;border:inherit;border-radius:inherit;position:absolute;top:0;left:0;margin-top:-.4em;margin-left:-.4em;z-index:-1}#game_memory .panel-start li strong .txt-larger{display:block;min-width:3em;font-size:1.5em;font-weight:900;text-align:center;margin:-.25em 0}#game_memory .panel-start li>span{width:50%;text-align:center;margin-left:auto}#game_memory .panel-start .btn{width:100%;min-width:0;font-size:2.5em;padding:.35em 1.5em;border-radius:.65em;background:#FF394C;border:3px solid black}#game_memory .panel-game .container{max-width:750px}#game_memory .panel-game .title-container{width:115%;margin-left:-13%;display:flex;align-items:center;position:relative;z-index:2}#game_memory .panel-game .title-container .charger{width:22%;margin-bottom:-17%;margin-left:6%;margin-right:-6%}#game_memory .panel-game .title-container .thunder{width:16%;margin-bottom:-13%}#game_memory .panel-game .board{width:calc(100% - 10px);padding:3em;background:#FFF6C5;border:3px solid black;border-radius:2em;margin:0 0 2em auto;position:relative}#game_memory .panel-game .board:before{content:'';display:block;width:calc(100% + 6px);height:calc(100% + 2px);background:#FFF6C5;border:inherit;border-radius:inherit;position:absolute;right:0;bottom:0;z-index:-1}#game_memory .panel-game h3{border-width:4px;margin-bottom:-1.5em;background:#aaa;position:relative;overflow:hidden;z-index:2}#game_memory .panel-game h3 #memory_count{content:'';display:block;width:100%;height:100%;background:#FFA903;position:absolute;top:0;left:0;z-index:-1;-moz-transition:width 1s linear;-o-transition:width 1s linear;-webkit-transition:width 1s linear;transition:width 1s linear}#game_memory .panel-game h3 .txt{position:relative;z-index:2}#game_memory .panel-game ul{display:flex;flex-wrap:wrap;text-align:center}#game_memory .panel-game li{width:25%;height:0;padding-bottom:25%;position:relative;z-index:2;cursor:pointer;-moz-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}#game_memory .panel-game li:before{content:'';display:block;width:calc(100% - 1.75em);height:calc(100% - 1.75em);background:#E5E5E5;border:3px solid black;border-radius:1em;font-size:1.5em;font-weight:700;letter-spacing:0;line-height:1.125;position:absolute;top:-.5em;left:-.75em;right:0;bottom:0;margin:auto;-moz-transition:transform 0.25s ease;-o-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;transition:transform 0.25s ease}#game_memory .panel-game li .item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100% - 1.5em);height:calc(100% - 1.5em);background:white;border:3px solid black;border-radius:1em;font-size:1.5em;font-weight:700;letter-spacing:0;line-height:1.125;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-moz-transition:transform 0.25s ease;-o-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;transition:transform 0.25s ease}#game_memory .panel-game li .item .txt-larger{font-size:1.875em;font-weight:900}#game_memory .panel-game li .item .txt-middle{font-size:1.25em}#game_memory .panel-game li p{display:flex;flex-direction:column;justify-content:center;height:3.75em}#game_memory .panel-game li.pair:before{background:#448D77}#game_memory .panel-game li.pair .item{background:#80F6B0}#game_memory .panel-game li:hover .item{-moz-transform:translate(-0.2em, -.05em);-o-transform:translate(-0.2em, -.05em);-ms-transform:translate(-0.2em, -.05em);-webkit-transform:translate(-0.2em, -.05em);transform:translate(-0.2em, -.05em)}#game_memory .panel-game li.is-selected .item{-moz-transform:translate(-0.375em, -.25em);-o-transform:translate(-0.375em, -.25em);-ms-transform:translate(-0.375em, -.25em);-webkit-transform:translate(-0.375em, -.25em);transform:translate(-0.375em, -.25em)}#game_memory .panel-game li[data-matched="true"]{pointer-events:none}#game_memory .panel-game li[data-matched="true"] .item{background:#D8D8D8;color:#7C7C7C;-moz-transform:translate(-0.375em, -.25em);-o-transform:translate(-0.375em, -.25em);-ms-transform:translate(-0.375em, -.25em);-webkit-transform:translate(-0.375em, -.25em);transform:translate(-0.375em, -.25em)}#game_memory .panel-game li[data-matched="true"] .item i{opacity:.4}#game_memory .panel-game i{width:1.4em;height:1.4em;margin:.5em auto 0;background:center no-repeat;background-size:contain}#game_memory .panel-game i.pattern-square{background-image:url(../img/memory/pattern-square.svg)}#game_memory .panel-game i.pattern-triangle{background-image:url(../img/memory/pattern-triangle.svg)}#game_memory .panel-game i.pattern-circle{background-image:url(../img/memory/pattern-circle.svg)}#game_memory .panel-game i.pattern-apple{background-image:url(../img/memory/pattern-apple.svg)}#game_memory .panel-game i.pattern-star{background-image:url(../img/memory/pattern-star.svg)}#game_memory .panel-game i.pattern-thunder{background-image:url(../img/memory/pattern-thunder.svg)}#game_memory .result-success,#game_memory .result-failed{background:#8CCFD4;flex-direction:column}#game_memory .result-success .title-container,#game_memory .result-failed .title-container{width:80%;max-width:600px;margin:0 5% -2.25% 0;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}#game_memory .result-success .title-container .charger,#game_memory .result-failed .title-container .charger{width:22%;margin-bottom:-17%;margin-left:6%;margin-right:-6%}#game_memory .result-success .title-container .thunder,#game_memory .result-failed .title-container .thunder{width:16%;margin-bottom:-13%}#game_memory .result-success .content,#game_memory .result-failed .content{font-size:1rem;padding:5em 0 1em}#game_memory .result-success .content h2,#game_memory .result-failed .content h2{font-size:3.75em;font-weight:700;letter-spacing:.1em;padding-left:.5em}#game_memory .result-success .content p,#game_memory .result-failed .content p{font-size:6.25em;font-weight:900;color:#32EB92;padding-left:.5em}#game_memory .result-failed .popup-container{background:#D8D8D8}#game_memory .result-failed .content p{color:#E73A43}@media screen and (min-width: 2000px){#game_memory .panel-start .container{max-width:800px}}@media screen and (max-width: 1440px){#game_memory .panel-start{padding-top:8%}#game_memory .panel-start .board{padding-bottom:5%}#game_memory .result-success .title-container,#game_memory .result-failed .title-container{max-width:450px}#game_memory .result-success .content,#game_memory .result-failed .content{padding-top:3em}#game_memory .result-success .content h2,#game_memory .result-failed .content h2{font-size:3em}#game_memory .result-success .content p,#game_memory .result-failed .content p{font-size:5.75em}}@media screen and (max-width: 1024px){#game_memory .panel-start{padding-top:12%}#game_memory .panel-game{padding-top:4em}#game_memory .panel-game .title-container{width:100%;margin-left:0}#game_memory .panel-game .title-container .charger{margin-left:0}#game_memory .panel-game .title-container .title{width:70%}#game_memory .panel-game li:before,#game_memory .panel-game li .item{font-size:1.25em}#game_memory .result-success .content,#game_memory .result-failed .content{padding:4em 0 1em}#game_memory .result-success .content h2,#game_memory .result-failed .content h2{font-size:2.75em}#game_memory .result-success .content p,#game_memory .result-failed .content p{font-size:5em}}@media screen and (max-width: 768px){#game_memory .panel-start{padding-top:3em}#game_memory .panel-start .container{padding-left:2em}#game_memory .panel-start .title-container{display:flex;align-items:center;justify-content:space-between}#game_memory .panel-start h2{left:0;margin-top:0;margin-bottom:1em;position:relative}#game_memory .panel-start .thunder{width:15%;margin-top:0;position:relative}#game_memory .panel-start .board{padding:3em 2em 1em}#game_memory .panel-game .title-container .title,#game_memory .result-success .title-container .title,#game_memory .result-failed .title-container .title{width:80%;margin:0 auto 2em}#game_memory .panel-game .sub-title-container,#game_memory .result-success .sub-title-container,#game_memory .result-failed .sub-title-container{display:flex !important;align-items:center;justify-content:center}#game_memory .panel-game .sub-title-container .charger,#game_memory .result-success .sub-title-container .charger,#game_memory .result-failed .sub-title-container .charger{width:17%;margin-top:-5%;position:relative;z-index:3}#game_memory .panel-game .sub-title-container .thunder,#game_memory .result-success .sub-title-container .thunder,#game_memory .result-failed .sub-title-container .thunder{width:11%;margin-top:-5%;position:relative;z-index:3}#game_memory .panel-game .sub-title-container h3,#game_memory .result-success .sub-title-container h3,#game_memory .result-failed .sub-title-container h3{margin-bottom:1em;padding-left:2em;padding-right:2em;margin-left:-2em;margin-right:-1em}#game_memory .panel-game li{width:33.3333%;padding-bottom:33.3333%}#game_memory .panel-game li:before{width:calc(100% - 1.25em);height:calc(100% - 1.25em)}#game_memory .panel-game li .item{width:calc(100% - 1em);height:calc(100% - 1em)}#game_memory .result-success .title-container,#game_memory .result-failed .title-container{width:72%;margin:0 auto 1.5%}#game_memory .result-success .title-container .title,#game_memory .result-failed .title-container .title{width:100%}#game_memory .result-success .sub-title-container,#game_memory .result-failed .sub-title-container{width:72%}#game_memory .result-success .content,#game_memory .result-failed .content{padding:4em 0 1em}#game_memory .result-success .content h2,#game_memory .result-failed .content h2{font-size:2.75em}#game_memory .result-success .content p,#game_memory .result-failed .content p{font-size:5em}}@media screen and (max-width: 620px){#game_memory .panel .board{border-width:3px;padding:3em 2em 1em}#game_memory .panel h3{font-size:1.5em;border-width:2px}#game_memory .panel-start ul{max-width:20.5em}#game_memory .panel-start li{font-size:1em}#game_memory .panel-start li strong{width:60%}#game_memory .panel-game li:before{width:calc(100% - 1.25em);height:calc(100% - 1.25em)}#game_memory .panel-game li .item{width:calc(100% - 1em);height:calc(100% - 1em)}}@media screen and (max-width: 480px){#game_memory .panel .board{border-width:2px;padding:3em .75em 1em}#game_memory .panel h3{width:100%;max-width:16.5em;font-size:1.25em;border-radius:2em;margin-bottom:.5em}#game_memory .panel-start .container{padding-left:1em}#game_memory .panel-start .board:after{width:7em;height:7em;margin-top:-4.5em}#game_memory .panel-start h2{width:50%}#game_memory .panel-start .thunder{width:25%}#game_memory .panel-start li{margin:1.5em 0}#game_memory .panel-start li>span{width:43%}#game_memory .panel-start .btn{font-size:2em}#game_memory .panel-game .board{padding-top:1.5em}#game_memory .panel-game li:before{font-size:1em;width:calc(100% - 1em);height:calc(100% - 1em);border-width:2px}#game_memory .panel-game li .item{font-size:1em;width:calc(100% - .75em);height:calc(100% - .75em);border-width:2px}#game_memory .result-success .content,#game_memory .result-failed .content{padding:0}#game_memory .result-success .content p,#game_memory .result-failed .content p{font-size:4em;padding-left:0}}#game_drag{background:#FFCAA4;position:relative;z-index:5}#game_drag .panel{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;width:100%;min-height:100vh;padding:2em 0}#game_drag .panel .container{width:80%;max-width:800px;position:relative;z-index:2}#game_drag .panel-start{position:relative}#game_drag .panel-start .container{position:relative;padding:1% 0 5%}#game_drag .panel-start .container.is-animated figure .phone{-webkit-animation-delay:0s;-webkit-animation-duration:.4s;-webkit-animation-name:zoomInPop;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.4s;-moz-animation-name:zoomInPop;-moz-animation-timing-function:linear;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.4s;-o-animation-name:zoomInPop;-o-animation-timing-function:linear;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.4s;animation-name:zoomInPop;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards}#game_drag .panel-start .container.is-animated figure .window{-webkit-animation-delay:1s;-webkit-animation-duration:2s;-webkit-animation-name:window;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;-moz-animation-delay:1s;-moz-animation-duration:2s;-moz-animation-name:window;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:forwards;-o-animation-delay:1s;-o-animation-duration:2s;-o-animation-name:window;-o-animation-timing-function:linear;-o-animation-iteration-count:infinite;-o-animation-fill-mode:forwards;animation-delay:1s;animation-duration:2s;animation-name:window;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards;opacity:1}#game_drag .panel-start .container.is-animated figure .photo{-moz-transform:translate(0, 0) rotate(0deg);-o-transform:translate(0, 0) rotate(0deg);-ms-transform:translate(0, 0) rotate(0deg);-webkit-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg);opacity:1}#game_drag .panel-start figure{width:95%;margin:0 auto;position:relative;overflow:hidden}#game_drag .panel-start figure img{width:100%;position:absolute;top:0;left:0;right:0;margin:0 auto;opacity:0}#game_drag .panel-start figure img:nth-child(1){position:relative}#game_drag .panel-start figure .phone,#game_drag .panel-start figure .window{width:57%;top:20%;left:-9%;-moz-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}#game_drag .panel-start figure .window{-moz-transition:opacity 0.25s 0.75s ease;-o-transition:opacity 0.25s 0.75s ease;-webkit-transition:opacity 0.25s 0.75s ease;transition:opacity 0.25s 0.75s ease}#game_drag .panel-start figure .photo-parents{-moz-transform:translate(10%, 5%) rotate(10deg);-o-transform:translate(10%, 5%) rotate(10deg);-ms-transform:translate(10%, 5%) rotate(10deg);-webkit-transform:translate(10%, 5%) rotate(10deg);transform:translate(10%, 5%) rotate(10deg);-moz-transition:all 0.6s 0.4s ease;-o-transition:all 0.6s 0.4s ease;-webkit-transition:all 0.6s 0.4s ease;transition:all 0.6s 0.4s ease}#game_drag .panel-start figure .photo-doctor{-moz-transform:translate(-2%, 15%) rotate(-5deg);-o-transform:translate(-2%, 15%) rotate(-5deg);-ms-transform:translate(-2%, 15%) rotate(-5deg);-webkit-transform:translate(-2%, 15%) rotate(-5deg);transform:translate(-2%, 15%) rotate(-5deg);-moz-transition:all 0.6s 0.6s ease;-o-transition:all 0.6s 0.6s ease;-webkit-transition:all 0.6s 0.6s ease;transition:all 0.6s 0.6s ease}#game_drag .panel-start figure .photo-family{-moz-transform:translate(-10%, 0%) rotate(5deg);-o-transform:translate(-10%, 0%) rotate(5deg);-ms-transform:translate(-10%, 0%) rotate(5deg);-webkit-transform:translate(-10%, 0%) rotate(5deg);transform:translate(-10%, 0%) rotate(5deg);-moz-transition:all 0.6s 0.65s ease;-o-transition:all 0.6s 0.65s ease;-webkit-transition:all 0.6s 0.65s ease;transition:all 0.6s 0.65s ease}#game_drag .panel-start figure .photo-friends{-moz-transform:translate(10%, -15%) rotate(-10deg);-o-transform:translate(10%, -15%) rotate(-10deg);-ms-transform:translate(10%, -15%) rotate(-10deg);-webkit-transform:translate(10%, -15%) rotate(-10deg);transform:translate(10%, -15%) rotate(-10deg);-moz-transition:all 0.6s 0.675s ease;-o-transition:all 0.6s 0.675s ease;-webkit-transition:all 0.6s 0.675s ease;transition:all 0.6s 0.675s ease}#game_drag .panel-start figure .photo-baby{-moz-transform:translate(-2%, -2%) rotate(-5deg);-o-transform:translate(-2%, -2%) rotate(-5deg);-ms-transform:translate(-2%, -2%) rotate(-5deg);-webkit-transform:translate(-2%, -2%) rotate(-5deg);transform:translate(-2%, -2%) rotate(-5deg);-moz-transition:all 0.6s 0.6875s ease;-o-transition:all 0.6s 0.6875s ease;-webkit-transition:all 0.6s 0.6875s ease;transition:all 0.6s 0.6875s ease}#game_drag .panel-start .title-container{position:absolute}#game_drag .panel-start .title-container.title-1{top:0;left:0}#game_drag .panel-start .title-container.title-2{bottom:0;right:0}#game_drag .panel-start h2{font-size:6.25em;font-weight:900;line-height:1}#game_drag .panel-start h2+p{font-size:1.875em;font-weight:900}#game_drag .panel-start .hint{display:block;text-align:center;position:absolute;bottom:2.5em;left:0;right:0;margin:0 auto;-moz-transition:transform 0.25s ease;-o-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;transition:transform 0.25s ease;z-index:2}#game_drag .panel-start .hint:after{content:'';display:block;width:0;height:0;border-style:solid;border-width:.75em .5em 0 .5em;border-color:black transparent transparent transparent;position:absolute;top:100%;left:0;right:0;margin:.25em auto;-webkit-animation-delay:0s;-webkit-animation-duration:1s;-webkit-animation-name:hint;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:1s;-moz-animation-name:hint;-moz-animation-timing-function:ease;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:1s;-o-animation-name:hint;-o-animation-timing-function:ease;-o-animation-iteration-count:infinite;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:1s;animation-name:hint;animation-timing-function:ease;animation-iteration-count:infinite;animation-fill-mode:forwards}#game_drag .panel-start .hint:hover{-moz-transform:translate(0, -.5em);-o-transform:translate(0, -.5em);-ms-transform:translate(0, -.5em);-webkit-transform:translate(0, -.5em);transform:translate(0, -.5em)}#game_drag .panel-start .hint:active{-moz-transform:translate(0, -.25em);-o-transform:translate(0, -.25em);-ms-transform:translate(0, -.25em);-webkit-transform:translate(0, -.25em);transform:translate(0, -.25em)}#game_drag .drag-1 .container,#game_drag .drag-2 .container{padding:2em 0}#game_drag .drag-1 .content,#game_drag .drag-2 .content{max-width:28em;margin:2em 0 0;background:white;border:2px solid black;border-radius:1em}#game_drag .drag-1 .content .header,#game_drag .drag-2 .content .header{padding:.25em .5em .125em}#game_drag .drag-1 .content .header span,#game_drag .drag-2 .content .header span{display:inline-block;width:.75em;height:.75em;border-radius:1em;border:1px solid rgba(0,0,0,0.75);margin:0 .125em}#game_drag .drag-1 .content .header span:nth-child(1),#game_drag .drag-2 .content .header span:nth-child(1){background:#FF394C}#game_drag .drag-1 .content .header span:nth-child(2),#game_drag .drag-2 .content .header span:nth-child(2){background:#FFC700}#game_drag .drag-1 .content .header span:nth-child(3),#game_drag .drag-2 .content .header span:nth-child(3){background:#00E07A}#game_drag .drag-1 .content p,#game_drag .drag-2 .content p{font-size:1.875em;padding:.75em 1em;border-top:2px solid black}#game_drag .drag-1 .col25,#game_drag .drag-2 .col25{display:flex;flex-direction:column}#game_drag .drag-1 .draggable-container,#game_drag .drag-2 .draggable-container{display:flex;flex-direction:column;justify-content:space-between;height:100%;margin-bottom:1em}#game_drag .drag-1 .draggable-container li,#game_drag .drag-2 .draggable-container li{height:33.3333%}#game_drag .drag-1 .draggable,#game_drag .drag-2 .draggable{padding:2em 0 1em}#game_drag .drag-1 .draggable .item,#game_drag .drag-2 .draggable .item{padding:1em;background:white;border-radius:1em;box-shadow:0 4px 20px rgba(255,99,99,0.4);position:relative}#game_drag .drag-1 .draggable img,#game_drag .drag-2 .draggable img{width:65%;pointer-events:none;margin:-3em auto 1em}#game_drag .drag-1 .draggable p,#game_drag .drag-2 .draggable p{font-size:1.25em;font-weight:900}#game_drag .drag-1 .draggable small,#game_drag .drag-2 .draggable small{display:block}#game_drag .drag-1 .draggable.is-dragging,#game_drag .drag-2 .draggable.is-dragging{opacity:.75}#game_drag .drag-1 [draggable=true],#game_drag .drag-2 [draggable=true]{-moz-user-select:none;-khtml-user-drag:element;cursor:move}#game_drag .drag-1 [draggable=true]:hover .item:after,#game_drag .drag-2 [draggable=true]:hover .item:after{content:'(拖曳我)';font-size:.75em;opacity:.75;position:absolute;bottom:0;left:0;right:0;margin:.25em auto}#game_drag .drag-1 .hint-container,#game_drag .drag-2 .hint-container{margin-top:auto}#game_drag .drag-1 .hint-container img,#game_drag .drag-2 .hint-container img{width:50%;margin:0 auto 1em}#game_drag .drag-1 .hint-container p,#game_drag .drag-2 .hint-container p{font-size:1.25em}#game_drag .drag-1 .bin,#game_drag .drag-2 .bin{max-width:452px;position:relative;-moz-transition:transform 0.4s ease;-o-transition:transform 0.4s ease;-webkit-transition:transform 0.4s ease;transition:transform 0.4s ease}#game_drag .drag-1 .bin>img,#game_drag .drag-2 .bin>img{width:100%}#game_drag .drag-1 .bin.in,#game_drag .drag-2 .bin.in{-moz-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}#game_drag .drag-1 .bin-inner,#game_drag .drag-2 .bin-inner{width:45%;height:0;padding-bottom:89%;border-radius:2em;position:absolute;top:0;left:44%}#game_drag .drag-2 .draggable{padding:1em 0}#game_drag .drag-2 .draggable img{width:60%;margin-top:0}#game_drag .drag-2 .content p span{font-size:.85em}#game_drag .drag-2 .bin-inner{padding-bottom:120%}#game_drag .drag-2 .bin,#game_drag .drag-2 .content,#game_drag .drag-2 .draggable-container li,#game_drag .drag-2 .hint-container{opacity:0}#game_drag .drag-2.is-animated .bin{-webkit-animation-delay:0s;-webkit-animation-duration:.4s;-webkit-animation-name:fadeInUp;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:.4s;-moz-animation-name:fadeInUp;-moz-animation-timing-function:ease;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:.4s;-o-animation-name:fadeInUp;-o-animation-timing-function:ease;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:.4s;animation-name:fadeInUp;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#game_drag .drag-2.is-animated .content{-webkit-animation-delay:.25s;-webkit-animation-duration:.4s;-webkit-animation-name:fadeInUp;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.25s;-moz-animation-duration:.4s;-moz-animation-name:fadeInUp;-moz-animation-timing-function:ease;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:.25s;-o-animation-duration:.4s;-o-animation-name:fadeInUp;-o-animation-timing-function:ease;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:.25s;animation-duration:.4s;animation-name:fadeInUp;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#game_drag .drag-2.is-animated .draggable-container li{-webkit-animation-delay:.4s;-webkit-animation-duration:.4s;-webkit-animation-name:fadeInUp;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.4s;-moz-animation-duration:.4s;-moz-animation-name:fadeInUp;-moz-animation-timing-function:ease;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:.4s;-o-animation-duration:.4s;-o-animation-name:fadeInUp;-o-animation-timing-function:ease;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:.4s;animation-duration:.4s;animation-name:fadeInUp;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#game_drag .drag-2.is-animated .hint-container{-webkit-animation-delay:.6s;-webkit-animation-duration:.4s;-webkit-animation-name:fadeInUp;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-delay:.6s;-moz-animation-duration:.4s;-moz-animation-name:fadeInUp;-moz-animation-timing-function:ease;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation-delay:.6s;-o-animation-duration:.4s;-o-animation-name:fadeInUp;-o-animation-timing-function:ease;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;animation-delay:.6s;animation-duration:.4s;animation-name:fadeInUp;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}#game_drag .drag-dialog{background:rgba(0,0,0,0.6)}#game_drag .drag-dialog .scroller>div{display:none}#game_drag .result{background:#FFCAA4}#game_drag .result .popup-container{width:117vh;max-width:none;border:none;padding:0;background:none}#game_drag .result .popup-container .trigger-close{position:absolute;top:12%;left:60%;z-index:3}#game_drag .result .container{width:100% !important;max-width:none !important}#game_drag .result figure{position:relative}#game_drag .result figure img{width:100%;position:absolute;top:0;left:0}#game_drag .result figure img:first-child{position:relative}#game_drag .result .btn-container{flex-direction:column;position:absolute;top:42%;left:39%;font-size:.9vw}#game_drag .result .btn-container .btn{padding-top:1em;padding-bottom:1em;border-width:2px;border-radius:1.25em}#drag_status_1_3 figure{position:relative}#drag_status_1_3 figure .main{margin:-10% auto;position:relative}#drag_status_1_3 figure .light{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-animation-delay:0s;-webkit-animation-duration:10s;-webkit-animation-name:rotate;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:10s;-moz-animation-name:rotate;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:10s;-o-animation-name:rotate;-o-animation-timing-function:linear;-o-animation-iteration-count:infinite;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:10s;animation-name:rotate;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards}@media screen and (max-width: 1440px){#game_drag .panel-start h2{font-size:4.5em}#game_drag .panel-start h2+p{font-size:1.5em}#game_drag .panel-start figure{width:90%}#game_drag .drag-1 .container,#game_drag .drag-2 .container{max-width:600px}#game_drag .drag-1 .bin,#game_drag .drag-2 .bin{width:80%}#game_drag .drag-1 .content,#game_drag .drag-2 .content{width:24em;margin-top:1em}#game_drag .drag-1 .content p,#game_drag .drag-2 .content p{font-size:1.5em}#game_drag .drag-1 .draggable,#game_drag .drag-2 .draggable{padding:1em 0}#game_drag .drag-1 .draggable .item,#game_drag .drag-2 .draggable .item{padding-left:.5em;padding-right:.5em}#game_drag .drag-1 .draggable p,#game_drag .drag-2 .draggable p{font-size:1.125em}#game_drag .drag-1 .hint-container p,#game_drag .drag-2 .hint-container p{font-size:1em}}@media screen and (max-width: 1280px){#game_drag .panel-start figure{width:70%}#game_drag .result .btn-container .btn{font-size:1.4em}}@media screen and (max-width: 1024px) and (orientation: portrait), screen and (max-width: 1023px){#game_drag .panel-start .container{width:100%;max-width:none;padding:12% 0 10%;margin-bottom:5%}#game_drag .panel-start figure{width:100%}#game_drag .panel-start figure .window,#game_drag .panel-start figure .phone{width:100%;top:0;left:0}#game_drag .panel-start h2{font-size:10vw}#game_drag .panel-start h2+p{font-size:3.5vw;line-height:1}#game_drag .panel-start .title-container.title-1,#game_drag .panel-start .title-container.title-2{left:0;right:0;margin:0 auto;text-align:center}#game_drag .panel-start .hint{font-size:1.25em}#game_drag .drag-1 .container,#game_drag .drag-2 .container{width:80%;max-width:700px}#game_drag .result .popup-container{width:100%}#game_drag .result .popup-container .trigger-close{top:18%;left:70%}#game_drag .result figure{width:120%;margin-left:-10%}#game_drag .result .btn-container{top:45%;left:38%;font-size:2vw}}@media screen and (max-width: 620px){#game_drag .drag-1 .col75,#game_drag .drag-1 .col25,#game_drag .drag-2 .col75,#game_drag .drag-2 .col25{width:100%}#game_drag .drag-1 .content,#game_drag .drag-2 .content{width:100%;max-width:none;margin:2em 0 1.5em}#game_drag .drag-1 .content p,#game_drag .drag-2 .content p{padding-left:.5em;padding-right:.5em;text-align:center}#game_drag .drag-1 .draggable-container,#game_drag .drag-2 .draggable-container{flex-direction:row;justify-content:space-between}#game_drag .drag-1 .draggable-container li,#game_drag .drag-2 .draggable-container li{height:auto;width:calc(33.3333% - 1em)}#game_drag .drag-1 .draggable,#game_drag .drag-2 .draggable{padding:2em 0 0}#game_drag .drag-1 .draggable .item,#game_drag .drag-2 .draggable .item{padding:1em .5em}#game_drag .drag-1 .hint-container,#game_drag .drag-2 .hint-container{margin-top:1em;display:flex;align-items:center;justify-content:center;text-align:left}#game_drag .drag-1 .hint-container img,#game_drag .drag-2 .hint-container img{width:4em;margin-right:1em;margin-left:0}#game_drag .drag-1 .draggable p{display:flex;flex-direction:column;justify-content:center;min-height:3em}#game_drag .drag-2 .draggable{padding-top:0}#game_drag .result figure{width:140%;margin-left:-20%}#game_drag .result .btn-container{flex-direction:column;position:absolute;top:45%;left:32.5%;font-size:2.3vw}}@media screen and (max-width: 480px){#game_drag .drag-1 .draggable-container li,#game_drag .drag-2 .draggable-container li{width:calc(33.3333% - .5em)}}.sec-rooms{background:#7BD4DF;position:relative;z-index:5}.sec-rooms:after{content:'';display:block;width:100%;height:0;position:absolute;bottom:0;left:0}.sec-rooms .panel{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;width:100%;min-height:100vh;padding:2em 0}.sec-rooms .panel .container{width:85%;padding-left:5%;max-width:1400px;position:relative;z-index:2}.sec-rooms .panel-main{padding:0}.sec-rooms .panel-main figure{position:relative}.sec-rooms .panel-main figure img{width:100%}.sec-rooms .panel-main figure li{-moz-transition:transform 0.25s ease;-o-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;transition:transform 0.25s ease;position:absolute;z-index:2}.sec-rooms .panel-main figure li span{display:block;width:4em;height:4em;background:url(../img/rooms/thunder.svg) center no-repeat;background-size:contain;cursor:pointer}.sec-rooms .panel-main figure li span:before{content:'';display:block;width:1px;height:1px;border-radius:50%;box-shadow:0 0 2em 1em #00FF94;position:absolute;top:-.4em;right:0;bottom:0;left:-.4em;margin:auto;z-index:-1;-webkit-animation-delay:0s;-webkit-animation-duration:2s;-webkit-animation-name:sparkle;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;-moz-animation-delay:0s;-moz-animation-duration:2s;-moz-animation-name:sparkle;-moz-animation-timing-function:ease;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:forwards;-o-animation-delay:0s;-o-animation-duration:2s;-o-animation-name:sparkle;-o-animation-timing-function:ease;-o-animation-iteration-count:infinite;-o-animation-fill-mode:forwards;animation-delay:0s;animation-duration:2s;animation-name:sparkle;animation-timing-function:ease;animation-iteration-count:infinite;animation-fill-mode:forwards}.sec-rooms .panel-main figure li:hover{-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}.sec-rooms .panel-main figure li:active{-moz-transform:scale(.9, .9);-o-transform:scale(.9, .9);-ms-transform:scale(.9, .9);-webkit-transform:scale(.9, .9);transform:scale(.9, .9)}.sec-rooms .panel-main figure li.active span{background-image:url(../img/rooms/thunder-read.svg)}.sec-rooms .panel-main figure li.active span:before{display:none}.sec-rooms .panel-main .wrapper{margin-top:3em}.sec-rooms .panel-main .title-container img{width:5em}.sec-rooms .panel-main .title-container .title{padding-left:1em}.sec-rooms .panel-main .title-container h2{font-size:3em;font-weight:700}.sec-rooms .panel-main .title-container .tag{font-size:1.75em;font-weight:700;margin-right:1em}.sec-rooms .panel-main .content{max-width:27em;margin:0 1em;background:white;border:2px solid black;border-radius:1em}.sec-rooms .panel-main .content .header{padding:.25em .5em .125em}.sec-rooms .panel-main .content .header span{display:inline-block;width:.75em;height:.75em;border-radius:1em;border:1px solid rgba(0,0,0,0.75);margin:0 .125em}.sec-rooms .panel-main .content .header span:nth-child(1){background:#FF394C}.sec-rooms .panel-main .content .header span:nth-child(2){background:#FFC700}.sec-rooms .panel-main .content .header span:nth-child(3){background:#00E07A}.sec-rooms .panel-main .content p{font-size:1.5em;padding:.75em 1em;border-top:2px solid black;text-align:center}.sec-rooms .panel-result .popup-container{width:90%;max-width:1200px;border-width:3px;padding:2.5em 3% 1em 3%}.sec-rooms .panel-result .popup-container .scroller{overflow-x:visible;overflow-y:auto;max-height:calc(100vh - 200px)}.sec-rooms .panel-result .popup-container .scroller::-webkit-scrollbar{width:4px}.sec-rooms .panel-result .popup-container .scroller::-webkit-scrollbar-track{background:transparent}.sec-rooms .panel-result .popup-container .scroller::-webkit-scrollbar-thumb{background:#317490}.sec-rooms .panel-result .popup-container .scroller::-webkit-scrollbar-thumb:hover{background:#00FF94}.sec-rooms .panel-result .info{padding-right:1.5em}.sec-rooms .panel-result .info h3{font-size:1.7em;font-weight:500;letter-spacing:0;margin-bottom:.5em}.sec-rooms .panel-result .info h3 i{display:inline-block;vertical-align:middle;width:2em;height:2em;background:url(../img/rooms/thunder.svg) center no-repeat;background-size:contain;margin-left:.25em;margin-right:.4em}.sec-rooms .panel-result .info .title{font-family:"Noto Sans TC","Microsoft Jhenghei",sans-serif;font-size:2.35em;font-weight:700;line-height:1.5;letter-spacing:0;border-top:1px solid white;border-bottom:1px solid white;padding:.25em 0 .35em}.sec-rooms .panel-result .info .title small{display:block;font-size:.6em}.sec-rooms .panel-result .info .title small.txt-smaller{font-size:.5em}.sec-rooms .panel-result .info ul{margin:1.5em 0 1em}.sec-rooms .panel-result .info li{font-size:.9em;font-weight:300;line-height:2;padding-left:1.25em;position:relative}.sec-rooms .panel-result .info li:before{content:'◎';position:absolute;top:0;left:0}.sec-rooms .panel-result figure{display:flex;flex-direction:column;width:50%;padding-bottom:1em}.sec-rooms .panel-result figure p{font-weight:500;font-size:1.125em;letter-spacing:.04em;margin-bottom:.5em}.sec-rooms .panel-result figure img{width:100%;box-shadow:0 4px 20px rgba(0,0,0,0.4)}.sec-rooms .panel-result .btn-container{margin-bottom:0;margin-top:auto}.sec-rooms .panel-result .btn{min-width:6.5em;padding:.4em 1em .35em;font-size:1.5em;border-color:transparent}#tour_bedroom{background:#1D4B83;position:relative}#tour_bedroom:after{padding-bottom:calc(6% + 6em);background:#12355D}#tour_bedroom .hint-container li:nth-child(1){top:60%;left:27.5%}#tour_bedroom .hint-container li:nth-child(2){top:71%;left:84%}#tour_bedroom .tag{color:#4A98D8}#result-bedroom-1,#result-bedroom-2{background:rgba(21,36,66,0.5)}#result-bedroom-1 .popup-container,#result-bedroom-2 .popup-container{background:#81A3C5;color:white}#tour_kitchen{background:#FFF0DF;position:relative}#tour_kitchen:after{padding-bottom:calc(11% + 6em);background:#EDA400}#tour_kitchen .hint-container li:nth-child(1){top:40%;left:56%}#tour_kitchen .hint-container li:nth-child(2){top:50%;left:61%}#tour_kitchen .tag{color:#EDA400}#result-kitchen-1,#result-kitchen-2{background:rgba(66,33,11,0.5)}#result-kitchen-1 .popup-container,#result-kitchen-2 .popup-container{background:#FFF8F0;color:black}#result-kitchen-1 .popup-container .title,#result-kitchen-2 .popup-container .title{border-color:black !important}#tour_study{background:#E0FFFF;position:relative}#tour_study:after{display:none}#tour_study .panel-main{justify-content:flex-start}#tour_study .wrapper{margin-bottom:3em}#tour_study .hint-container li:nth-child(1){top:67%;left:18%}#tour_study .hint-container li:nth-child(2){top:67%;left:56%}#tour_study .hint-container li:nth-child(3){top:53%;left:78%}#tour_study .tag{color:#4A98D8}#result-study-1,#result-study-2,#result-study-3{background:rgba(21,36,66,0.5)}#result-study-1 .popup-container,#result-study-2 .popup-container,#result-study-3 .popup-container{background:#9AD7FA;color:black}#result-study-1 .popup-container .title,#result-study-2 .popup-container .title,#result-study-3 .popup-container .title{border-color:black !important}@media screen and (max-width: 1440px){.sec-rooms .panel-main figure li span{width:3.4em;height:3.4em}#tour_bedroom:after{padding-bottom:calc(12% + 6em)}#tour_kitchen:after{padding-bottom:calc(17% + 6em)}}@media screen and (max-width: 1024px) and (orientation: portrait), screen and (max-width: 1023px){.sec-rooms .panel-main{min-height:0;padding-top:4em}.sec-rooms .panel-main .container{width:100%;max-width:none;padding-left:0}.sec-rooms .panel-main .wrapper{margin:0 0 3em}.sec-rooms .panel-main figure li span{width:5em;height:5em}.sec-rooms .panel-main .content{width:90%}#tour_bedroom:after{padding-bottom:calc(44% + 6em)}#tour_bedroom .hint-container li:nth-child(1){top:65%;left:15.5%}#tour_bedroom .hint-container li:nth-child(2){top:59%;left:84%}#tour_kitchen:after{padding-bottom:calc(57% + 6em)}#tour_kitchen .hint-container li:nth-child(1){top:33%;left:56%}#tour_kitchen .hint-container li:nth-child(2){top:54.5%;left:61%}#tour_study .content{position:relative;bottom:0;left:0}#tour_study .hint-container li:nth-child(1){top:74%;left:15%}#tour_study .hint-container li:nth-child(2){top:74%;left:72%}#tour_study .hint-container li:nth-child(3){top:66%;left:88%}}@media screen and (max-width: 768px){.sec-rooms .panel-main figure li span{width:4em;height:4em}.sec-rooms .panel-main .wrapper{margin-bottom:2em}.sec-rooms .panel-main .content{margin:1em auto 2em}.sec-rooms .panel-result .info{width:100%;padding-right:0}.sec-rooms .panel-result .info h3{text-align:center}.sec-rooms .panel-result .info .title{padding-bottom:.5em;border-bottom:none}.sec-rooms .panel-result .info .title small{font-weight:400}.sec-rooms .panel-result .info img.d-768-block{box-shadow:0 4px 20px rgba(0,0,0,0.4)}.sec-rooms .panel-result .info li{font-size:1.25em}.sec-rooms .panel-result figure{width:100%;margin-right:0}.sec-rooms .panel-result .btn-container{justify-content:center}.sec-rooms .panel-result .btn{border:2px solid black}#tour_study:after{display:block;padding-bottom:calc(17% + 6em);background:#9CD9D5}}@media screen and (max-width: 620px){.sec-rooms .panel-main .title-container h2{font-size:2.5em}.sec-rooms .panel-main .title-container .tag{font-size:1.5em}.sec-rooms .panel-main .content p{font-size:1.25em}.sec-rooms .panel-main figure li span{width:3em;height:3em}}@media screen and (max-width: 375px){.sec-rooms .panel-main .title-container img{width:4.5em}.sec-rooms .panel-main .title-container h2{font-size:2.25em}.sec-rooms .panel-main .title-container .tag{font-size:1.25em}#tour_bedroom:after{padding-bottom:calc(48% + 7em)}#tour_bedroom .hint-container li:nth-child(1){top:63%;left:15.5%}#tour_bedroom .hint-container li:nth-child(2){top:59%;left:84%}#tour_kitchen:after{padding-bottom:calc(57% + 6em)}#tour_kitchen .hint-container li:nth-child(1){top:31%;left:56%}#tour_kitchen .hint-container li:nth-child(2){top:52.5%;left:61%}#tour_study .hint-container li:nth-child(1){top:72%;left:13%}#tour_study .hint-container li:nth-child(2){top:72%;left:70%}#tour_study .hint-container li:nth-child(3){top:64%;left:86%}}#brand_story{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;width:100%;min-height:100vh;background:#D03A49;padding:2em 0;position:relative;z-index:5}#brand_story .container{width:80%;max-width:1200px;position:relative;z-index:2}#brand_story .frame{background:black;border:2px solid black;border-radius:1em;box-shadow:.5em .5em 0 0 #AB2B38;position:relative;overflow:hidden}#brand_story .frame header{width:100%;font-size:.75em;padding:.5em .5em;background:#4D4D4D;border-top-left-radius:1em;border-top-right-radius:1em;border-bottom:2px solid black;position:relative}#brand_story .frame header p{font-size:1.5em;color:#8E8E8E;font-weight:500}#brand_story .frame header .light{display:flex;align-items:center;position:absolute;left:1em;top:0;bottom:0}#brand_story .frame header .light span{display:inline-block;width:1.5em;height:1.5em;border-radius:1em;border:1px solid rgba(0,0,0,0.75);margin:0 .25em}#brand_story .frame header .light span:nth-child(1){background:#FF394C}#brand_story .frame header .light span:nth-child(2){background:#FFC700}#brand_story .frame header .light span:nth-child(3){background:#00E07A}#brand_story .frame h3{font-size:1.25em;font-weight:700;letter-spacing:.018em}#brand_story .frame p{line-height:1.5}#brand_story .frame .btn{border-radius:2em;border:2px solid black;color:black}#brand_story .slide{padding:1.5em}#brand_story .left{background:white;border-right:2px solid black}#brand_story .left-top{padding:2.5em 1em;border-bottom:2px solid black}#brand_story .left-top img{margin:1em auto}#brand_story .left-top h2{font-family:"Calibri","Roboto","Noto Sans TC","Microsoft Jhenghei",sans-serif;font-size:1.5em;font-weight:bold;letter-spacing:0}#brand_story .left-left h3,#brand_story .left-right h3{position:relative}#brand_story .left-left h3 span,#brand_story .left-right h3 span{display:inline-block;background:white;padding-right:.5em;position:relative;z-index:2}#brand_story .left-left h3:before,#brand_story .left-right h3:before{content:'';display:block;width:100%;height:1px;background:#7C7C7C;opacity:.5;position:absolute;left:0;top:0;bottom:0;margin:auto 0}#brand_story .left-left p,#brand_story .left-right p{padding:0 1em}#brand_story .left-left{border-right:2px solid black}#brand_story .right{padding:0;display:flex;flex-direction:column;background:white;margin-left:auto;position:relative}#brand_story .right .lock-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,0.85);position:absolute;top:0;right:0;bottom:0;left:0}#brand_story .right .lock-screen h2{font-size:2.75em;font-weight:700;margin-top:.5em}#brand_story .right-top{height:50%;display:flex;flex-direction:column;justify-content:center;background:#C4C4C4;padding:2.5em 2em}#brand_story .right-top .thunder-hint{width:6.5em;height:6.5em;margin-left:1em;margin-right:1em;background:url(../img/brand/thunder-default.svg) center no-repeat;background-size:contain}#brand_story .right-top h3{margin-bottom:0}#brand_story .right-top input{padding:.875em 1em;font-size:1.25em}#brand_story .right-top .btn{margin-top:1em}#brand_story .right-top .code-hint{opacity:0;pointer-events:none}#brand_story .right-top.is-error{background:#7C7C7C}#brand_story .right-top.is-error .thunder-hint{background-image:url(../img/brand/thunder-error.svg)}#brand_story .right-top.is-error .code-hint{opacity:1;pointer-events:all}#brand_story .right-top.is-error .btn{background:#E73A43}#brand_story .right-top.is-success{background:#CBFFE0;pointer-events:none}#brand_story .right-top.is-success .thunder-hint{background-image:url(../img/brand/thunder-success.svg)}#brand_story .right-top.is-success .btn{background:#32EB92}#brand_story .right-bottom{padding:1.5em;border-top:2px solid black;background:#FFEDDC;position:relative}#brand_story .right-bottom h3{font-size:1.65em}#brand_story .right-bottom ul{margin:2em 0}#brand_story .right-bottom label{display:flex;flex-wrap:nowrap;align-items:center}#brand_story .right-bottom p{flex-shrink:0;font-size:1.25em;font-weight:500;width:5em;padding-right:.5em}#brand_story .right-bottom .lock-screen-small{background:#C4C4C4}#brand_story .right-bottom .lock-screen-small h2{font-size:1.5em;color:black;margin-top:.75em}#brand_story form.is-sending{pointer-events:none}@media screen and (max-width: 1440px){#brand_story .left-bottom p{padding:0 .5em}}@media screen and (max-width: 1280px){#brand_story .left-bottom p{padding:0}}@media screen and (max-width: 1024px) and (orientation: portrait), screen and (max-width: 1023px){#brand_story{padding:4em 0;min-height:0}#brand_story .container{max-width:400px}#brand_story .frame{overflow:visible}#brand_story .owl-stage{display:flex}#brand_story .slide{width:100%;height:100%;background:white;padding:2em 1em;border-bottom-left-radius:1em;border-bottom-right-radius:1em;border:none}#brand_story .slide img{width:auto}#brand_story .slide.left-top{flex-direction:column}#brand_story .slide.left-top h2{font-size:3em;margin:1em 0}#brand_story .slide.left-top h3{font-size:1.5em;margin-top:2em}#brand_story .slide.right{padding:0;position:relative;overflow:hidden}#brand_story .slide.right>div{padding:1em 2em}#brand_story .slide.right>div h3{margin-bottom:0}#brand_story .slide.right>div ul{margin:1em 0}#brand_story .slide .right-top{padding:1em}#brand_story .owl-nav{display:flex;align-items:center;width:calc(100% + 6em);height:4em;position:absolute;top:0;bottom:0;margin:auto -3em;pointer-events:none}#brand_story .owl-nav .owl-prev,#brand_story .owl-nav .owl-next{width:4em;height:4em;background:url(../img/sale/arrow-right.svg) center no-repeat;background-size:contain;pointer-events:all}#brand_story .owl-nav .owl-prev{-moz-transform:scale(-1, 1);-o-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-webkit-transform:scale(-1, 1);transform:scale(-1, 1);margin-right:auto}#brand_story .owl-nav .owl-next{margin-left:auto}#brand_story .owl-nav .disabled{display:none}}@media screen and (max-width: 480px){#brand_story .slide.left-top h2{font-size:2.5em}#brand_story .slide .right-top input{font-size:1em}#brand_story .lock-screen h2{font-size:2em}#brand_story .owl-nav{width:calc(100% + 5em);margin:auto -2.5em}}@media screen and (max-width: 360px){#brand_story .slide .right-top .thunder-hint{width:4em;height:4em;margin-left:0}}#limit_sales{padding:3em 0;background:#BFE8FC;position:relative;z-index:4}#limit_sales .wrapper{width:80%;max-width:1250px;margin:0 auto}#limit_sales .title-container{background:url(../img/sale/bg-top.svg) center bottom no-repeat;background-size:100% auto;padding:.75em 2em;margin-bottom:-3px;position:relative;z-index:3}#limit_sales .title{width:55%}#limit_sales .title img{width:100%}#limit_sales .date-container{width:45%;color:#FF6C6C;z-index:3}#limit_sales .date-container li:first-child{font-size:1.125em;margin-left:auto}#limit_sales .date-container p{display:inline-block;width:4em;font-size:1.125em;font-weight:600;background:black;padding:.6em 1em .4em;margin-left:.875em}#limit_sales .date-container span{display:block;background:white;border:3px solid black;border-radius:4px;padding:.25em .3em;text-align:center;font-size:3em;font-weight:700;margin-left:.25em}#limit_sales .container{padding:3em 2em;border:4px solid black;border-radius:4px;background:#74C6E9;position:relative;z-index:2}#limit_sales .btn-container{width:90%;max-width:16em;padding:0 .25em;margin:1em auto 0}#limit_sales .price-container{font-size:1.5em;font-weight:bold}#limit_sales .price-container>div{padding:.5em .5em .35em;border-radius:.75em;margin-bottom:.3em;background:white}#limit_sales .discount{width:40%;color:#FF3A5E}#limit_sales .price{width:56%}#limit_sales .price>span{display:inline-block;font-size:1.25em;white-space:nowrap;letter-spacing:0;margin:-.1em -.125em}#limit_sales .btn{width:100%;min-width:0}#limit_sales.is-end .container{position:relative}#limit_sales.is-end .container:after{content:'下階段活動即將開始！';display:flex;align-items:center;justify-content:center;font-size:2.5em;font-weight:bold;letter-spacing:.018em;line-height:1.5;color:white;text-align:center;padding:1em;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;text-shadow:2px 2px 0 #005B70}#limit_sales.is-end #pd-slider{opacity:0;pointer-events:none}@media screen and (max-width: 1440px){#limit_sales .date-container ul{font-size:1vw}#limit_sales .price span{font-size:1.2em}}@media screen and (max-width: 1280px){#limit_sales .btn-container{width:90%}#limit_sales .price-container{font-size:1.25em}}@media screen and (max-width: 1024px){#limit_sales .container{padding:2em 1em}}@media screen and (max-width: 768px){#limit_sales .title{width:100%;margin-bottom:1em}#limit_sales .date-container{width:100%}#limit_sales .date-container ul{font-size:2vw}#limit_sales .date-container li:last-child{margin-right:auto}#limit_sales .owl-nav{display:flex;align-items:center;width:calc(100% + 8em);height:4em;position:absolute;top:0;bottom:0;margin:auto -4em;pointer-events:none}#limit_sales .owl-nav .owl-prev,#limit_sales .owl-nav .owl-next{width:4em;height:4em;background:url(../img/sale/arrow-right.svg) center no-repeat;background-size:contain;pointer-events:all}#limit_sales .owl-nav .owl-prev{-moz-transform:scale(-1, 1);-o-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-webkit-transform:scale(-1, 1);transform:scale(-1, 1);margin-right:auto}#limit_sales .owl-nav .owl-next{margin-left:auto}#limit_sales .owl-nav .disabled{filter:grayscale(100%) brightness(120%)}#limit_sales.is-end .container:after{width:11em;font-size:2em}}@media screen and (max-width: 480px){#limit_sales .title-container{padding-left:1em;padding-right:1em;background-image:url(../img/sale/bg-top-m.svg);margin-bottom:-4px}#limit_sales .date-container ul{font-size:2.7vw}#limit_sales .owl-nav{width:calc(100% + 8em);height:4em;margin:auto -4em}#limit_sales .owl-nav .owl-prev,#limit_sales .owl-nav .owl-next{width:4em;height:4em}#limit_sales.is-end .container:after{width:11em;font-size:1.5em}}.bg-terms #aside{display:none}#terms{padding:10em 0}#terms h2{font-size:2.5em;font-weight:700;text-align:center;margin-bottom:3em}#terms h3{font-size:2.5em;font-weight:700}#terms h3+p{font-size:1.5em;font-weight:300;line-height:1.5}#terms .table{font-family:"Noto Sans TC","Microsoft Jhenghei",sans-serif;font-size:1.5em;font-weight:300;line-height:1.5;margin-bottom:4em}#terms .table p{font-size:1em;font-weight:300;line-height:1.5}#terms .table>li{display:flex;flex-wrap:wrap;align-items:center;padding:1.5em 0;border-bottom:1px solid rgba(255,255,255,0.5)}#terms .table .title{width:10em}#terms .table .content{width:calc(100% - 10em)}#terms .table .content p{margin:.25em 0}#terms .table .txt-indent{padding-left:2em;text-indent:-2em}@media screen and (max-width: 1440px){#terms{padding:8em 0}#terms h2{font-size:2.25em;margin-bottom:2em}#terms h3{font-size:2.25em}#terms h3+p{font-size:1.25em}#terms .table{font-size:1.25em}}@media screen and (max-width: 768px){#terms{text-align:center}#terms .container{max-width:400px}#terms h2{margin-bottom:1em}#terms h3{margin-top:4em}#terms h3+p{font-size:1em;margin-bottom:2em}#terms .table{font-size:1em}#terms .table>li{border-bottom:none;margin-bottom:2em}#terms .table .title{font-size:1.25em;width:100%;padding-bottom:.5em;border-bottom:1px solid rgba(255,255,255,0.5);margin-bottom:1em}#terms .table .content{width:100%}#terms .table ol{text-align:left}#terms .table .prize-list li{margin-bottom:1.75em}}
/*# sourceMappingURL=main.css.map */