@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap);.header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;padding:15px 35px;border-radius:10px;background:#fff;z-index:999}.header>a img{height:50px}.main_menu{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.main_menu li{position:relative;margin-left:25px;padding-bottom:7.5px;font-size:1em;line-height:1.5em;cursor:pointer}.main_menu li:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;border-radius:5px;background:#d1d1d1;transition:.2s}.main_menu li:hover:after{background:var(--deepPurple)}@media screen and (max-width:1024px){.header{justify-content:center;padding:7.5px 0}.header a>img{height:35px}.main_menu{display:none}}.banner{position:relative;display:flex;flex-flow:column nowrap;width:100%;padding:15px;background:var(--gradient)}.banner_line{top:0;right:25%;margin-top:0;-webkit-animation:position-top;animation:position-top;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275);-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.banner_curve,.banner_line{position:absolute;width:1920px}.banner_curve{bottom:-10%;left:25%;margin-bottom:0;-webkit-animation:position-bottom;animation:position-bottom;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275);-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.banner_pattern_01{position:absolute;width:5%;top:25%;right:5%;-webkit-animation:scale 2s infinite;animation:scale 2s infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.banner_pattern_02{position:absolute;width:2.5%;bottom:15%;left:5%;-webkit-animation:scale 2s infinite;animation:scale 2s infinite;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.banner_content{position:relative;display:flex;flex-flow:column;justify-content:center;align-items:center}.banner_title{position:relative;width:80%;margin:10% 0 0;transform:scale(1);-webkit-animation:title;animation:title;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275);-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.banner_sponsor{position:relative;width:60%;margin:0 0 10%;-webkit-animation:title;animation:title;-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275);-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.banner_icon_01{position:absolute;width:12.5%;top:23.5%;right:40%}.banner_icon_02{position:absolute;width:8.5%;top:47.5%;left:1.5%}.banner_icon_03{position:absolute;width:12.5%;top:57.5%;right:2.5%}@-webkit-keyframes scale{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes scale{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@-webkit-keyframes title{0%{transform:scale(.5);top:-200px;opacity:0}to{transform:scale(1);top:0;opacity:1}}@keyframes title{0%{transform:scale(.5);top:-200px;opacity:0}to{transform:scale(1);top:0;opacity:1}}@-webkit-keyframes position-bottom{0%{margin-bottom:0}50%{margin-bottom:-15px}to{margin-bottom:0}}@keyframes position-bottom{0%{margin-bottom:0}50%{margin-bottom:-15px}to{margin-bottom:0}}@-webkit-keyframes position-top{0%{margin-top:0}50%{margin-top:-25px}to{margin-top:0}}@keyframes position-top{0%{margin-top:0}50%{margin-top:-25px}to{margin-top:0}}@media screen and (max-width:1024px){.banner{padding:10px 0}.banner_curve,.banner_line{width:1024px}.banner_content{padding:0}.banner_icon_01{top:32.5%;right:40%}.banner_icon_02{top:53.5%;left:1.5%}.banner_icon_03{top:60%;right:2.5%}}.info{padding:50px 0}.detail,.info{position:relative}.detail{display:flex;flex-flow:row;justify-content:space-between;padding:50px;border-radius:15px;background:var(--lightPurple)}.detail_curve{position:absolute;bottom:0;right:25%;width:1920px;transform:scaleX(-1);-webkit-animation:position-bottom;animation:position-bottom;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275);-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.detail:after{content:"";position:absolute;bottom:-25px;right:-75px;width:25px;height:25px;background:url(../img/pattern_03.48bb843b.svg) 50% no-repeat;background-size:contain}.detail_content{position:relative;width:calc(100% - 350px);font-size:1em;line-height:1.75em;color:#fff}.detail_content .title br{display:none}.detail_img{position:relative;width:350px;height:200px}.detail_img>img{position:absolute;top:calc(50% - 60.25px);left:calc(50% - 60.25px);width:125px}.detail_img .feature_01{margin-top:-50px;margin-left:-50px}.detail_img .feature_01,.detail_img .feature_02{-webkit-animation:flip 5s infinite;animation:flip 5s infinite}.detail_img .feature_02{margin-top:-25px;margin-left:75px;-webkit-animation-delay:1s;animation-delay:1s}.detail_img .feature_03{margin-top:50px;-webkit-animation:flip 5s infinite;animation:flip 5s infinite;-webkit-animation-delay:2s;animation-delay:2s}.map{position:relative;padding:50px 0}.map>img{width:100%}.map .line{left:0}.map .line,.map_content{position:absolute;top:50px}.map_content{right:0;width:40%}.map_content_box{display:flex;flex-flow:column nowrap;align-items:center;width:100%;padding:50px;border-radius:10px;background:#fff}.map .title{position:relative;margin-bottom:50px;text-align:center}.map .title:after{content:"";position:absolute;bottom:-20px;left:calc(50% - 25px);width:50px;height:7.5px;border-radius:10px;background:var(--yellow)}.map_feature{display:flex;flex-flow:row wrap;justify-content:space-between;padding:0;margin:0}.map_feature li{position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:calc(50% - 7.5px);padding:15px 0;margin:0 0 15px;text-align:center;font-weight:900;color:#fff;border-radius:50px;background:var(--red)}.map_feature li:before{content:"";display:block;width:25px;height:25px;margin-right:10px;background:url(../img/check.16fa1f8c.svg) 50% no-repeat;background-size:contain}@-webkit-keyframes flip{0%{transform:scaleX(1)}5%{transform:scaleX(-1)}10%{transform:scaleX(1)}}@keyframes flip{0%{transform:scaleX(1)}5%{transform:scaleX(-1)}10%{transform:scaleX(1)}}@media screen and (max-width:1024px){.info{padding:0 0 25px}.detail{flex-flow:column;padding:50px 25px}.detail_content{width:100%;margin-bottom:15px}.detail_content .title{text-align:center}.detail_content .title br{display:block}.detail_img{width:100%}.map{padding:25px 0}.map .line{top:25px}.map_content{position:static;width:100%}.map_content_box{padding:50px 25px}.map_feature li{width:calc(50% - 5px);padding:10px 0;margin:0 0 10px}.map_feature li:before{width:15px;height:15px;margin-right:5px}}.rotate{position:relative;background:var(--reverse-gradient)}.rotate_line{position:absolute;bottom:0;left:25%;width:1920px;transform:rotate(180deg);margin-bottom:0;-webkit-animation:position-bottom;animation:position-bottom;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275);-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.rotate .title{position:relative;color:#fff}.rotate .title:after{content:"";position:absolute;bottom:-20px;left:0;width:50px;height:7.5px;border-radius:10px;background:var(--yellow)}.rotate_area{position:relative;width:75%;margin:-25px 12.5%}.rotate_area:before{content:"";position:absolute;bottom:100px;left:-150px;width:100px;height:100px;background:url(../img/pattern_01.6c934bfb.svg) 50% no-repeat;background-size:contain;-webkit-animation:scale 2s infinite;animation:scale 2s infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.rotate_area:after{content:"";position:absolute;top:100px;right:-150px;width:50px;height:50px;background:url(../img/pattern_02.6cb61c93.svg) 50% no-repeat;background-size:contain;-webkit-animation:scale 2s infinite;animation:scale 2s infinite;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.rotate_BG{width:100%;transition:7.5s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.rotate_arrow{position:absolute;top:calc(50% - 20px);left:calc(50% - 150px);height:40px}.rotate_button{position:absolute;top:calc(50% - 80px);left:calc(50% - 80px);height:160px;cursor:pointer;transition:.3s}.rotate_button:hover{transform:scale(1.1)}.rotate_rule{display:flex;flex-flow:column nowrap;align-items:flex-end}.rotate_rule_button{display:flex;flex-flow:row nowrap;align-items:center;margin-bottom:10px;font-size:1.5em;color:#fff;cursor:pointer;z-index:99}.rotate_rule_button img{height:25px;margin-left:5px}.rotate_rule_alert{color:var(--yellow)}@media screen and (max-width:1024px){.rotate{display:flex;flex-flow:column nowrap;align-items:center}.rotate .title{margin-bottom:50px;text-align:center}.rotate .title:after{left:calc(50% - 25px)}.rotate_line{width:1024px}.rotate_area{width:100%;margin:25px 0}.rotate_arrow{top:calc(50% - 12.5px);left:calc(50% - 75px);height:20px}.rotate_button{top:calc(50% - 40px);left:calc(50% - 40px);height:80px}.rotate_rule{align-items:center}}.promotion{padding:50px 0;background:var(--lightPurple)}.promotion .title{position:relative;margin-bottom:50px;text-align:center;color:#fff}.promotion .title:after{content:"";position:absolute;bottom:-20px;left:calc(50% - 25px);width:50px;height:7.5px;border-radius:10px;background:var(--yellow)}.promotion_nav{display:flex;flex-flow:row nowrap;justify-content:center;margin:0;padding:0 25px}.promotion_nav li{padding:15px 25px;margin-right:10px;border-top-left-radius:10px;border-top-right-radius:10px;font-size:1.25em;color:#fff;background:#598ad1;cursor:pointer;transition:.2s}.promotion_nav li.active{font-weight:700;color:var(--yellow);background:var(--deepPurple)}.promotion_content{display:flex;flex-flow:row nowrap;padding:50px 100px;border-radius:10px;background:var(--deepPurple)}.promotion_table{flex:1;display:table;width:100%}.promotion_table .row{display:table-row}.promotion_table .row .cell{display:table-cell;padding:5px 0;text-align:center;color:#fff}.promotion_table .row .cell:first-child{text-align:left}.promotion_table .row .cell:last-child{color:var(--yellow)}.promotion_table .row .cell:nth-child(2) img{filter:grayscale(1)}.promotion_table .row .cell img{width:25px}.promotion_table .head{font-size:1.25em;font-weight:700}.promotion .section{flex:1;padding:25px;border-radius:10px;background:#fff}.promotion .section .head{position:relative;top:0;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:10px;margin-bottom:25px;font-weight:700;text-align:center;text-decoration:none;border-radius:10px;color:#fff;background:var(--red);transition:.2s}.promotion .section .head:before{content:"";width:20px;height:20px;margin-right:10px;background:url(../img/check.16fa1f8c.svg) 50% no-repeat;background-size:contain}.promotion .section .head:hover{top:-3px}.promotion .section+.section{margin-left:15px}.promotion .section ul{padding:0;margin:0}.promotion .section ul li{margin-left:25px;line-height:30px;font-size:1.05em;font-weight:700;list-style-type:disc}.promotion .section img{max-width:100%;border-radius:10px;overflow:hidden}.promotion .section .section_row{display:flex;flex-flow:row nowrap}.promotion .section p{text-align:center;font-size:1.05em;font-weight:700}.promotion_02_img{width:100px;margin-right:25px}.price{font-size:1.25em;font-weight:700}@media screen and (max-width:1024px){.promotion{padding:25px 0}.promotion_nav{display:flex;flex-flow:column nowrap;align-items:center;padding:0}.promotion_nav li{width:100%;margin-right:0;margin-bottom:10px;border-radius:10px;text-align:center}.promotion_content{flex-flow:column nowrap;padding:15px}.promotion_table .row .cell{padding:2.5px;font-size:.75em}.promotion_table .row .cell img{width:10px}.promotion_table .head{font-size:1em}.promotion .section{padding:15px}.promotion .section .head{margin-bottom:15px}.promotion .section .head:before{width:10px;height:10px;margin-right:5px}.promotion .section+.section{margin-left:0;margin-top:10px}.promotion .section p,.promotion .section ul,.promotion .section ul li{font-size:.75em}.promotion_02_img{margin-right:15px}}.sticky{position:sticky;bottom:15px;left:0;display:flex;flex-flow:row-reverse nowrap;padding:0 15px;margin-bottom:15px;z-index:999}.sticky_button{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:100px;height:100px;padding:15px 0;border-radius:50px;border:5px solid #fff;color:#fff;font-size:1.25em;font-weight:700;line-height:1.25em;text-align:center;text-decoration:none;background:var(--red)}@media screen and (max-width:1024px){.sticky{padding:0}.sticky_button{width:calc(100% - 20px);height:50px;margin:0 10px;font-size:1em;border:2px solid #fff}.sticky_button br{display:none}}.rule{position:fixed;top:0;left:0;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:100%;padding:25px;background:rgba(0,0,0,.75);z-index:9999}.rule,.rule>div{height:100%}.rule_box{position:relative;width:100%;max-width:800px;padding:50px;border-radius:15px;color:#fff;background:var(--deepPurple)}.rule_section{line-height:25px}.rule_section ol{padding:0 0 0 20px;margin:10px 0 0}.rule_section ol li{list-style-type:decimal}.rule_section p{margin:10px 0 0}.rule_section+.rule_section{margin-top:25px}.rule_title{font-size:1.25em;font-weight:700}.close{position:absolute;top:15px;right:15px;width:25px;cursor:pointer}@media screen and (max-width:1024px){.rule{display:block;padding:15px}.rule_box{height:100%;padding:15px;border:5px solid var(--deepPurple);overflow-y:scroll}}.award{position:fixed;top:0;left:0;width:100%;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:25px;background:hsla(0,0%,100%,.75);z-index:9999}.award,.award>div,.award_box{height:100%}.award_box{position:relative;display:flex;flex-flow:column nowrap;align-items:center;width:100%;max-width:800px;padding:25px 50px;border-radius:15px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.25)}.award_head{font-size:1.5em;font-weight:700;color:var(--deepPurple);text-align:center}.award img{height:75px;margin-top:25px}.award_title{margin-top:25px;font-size:1.75em;font-weight:700}.award_subtitle{font-size:1.25em;font-weight:700}.award_description,.award_section{margin-top:25px;line-height:25px}.award_section .head{color:var(--deepPurple)}.award_section ol{padding:0 0 0 20px;margin:10px 0 0}.award_section ol li{list-style-type:decimal}.award_section p{margin:10px 0 0}.get{transition-delay:0!important}.check_button{position:relative;top:0;width:60%;padding:10px 0;margin-top:25px;border-radius:50px;border:5px solid #fff;color:#fff;font-size:1.25em;font-weight:700;text-align:center;background:var(--red);cursor:pointer;transition:.2s}.check_button:hover{top:-5px}@media screen and (max-width:1024px){.award{display:block;padding:15px}.award_box{padding:15px;border:5px solid #fff;overflow-y:scroll}.award img{height:50px;margin-top:15px}.award_title{margin-top:15px;font-size:1.5em;text-align:center}.award_subtitle{font-size:1em}}:root{--gradient:linear-gradient(180deg,#3667bf,#5048b7);--reverse-gradient:linear-gradient(0deg,#3667bf,#5048b7);--deepPurple:#5048b7;--lightPurple:#3667bf;--yellow:#ffe255;--red:#f26666}*{box-sizing:border-box}li{list-style:none}body,li{padding:0;margin:0}body{color:#333;font-family:Noto Sans TC,sans-serif;background:var(--lightPurple)}.wrapper{width:100%;max-width:1200px;margin:0 auto}.content{overflow:hidden;background:var(--deepPurple)}.title{margin-bottom:25px;font-size:1.75em;font-weight:700}.normal-enter-active,.normal-leave-active{transition:.5s}.normal-enter-from,.normal-leave-to{opacity:0}.normal-enter-to,.normal-leave-from{opacity:1}.delay-enter-active{transition:1s;transition-delay:7.5s}.delay-leave-active{transition:.5s}.delay-enter-from,.delay-leave-to{opacity:0}.delay-enter-to,.delay-leave-from{opacity:1}@media screen and (max-width:1024px){.wrapper{width:calc(100% - 20px);margin:0 10px}.title{margin-bottom:15px;font-size:1.25em}}