@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC:wght@200..900&display=swap";body{font-family:Noto Sans TC,sans-serif;font-size:16px;color:#474241;background:#fff;position:relative;line-height:1.5;letter-spacing:1px}.minh-100{min-height:100dvh}.rel{position:relative}.ovh{overflow:hidden}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-16{font-size:16px}.fs-14{font-size:14px}.fs-12{font-size:12px}.center{text-align:center}.flex-box-center{display:flex;justify-content:center;align-items:center;position:relative;z-index:5}.flex-box{display:flex}.flex-box-end{display:flex;justify-content:flex-end}.jc-sb{justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-bold{font-weight:700}.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}}.marb-12{margin-bottom:12px}.marb-40{margin-bottom:40px}.text-ac{text-align:center}@media only screen and (min-width: 1024px){::-webkit-scrollbar{width:6px;height:8px}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#725408}}.main-750{width:100%;max-width:100%;margin:0 auto}@media only screen and (min-width: 1024px){.main-750{max-width:750px}}.index-content{display:flex;flex-direction:column;gap:40px}@media only screen and (min-width: 1024px){.index-content{gap:80px}}.index-content .top-item{position:relative;z-index:5;padding:20px 20px 0;display:flex;flex-direction:column;gap:7.4666666667vw}@media only screen and (min-width: 1024px){.index-content .top-item{gap:56px}}.index-content .top-item .title-box{display:flex;flex-direction:column;align-items:center;gap:12px}.index-content .top-item .title-box img{display:block}.index-content .top-item .title-box .logo-area img{height:10.6vw;width:auto}@media only screen and (min-width: 1024px){.index-content .top-item .title-box .logo-area img{height:80px}}.index-content .top-item .title-box .title-img img{height:8vw;width:auto;max-width:100%}@media only screen and (min-width: 1024px){.index-content .top-item .title-box .title-img img{height:60px}}.index-content .top-item .prpic-box{display:flex;justify-content:center;flex-direction:column;gap:12px;align-items:center}.index-content .top-item .prpic-box img{display:block;height:42.6vw;width:auto}@media only screen and (min-width: 1024px){.index-content .top-item .prpic-box img{height:320px}}.index-content .top-item .prpic-box h1{text-align:center;font-family:"Noto Serif TC",serif;font-size:5.3333333333vw;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1px;background:linear-gradient(88deg,#b98a0e 8.1%,#deae03 26.94%,#c99a09 37.9%,#deae03 46.07%,#c99a09 64.86%,#deae03 73.37%,#c99a09 83.07%,#b98a0e 90.82%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media only screen and (min-width: 1024px){.index-content .top-item .prpic-box h1{font-size:40px}}.index-content .top-item .txt-box{display:flex;flex-direction:column;gap:8px;align-items:center}.index-content .top-item .txt-box p{font-size:16px;text-align:center}@media only screen and (min-width: 1024px){.index-content .top-item .txt-box p{font-size:32px}}.index-content .top-item .txt-box a{color:#725408;text-decoration-line:underline;font-size:14px}@media only screen and (min-width: 1024px){.index-content .top-item .txt-box a{font-size:28px}}.index-content .top-item .link-box{display:flex;flex-direction:column;gap:20px;max-width:280px;margin:0 auto;width:100%}@media only screen and (min-width: 1024px){.index-content .top-item .link-box{max-width:560px}}.index-content .top-item .link-box a{border-bottom:1px solid rgba(201,154,9,0);background:linear-gradient(90deg,#f6e2ba00,#f6e2ba 20%,#ebd6b5 80%,#f6e2ba00);padding:12px;display:flex;width:100%;gap:20px;justify-content:center;align-items:center}@media only screen and (min-width: 1024px){.index-content .top-item .link-box a{padding:20px}}.index-content .top-item .link-box a h2{color:#725408;text-align:center;font-family:"Noto Serif TC",serif;font-size:20px;font-style:normal;font-weight:700;line-height:1}@media only screen and (min-width: 1024px){.index-content .top-item .link-box a h2{font-size:32px}}.index-content .bottom-item{position:relative;z-index:5;width:100%}.index-content .bottom-item img{display:block;width:100%}.index-content .bg-top{position:absolute;width:100%;top:0;left:0}.index-content .bg-top img{display:block;width:100%;height:auto}.index-content .bg-bottom{position:absolute;width:100%;bottom:0;left:0}.index-content .bg-bottom img{display:block;width:100%;height:auto}.pop-box{position:fixed;z-index:50;width:100%;height:100%;background:#00000080}.pop-box .rel{padding:20px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pop-box .center-box{display:flex;flex-direction:column;position:relative;max-height:100%;overflow:auto}@media only screen and (min-width: 1024px){.pop-box .center-box{max-width:600px}}.pop-box .center-box .linetop{position:absolute;top:0;width:100%;height:1px;background:linear-gradient(to right,#c99a0900,#d3a306 41%,#d7a704 57%,#b98a0e00)}.pop-box .center-box .linebottom{position:absolute;bottom:0;width:100%;height:1px;background:linear-gradient(to right,#c99a0900,#d3a306 41%,#d7a704 57%,#b98a0e00)}.pop-box .center-box .pic-box img{display:block;height:auto;width:100%}.pop-box .center-box .txt-box{background:#fff;display:flex;padding:24px;flex-direction:column;align-items:center;gap:20px;align-self:stretch}@media only screen and (min-width: 1024px){.pop-box .center-box .txt-box{padding:48px}}.pop-box .center-box .txt-box h2{text-align:center;font-family:"Noto Serif TC",serif;font-size:20px;background:linear-gradient(88deg,#b98a0e 8.1%,#deae03 26.94%,#c99a09 37.9%,#deae03 46.07%,#c99a09 64.86%,#deae03 73.37%,#c99a09 83.07%,#b98a0e 90.82%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media only screen and (min-width: 1024px){.pop-box .center-box .txt-box h2{font-size:40px}}.pop-box .center-box .txt-box p{color:#222;font-size:16px}@media only screen and (min-width: 1024px){.pop-box .center-box .txt-box p{font-size:30px}}.btn-style1{background:#bc7e26;display:flex;min-width:120px;padding:12px 20px;justify-content:center;align-items:center;font-size:16px;color:#fff}@media only screen and (min-width: 1024px){.btn-style1{font-size:30px;padding:20px 40px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.btn-style1:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;background:#725408}}.certificate-box{position:relative;z-index:5;padding:0 20px 40px}@media only screen and (min-width: 1024px){.certificate-box{padding:0 40px 80px}}.certificate-box .pad-15{padding:0 15px}.certificate-box .number-box{color:#725408;display:flex;width:100%;padding:8px 12px;justify-content:center;align-items:center;font-family:"Noto Serif TC",serif;font-size:16px;gap:12px;font-weight:700;background:linear-gradient(90deg,#f6e2ba00,#f6e2ba 20%,#ebd6b5 80%,#f6e2ba00)}@media only screen and (min-width: 1024px){.certificate-box .number-box{padding:16px 20px;font-size:30px}}.certificate-box .gold-frame{background:linear-gradient(135deg,#c99a09,#d3a30600 44%,#d7a70400 60%,#b98a0e);padding:2px;overflow:hidden;position:relative;margin-bottom:20px;box-shadow:0 4px 12px #0000001f}.certificate-box .mySwiper .swiper-slide{width:100%}.certificate-box .mySwiper .swiper-slide img{max-width:100%;display:block;height:auto}.certificate-box .sw-control{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:20px}.certificate-box .sw-control svg{display:block}@media only screen and (min-width: 1024px){.certificate-box .sw-control svg{width:60px;height:60px}}.certificate-box .sw-control .swiper-button-prev1,.certificate-box .sw-control .swiper-button-next1{cursor:pointer}.certificate-box .sw-control .swiper-pagination{min-width:40px;position:relative;width:initial;color:#725408;text-align:center;font-family:"Noto Serif TC",serif;font-size:16px;font-weight:700;line-height:normal;bottom:initial}@media only screen and (min-width: 1024px){.certificate-box .sw-control .swiper-pagination{min-width:60px;font-size:20px}}.certificate-box .note-box{display:flex;padding:12px;align-items:center;gap:12px;align-self:stretch;background:#2222220f}@media only screen and (min-width: 1024px){.certificate-box .note-box{padding:24px;gap:24px}}.certificate-box .note-box .titlebox{background:#bc7e264d;font-weight:700;color:#222;line-height:1.2;font-size:14px;display:flex;padding:7px 10px;justify-content:center;flex:0 0 auto;align-items:center}@media only screen and (min-width: 1024px){.certificate-box .note-box .titlebox{font-size:28px;padding:14px 20px}}.certificate-box .note-box p{color:#725408;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:1px}@media only screen and (min-width: 1024px){.certificate-box .note-box p{font-size:28px}}.certificate-box .flex-box-center{margin-top:40px}.inn-only .top-item .title-box,.inn-only .number-box,.inn-only .flex-box-center{display:none}*{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%}@-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 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 alphatopright30{0%{opacity:0;transform:translate(60px,60px)}to{opacity:1;transform:translate(0)}}@keyframes alphatopright30{0%{opacity:0;transform:translate(60px,60px)}to{opacity:1;transform:translate(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%}}@-webkit-keyframes cirmove1{0%{transform:translate(0)}25%{transform:translate(-300px,-100px)}50%{transform:translate(-600px,600px)}75%{transform:translate(-100px,400px)}to{transform:translate(0)}}@keyframes cirmove1{0%{transform:translate(0)}25%{transform:translate(-300px,-100px)}50%{transform:translate(-600px,600px)}75%{transform:translate(-100px,400px)}to{transform:translate(0)}}@-webkit-keyframes cirmove1m{0%{transform:translate(0)}25%{transform:translate(-100px,100px)}50%{transform:translate(-300px,350px)}75%{transform:translate(100px,100px)}to{transform:translate(0)}}@keyframes cirmove1m{0%{transform:translate(0)}25%{transform:translate(-100px,100px)}50%{transform:translate(-300px,350px)}75%{transform:translate(100px,100px)}to{transform:translate(0)}}@-webkit-keyframes cirmove2{0%{transform:translate(0)}25%{transform:translate(300px,100px)}50%{transform:translate(500px,-600px)}75%{transform:translate(100px,-400px)}to{transform:translate(0)}}@keyframes cirmove2{0%{transform:translate(0)}25%{transform:translate(300px,100px)}50%{transform:translate(500px,-600px)}75%{transform:translate(100px,-400px)}to{transform:translate(0)}}@-webkit-keyframes cirmove2m{0%{transform:translate(0)}25%{transform:translate(100px,-100px)}50%{transform:translate(300px,-350px)}75%{transform:translate(-100px,-100px)}to{transform:translate(0)}}@keyframes cirmove2m{0%{transform:translate(0)}25%{transform:translate(100px,-100px)}50%{transform:translate(300px,-350px)}75%{transform:translate(-100px,-100px)}to{transform:translate(0)}}@-webkit-keyframes loadscale{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes loadscale{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}