/*! Copyright (c) 2021 Eric Chow (https://cmchow.com) */input,textarea{border-radius:0;border:none}::-webkit-input-placeholder{white-space:pre-line;word-break:break-all;position:relative;font-size:1rem;letter-spacing:.05rem}::-moz-placeholder{white-space:pre-line;position:relative;font-size:1rem;letter-spacing:.05rem}:-ms-input-placeholder{white-space:pre-line;position:relative;font-size:1rem;letter-spacing:.05rem}:-moz-placeholder{white-space:pre-line;position:relative;font-size:1rem;letter-spacing:.05rem}.form label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bubble-box,.check-box,.input-icon,.radio-box,.select-items>div,.selected{-webkit-tap-highlight-color:transparent;touch-action:manipulation}textarea{width:100%;min-width:100%;min-height:42px}select{display:none}.form{display:block;position:relative;padding:1em 0;width:90%;margin:0 auto;max-width:800px}.form.full{width:100%}.form.hide{display:none}.form .textbox,.form input:not([type=checkbox]){width:100%;border:none;background-color:transparent;padding:0;font-size:1rem;font-weight:300;letter-spacing:.05rem;color:#000;line-height:1.5}.form input:disabled{background-color:transparent;opacity:1;color:#000}.form input[type=password]{letter-spacing:0}.form a{font-weight:400;color:#ff4d00}.form a:hover{text-decoration:underline}.form-action{display:flex;justify-content:center;align-items:center;margin-top:1em}.form-action button{margin:0 .5em;padding:1em 4em;font-size:.9rem;font-weight:400;letter-spacing:.15rem}.form-action a.contained-btn{padding:1em 4em;font-size:.9rem;font-weight:400;letter-spacing:.15rem;color:#fff}.form-action.mb{margin-bottom:2em}.form-title{display:flex;justify-content:space-between;align-items:center;margin-top:1em;color:#000;font-size:1.25rem;font-weight:400;letter-spacing:.15rem}.input-col-container{display:flex;justify-content:space-between;align-items:flex-start}.input-col-container.center{justify-content:center}.input-col-container.center .input-col{max-width:50%}.input-col-container.end{align-items:flex-end}.input-col-container.stretch{align-items:stretch}.input-col{width:100%;margin:0 2em}.input-col:first-of-type{margin-left:0}.input-col:last-of-type{margin-right:0}.input-col.short{width:40%}.input-col.long{width:60%}.input-col.flexcenter{display:flex;justify-content:center;align-items:center}.input-col.flexend{display:flex;justify-content:flex-end;align-items:center}.input-container{width:100%;display:flex;justify-content:flex-start;align-items:stretch;border:2px solid #000;padding:.5rem 2.5rem .5rem .75rem;transition:border-color .3s ease,background-color .3s ease-in-out;line-height:1.5}.input-container.center{justify-content:center}.input-container.end{justify-content:flex-end}.input-container.error{border-color:#ff4d00}.input-container:not(.error):focus,.input-container:not(.error):focus-within{border-color:#000}.input-container.action{background-color:transparent;border:none;transition:none;padding:0;margin-top:1.5em;margin-bottom:1.5em;flex-wrap:wrap}.input-container.action>button{margin-bottom:.5em;font-size:1rem}.input-container.nobg{border:none;background-color:transparent;padding:.5rem 0}.input-container.nomar{margin:0}.input-container.nopad{border:none;transition:none;padding:0}.input-container.full{padding:.5rem 1rem}.input-container.nopad-l{padding-left:0}.input-container.bor{border:1px solid #707070;border-radius:5px;padding-left:1.5em;padding-top:.75em;padding-bottom:.75em;padding-right:3rem}.input-container.bor.card{padding-right:6.5rem}.input-container .input-icon{position:absolute;top:50%;right:.25rem;width:2rem;height:2rem;transform:translateY(-50%)}.input-container .input-icon.calendar{background:url(/assets/img/icon-calendar.svg) center/65% no-repeat}.input-container .input-icon.time{background:url(/assets/img/icon-time.svg) center/75% no-repeat}.input-hidden{width:0;height:0;overflow:hidden;border:none;margin:0;padding:0;pointer-events:none}.input-remarks-block{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:.5em}.input-remarks-block.hidden{display:none}.input-remarks{padding:.2rem 0;font-size:.8rem}.input-remarks.right{text-align:right}.input-remarks a{color:#000;text-decoration:underline;letter-spacing:.05rem}.input-icon>svg .arrow{fill:#000}.input-icon>img,.input-icon>svg{width:100%;height:100%;object-fit:contain}.icon-rpw{display:flex;justify-content:center;align-items:center}.input-icon.icon-rpw>svg{width:70%;height:70%}.input-placeholder{position:absolute;top:50%;left:.5rem;transform:translateY(-50%);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1),background-color .15s ease;pointer-events:none;cursor:none;color:#bcbcbc;z-index:10;padding:0 .25rem;margin-right:2.75rem;width:auto;max-width:100%;line-height:1.1;width:max-content}.input-placeholder.nowrap{white-space:nowrap}.input-container:focus .input-placeholder:not(.no-focus),.input-container:focus-within .input-placeholder:not(.no-focus){top:2.5px;transform:translateY(-90%) scale(.9);background-color:rgba(255,255,255,1)}.input-placeholder>span{color:#ff4d00}.input-placeholder.hide{top:2.5px;transform:translateY(-90%) scale(.9);background-color:rgba(255,255,255,1)}.input-des{width:100%;margin-bottom:.25em}.input-des-block[data-sample=true] .input-des{display:flex;justify-content:space-between;align-items:center}.input-des-block .input-des button{display:none;color:#fff;margin-right:.25em;justify-content:space-between;align-items:center}.input-des-block .input-des button::after{content:'';display:block;width:1em;height:1em;margin-left:.25em;background:url(/assets/img/icon-info.svg) center/contain no-repeat}.input-des-block[data-sample=true] .input-des button{display:flex}.input-des-block.center{justify-content:center}.input-des,.input-des a{font-size:1rem;letter-spacing:.1rem;text-align:left}.input-des span.required{color:#ff4d00}.input-des-block{display:block;width:100%;color:#000;font-size:.9rem;font-weight:300;margin-top:1.5em;margin-bottom:.2em;letter-spacing:.015rem}.input-des-block.nomar{margin-top:0}.input-des-block.start{align-items:flex-start}.input-des-block.rev{flex-direction:row-reverse}.form .error-block{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#ff4d00;letter-spacing:.015rem}.form .error-block>div{visibility:hidden;justify-content:space-between;align-items:center;width:0;height:0;overflow:hidden;font-size:.8rem}.form .error-block>div.show{display:flex;visibility:visible;width:auto;height:auto}.form .error-block>.input-error::before{content:'';display:inline-block;width:1rem;height:1rem;min-width:1rem;background:url(/assets/img/message/icon-error-color.svg) center/100% no-repeat;margin-right:.5em}.reveal-pw{cursor:pointer}.reveal-pw .hidepw,.reveal-pw.revealed .showpw,svg.tick-ok path{transition:stroke-dashoffset .3s ease;stroke-dashoffset:60}.reveal-pw .showpw,.reveal-pw.revealed .hidepw,svg.tick-ok.show path{stroke-dashoffset:0}.reveal-pw path,svg.tick-ok path{fill:none;stroke:#ff4d00;stroke-miterlimit:4;stroke-width:1.5;stroke-dasharray:60}select{display:none}.custom-select{width:100%}.selected{width:100%;padding:.5rem 2.5rem .5rem .75rem;border:2px solid #000;z-index:2;transition:box-shadow .3s ease-out;text-align:left;line-height:1.5}.custom-select.fit{width:auto}.custom-select.fit .selected{padding:0 2.5rem 0 .75rem;border:none;height:100%}.custom-select.fit .selected{box-shadow:none;border-color:transparent;background-color:transparent;opacity:.75}.input-container.error .selected{border-color:#ff4d00}.selected::after{content:'';position:absolute;top:50%;right:.25rem;width:2rem;height:2rem;background:url(/assets/img/icon-arrow.svg) center/90% no-repeat;transition:transform .3s ease-in-out;transform:translateY(-50%)}.selected.select-active{box-shadow:0 4px 10px rgba(0,0,0,.15);border-color:#ff4d00;background-color:#fff}.selected.select-active::after{transform:translateY(-50%) rotate(-180deg)}.select-items div,.selected{color:#322d37;cursor:pointer;font-size:1rem;font-weight:300;letter-spacing:.015rem;overflow:hidden;display:flex;justify-content:flex-start;align-items:center}.select-items{position:absolute;top:70%;left:0;right:0;z-index:1;padding:1.2em 0 .2em 0;transition:max-height .3s ease-out,opacity .15s ease-out;opacity:1;background-color:#f7f7f7}.select-items span.flag{margin-right:.5em}.custom-select.fit .select-items{top:100%;padding:.25em 0 .25em 0;width:fit-content;width:max-content}.select-items.filtered div.select-group{font-size:0}.select-hide{max-height:0;overflow:hidden;opacity:0;pointer-events:none}.select-items div{width:100%;padding:.5em .75em}.select-items div:last-of-type{border-bottom:none}.same-as-selected,.select-items div:hover{background-color:rgba(0,0,0,.15)}.select-items span.tag{color:#aaa;font-size:.85rem;font-weight:300;display:block;width:100%;letter-spacing:.01rem}.custom-select.suggestion .selected::after{display:none}div.select-group{cursor:default;font-weight:600}div.select-group>div{font-weight:400}div.select-group>div:first-of-type{margin-top:.5em}div.select-group:hover{background-color:rgba(0,0,0,.075)}div.select-group>div:hover{background-color:rgba(0,0,0,.15)}.btn-form-field{position:absolute;width:100%;height:100%;top:0;left:0;background-color:transparent;padding:0;margin:0;border-radius:.5em;z-index:10}.btn-form-field:hover{border-radius:.5em;background-color:rgba(0,0,0,.05)}.form .select-search{position:absolute;display:block;top:0;left:0;width:100%;height:200%;z-index:1;background-color:#f7f7f7;border-radius:.5em .5em 0 0;transform:translateY(0);transition:transform .3s ease-out,opacity .3s ease-out;pointer-events:none;opacity:0}.form .select-input{position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:10;padding:.5rem 3rem .5rem 1rem}.form .select-search>input:not([type=checkbox]){position:relative;display:block;width:100%;width:calc(100% - 1rem);height:50%;margin:0 auto;margin-top:.5rem;padding:.5rem 3rem .5rem 1rem;border-radius:.5em;background-color:#fff}.form .select-search.show{transform:translateY(-66.6%);pointer-events:all;opacity:1}.input-container .select-search .input-icon{top:36.6%;display:flex;justify-content:center;align-items:center;pointer-events:none}.select-search .input-icon.calendar::after{content:'';display:block;background:url(/assets/img/icon-calendar.svg) center/contain no-repeat}.select-search .input-icon.time::after{content:'';display:block;background:url(/assets/img/icon-time.svg) center/contain no-repeat}.select-search .input-icon svg{width:60%;height:60%;pointer-events:none}.select-input .input-icon svg path,.select-search .input-icon svg path{fill:none;stroke:#707070;stroke-width:1px;transition:stroke-dashoffset .3s ease;stroke-dashoffset:0}.select-input .input-icon svg .cancel,.select-search .input-icon svg .cancel{stroke-dasharray:25;stroke-dashoffset:25}.select-search .input-icon svg .search{stroke-dasharray:170}.select-search.filtered .input-icon svg .search{stroke-dashoffset:170}.select-input.filtered:focus .input-icon svg .cancel,.select-input.filtered:focus-within .input-icon svg .cancel,.select-search .input-icon svg .search,.select-search.filtered .input-icon svg .cancel{transition-delay:.15s;stroke-dashoffset:0}.select-search.filtered .input-icon{pointer-events:all;cursor:pointer}.input-container .select-input .input-icon{display:flex;justify-content:center;align-items:center;pointer-events:none}.select-input .input-icon svg{width:80%;height:80%;pointer-events:none}.select-input .input-icon svg .key,.select-input.filtered .input-icon svg .key{stroke-dasharray:75;stroke-dashoffset:75}.select-input.filtered .input-icon{pointer-events:all;cursor:pointer}.select-input:not(.filtered):focus .input-icon svg .key,.select-input:not(.filtered):focus-within .input-icon svg .key{stroke-dashoffset:0}.check-box{display:flex;justify-content:flex-start;align-items:center;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:.75em 0}.check-box.nomar{margin:0}.check-box.disabled{opacity:.3;pointer-events:none}.input-container.checklist>div.full{width:100%}.check-des{font-size:.9rem;letter-spacing:.015rem;color:#000;padding-left:2.25rem;z-index:5;pointer-events:none;text-align:left}.check-des a{color:#ff4d00;pointer-events:all;letter-spacing:.015rem}.check-des a:hover{opacity:.7}.check-box input{position:absolute;top:50%;left:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1;transform:translateY(-50%)}.check-box .checkmark{position:absolute;top:50%;left:0;height:1.4rem;width:1.4rem;background-color:#fff;border:2px solid #ff4d00;transform:translateY(-50%)}.check-box:hover input~.checkmark{background-color:#f7f7f7}.check-box input:checked~.checkmark{background-color:#ff4d00}.check-box .checkmark:after{content:"";position:absolute;display:none}.check-box input:checked~.checkmark:after{display:block}.check-box .checkmark:after{top:5%;left:30%;width:40%;height:80%;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.draggable-select{width:100%;position:relative;overflow:hidden}.draggable-select-list{width:100%;position:relative;overflow:hidden}.draggable-select-cell{position:absolute;top:0;left:0;width:100%;font-size:2rem;font-weight:500;line-height:1.25;color:rgba(0,0,0,.87);color:rgba(0,0,0,.92);user-select:none;display:flex;align-items:center;justify-content:center}.draggable-select-list::after,.draggable-select-list::before{content:'';position:absolute;left:0;width:100%;height:2rem;pointer-events:none;z-index:10;background:#fff;background:-moz-linear-gradient(180deg,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(180deg,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);background:linear-gradient(180deg,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%)}.draggable-select-list::before{top:0}.draggable-select-list::after{bottom:0;transform:scaleY(-1)}.draggable-select-list-next,.draggable-select-list-prev{position:relative;display:block;width:2rem;height:1.5rem;padding:1rem .5rem;margin:0 auto}.draggable-select-list-next::after,.draggable-select-list-prev::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/img/icon-arrow-widget.svg) center/contain no-repeat}.draggable-select-list-prev::after{transform:rotate(90deg)}.draggable-select-list-next::after{transform:rotate(270deg)}.upload-box{display:block;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;width:100%;border-radius:10px}.upload-box>*{pointer-events:none}.upload-box .upload-list{width:100%}.upload-box .upload-list ul{display:block;list-style:none}.upload-box .upload-list ul li{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.25em .5em;background-color:#ff4d00;margin-bottom:.5em}.upload-box .upload-list ul li>span{display:block;position:relative;width:2.5ch;height:2.5ch;margin-right:.5ch;border-radius:50%;border:2px solid #fff;background:0 0;border-color:#fff transparent #fff transparent;animation:kLoadingSpin 1.5s cubic-bezier(.68,-.55,.27,1.55) infinite}.upload-box .upload-list ul li.success>span{border-radius:none;border:none;background:url(/assets/img/message/icon-success-light.svg) center/contain no-repeat;border-color:none;animation:none}.upload-box .upload-list ul li.failed{background-color:#ff4d00}.upload-box .upload-list ul li.failed>span{border-radius:none;border:none;background:url(/assets/img/message/icon-warning-light.svg) center/contain no-repeat;border-color:none;animation:none}.upload-box .upload-list-template{display:none}.upload-box .upload-list ul li>div{width:75%;width:calc(100% - 6ch);color:#fff;display:flex;justify-content:space-between;align-items:center}.upload-box .upload-list ul li>div>p{width:100%;font-size:.85rem;font-weight:300;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;padding-right:1em}.upload-box .upload-list ul li>div>span{display:block;position:relative;font-size:.85rem;font-weight:300;letter-spacing:.05rem}.upload-box .upload-list ul li>button{position:relative;width:2.5ch;height:2.5ch;margin-left:.5ch;display:block;color:#fff;border-radius:50%;pointer-events:none;z-index:1;opacity:0}.upload-box .upload-list ul li.failed>button,.upload-box .upload-list ul li.success>button{pointer-events:all;cursor:pointer;z-index:100;opacity:1}.upload-box .upload-list ul li>button::after{content:'\2715';font-size:1rem;font-weight:300;line-height:1}.upload-box.upload-fail .upload-remarks{color:#ff4d00}@keyframes kLoadingSpin{0%{transform:rotate(0);opacity:1}100%{transform:rotate(360deg);opacity:1}}.upload-title{color:#fff;font-size:1.2rem;letter-spacing:.05rem;margin-bottom:.5em;display:none}.upload-title span{color:#ff4d00}.upload-des{width:100%;color:#fff;font-size:.9rem;letter-spacing:.15rem;margin-bottom:.2em;z-index:3}.upload-box.dragging .upload-des{z-index:1}.upload-remarks{color:#000;padding:.2rem 0;font-size:.8rem;letter-spacing:.025rem;width:100%;margin:0 auto;text-align:left}.upload-dragover{position:absolute;top:2%;left:2%;width:96%;height:96%;z-index:1;justify-content:center;align-items:center;color:#eee;font-size:1.25rem;font-weight:400;letter-spacing:.025rem;background-color:rgba(255,255,255,.8);border-radius:10px;opacity:0;transition:opacity .2s ease;pointer-events:none;display:none}.upload-dragarea{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:all;display:none}.upload-box.dragging .upload-dragover{opacity:1}.upload-box button{width:100%;z-index:5;pointer-events:all;font-size:.9rem}.upload-box button.btn-upload{letter-spacing:.15rem;padding:.7rem 1em}.upload-box button.btn-upload>span>span{display:flex;justify-content:center;align-items:center}.upload-box button.btn-upload>span>span::after{content:'';display:block;width:1rem;height:1rem;margin-left:.5em;background:url(/assets/img/icon-upload.svg) center/contain no-repeat}.upload-box.disable-pointer .upload-des button{pointer-events:none}.upload-box.uploading .upload-des{pointer-events:none;opacity:.5}.upload-box.uploading .upload-des *{pointer-events:none}.upload-bar{width:100%;display:none;flex-direction:column;justify-content:flex-start;align-items:flex-start}.upload-box.uploading .upload-bar{display:flex}.upload-bar>span{display:block;position:relative;width:0%;height:.3em;background-color:#ff4d00;border-radius:.15em;transition:width .25s ease}.upload-bar p,.upload-bar>p{font-size:.85rem;letter-spacing:.025rem;margin-top:.3em;color:#ff4d00}.input-des-block.mv-link,.input-des-block.stream-link,.input-remarks-block.mv-link,.input-remarks-block.stream-link{display:none}.input-col[data-select-mv=vimeo] .input-des-block.mv-link[data-mv=vimeo],.input-col[data-select-mv=youtube] .input-des-block.mv-link[data-mv=youtube],.input-col[data-select-stream=apple] .input-des-block.stream-link[data-stream=apple],.input-col[data-select-stream=spotify] .input-des-block.stream-link[data-stream=spotify]{display:block}.input-col[data-select-mv=vimeo] .input-remarks-block.stream-link[data-mv=vimeo],.input-col[data-select-mv=youtube] .input-remarks-block.stream-link[data-mv=youtube],.input-col[data-select-stream=apple] .input-remarks-block.stream-link[data-stream=apple],.input-col[data-select-stream=spotify] .input-remarks-block.stream-link[data-stream=spotify]{display:flex}.remarksbox{max-height:0;transition:max-height .3s ease-out;overflow:hidden}.remarksbox.show{max-height:300px}@media(max-width:800px){.input-col-container:not(.nowrap){flex-wrap:wrap}.input-col-container>*,.input-col.long,.input-col.short{width:100%;max-width:800px}.input-col-container:not(.nowrap) .input-col{margin-left:0;margin-right:0}.input-col-container.center .input-col{max-width:100%}}@media(max-width:800px){.input-container.checklist>div{width:50%;padding-right:4%}.input-container.action>button{font-size:.95rem}}@media(max-width:720px){.input-des-block{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.input-container,.input-container.short{width:100%}.input-des{width:100%;margin-bottom:.5em}.input-des.long{width:100%;max-width:320px}.input-remarks-block{padding-left:0}.upload-title{font-size:1.1rem}.input-col-container.nowrap .input-col{margin:0 .75em}.input-col-container.nowrap .input-col:first-of-type{margin-left:0}.input-col-container.nowrap .input-col:last-of-type{margin-right:0}}@media(max-width:540px){.form button{font-size:.9rem}.check-des,.form a,.input-des,.input-placeholder,.select-items div,.selected{font-size:.9rem}.form .textbox,.form input:not([type=checkbox]){font-size:1rem}.select-items span.tag{font-size:.8rem}::-webkit-input-placeholder{font-size:.9rem}::-moz-placeholder{font-size:.9rem}:-ms-input-placeholder{font-size:.9rem}:-moz-placeholder{font-size:.9rem}.input-container.action>button{font-size:.9rem}.form .textbox,.form input:not([type=checkbox]){font-size:.9rem}.upload-title{font-size:1rem}.form-action button{padding:1em 3.5em}}@media(max-width:420px){.check-des,.form a,.input-des,.input-placeholder,.select-items div,.selected{font-size:.85rem}.input-container.action>button{font-size:.85rem}}@media(max-width:380px){.form-action button{padding:.75em 3.25em}}@media(max-height:680px){.input-container.action{margin-top:2em}}@media(max-height:600px){.input-container.action{margin-top:1em}}@media(-ms-high-contrast:none),(-ms-high-contrast:active){#reveal-newpw .hidepw,#reveal-newpw.show .showpw,#reveal-pw .hidepw,#reveal-pw.show .showpw,svg.tick-ok path{transition:opacity .3s ease;opacity:0;stroke-dashoffset:initial}#reveal-newpw .showpw,#reveal-newpw.show .hidepw,#reveal-pw .showpw,#reveal-pw.show .hidepw,svg.tick-ok.show path{opacity:1;stroke-dashoffset:initial}}.flag{width:20px;height:15px;box-shadow:0 0 1px 0 #888;background-image:url(/assets/img/form/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.flag{background-size:5652px 15px;background-image:url(/assets/img/form/flags@2x.png)}}.flag.hk{height:14px;background-position:-2171px 0}
/*# sourceMappingURL=form.min.css.map */