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{margin:0;padding:0;border:0}#constraint{max-width:inherit}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{overflow-x:initial}body{min-width:320px}.wrapper{width:100%;height:100%}.p-sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1;background-color:#fff}.flex-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-box>*{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex-box.row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.category-custom-block a,.category-custom-block h1,.category-custom-block h2:not(#js__g__email__form-header),.category-custom-block h3,.category-custom-block h4,.category-custom-block h5,.category-custom-block h6,.category-custom-block p,.category-custom-block span{color:#000}.category-custom-block .light a,.category-custom-block .light h1,.category-custom-block .light h2:not(#js__g__email__form-header),.category-custom-block .light h3,.category-custom-block .light h4,.category-custom-block .light h5,.category-custom-block .light h6,.category-custom-block .light p,.category-custom-block .light span{color:#fff}.category-custom-block .h1,.category-custom-block .h2,.category-custom-block h1,.category-custom-block h2{font-size:30px;margin:0 0 10px 0;text-transform:uppercase}.category-custom-block .h1 span,.category-custom-block .h2 span,.category-custom-block h1 span,.category-custom-block h2 span{display:inline-block;font-size:inherit}.category-custom-block .h3,.category-custom-block h3{font-size:24px}.category-custom-block .h4,.category-custom-block h4{font-size:20px;margin:0}.category-custom-block p{margin:0}.category-custom-block img:not(.app__product__image){width:100%;vertical-align:bottom}.category-custom-block .container{width:85%;max-width:1170px;padding:50px 0;text-align:center;margin:0 auto}.category-custom-block .bg-cover{background-size:cover;background-position:center}.category-custom-block .line-through{text-decoration:line-through;display:block;font-size:0.8rem;color:#999}.category-custom-block small{color:#666}.category-custom-block .border-top:before{content:"";position:absolute;width:90%;height:1px;background-color:#ccc;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.category-custom-block .btn-size-default{text-transform:uppercase}.category-custom-block .btn-size-default.btn-white-empty{border-width:2px}[lang=en-HK] .category-custom-block p,[lang=ja-JP] .category-custom-block p,[lang=zh-CN] .category-custom-block p,[lang=zh-TW] .category-custom-block p{line-height:1.6}#hero .container{max-width:940px}#hero .container p{font-size:18px}#hero .container p span{display:inline-block;line-height:inherit}#type-nav{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#type-nav>*{text-transform:uppercase;position:relative;padding:0px 30px;margin:10px 0;cursor:pointer;-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}#type-nav>.active:after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);background-color:#000}#type-nav>:after,#type-nav>:before{content:"";position:absolute;width:100%;height:4px;background-color:#ddd;bottom:-10px;left:0;border-radius:5px;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:background-color 0.3s ease-out, -webkit-transform 0.3s ease-out;transition:background-color 0.3s ease-out, -webkit-transform 0.3s ease-out;-o-transition:transform 0.3s ease-out, background-color 0.3s ease-out;transition:transform 0.3s ease-out, background-color 0.3s ease-out;transition:transform 0.3s ease-out, background-color 0.3s ease-out, -webkit-transform 0.3s ease-out}#type-nav>:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}#type-nav>:after{background-color:#000}#type-con{text-align:center;margin-top:30px}#type-con [id]{color:#fff;width:100%;height:0;opacity:0;-webkit-transition:opacity 0.3s ease-out 0s;-o-transition:opacity 0.3s ease-out 0s;transition:opacity 0.3s ease-out 0s;overflow-x:hidden}#type-con [id].active{height:100%;opacity:1;z-index:1}#type-con .type-intro{width:85%;max-width:900px;margin:0 auto;margin-bottom:40px}#type-con .type-intro p{font-size:18px}#type-con .type-intro .recommend{margin-top:10px}#type-con .type-intro .recommend p{font-size:16px}#type-con .type-intro .recommend a{color:#555;text-decoration:underline;margin-left:5px;display:inline-block}#type-con .flex-box{width:90%;max-width:1680px;margin:0 auto;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}#type-con .flex-box .feature{margin:0 2vw;background-color:#f3f3f3;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#type-con .flex-box .feature:has(.phone){-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#type-con .flex-box figure{position:relative}#type-con .flex-box figure.gradient:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:-webkit-gradient(linear, left bottom, left top, color-stop(5%, #f3f3f3), color-stop(50%, rgba(0, 0, 0, 0)));background:-webkit-linear-gradient(bottom, #f3f3f3 5%, rgba(0, 0, 0, 0) 50%);background:-o-linear-gradient(bottom, #f3f3f3 5%, rgba(0, 0, 0, 0) 50%);background:linear-gradient(0deg, #f3f3f3 5%, rgba(0, 0, 0, 0) 50%)}#type-con .flex-box figure.gradient~.text-con{position:relative;margin-top:-100px}#type-con .flex-box figure.phone{overflow:hidden}#type-con .flex-box figure.phone img{width:55%}#type-con .flex-box figure img.ui{--w:45%;width:var(--w);margin-top:calc( var(--w) / -2);border:3px solid #aaa;border-radius:50%}#type-con .flex-box .text-con{padding:1.5em 2em}#type-con .flex-box .text-con h3{text-transform:uppercase;margin-bottom:5px}#type-con .flex-box .text-con h3 span{display:inline-block}#type-con .flex-box .text-con p{color:#333;line-height:1.5}[lang=en-HK] #type-con .type-intro .recommend a,[lang=ja-JP] #type-con .type-intro .recommend a,[lang=zh-CN] #type-con .type-intro .recommend a,[lang=zh-TW] #type-con .type-intro .recommend a{margin-left:0}#feature-icon{margin:3vw 0 5vw 0}#feature-icon .container{max-width:940px}#feature-icon ul{width:85%;max-width:1170px;padding:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:30px auto 0 auto;text-align:center}#feature-icon ul li{list-style:none;padding:0 10px;max-width:16%}#feature-icon ul li img{width:50px;margin-bottom:30px}#feature-icon ul li p{text-transform:uppercase}#feature-icon ul li p span{display:inline-block}@media (max-width:1200px){#type-con .flex-box .text-con{padding-top:1em}#type-con .flex-box figure img.ui{--w:50%}#type-con .flex-box figure.phone img{width:60%}#type-con .flex-box .gradient~.text-con{padding:1.5em 2em 1em 2em}}@media (max-width:1024px){#type-con .flex-box{width:100%;overflow-x:scroll;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px}#type-con .flex-box>div{margin:0 1em;min-width:40%}#feature-icon ul li{max-width:inherit}}@media (max-width:1023px){.p-sticky{top:46px}}@media (max-width:940px){#feature-icon .container,#hero .container{max-width:auto}}@media (max-width:768px){.category-custom-block .h1 span,.category-custom-block .h2 span,.category-custom-block h1 span,.category-custom-block h2 span{display:inline}#type-nav>*{padding:0px 20px}#type-con .flex-box>div{min-width:60%;max-width:inherit}#type-con .flex-box figure.gradient:after{background:-webkit-gradient(linear, left bottom, left top, color-stop(5%, #f3f3f3), color-stop(70%, rgba(0, 0, 0, 0)));background:-webkit-linear-gradient(bottom, #f3f3f3 5%, rgba(0, 0, 0, 0) 70%);background:-o-linear-gradient(bottom, #f3f3f3 5%, rgba(0, 0, 0, 0) 70%);background:linear-gradient(0deg, #f3f3f3 5%, rgba(0, 0, 0, 0) 70%)}#feature-icon{margin-bottom:50px}#feature-icon ul{width:100%;overflow-x:scroll;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#feature-icon ul li{min-width:28%;max-width:28%}}@media (max-width:600px){#type-con .flex-box>div{min-width:85%}#type-con .flex-box .text-con{padding-top:1em}#feature-icon{margin-top:0}#feature-icon ul{margin-top:0;padding:0 10px}#feature-icon ul li{min-width:40%;max-width:40%}}@media (max-width:450px){.category-custom-block h1,.category-custom-block h2{font-size:7vw}.category-custom-block h3{font-size:6vw}.category-custom-block .h4,.category-custom-block h4{font-size:4.2vw}#type-nav>*{padding:0px 10px;max-width:none}#type-nav>* span{display:block}#type-con .flex-box .text-con{padding:1em}#type-con .flex-box .gradient~.text-con{padding:1.5em 1em 1em 1em}#type-con .type-intro .recommend p{font-size:17px}}@media (max-width:350px){.category-custom-block h1,.category-custom-block h2{font-size:8vw}.category-custom-block h3{font-size:6vw}}