*{box-sizing:border-box}html{font-family:helvetica,Arial,'黑體-繁','Apple LiGothic Medium','PingFang','微軟正黑體','Microsoft JhengHei','WenQuanYi Zen Hei',sans-serif;font-weight:bold}html,body{overflow-x:hidden}img{max-width:100%}a{text-decoration:none}.container{max-width:1420px;margin:0 auto}@media screen and (max-width:1420px){.container{max-width:1280px}}@media screen and (max-width:1280px){.container{max-width:900px}}@media screen and (max-width:1024px){.container{max-width:750px;padding:0 10px}}.header{background-color:#007d7d;position:fixed;width:100%;height:60px;display:flex;align-items:center;justify-content:flex-start;top:0;left:0;z-index:99}@media screen and (max-width:767px){.header{height:45px}}.header .container{width:100%}.header .logo{width:155px;display:inline-block;font-size:0}@media screen and (max-width:767px){.header .logo{width:120px}}.header .logo img{width:100%;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.main{margin-top:60px}@media screen and (max-width:767px){.main{margin-top:45px}}.section{padding:10px 0}.section-padding{padding-top:30px}.section-02 .container,.section-03 .container,.section-04 .container{display:flex;flex-flow:column wrap;justify-content:center}.section-yellow{background:#e6c86f}.section-light{background:#eef8f7;padding:70px 0}@media screen and (max-width:767px){.section-light{padding:50px 0}}.section-light .section-title{font-size:30px;text-align:center;color:#0fa1b8}@media screen and (max-width:767px){.section-light .section-title{font-size:24px}}.section-blue{background:#bdf1f0}.section-bubble{background-image:radial-gradient(rgba(131,199,198,0.2) 20%,transparent 20%),radial-gradient(rgba(131,199,198,0.2) 20%,transparent 20%);background-position:0 0,25px 25px;background-size:50px 50px;overflow:hidden}.section-title{margin:0;font-size:34px;line-height:1}@media screen and (max-width:767px){.section-title{font-size:20px}}.section-title--green{background:#0fa1b8;color:#fff;display:inline-block;padding:16px 45px;border-radius:16px;margin:22px auto 10px;position:relative;font-weight:bold;z-index:2}@media screen and (max-width:767px){.section-title--green{padding:10px 35px}}.section-title--board{display:inline-block;margin:22px auto 10px;color:#ffff21;background:#0fa1b8;border-radius:16px;padding:4px 4px 0;position:relative;font-weight:bold;z-index:2}.section-title--board::after,.section-title--board::before{width:2px;background:#0fa1b8;height:62px;display:block;position:absolute;content:'';top:-60px}.section-title--board::after{right:20%}.section-title--board::before{left:20%}.section-title--board .bird-img,.section-title--board .gold-img{position:absolute;width:80px;height:92px;top:50%;transform:translateY(-65%);z-index:11}@media screen and (max-width:767px){.section-title--board .bird-img,.section-title--board .gold-img{width:47.82px;height:55px}}.section-title--board .gold-img{right:-30px}.section-title--board .bird-img{left:-30px}@media screen and (max-width:767px){.section-title--board .bird-img{left:-18px}}.section-title--board span{display:inline-block;padding:16px 45px;border-radius:14px;border:5px solid #fff;position:relative;overflow:hidden}@media screen and (max-width:767px){.section-title--board span{padding:10px 20px;text-align:center}}.section-title--board span::before{content:'';display:inline-block;width:100%;padding:60px 200px;opacity:1;background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,0.6) 60%,rgba(255,255,255,0) 100%);transform-origin:center center;position:absolute;top:0;left:0;z-index:10;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-name:mask-ani;animation-name:mask-ani;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:0}.image-title-1{max-width:650px;image-rendering:-webkit-optimize-contrast;display:block;margin:0 auto}@media screen and (max-width:767px){.image-title-1{max-width:100%}}.image-title-3{max-width:300px;image-rendering:-webkit-optimize-contrast;display:block;margin:0 auto 20px;width:100%}@media screen and (max-width:767px){.image-title-3{max-width:230px}}.section-maze{display:flex;flex-flow:row nowrap;justify-content:center;padding:20px 0}@media screen and (max-width:767px){.section-maze{padding-top:10px}}.section-maze .maze-image{width:320px;image-rendering:-webkit-optimize-contrast;position:relative}@media screen and (max-width:767px){.section-maze .maze-image{width:170px;height:170px}}.section-maze .maze-01{right:-77px}@media screen and (max-width:767px){.section-maze .maze-01{right:-46px}}.section-maze .maze-03{right:77px}@media screen and (max-width:767px){.section-maze .maze-03{right:47px}}.maze-pattern_m{display:block;margin:20px auto 0}.section-push-2{width:730px;max-width:100%;margin:-30px auto 50px;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);padding:50px 20px 30px;border-radius:12px}@media screen and (max-width:767px){.section-push-2{width:100%;margin-bottom:30px;padding:30px 20px 15px}}.section-push{width:600px;max-width:100%;margin:-30px auto 0;padding:50px 20px;text-align:center;background:#ffee7a;font-size:28px;border-radius:12px;line-height:1.4;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);position:relative}@media screen and (max-width:767px){.section-push{font-size:18px;padding:40px 20px}}.section-push::after,.section-push::before{content:'';position:absolute;top:-65px;background-repeat:no-repeat}.section-push::before{left:-520px;background-image:url("../img/maze-bg-1.png");width:497px;height:308px}.section-push::after{right:-520px;background-image:url("../img/maze-bg-2.png");width:466px;height:303px}.section-push .btn-action{position:absolute;z-index:2;bottom:-40px;left:50%;transform:translateX(-50%)}@media screen and (max-width:767px){.section-push .btn-action{bottom:-20px}}.btn{cursor:pointer;display:inline-block}.btn-action{width:220px;position:relative}@media screen and (max-width:767px){.btn-action{width:145px}}.btn-action:hover img{transform:scale(1.01)}.btn-action img{image-rendering:-webkit-optimize-contrast;transition:.2s ease-in-out transform}.btn-action::after{content:'';position:absolute;bottom:0;right:-25px;background-image:url("../img/hand.png");background-size:100%;width:50px;height:50px;-webkit-animation-name:animateDown;animation-name:animateDown;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.3s;animation-delay:.3s}@media screen and (max-width:767px){.btn-action::after{width:35px;height:35px;right:-20px}}.main-maze{width:100%;height:450px;background-image:url("../img/kv-bg.jpg");background-size:2400px 450px;background-repeat:no-repeat;background-position:center}@media screen and (max-width:767px){.main-maze{background-image:url("../img/kv-bg_m.jpg");background-size:750px 224px;height:224px}}.main-maze .container{position:relative}@media screen and (max-width:767px){.main-maze .container{max-width:320px}}.main-maze .container .maze-only{position:absolute;bottom:119px;left:321px;-webkit-animation:mazeOnly 4s ease-in-out infinite;animation:mazeOnly 4s ease-in-out infinite}@media screen and (max-width:1420px){.main-maze .container .maze-only{left:250px}}@media screen and (max-width:1280px){.main-maze .container .maze-only{left:60px}}@media screen and (max-width:1024px){.main-maze .container .maze-only{left:-15px}}@media screen and (max-width:767px){.main-maze .container .maze-only{bottom:2px;width:76px;left:10px;-webkit-animation-name:mazeOnlyMobile;animation-name:mazeOnlyMobile}}@media screen and (max-width:767px){.desktop{display:none}}.mobile{display:none}@media screen and (max-width:767px){.mobile{display:block}}.section-02{overflow:hidden}.kv-title{display:flex;justify-content:center;padding:90px 0;position:relative;width:460px;margin:0 auto}@media screen and (max-width:767px){.kv-title{width:175px;height:171px;padding:40px 0}}.kv-title .maze-up{width:32px;position:absolute;right:-15px;top:70px;-webkit-animation:mazeUp 1.5s ease-in-out infinite;animation:mazeUp 1.5s ease-in-out infinite}@media screen and (max-width:767px){.kv-title .maze-up{width:12px;top:30px;right:-10px;-webkit-animation-name:mazeUpMobile;animation-name:mazeUpMobile}}.kv-stripe__holder{height:250px;width:100%;margin:100px 0 30px;background-image:url("../img/stripe.png");background-repeat:repeat-x;-webkit-animation:stripe 30s linear infinite alternate;animation:stripe 30s linear infinite alternate}@media screen and (max-width:767px){.kv-stripe__holder{height:150px;background-size:991.2px 150px;margin-top:20px}}.content-holder{max-width:750px;line-height:1.4;width:100%;margin:0 auto 30px;font-size:20px;text-align:center}@media screen and (max-width:767px){.content-holder{font-size:18px;margin-bottom:20px}}.content-holder p{margin:30px 0}@media screen and (max-width:767px){.content-holder p{margin:20px 0}}.section-wording{max-width:650px;margin:30px auto;display:flex;flex-flow:column wrap}@media screen and (max-width:767px){.section-wording{margin:10px auto}}.section-wording__text{background:#fff;transform:translateY(-20px);padding:50px 26px 30px;text-align:center;width:650px;max-width:100%;align-self:stretch;font-size:22px;line-height:1.35;box-shadow:8px 8px #ff8013}@media screen and (max-width:767px){.section-wording__text{width:100%;font-size:17px;padding:40px 25px 25px}}.section-wording__title{font-size:28px;color:#fff;align-self:center;line-height:1;margin:0;padding:15px 40px;background:#0fa1b8;position:relative;z-index:2}@media screen and (max-width:767px){.section-wording__title{font-size:20px;padding:10px 20px}}.section-wording__title::before,.section-wording__title::after{content:'';width:40px;height:100%;background:#0fa1b8;position:absolute;top:0;transform:skew(-20deg);z-index:1}.section-wording__title::before{left:-20px}.section-wording__title::after{right:-20px}[v-cloak]{visibility:hidden;opacity:0}.kv-qa{width:100%;background-position:center bottom;background-repeat:no-repeat;background-size:2400px 290px;position:relative;height:290px}@media screen and (max-width:767px){.kv-qa{display:none}}.qa-content{background:#d9ffff}.qa-holder{max-width:860px;margin:0 auto;padding:40px 0 0}@media screen and (max-width:767px){.qa-holder{padding:20px 10px}}.qa-holder + .input-holder{margin-top:40px}.qa-content .qa-holder{padding-bottom:60px}.body-content{display:flex;flex-flow:row wrap;align-items:flex-start;padding:20px 35px;font-size:19px;line-height:1.5;font-weight:normal;border-top:2px solid #0fa1b8}.body-content .qa-word{color:#ffd700}@media screen and (max-width:767px){.body-content{padding:15px 10px;font-size:16px}}.body-content p{margin:0 0 10px}.body-content p:last-of-type{margin-bottom:0}.body-content a{color:#007d7d;word-break:break-all;display:inline-block}.body-content table{width:100%;border:1px solid #ddd;background:#fff;font-size:.9em;margin-top:20px}@media screen and (max-width:767px){.body-content table{font-size:14px}.body-content table ul{padding-left:10px}}.body-content table th,.body-content table td{border:1px solid #ddd;padding:15px 10px}.body-content table th{background:#017c7c;color:#fff}.body-content table tr:nth-child(2n+1){background:#eee}.qa-ans{width:calc(100% - 90px);align-self:center;font-size:20px;font-weight:bold;color:#000}@media screen and (max-width:767px){.qa-ans{font-size:18px;width:calc(100% - 70px)}}.qa-word{display:inline-block;font-size:58px;opacity:.5;margin-right:10px;line-height:1;font-weight:bold;width:80px}@media screen and (max-width:767px){.qa-word{font-size:40px;width:60px;margin-right:5px}}.qa-word::after{content:attr(data-content);font-size:28px}@media screen and (max-width:767px){.qa-word::after{font-size:25px}}.qa-tools-holder{font-size:19px;color:#828282}.qa-tools-holder input,.qa-tools-holder select{background:#f4f4f4 !important;box-shadow:none !important;border:1px solid #828282 !important;border-radius:40px;padding:10px 20px;width:100% !important;margin:0 10px;height:44px}@media screen and (max-width:767px){.qa-tools-holder input,.qa-tools-holder select{height:42px;margin:0;font-size:16px}}.qa-tools-holder .input-holder--search{width:100%}.qa-tools-holder .input-holder{position:relative;max-width:360px}@media screen and (max-width:767px){.qa-tools-holder .input-holder{max-width:100%;margin:0 0 10px}}.qa-tools-holder .input-holder .search{position:absolute;background:#007d7d;width:44px;height:44px;right:0;top:0;display:flex;align-items:center;justify-content:center;border-top-right-radius:40px;border-bottom-right-radius:40px}@media screen and (max-width:767px){.qa-tools-holder .input-holder .search{width:42px;height:42px}}.qa-tools-holder .input-holder .search img{width:20px}.js-accordion{background-color:#fffde7;border-color:#0fa1b8;border-style:solid;border-width:2px;border-radius:20px;margin-bottom:25px}.js-accordion:last-child{margin-bottom:0}.js-accordion--trigger{position:relative;display:block;width:100%;transition:all .2s ease-in;color:#0fa1b8;display:flex;font-weight:bold;text-align:left;padding:10px 50px 10px 35px;outline:none;border:none;cursor:pointer;background:#fff;border-radius:30px}@media screen and (max-width:767px){.js-accordion--trigger{font-size:18px;padding:8px 35px 8px 15px}}.js-accordion--trigger:after{display:inline-block;width:24px;height:24px;content:'';position:absolute;top:50%;right:1em;transform:translateY(-50%) rotateX(180deg);transition:all .2s ease-in;background-image:url("https://www.ctbcbank.com/content/dam/minisite/long/loan/mortgage/img/qa/up.svg");background-size:cover;background-repeat:no-repeat;background-position:center}@media screen and (max-width:767px){.js-accordion--trigger:after{right:10px;width:17px;height:17px}}.js-accordion--trigger._state-open{text-decoration:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.js-accordion--trigger._state-open::after{transform:translateY(-50%)}.js-accordion--trigger:hover{text-decoration:none}.js-accordion--target{overflow:hidden;transition:height .4s ease-in-out}.js-accordion-enter-active{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:js-accordion--anime__opend;animation-name:js-accordion--anime__opend}.js-accordion-leave-active{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:js-accordion--anime__closed;animation-name:js-accordion--anime__closed}.footer{padding:50px 0 30px}@media screen and (max-width:767px){.footer{padding:30px 0 15px}}.warning-text--title{color:#7f8080;text-align:center;font-size:24px;line-height:1.45}.warning-text--title svg{max-width:600px;margin-top:10px}@media screen and (max-width:767px){.warning-text--title{font-size:18px}}.warning-text--list{font-size:18px;line-height:1.6;display:none;font-weight:normal}@media screen and (max-width:767px){.warning-text--list{font-size:16px}}.warning-text--list .list-number-bucket{list-style-type:decimal-leading-zero}.warning-text--list .list-en{list-style-type:lower-alpha}.warning-text--list li{margin-bottom:10px}.warning-text--list ul,.warning-text--list ol{padding-left:20px}.warning-button{max-width:1000px;margin:10px auto;cursor:pointer}@-webkit-keyframes js-accordion--anime__opend{0%{opacity:0}100%{opacity:1}}@keyframes js-accordion--anime__opend{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes js-accordion--anime__opend{0%{opacity:0}100%{opacity:1}}@keyframes js-accordion--anime__opend{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes js-accordion--anime__closed{0%{opacity:1}100%{opacity:0}}@keyframes js-accordion--anime__closed{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes js-accordion--anime__closed{0%{opacity:1}100%{opacity:0}}@keyframes js-accordion--anime__closed{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes stripe{0%{background-position-x:0%}100%{background-position-x:2400px}}@keyframes stripe{0%{background-position-x:0%}100%{background-position-x:2400px}}@-webkit-keyframes mazeUp{0%{transform:translate(0)}20%{transform:translateX(-15px) translateY(21px)}40%{transform:translate(0)}60%{transform:translateX(-15px) translateY(21px)}80%{transform:translate(0)}100%{transform:translate(0)}}@keyframes mazeUp{0%{transform:translate(0)}20%{transform:translateX(-15px) translateY(21px)}40%{transform:translate(0)}60%{transform:translateX(-15px) translateY(21px)}80%{transform:translate(0)}100%{transform:translate(0)}}@-webkit-keyframes mazeUpMobile{0%{transform:translate(0)}20%{transform:translateX(-10px) translateY(10px)}40%{transform:translate(0)}60%{transform:translateX(-10px) translateY(10px)}80%{transform:translate(0)}100%{transform:translate(0)}}@keyframes mazeUpMobile{0%{transform:translate(0)}20%{transform:translateX(-10px) translateY(10px)}40%{transform:translate(0)}60%{transform:translateX(-10px) translateY(10px)}80%{transform:translate(0)}100%{transform:translate(0)}}@-webkit-keyframes mazeOnly{0%{transform:translate(0) rotate(0deg)}20%{transform:translateX(100px) translateY(50px) rotate(90deg)}50%{transform:translate(0) rotate(0deg)}100%{transform:translate(0) rotate(0deg)}}@keyframes mazeOnly{0%{transform:translate(0) rotate(0deg)}20%{transform:translateX(100px) translateY(50px) rotate(90deg)}50%{transform:translate(0) rotate(0deg)}100%{transform:translate(0) rotate(0deg)}}@-webkit-keyframes mazeOnlyMobile{0%{transform:translate(0) rotate(0deg)}20%{transform:translateX(50px) translateY(30px) rotate(90deg)}50%{transform:translate(0) rotate(0deg)}100%{transform:translate(0) rotate(0deg)}}@keyframes mazeOnlyMobile{0%{transform:translate(0) rotate(0deg)}20%{transform:translateX(50px) translateY(30px) rotate(90deg)}50%{transform:translate(0) rotate(0deg)}100%{transform:translate(0) rotate(0deg)}}@-webkit-keyframes mask-ani{0%{transform:rotate(-36deg) translate(0,-300px);opacity:1}70%,100%{transform:rotate(-36deg) translate(0,300px)}}@keyframes mask-ani{0%{transform:rotate(-36deg) translate(0,-300px);opacity:1}70%,100%{transform:rotate(-36deg) translate(0,300px)}}@-webkit-keyframes animateDown{0%,50%,100%{transform:translateY(0)}25%,75%{transform:translateY(3px)}}@keyframes animateDown{0%,50%,100%{transform:translateY(0)}25%,75%{transform:translateY(3px)}}