@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap);
@import url(https://fonts.googleapis.com/css?family=Inter&display=swap);
@import url(https://fonts.googleapis.com/css?family=Nunito+Sans&display=swap);
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,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}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{border-collapse:collapse;border-spacing:0}*,::before,::after{box-sizing:border-box}:root{--white: #FFFFFF;--pink: #F67599;--grey-800: #2A2A2A;--grey-700: #333333;--grey-400: #808080;--grey-300: #999999;--site-edge-margin: 15px;--main-font-family: 'Noto Sans TC', sans-serif}body{--background-color: #FFFFFF;--footer-background-color: #F6F7F8;--nav-icon: #2A2A2A;--social-icon: #808080;--main-text: #2A2A2A;--secondary-text: #808080;--active-color: lightblue;--undone-progress-border: #F0F0F5;--done-progress-border: #000000;--progress-current-color: #2A2A2A;--progress-done-color: #FFFFFF;--progress-undone-color: #AFB1BD;--pg-addr-color: #FFFFFF;--pg-addr-bg-color: #2A2A2A;--input-label: #808080;--input-border: #4A4A4A;--input-text: #999999;--select-arrow: #2A2A2A;--select-true: #2A2A2A;--select-false: #999999;--product-action-text: #000000;--product-action-bg: #F0F0F5;--left-arrow: #000000;background-color:var(--background-color);color:var(--main-text);font-family:var(--main-font-family);font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ul,ol,li{list-style:none;margin:0px;padding:0px}.container{margin:0px 15px}.mx-auto{margin-left:auto;margin-right:auto}.mr-auto{margin-right:auto !important}.cursor-point{cursor:pointer}.col.col-1{display:flex;flex-wrap:wrap;flex:0 0 8.33333%;align-content:flex-start;max-width:8.33333%}.col.col-2{display:flex;flex-wrap:wrap;flex:0 0 16.66667%;align-content:flex-start;max-width:16.66667%}.col.col-3{display:flex;flex-wrap:wrap;flex:0 0 25%;align-content:flex-start;max-width:25%}.col.col-4{display:flex;flex-wrap:wrap;flex:0 0 33.33333%;align-content:flex-start;max-width:33.33333%}.col.col-5{display:flex;flex-wrap:wrap;flex:0 0 41.66667%;align-content:flex-start;max-width:41.66667%}.col.col-6{display:flex;flex-wrap:wrap;flex:0 0 50%;align-content:flex-start;max-width:50%}.col.col-7{display:flex;flex-wrap:wrap;flex:0 0 58.33333%;align-content:flex-start;max-width:58.33333%}.col.col-8{display:flex;flex-wrap:wrap;flex:0 0 66.66667%;align-content:flex-start;max-width:66.66667%}.col.col-9{display:flex;flex-wrap:wrap;flex:0 0 75%;align-content:flex-start;max-width:75%}.col.col-10{display:flex;flex-wrap:wrap;flex:0 0 83.33333%;align-content:flex-start;max-width:83.33333%}.col.col-11{display:flex;flex-wrap:wrap;flex:0 0 91.66667%;align-content:flex-start;max-width:91.66667%}.col.col-12{display:flex;flex-wrap:wrap;flex:0 0 100%;align-content:flex-start;max-width:100%}@media screen and (min-width: 749.5px){.col.col-lg-1{display:flex;flex-wrap:wrap;flex:0 0 8.33333%;align-content:flex-start;max-width:8.33333%}.col.col-lg-2{display:flex;flex-wrap:wrap;flex:0 0 16.66667%;align-content:flex-start;max-width:16.66667%}.col.col-lg-3{display:flex;flex-wrap:wrap;flex:0 0 25%;align-content:flex-start;max-width:25%}.col.col-lg-4{display:flex;flex-wrap:wrap;flex:0 0 33.33333%;align-content:flex-start;max-width:33.33333%}.col.col-lg-5{display:flex;flex-wrap:wrap;flex:0 0 41.66667%;align-content:flex-start;max-width:41.66667%}.col.col-lg-6{display:flex;flex-wrap:wrap;flex:0 0 50%;align-content:flex-start;max-width:50%}.col.col-lg-7{display:flex;flex-wrap:wrap;flex:0 0 58.33333%;align-content:flex-start;max-width:58.33333%}.col.col-lg-8{display:flex;flex-wrap:wrap;flex:0 0 66.66667%;align-content:flex-start;max-width:66.66667%}.col.col-lg-9{display:flex;flex-wrap:wrap;flex:0 0 75%;align-content:flex-start;max-width:75%}.col.col-lg-10{display:flex;flex-wrap:wrap;flex:0 0 83.33333%;align-content:flex-start;max-width:83.33333%}.col.col-lg-11{display:flex;flex-wrap:wrap;flex:0 0 91.66667%;align-content:flex-start;max-width:91.66667%}.col.col-lg-12{display:flex;flex-wrap:wrap;flex:0 0 100%;align-content:flex-start;max-width:100%}}@media screen and (max-width: 749.5px){.col.col-sm-1{display:flex;flex-wrap:wrap;flex:0 0 8.33333%;align-content:flex-start;max-width:8.33333%}.col.col-sm-2{display:flex;flex-wrap:wrap;flex:0 0 16.66667%;align-content:flex-start;max-width:16.66667%}.col.col-sm-3{display:flex;flex-wrap:wrap;flex:0 0 25%;align-content:flex-start;max-width:25%}.col.col-sm-4{display:flex;flex-wrap:wrap;flex:0 0 33.33333%;align-content:flex-start;max-width:33.33333%}.col.col-sm-5{display:flex;flex-wrap:wrap;flex:0 0 41.66667%;align-content:flex-start;max-width:41.66667%}.col.col-sm-6{display:flex;flex-wrap:wrap;flex:0 0 50%;align-content:flex-start;max-width:50%}.col.col-sm-7{display:flex;flex-wrap:wrap;flex:0 0 58.33333%;align-content:flex-start;max-width:58.33333%}.col.col-sm-8{display:flex;flex-wrap:wrap;flex:0 0 66.66667%;align-content:flex-start;max-width:66.66667%}.col.col-sm-9{display:flex;flex-wrap:wrap;flex:0 0 75%;align-content:flex-start;max-width:75%}.col.col-sm-10{display:flex;flex-wrap:wrap;flex:0 0 83.33333%;align-content:flex-start;max-width:83.33333%}.col.col-sm-11{display:flex;flex-wrap:wrap;flex:0 0 91.66667%;align-content:flex-start;max-width:91.66667%}.col.col-sm-12{display:flex;flex-wrap:wrap;flex:0 0 100%;align-content:flex-start;max-width:100%}}:root{--header-height: 60px;--header-logo-width: 170px;--header-logo-height: 30px}header.site-header{position:-webkit-sticky;position:sticky;top:0px;padding-left:var(--site-edge-margin);padding-right:var(--site-edge-margin);background-color:#FFFFFF;text-align:center;z-index:100}header.site-header .header-container{display:flex;position:relative;max-width:1100px;height:var(--header-height);background-color:inherit;align-items:stretch}nav.navbar-menu{display:flex;flex-grow:1;background-color:inherit;align-items:center}nav.navbar-menu .nav-list{display:flex;flex-direction:row;overflow:hidden;background-color:inherit}nav.navbar-menu .nav-list .nav-item{cursor:pointer}nav.navbar-menu .nav-list .nav-item .nav-link{font-weight:500;line-height:24px;color:var(--main-text);text-decoration:none}nav.navbar-menu .nav-list .nav-item .nav-icon{width:24px;height:24px;font-size:21px}nav.navbar-menu .nav-list .nav-item .nav-link:hover,nav.navbar-menu .nav-list .nav-item .nav-link:active,nav.navbar-menu .nav-list .nav-item .nav-icon:hover,nav.navbar-menu .nav-list .nav-item .nav-icon:active{color:var(--secondary-text);--main-text: var(--secondary-text)}nav.navbar-menu .nav-list.site-menu-list{max-width:calc(50% - var(--header-logo-width) / 2 - 16px / 8)}nav.navbar-menu .nav-list.site-menu-list .nav-item{margin-left:16px;margin-right:16px}nav.navbar-menu .nav-list.site-menu-list .nav-item:first-child{margin-left:0px}nav.navbar-menu .nav-list.site-action-list{max-width:calc(50% - var(--header-logo-width) / 2 - 15px / 8)}nav.navbar-menu .nav-list.site-action-list .nav-item{margin-left:15px;margin-right:15px}nav.navbar-menu .nav-list.site-action-list .nav-item:last-child{margin-right:0px}.header-logo-container{display:flex;position:absolute;left:0;right:0;margin:15px auto;height:var(--header-logo-height);width:var(--header-logo-width)}input#navbar-toggle{display:none}label.burger-container{display:none}.icon-toggle{width:24px;height:24px}@media screen and (max-width: 749.5px){:root{--header-height: 56px;--header-logo-width: 136px}header.site-header label.burger-container{display:flex;position:absolute;left:0px;top:0px;bottom:0px;align-items:center}.header-logo-container{display:flex;position:absolute}.header-logo-container img{width:100%}nav.navbar-menu{display:block;margin-top:var(--header-height);opacity:0;transform:scale(1, 0);transform-origin:top;transition:transform 0.3s ease-out, opacity 0.3s}nav.navbar-menu .nav-list{justify-content:center}nav.navbar-menu .nav-list .nav-item{position:relative;padding:24px 0}nav.navbar-menu .nav-list .nav-item:active{background-color:var(--active-color)}nav.navbar-menu .nav-list .nav-item:active .nav-link{color:var(--secondary-text)}nav.navbar-menu .nav-list .nav-item .nav-link{display:block}nav.navbar-menu .nav-list.site-menu-list{max-width:unset;flex-direction:column}nav.navbar-menu .nav-list.site-menu-list .nav-item{margin:0px}nav.navbar-menu .nav-list.site-menu-list .nav-item::after{position:absolute;left:15px;right:15px;bottom:0px;border-bottom:1px solid rgba(42,42,42,0.1);content:""}nav.navbar-menu .nav-list.site-menu-list .nav-item:first-child{padding-top:0px}nav.navbar-menu .nav-list.site-menu-list .nav-item:nth-child(4){order:1}nav.navbar-menu .nav-list.site-action-list{max-width:unset}input#navbar-toggle:checked ~ nav.navbar-menu{opacity:1;transform:scale(1)}}main.site-main{margin-top:80px;padding-left:var(--site-edge-margin);padding-right:var(--site-edge-margin);background-color:inherit}main.site-main .main-container{display:flex;position:relative;max-width:1100px;margin:0 auto;flex-wrap:wrap;justify-content:space-between}@media screen and (min-width: 749.5px){.input-w-lg-1{width:12.03704%}.input-w-lg-2{width:29.62963%}.input-w-lg-3{width:47.22222%}.input-w-lg-4{width:64.81481%}.input-w-lg-5{width:82.40741%}.input-w-lg-6{width:100%}}@media screen and (max-width: 749.5px){.input-w-sm-s1{width:38.43931%}.input-w-sm-s2{width:52.89017%}.input-w-sm-s3{width:45.66474%}.input-w-sm-full{width:100%}main.site-main{margin-top:16px}}section.progress-control-container i.far{margin:0 12px}section.register-container h2.register-title{font-weight:700;font-size:32px;line-height:38px;color:var(--main-text)}section.progress-container{display:flex;align-items:center;justify-content:space-between;margin-top:48px}section.progress-container .progress-bar{display:flex;flex-grow:1;max-width:60px;height:1px;margin:0px 8px;border-width:2px;border-style:solid;color:var(--undone-progress-border)}section.progress-container .progress-bar.done{background-color:#2A2A2A;color:var(--done-progress-border)}section.progress-container .progress-group{display:flex}section.progress-container .progress-group .progress-icon{display:inline-block;position:relative;width:24px;height:24px;font-size:24px;margin-right:8px;border-radius:50%;background-color:transparent;border:1px solid var(--progress-undone-color)}section.progress-container .progress-group .progress-icon .text{width:inherit;height:inherit;position:absolute;top:0px;font-size:12px;font-weight:700;line-height:20px;text-align:center;color:inherit}section.progress-container .progress-group .progress-icon.done{background-color:#2A2A2A;color:var(--progress-done-color)}section.progress-container .progress-group .progress-label{font-weight:400;line-height:24px;color:var(--main-text)}section.form-container{display:flex;margin-top:64px}section.form-container h3.form-title{display:flex;flex:0 0 100%;font-weight:700;font-size:24px;line-height:24px}section.form-body .col{justify-content:space-between}section.form-body .input-group{margin-top:24px}section.form-body .input-group .input-label{font-weight:bold;font-size:12px;line-height:16px;color:var(--input-label);margin-bottom:8px}section.form-body .input-group .select-container{position:relative}section.form-body .input-group .select-container::after{position:absolute;top:50%;right:12px;transform:translateY(-50%);z-index:-2;pointer-events:none;border-style:solid;border-width:6px 5px 0 5px;border-color:var(--select-arrow) transparent transparent transparent;content:""}section.form-body .input-group input,section.form-body .input-group select{width:100%;padding:12px 16px;font-weight:400;font-size:12px;font-family:'Noto Sans TC', sans-serif;line-height:16px;border:1px solid var(--input-border);border-radius:4px;background-color:transparent}section.form-body .input-group input{color:var(--input-text)}section.form-body .input-group select{color:var(--select-true);background-color:transparent;cursor:pointer;-webkit-appearance:none}section.form-body .input-group select:required:invalid{color:var(--select-false)}section.form-body .input-group select option{color:var(--select-true)}section.form-body .input-group select option[value=""][disabled]{display:none}section.form-body .radio-group{position:relative;justify-content:unset;padding:11px 20px;margin-top:24px;cursor:pointer}section.form-body .radio-group input[type='radio']{width:20px;height:20px;margin-right:20px;align-self:center;-webkit-appearance:none}section.form-body .radio-group input[type='radio']::before{content:'';display:block;width:inherit;height:inherit;border:1px solid #222222;border-radius:50%;background-color:#FFFFFF}section.form-body .radio-group input[type='radio']:checked::before{border:6px solid #2A2A2A;background-color:#FFFFFF}section.form-body .radio-group .radio-info{display:flex;flex-grow:1;flex-wrap:wrap;align-content:center}section.form-body .radio-group .radio-info .col{margin-bottom:2px}section.form-body .radio-group .radio-info .text{font-size:14px;font-weight:normal;line-height:20px}section.form-body .radio-group .radio-info .price,section.form-body .radio-group .radio-info .period{font-size:12px;line-height:16px}section.form-body .radio-group .radio-box-border{position:absolute;left:0;right:0;top:0;bottom:0}section.form-body .radio-group input[type='radio'] ~ .radio-box-border{border-radius:4px;border:1px solid #F0F0F5}section.form-body .radio-group input[type='radio']:checked ~ .radio-box-border{border:1px solid #2A2A2A}section.form-body .radio-group #shipping-standard ~ .radio-info .shipping-text{font-weight:normal}section.form-body .radio-group #shipping-dhl ~ .radio-info .shipping-text{font-weight:700}section.progress-control-container{position:absolute;left:0px;right:0px;bottom:0px}section.button-group{padding-top:24px;border-top:1px solid #E6E6EB}section.button-group button{display:flex;align-items:center;height:46px;font-family:Inter, sans-serif;font-size:14px;border-radius:8px;border-width:0px;padding:0px}section.button-group button.prev{background-color:transparent;line-height:20px;font-weight:400;color:#000000}section.button-group button.prev>svg{margin-right:12px}section.button-group button.next{justify-content:center;width:174px;font-weight:500;line-height:17px;background:var(--pink);color:#FFFFFF;margin-left:auto}section.button-group button.next>svg{margin-left:12px}@media screen and (max-width: 749.5px){section.progress-container{margin-top:24px}section.progress-container .progress-group .progress-icon{width:32px;height:32px;margin-right:0px}section.progress-container .progress-group .progress-icon .text{line-height:32px;padding:0 2px 0 0}section.progress-container .progress-group.done{background-color:#2A2A2A;color:var(--progress-done-color)}section.progress-container .progress-label{display:none}section.form-container{margin-top:24px}section.progress-control-container{position:relative;margin-top:24px;margin-bottom:40px}section.button-group button.next{width:156px}section.button-group[data-phase='address'] button.next{width:100%}}section.cart-container{padding:0px 24px;margin-top:86px;border:1px solid #F0F0F5;border-radius:8px}section.cart-container h3.cart-title{display:flex;flex:0 0 100%;margin:32px 0px;font-weight:700;font-size:18px;line-height:24px}section.product-list .product-container{display:flex;flex-wrap:nowrap;margin-top:2px;margin-bottom:32px}section.product-list .product-container .img-container{width:100px;height:100px;margin-right:21px}section.product-list .product-container .product-info{display:flex;flex-wrap:wrap;flex-grow:1;align-content:flex-start}section.product-list .product-container .product-info .product-name{font-size:16px;line-height:24px;font-weight:400;max-width:60%;margin-right:auto}section.product-list .product-container .product-info .product-control-container{display:block;width:100%;order:1}section.product-list .product-container .product-info .product-control{display:flex;width:116px;margin-top:18px;margin-bottom:17px;justify-content:space-between;align-items:center}section.product-list .product-container .product-info .product-control .product-action{display:inline-block;width:27px;height:26px;cursor:pointer;font-size:12px;line-height:26px;border-radius:27px;text-align:center;background-color:#F0F0F5}section.product-list .product-container .product-info .product-control .product-count{display:inline-block}section.product-list .product-container .product-info .price{font-size:16px;line-height:22px;font-weight:700}section.cart-info{border-top:1px solid #F0F0F5;padding-top:16px;padding-bottom:32px;align-items:center;justify-content:space-between}section.cart-info .text{font-weight:normal;font-size:14px;line-height:20px;color:var(--main-text)}section.cart-info .price{font-weight:bold;font-size:14px;line-height:17px;color:#000000}@media screen and (max-width: 749.5px){section.cart-container{margin-top:32px;padding-top:18px}section.cart-container h3.cart-title{display:none}section.product-list .product-container .product-info{flex-direction:column;align-items:flex-end;flex-wrap:nowrap;justify-content:space-between}section.product-list .product-container .product-info .product-name{margin-right:unset;max-width:unset}section.product-list .product-container .product-info .product-control-container{width:auto;order:unset}section.product-list .product-container .product-info .product-control-container .product-control{margin-top:0px;margin-bottom:0px}section.cart-info{padding-bottom:16px}}footer.site-footer{display:block;position:relative;bottom:0px;margin-top:120px;padding-left:var(--site-edge-margin);padding-right:var(--site-edge-margin);background-color:var(--footer-background-color)}footer.site-footer .footer-container{display:flex;position:relative;max-width:1100px;margin:0 auto;flex-wrap:nowrap;justify-content:space-between}footer.site-footer .footer-container .footer-logo-container{margin-top:133px;margin-bottom:131px}footer.site-footer .footer-container .footer-logo-container img{display:inline-block;width:175.5px;height:31px}footer.site-footer .footer-section{display:flex;flex-direction:column;margin-top:64px}footer.site-footer .footer-section .section-title{font-size:24px;font-weight:bold;line-height:24px;color:var(--main-text)}footer.site-footer .footer-section .section-content{display:flex;flex-direction:column;margin-top:24px;color:var(--secondary-text)}footer.site-footer .footer-section .section-content>*{color:inherit}footer.site-footer .footer-section .section-content .page-link{margin-bottom:8px;font-weight:normal;line-height:17px;text-decoration:none;cursor:pointer}footer.site-footer .footer-section .section-content .tel-info{margin-bottom:8px;font-family:'Nunito Sans', sans-serif;font-weight:600;line-height:16px}footer.site-footer .footer-section .section-content .social-icon-group{margin-top:8px}footer.site-footer .footer-section .section-content .social-icon{width:24px;height:24px;margin-right:16px;font-size:20px}@media screen and (max-width: 749.5px){footer.site-footer{display:none}}.web-container[theme='dark']{--background-color: #121212;--footer-background-color: #333333;--nav-icon: rgba(255, 255, 255, 0.8);--social-icon: rgba(255, 255, 255, 0.5);--main-text: #FFFFFF;--secondary-text: rgba(255, 255, 255, 0.6);--undone-progress-border: rgba(240, 240, 245, 0.4);--done-progress-border: #FFFFFF;--progress-current-color: #FFFFFF;--progress-done-color: #FFFFFF;--progress-undone-color: #717171;--pg-addr-color: #FFFFFF;--pg-addr-bg-color: #333333;--input-label: rgba(255, 255, 255, 0.4);--input-border: #5E5E5E;--input-text: rgba(255, 255, 255, 0.3);--select-arrow: #5E5E5E;--select-true: #FFFFFF;--select-false: rgba(255, 255, 255, 0.3);--product-action-text: #333333;--product-action-bg: #808080;--left-arrow: #FFFFFF;background-color:var(--background-color);color:var(--main-text)}.web-container[theme='dark'] header.site-header{background-color:var(--background-color)}.web-container[theme='dark'] .nav-item{color:var(--main-text)}.web-container[theme='dark'] section.form-body .radio-group input[type='radio']::before{border:none;border-radius:50%;background-color:#333333}.web-container[theme='dark'] section.form-body .radio-group input[type='radio']:checked::before{border:6px solid #333333;background-color:#FFFFFF}.web-container[theme='dark'] section.form-body .radio-group .radio-info .shipping-period{color:rgba(255,255,255,0.4)}.web-container[theme='dark'] section.form-body .radio-group input[type='radio'] ~ .radio-box-border{border-color:#5E5E5E}.web-container[theme='dark'] section.form-body .radio-group input[type='radio']:checked ~ .radio-box-border{border-color:#FFFFFF}.web-container[theme='dark'] section.cart-container{background-color:#383838;border-color:rgba(255,255,255,0.2);color:var(--main-text)}.web-container[theme='dark'] section.cart-container .product-control .product-action{color:var(--product-action-text);background-color:var(--product-action-bg)}.web-container[theme='dark'] section.cart-info{border-top-color:rgba(255,255,255,0.2)}.web-container[theme='dark'] section.cart-info .price{color:var(--main-text)}.web-container[theme='dark'] section.progress-control-container section.button-group button.prev{color:var(--main-text)}


/*# sourceMappingURL=main.css.map*/