@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap";body{font-family:"Roboto Serif",Noto Sans TC,sans-serif;font-size:14px;color:#222120;background:#f6f5f4;position:relative;line-height:1.7;letter-spacing:1px}@media only screen and (min-width: 768px){body{font-size:16px}}.rel{position:relative}.ovh{overflow:hidden}header{width:100%;position:fixed;z-index:60;top:0}header.header-b{padding:0}@media only screen and (min-width: 1024px){header.header-b{background:initial}}header.header-b .ham-icon svg path{fill:#222}header.header-b .logo svg .logo-icon{fill:#9978ac}header.header-b .logo svg .logo-txt{fill:#000}header.header-b .right-menu .flex-ul li a{color:#555;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (min-width: 1024px){header.header-b .right-menu .flex-ul li a:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;color:#b0221e}}header.header-page{background:#fff;line-height:1}header.index-header{opacity:0;animation:alpha01 .5s 1.8s ease-out forwards}header .logo svg{height:36px;width:auto;display:block}@media only screen and (min-width: 1024px){header .logo svg{height:initial}}header .header-flex{display:flex;align-items:center;width:100%;justify-content:space-between;padding:12px;height:60px}header .header-flex .bg-noise{display:none}@media only screen and (min-width: 1024px){header .header-flex{padding:24px;height:93px}}header .ham-icon{display:block;cursor:pointer;position:relative;z-index:50}@media only screen and (min-width: 1024px){header .ham-icon{display:none}}header .ham-icon .xx{display:none}header .right-menu{position:fixed;background:#f5f5f5;left:0;top:60px;width:100%;height:100%;padding:36px 24px;display:none;align-items:center;justify-content:center}header .right-menu .bg-noise{display:block}@media only screen and (min-width: 1024px){header .right-menu{display:block;padding:0;position:relative;background:none;left:initial;top:initial;width:initial}header .right-menu .bg-noise{display:none}}header .right-menu .flex-ul{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:-80px;position:relative;z-index:5}@media only screen and (min-width: 1024px){header .right-menu .flex-ul{flex-direction:row;gap:0px;margin-top:0}}header .right-menu .flex-ul li{list-style:none}header .right-menu .flex-ul li a{display:block;color:#fff;padding:8px 20px;font-size:15px}@media only screen and (min-width: 768px){header .right-menu .flex-ul li a{font-size:18px}}.flex-box-center{display:flex;justify-content:center;align-items:center;position:relative;z-index:5}.flex-box{display:flex}.flex-end{display:flex;justify-content:flex-end}.fade-in{animation:alpha01 .3s forwards}.fade-out{animation:alpha10 .3s forwards}.section-sq-title{display:flex;margin-bottom:6px;align-items:center}@media only screen and (min-width: 1024px){.section-sq-title{margin-bottom:0}}.section-sq-title .sq{width:12px;height:12px;background:#b0221e;margin-right:12px}@media only screen and (min-width: 1024px){.section-sq-title .sq{width:16px;height:16px}}.section-sq-title h3{color:#b0221e;font-size:15px;font-weight:500}@media only screen and (min-width: 1024px){.section-sq-title h3{font-size:20px}}.page-title{color:#222120;font-size:36px;font-weight:400;line-height:1.5}@media only screen and (min-width: 768px){.page-title{font-size:48px}}.mart-4{margin-top:4px}.fs_12{font-size:9px}@media only screen and (min-width: 768px){.fs_12{font-size:12px}}.fs_18{font-size:15px}@media only screen and (min-width: 768px){.fs_18{font-size:18px}}.fs_20{font-size:15px}@media only screen and (min-width: 768px){.fs_20{font-size:20px}}.fs_24{font-size:18px}@media only screen and (min-width: 768px){.fs_24{font-size:24px}}.fs_32{font-size:24px}@media only screen and (min-width: 768px){.fs_32{font-size:32px}}.fs_40{font-size:30px}@media only screen and (min-width: 768px){.fs_40{font-size:40px}}.fs_48{font-size:36px}@media only screen and (min-width: 768px){.fs_48{font-size:48px}}h3,.lh_150{line-height:1.5}.fw_500{font-weight:500}.fw_600{font-weight:600}.fm_sans{font-family:Noto Sans TC,serif}.fm_serif{font-family:"Noto Serif TC",serif}.col-gray1{color:#575552}.col-gray2{color:#222120}.col-gray3{color:#41403e}.col-red{color:#b0221e}.marb_60{margin-bottom:45px}@media only screen and (min-width: 768px){.marb_60{margin-bottom:60px}}.pc{display:none}@media only screen and (min-width: 768px){.pc{display:block}}.mb{display:block}@media only screen and (min-width: 768px){.mb{display:none}}footer{background:#222;padding:18px 27px}@media only screen and (min-width: 1024px){footer{padding:24px 36px}}footer h6{color:#fff;text-align:center;font-size:13.5px;font-weight:300;line-height:150%}@media only screen and (min-width: 1024px){footer h6{font-size:18px}}.page-topkv{width:100%;z-index:1;position:relative;padding-top:60px;background:#f6f5f4;height:initial}@media only screen and (min-width: 768px){.page-topkv{min-height:600px}}@media only screen and (min-width: 1024px){.page-topkv{padding-top:93px;min-height:700px}}@media only screen and (min-width: 1440px){.page-topkv{min-height:800px}}@media only screen and (min-width: 1920px){.page-topkv{height:100vh}}.page-topkv .bg-noise{z-index:2}.page-topkv .bgmask{top:0;position:absolute;z-index:1;width:100%;height:100%}@media only screen and (min-width: 768px){.page-topkv .bgmask{padding-bottom:0}}.page-topkv .bg{top:0;position:absolute;z-index:1;width:100%;height:100%}@media only screen and (min-width: 768px){.page-topkv .bg{padding-bottom:0}}@media only screen and (min-width: 1024px){.page-topkv .bg{padding-bottom:56.25%}}.page-topkv .left-txtbox{position:relative;z-index:5;width:100%;padding:75px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:36px;height:initial}@media only screen and (min-width: 768px){.page-topkv .left-txtbox{width:60%;padding:100px 30px;min-height:700px}}@media (min-height: 700px) and (min-width: 1600px){.page-topkv .left-txtbox{height:100%}}@media only screen and (min-width: 1200px){.page-topkv .left-txtbox{width:50%;padding:6.25% 0 6.25% 6.25%}}.page-topkv .left-txtbox .bottom-txt{display:flex;flex-direction:column;gap:27px}@media only screen and (min-width: 1024px){.page-topkv .left-txtbox .bottom-txt{gap:36px}}.page-topkv .left-txtbox .bottom-txt .titlebox{gap:3px;display:flex;flex-direction:column}.page-topkv .left-txtbox .bottom-txt .textbox{display:flex;flex-direction:column;gap:18px}@media only screen and (min-width: 1024px){.page-topkv .left-txtbox .bottom-txt .textbox{gap:24px}}.page-topkv .left-txtbox .bottom-txt h4{font-weight:400;letter-spacing:2px;line-height:1.5}.page-topkv .left-txtbox .bottom-txt p{font-family:"Noto Serif TC",serif;font-size:var(--1, 16px)}@-webkit-keyframes alpha01{0%{opacity:0}to{opacity:1}}@keyframes alpha01{0%{opacity:0}to{opacity:1}}@-webkit-keyframes alpha10{0%{opacity:1}to{opacity:0}}@keyframes alpha10{0%{opacity:1}to{opacity:0}}@-webkit-keyframes w-cirbg{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes w-cirbg{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@-webkit-keyframes sun{0%{top:50%;opacity:0}30%{top:50%;opacity:0}to{top:0%;opacity:1}}@keyframes sun{0%{top:50%;opacity:0}30%{top:50%;opacity:0}to{top:0%;opacity:1}}@-webkit-keyframes alphatop30{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes alphatop30{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes alphabottom30{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes alphabottom30{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes alphabottom50{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes alphabottom50{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes alphleft30{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes alphleft30{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate360{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes kv-padding{0%{padding:0}to{padding:1.5%}}@keyframes kv-padding{0%{padding:0}to{padding:1.5%}}@keyframes reveal-left-to-right{0%{clip-path:inset(calc(50% - 60px) calc(50% + 99px) calc(50% - 60px) calc(50% - 100px))}40%{clip-path:inset(calc(50% - 60px) calc(50% - 100px) calc(50% - 60px) calc(50% - 100px))}65%{clip-path:inset(calc(50% - 60px) calc(50% - 100px) calc(50% - 60px) calc(50% - 100px))}to{clip-path:inset(0 0 0 0)}}@keyframes sprite-full-screen-animation{0%{mask-position:0% center;-webkit-mask-position:0% center}to{mask-position:100% center;-webkit-mask-position:100% center}}@keyframes window-light-animation{0%{background-position:0% center}to{background-position:100% center}}@-webkit-keyframes bgcir1{0%{transform:translate(0)}50%{transform:translate(180px,20px)}to{transform:translate(0)}}@keyframes bgcir1{0%{transform:translate(0)}50%{transform:translate(180px,20px)}to{transform:translate(0)}}@-webkit-keyframes bgcir1m{0%{transform:translate(0)}50%{transform:translate(90px,20px)}to{transform:translate(0)}}@keyframes bgcir1m{0%{transform:translate(0)}50%{transform:translate(90px,20px)}to{transform:translate(0)}}@-webkit-keyframes bgcir2{0%{transform:translate(0)}50%{transform:translate(220px,-30px)}to{transform:translate(0)}}@keyframes bgcir2{0%{transform:translate(0)}50%{transform:translate(220px,-30px)}to{transform:translate(0)}}@-webkit-keyframes bgcir3{0%{transform:translate(0)}50%{transform:translate(-50px,-150px)}to{transform:translate(0)}}@keyframes bgcir3{0%{transform:translate(0)}50%{transform:translate(-50px,-150px)}to{transform:translate(0)}}@-webkit-keyframes kvwindow{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes kvwindow{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes scrolldown{0%{transform:translateY(0)}20%{transform:translateY(0)}60%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes scrolldown{0%{transform:translateY(0)}20%{transform:translateY(0)}60%{transform:translateY(-10px)}to{transform:translateY(0)}}@-webkit-keyframes kvwindowmove{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(1) translateY(-1800px);opacity:1}}@keyframes kvwindowmove{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(1) translateY(-1800px);opacity:1}}.signature-container{display:flex;flex-direction:column;gap:16px;padding:15px 20px;position:relative;width:100%;margin:0 auto;min-height:100dvh;overflow:hidden;background:linear-gradient(180deg,#fff 73.24%,#fff8de)}@media only screen and (min-width: 1024px){.signature-container{max-width:750px;padding:30px 40px}}.signature-container .bg-col1{position:absolute;left:0;top:0;width:68.2666666667%}.signature-container .bg-col1 svg{width:100%;display:block;height:auto}.signature-container .bg-col2{position:absolute;right:0;top:0;width:37.8666666667%}.signature-container .bg-col2 img{width:100%;display:block;height:auto}.signature-container .bg-col3,.signature-container .mesh{position:absolute;right:0;bottom:0;width:100%;z-index:1}.signature-container .bg-col3 img,.signature-container .mesh img{width:100%;display:block;height:auto}.logo-area{display:flex;justify-content:center;width:100%;align-items:center;gap:3.5820895522%}@media only screen and (min-width: 1024px){.logo-area{margin-bottom:48px}}.logo-area img{display:block;height:auto}.logo-area .logo1{width:100%;max-width:38.2089552239%;aspect-ratio:4/1}.logo-area .xxx{width:3.5820895522%;height:auto}.logo-area .logo2{width:100%;max-width:22.3880597015%}.logo-area .logo3{width:100%;max-width:28.3582089552%}.text-titlebox{display:flex;align-items:flex-start;position:relative;width:100%}.text-titlebox .right-pic{top:-35px;right:-20px;position:absolute;max-width:53.7313432836%}@media only screen and (min-width: 1024px){.text-titlebox .right-pic{top:-70px;right:-40px}}.text-titlebox .right-pic img{width:100%;height:auto;display:block}.text-titlebox h3{font-size:5.5vw;color:#0e4a81;line-height:1.2;margin-bottom:4px}@media only screen and (min-width: 1024px){.text-titlebox h3{font-size:40px;margin-bottom:8px}}.text-titlebox .titleb{position:relative}.text-titlebox .titleb h2{position:relative;z-index:2;color:#0e4a81;font-size:5.5vw;line-height:1.2}@media only screen and (min-width: 1024px){.text-titlebox .titleb h2{font-size:40px}}.text-titlebox .titleb .line{z-index:1;display:block;width:100%;position:absolute;height:12px;left:0;bottom:-2px;background:linear-gradient(90deg,#eac26c,#f9dd6e,#ebc46c)}@media only screen and (min-width: 1024px){.text-titlebox .titleb .line{height:24px}}.sign-area{padding-top:2px}.sign-area .signature-title{font-size:16px;margin-bottom:8px;color:#333}@media only screen and (min-width: 1024px){.sign-area .signature-title{font-size:32px;margin-bottom:24px}}.flex-der16{display:flex;flex-direction:column;gap:16px}.signature-wrapper{z-index:3;position:relative;border-radius:8px;border:1px solid #CCC;background:#fff;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;padding:12px;height:196px}@media only screen and (min-width: 1024px){.signature-wrapper{border-radius:16px;height:400px}}.signature-wrapper canvas{width:100%;height:100%}.signature-wrapper .center-txt{pointer-events:none;z-index:5;position:absolute;color:#f5f5f5;font-size:58px;font-style:normal;font-weight:400;line-height:normal;display:flex;align-items:center;justify-content:center;top:50%;margin-top:-44px;left:0%;width:100%;text-align:center}.signature-wrapper .clear-btn{position:absolute;right:12px;bottom:12px;color:#0e4a81;font-size:14px;background:none;font-weight:400;letter-spacing:1px;text-decoration:underline}@media only screen and (min-width: 1024px){.signature-wrapper .clear-btn{font-size:28px;right:24px;bottom:24px}}.success-wrapper{z-index:3;position:relative;margin-top:12px;border-radius:8px;border:1px solid #CCC;background:#fff;overflow:hidden;padding:24px 36px 36px;height:100%;min-height:470px;display:flex;align-items:center;justify-content:center;flex-direction:column}.success-wrapper h3{color:#0e4a81;font-size:24px;font-weight:700;line-height:normal;text-align:center;letter-spacing:1px;margin-bottom:24px}@media only screen and (min-width: 1024px){.success-wrapper h3{font-size:48px}}.success-wrapper p{font-size:16px;color:#333}@media only screen and (min-width: 1024px){.success-wrapper p{font-size:32px}}#signature-pad{display:block;width:100%;height:100%;cursor:crosshair}.form-group{position:relative;z-index:3}.form-group .name{display:block;color:#222;font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1px;margin-bottom:8px}@media only screen and (min-width: 1024px){.form-group .name{font-size:32px;margin-bottom:24px}}.form-group input{width:100%;padding:12px 20px;font-size:16px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;transition:border-color .3s}@media only screen and (min-width: 1024px){.form-group input{height:50px}}.form-group input:focus{outline:none;border-color:#007bff}.button-group{display:flex;gap:10px;justify-content:center;position:relative;z-index:3}.btn{border-radius:50px;background:#0e4a81;display:flex;min-width:150px;padding:0 24px;justify-content:center;align-items:center;height:50px;gap:10px;font-weight:700;font-size:18px;color:#fff;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (min-width: 1024px){.btn:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;background:#4783ba}}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:none}.no-select-2{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}html,body,*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-callout:none;-webkit-tap-highlight-color:transparent}.radio-group{display:flex;flex-direction:row;justify-content:space-between;gap:10px;padding:8px 12px 0}.radio-group .radio-item{display:flex;flex-direction:column;align-items:center;width:20px;position:relative}@media only screen and (min-width: 1024px){.radio-group .radio-item{width:40px}}.radio-group .radio-item input[type=radio]{display:block;accent-color:#0E4A81;width:20px;padding:0;margin:0 auto 8px;height:20px}@media only screen and (min-width: 1024px){.radio-group .radio-item input[type=radio]{width:40px;height:40px}}.radio-group .radio-item label{text-align:center;white-space:nowrap;font-size:12px;color:#222;letter-spacing:0}@media only screen and (min-width: 1024px){.radio-group .radio-item label{font-size:24px}}.pop-message{position:fixed;z-index:50;background:#222c;width:100%;height:100%}.pop-message .flex-box{padding:20px;align-items:center;justify-content:center;display:flex;width:100%;height:100%}.pop-message .w-bgbox{border-radius:8px;background:linear-gradient(180deg,#fff 73.24%,#fff8de),#fff;display:flex;padding:36px 24px;flex-direction:column;align-items:center;gap:24px;width:100%}@media only screen and (min-width: 1024px){.pop-message .w-bgbox{max-width:600px}}.pop-message .w-bgbox h2{color:#0e4a81;font-size:24px}@media only screen and (min-width: 1024px){.pop-message .w-bgbox h2{font-size:48px}}.pop-message .w-bgbox p{color:#222;font-size:16px;text-align:center}@media only screen and (min-width: 1024px){.pop-message .w-bgbox p{font-size:32px}}*{box-sizing:border-box}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,img{margin:0;padding:0}fieldset,img,abbr,acronym{border:0}q:before,q:after{content:""}input,button,select,textarea{border:none;outline:none}button{cursor:pointer;padding:0}a{text-decoration:none;color:#555}body,html{width:100%;height:100%}.signature-wall{position:relative;width:100%;height:100vh;background:url(../images/bg-DRGJAI7E.jpg) top center no-repeat;background-size:cover;overflow:hidden;padding:2.2vw 2vw 2vw;display:flex;flex-direction:column}.signature-wall .meshbg{position:absolute;background:url(../images/meshb-CMk7mq1Y.png) top center no-repeat;background-size:cover;width:100%;top:0;left:0;height:100%}.signature-wall .wall-logoarea{display:flex;justify-content:center;align-items:center;gap:32px;margin-bottom:3.125vw}.signature-wall .wall-logoarea .logo1{width:100%;max-width:16.6666666667vw;height:auto}.signature-wall .wall-logoarea .xxx{width:24px;height:auto}.signature-wall .wall-logoarea .logo2{width:100%;max-width:12.2395833333vw}.signature-wall .wall-logoarea .logo3{width:100%;max-width:15.3645833333vw}.wall-title{z-index:10;text-align:center;line-height:1.2;letter-spacing:5.94px;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.wall-title .titlebox{position:relative;display:flex;justify-content:center;flex-direction:column;align-items:center}.wall-title h2{position:relative;text-align:center;font-size:3.75vw;font-weight:700;color:#0e4a81;z-index:2}.wall-title .line{z-index:1;position:absolute;bottom:0;width:100%;height:1.0416666667vw;background:linear-gradient(90deg,#eac26c,#f9dd6e,#ebc46c)}@media (max-width: 768px){.wall-title{font-size:2rem;padding:15px 30px}}.signature-display-area{position:relative;width:100%;height:100%;z-index:10}.signature-item{position:absolute;display:flex;flex-direction:column;gap:4px;opacity:1;max-width:242px;padding:10px}.signature-item .signature-image{width:100%;height:auto;object-fit:contain;display:block;background:transparent}.signature-item .signature-name{color:#222;text-align:right;font-size:14px;font-weight:400;padding:0 10px;letter-spacing:1px;white-space:nowrap}.signature-item.fade-in{animation:fadeInScale .8s ease-out forwards}.signature-item.fade-out{animation:fadeOut .8s ease-in forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}