*{box-sizing:border-box}html{font-size:16px}body{margin:0 auto;padding:0;font-size:100%;font-weight:400;font-family:微軟正黑體,"Microsoft JhengHei",sans-serif;line-height:1.8;-webkit-overflow-scrolling:touch}h1{font-size:2rem;font-weight:600;font-family:"Noto Serif TC",serif;line-height:1.5}@media(max-width: 64rem){h1{font-size:1.5rem}}@media(max-width: 40rem){h1{font-size:1.25rem}}@media(max-width: 24rem){h1{font-size:1.15rem}}@media(max-width: 20rem){h1{font-size:1rem}}h2{font-size:1.625rem;font-weight:600;font-family:"Noto Serif TC",serif;color:#fff;line-height:1.5}@media(max-width: 64rem){h2{font-size:1.5rem}}@media(max-width: 37.5rem){h2{font-size:1.25rem}}@media(max-width: 24rem){h2{font-size:1rem}}h3{font-size:1.25rem;font-weight:600;font-family:"Noto Serif TC",serif;color:#fff;line-height:1.5}@media(max-width: 37.5rem){h3{font-size:1.125rem}}@media(max-width: 24rem){h3{font-size:1rem}}p{font-size:1.125rem}@media(max-width: 37.5rem){p{font-size:1rem}}a{text-decoration:none}a:hover{opacity:.9;transition:all .3s ease}img{max-width:100%;height:auto;display:initial;vertical-align:middle}figure{display:inline-block;text-align:center}.hidden{display:none}header{width:100%;background-color:#232323}header .share_box{float:right}header .share_box div{display:inline-block}.head_box{display:table;width:100%}.logo_box{height:5rem;color:#004e98;font-weight:bold;display:table-cell;vertical-align:middle}.logo_box a{display:block}.logo_box span{font-size:1.6rem;vertical-align:middle}@media(max-width: 480px){.logo_box span{font-size:1.375rem}}@media(max-width: 40rem){.logo_box{width:176px;height:3.5rem}}.btn_box{height:5rem;display:table-cell;vertical-align:middle;text-align:right}.btn_box div{display:inline-block;cursor:pointer}@media(max-width: 40rem){.btn_box{height:3.5rem}}.btn{color:#004e98;margin:0 auto;font-weight:bold;text-align:center;border-radius:4px}.btn a{color:#fff;padding:8px 16px;display:block}.btn a:hover{border-radius:4px;background-color:#004e98;transition:all .3s ease}@media(max-width: 37.5rem){.btn a{padding:4px 16px}}@media(max-width: 37.5rem){.btn{font-size:.875rem}.btn:first-child{margin-right:0}}.btn-blue{background-color:#004e98}@media(min-width: 40rem){span.mlink{display:none}}.wrapper{max-width:1120px;margin:0 auto;clear:both}@media(max-width: 64rem){.wrapper{padding:0 .938rem}}.nopadding{padding:0}.mainbox{width:100%;height:100%;margin:0 auto;background-color:#e4edf5;overflow:hidden}.mainbg{background-color:rgba(0,0,0,0);background-image:linear-gradient(to right, rgba(255, 255, 255, 0.4) 1px, transparent 1px),linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 1px, transparent 1px);background-size:2.5rem 2.55rem}.visualbox{width:100%;display:table;padding:2rem 0;position:relative}@media(max-width: 64rem){.visualbox{display:block;background:url(../img/wave.svg) no-repeat center 60%;background-size:contain}}@media(max-width: 40rem){.visualbox{background:none}}@media(max-width: 37.5rem){.visualbox{padding:1rem 0}}@media(max-width: 24rem){.visualbox{padding:.5rem 0}}.appinfo{display:table-cell;vertical-align:middle;position:relative;top:-3rem;z-index:2}@media(max-width: 64rem){.appinfo{display:block;margin:0 auto;top:2rem}}@media(max-width: 64rem){.infohide{display:none}}.appinfo-m{display:none}@media(max-width: 64rem){.appinfo-m{display:block;margin:0 auto;max-width:400px}}@media(max-width: 37.5rem){.appinfo-m{max-width:320px}}@media(max-width: 20rem){.appinfo-m{padding:0 .5rem}}.title{max-width:680px;padding:2rem 3.5rem 2.5rem 3.5rem;background-color:#fff;border-radius:200px;position:relative;left:-4.5rem}.title:before{content:"";width:100%;height:100%;position:absolute;top:-0.5rem;right:.5rem;border:1px solid #232323;border-radius:200px}@media(max-width: 37.5rem){.title:before{top:-0.25rem;right:.25rem}}.title:after{content:url(../img/deco.svg);position:absolute;right:4rem;bottom:-2.85rem}@media(max-width: 64rem){.title:after{content:url(../img/deco_m.svg);bottom:-2rem}}@media(max-width: 37.5rem){.title:after{right:3.5rem;bottom:-36.5px}}@media(max-width: 64rem){.title{margin:0 auto;left:.25rem;max-width:480px;padding:1.5rem 2rem 2rem 2rem}}@media(max-width: 37.5rem){.title{padding:1rem 1.5rem 1.5rem 1.5rem;max-width:400px}}@media(max-width: 24rem){.title{padding:.875rem 1.15rem 1.15rem 1.15rem}}.title.pchide{display:none}@media(max-width: 64rem){.title.pchide{display:block;margin:2rem auto 0 auto}}@media(max-width: 64rem){.title.mhide{display:none}}.textbox{max-width:448px;margin:1.5rem 0}.appdownload{display:table;max-width:360px;position:relative;z-index:1}.appdownload div{width:46%;display:inline-block;vertical-align:middle}.appstore{margin-right:8%}.more{margin:1.5rem auto;color:#004e98;font-weight:bold}.arrow{width:1rem;height:1.313em;fill:#004e98;vertical-align:middle;display:inline-block}.rightbox{display:table-cell;vertical-align:middle;position:relative;float:right}@media(max-width: 64rem){.rightbox{display:block;width:100%;float:none;margin:2rem auto}}.manpic{position:absolute;bottom:0;left:-14.7rem;z-index:0}@media(max-width: 64rem){.manpic{display:none}}.mainpic-m{display:none}@media(max-width: 64rem){.mainpic-m{display:block;position:absolute;bottom:-2rem;left:8rem;z-index:1}}@media(max-width: 50rem){.mainpic-m{display:none}}.appscreen{max-width:480px;background:rgba(214,226,236,.8);border:1px solid #fff;border-radius:16px;position:relative;overflow:hidden;z-index:1}.appscreen img{padding:1.5rem}@media(max-width: 37.5rem){.appscreen img{padding:1.125rem}}@media(max-width: 64rem){.appscreen{margin:0 auto}}@media(max-width: 40rem){.appscreen{max-width:360px}}@-webkit-keyframes slidy{0%{left:0%}20%{left:0%}25%{left:-100%}45%{left:-100%}50%{left:-200%}70%{left:-200%}75%{left:-300%}95%{left:-300%}100%{left:-400%}}@keyframes slidy{0%{left:0%}20%{left:0%}25%{left:-100%}45%{left:-100%}50%{left:-200%}70%{left:-200%}75%{left:-300%}95%{left:-300%}100%{left:-400%}}.slider{overflow:hidden}.slider figure{position:relative;width:500%;margin:0;left:0;text-align:left;font-size:0;-webkit-animation:30s slidy infinite;animation:30s slidy infinite}.slider figure img{width:20%;float:left}.mdecobg{display:none}@media(max-width: 64rem){.mdecobg{display:block;width:100%;height:234px;background:url(../img/wave.svg) no-repeat center bottom;background-size:100%;position:absolute;bottom:32%}}@media(max-width: 37.5rem){.mdecobg{display:none}}.middlebox{padding:4rem 0;background-color:#232323}@media(max-width: 40rem){.middlebox .wrapper{max-width:80%;padding:0}}@media(max-width: 37.5rem){.middlebox .wrapper{max-width:360px}}@media(max-width: 24rem){.middlebox .wrapper{padding:0 .938rem}}.middlebox .appdownload{margin:0 auto;padding:2.5rem 0 0 0}@media(max-width: 64rem){.middlebox{padding:3rem 0}}@media(max-width: 20rem){.middlebox{padding:3rem .5rem}}.appbox{width:100%;border-top:1px solid #4c4b4b}.title2{text-align:center;border-bottom:1px solid #4c4b4b}.title2 h2:last-child{padding-bottom:2rem}@media(max-width: 40rem){.title2 h2:last-child{text-align:left}}@media(max-width: 64rem){.title2{padding:0 2.5rem}}@media(max-width: 37.5rem){.title2{padding:0}}.blockbox{padding:3rem 0;position:relative}.blockbox div{display:inline-block;vertical-align:middle}@media(max-width: 20rem){.blockbox div{display:block}}@media(max-width: 64rem){.blockbox{padding:3rem 2.5rem}}@media(max-width: 37.5rem){.blockbox{padding:1.5rem 0}}.block{margin-bottom:4rem}.block div{position:relative}.block:nth-child(odd){width:50%;padding-right:2.6rem}@media(max-width: 64rem){.block:nth-child(odd){width:100%;padding-right:0}}.block:nth-child(even){width:48%}@media(max-width: 64rem){.block:nth-child(even){width:100%}}.block:nth-child(3),.block:nth-child(4){margin-bottom:0}@media(max-width: 64rem){.block:nth-child(3),.block:nth-child(4){margin-bottom:2rem}}@media(max-width: 37.5rem){.block:nth-child(3),.block:nth-child(4){margin-bottom:1.5rem}}@media(max-width: 64rem){.block{margin-bottom:2rem}.block:last-child{margin-bottom:0}}@media(max-width: 37.5rem){.block{margin-bottom:1.5rem}}.picbox{max-width:8.5rem;margin-right:1.5rem}@media(max-width: 64rem){.picbox{max-width:7.5rem}}@media(max-width: 37.5rem){.picbox{max-width:5rem;margin-right:1rem}}@media(max-width: 20rem){.picbox{margin:0 auto 1rem auto}}.picinfo{width:calc(100% - 10.5rem);color:#eee}.picinfo h3{margin-bottom:.5rem}@media(max-width: 20rem){.picinfo h3{text-align:center}}@media(max-width: 64rem){.picinfo{width:calc(100% - 10rem)}}@media(max-width: 37.5rem){.picinfo{width:calc(100% - 6.5rem)}}@media(max-width: 20rem){.picinfo{width:100%;margin:0 auto}}.faqbox{width:100%;background-color:#e4edf5;margin:0 auto;padding:4rem 0}@media(max-width: 37.5rem){.faqbox{padding:3rem 0}}.faqtitle h2{color:#232323;text-align:center;margin-bottom:1.5rem}@media(max-width: 37.5rem){.faqtitle h2{margin-bottom:1rem}}.accordion{font-size:1rem;max-width:46rem;margin:0 auto;border-radius:5px}@media screen and (max-width: 37.5rem){.accordion{width:100%;max-width:360px}}.accordion-header,.accordion-body{background:#fff}.accordion-header{display:table;width:100%;padding:1rem 1rem;background:#fff;color:#232323;cursor:pointer;font-size:1.125rem;font-weight:600;font-family:"Noto Serif TC",serif;letter-spacing:0;transition:all .3s;border-top:1px solid #232323}.accordion-header:hover{background:#fff;position:relative;z-index:5}.accordion-header .itemname{width:100%;display:table-cell;vertical-align:middle;padding-right:1rem;line-height:1.5}@media(max-width: 37.5rem){.accordion-header .itemname{font-size:1rem}}.accordion__item:last-child{border-bottom:1px solid #232323}.accordion-body{background:#fff;color:#232323;display:none}.accordion-body__contents{padding:1rem 1rem;border-top:1px solid #232323}.accordion-body__contents a{font-weight:bold;color:#004e98}.accordion__item.active:last-child .accordion-header{border-radius:none}.accordion:first-child>.accordion__item>.accordion-header{border-bottom:1px solid rgba(0,0,0,0)}.accordion__item>.accordion-header:after{content:url(../img/plus.svg);display:table-cell;vertical-align:middle;text-align:right;position:relative;transition:.3s all;transform:rotate(0deg)}.accordion__item.active>.accordion-header:after{content:url(../img/close.svg);transform:rotate(180deg);top:6px}.accordion__item.active .accordion-header{background:#fff}.accordion__item .accordion__item .accordion-header{color:#232323}.list{padding:.5rem 1.5rem}.feedbox{max-width:46rem;margin:4rem auto 0 auto}.feedbox .appdownload{margin:0 auto;text-align:center;padding:0 1.5rem}@media(max-width: 37.5rem){.feedbox .appdownload{padding:0}}@media(max-width: 20rem){.feedbox .appdownload{padding:0 .5rem}}@media screen and (max-width: 37.5rem){.feedbox{width:100%;max-width:360px}}@media(max-width: 37.5rem){.feedbox{margin:2.5rem auto 0 auto}}.feedtitle{font-size:1.125rem;font-weight:600;font-family:"Noto Serif TC",serif;margin-bottom:1.5rem}.feedtitle a{color:#004e98;border-bottom:1px solid #004e98}@media(max-width: 37.5rem){.feedtitle{width:100%;max-width:360px;font-size:1rem}}@media(max-width: 24rem){.feedtitle{font-size:.875rem}}footer{font-size:.875rem;line-height:3.375rem;color:#fff;background-color:#232323;text-align:center;position:relative;z-index:1}footer .wrapper{display:table;width:100%;position:relative}footer div{display:table-cell}@media(max-width: 40rem){footer div{display:block}}footer .left{text-align:left}footer .left a{color:#fff}footer .left a:nth-child(1){margin-right:.85rem}footer .left a:nth-child(2){margin-left:.85rem}@media(max-width: 40rem){footer .left{text-align:center}}footer .right{text-align:right}@media(max-width: 40rem){footer .right{text-align:center}}.cd-top{color:#fff;font-size:1.2rem;display:block;width:45px;height:45px;line-height:48px;text-align:center;position:fixed;bottom:20px;right:10px;box-shadow:0 0 10px rgba(0,0,0,.05);overflow:hidden;background:rgba(35,35,35,.9) no-repeat center 50%;visibility:hidden;opacity:0;transition:all .3s;border-radius:100%;z-index:99}@media only screen and (min-width: 64rem){.cd-top{right:30px;bottom:20px}}@media only screen and (min-width: 40rem){.cd-top{right:20px;bottom:20px}}@media(max-width: 37.5rem){.cd-top{width:32px;height:32px;line-height:32px}}[data-aos^=fade][data-aos^=fade].aos-animate{transform:none}.cd-top.cd-is-visible{visibility:visible;opacity:1}.cd-top.cd-fade-out{opacity:.5}.no-touch .cd-top:hover{opacity:1}.back2top{fill:#fff;width:20px;height:20px}@media(max-width: 40rem){.back2top{width:16px;height:16px}}