body{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";margin:0;padding:0;background:#f3f3f3}[v-cloak]{display:none}.messageOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1000;opacity:0}.messageOverlay.show{opacity:1;transition:opacity .3s ease}.messageBox{font-size:2.25rem;display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:#fff;padding:16px;border-radius:4px;z-index:1000;width:calc(100vw - 120px);text-align:center;transition:transform .3s .2s ease;box-shadow:0 0 20px rgba(0,0,0,.4)}.messageBox.show{transform:translate(-50%,-50%) scale(1)}.messageBox.hide{transform:translate(-50%,-50%) scale(0);transition:transform .2s ease}.messageOverlay.hide{opacity:0;transition:opacity .25s ease .15s}.msgBox.information>div{background-color:#4caf50}.msgBox.welcome>div{background-color:#4caf50}.msgBox.system>div{background-color:#fff;color:#000}.msgBox.normal>div{background-color:#f87171}.msgBox.warning>div{background-color:#ff6a3a}.msgBox.gameover>div{background-color:#ff6a3a}.msgBox.danger>div{background-color:#8301ff}.msgBox.countdown>div{background-color:#ff6a3a}.msgBox.notice>div{background-color:#ff6a3a}.msgBox.exceed>div{background-color:#f00}.msgBox>div::before{font-weight:700;font-size:4.5rem;display:block;margin-bottom:10px;color:#fff}.msgBox.information>div::before{content:"系統訊息"}.msgBox.welcome>div::before{content:"系統訊息"}.msgBox.system>div::before{content:"系統訊息";color:#000}.msgBox.warning>div::before{content:"錯誤"}.msgBox.gameover>div::before{content:"錯誤"}.msgBox.normal>div::before{content:"錯誤"}.msgBox.danger>div::before{content:":（致命的錯誤"}.msgBox.countdown>div::before{content:"重新連線中"}.msgBox.notice>div::before{content:"系統訊息"}.msgBox.exceed>div::before{content:"系統訊息"}.messageContainer{height:calc(100vh - 20px);overflow:hidden;overflow-y:scroll;text-align:center;margin:auto;z-index:1001;position:absolute;top:0;width:100%}.messageContainer::-webkit-scrollbar{display:none}.messageContainer{-ms-overflow-style:none;scrollbar-width:none}.msgBox{padding:0;margin:auto;font-size:2.25rem;z-index:1000;width:100vw;transform:scale(0);opacity:0;height:0;position:relative;top:calc(50% - 100px);overflow:hidden}.msgBox>div{padding:16px;margin:10px;background-color:#f87171;box-shadow:none;color:#fff;border-radius:4px;text-align:center}.msgBox.show>div{box-shadow:0 0 10px rgba(0,0,0,.4);transition:box-shadow .3s ease .6s}.msgBox.show{transition:transform .3s ease .3s,opacity .3s ease .3s,height .3s ease;transform:scale(1);min-height:200px;opacity:1;max-height:220px;height:100%}.msgBox.hide>div{box-shadow:none;transition:box-shadow .2s ease}.msgBox.hide{transform:scale(1);opacity:0;height:0;transition:height .5s ease .2s,opacity .5s ease .2s}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-text{color:#fff;font-size:1.5rem;text-align:center}#fridgemoniter [data-panel="cart"]>div[data-cart="header"]{position:relative;top:0;width:100%;text-align:center;height:2rem;font-size:1.5rem;line-height:2rem;color:#088396;padding-right:3rem;box-sizing:border-box;display:flex;justify-content:center;gap:.5rem;border:1px solid #e5e7eb;z-index:1;background:#fff}#fridgemoniter [data-panel="cart"]>div[data-cart="header"] img{height:1.5rem}#fridgemoniter [data-panel="cart"]>div[data-cart="footer"]{position:fixed;bottom:0;width:100%;text-align:right;height:6rem;background:#071952;font-size:3.75rem;line-height:6rem;color:#fff;padding-right:3rem;box-sizing:border-box}#fridgemoniter [data-panel="cart"]>div[data-cart="footer"]>span{font-weight:700}#fridgemoniter [data-panel="cart"] ul[data-cart]{margin:0;padding:.5rem;list-style:none;overflow:hidden;overflow-y:auto;max-height:calc(100vh - 142px);position:relative}#fridgemoniter [data-panel="cart"] ul[data-cart] li{margin:0;padding:0;list-style:none;position:relative;min-width:0;word-wrap:break-word;overflow-wrap:break-word;opacity:1;height:130px;max-height:130px}#fridgemoniter [data-panel="cart"] ul[data-cart] li>div{margin:0 0 5px;padding:10px;background:#37b7c3;color:#fff;border:2px solid #37b7c3;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}#fridgemoniter [data-panel="cart"] ul[data-cart] li:first-child>div:first-child{background:#088396}#fridgemoniter [data-panel="cart"] ul[data-cart] li>div>div:first-child{padding:0 10px;display:block;width:100%;font-weight:700;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#fridgemoniter [data-panel="cart"] ul[data-cart] li>div>div:last-child{box-sizing:border-box;padding:0 10px;display:flex;justify-content:space-between;width:100%}#fridgemoniter [data-panel="cart"] ul[data-cart] li>div>div:first-child{font-size:3rem}#fridgemoniter [data-panel="cart"] ul[data-cart] li>div>div:last-child{font-size:2rem}#fridgemoniter [data-panel="cart"] ul[data-cart] li>div>div:last-child>span:first-child{text-align:left}#fridgemoniter [data-panel="cart"] ul[data-cart] li>div>div:last-child>span:last-child{text-align:right}#fridgemoniter [data-panel="cart"] ul[data-cart].two-columns{display:grid;grid-template-columns:1fr 1fr;gap:0 .5rem}#fridgemoniter [data-panel="cart"] ul[data-cart].two-columns li{height:auto;max-height:inherit}#fridgemoniter [data-panel="cart"] ul[data-cart].two-columns li>div>div:first-child{font-size:2rem}#fridgemoniter [data-panel="cart"] ul[data-cart].two-columns li>div>div:last-child{font-size:1.5rem}#fridgemoniter [data-panel="cart"] ul[data-cart].three-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 .25rem}#fridgemoniter [data-panel="cart"] ul[data-cart].three-columns li{height:auto;max-height:inherit}#fridgemoniter [data-panel="cart"] ul[data-cart].three-columns li>div>div:first-child{font-size:1.75rem}#fridgemoniter [data-panel="cart"] ul[data-cart].three-columns li>div>div:last-child{font-size:1.25rem}#fridgemoniter [data-panel="cart"] ul[data-cart]{scrollbar-width:none}#fridgemoniter [data-panel="cart"] ul[data-cart]::-webkit-scrollbar{display:none}@media(max-width:1000px){#fridgemoniter [data-panel="cart"] ul[data-cart] li{height:97px;max-height:97px}#fridgemoniter [data-panel="cart"] ul[data-cart] li>div>div:first-child{font-size:2rem}#fridgemoniter [data-panel="cart"] ul[data-cart] li>div>div:last-child{font-size:1.5rem}}#fridgemoniter [data-panel="checkout"]>div[data-cart="header"]{position:fixed;top:0;width:100%;text-align:center;box-sizing:border-box;border-bottom:1px solid #cecece;padding-bottom:5px;background:#1fb7f3;z-index:1}#fridgemoniter [data-panel="checkout"]>div[data-cart="header"] h1{font-size:3.75rem;line-height:4rem;color:#000;margin:0}#fridgemoniter [data-panel="checkout"]>div[data-cart="header"] div{font-size:1.4rem;line-height:2rem;color:#fff;font-weight:bold}#fridgemoniter [data-panel="checkout"]>div[data-cart="footer"]{position:fixed;bottom:0;width:100%;text-align:right;min-height:5rem;background:#cecece;font-size:3.75rem;line-height:5rem;color:#000;padding-right:3rem;box-sizing:border-box;font-weight:700;box-shadow:0 -5px 10px rgba(0,0,0,.3)}#fridgemoniter [data-panel="checkout"] ul[data-cart]{margin:0;padding:.5rem;list-style:none;overflow:hidden;overflow-y:auto;max-height:calc(100vh - 11.75rem);position:relative;top:6rem}#fridgemoniter [data-panel="checkout"] ul[data-cart] li{margin:0;padding:0;list-style:none;position:relative;min-width:0;word-wrap:break-word;overflow-wrap:break-word;opacity:1}#fridgemoniter [data-panel="checkout"] ul[data-cart] li>div{margin:0 0 5px;padding:10px;background:#fff;color:#000;border:1px solid #e8e8e8;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}#fridgemoniter [data-panel="checkout"] ul[data-cart] li>div>div:first-child{padding:0 10px;display:block;width:100%;font-weight:700;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#fridgemoniter [data-panel="checkout"] ul[data-cart] li>div>div:last-child{box-sizing:border-box;padding:0 10px;display:flex;justify-content:space-between;width:100%}#fridgemoniter [data-panel="checkout"] ul[data-cart] li>div>div:first-child{font-size:3rem}#fridgemoniter [data-panel="checkout"] ul[data-cart] li>div>div:last-child{font-size:2rem}#fridgemoniter [data-panel="checkout"] ul[data-cart] li>div>div:last-child>span:first-child{text-align:left}#fridgemoniter [data-panel="checkout"] ul[data-cart] li>div>div:last-child>span:last-child{text-align:right}#fridgemoniter [data-panel="checkout"] ul[data-cart].two-columns{display:grid;grid-template-columns:1fr 1fr;gap:0 .5rem}#fridgemoniter [data-panel="checkout"] ul[data-cart].two-columns li>div>div:first-child{font-size:2rem}#fridgemoniter [data-panel="checkout"] ul[data-cart].two-columns li>div>div:last-child{font-size:1.5rem}#fridgemoniter [data-panel="checkout"] ul[data-cart].three-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 .25rem}#fridgemoniter [data-panel="checkout"] ul[data-cart].three-columns li>div>div:first-child{font-size:1.75rem}#fridgemoniter [data-panel="checkout"] ul[data-cart].three-columns li>div>div:last-child{font-size:1.25rem}#fridgemoniter [data-panel="checkout"] ul[data-cart]{scrollbar-width:none}#fridgemoniter [data-panel="checkout"] ul[data-cart]::-webkit-scrollbar{display:none}.chpcart-move{transition:all .5s ease}.chpcart-enter-from{opacity:0;max-height:0;height:0!important;overflow:hidden}.chpcart-enter-active{transition:opacity .15s ease,height .15s ease}.chpcart-enter-to{opacity:1;max-height:130px;height:130px!important;overflow:hidden}.chpcart-leave-from{opacity:1;max-height:130px;height:130px!important;overflow:hidden}.chpcart-leave-active{transition:opacity .2s ease,height .2s ease}.chpcart-leave-to{opacity:0;height:0!important;overflow:hidden}@media(max-width:1000px){.chpcart-enter-to{opacity:1;max-height:97px;height:97px!important;overflow:hidden}.chpcart-leave-from{opacity:1;max-height:97px;height:97px!important;overflow:hidden}.two-columns .chpcart-enter-to{opacity:1;max-height:inherit;height:auto!important;overflow:hidden}.two-columns .chpcart-leave-from{opacity:1;max-height:inherit;height:auto!important;overflow:hidden}.three-columns .chpcart-enter-to{opacity:1;max-height:inherit;height:auto!important;overflow:hidden}.three-columns .chpcart-leave-from{opacity:1;max-height:inherit;height:auto!important;overflow:hidden}}.two-columns .chpcart-enter-from,.two-columns .chpcart-enter-active,.two-columns .chpcart-enter-to,.two-columns .chpcart-leave-from,.two-columns .chpcart-leave-active,.two-columns .chpcart-leave-to,.two-columns .chpcart-move{transition:none!important}.three-columns .chpcart-enter-from,.three-columns .chpcart-enter-active,.three-columns .chpcart-enter-to,.three-columns .chpcart-leave-from,.three-columns .chpcart-leave-active,.three-columns .chpcart-leave-to,.three-columns .chpcart-move{transition:none!important}#fridgemoniter .login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;position:fixed;top:0;left:0;width:100%;height:100%;font-size:18px}#fridgemoniter .input-group{position:relative;margin:0;font-size:14px}#fridgemoniter .input-group label{position:absolute;top:2px;left:52px;color:#999;transition:0s ease all;pointer-events:none;line-height:16px;height:40px;word-break:break-word;align-items:center;display:flex}#fridgemoniter .input-group input:not(:focus)+label{transition:.2s ease all}#fridgemoniter .input-group span[data-fixfield]:not(:empty)+label,#fridgemoniter .input-group input:focus+label,#fridgemoniter .input-group input:not(:placeholder-shown)+label{top:-23px;left:-2px;font-size:14px;color:#e43323;padding:0 3px;border-radius:5px;font-weight:700;height:20px}#fridgemoniter button{margin-top:20px}.input-group h1{color:#0b91ff;position:relative;width:auto;font-size:36px;display:flex;justify-content:center;align-items:center;margin:0;padding:0}[data-logo]::before{content:"";background:url(../Logo.jpg) center center no-repeat;background-size:contain;width:28px;height:32px;display:block;margin-right:10px}#mainlogin.well{display:block;padding:0 10px;border-radius:4px;box-sizing:border-box;text-align:center;max-width:400px;width:100%;position:relative;overflow:hidden}#mainlogin.well{border:2px solid rgba(227,227,227,1);transition:border .3s .2s}#mainlogin[data-status="visible"].well{display:block}#mainlogin[data-status="visible"].well::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(270deg,#f8f8f8,#fff);z-index:-1;opacity:1;transition:opacity .3s 1.2s}#mainlogin[data-status="visible"].well:hover::before{opacity:0;transition:opacity .3s 1.2s}#mainlogin[data-status="visible"].well:hover::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(270deg,#fefcf0,#fff);z-index:-1;opacity:0;transition:opacity .3s 1.2s}#mainlogin[data-status="visible"].well:hover::after{opacity:1;transition:opacity .3s 1.2s}#mainlogin[data-status="visible"].well:hover{box-shadow:0 0 12px rgba(0,0,0,.12);border:2px solid rgba(227,227,227,1);transition:box-shadow .3s 1.2s,border .3s .2s}#fridgemoniter .systemname{display:flex;align-items:center;justify-content:center;position:relative;text-align:center;font-size:21px;margin:0;padding:15px 0 0 0;font-weight:700}#fridgemoniter .systemname:before{content:"";flex-grow:1;border-bottom:3px solid #f3ca1f}#fridgemoniter .systemname:after{content:"";flex-grow:1;border-bottom:3px solid #f3ca1f}#fridgemoniter .systemname>span{padding:0 10px}#fridgemoniter .subname{font-size:12px;color:#fff;margin:10px 0 0 0;padding:2px 10px;line-height:15px;background:#f3ca1f;border-radius:20px;display:inline-block}#mainlogin form{overflow:hidden;overflow-y:auto;max-height:80vh;box-sizing:content-box;padding:30px 10px 20px 10px}#mainlogin form::-webkit-scrollbar{width:0;background:transparent}#mainlogin form .input-group:nth-child(1){position:sticky;top:0;z-index:9;height:56px;transition:box-shadow .3s ease-in-out}#mainlogin form .input-group:nth-child(1).shadow::after{content:"";backdrop-filter:blur(5px);z-index:-1;width:calc(100% + 20px);left:-10px;height:88px;display:block;position:absolute;bottom:0;box-shadow:0 2px 10px -5px rgba(0,0,0,.3)}#mainlogin form .input-group:last-child{position:sticky;bottom:0;z-index:9;transition:box-shadow .3s ease-in-out}#mainlogin form .input-group:last-child.shadow::after{content:"";height:78px;width:calc(100% + 20px);left:-10px;box-shadow:0 -2px 10px -5px rgba(0,0,0,.3);display:block;position:absolute;z-index:-1;bottom:-20px;backdrop-filter:blur(5px)}.body_login{transition:.3s;transform-style:preserve-3d;width:100%;max-width:400px;width:100%;position:relative}.input_field{transition:box-shadow .6s 2.6s ease;box-shadow:0 0 0 0 rgba(0,0,0,0) inset}.input_field input[type="text"],.input_field input[type="password"]{outline:0;border:#aaa 1px solid;border-radius:5px;height:40px;padding-left:3px;padding-right:3px;box-sizing:border-box;color:#008fff}.input_field span[data-fixfield]{color:#000;background:#fff6d3;flex:1;position:absolute;top:3px;left:40px;width:calc(100% - 60px);height:24px;padding:7px;font-weight:400;font-size:16px;line-height:25px;border:0 none;border-left:1px solid #dfdfdf;border-radius:0;z-index:1;transition:transform .15s ease;transform:scale(1);box-sizing:content-box;font-weight:bold}.input_field span[data-fixfield]:empty{flex:1;position:absolute;top:3px;left:40px;width:calc(100% - 60px);height:24px;padding:7px;font-weight:400;font-size:16px;line-height:25px;border:0 none;border-left:1px solid #dfdfdf;border-radius:0;z-index:1;transition:transform .15s ease;transform:scale(1);box-sizing:content-box;font-weight:bold}#fridgemoniter .input_field:hover{-webkit-box-shadow:0 0 5px rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,1);border:1px solid rgba(81,203,238,1)}#fridgemoniter input[type="text"],#fridgemoniter input[type="password"],#loginForm input[type="email"]{flex:1;position:absolute;top:3px;left:40px;width:calc(100% - 60px);height:24px;padding:7px;font-weight:400;font-size:16px;line-height:16px;border:0 none;border-left:1px solid #dfdfdf;background:none;border-radius:0;z-index:1;transition:transform .15s ease;transform:scale(1);box-sizing:content-box}#fridgemoniter .resetCaptcha:hover .fa-refresh{animation:spin 2s infinite linear;display:inline-block}.input_field{position:relative;height:43px;border:1px solid #c2c2c2;border-radius:3px;background:#fff;text-align:left;margin:30px auto 5px;display:inline-block;width:calc(100% - 2px)}.input_field_group .input_field{width:calc(100% - 220px);display:inline-block}.input_field_group .captcha{width:210px;display:inline-block;float:right;vertical-align:top}.input_field_group img{position:absolute;margin-left:40px;top:0;cursor:pointer;width:168px;height:42px;position:absolute;left:0;border:0;border-left:1px solid #cecece;border-top-right-radius:3px;border-bottom-right-radius:3px}@media only screen and (max-width:767px){.input_field_group .input_field{width:calc(100% - 2px)}.input_field_group .captcha{width:calc(100% - 2px);float:none;margin-top:27px}.input_field_group img{width:100%;min-width:200px;max-width:310px}}#fridgemoniter .fa{width:24px;height:24px;text-align:center;font-size:18px;line-height:45px;color:#cecece}.fa-user,.fa-fridge,.fa-key,.fa-refresh{background-size:contain;text-transform:capitalize;position:absolute;top:10px;left:8px;display:inline-block;vertical-align:top}.fa-user{background:url(../image/user.png) no-repeat;background-size:contain}.fa-fridge{background:url(../image/fridge.png) no-repeat;background-size:contain}.fa-key{background:url(../image/key.png) no-repeat;background-size:contain}.fa-refresh{background:url(../image/refresh.png) no-repeat;background-size:contain}.resetCaptcha:hover .fa-refresh{animation:spin 2s infinite linear;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.sticky-note{margin-top:20px;background-color:#fffcdf;padding:10px;border:1px solid #fbc02d;border-radius:5px;position:relative;font-family:Arial,sans-serif;text-align:center}.sticky-note::before{content:"";position:absolute;top:10px;left:10px;width:40px;height:40px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' fill='none'><g><ellipse cx='50' cy='50' rx='30' ry='25' fill='%23ffeb3b'/><rect x='40' y='75' width='20' height='10' fill='%23aaa'/><rect x='35' y='85' width='30' height='10' fill='%23bbb'/><path d='M35 95 H65 V105 H35 Z' fill='%23aaa'/><line x1='50' y1='0' x2='50' y2='20' stroke='%23ffeb3b' stroke-width='3'/><line x1='50' y1='150' x2='50' y2='130' stroke='%23ffeb3b' stroke-width='3'/><line x1='0' y1='50' x2='20' y2='50' stroke='%23ffeb3b' stroke-width='3'/><line x1='100' y1='50' x2='80' y2='50' stroke='%23ffeb3b' stroke-width='3'/><line x1='15' y1='15' x2='30' y2='30' stroke='%23ffeb3b' stroke-width='3'/><line x1='85' y1='15' x2='70' y2='30' stroke='%23ffeb3b' stroke-width='3'/><line x1='15' y1='85' x2='30' y2='70' stroke='%23ffeb3b' stroke-width='3'/><line x1='85' y1='85' x2='70' y2='70' stroke='%23ffeb3b' stroke-width='3'/></g></svg>");background-size:contain;background-repeat:no-repeat}.tips{color:#333;margin:0 0 0 50px;text-align:left}.background-container{position:absolute;left:50%;top:0;width:100vw;height:100vh;overflow:hidden;transform:translateX(-50%);z-index:-1;background-color:#76daff}.background-animation{position:absolute;left:50%;min-width:300vw;min-height:300vw;background-color:#fff;border-radius:45%;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;bottom:10vh;-webkit-animation-duration:10s;animation-duration:10s}.background-animation:after{content:"";position:absolute;left:50%;min-width:300vw;min-height:300vw;background-color:#fff;opacity:.5;border-radius:47%;bottom:12vh;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:10s;animation-duration:10s}@-webkit-keyframes rotate{0%{transform:translate(-50%,0) rotateZ(0deg)}50%{transform:translate(-50%,-2%) rotateZ(180deg)}100%{transform:translate(-50%,0%) rotateZ(360deg)}}@keyframes rotate{0%{transform:translate(-50%,0) rotateZ(0deg)}50%{transform:translate(-50%,-2%) rotateZ(180deg)}100%{transform:translate(-50%,0%) rotateZ(360deg)}}input:focus+label span{top:38px;left:0;position:relative;animation:slideUp .2s forwards;animation-name:slideUp}:root{--placeholder-delay-increment:.025s}input:empty:not(:focus)+label span{animation-delay:0s!important}#fridgemoniter .input-group span[data-fixfield]:not(:empty)+label span,#fridgemoniter .input-group input:focus+label span,#fridgemoniter .input-group input:not(:placeholder-shown)+label span{font-size:14px;color:#999;display:inline-block;top:34px;left:48px;position:relative;animation:slideUp .2s forwards}input:focus+label span:nth-child(1){animation-delay:calc(var(--placeholder-delay-increment)*1)!important}input:focus+label span:nth-child(2){animation-delay:calc(var(--placeholder-delay-increment)*2)!important}input:focus+label span:nth-child(3){animation-delay:calc(var(--placeholder-delay-increment)*3)!important}input:focus+label span:nth-child(4){animation-delay:calc(var(--placeholder-delay-increment)*4)!important}input:focus+label span:nth-child(5){animation-delay:calc(var(--placeholder-delay-increment)*5)!important}input:focus+label span:nth-child(6){animation-delay:calc(var(--placeholder-delay-increment)*6)!important}input:focus+label span:nth-child(7){animation-delay:calc(var(--placeholder-delay-increment)*7)!important}input:focus+label span:nth-child(8){animation-delay:calc(var(--placeholder-delay-increment)*8)!important}input:focus+label span:nth-child(9){animation-delay:calc(var(--placeholder-delay-increment)*9)!important}input:focus+label span:nth-child(10){animation-delay:calc(var(--placeholder-delay-increment)*10)!important}input:focus+label span:nth-child(11){animation-delay:calc(var(--placeholder-delay-increment)*11)!important}input:focus+label span:nth-child(12){animation-delay:calc(var(--placeholder-delay-increment)*12)!important}input:focus+label span:nth-child(13){animation-delay:calc(var(--placeholder-delay-increment)*13)!important}input:focus+label span:nth-child(14){animation-delay:calc(var(--placeholder-delay-increment)*14)!important}input:focus+label span:nth-child(15){animation-delay:calc(var(--placeholder-delay-increment)*15)!important}input:not(:placeholder-shown)+label span:nth-child(1){animation-delay:calc(var(--placeholder-delay-increment)*1)!important}input:not(:placeholder-shown)+label span:nth-child(2){animation-delay:calc(var(--placeholder-delay-increment)*2)!important}input:not(:placeholder-shown)+label span:nth-child(3){animation-delay:calc(var(--placeholder-delay-increment)*3)!important}input:not(:placeholder-shown)+label span:nth-child(4){animation-delay:calc(var(--placeholder-delay-increment)*4)!important}input:not(:placeholder-shown)+label span:nth-child(5){animation-delay:calc(var(--placeholder-delay-increment)*5)!important}input:not(:placeholder-shown)+label span:nth-child(6){animation-delay:calc(var(--placeholder-delay-increment)*6)!important}input:not(:placeholder-shown)+label span:nth-child(7){animation-delay:calc(var(--placeholder-delay-increment)*7)!important}input:not(:placeholder-shown)+label span:nth-child(8){animation-delay:calc(var(--placeholder-delay-increment)*8)!important}input:not(:placeholder-shown)+label span:nth-child(9){animation-delay:calc(var(--placeholder-delay-increment)*9)!important}input:not(:placeholder-shown)+label span:nth-child(10){animation-delay:calc(var(--placeholder-delay-increment)*10)!important}input:not(:placeholder-shown)+label span:nth-child(11){animation-delay:calc(var(--placeholder-delay-increment)*11)!important}input:not(:placeholder-shown)+label span:nth-child(12){animation-delay:calc(var(--placeholder-delay-increment)*12)!important}input:not(:placeholder-shown)+label span:nth-child(13){animation-delay:calc(var(--placeholder-delay-increment)*13)!important}input:not(:placeholder-shown)+label span:nth-child(14){animation-delay:calc(var(--placeholder-delay-increment)*14)!important}input:not(:placeholder-shown)+label span:nth-child(15){animation-delay:calc(var(--placeholder-delay-increment)*15)!important}@keyframes slideUp{0%{top:38px;left:48px;color:#999;font-size:14px;position:relative}100%{top:0;left:0;color:#e43323;font-size:14px;position:relative}}@keyframes slideDown{0%{top:-38px;left:0;color:#e43323;font-size:14px;position:relative}100%{top:0;left:0;color:#999;font-size:14px;position:relative}}[data-button]{outline:0;cursor:pointer;padding:10px 15px;font-size:16px;color:#fff;border:0;border-radius:5px;cursor:pointer;width:100%;text-align:center}button.el-button:active[data-button]:active{box-shadow:inset 0 0 6px #999}button.el-button::before,[data-button]::before{content:"";position:absolute;top:1px;left:0;height:1px;width:33%;background:linear-gradient(to left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);box-shadow:rgba(255,255,255,.2) 0 1px 5px;transition:all .3s ease-in-out;z-index:1}button.el-button:hover::before,[data-button]:hover::before{left:66%}[data-button="blue"] span,[data-button="yellow"] span{position:relative;z-index:1}[data-button="blue"]{background:linear-gradient(to bottom,#79bbff 5%,#4197ee 100%)}[data-button="blue"]::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#4ddaff,#009bff);opacity:0;transition:opacity .3s ease}[data-button="blue"]:hover::after{opacity:1}[data-button="blue"]:active{background:linear-gradient(to bottom,#358fe2,#6acff9)}[data-button="yellow"]{background:linear-gradient(to bottom,#f6d64f 5%,#f3ca1f 100%)}[data-button="yellow"]::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#ffd84d,#f3b600);opacity:0;transition:opacity .3s ease}[data-button="yellow"]:hover::after{opacity:1}[data-button="yellow"]:active{background:linear-gradient(to bottom,#e0b720,#f6db77)}[data-button]{overflow:hidden;position:relative}.ripple{position:absolute!important;top:0;left:0;width:100%;height:100%}.ripple::after{content:"";position:absolute;display:block;background:radial-gradient(ellipse at center,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 62%,rgba(255,255,255,0) 68%,rgba(255,255,255,0) 100%);width:0;height:0;border-radius:50%;opacity:1;transition:.4s;animation:ripple 2s;z-index:0}@-webkit-keyframes ripple{from{opacity:.5;width:0;height:0;display:block;left:0;top:0}to{opacity:0;width:1500px;height:1500px;display:block;left:-750px;top:-750px}}@-moz-keyframes ripple{from{opacity:.5;width:0;height:0;display:block;left:0;top:0}to{opacity:0;width:1500px;height:1500px;display:block;left:-750px;top:-750px}}@-o-keyframes ripple{from{opacity:.5;width:0;height:0;display:block;left:0;top:0}to{opacity:0;width:1500px;height:1500px;display:block;left:-750px;top:-750px;}}@keyframes ripple{from{opacity:.5;width:0;height:0;display:block;left:0;top:0}to{opacity:0;width:1500px;height:1500px;display:block;left:-750px;top:-750px}}[data-panel="video"]{position:fixed;top:0;left:-100vw;width:100vw;height:100vh;object-fit:cover;overflow:hidden}[data-panel="video"].showvideo{left:0}.video-container{position:absolute;top:50px;left:0;width:100vw;height:100vh;object-fit:cover;overflow:hidden}#infobar{position:absolute;top:0;left:0;width:100vw;height:50px;z-index:3;object-fit:cover;background:#000;color:#f3ca1f;font-size:24px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;line-height:25px;overflow:hidden}#content_video{position:absolute;top:50px;left:0;width:100vw;height:calc(100vh - 50px);object-fit:cover;z-index:1;visibility:hidden}#ad-container{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:2}#ad-container>div{left:0;top:0}#debug-userid{position:fixed;z-index:1005;bottom:10px;left:100px;width:100px;height:30px;background:rgb(255 255 255/40%);color:#fff;line-height:30px;padding:2px;border-radius:5px}#debug-area{position:fixed;z-index:1005;bottom:10px;left:10px;width:48px;height:48px;background:rgb(255 190 0/40%);border-radius:10px}#debug-area::after{content:"Debug";text-align:center;width:100%;display:block;line-height:48px;color:#fc0;font-size:12px}#debug-container{position:fixed;z-index:1002;bottom:100px;opacity:0;display:none}#debug-container:hover{opacity:1}#debug-container.visible{display:block}#debug-container.hidden{display:none;pointer-events:none}[data-action],[data-level]{border:1px solid #cecece;padding:10px;margin:15px 2px 2px;position:relative;background:rgba(0,0,0,.2);display:inline-block;border-radius:20px}[data-level] button,[data-action] button{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background:#fff;border:2px solid #888;font-size:12px;cursor:pointer;border-radius:10px;outline:0;padding:0;margin:2px;box-shadow:0 2px 10px rgba(0,0,0,.15),5px 14px 20px rgba(0,0,0,.15);transition:all .1s ease-in-out;z-index:1;position:relative}[data-level] button div,[data-action] button div{padding:8px 10px;border-radius:8px;box-shadow:inset 0 -6px #d5d7de,0 -2px #fff;transition:all .1s ease-in-out}[data-level] button:active,[data-action] button:active{box-shadow:none}[data-level] button:active,[data-action] button:active div{box-shadow:none}[data-level] button:active div span,[data-action] button:active div span{transform:translate3d(0,0,0)}[data-level] button div span,[data-action] button div span{color:#888;display:block;transform:translate3d(0,-4px,0);transition:all .1s ease-in-out}[data-action="clear"] button{background:#0b91ff}[data-action="clear"] button div{box-shadow:inset 0 -6px #007be0,0 -2px #0b91ff}[data-action="clear"] button div span{color:#fff}[data-action="checkout"] button{background:#ff910b}[data-action="checkout"] button div{box-shadow:inset 0 -6px #cf7302,0 -2px #ff910b}[data-action="checkout"] button div span{color:#fff}[data-action="play"] button{background:#f87171}[data-action="play"] button div{box-shadow:inset 0 -6px #cf7302,0 -2px #ff910b}[data-action="play"] button div span{color:#fff}[data-action="pause"] button{background:#0b91ff}[data-action="pause"] button div{box-shadow:inset 0 -6px #007be0,0 -2px #0b91ff}[data-action="pause"] button div span{color:#fff}[data-action]::before,[data-level]::before{position:absolute;left:15px;top:-12px;background:#fc0;font-size:12px;padding:2px 13px;border-radius:20px;box-shadow:0 5px 10px rgba(0,0,0,.4)}[data-action]::before{content:attr(data-action)}[data-level]::before{content:attr(data-level)}.info_box{position:absolute;height:0;cursor:pointer;display:block;opacity:0;transition:opacity .3s ease-in-out .2s,height .3s ease-in-out;color:#de0000;font-size:12px;line-height:20px;min-width:50px;width:auto;max-width:none;padding:10px 10px 10px 40px;border:1px solid #cecece;border-radius:3px;top:42px;position:absolute;z-index:2;left:20px;box-shadow:2px 2px 3px 0 rgba(0,0,0,.4);background:#fff url(data:image/png;base64,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) 10px 10px no-repeat;text-align:left;white-space:nowrap;min-height:57px}@media only screen and (max-width:479px){.info_box{width:auto}}.info_box::before{content:"";width:0;height:0;display:block;border-style:solid;border-width:0 7px 7px;border-color:transparent transparent #cecece;position:absolute;top:-6px;left:10px}.info_box::after{content:"";width:0;height:0;display:block;border-style:solid;border-width:0 6px 6px;border-color:transparent transparent #fff;position:absolute;top:-5px;left:11px}.info_box>span::before{content:"請符合要求的格式。";color:#000;font-size:16px;line-height:20px;display:block;text-align:left}.info_box>span[data-alert]::before{content:attr(data-alert)}html:lang(zh-CN) .info_box>span::before{content:"请符合要求的格式"}html:lang(en-US) .info_box>span::before{content:"Please match the requested format"}html:lang(ja) .info_box>span::before{content:"要求された形式と一致してください。"}html:lang(th) .info_box>span::before{content:"กรุณาตรงตามรูปแบบที่กำหนด"}html:lang(ko) .info_box>span::before{content:"요구된 형식과 일치해 주세요."}html:lang(vi) .info_box>span::before{content:"Vui lòng phù hợp với định dạng yêu cầu."}.info_box>span>span{position:absolute;top:36px;left:0}.info_box>span>span::after{content:attr(data-counter);color:#dedede;font-size:12px;line-height:40px;display:block;position:absolute;top:0;left:0;width:40px;text-align:center}span[data-plh]::after{content:attr(data-plh)}@keyframes shake{0%{left:-5px}33%{left:5px}66%{left:-5px}100%{left:0}}.info_box svg{position:absolute;top:0;left:0;width:40px;height:40px;transform:rotateY(-180deg) rotateZ(-90deg)}.info_box svg circle{stroke-dasharray:113px;stroke-dashoffset:0;stroke-linecap:round;stroke-width:2px;stroke:#ffebb5;fill:none;transition:stroke-dashoffset .5s ease-out}#noticebar{position:absolute;bottom:0;left:0;width:66vw;font-size:3.75rem;color:#f4cc27;z-index:3;min-height:6rem;height:auto;display:flex;align-items:center;justify-content:flex-start;text-align:left;text-indent:5px;line-height:1.4;overflow:hidden;word-wrap:break-word}@media(max-width:1200px){#noticebar{font-size:3.5rem}}@media(max-width:1000px){#noticebar{font-size:3.2rem}}@media(max-width:930px){#noticebar{font-size:2.8rem;line-height:1.3;white-space:pre-wrap;word-break:break-word;hyphens:auto}}@media(max-width:870px){#noticebar{font-size:2.5rem;width:50vw;line-height:1}}@media(max-width:830px){#noticebar{font-size:2.5rem;width:45vw;line-height:1}}@media(max-width:730px){#noticebar{font-size:2.5rem;width:40vw}}