@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600&display=swap");#intro,.kv,.question,.result{background-image:url(../images/bg.jpg);background-size:1283px auto;background-repeat:repeat;background-position:center top}.container{max-width:1280px;margin:0 auto;text-align:center}@media (max-width:992px){.container{max-width:860px}}@media (max-width:767px){.container{max-width:414px}}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-bold{font-weight:700!important}.hide-pc{display:none}@media (max-width:992px){.hide-pc{display:block}}.hide-mb{display:block}@media (max-width:992px){.hide-mb{display:none}}.break-dt{display:block}@media (max-width:767px){.break-dt{display:inline}}.break-mb{display:inline}@media (max-width:767px){.break-mb{display:block}}.page-waterbra{font-family:"Noto Sans TC",sans-serif}@media (max-width:767px){.page-waterbra{margin-top:80px}}.page-waterbra *{line-height:1.5}.page-waterbra p{margin:0}img{display:block;max-width:100%;height:auto;margin:0 auto}span{font-family:inherit}.btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:264px;height:56px;background-color:#FFBB61;mix-blend-mode:multiply;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.25);box-shadow:0px 4px 4px rgba(0,0,0,0.25);border-radius:10px;font-family:"Noto Sans TC",sans-serif;font-weight:400;font-size:24px;color:#FFFFFF;text-decoration:none;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}@media (max-width:767px){.btn{font-size:19px;width:163px;height:51px}}.btn:hover{background-color:#ffb048}.btn.disabled{background-color:#fff2e1}.btn.secondary{background-color:#0D7D95;mix-blend-mode:normal}.btn.secondary:hover{background-color:#0b697e}.btn.outline{mix-blend-mode:normal;background-color:transparent;border:solid 1px #2B9D8E;color:#2B9D8E;font-size:16px;width:103px;height:40px}.btn.outline:hover{background-color:#ececec}.btn-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-wrap.left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.cus-checkbox-wrap,.cus-radio-wrap{position:relative;padding-left:52px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-transition:0.2s opacity ease;transition:0.2s opacity ease}@media (max-width:767px){.cus-checkbox-wrap,.cus-radio-wrap{padding-left:42px}}.cus-checkbox-wrap label,.cus-radio-wrap label{cursor:pointer}.cus-checkbox-wrap label:after,.cus-radio-wrap label:after{content:"";display:block;position:absolute;top:2px;left:0;height:32px;width:32px;background-color:#fff;border:3px solid #C4C4C4;border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:767px){.cus-checkbox-wrap label:after,.cus-radio-wrap label:after{height:26px;width:26px}}.cus-checkbox-wrap:hover label:after,.cus-radio-wrap:hover label:after{border:3px solid #FFBB61}.cus-checkbox-wrap input,.cus-radio-wrap input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.cus-checkbox-wrap input:checked+label:after,.cus-radio-wrap input:checked+label:after{background-color:#FFBB61;border:none}.cus-checkbox-wrap label:before,.cus-radio-wrap label:before{content:"";position:absolute;opacity:0;top:2px;left:0px;width:32px;height:32px;background:url(../images/checkbox_base.svg);background-size:contain;z-index:2;transition:0.2s opacity ease;-webkit-transition:0.2s opacity ease;-o-transition:0.2s opacity ease}@media (max-width:767px){.cus-checkbox-wrap label:before,.cus-radio-wrap label:before{height:26px;width:26px}}.cus-checkbox-wrap input:checked+label:before,.cus-radio-wrap input:checked+label:before{opacity:1}#total{position:fixed;left:0;top:0;font-size:60px}h2{font-family:"Noto Sans TC",sans-serif;font-weight:400;font-size:21px;line-height:68px;color:#4A4A4A;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}@media (max-width:767px){h2{font-size:17px;line-height:24px}}h2:before{content:"";height:1px;width:120px;background-color:#000;display:block;margin-right:20px}@media (max-width:767px){h2:before{width:35px;margin-right:10px}}h2:after{content:"";height:1px;width:120px;background-color:#000;display:block;margin-left:20px}@media (max-width:767px){h2:after{width:35px;margin-left:10px}}footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:70px}@media (max-width:767px){footer{height:auto;min-height:86px}}footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;color:#4A4A4A}@media (max-width:767px){footer .container{line-height:1.4;-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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}footer img{width:53px;margin-right:12px}@media (max-width:767px){footer img{margin:0;width:37px}}@media (max-width:767px){footer p{font-size:12px;-webkit-transform:scale(0.75);transform:scale(0.75);margin:6px 0}}.kv{position:relative;width:100%;height:0;padding-bottom:calc(1490 / 2560 * 100%)}@media (max-width:768px){.kv{padding-bottom:calc(860 / 750 * 100%)}}.kv img{mix-blend-mode:multiply;position:absolute;top:0;left:0}#intro{padding-bottom:36px;padding-top:40px}#intro h1{font-family:"Noto Serif TC",serif;font-weight:600;font-size:32px;line-height:1.4;color:#2B9D8E;text-align:center;padding:0 20px;margin-bottom:20px}@media (max-width:767px){#intro h1{font-size:23px;margin-bottom:16px}}.question{position:relative}.question>section{padding-bottom:36px;display:none;position:absolute;width:100%;left:0;top:0}@media (max-width:767px){.question>section{position:relative}}.question .q-title{background-image:url(../images/title_bg.svg);mix-blend-mode:multiply;height:248px;background-size:auto 248px;background-position:center top;background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"Noto Serif TC",serif;font-weight:600;font-size:24px;line-height:1.7;color:#fff;margin-bottom:32px}@media (max-width:767px){.question .q-title{font-size:18px;background-image:url(../images/title_bg_mb.svg);background-size:auto 231px;height:231px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:35px}}.question .q-title .container{max-width:650px;margin:0 auto;text-align:left;font-family:inherit}@media (max-width:767px){.question .q-title .container{max-width:calc(100% - 48px)}}.question .q-title .large{font-family:inherit;font-size:34px;margin-right:8px}@media (max-width:767px){.question .q-title .large{font-size:18px}}.question .q-list li{font-family:"Noto Sans TC",sans-serif;font-weight:400;font-size:21px;color:#4A4A4A;margin-bottom:32px}@media (max-width:767px){.question .q-list li{font-size:17px;margin-bottom:24px}}.question .btn-wrap{margin-top:42px}#q01{position:relative}#q01:after{content:"";display:block;width:176px;height:216px;position:absolute;right:50px;bottom:78px;background-image:url(../images/dec_01.png);background-size:cover}@media (max-width:992px){#q01:after{width:calc(176px * 0.8);height:calc(216px * 0.8)}}@media (max-width:767px){#q01:after{width:89px;height:110px;right:13px;bottom:56px}}#q01 .q-list{max-width:520px;margin:0 auto}@media (max-width:992px){#q01 .q-list{max-width:80%;margin:0 auto}}@media (max-width:767px){#q01 .q-list{max-width:calc(100% - 60px)}}#q02{position:relative}#q02:after{content:"";display:block;width:144px;height:256px;position:absolute;right:125px;bottom:49px;background-image:url(../images/dec_02.png);background-size:cover}@media (max-width:992px){#q02:after{width:calc(144px * 0.8);height:calc(256px * 0.8);right:25px}}@media (max-width:767px){#q02:after{width:75px;height:133px;right:19px;bottom:52px}}#q02 .q-list{max-width:740px;margin:0 auto}@media (max-width:992px){#q02 .q-list{max-width:80%;margin:0 auto}}@media (max-width:767px){#q02 .q-list{max-width:calc(100% - 60px)}}#q03{position:relative}#q03:after{content:"";display:block;width:186px;height:262px;position:absolute;left:211px;bottom:0;background-image:url(../images/dec_03.png);background-size:cover}@media (max-width:992px){#q03:after{width:calc(186px * 0.8);height:calc(262px * 0.8);left:25px}}@media (max-width:767px){#q03:after{width:84px;height:118px;left:21px;bottom:101px}}#q03 .q-list{max-width:170px;margin:0 auto}#q04{position:relative}#q04:after{content:"";display:block;width:190px;height:275px;position:absolute;right:69px;bottom:28px;background-image:url(../images/dec_04.png);background-size:cover}@media (max-width:992px){#q04:after{width:calc(190px * 0.65);height:calc(275px * 0.65);bottom:48px;right:0px}}@media (max-width:767px){#q04:after{width:89px;height:128px;right:12px;bottom:77px}}#q04 .q-list{max-width:960px;max-height:400px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width:992px){#q04 .q-list{max-width:80%;margin:0 auto;max-height:450px}}@media (max-width:767px){#q04 .q-list{max-width:calc(100% - 60px);max-height:none}}#q04 .q-list li{width:50%;padding:0 35px}@media (max-width:767px){#q04 .q-list li{width:100%;padding:0}}#q04 .btn-wrap{margin-top:0}@media (max-width:767px){#q04 .btn-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}#q05{position:relative}#q05:after{content:"";display:block;width:136px;height:262px;position:absolute;left:54px;bottom:38px;background-image:url(../images/dec_05.png);background-size:cover}@media (max-width:992px){#q05:after{width:calc(136px * 0.6);height:calc(262px * 0.6);left:16px}}@media (max-width:767px){#q05:after{width:66px;height:128px;left:33px;bottom:40px}}#q05 .q-list{max-width:782px;max-height:300px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width:992px){#q05 .q-list{max-width:80%;max-height:350px;margin:0 auto}}@media (max-width:767px){#q05 .q-list{max-width:calc(100% - 60px);max-height:none}}#q05 .q-list li{width:50%;padding:0 20px}@media (max-width:767px){#q05 .q-list li{width:100%;padding:0}}#q05 .btn-wrap{margin-top:50px}.result{position:relative;display:none;padding-top:16px}@media (max-width:992px){.result{padding-top:66px}}.result #r01,.result #r02,.result #r03,.result #r04{display:none}.result .btn.outline{position:absolute;top:30px;left:28px}@media (max-width:767px){.result .btn.outline{top:13px;left:18px}}.result-top{max-width:746px;height:271px;margin:0 auto;background-image:url(../images/result_bg.svg);background-size:cover;mix-blend-mode:multiply;text-align:center;padding:22px 0 0;margin-bottom:16px;position:relative}@media (max-width:767px){.result-top{background-image:url(../images/result_bg_mb.svg);padding:22px 20px 0;width:100%;max-width:352px;height:281px}}@media (max-width:767px){.result-top img{width:calc(100% - 60px);position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:-2}}.result-top .title{font-family:"Noto Serif TC",serif;font-weight:600;font-size:36px;line-height:1.4;color:#FFBB61;text-align:center;margin-bottom:16px}@media (max-width:767px){.result-top .title{font-size:26px}}.result-top .title .light{color:#F2D6C2;margin-right:8px}.result-top .title .large{font-size:56px}@media (max-width:767px){.result-top .title .large{font-size:46px}}.result-top .sub-title{font-family:"Noto Serif TC",serif;text-align:center;font-size:24px;color:rgba(255,255,255,0.875734);position:relative;display:inline-block;background-image:url(../images/text_underline.png);background-size:100vw 7px;background-repeat:repeat-x;background-position:left bottom 0;display:inline}@media (max-width:767px){.result-top .sub-title{font-size:17px}}.result-top .intro{font-size:19px;color:rgba(255,255,255,0.875734);padding:0 80px}@media (max-width:767px){.result-top .intro{font-size:14px;padding:0 10px}}.result-content .title{font-size:19px;line-height:2.1;color:#FFBB61;text-align:center;margin-bottom:12px}@media (max-width:767px){.result-content .title{font-size:17px}}.result-content .result-content-list{max-width:400px;margin:0 auto;font-size:19px;color:#4A4A4A}@media (max-width:767px){.result-content .result-content-list{font-size:17px}}.result-content .result-content-list .list-item{margin-bottom:12px}.share-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#2B9D8E;font-size:19px;margin-top:16px}@media (max-width:767px){.share-wrap{font-size:16px}}.share-wrap span{display:inline-block;margin-right:16px}.share-wrap .sns-btn{margin-right:24px}.title-readmore{color:#0D7D95;font-size:21px;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:16px;margin-bottom:8px;text-align:center}@media (max-width:767px){.title-readmore{font-size:18px;padding:0 16px}}.title-readmore:after{content:"";width:31px;height:16px;margin-top:12px;background-image:url(../images/arrow.svg);background-size:cover}.more-info{background-color:rgba(167,205,215,0.7);mix-blend-mode:multiply;padding:24px 0}@media (max-width:767px){.more-info{padding:24px 0 36px}}.more-info .container{max-width:762px;margin:0 auto}@media (max-width:767px){.more-info .container{padding:0 20px}}.more-info .title-s{color:#3A9EB4;font-size:19px;margin-bottom:16px}@media (max-width:767px){.more-info .title-s{font-size:15px}}.more-info .title{color:#0D7D95;font-size:29px}@media (max-width:767px){.more-info .title{font-size:21px}}.more-info .info{color:#4A4A4A;font-size:19px}@media (max-width:767px){.more-info .info{font-size:16px}}
/*# sourceMappingURL=style.css.map */