@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");*,*::before,*::after{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,.btn_btm,textarea,p,blockquote,th,a,em,strong{font-family:"Roboto", "Noto Sans TC", "Microsoft JhengHei", sans-serif !important}em{font-weight:800}img,object,embed,video{max-width:100%}.ie6 img{width:100%}.fixed_btn{position:fixed;bottom:100px;right:10px;z-index:999;max-height:200px}body{color:#000;background:#fff;font-size:15px;min-width:320px;overflow-x:hidden}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:auto}}.cp-tips,.cp-tips-ie10{width:100%;line-height:1.6;text-align:center;color:#996600;background-color:#ffefc6;padding:10px;font-size:16px}.cp-tips p,.cp-tips-ie10 p{margin:0}.cp-tips a,.cp-tips-ie10 a{color:#f75c61;text-decoration:underline}.cp-tips .cp-tips-close,.cp-tips-ie10 .cp-tips-close{position:absolute;top:10px;right:10px;display:block;width:22px;height:22px;-webkit-transform:rotate(45deg);transform:rotate(45deg);cursor:pointer}.cp-tips .cp-tips-close:before,.cp-tips-ie10 .cp-tips-close:before{content:"";position:absolute;width:100%;border-top:1px solid #996600;top:50%;left:0}.cp-tips .cp-tips-close:after,.cp-tips-ie10 .cp-tips-close:after{content:"";position:absolute;height:100%;border-left:1px solid #996600;top:0;left:50%}.cp-tips-ie10{display:none}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.cp-tips-ie10{display:block}.all-content{display:none}}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0}p{line-height:1.4;margin-bottom:0}ul,ol{padding:0;margin:0}a{text-decoration:none;color:inherit}.text-hidden{text-indent:-9999px;height:0;margin:0}.header{border-bottom:1px solid #ebebeb !important}.twlogo p{display:none !important}.container{padding-left:20px;padding-right:20px}.all-content{background:#fff;font-size:18px;overflow-x:hidden}.kv{height:36.4vw;background:url("../images/kv.jpg") no-repeat top center/cover,#ffa4c1;font-weight:900;position:relative}.kv img{position:absolute;width:150px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:100%;left:80%;z-index:99}.qt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:6em;padding-bottom:2em}.qt article{width:90%;max-width:540px;position:relative}.qt article::before{content:"";width:50px;height:50px;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:-25px;top:-25px;display:block;background:url("../images/QTs.png") no-repeat top left/50px}.qt article::after{content:"";width:50px;height:50px;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:calc(100% + 25px);top:calc(100% + 25px);display:block;background:url("../images/QTe.png") no-repeat top left/50px}.qt article h4{font-size:1.2em}.qt article p{padding-top:0.5em;font-size:1.2em}.qt article p strong{color:#f75c61}.block_style{padding:6em 0;padding-bottom:0}.block_style.form_body{padding:1em;padding-bottom:6em;background:url("../images/bg_w_top.png") no-repeat center top/auto 100px,#fff5b9}.block_style.form_body img{width:90%;max-width:450px}.block_style.form_body figure{font-weight:600;color:#3250e6}.block_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;margin-bottom:40px}.block_title img{width:90%;max-width:450px}.block_title .title_wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin-bottom:1rem}.block_title .title_wrapper h1{color:#ff6437}.block_title .title_wrapper>*:first-child{position:relative;color:#ff6437;padding-bottom:0.5rem;margin-bottom:0.5rem}.block_title .title_wrapper>*:first-child h1{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-left:2.25rem;padding-right:2.25rem;font-weight:900}.block_title .title_wrapper>*:first-child h1::before{position:absolute;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);left:0%;top:50%;content:"";display:inline-block;height:2rem;width:2rem;background:url("../images/title_star.png") no-repeat center/100% auto}.block_title .title_wrapper>*:first-child h1::after{position:absolute;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);left:100%;top:50%;content:"";display:inline-block;height:2rem;width:2rem;background:url("../images/title_star.png") no-repeat center/100% auto}.block_title .title_wrapper>*:first-child::after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:1px;border-radius:50em;background:#ffaf7d}.block_title .title_wrapper p{color:#4b4b4b;font-size:1.5rem}.feature{background-size:20px 20px;background-image:linear-gradient(to right, rgba(0,0,0,0.05) 1px, transparent 1px),linear-gradient(to bottom, rgba(0,0,0,0.05) 1px, transparent 1px);margin:auto;padding-bottom:6em}.feature .content{max-width:750px;margin:auto;position:relative}.feature .content .bn{width:90%;margin:auto}.feature .content .robot{position:absolute;z-index:99;width:100px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:55%;left:100%}.feature .content .pink,.feature .content .blue{padding:0 2em 2em 2em}.feature .content .pink .title,.feature .content .blue .title{width:90%;max-width:500px;margin:2em 0}.feature .content .pink article,.feature .content .blue article{padding:2em 2em 1em 2em;background:#fff;border-radius:2em;position:relative}.feature .content .pink article h4,.feature .content .blue article h4{padding:0.5em 1em;border-radius:2em;background:#2338de;color:white;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);min-width:11em;left:50%;top:0%}.feature .content .pink article p,.feature .content .blue article p{text-align:start;font-size:1.25em;line-height:1.5}.feature .content .pink{margin-top:0.15em;position:relative;background-color:#ffa0be;border-radius:0 0 2em 2em}.feature .content .pink .case{width:80px;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:100%;left:50%;z-index:99}.feature .content .pink article{border:#ff374b solid 1px;position:relative}.feature .content .pink article img{position:absolute;width:30%;-webkit-transform:translate(-100%, -100%);transform:translate(-100%, -100%);top:100%;left:95%}.feature .content .blue{position:relative;border-radius:2em 2em 0 0;background:#7dafff}.feature .content .blue .title{margin-bottom:3em}.feature .content .blue .cup{width:100px;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50px}.feature .content .blue article{border:#2338de solid 1px}.feature .content .blue article li{padding:0.25em 0;text-align:left;font-size:1em;position:relative}.feature .content .blue article li img{max-height:1.2em}.feature .content .blue article li::before{content:"";display:block;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:-10px;width:10px;height:10px;border-radius:40px;background:#2338de}.feature .content .blue article li.red::before{background:#ff374b}.feature figure{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5%}.feature figure img{width:20%}.feature figure figcaption{font-size:20px}.feature figure figcaption h3{font-size:1rem;text-align:start;color:#3737c8}.feature figure figcaption p{font-size:1rem;text-align:start;font-weight:300}.methods{padding-bottom:6em;background:#fff5b9}.methods .row{border-radius:1rem;overflow:hidden}.methods .row>div{min-height:430px;padding:1rem}.methods .row>div figure{height:100%;background:#fff;padding:2.5rem;border-radius:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.methods .row>div figure figcaption{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.methods .row>div figure h2{font-size:1.5rem;font-weight:800;margin-bottom:0.25rem}.methods .row>div figure h2,.methods .row>div figure em{color:#3737c8}.methods .row>div figure span{display:block;width:80%;height:2px;background-color:rgba(55,55,200,0.5)}.methods .row>div figure p{margin-top:1rem}.methods .row>div:first-of-type{background:#ffa0be;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.methods .row>div:first-of-type figure h2,.methods .row>div:first-of-type figure em{color:#ff37c8}.methods .row>div:first-of-type figure span{background-color:rgba(255,98,55,0.5)}.methods .row>div:nth-of-type(2){background:#ffe137;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.methods .row>div:nth-of-type(2) figure h2,.methods .row>div:nth-of-type(2) figure em{color:#ffaf00}.methods .row>div:nth-of-type(2) figure span{background-color:rgba(255,225,56,0.5)}.methods .row>div:nth-of-type(3){background:#7dafff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.methods .row>div:nth-of-type(3) figure h2,.methods .row>div:nth-of-type(3) figure em{color:#2338de}.methods .row>div:nth-of-type(3) figure span{background-color:rgba(255,225,56,0.5)}.methods .btn_btm{display:inline-block;position:relative;margin-top:2em;border:0;-webkit-box-shadow:none;box-shadow:none;background:#ff3f6a;color:#fff;font-size:1.25em;padding:0.5em 2em;border-radius:2.25em}.methods .btn_btm::before{content:"";display:none;background:url("../images/btn_deco.png") no-repeat top center/100% auto;width:20em;height:150px;position:absolute;left:-170px;top:-100px}div[class^="info-"]{position:relative;border-top-left-radius:75px;border-top-right-radius:75px;margin-top:-75px}div[class^="info-"] .title{position:absolute;left:0;top:-54px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}div[class^="info-"] .title .brandtitle{background:#fff;padding:20px 40px;border-radius:50em}div[class^="info-"] .content{border-radius:10px;padding:60px}div[class^="info-"] h3{font-size:38px;color:#fff}div[class^="info-"] h3 b{font-weight:900}div[class^="info-"] .info-label{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin:15px 0 25px}div[class^="info-"] .info-label li{padding:5px 20px;border-radius:50em;background:#fff}@media (min-width: 1400px){.container{max-width:1100px}.form_body .container{max-width:1000px}}@media only screen and (max-width: 1920px){.kv{height:700px}}@media only screen and (max-width: 1460px){.kv{height:48vw}}@media only screen and (max-width: 1199px){.all-content{font-size:1.15em}.block_title .title_wrapper>*:first-child h1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media only screen and (max-width: 767px){.fixed_btn{max-width:25%}.all-content{font-size:1.15em}.kv{background-image:url("../images/kv-m.jpg");background-size:100% auto;height:100dvw}.kv img{position:absolute;width:100px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:100%;left:80%;z-index:99}div[class^="info-"] .content{padding:40px}div[class^="info-"] h3{font-size:32px}div[class^="info-"] .story h4{font-size:26px;margin-top:20px}.feature .content .pink article{padding-bottom:240px}.feature .content .pink article img{width:70%;min-width:230px;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);top:100%;left:50%}}@media only screen and (max-width: 575px){.all-content{font-size:1.1em}.block_style{padding:4em 0;padding-bottom:0}.block_style.form_body{padding:1em 0;background:url("../images/bg_w_top.png") no-repeat center top/auto 50px,#fff5b9}.block_style.form_body img{width:90%;max-width:450px}.block_title .title_wrapper>*:first-child{position:relative;color:#ff6437;padding-bottom:0.5rem;margin-bottom:0.5rem}.block_title .title_wrapper>*:first-child h1{padding-left:0;padding-right:0;font-size:1.5rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;font-weight:900}.block_title .title_wrapper>*:first-child h1::before{display:none}.block_title .title_wrapper>*:first-child h1::after{display:none}.block_title .title_wrapper>*:first-child::after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:1px;border-radius:50em;background:#ffaf7d}.block_title .title_wrapper p{color:#4b4b4b;font-size:1rem}.brandInfo .block_style.top{padding-bottom:5em}.feature{padding-bottom:4em}.feature .content .blue .cup{width:80px;left:0}.methods .btn_btm{position:relative;margin:2em auto;border:0;-webkit-box-shadow:none;box-shadow:none}.methods .btn_btm::before{content:"";display:none}.qt{padding-top:4em}}@media only screen and (max-width: 460px){.all-content{font-size:1.1em}.feature .wrapper::before{height:calc(100% - 75px)}.feature .brand{width:150px;height:150px;border-width:8px;padding:10px}}
