@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;700;900&family=Rubik:wght@700&display=swap");body{font-family:'Noto Sans TC', sans-serif;overflow-x:hidden}input:focus,button:focus,textarea:focus,select:focus{outline:none}input{-webkit-appearance:none;border-radius:0}select{-webkit-appearance:none;border-radius:0}.form-label{display:block;font-weight:700;color:#203864;width:100%;margin-bottom:.5rem}@media (min-width: 48em){.form-label{font-size:1.25rem;width:90px;margin-right:4rem;margin-bottom:0}}@media (min-width: 62em){.form-label{margin-right:6rem}}.form-control{display:block;padding:.5rem 1rem;border-radius:5px;border:1px solid #5C84C4;-webkit-box-flex:1;-ms-flex:1;flex:1}.btn{display:inline-block;padding:.875rem 0;text-align:center}.btn-more{display:inline-block;padding:.25rem 2.5rem;border:1px solid #fff;color:#fff}.btn-large{display:inline-block;padding:1rem 2rem;border-radius:30px}.btn-outline-primary{color:#474747;background-color:#fff;border:1px solid #5C84C4;border-radius:5px;-webkit-transition:color .3s,background-color .3s;transition:color .3s,background-color .3s;width:100%}@media (min-width: 48em){.btn-outline-primary{width:242px}}.btn-outline-primary:hover{color:#fff;background-color:#203864}.btn-outline-primary.is-active{color:#fff;background-color:#203864}.btn-blue-300{background-color:#1F4E79;color:#fff;border-radius:26px;-webkit-transition:background-color .3s;transition:background-color .3s;width:242px}.btn-blue-300:hover{background-color:rgba(31,78,121,0.85)}.btn-secondary{color:#599C45;border:1px solid #599C45;-webkit-transition:color .3s,background-color .3s;transition:color .3s,background-color .3s}.btn-secondary:hover{color:#fff;background-color:#599C45}.btn-secondary.is-active{color:#fff;background-color:#599C45}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;pointer-events:none;z-index:9999}.loading.is-loaded{background:none}.loading.is-loaded .loading__background{-webkit-animation:welcome-screen-outro-background 0.9s both cubic-bezier(0.645, 0.045, 0.355, 1);animation:welcome-screen-outro-background 0.9s both cubic-bezier(0.645, 0.045, 0.355, 1)}.loading.is-loaded .loading__logo{-webkit-animation:welcome-screen-outro-logo 1.8s both ease;animation:welcome-screen-outro-logo 1.8s both ease}.loading__background{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;-webkit-animation:welcome-screen-intro-background 0.9s both cubic-bezier(0.645, 0.045, 0.355, 1);animation:welcome-screen-intro-background 0.9s both cubic-bezier(0.645, 0.045, 0.355, 1)}@-webkit-keyframes welcome-screen-intro-background{0%{-webkit-transform:skewY(0);transform:skewY(0)}100%{-webkit-transform:skewY(135deg);transform:skewY(135deg)}}@keyframes welcome-screen-intro-background{0%{-webkit-transform:skewY(0);transform:skewY(0)}100%{-webkit-transform:skewY(135deg);transform:skewY(135deg)}}@-webkit-keyframes welcome-screen-outro-background{0%{-webkit-transform:skewY(135deg);transform:skewY(135deg)}100%{-webkit-transform:skewY(-90deg);transform:skewY(-90deg)}}@keyframes welcome-screen-outro-background{0%{-webkit-transform:skewY(135deg);transform:skewY(135deg)}100%{-webkit-transform:skewY(-90deg);transform:skewY(-90deg)}}.loading__foreground{position:absolute;top:0;left:0;width:100%;height:100%;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}.loading__logo{width:200px;-webkit-animation:welcome-screen-intro-logo 1.5s both 1s cubic-bezier(0.165, 0.84, 0.44, 1);animation:welcome-screen-intro-logo 1.5s both 1s cubic-bezier(0.165, 0.84, 0.44, 1)}@media (min-width: 48em){.loading__logo{width:500px}}.loading__logo img{width:100%}@-webkit-keyframes welcome-screen-intro-logo{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes welcome-screen-intro-logo{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes welcome-screen-outro-logo{0%{opacity:1}100%{opacity:0}}@keyframes welcome-screen-outro-logo{0%{opacity:1}100%{opacity:0}}.form-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;-webkit-transition:opacity 1s ease,visibility .3s ease;transition:opacity 1s ease,visibility .3s ease;z-index:9999}.form-loading svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.form-loading.is-active{opacity:1;visibility:visible}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#474747;z-index:1000;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;overflow-y:auto;overflow-x:hidden}@media (min-width: 48em){.modal{display:block}}.modal__main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:url(../../img/pc/bg/bg-modal.svg);background-position:left;background-repeat:no-repeat;background-size:cover;width:100%;height:100vh;margin-left:auto}.modal__content{position:relative;padding:0 4rem}@media (min-width: 62em){.modal__content{padding:0 6rem}}@media (min-width: 75em){.modal__content{padding:0 8rem}}@media (min-width: 100.0625em){.modal__content{padding:0 13.75rem}}.modal__close{position:absolute;top:4rem;right:4rem;width:40px;height:40px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;cursor:pointer}@media (min-width: 62em){.modal__close{top:5rem;right:5rem}}@media (min-width: 75em){.modal__close{top:115px;right:150px}}.modal__close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.modal__close::before,.modal__close::after{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:38px;height:3px;background-color:#203864;border-radius:4px}.modal__close::before{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.modal__close::after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.mobile-modal{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#474747;z-index:1000;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;overflow-y:auto;overflow-x:hidden}@media (min-width: 48em){.mobile-modal{display:none}}.mobile-modal__close{position:relative;width:20px;height:20px;cursor:pointer}.mobile-modal__close::before,.mobile-modal__close::after{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:15px;height:2px;background-color:#fff;border-radius:4px}.mobile-modal__close::before{-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.mobile-modal__close::after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.mobile-modal__main{background-image:url(../../img/mobile/bg/bg-modal.svg);background-repeat:no-repeat;background-size:cover;background-position:top;height:calc(100% - 75px)}.mobile-modal__title h4{color:#599C45;text-align:center}.mobile-modal__title.is-active{background-color:#599C45}.mobile-modal__title.is-active h4{color:#fff}.mobile-modal__content{display:none}.modal-list{display:none}.wrapper{max-width:1650px;margin:0 auto;padding:0 15px}.wrapper__small{max-width:1180px;margin:0 auto;padding:0 15px}.wrapper__middle{max-width:1430px;margin:0 auto;padding:0 15px}.header{position:fixed;top:0;left:0;width:100%;z-index:999;background-color:transparent;-webkit-transition:background-color .3s, -webkit-box-shadow .3s;transition:background-color .3s, -webkit-box-shadow .3s;transition:background-color .3s, box-shadow .3s;transition:background-color .3s, box-shadow .3s, -webkit-box-shadow .3s}.header.is-active{background-color:#fff;-webkit-box-shadow:0 0 10px rgba(255,255,255,0.85);box-shadow:0 0 10px rgba(255,255,255,0.85)}.header__burger{position:relative;display:block;width:25px;height:25px;overflow:hidden;z-index:10}@media (min-width: 48em){.header__burger{display:none}}.header__burger span{position:absolute;top:50%;left:50%;width:23px;height:2px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#203864;border-radius:4px;-webkit-transition:all .3s;transition:all .3s}.header__burger span:first-child{margin-top:-8px}.header__burger span:last-child{margin-top:8px}.header__burger.is-active span{background-color:#fff}.header__burger.is-active span:first-child{margin-top:0;-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.header__burger.is-active span:nth-child(2){-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);opacity:0}.header__burger.is-active span:last-child{margin-top:0;-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.nav{display:none}@media (min-width: 48em){.nav{display:block}}.nav a{position:relative;display:block;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.nav a::before{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:2px;background-color:#203864;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.nav a:hover{-webkit-transform:translateY(-10%);transform:translateY(-10%)}.nav a:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}.mobile-nav{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#A17676;opacity:0;visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:visibility .3s,opacity .3s,-webkit-transform .3s;transition:visibility .3s,opacity .3s,-webkit-transform .3s;transition:transform .3s,visibility .3s,opacity .3s;transition:transform .3s,visibility .3s,opacity .3s,-webkit-transform .3s}.mobile-nav.is-active{opacity:1;visibility:visible;-webkit-transform:translateX(0%);transform:translateX(0%)}.category{background:transparent -webkit-gradient(linear, left top, left bottom, from(#394554), to(#061619));background:transparent linear-gradient(180deg, #394554 0%, #061619 100%);padding-top:1.75rem;padding-bottom:2rem}@media (min-width: 48em){.category{padding-top:2.25rem;padding-bottom:2.75rem}}@media (min-width: 62em){.category{padding-top:3.75rem;padding-bottom:3.375rem}}.title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.title h2::before{content:'';position:absolute;top:0;left:0;-webkit-transform:translate(-45%, -30%);transform:translate(-45%, -30%);width:60px;height:60px;background-color:#fff;border-radius:50%;opacity:0.1}.title--primary h2::before{background-color:#203864}.appraisal__card{position:relative;padding-top:55%;border-radius:10px;overflow:hidden}@media (min-width: 48em){.appraisal__card{padding-top:100%}}.appraisal__card img{z-index:-1}.appraisal__card h3{-webkit-transition:opacity .3s,visibility .3s,-webkit-transform .3s;transition:opacity .3s,visibility .3s,-webkit-transform .3s;transition:opacity .3s,visibility .3s,transform .3s;transition:opacity .3s,visibility .3s,transform .3s,-webkit-transform .3s}.appraisal__card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#39544F;opacity:0.5}@media (min-width: 75em){.appraisal__card:hover .appraisal__content{opacity:1;visibility:visible}.appraisal__card:hover h3{opacity:0;visibility:hidden}}@media (min-width: 100.0625em){.appraisal__card:hover h3{opacity:1;visibility:visible;-webkit-transform:translateY(-80%);transform:translateY(-80%)}}.appraisal__content{position:absolute;top:1.875rem;right:1.875rem;bottom:1.875rem;left:1.875rem;padding:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}@media (min-width: 100.0625em){.appraisal__content{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}}.appraisal__content::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(51,51,51,0.6)}@media (min-width: 75em){.process li:not(:last-child){position:relative}.process li:not(:last-child)::before{content:'';position:absolute;top:50%;right:0;-webkit-transform:translate(140%, -50%);transform:translate(140%, -50%);background-image:url(../../img/pc/icon/icon-arrow.svg);width:28px;height:28px}}