@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC:wght@200..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{position:relative;overflow-x:hidden}ol,ul,button{margin:0;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*:focus,a:hover,a:active,a:focus,button:focus{text-decoration:none;outline:none}button,a{border:none;font-size:unset;padding:0;margin:0;background:rgba(0,0,0,0);background-color:none;outline:none;border:none}img{max-width:100%;height:auto}.tab-content>.tab-pane{height:0;display:block;opacity:0;pointer-events:none}.tab-content>.active{height:auto;opacity:1;pointer-events:auto}.nav-tabs .nav-link,.nav-tabs a.nav-link,.nav-tabs a.nav-link.active,.nav-pills .nav-link,.nav-pills a.nav-link,.nav-pills a.nav-link.active{padding:0;background:rgba(0,0,0,0);background-color:none}.tab-pane{display:none}.tab-pane.active{display:block}body{background:linear-gradient(180deg, #FFFFFF 30%, #CDECFF 100%);color:#fff;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif,Arial;font-optical-sizing:auto;font-style:normal;font-weight:400;line-height:1}footer#ft{background:#000;border-top:1px solid hsla(0,0%,100%,.2039215686)}@media(min-width: 1200px){.container{max-width:1470px}#s2 .container{max-width:1250px}#s2 .container:nth-of-type(2){max-width:1430px}}.gutters-5{margin-right:-5px;margin-left:-5px}.gutters-5>.col,.gutters-5>[class*=col-]{padding-right:5px;padding-left:5px}#header{position:relative;background:url(../images/bg.jpg) no-repeat 50% 0/cover;left:50%;transform:translateX(-50%);max-width:2500px;margin-top:80px;min-height:1015px}@media only screen and (max-width: 1200px){#header{min-height:100vh;background-position-x:80%}#header::before{content:"";position:absolute;bottom:0;right:0;width:100%;height:30vh;background:#101646;background:linear-gradient(0deg, rgb(16, 22, 70) 20%, rgba(255, 255, 255, 0) 100%)}}@media only screen and (max-width: 991px){#header{margin-top:60px;background-position-x:72%}}@media only screen and (max-width: 575px){#header{min-height:calc(100vh - 60px)}}#header .title{text-align:center;position:absolute;left:50%;top:205px;margin-left:-639px;display:flex;flex-direction:column;align-items:center;gap:12px}@media only screen and (max-width: 1200px){#header .title{padding:0 30px;bottom:50px;width:100%;top:auto;margin-left:auto;transform:translateX(-50%)}}#header .title .date{font-size:22px;color:#bac1ff;font-weight:400;margin:40px 0}@media only screen and (max-width: 575px){#header .title .date{margin:10px 0;font-size:14px}}#header .title .detail{display:flex;flex-direction:column;gap:20px}@media only screen and (max-width: 767px){#header .title .detail{gap:12px}}#header .title .detail .d-flex{justify-content:center;align-items:center;gap:20px}#header .title .detail .d-flex a{transition:.3s all;background:#060a33;color:#bac1ff;width:162px;height:42px;line-height:42px;text-align:center}@media only screen and (max-width: 575px){#header .title .detail .d-flex a{width:120px;height:31px;line-height:26px;font-size:14px}}#header .title .detail .d-flex a:hover{background:#080d44;color:#e4e6ff}@media only screen and (max-width: 767px){#header .title .detail .d-flex a.dl{display:none}}section{position:relative;z-index:1;text-align:center}@media only screen and (max-width: 991px){section{min-height:100% !important}}@media only screen and (max-width: 767px){section{padding-bottom:40px}}section .subtit{font-size:20px;color:#97a1b7;margin:0 0 35px}@media only screen and (max-width: 991px){section .subtit{font-size:16px;margin-bottom:15px}}section .subtit span{color:#dbb57b;vertical-align:top}section h2.title{margin:0 auto;width:fit-content;padding:78px 0}@media only screen and (max-width: 991px){section h2.title{max-width:80%;padding:50px 0}}section h4.title{font-size:40px;font-family:"Noto Serif TC","Microsoft JhengHei",sans-serif;font-weight:600;color:#c1d4ff;line-height:1.2;margin:50px 0 20px}@media only screen and (max-width: 991px){section h4.title{font-size:30px;margin-bottom:10px}}section p,section li{font-size:20px;line-height:1.5;letter-spacing:-0.3px;font-weight:400}@media only screen and (max-width: 991px){section p,section li{font-size:16px}}section span{vertical-align:top}section#s1{background:url(../images/s1BG.jpg) no-repeat center top/cover;min-height:1450px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s1{background:url(../images/s1BG.webp) no-repeat center top/cover}}section#s1{padding:0 0 140px}@media only screen and (max-width: 991px){section#s1{padding-bottom:80px}}section#s1 .content:not(:last-child){padding:0 0 100px}@media only screen and (max-width: 767px){section#s1 .content:not(:last-child){padding-bottom:50px}}section#s1 .content:last-child .row .con{padding-left:120px}@media only screen and (max-width: 991px){section#s1 .content:last-child .row .con{padding-left:30px}}@media only screen and (max-width: 767px){section#s1 .content:last-child .row .con{padding-left:0}}section#s1 .content .row{align-items:center;justify-content:center}section#s1 .content .con{text-align:left}@media only screen and (max-width: 991px){section#s1 .content .con h4.title{margin:0 0 10px}}section#s1 .content .con ul{margin-left:-6px}@media only screen and (max-width: 767px){section#s1 .content .con ul{margin-bottom:30px}}section#s1 .content .con ul li{padding:5px 0}@media only screen and (max-width: 575px){section#s1 .content .con ul li{font-size:14px}}section#s2{background:url(../images/s2BG.jpg) no-repeat center top/cover;min-height:2180px;z-index:3}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s2{background:url(../images/s2BG.webp) no-repeat center top/cover}}section#s2{padding:0 0 70px}section#s2 h2.title{max-width:30%}section#s2 .card{background:rgba(34,32,91,.4);border:1px solid #5e5c8e;border-radius:0;position:relative}section#s2 .card:nth-of-type(1){z-index:2}section#s2 .card:nth-of-type(1) .card-col{border-right:1px solid #4d4a93}section#s2 .card:nth-of-type(2) .col-sm-6:first-child{border-right:1px solid #4d4a93}section#s2 .card:nth-of-type(2) .card-title{background:#c19c65;background:linear-gradient(0deg, rgb(193, 156, 101) 0%, rgb(255, 213, 152) 100%)}section#s2 .card:nth-of-type(2) .card-title p{color:#342d22}section#s2 .card:nth-of-type(2) .card-title p .note{color:#8f6a34}section#s2 .card:nth-of-type(2) .card-col{background:#8f6a34}section#s2 .card:nth-of-type(2) .card-item{padding:25px 0}section#s2 .card:nth-of-type(2) .row .col-md-6:first-child{border-right:1px solid #4d4a93}section#s2 .card .card-title{background:#b44833;background:linear-gradient(0deg, rgb(180, 72, 51) 0%, rgb(245, 115, 93) 100%);padding:20px 0;margin:0}section#s2 .card .card-title p{color:#342d22;font-size:26px;font-weight:500}@media only screen and (max-width: 991px){section#s2 .card .card-title p{font-size:20px}}section#s2 .card .card-title p .note{color:#8c1b05;font-size:18px;display:block}@media only screen and (max-width: 991px){section#s2 .card .card-title p .note{font-size:16px}}@media only screen and (max-width: 575px){section#s2 .card .card-title p .note{font-size:14px}}section#s2 .card .card-col{padding-top:10px;padding-bottom:10px;background:#8c1b05}section#s2 .card .card-item{padding:45px 0 55px;margin:0 auto;position:relative}section#s2 .card .card-item.popup{cursor:pointer}section#s2 .card .card-item.popup::before{content:"";position:absolute;z-index:10;top:0;left:100%;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;background-repeat:no-repeat;background-size:contain;background-position:0 0;display:block;margin-left:-20px;width:300px}@media only screen and (max-width: 991px){section#s2 .card .card-item.popup::before{left:50%;transform:translateX(-50%);top:100%;margin-top:-50px}}section#s2 .card .card-item.popup:hover::before{opacity:1}section#s2 .card .card-item.popup01::before{height:441px;background-image:url(../images/popup/popup01.png)}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s2 .card .card-item.popup01::before{background-image:url(../images/popup/popup01.webp)}}section#s2 .card .card-item.popup01::before{margin-left:5px}section#s2 .card .card-item.popup02::before{height:334px;background-image:url(../images/popup/popup02.png)}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s2 .card .card-item.popup02::before{background-image:url(../images/popup/popup02.webp)}}section#s2 .card .card-item.popup03::before{height:723px;background-image:url(../images/popup/popup03.png)}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s2 .card .card-item.popup03::before{background-image:url(../images/popup/popup03.webp)}}@media only screen and (max-width: 991px){section#s2 .card .card-item.popup03::before{left:15px;transform:none}}section#s2 .card .card-item p{color:#d2d2d3;font-size:18px}@media only screen and (max-width: 991px){section#s2 .card .card-item p{font-size:16px}}@media only screen and (max-width: 575px){section#s2 .card .card-item p{font-size:13px}}@media only screen and (max-width: 767px){section#s2 .card .jewelry{padding-left:20px;padding-right:20px}}section#s2 .card .jewelry>div{background:#232563}section#s2 .card .notice{font-size:18px;color:#a6a8fa;padding:20px 0}@media only screen and (max-width: 991px){section#s2 .card .notice{font-size:16px}}@media only screen and (max-width: 575px){section#s2 .card .notice{font-size:14px}}section#s2 .card.props{padding:15px 0}section#s2 .card.props>div{padding-left:55px;padding-right:55px}@media only screen and (max-width: 991px){section#s2 .card.props>div{padding-left:30px;padding-right:30px}}@media only screen and (max-width: 575px){section#s2 .card.props>div{padding-left:5px;padding-right:5px}}section#s2 .card.props .card-item{padding:15px 0}section#s2 .card.props .card-item p span{color:#bfbffd;display:block;font-size:16px}@media only screen and (max-width: 575px){section#s2 .card.props .card-item p span{font-size:12px}}section#s2 .event>div:first-child{margin-bottom:25px}section#s3{background:url(../images/s3BG.jpg) no-repeat 50% 0/cover;padding:0 0 175px;min-height:1200px}@media only screen and (max-width: 991px){section#s3{padding-bottom:80px}}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s3{background:url(../images/s3BG.webp) no-repeat center top/cover}}section#s3 .card{max-width:778px;margin:0 auto;background:rgba(34,32,91,.4);border:1px solid #5e5c8e;border-radius:0}section#s3 .card .card-title{background:#c19c65;background:linear-gradient(0deg, rgb(193, 156, 101) 0%, rgb(255, 213, 152) 100%);padding:20px 0;margin:0}section#s3 .card .card-title p{font-size:30px;line-height:1;color:#3f2a0b}@media only screen and (max-width: 767px){section#s3 .card .card-title p{font-size:24px}}section#s3 .card .card-col{padding-top:50px;padding-bottom:50px}section#s3 .card .card-col:first-child{border-right:1px solid #4d4a93}section#s3 .card .card-col p{font-size:38px}@media only screen and (max-width: 767px){section#s3 .card .card-col p{font-size:24px}}section#s3 .card .card-col p span{font-size:28px;color:#ffce87;display:block}@media only screen and (max-width: 767px){section#s3 .card .card-col p span{font-size:18px}}section#s3 .subtit{margin:75px 0 30px;font-size:26px}@media only screen and (max-width: 991px){section#s3 .subtit{font-size:20px}}section#s3 .subtit span{color:#abc5ff}section#s3 .method p{padding:25px 0 0}@media only screen and (max-width: 767px){section#s3 .method p{padding-bottom:25px}}section#s3 .method p span{color:#ffce87}[data-aos=fade-up]{transform:translate3d(0, 30px, 0)}[data-aos=fade-right]{transform:translate3d(-50px, 0, 0)}[data-aos=fade-left]{transform:translate3d(50px, 0, 0)}