@import"https://fonts.googleapis.com/css2?family=Aboreto&family=Noto+Serif+TC:wght@600;900&display=swap";html{scroll-behavior:smooth}body,html{height:100%}body{margin:0;padding:0;font-family:Aboreto,"Noto Serif TC",serif;color:#fff;background-color:#ded3c9;text-indent:3px;letter-spacing:3px;font-size:15px;font-weight:600;line-height:2}::selection{color:#fff;background-color:#bbac9db3}h1{font-size:22px;font-weight:300}.bg{width:100%;height:100%;position:fixed;background-size:cover;z-index:-99}#homebg{display:block;background-image:url(/assets/gallery-03-UQ2iMsn0.webp);background-size:cover;background-position:center}#secondbg,#thirdbg{display:none}#secondbg{background-image:url(/assets/secondbg-desktop-DKFE57pU.webp);background-size:cover;background-position:center}#thirdbg{background-image:url(/assets/thirdbg-desktop-BWIQz_CJ.webp);background-size:cover;background-position:center}@media screen and (max-aspect-ratio: 4/3){#homebg{background-image:url(/assets/homebg-mobile-D4Rd60ZG.webp)}#secondbg{background-image:url(/assets/secondbg-mobile-DA6Vw3bQ.webp)}#thirdbg{background-image:url(/assets/gallery-25-BWBX1XN1.webp)}}#music-onoroff{width:100%;height:100%;color:#68615c;display:flex;justify-content:center;align-items:center;text-align:center;z-index:100;position:fixed;top:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}#music-onoroff>div{background-color:#ded3c9;padding:100px 40px;position:relative}#music-onoroff>div:before{content:"";position:absolute;border:1px solid rgba(104,97,92,.5);width:95%;height:95%;top:50%;left:50%;transform:translate(-50%,-50%)}#music-onoroff a:link,#music-onoroff a:visited{position:relative;display:inline-block;color:#68615c;border:1px solid rgb(104,97,92);text-decoration:none;padding:5px 20px;margin-bottom:40px;border-radius:20px;transition:.5s}#music-onoroff a:link:last-of-type{border:none}#music-onoroff a:hover,#music-onoroff a:active{color:#ded3c9;background-color:#68615c}.music-button{position:fixed;bottom:10px;right:20px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;color:#68615c;border:1px solid rgba(104,97,92,.7);border-radius:50%;cursor:pointer;z-index:110;animation:musicbutton 1.5s;mix-blend-mode:multiply}@keyframes musicbutton{0%{transform:rotate(-10deg)}20%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}to{transform:rotate(0)}}.music-off-line{position:absolute;width:80%;border-top:1px solid rgba(104,97,92,.9);transform:rotate(45deg);transform-origin:top left;top:20%;left:25%;transition:.5s}.music-off-line.playmusic{width:0}header{width:100%;height:100%;position:relative;background-color:#ded3c9b3;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}#portrait{border:1px solid rgba(255,255,255,.3);padding:5px;width:200px;position:relative;margin-bottom:100px}#portrait div{width:200px;height:300px;background-position:50% 50%;background-size:cover;background-image:url(/assets/portrait-BHfG89Ch.webp)}#portrait p{font-size:10px;position:absolute;bottom:-90px;left:50%;transform:translate(-50%)}#hometitle{position:relative;top:-5rem;text-align:center;color:#fff}.names{display:flex;justify-content:center;align-items:baseline;gap:1.2rem}.groom-name,.bride-name{font-family:Great Vibes,Dancing Script,cursive;font-size:2.4rem;font-weight:400;letter-spacing:.05em;color:#fff}.names p{font-family:Times New Roman,serif;font-size:1rem;letter-spacing:.2em;margin:0}.wedding-date{margin-top:.5rem;font-size:1rem;letter-spacing:.1em;color:#fff}header a{text-decoration:none;color:#fff;position:absolute;display:flex;flex-direction:column;align-items:center;bottom:0;height:100px;font-size:10px;letter-spacing:0}header a p{padding-bottom:10px;animation-name:scrollp;animation-iteration-count:infinite;animation-duration:2s;transform:translateY(0)}@keyframes scrollp{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}#scroll-line{display:block;height:0;border-left:1px solid rgba(255,255,255,.5);animation-name:scroll-line;animation-iteration-count:infinite;animation-duration:1s}@keyframes scroll-line{0%{height:0}to{height:60px}}#intro{background-color:#ded3c9;padding:50px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}#intro:before{content:"";display:none;position:absolute;width:220px;height:100px;background-image:url(data:image/webp;base64,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);background-repeat:no-repeat;background-size:contain;top:20%;margin-left:10px}.introbox{display:flex;flex-direction:column;width:290px;margin:50px;position:relative}.introbox:before{content:"";display:block;position:absolute;width:220px;height:100px;background-image:url(data:image/webp;base64,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);background-repeat:no-repeat;background-size:contain;top:32%;margin-left:30px}.intropic{width:180px;height:180px;align-self:center;position:relative;border-radius:50%;background-repeat:no-repeat}#groompic{background-image:url(/assets/groom-C66fjsas.webp);background-position:50% 50%;background-size:cover;transform:scaleX(-1)}#bridepic{background-image:url(/assets/bride-9-aZcqo6.webp);background-position:50% 50%;background-size:cover;transform:scaleX(-1)}.intropic:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.7);border-radius:50%;width:100%;height:100%;top:5px;right:-15px}.introline{width:0;border-top:1px solid rgb(255,255,255);transition:1s}.introline.active{width:100%}.introbox h1{padding-top:30px;line-height:1;opacity:0;transform:translateY(50px);transition:1s}.introbox h1.active{opacity:1;transform:translateY(0)}.introbox p{text-indent:0;opacity:0;transform:translateY(50px);transition:1s;transition-delay:.5s}.introbox p.active{opacity:1;transform:translateY(0)}.introtitle{font-size:10px;margin-top:10px;text-align:right;letter-spacing:0;line-height:1}#invite{background-color:#ded3c9;padding:50px 0 150px;display:flex;justify-content:center;flex-wrap:wrap;position:relative;overflow:hidden}.invitepic{display:none}.invitepic div{width:400px;height:250px;background-color:#d8cfc7;margin-right:90px;box-shadow:-20px -20px #d8cfc7;transform:translateY(60px);background-image:url(/assets/invitepic-CtPSzpCI.webp);background-repeat:no-repeat;background-size:cover;background-position:center}.invite-content{border:1px solid rgb(255,255,255);border-radius:200px 200px 0 0}.invite-content>div{position:relative;color:#aca39b;background-color:#fff;border-radius:200px 200px 0 0;padding:70px 40px 50px;margin:5px;display:flex;flex-direction:column;align-items:center;text-align:center}.name-circle{color:#fff;background-color:#ded3c9;border:1px solid rgb(255,255,255);border-radius:50%;padding:10px 13px 8px 15px;line-height:1.5;text-indent:0;font-size:12px;transform:scale(.7)}.invite-content .name-circle{position:absolute;top:-45px}.invite-content .name-circle:after{content:"";width:5px;height:5px;background-color:#fff;border-radius:50%;position:absolute;left:-3px;top:52%}.invite-content .name-circle:before{content:"";width:5px;height:5px;background-color:#fff;border-radius:50%;position:absolute;right:-3px;top:52%}.invite-content h1{opacity:0;transform:translateY(50px);transition:1s}.invite-content h1.active{opacity:1;transform:translateY(0)}.invite-content p{opacity:0;transform:translateY(50px);transition:1s;transition-delay:.5s}.invite-content p.active{opacity:1;transform:translateY(0)}.invite-title{position:absolute;bottom:-65px;left:90px;color:#fff;font-size:14px;line-height:1.5;text-align:left;letter-spacing:1px}.invite-smallpic{background-image:url(/assets/invite-smallpic-CmkC-x3h.webp);background-repeat:no-repeat;background-size:cover;background-position:60% 0;position:absolute;width:200px;height:150px;border-radius:100px 100px 0 0;bottom:-65px;left:-120px}#schedule{padding:100px 0;background-color:#ded3c9b3;overflow:hidden;text-align:center}#schedule>div{position:relative;border:1px solid rgb(255,255,255);margin:auto;width:90%;padding:50px 0}#schedule h1{position:absolute;top:-15px;left:51%;transform:translate(-50%,-50%)}#timeline{position:relative;margin:50px auto;display:grid;grid-auto-columns:1fr;grid-template-areas:"time1 activity1" "time2 activity2" "time3 activity3" "time4 activity4" "time5 activity5";width:250px;row-gap:50px;justify-content:center}#timeline:before{content:"";position:absolute;width:0;height:90%;top:40px;left:25%;border-left:1px solid rgb(255,255,255)}#timeline div{display:flex;align-items:center;justify-content:center}.time{font-size:12px;width:75px;height:70px;border-radius:50%;padding-top:5px;line-height:1.5;justify-self:center;color:#d8cfc7;background-color:#fff;transform:scale(.7)}.time.active{animation-name:time-animation;animation-duration:1.5s;animation-fill-mode:forwards}@keyframes time-animation{0%{transform:scale(.7)}50%{transform:scale(1)}to{transform:scale(.9)}}.activity{letter-spacing:8px}#time1{grid-area:time1}#time2{grid-area:time2}#time3{grid-area:time3}#time4{grid-area:time4}#time5{grid-area:time5}#activity1{grid-area:activity1}#activity2{grid-area:activity2}#activity3{grid-area:activity3}#activity4{grid-area:activity4}#activity5{grid-area:activity5}#traffic{color:#68615c;background-color:#ded3c9;padding:50px 0 20px;display:flex;flex-direction:column;text-indent:0;overflow:hidden}#traffic-title{padding-left:35px;margin-bottom:50px;line-height:1.5;position:relative}#traffic-title h1{line-height:1}#traffic-title>p{letter-spacing:2px}#traffic-title:after{content:"";position:absolute;width:50%;max-width:200px;border-top:1px solid rgb(104,97,92);top:25px;left:100px}.traffic-map{position:relative;margin:auto;width:80%;max-width:700px}.traffic-map img{display:block;width:100%;border-radius:20px}.traffic-map a:link,.traffic-map a:visited{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#ded3c9;background-color:#68615ccc;border-radius:20px;text-decoration:none;opacity:1}.traffic-map.active a:link,.traffic-map.active a:visited{opacity:0;transition:2s 1s}.traffic-map:hover a{animation:maphint 1s forwards}@keyframes maphint{0%{opacity:0}to{opacity:1}}#guide{display:flex;flex-direction:column;justify-content:center;text-indent:0;max-width:700px;padding:30px;margin:auto}#guide p:last-child{border:none}#guide p{margin:0;padding:20px 30px;border-bottom:1px solid rgba(104,97,92,.3)}#photo-video{position:relative;background-color:#ded3c9;padding:100px 0 130px;overflow:hidden;text-align:center}#photo-video h1:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.3);width:100px;margin-top:20px;margin-left:10px;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none}#photo-video h1:before{content:"";position:absolute;border:1px solid rgba(255,255,255,.3);width:100px;margin-top:20px;margin-left:-120px;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none}.photo{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center;background-image:url(/assets/gallery-16-BJMNLVZx.webp);width:200px;height:300px;margin:0 auto 120px;display:flex;justify-content:center;align-items:center}.photo:before{content:"";position:absolute;width:calc(100% - 10px);height:calc(100% - 10px);border:1px solid rgba(255,255,255,.7)}.photo a:link,.photo a:visited{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;background-color:#ded3c900;text-decoration:none;letter-spacing:5px;transition:.5s}.photo a:hover,.photo a:active{font-size:14px;background-color:#ded3c9b3}#video-area{width:50%;max-width:600px;min-width:200px;height:300px;margin:auto}#video-box{position:relative;background-image:url(images_webp/01.webp);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%;border-radius:150px;display:flex;justify-content:center;align-items:center}#video-box:before{content:"";position:absolute;width:calc(100% - 10px);height:calc(100% - 10px);border:1px solid rgba(255,255,255,.7);border-radius:150px}#video-opacity{width:100%;height:100%;background-color:#ded3c980;border-radius:150px;position:relative;cursor:pointer}#video-box a:link,#video-box a:visited{position:absolute;top:45%;color:#fff;background-color:#ded3c9;text-decoration:none;border:1px solid rgb(255,255,255);border-radius:50%;padding:9px 11px 7px 12px;transition:.5s}#video-box:hover a{transform:scale(1.2)}#closebutton:link,#closebutton:visited{position:fixed;z-index:101;right:30px;top:0;color:#fff;font-size:40px;font-weight:900;text-decoration:none;transition:.5s;display:none}#closebutton:hover,#closebutton:active{transform:scale(1.2)}#gallery{text-align:center;background-color:#ded3c9f2;position:fixed;z-index:100;overflow-y:auto;height:100%;width:100%;top:0;display:none}#gallery a:link,#gallery a:visited{color:#fff;text-decoration:underline;transition:.5s}#gallery a:hover,#gallery a:active{color:#68615c}#photo-gallery{text-indent:0;padding:100px 50px;display:none}#photo-gallery>div{float:left;width:100%;margin:5px}#photo-gallery img{width:100%}#video{display:none;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}iframe{width:90%}.countdown-area{color:#68615c;background-color:#ded3c9;padding:0 10px 100px;margin:auto;text-align:center;overflow:hidden;position:relative}.countdown-area h1:after{content:"";position:absolute;border:1px solid rgba(104,97,92,.3);width:50px;margin-top:20px;margin-left:10px;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none}.countdown-area h1:before{content:"";position:absolute;border:1px solid rgba(104,97,92,.3);width:50px;margin-top:20px;margin-left:-70px;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none}.countdown-area>p{padding:20px 0}.countdown-area-box{max-width:700px;margin:20px auto 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-content:center}.countdown-area-box>div{font-size:21px;transform:translateY(-50px);opacity:0}.countdown-area-box>div.active{transform:translateY(0);opacity:1;transition:1.5s}.countdown-area-box>div.active:nth-child(2){transition-delay:.5s}.countdown-area-box>div.active:nth-child(3){transition-delay:1s}.countdown-area-box>div.active:nth-child(4){transition-delay:1.5s}#RSVP{padding:50px 0 100px;color:#68615c;background-color:#ded3c9d9;text-align:center;overflow:hidden}#RSVParea{max-width:300px;margin:50px auto 0;padding:0 20px}.attend{position:relative;margin:30px 20px 30px 30px;cursor:pointer;display:inline-block;font-weight:900}.attend input,.hideinput input{position:absolute;opacity:0;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.attend span{position:absolute;width:90px;height:90px;border:1px solid rgb(104,97,92);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:.5s;pointer-events:none}.attend:hover span{opacity:.5}.attend input:checked~span{opacity:1}.form-grid{text-indent:0;text-align:left;margin:15px 0}.form-title{font-weight:900;margin-top:50px}input:not([type=submit]),select,textarea{width:100%;box-sizing:border-box;font-size:13px;padding:8px 10px;color:#68615c;background-color:#68615c33;letter-spacing:2px;border:none;border-radius:0}input:focus,select:focus,textarea:focus{outline:none}select{padding:8px 0;text-indent:7px;height:32px;-moz-appearance:none;-webkit-appearance:none;appearance:none}textarea{display:block;width:100%;resize:none;margin-bottom:0}::placeholder{color:#68615c80;font-family:Aboreto,"Noto Serif TC",serif}.hideinput{position:relative;padding-left:20px;margin-right:10px;cursor:pointer}.hideinput span{position:absolute;width:10px;height:10px;border:1px solid rgb(104,97,92);top:1px;left:0;transition:.5s}input[type=radio]~span{border-radius:50%}.hideinput:hover span{background-color:#68615c80}.hideinput input:checked~span{background-color:#68615c}.AandK select{margin-right:5px;width:calc(50% - 55px)}input[type=button]{color:#68615c;background-color:#68615c00;border:1px solid rgb(104,97,92);padding:10px 20px;margin-top:40px;border-radius:20px;text-indent:5px;letter-spacing:5px;font-family:"Noto Serif TC",serif;font-size:13px;font-weight:900;transition:1s}#loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none}#loader{border:8px solid rgba(255,255,255,.5);border-radius:50%;border-top:8px solid rgba(255,255,255,0);width:70px;height:70px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#submit-success{width:100%;height:100%;color:#68615c;display:none;justify-content:center;align-items:center;text-align:center;z-index:100;position:fixed;top:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}#submit-success h1{position:relative;font-weight:900}#submit-success>div{background-color:#ded3c9;padding:50px 70px;position:relative}#submit-success>div:before{content:"";position:absolute;border:1px solid rgba(104,97,92,.5);width:95%;height:95%;top:50%;left:50%;transform:translate(-50%,-50%)}#submit-success>div>div{margin:30px 0 50px;position:relative}#submit-success a:link,#submit-success a:visited{position:relative;color:#68615c;border:1px solid rgb(104,97,92);text-decoration:none;padding:10px 20px;border-radius:20px;transition:.5s}#submit-success a:hover,#submit-success a:active{color:#ded3c9;background-color:#68615c}footer{padding:30px 0;background-color:#ded3c9;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:12px;position:relative}footer>a{display:flex;align-items:center;justify-content:center;position:absolute;color:#ffffffb3;background-color:#ded3c9;font-size:10px;text-indent:2px;text-decoration:none;top:-30px;padding:15px 10px 0;border-radius:30px 30px 0 0}footer div a:link,footer div a:visited{text-decoration:underline;color:#fff;transition:.5s}footer div a:hover,footer div a:active{color:#68615c}@media (hover){input[type=button]:hover,input[type=button]:active{color:#ded3c9;background-color:#68615c;cursor:pointer}}@media screen and (min-width: 800px){.invitepic{display:block}#intro{flex-direction:row;align-items:baseline}#intro:before{display:block}.introbox:before{display:none}#timeline{grid-template-areas:"time1 time2 time3 time4 time5" "activity1 activity2 activity3 activity4 activity5";width:80%}#timeline:before{width:80%;height:0;left:10%;border-top:1px solid rgb(255,255,255)}#time2{animation-delay:.3s}#time3{animation-delay:.6s}#time4{animation-delay:.9s}#time5{animation-delay:1.2s}.activity{writing-mode:vertical-lr;align-self:start}#photo-gallery>div{width:48%}}@media screen and (min-width: 600px){#hometitle{flex-direction:row;margin-left:100px}#portrait p{bottom:0}}@media screen and (min-width: 350px){#circle1{transition-delay:.2s}#circle2{transition-delay:.4s}#circle3{transition-delay:.7s}#circle4{transition-delay:1s}}.sibling-bubble{margin-top:15px;padding:18px 22px;border-radius:16px;background-color:#fff;color:#6e645c;position:relative;line-height:1.9;box-shadow:0 8px 20px #00000014;opacity:0;transform:translateY(50px);transition:.8s}.sibling-bubble.active{opacity:1;transform:translateY(0)}.sibling-bubble:after{content:"";position:absolute;width:16px;height:16px;background-color:#fff;bottom:-8px;left:40px;transform:rotate(45deg)}.sibling-bubble.brother{margin-right:auto}.sibling-bubble.sister{margin-left:auto}.sibling-bubble.sister:after{left:auto;right:40px}.sibling-name{margin-top:10px;font-size:14px;color:#50464199;text-align:left}.introbox:last-child .sibling-name{text-align:right}.sibling-label{margin-top:20px;margin-bottom:20px;font-size:14px;color:#50464199;text-align:left;line-height:1.5;letter-spacing:1px;text-indent:0;padding:0 20px}.introbox:last-child .sibling-label{text-align:right}@media screen and (max-width: 600px){.sibling-label{text-align:left;font-size:13px;margin-top:15px;margin-bottom:15px;padding:0 10px}.introbox:last-child .sibling-label{text-align:right}}@media screen and (max-width: 768px){#traffic-title h1{font-size:20px}#traffic-title>p{font-size:14px}#guide{padding:30px 10px}#guide p{padding:15px;line-height:1.7;font-size:14px}}.calendar-icons{display:flex!important;flex-direction:row!important;justify-content:center;align-items:center;gap:30px;width:100%;margin-top:30px;position:relative;z-index:10}.calendar-icons a{display:inline-block;text-decoration:none;margin:0;padding:0}.calendar-icons img{width:50px!important;height:50px!important;object-fit:contain;display:block;border-radius:12px;filter:drop-shadow(0 4px 6px rgba(104,97,92,.3));transition:transform .3s ease}.calendar-icons a:hover img{transform:scale(1.15) translateY(-5px)}