@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;box-sizing:border-box;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}a,a:link,li,ul{list-style:none}a,a:hover,a:link,li,ul{text-decoration:none}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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}p{margin-bottom:0}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0}button,button:focus,input{outline:none}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0}body,button,div,html,input,section{font-weight:400;letter-spacing:1px}.img-fluid{width:100%}.clear-both{clear:both}html:lang(tc) *{font-family:Noto Sans TC,sans-serif;font-weight:400}html:lang(en) *{font-family:Roboto,sans-serif;font-weight:400}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#000;border-radius:4px}.error-msg{color:red;font-size:13px;margin-top:5px}.desktop{display:block}@media (max-width:576px){.desktop{display:none}}.mob{display:none}@media (max-width:576px){.mob{display:block}}.landing-wrap{background-attachment:fixed;background-image:url(../images/logo2/img-landing-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;position:relative;width:100%}.landing-wrap .diagonal-line{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M0.25 0 L0 0.25 L99.75 100 L100 99.75 Z' fill='white'/><path d='M0 99.75 L99.75 0 L100 0.25 L0.25 100 Z' fill='white'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:100% 100%,auto;position:absolute}.landing-wrap .logo-wrap{margin:0 auto;max-width:450px;padding:70px 0 15px;width:80%}@media (max-width:576px){.landing-wrap .logo-wrap{max-width:315px;padding:60px 0 15px}}@media (max-width:400px){.landing-wrap .logo-wrap{width:88%}}.landing-wrap .logo-wrap-new{margin:0 auto;max-width:450px;padding:20% 0 15px;width:80%}@media (max-width:576px){.landing-wrap .logo-wrap-new{max-width:315px;padding:30% 0 15px}}@media (max-width:400px){.landing-wrap .logo-wrap-new{padding-top:30%;width:88%}}.landing-wrap .txt-heading{color:#fff;font-size:18px;font-weight:700;letter-spacing:0;line-height:47px;margin:0 auto;max-width:450px;padding-bottom:50px;text-align:left;width:90%}@media (max-width:576px){.landing-wrap .txt-heading{max-width:315px;padding-bottom:20px;width:80%}}@media (max-width:400px){.landing-wrap .txt-heading{width:88%}}@media (max-width:576px){.landing-wrap .landing-cont.en .txt-heading{padding-bottom:20px}}@media (max-width:400px){.landing-wrap .landing-cont.en .txt-heading{width:65%}.landing-wrap .landing-cont.en .landing-txt{font-size:12px}}@media (max-width:576px){.landing-wrap .landing-cont.en .landing-txt-list{margin:18px 0}}@media (max-width:400px){.landing-wrap .landing-cont.en .landing-txt-list{margin:10px 0}}.landing-wrap .landing-cont.en .landing-title{font-size:20px;font-weight:700}@media (max-width:576px){.landing-wrap .landing-cont.en .landing-title{font-size:16px}}@media (max-width:400px){.landing-wrap .landing-cont.en .landing-title{font-size:13px;line-height:1.5rem}}.landing-wrap .landing-cont.en .btn-s{width:190px}@media (max-width:576px){.landing-wrap .landing-cont.en .btn-s{width:140px}}@media (max-width:400px){.landing-wrap .landing-cont.en .btn-s{padding:13px 10px;width:auto}}.landing-content{overflow:hidden;padding-bottom:50px;position:relative}@media (max-width:576px){.landing-content{padding-bottom:0}}.landing-content .landing-inner{color:#fff;margin:0 auto;max-width:500px;width:90%}@media (max-width:576px){.landing-content .landing-inner{max-width:315px;width:80%}}@media (max-width:400px){.landing-content .landing-inner{width:88%}}.landing-content .landing-title{font-size:24px;font-weight:500;line-height:2.5rem;margin-bottom:40px;text-align:center}@media (max-height:768px) and (min-width:577px){.landing-content .landing-title{margin-bottom:20px}}@media (max-width:576px){.landing-content .landing-title{font-size:18px;margin-bottom:30px}}@media (max-width:400px){.landing-content .landing-title{font-size:16px;line-height:1.5rem;margin-bottom:20px}}@media (max-width:330px){.landing-content .landing-title{font-size:14px}}.landing-content .landing-txt{font-size:20px;padding-left:2px}@media (max-width:576px){.landing-content .landing-txt{font-size:15px}}.landing-content .landing-txt-list{margin:25px 0}@media (max-width:400px){.landing-content .landing-txt-list{margin:20px 0}}.landing-content .txt-spec{color:red;font-size:13px;font-weight:700;margin-right:3px}.content-wrap{margin:30px auto;position:relative;width:90%}@media (max-width:576px){.content-wrap{max-width:90%}}.yuu-loading{height:100vh;height:calc(var(--vh, 1vh)*100);overflow:hidden;position:relative;width:100%}.yuu-loading .loading-wrap{left:50%;position:absolute;top:47%;transform:translate(-50%,-50%);width:100%}.yuu-loading .loading-wrap .loaging-img,.yuu-loading .loading-wrap .loaging-logo{margin:15px auto;width:80px}.yuu-loading .loading-wrap .loading-txt{font-size:20px;text-align:center}.yuu-body{height:100%;width:100%}.yuu-wrap{height:calc(100vh - 150px);height:calc(var(--vh, 1vh)*100 - 150px);overflow-x:hidden;overflow-y:auto;position:relative}.yuu-wrap select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.yuu-wrap .register h5{font-weight:600}.yuu-wrap .register .register-title{font-size:15px;line-height:1.3rem}.yuu-wrap .register .register-item{margin:20px 0;position:relative}.yuu-wrap .register .input-item{align-items:center;border-bottom:1px solid #000;display:flex;padding:5px 0;width:100%}.yuu-wrap .register .input-item.movedown{display:block}.yuu-wrap .register .input-item.movedown .register-label{font-size:11px;margin-bottom:3px}.yuu-wrap .register .input-item.movedown .register-input{width:100%}.yuu-wrap .register .input-item.yuuid{border-bottom:none;display:block}.yuu-wrap .register .input-item.movedown.input-w100 .register-input{width:100%}@media (max-width:576px){.yuu-wrap .register .input-item.movedown.input-w100 .register-input{width:100%}}.yuu-wrap .register .input-item.input-w100 .register-label{width:100%}.yuu-wrap .register .input-item.input-w100 .register-input{width:5px}.yuu-wrap .register .register-dropdown .register-label{font-size:11px}.yuu-wrap .register .register-dropdown .register-label .remark{font-size:9px}.yuu-wrap .register .register-dropdown .dropdown-wrap{display:flex;margin-top:5px}@media (max-width:576px){.yuu-wrap .register .register-dropdown .dropdown-wrap{justify-content:space-between}}.yuu-wrap .register .register-dropdown .dropdown-item{border-bottom:1px solid #000;margin-right:15px}@media (max-width:576px){.yuu-wrap .register .register-dropdown .dropdown-item{margin-right:0;width:46%}}.yuu-wrap .register .register-dropdown .dropdown-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url(../images/arrow-dropdown.svg);background-position:98% 52%;background-repeat:no-repeat;background-size:10px;border:none;color:#707070;font-size:14px;padding:7px 0;width:180px}@media (max-width:576px){.yuu-wrap .register .register-dropdown .dropdown-select{width:100%}}.yuu-wrap .register .register-dropdown .dropdown-select:focus{outline:none}.yuu-wrap .register .register-dropdown option{color:#000}.yuu-wrap .register .register-dropdown [selected]{display:none}.yuu-wrap .register .yuuid .yuu_wrap{margin-top:10px}@media (max-width:576px){.yuu-wrap .register .yuuid .yuu_wrap{min-width:100%}}.yuu-wrap .register .register-input{display:inline-block;font-size:16px;font-weight:500;padding:0}.yuu-wrap .register ::-webkit-input-placeholder{color:#babfd0}.yuu-wrap .register .register-label{display:inline-block;font-size:14px;line-height:1.1rem}.yuu-wrap .register .label-s{margin-right:10px;width:130px}@media (max-width:576px){.yuu-wrap .register .label-s{width:140px}}.yuu-wrap .register .label-s~.register-input{width:calc(100% - 141px)}@media (max-width:576px){.yuu-wrap .register .label-s~.register-input{width:calc(100% - 101px)}}.yuu-wrap .register .label-m{margin-right:10px;width:130px}@media (max-width:576px){.yuu-wrap .register .label-m{width:120px}}.yuu-wrap .register .label-m~.register-input{width:calc(100% - 141px)}@media (max-width:576px){.yuu-wrap .register .label-m~.register-input{width:calc(100% - 131px)}}.yuu-wrap .register .label-b{margin-right:10px}.yuu-wrap .register .label-b~.register-input{width:calc(100% - 141px)}.yuu-wrap .register .error-field-text{color:#e25448!important}.yuu-wrap .terms .notice{border:1px solid #e3e7f3;font-size:16px;letter-spacing:0;line-height:20px;margin-bottom:30px;padding:15px 0;text-align:center}.yuu-wrap .terms .dropdown-item{padding:10px 0}.yuu-wrap .terms .dropdown-item .dropdown-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;position:relative}.yuu-wrap .terms .dropdown-item .dropdown-title .title-txt{font-size:20px;font-weight:500}.yuu-wrap .terms .dropdown-item .dropdown-btn{cursor:pointer;width:20px}.yuu-wrap .terms .dropdown-item .dropdown-btn.down{transform:rotate(180deg)}.yuu-wrap .terms .dropdown-item .dropdown-cont{word-wrap:break-word;display:none;font-size:14px;line-height:1.5rem;white-space:normal}.yuu-wrap .terms .dropdown-item .dropdown-cont p,.yuu-wrap .terms .dropdown-item .dropdown-cont strong{font-weight:revert;margin:revert}.yuu-wrap .terms .dropdown-item .dropdown-cont a{word-break:break-all}.yuu-wrap .terms .terms-confirm{margin-top:40px}.yuu-wrap .terms .terms-confirm .confirm-check{margin:0;opacity:0;width:0}.yuu-wrap .terms .terms-confirm .check-item{display:flex;margin:15px 0}.yuu-wrap .terms .terms-confirm .confirm-label{font-size:15px;line-height:1.5rem;padding-left:30px;position:relative}.yuu-wrap .terms .terms-confirm .confirm-label:before{background-image:url(../images/logo2/t&c.svg);background-position:50%;background-repeat:no-repeat;background-size:15px 15px;content:"";height:15px;left:0;position:absolute;top:5px;width:15px}.yuu-wrap .terms .terms-confirm .confirm-label:after{background-image:url(../images/logo2/tick.svg);background-position:50%;background-repeat:no-repeat;background-size:13px 13px;content:"";height:13px;left:4px;opacity:0;position:absolute;top:4px;width:13px}.yuu-wrap .terms .terms-confirm .confirm-check:checked~.confirm-label:after{opacity:1}.yuu-wrap .cont-common{border:2px solid #e3e7f3;border-radius:16px;box-shadow:0 3px 5px #e3e7f3;height:199px;margin-left:auto;margin-right:auto;margin-top:150px;text-align:center;width:280px}.yuu-wrap .cont-common .img-center{margin:0 auto;width:100px}.yuu-wrap .cont-common .img-top-center{left:50%;position:absolute;top:-70px;transform:translateX(-50%)}.yuu-wrap .cont-common .txt-title{font-size:20px;font-weight:700;padding:60px 0 25px;text-align:center}.yuu-wrap .cont-common .txt-desc{font-size:14px;line-height:1.5rem;padding-bottom:30px;text-align:center}.yuu-wrap .cont-common .txt-desc.en{font-size:12px;line-height:1.5rem;padding-bottom:30px;text-align:center}.yuu-wrap .change-location{align-items:center;display:flex;flex-direction:column;margin-top:-15px}.yuu-wrap .change-location .location-img{margin:0 auto;width:120px}.yuu-wrap .change-location .btn-line{border-bottom:1px solid #fff;color:#000;display:inline-block;font-size:12px;margin-top:10px;padding:5px 0;text-align:center}.yuu-wrap .cont-error{left:50%;position:absolute;top:50%;transform:translate(-50%,-52%);width:100%}.yuu-wrap .cont-error .error-img{margin:0 auto 40px;width:180px}.yuu-wrap .cont-error .error-title{font-size:30px;font-weight:600;margin-bottom:20px;text-align:center}.yuu-wrap .cont-error .error-desc{color:#707070;font-size:16px;font-weight:500;line-height:1.4rem;text-align:center}.yuu-wrap-s{height:calc(100vh - 180px);height:calc(var(--vh, 1vh)*100 - 180px)}.yuu-wrap.noscroll{height:100%;overflow:hidden}.yuu-wrap.center-align{height:calc(var(--vh, 1vh)*100 - 70px)}.landing-heading{margin:0 auto;max-width:650px;outline:1px solid red;position:relative;width:90%}@media (max-width:576px){.landing-heading{max-width:360px}}.yuu-heading{background-color:#fff;height:70px;width:100%}.yuu-heading .heading-wrap{align-items:center;color:#fff;display:flex;height:100%;justify-content:space-between;margin:0 auto;position:relative}.yuu-heading .yuu-logo{left:50%}.yuu-heading .header-logo,.yuu-heading .yuu-logo{font-size:25px;position:absolute;top:50%;transform:translate(-50%,-50%)}.yuu-heading .header-logo{left:22%}.yuu-heading .lang-wrap{right:0;top:50%;transform:translateY(-50%)}.lang-wrap{align-items:center;background-color:#fff;border-radius:5px;cursor:pointer;display:flex;height:26px;justify-content:center;padding:5px;position:absolute;right:0;top:20px;width:55px;z-index:9}.lang-wrap .lang{color:#000;font-size:14px;margin-right:5px}@media (max-width:400px){.lang-wrap .lang{font-size:13px}}.lang-wrap .lang-arrow{padding-top:2px;width:6px}.yuu-btns{align-items:center;bottom:30px;display:flex;flex-direction:column;font-size:13px;left:50%;position:fixed;transform:translateX(-50%);width:90%}@media (max-width:576px){.yuu-btns{bottom:25px}}@media (max-width:400px){.yuu-btns{width:88%}}.yuu-btns .btn-normal{border-radius:5px;border-radius:2rem!important;cursor:pointer;display:block;font-size:15px;font-weight:700;height:45px;line-height:45px;text-align:center;width:100%}@media (max-width:576px){.yuu-btns .btn-normal{font-size:14px;height:40px;line-height:40px}}.yuu-btns .btn-spec{background-color:#aaa;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;line-height:1.2rem;padding:15px;text-align:center;width:100%}@media (max-width:576px){.yuu-btns .btn-spec{font-size:14px;padding:8px 10px}}.yuu-btns .fill-main,.yuu-btns .fill-main:hover{background-color:#ff432c;color:#fff}.yuu-btns .fill-white{background:#fff;color:#2a7de1}.yuu-btns .fill-light{background-color:#ff432c;color:#fff}.yuu-btns .fill-sub{background-color:#d8d8d8;color:#fff}.yuu-btns .fill-sub:hover{background-color:#707070;color:#fff}.yuu-btns .btn-row-multi{align-items:center;display:flex;justify-content:space-between;width:100%}.yuu-btns .btn-s{background-color:#cecece;border-radius:5px;color:#000;display:inline-block;font-size:15px;font-weight:700;padding:10px 0;text-align:center;width:130px}@media (max-width:576px){.yuu-btns .btn-s{font-size:13px;padding:13px 0;width:95px}}.yuu-btns.multi .btn-normal,.yuu-btns.multi .btn-spec{border-radius:2rem!important;margin-bottom:15px}@media (max-width:450px){.yuu-btns.multi .btn-normal,.yuu-btns.multi .btn-spec{margin-bottom:13px}}.yuu-btns.multi .btn-line{color:#fff}.yuu-btns.multi .btn-line,.yuu-btns.multi .btn-line-red{border-bottom:1px solid #fff;display:inline-block;padding:5px 0;text-align:center;width:auto}.yuu-btns.multi .btn-line-red{color:#ff95af}.yuu-btns.landingpage{bottom:auto;left:auto;margin:10px auto 0;position:relative;transform:none}.yuu-btns.landingpage-new{bottom:0;margin:10px auto 40px}.error-pop{display:none;height:100%;left:0;position:fixed;top:0;transition:all .3s ease-out;width:100%;z-index:10}.error-pop .pop-back{background-color:#000;height:100vh;left:0;opacity:.5;position:fixed;top:0;width:100vw;z-index:99}.error-pop .pop-wrap{left:50%;max-width:400px;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:100}.error-pop .pop-wrap .pop-content{align-items:center;background-color:#fff;border:2px solid #ff432c;border-radius:10px;display:flex;flex-direction:column;position:relative}.error-pop .pop-wrap .pop-img{left:50%;position:absolute;top:-30px;transform:translateX(-50%)}.error-pop .pop-wrap .pop-img .icon-img{width:70px}.error-pop .pop-wrap .pop-txt{font-size:18px;font-weight:500;padding:60px 0 40px;text-align:center}@media (max-width:450px){.error-pop .pop-wrap .pop-txt{font-size:16px}}.error-pop .pop-wrap .pop-btn{background-color:#ff432c;border-bottom-left-radius:6px;border-bottom-right-radius:6px;color:#fff;cursor:pointer;font-size:18px;height:50px;line-height:50px;text-align:center;width:calc(100% + 1px)}.error-pop .pop-wrap .pop-btn:hover{background-color:#ff432c;border:1px solid #ff432c;color:#fff}#btntest{background-color:#fff;border:1px solid red;cursor:pointer;left:30px;position:absolute;top:30px}.readonly{border-bottom:0!important}.bi-eye{background-image:url(../images/logo2/ico-visibility-off.svg)}.bi-eye-slash{background-image:url(../images/logo2/ico-visibility-on.svg)}.cake-view .bold{font-size:15px;font-weight:700}.cake-view .yuu-btns .btn-s,.cake-view .yuu-btns .fill-light{background-color:#e0771f;color:#fff}.cake-view .landing-content .txt-spec{font-size:16px}@media (max-width:576px){.cake-view .landing-content .landing-inner{max-width:unset}}.cake-view.landing-wrap{background-image:url(../images/landing-bg-pad-cake.png)}@media (max-width:576px){.cake-view.landing-wrap{background-image:url(../images/landing-bg-mob-cake.png)}}.cake-view .landing-cont.en .landing-title,.cake-view .landing-title{color:#ffd31a;font-size:1.5rem;font-weight:400;font-weight:700;line-height:2rem;margin-bottom:24px}@media (max-width:576px){.cake-view .landing-cont.en .landing-title,.cake-view .landing-title{font-size:1.2rem}}.cake-view .landing-caption{clear:both;font-size:1.3rem;font-weight:700;margin:auto auto 24px;padding-left:0;text-align:center}@media (max-width:576px){.cake-view .landing-caption{font-size:1.1rem;line-height:19px}}.cake-view .landing-txt{clear:both;font-size:1rem;margin:auto;padding-left:0;width:80%}@media (max-width:576px){.cake-view .landing-txt{font-size:.8rem}}.cake-view .logo-wrap{max-width:245px}@media (max-width:576px){.cake-view .logo-wrap{max-width:195px}}.cake-view .landing-txt.second{clear:both;font-size:.9rem;margin:auto;padding-left:10px;width:80%}@media (max-width:576px){.cake-view .landing-txt.second{font-size:.7rem}}.cake-view .landing-txt.second .landing-txt-list{border-left:3px solid #f6891a;clear:both;height:15px;margin:15px auto;padding-left:10px;position:relative;width:80%}.cake-view .landing-txt.second .landing-txt-list span{position:absolute;transform:translateY(-50%);width:100%}.cake-view .landing-cont.en .landing-txt,.cake-view .landing-cont.en .landing-txt.second{width:80%}@media (max-width:576px){.cake-view .landing-cont.en .landing-txt.second{font-size:.7rem}}.cake-view .landing-cont.en .landing-txt-list{margin:20px auto}.cake-view .landing-cont.en .landing-title{font-size:1.6rem;font-weight:700;line-height:2rem}@media (max-width:576px){.cake-view .landing-cont.en .landing-title{font-size:1.3rem}}.arome-view{background-color:#fffeeb}.arome-view .landing-txt-list.small{font-size:12px;margin-left:15px}.arome-view .bold{font-size:16px}.arome-view .yuu-btns .btn-s,.arome-view .yuu-btns .fill-light{background-color:#6b722c;color:#fff}.arome-view .landing-padding-box img{width:100%}.arome-view .landing-content .landing-inner{color:#7f7f7d}@media (max-width:576px){.arome-view .landing-content .landing-inner{max-width:unset}}.arome-view.landing-wrap{background-color:#fffeeb;background-image:none}.arome-view .landing-cont.en .landing-title,.arome-view .landing-title{color:#515b20;font-size:1.5rem;font-weight:400;line-height:2rem;margin-bottom:24px;margin-top:24px}@media (max-width:576px){.arome-view .landing-cont.en .landing-title,.arome-view .landing-title{font-size:1.2rem}}.arome-view .landing-caption{clear:both;font-size:1.2rem;margin:auto auto 24px;padding-left:0;text-align:center}@media (max-width:576px){.arome-view .landing-caption{font-size:1rem}}.arome-view .landing-txt{clear:both;font-size:1rem;margin:auto;padding-left:0;width:83%}@media (max-width:576px){.arome-view .landing-txt{font-size:.8rem}}.arome-view .logo-wrap{max-width:245px}@media (max-width:576px){.arome-view .logo-wrap{max-width:195px}}.arome-view .landing-txt.second{clear:both;font-size:.9rem;margin:auto;padding-left:10px;width:80%}@media (max-width:576px){.arome-view .landing-txt.second{font-size:.7rem}}.arome-view .landing-txt.second .landing-txt-list{border-left:3px solid #f6891a;clear:both;height:15px;margin:15px auto;padding-left:10px;position:relative;width:80%}.arome-view .landing-txt.second .landing-txt-list span{position:absolute;transform:translateY(-50%);width:100%}.arome-view .landing-cont{background-color:#fffeeb;padding-bottom:24px}.arome-view .landing-cont.en .landing-txt,.arome-view .landing-cont.en .landing-txt.second{width:80%}@media (max-width:576px){.arome-view .landing-cont.en .landing-txt.second{font-size:.7rem}}.arome-view .landing-cont.en .landing-txt-list{margin:20px auto}.arome-view .landing-cont.en .landing-title{font-size:1.5rem;line-height:2rem}@media (max-width:576px){.arome-view .landing-cont.en .landing-title{font-size:.9rem}}
