@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,button,textarea,p,blockquote,th{font-family:"Roboto", Arial, "Noto Sans TC", "Microsoft JhengHei", sans-serif !important}img,object,embed,video{max-width:100%}.ie6 img{width:100%}body{color:#747474;background:#ecf6ff;font-size:15px;min-width:320px;overflow-x:hidden}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:auto}}.cp-tips{width:100%;line-height:1.6;text-align:center;color:#996600;background-color:#ffefc6;padding:10px;font-size:16px}.cp-tips p{margin:0}.cp-tips a{color:#f75c61;text-decoration:underline}.cp-tips .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{content:"";position:absolute;width:100%;border-top:1px solid #996600;top:50%;left:0}.cp-tips .cp-tips-close:after{content:"";position:absolute;height:100%;border-left:1px solid #996600;top:0;left:50%}h1,h2,h3,h4,h5,h6{line-height:1.4;margin:0;padding:0}p{line-height:1.4;margin-bottom:0}b{font-weight:bold}a{text-decoration:none;color:inherit}ul,ol{margin:0;padding:0;list-style-type:none}.text-hidden{height:0;text-indent:-9999px;padding:0;margin:0}.all-content{position:relative;font-size:1.2em;overflow:hidden}.all-content .all_bg{pointer-events:none}.all-content .all_bg>*{position:absolute}.all-content [class^="circle"]{border-radius:50%}.all-content .circle__1{width:960px;height:960px;background:#c5f6ff;-webkit-filter:blur(100px);filter:blur(100px);top:-200px;right:55%}.all-content .circle__2{width:960px;height:960px;background:#d4faeb;-webkit-filter:blur(150px);filter:blur(150px);top:10%;left:70%}.all-content .circle__3{width:960px;height:960px;background:#e8dffc;-webkit-filter:blur(150px);filter:blur(150px);top:28%;right:75%}.all-content .circle__4{width:1460px;height:1460px;background:#c5f6ff;-webkit-filter:blur(100px);filter:blur(100px);top:45%;left:50%}.all-content .circle__5{width:960px;height:960px;background:#d4faeb;-webkit-filter:blur(150px);filter:blur(150px);top:65%;left:25%}.all-content .circle__6{width:1260px;height:1260px;background:#ffe1fc;-webkit-filter:blur(150px);filter:blur(150px);top:90%;left:55%}.all-content .bg__dot1{width:793px;height:337px;background:url(../images/bg__dot1.png) no-repeat 0 0/contain;top:0;left:0}.all-content .bg__dot2{width:327px;height:880px;background:url(../images/bg__dot2.png) no-repeat 0 0/contain;top:10%;right:0}.all-content .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:3em;padding-bottom:6em}.all-content .container>*{position:relative}.dashline{position:absolute;left:50%;margin-left:-2px;bottom:0;width:4px;height:100px;background:repeating-linear-gradient(to bottom, #bebaff 0 8px, transparent 8px 16px);margin:0 auto}.triangle{width:0px;height:0px;border-style:solid;border-width:21px 17px 0 17px;border-color:#bebaff transparent transparent transparent;margin:0 auto}.kv{position:relative;padding:4em 20px 0;background:url(../images/bg__line.png) no-repeat center/100% auto}.kv .dashline{height:200px}.block__title{position:relative;margin-bottom:1.5em;font-size:1.3em;text-align:center;letter-spacing:1px}.block__title h3{font-size:1.6em;color:#483ff0;font-weight:bold}.block__title p{color:#0029a6;margin-top:10px}.trouble{padding-bottom:100px}.trouble .content{font-size:1.5em}.trouble .wrapper{height:240px;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:#fff;padding:30px}.trouble .col-md-4:nth-child(1) .wrapper{background:url(../images/tr_1.jpg) no-repeat center/cover}.trouble .col-md-4:nth-child(2) .wrapper{background:url(../images/tr_2.jpg) no-repeat center/cover}.trouble .col-md-4:nth-child(3) .wrapper{background:url(../images/tr_3.jpg) no-repeat center/cover}.situation{position:relative;padding-bottom:130px}.situation .content{font-size:1.3em}.situation .situation__title{position:relative;height:2em}.situation .situation__title li{position:absolute;width:100%;opacity:0;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;font-size:1.2em;font-weight:bold;color:#3097ff}.situation .situation__title li.active{opacity:1}.situation .situation__skills{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;width:1000px;max-width:100%;margin:0 auto}.situation .situation__skills li{width:calc(25% - 3px);background:#fff;border:1px solid #bebaff;padding:15px 10px;font-weight:bold;border-radius:10px;color:#b1b1b1;line-height:1.2}.situation .situation__skills li.active{color:#3097ff;border-color:#3097ff;background:#fff url(../images/check.png) no-repeat 15px center/36px auto}.situation h4{font-size:1.2em;color:#0029a6}.daily{padding-bottom:60px}.daily .dashline{height:200px}.form_qa{position:relative}.form_qa li:last-child{position:absolute;top:0;left:0;width:100%;pointer-events:none}.form_qa li:last-child .form-input{opacity:0}.form_qa li:last-child.active{position:relative;pointer-events:auto}.form_qa li:last-child.active .form-input{opacity:1;margin-top:0.5rem}.custom-select{position:relative;cursor:pointer}.custom-select .selected{position:relative;padding:0px 35px 0 15px;border:1px solid #bebaff;border-radius:0.35rem;background:#fff;height:48px;line-height:48px;text-align:left;font-size:16px;color:#999999}.custom-select .selected::after{content:"";position:absolute;width:0px;height:0px;border-style:solid;border-width:6px 6px 0 6px;border-color:#bebaff transparent transparent transparent;margin:0 auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:15px}.custom-select.active .selected{color:#222}.custom-select .options{display:none;position:absolute;width:100%;top:0;left:0;border:1px solid #bebaff;border-radius:0.35rem;background:#fff;z-index:10;font-size:16px;text-align:left;padding:10px 0;-webkit-box-shadow:0 0 10px rgba(72,63,240,0.2);box-shadow:0 0 10px rgba(72,63,240,0.2)}.custom-select .options .option{padding:3px 12px}.custom-select .options .option:hover{background:#f0f0f0;color:#483ff0}.custom-select.open .options{display:block}@media only screen and (max-width: 1920px){body{background-size:auto 960px}}@media only screen and (min-width: 1400px){.container{max-width:1200px}}@media only screen and (max-width: 991px){.all-content .bg__dot1{width:64vw}.all-content .bg__dot2{width:24vw}.situation .situation__skills li.active{background:#fff}}@media only screen and (max-width: 767px){.all-content{font-size:1.1em}.kv{background:none;padding-top:0}.block__title{font-size:1.2em}.daily .dashline{height:160px}}@media only screen and (max-width: 680px){.kv .dashline{height:30vw}.dashline{width:3px;height:70px;background:repeating-linear-gradient(to bottom, #bebaff 0 4px, transparent 4px 8px)}.trouble{padding-bottom:70px}.situation{padding-bottom:100px}}@media only screen and (max-width: 575px){.block__title{font-size:1.1em}.trouble .wrapper{height:200px;padding:20px 65px}.situation .content{font-size:1.1em}.daily .dashline{height:28vw}}@media only screen and (max-width: 440px){.situation .situation__skills li{padding:20px 22px}}