@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap";@import"https://fonts.googleapis.com/css2?family=Luxurious+Script&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;font:inherit;font-size:100%;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.fontPrimary{color:#ddd}.fontSecondary{color:#830000}.bgPrimary{background:#ddd}.bgSecondary{background:#830000}.fontThin{font-weight:100}.fontLlight{font-weight:300}.fontRegular{font-weight:400}.fontMedium{font-weight:500}.fontSemiBold{font-weight:600}.fontBold{font-weight:700}.fontBlack{font-weight:900}.ch{font-family:"Noto Serif TC",serif}.en{font-family:Oranienbaum,serif;font-weight:300;font-style:normal}.en2{font-family:Luxurious Script,cursive;font-weight:300;font-style:normal}.secTitle{font-size:2.8rem;line-height:1.8}@media (max-width: 1600px){.secTitle{font-size:2.6rem;line-height:1.6}}@media (max-width: 991px){.secTitle{font-size:2.4rem}}@media (max-width: 576px){.secTitle{font-size:1.8rem;line-height:1.6}}.secTxt{font-size:2rem;line-height:2}@media (max-width: 1600px){.secTxt{font-size:1.8rem;line-height:1.8}}@media (max-width: 991px){.secTxt{font-size:1.6rem;line-height:1.8}}@media (max-width: 576px){.secTxt{font-size:1.4rem;line-height:1.8}}.smallTxt{font-size:1.4rem;line-height:1.8}@media (max-width: 576px){.smallTxt{font-size:1.2rem}}.smallestTxt{font-size:1.2rem;line-height:1.8}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit}html{width:100%;overflow-x:hidden;color:#000;font-family:"Noto Serif TC",serif;font-size:10px}body{margin:0;padding:0;background:url(../images/content/bgs.jpg) repeat center top;background-size:100% auto}main{display:block}img{width:100%;vertical-align:middle}a{text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0;line-height:1.5}button{margin:0;padding:0;background:transparent;font-family:inherit;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;outline:none}.container{width:100%;max-width:1920px;margin:0 auto;overflow:hidden}.containerFluid{width:100%;margin:0 auto}.center{text-align:center}.hidePclg{display:block}@media (max-width: 1280px){.hidePclg{display:none}}.showPclg{display:none}@media (max-width: 1280px){.showPclg{display:block}}.hidePcmd{display:block}@media (max-width: 991px){.hidePcmd{display:none}}.showPcmd{display:none}@media (max-width: 991px){.showPcmd{display:block}}.hidePad{display:block}@media (max-width: 768px){.hidePad{display:none}}.showPad{display:none}@media (max-width: 768px){.showPad{display:block}}.hideMobile{display:inline-block}@media (max-width: 576px){.hideMobile{display:none!important}}.showMobile{display:none}@media (max-width: 576px){.showMobile{display:inline-block}}.dflex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.mainBtn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:200px;height:48px;background:#000;color:#ddd;border-radius:24px;cursor:pointer;-webkit-transition:all .2s linear;transition:all .2s linear}.mainBtn .txt{margin-right:6px}.mainBtn:hover{-webkit-transform:scale(.95);transform:scale(.95)}@-webkit-keyframes right{0%{right:0}50%{right:4px}to{right:0}}@keyframes right{0%{right:0}50%{right:4px}to{right:0}}@-webkit-keyframes down{0%{top:0}50%{top:4px}to{top:0}}@keyframes down{0%{top:0}50%{top:4px}to{top:0}}.index{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;height:100vh;overflow:hidden}.index .bg{position:absolute;-webkit-transform-origin:center center;transform-origin:center center;width:100%;height:100%;background-image:url(../images/index/kv-slide1.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}.index .bg.change{-webkit-animation:changeBg 1s linear;animation:changeBg 1s linear}.index .clockOuter{position:relative;width:100%;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.8)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 100%);background:linear-gradient(to top,#000c,#0003)}@media (max-width: 576px){.index .clockOuter{background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.3)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 100%);background:linear-gradient(to top,#0009,#0000004d)}}.index .clockOuter .clock{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.index .clockOuter .clock .clockRound{position:absolute;height:180vh;aspect-ratio:1/1}@media (max-width: 1600px){.index .clockOuter .clock .clockRound{height:150vh}}@media (max-width: 1280px){.index .clockOuter .clock .clockRound{height:130vh}}@media (max-width: 991px){.index .clockOuter .clock .clockRound{height:100vh}}.index .clockOuter .clock .clockRound .clockRing{position:absolute;width:100%;height:100%;background:#d9d9d926;border-radius:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask:-webkit-radial-gradient(transparent 48%,#000 48%);mask:radial-gradient(transparent 48%,#000 48%)}@media (max-width: 576px){.index .clockOuter .clock .clockRound .clockRing{-webkit-mask:-webkit-radial-gradient(transparent 52%,#000 52%);mask:radial-gradient(transparent 52%,#000 52%)}}.index .clockOuter .clock .clockRound .clockCont{position:relative;z-index:2}.index .clockOuter .clock .clockRound .clockCont .clockNum{position:absolute}@media (min-width: 1921px){.index .clockOuter .clock .clockRound .clockCont .clockNum{-webkit-align-self:anchor-center;-ms-flex-item-align:anchor-center;align-self:anchor-center;justify-self:center}}.index .clockOuter .clock .clockRound .clockCont .clockNum img{-webkit-filter:drop-shadow(4px 4px 4px rgba(0,0,0,.6));filter:drop-shadow(4px 4px 4px rgba(0,0,0,.6))}@media (min-width: 1921px){.index .clockOuter .clock .clockRound .clockCont .clockNum img{-webkit-transform:scale(135%);transform:scale(135%)}}@media (min-width: 2130px){.index .clockOuter .clock .clockRound .clockCont .clockNum img{-webkit-transform:scale(100%);transform:scale(1)}}@media (min-width: 2400px){.index .clockOuter .clock .clockRound .clockCont .clockNum img{-webkit-transform:scale(115%);transform:scale(115%)}}@media (min-width: 2550px){.index .clockOuter .clock .clockRound .clockCont .clockNum img{-webkit-transform:scale(120%);transform:scale(1.2)}}@media (min-width: 2800px){.index .clockOuter .clock .clockRound .clockCont .clockNum img{-webkit-transform:scale(135%);transform:scale(135%)}}@media (max-width: 576px){.index .clockOuter .clock .clockRound .clockCont .clockNum img{-webkit-transform:scale(1.03);transform:scale(1.03)}}.index .clockOuter .clock .clockRound .clockCont .mainCont{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;height:180vh;color:#ddd}@media (max-width: 1600px){.index .clockOuter .clock .clockRound .clockCont .mainCont{height:150vh}}@media (max-width: 1280px){.index .clockOuter .clock .clockRound .clockCont .mainCont{height:130vh}}@media (max-width: 991px){.index .clockOuter .clock .clockRound .clockCont .mainCont{height:100vh}}.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media (max-width: 768px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .wrap{width:100%;margin:auto}.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .mclogo{position:fixed;top:20px;width:180px;-webkit-filter:drop-shadow(4px 4px 4px rgba(0,0,0,.2));filter:drop-shadow(4px 4px 4px rgba(0,0,0,.2))}@media (max-width: 1280px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .mclogo{top:80px}}@media (max-width: 991px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .mclogo{top:170px;width:140px}}@media (max-width: 768px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .mclogo{position:relative;top:0}}@media (max-width: 576px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .mclogo{width:100px}}.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap{font-weight:600;text-shadow:4px 4px 6px rgba(0,0,0,.8)}@media (max-width: 768px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap{margin-top:17vh;margin-bottom:17vh}}@media (max-width: 576px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap{margin-top:16vh;margin-bottom:16vh}}@media (max-width: 375px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap{margin-top:12vh;margin-bottom:12vh}}@media (max-width: 320px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap{margin-top:16vh;margin-bottom:8vh}}.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap .title{margin-bottom:20px;font-size:3.2rem;letter-spacing:3px}@media (max-width: 1280px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap .title{margin-bottom:16px;font-size:2.6rem}}@media (max-width: 768px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap .title{margin-bottom:12px;font-size:2.4rem}}@media (max-width: 320px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap .title{font-size:2rem}}.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap .subtitle{font-size:2.4rem;line-height:2}@media (max-width: 1280px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap .subtitle{font-size:2rem}}@media (max-width: 768px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap .subtitle{font-size:1.6rem;line-height:1.8}}@media (max-width: 576px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap .subtitle{width:30%;margin:auto}}@media (max-width: 320px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap .subtitle{font-size:1.4rem}}@media (max-width: 576px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap .subtitle.subtitle1{display:none}}.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap .subtitle.subtitle2{display:none}@media (max-width: 576px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .titleWrap .subtitle.subtitle2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .pagelogo{position:fixed;bottom:20px;width:400px;-webkit-filter:drop-shadow(4px 4px 4px rgba(0,0,0,.4));filter:drop-shadow(4px 4px 4px rgba(0,0,0,.4))}@media (max-width: 1280px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .pagelogo{bottom:80px;width:300px}}@media (max-width: 991px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .pagelogo{bottom:170px;width:240px}}@media (max-width: 768px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .pagelogo{position:relative;bottom:0}}@media (max-width: 576px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .pagelogo{width:200px}}@media (max-width: 320px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .pagelogo{width:150px}}.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .pagelogo .title{position:relative;top:20px;width:70%;margin:auto auto 16px}@media (max-width: 991px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .pagelogo .title{top:8px;margin-bottom:8px}}.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .pagelogo .subtitle{width:100%;margin:auto}@media (max-width: 576px){.index .clockOuter .clock .clockRound .clockCont .mainCont .contWrap .pagelogo .subtitle{width:80%}}.index .clockOuter .clock .clockHand{position:relative;height:100vh;-webkit-filter:drop-shadow(4px 4px 4px rgba(0,0,0,.4));filter:drop-shadow(4px 4px 4px rgba(0,0,0,.4))}.index .clockOuter .clock .clockHand .handWrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}@media (min-width: 1921px){.index .clockOuter .clock .clockHand .handWrap{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;height:50vh}}@media (max-width: 1280px){.index .clockOuter .clock .clockHand .handWrap{height:53%}}.index .clockOuter .clock .clockHand .handWrap .hour{position:absolute;-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-transform-origin:center 91.6%;transform-origin:center 91.6%;z-index:4;width:154px;-webkit-transition:-webkit-transform 1s linear;transition:-webkit-transform 1s linear;transition:transform 1s linear;transition:transform 1s linear,-webkit-transform 1s linear}@media (max-width: 1280px){.index .clockOuter .clock .clockHand .handWrap .hour{width:110px}}@media (max-width: 991px){.index .clockOuter .clock .clockHand .handWrap .hour{width:85px}}.index .clockOuter .clock .clockHand .handWrap .min{position:relative;-webkit-transform-origin:center bottom;transform-origin:center bottom;width:74px}.index .clockOuter .clock .clockHand .handWrap .min.change{-webkit-animation:changeMinute 1s linear;animation:changeMinute 1s linear}@media (max-width: 1280px){.index .clockOuter .clock .clockHand .handWrap .min{width:54px}}@media (max-width: 991px){.index .clockOuter .clock .clockHand .handWrap .min{width:42px}}.index .link{position:absolute;z-index:16;width:140px}.index .link .btnOuter{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;top:10vh;right:-28vw;width:140px;background:#ddd6;border-radius:50%;aspect-ratio:1/1;-webkit-animation:opacity .3s alternate infinite;animation:opacity .3s alternate infinite}@media (max-width: 1700px){.index .link .btnOuter{right:-30vw}}@media (max-width: 1500px){.index .link .btnOuter{right:-32vw}}@media (max-width: 1280px){.index .link .btnOuter{right:-28vw;width:100px}}@media (max-width: 991px){.index .link .btnOuter{width:85px}}@media (max-width: 768px){.index .link .btnOuter{top:5vh;right:-24vw}}@media (max-width: 576px){.index .link .btnOuter{top:6vh;right:-16vw}}.index .link .btnOuter .btnInner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:72%;background:#ddd;border-radius:50%;aspect-ratio:1/1}.index .link .btnOuter .btnInner .arrow{width:60%}@-webkit-keyframes changeBg{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0) scale(1);-webkit-filter:blur(0);filter:blur(0)}50%{-webkit-transform:rotate(180deg) scale(5);transform:rotate(180deg) scale(5)}to{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);-webkit-filter:blur(0);filter:blur(0)}}@keyframes changeBg{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0) scale(1);-webkit-filter:blur(0);filter:blur(0)}50%{-webkit-transform:rotate(180deg) scale(5);transform:rotate(180deg) scale(5)}to{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes changeMinute{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes changeMinute{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes opacity{0%{background:transparent}to{background:#ddd6}}@keyframes opacity{0%{background:transparent}to{background:#ddd6}}