@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap";body{font-family:Noto Sans TC,sans-serif;font-size:16px;line-height:1.5;color:#232323;letter-spacing:.05em;background:#f0f0f0}.main-content{width:100%;overflow:hidden}@media only screen and (min-width: 1024px){.main-content{max-width:600px;margin:0 auto}}.df{display:flex}.db{display:block}.fd-column{flex-direction:column}.jc-c{justify-content:center}.jc-sp{justify-content:space-between}.fs-18{font-size:18px}@media only screen and (min-width: 768px){.fs-18{font-size:1.8rem}}.fs-16{font-size:16px}@media only screen and (min-width: 768px){.fs-16{font-size:1.6rem}}.fs-14{font-size:14px}@media only screen and (min-width: 768px){.fs-14{font-size:1.4rem}}.fw-b{font-weight:700}.col-blue{color:#073190}.pos-ab{position:absolute}.l-0{left:0}.r-0{right:0}.b-0{bottom:0}.t-0{top:0}.pad-lr-24{padding:0 24px}header{height:60px;width:100%;background:linear-gradient(90deg,#f6cc72,#fad27d 43.58%,#f2c971 68.62%,#e4b95c 83.41%,#d1a33f 98.27%,#cfa13c);border-bottom:1px solid #FFF;position:relative}@media only screen and (min-width: 768px){header{height:80px}}header .logo-area{padding:6px 0 4px;height:100%}header .logo-area img{height:100%;width:auto}header .logo-area h1{padding-top:8px}@media only screen and (min-width: 1024px){header .logo-area h1{padding-top:13px;font-size:24px}}header .left-mark{left:-1px;bottom:-1px}@media only screen and (min-width: 1024px){header .left-mark svg{height:18px;width:auto}}header .right-mark{right:-1px;bottom:-1px}@media only screen and (min-width: 1024px){header .right-mark svg{height:18px;width:auto}}footer{background:#a4ceea;padding:5.3% 9.6% 12.8%}footer p,footer a{display:flex;justify-content:center;text-align:center;color:#073190;font-size:.625rem;font-weight:500}@media only screen and (min-width: 768px){footer p,footer a{font-size:12px}}.btn-style-gold{color:#073190;font-size:20px;font-weight:700;position:relative}@media only screen and (min-width: 768px){.btn-style-gold{font-size:2rem}}.btn-style-gold .bg-area{background:url(../images/btn-gold.png) top center no-repeat;background-size:contain;width:100%;height:56px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center}@media only screen and (min-width: 768px){.btn-style-gold .bg-area{height:89.6px}}.btn-style-gold .shadow{position:absolute;background:url(../images/btn-shadow.png) top center no-repeat;background-size:contain;width:100%;height:80px;z-index:1;top:-16px}@media only screen and (min-width: 768px){.btn-style-gold .shadow{top:-25.6px;height:128px}}*{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;font-family:Noto Sans TC,sans-serif}button{cursor:pointer;padding:0;font-family:Noto Sans TC,sans-serif}a{text-decoration:none;color:#333}a:hover{color:#888}body,html{width:100%;height:100%}.wrapper{width:100%;height:100%;position:relative;z-index:1}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{zoom:1}.clear{clear:both}.kv-banner{background:url(../images/kvbanner.jpg) top center no-repeat;background-size:cover;width:100%;padding:27.7% 6.4% 6.4%;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid #FFF}.blue-title{background:url(../images/blue-titlebg.png) no-repeat;background-size:contain;width:220px;height:32px;display:flex;align-items:center;justify-content:center;margin-top:-10px;position:relative;z-index:2}@media only screen and (min-width: 768px){.blue-title{margin-top:-15px}}.blue-title h2{color:#fff}@media only screen and (min-width: 768px){.blue-title h2{font-size:1.4rem}}@media only screen and (min-width: 768px){.blue-title{width:352px;height:52px}}.sq-title-box{padding:2px;position:relative}@media only screen and (min-width: 1024px){.sq-title-box{padding:4px}}.sq-title-box .dot{width:4px;height:4px;border-radius:50%;background:#fff}@media only screen and (min-width: 1024px){.sq-title-box .dot{width:8px;height:8px}}.sq-title-box .line-box{position:relative;border:1px solid rgba(255,255,255,.5);padding:3.1% 4.9% 4.6%}.sq-title-box .line-box .op-bg{opacity:.3986;width:100%;height:100%;position:absolute;background:linear-gradient(0deg,#f0f0f0,#f4f4f4 51.72%,#fff);left:0;top:0}.sq-title-box .line-box .title{position:relative;width:100%}.notic-box{gap:8px;margin-top:12px}@media only screen and (min-width: 768px){.notic-box{gap:12px;margin-top:20px}}@media only screen and (min-width: 768px){.notic-box .icon svg{width:64px;height:auto}}.notic-box p{color:#000}.entrance-area{width:100%}.entrance-area .top-item{width:100%;padding:7.46% 7.46% 3.2%;gap:20px;display:flex;flex-direction:column}@media only screen and (min-width: 768px){.entrance-area .top-item{gap:32px}}.entrance-area .bottom-item{width:100%;display:flex;padding:3.2% 9% 0%;margin-bottom:30px;align-items:center;gap:8px;justify-content:center}.entrance-area .bottom-item .chiaohu{width:32.9%}.entrance-area .bottom-item .chiaohu img{height:auto;width:100%}.entrance-area .bottom-item p{letter-spacing:0;color:#073190;text-align:center}@-webkit-keyframes alpha01{0%{opacity:0}to{opacity:1}}@-moz-keyframes alpha01{0%{opacity:0}to{opacity:1}}@-ms-keyframes alpha01{0%{opacity:0}to{opacity:1}}@keyframes alpha01{0%{opacity:0}to{opacity:1}}@-webkit-keyframes alphatop30{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@-moz-keyframes alphatop30{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@-ms-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)}}@-moz-keyframes alphabottom30{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@-ms-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)}}@-moz-keyframes alphabottom50{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@-ms-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)}}@-moz-keyframes alphleft30{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translateY(0)}}@-ms-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%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate360{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes rotate360{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate360{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes float5{0%{transform:translate(0)}50%{transform:translate(5px)}to{transform:translate(0)}}@-moz-keyframes float5{0%{transform:translate(0)}50%{transform:translate(5px)}to{transform:translate(0)}}@-ms-keyframes float5{0%{transform:translate(0)}50%{transform:translate(5px)}to{transform:translate(0)}}@keyframes float5{0%{transform:translate(0)}50%{transform:translate(5px)}to{transform:translate(0)}}@-webkit-keyframes float15{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}@-moz-keyframes float15{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}@-ms-keyframes float15{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes float15{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}@-webkit-keyframes float10{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}@-moz-keyframes float10{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}@-ms-keyframes float10{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}@keyframes float10{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}@-webkit-keyframes kvtitle{0%{opacity:0;transform:translateY(-1000px)}60%{opacity:1;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@-moz-keyframes kvtitle{0%{opacity:0;transform:translateY(-1000px)}60%{opacity:1;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@-ms-keyframes kvtitle{0%{opacity:0;transform:translateY(-1000px)}60%{opacity:1;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes kvtitle{0%{opacity:0;transform:translateY(-1000px)}60%{opacity:1;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes loading{0%{left:-103%}to{left:-10%}}@-moz-keyframes loading{0%{left:-103%}to{left:-10%}}@-ms-keyframes loading{0%{left:-103%}to{left:-10%}}@keyframes loading{0%{left:-103%}to{left:-10%}}@-webkit-keyframes spark-1{0%{opacity:.5}30%{opacity:1}80%{opacity:1}to{opacity:.5}}@-moz-keyframes spark-1{0%{opacity:.5}30%{opacity:1}80%{opacity:1}to{opacity:.5}}@-ms-keyframes spark-1{0%{opacity:.5}30%{opacity:1}80%{opacity:1}to{opacity:.5}}@keyframes spark-1{0%{opacity:.5}30%{opacity:1}80%{opacity:1}to{opacity:.5}}@-webkit-keyframes spark-2{0%{opacity:.2}50%{opacity:.8}to{opacity:.2}}@-moz-keyframes spark-2{0%{opacity:.2}50%{opacity:.8}to{opacity:.2}}@-ms-keyframes spark-2{0%{opacity:.2}50%{opacity:.8}to{opacity:.2}}@keyframes spark-2{0%{opacity:.2}50%{opacity:.8}to{opacity:.2}}@-webkit-keyframes spark-3{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@-moz-keyframes spark-3{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@-ms-keyframes spark-3{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes spark-3{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}