﻿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:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{margin:0;padding:0;font-family:"Microsoft JhengHei",Nanum Barun Gothic,sans-serif;background:#000;color:#000;font-size:16px;font-weight:400;line-height:24px}ol,ul{list-style:none}blockquote,q{quotes:none}q:before,q:after{content:"";content:none}a:hover,a:focus,a:active,a:visited,button:focus{text-decoration:none;outline:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;height:auto}button,a{border:none !important;background-color:rgba(0,0,0,0) !important;padding:0}.top-nav{background:rgba(0,0,0,.7);position:fixed;display:flex;justify-content:center;align-items:center;gap:32px;z-index:99;width:100%;height:60px}@media only screen and (max-width: 767px){.top-nav{gap:16px}}.top-nav a{color:#fefefe;text-decoration:none;font-size:18px;display:block}@media only screen and (max-width: 767px){.top-nav a{font-size:16px}}@media only screen and (max-width: 480px){.top-nav a{font-size:13px}}.top-nav a:hover{color:gold}.floating-buttons{position:fixed;top:223px;left:60px;z-index:1000;display:flex;flex-direction:column;gap:10px}@media only screen and (max-width: 767px){.floating-buttons{left:15px;top:170px}}.btn-float{width:151px;height:151px;filter:drop-shadow(0 5px 25px rgba(0, 0, 0, 0.4))}@media only screen and (max-width: 767px){.btn-float{width:80px;height:80px}}@media only screen and (max-width: 480px){.btn-float{width:60px;height:60px}}.btn-float:hover img,.btn-float.is-playing img{opacity:0}.btn-float.btn-top:hover{background:url(../images/top-btn_on.png) no-repeat center/contain}.btn-float.btn-music:hover,.btn-float.btn-music.is-playing{background:url(../images/music-btn_on.png) no-repeat center/contain}.hero-section{background:url(../images/main-bg.png) center/cover no-repeat;min-height:1742px;position:relative;z-index:3}@media only screen and (max-width: 767px){.hero-section{min-height:110vh}}@media only screen and (max-width: 480px){.hero-section{min-height:85vh}}.hero-section a.brand-logo{position:absolute;left:35px;top:80px;z-index:9}@media only screen and (max-width: 767px){.hero-section a.brand-logo{width:120px;left:15px}}.hero-section .title-wrap{max-width:1151px;width:100%;position:absolute;left:50%;transform:translateX(-50%);bottom:-36px}@media only screen and (max-width: 767px){.hero-section .title-wrap{bottom:-4.69vw}}.hero-section .sign-btn{max-width:347px;display:block;margin:-25px auto 0}@media only screen and (max-width: 767px){.hero-section .sign-btn{width:30%;margin-top:0}}.hero-section .sign-btn:hover{background:url(../images/signup-btn_on.png) no-repeat 0 0/contain}.hero-section .sign-btn:hover img{opacity:0}main{background:url(../images/con_bg.jpg) no-repeat center top/cover;margin:-30px 0 0;overflow:hidden}main .content-section{padding:50px 0;position:relative;text-align:center}main .content-section h2.tit{margin:0 auto;filter:drop-shadow(0 8px 0 rgba(8, 6, 5, 0.1));line-height:0}@media only screen and (max-width: 767px){main .content-section h2.tit{width:50%}}main .content-section .content{display:flex;justify-content:center;align-items:center;position:relative;margin:0 auto}main .content-section .content::before,main .content-section .content::after{content:"";position:absolute}@media only screen and (max-width: 1200px){main .content-section .content::before,main .content-section .content::after{display:none}}main .content-section .content .info{position:relative;line-height:0}main #s1{margin-top:175px;padding-top:0}@media only screen and (max-width: 480px){main #s1{margin-top:100px}}main #s1.content-section::before{content:"";position:absolute;left:50%;transform:translateX(-50%);background:url(../images/s1-deco_3.png) no-repeat 0 0/contain;aspect-ratio:141/143;max-width:141px;width:100%;z-index:1;top:-96px;margin-left:-370px}@media only screen and (max-width: 1440px){main #s1.content-section::before{width:15%;margin-left:0;left:30px;transform:none}}@media only screen and (max-width: 767px){main #s1.content-section::before{top:-10.299vw}}main #s1 .content{background:url(../images/s1-bg.png) no-repeat 50% 0;max-width:1621px;width:100%;height:880px;margin:0 auto;flex-direction:column;filter:drop-shadow(10px 0 20px rgba(77, 53, 33, 0.4))}@media only screen and (max-width: 480px){main #s1 .content{height:100%;padding:80px 0}}main #s1 .content::before{background:url(../images/s1-deco_1.png) no-repeat 0 0/contain;aspect-ratio:333/779;max-width:333px;width:100%;bottom:10px;left:50%;transform:translateX(-50%);margin-left:-530px}main #s1 .content::after{background:url(../images/s1-deco_2.png) no-repeat 0 0/contain;aspect-ratio:353/517;max-width:353px;width:100%;bottom:70px;left:50%;margin-left:269px}main #s1 .content .info{padding:25px 0 55px}@media only screen and (max-width: 767px){main #s1 .content .info{padding:55px 15px}}main #s2 h2.tit{margin:0 auto -20px;position:relative;z-index:1}@media only screen and (max-width: 767px){main #s2 h2.tit{margin-bottom:-100px}}main #s2 .content{background:url(../images/s2-deco_2.png) no-repeat 50% 0/cover;max-width:1482px;width:100%;height:1026px}@media only screen and (max-width: 480px){main #s2 .content{padding:80px 0}}main #s2 .content::after{background:url(../images/s2-deco_1.png) no-repeat 50% 0/contain;width:1622px;height:817px;top:50%;transform:translateY(-44%);pointer-events:none}main #s2 .content .info{background:#fff;border-radius:70px;max-width:814px;padding:60px 0;justify-content:center;align-items:center;filter:drop-shadow(0 5px 15px rgba(40, 32, 25, 0.4));width:100%}@media only screen and (max-width: 767px){main #s2 .content .info{padding:60px 30px}}main #s2 .content .info .map{display:flex;align-items:center;justify-content:center;padding:20px 0 0;gap:20px;margin-left:-24px}@media only screen and (max-width: 767px){main #s2 .content .info .map{flex-direction:column;margin-left:0}}main #s2 .content .info .map .map-box iframe{border:dashed 2px #e35440;border-radius:20px}@media only screen and (max-width: 767px){main #s2 .content .info .map .map-box iframe{width:100%}}main #s2 .content .info .map .map-box a{display:block;color:#e35440;font-size:16px;line-height:1;margin:10px 0 0}@media only screen and (max-width: 480px){main #s2 .content .info .map .map-box a{font-size:13px}}main #s2 .content .info .map .map-box a:hover{text-decoration:underline}main #s3 h2.tit{margin:0 auto 25px}main #s3::before{content:"";background:url(../images/s3-deco_1.png) no-repeat 0 0/contain;left:50%;transform:translateX(-50%);aspect-ratio:836/730;max-width:836px;width:100%;position:absolute;bottom:40px;z-index:1;margin-left:-450px}@media only screen and (max-width: 1440px){main #s3::before{display:none}}main #s3 .content{max-width:1260px;justify-content:flex-end}@media only screen and (max-width: 1440px){main #s3 .content{justify-content:center}}main #s3 .content .info{filter:drop-shadow(13px 13px 0 rgba(8, 6, 5, 0.1))}main #s4 h2.tit{margin:0 auto 65px}main #s4 .content{max-width:1170px;justify-content:flex-start}@media only screen and (max-width: 1440px){main #s4 .content{justify-content:center}}main #s4 .content::before{content:"";background:url(../images/s4-deco_2.png) no-repeat 0 0/contain;right:-106px;margin-left:693px;width:647px;height:676px;position:absolute;bottom:-25px;z-index:1}main #s4 .content .info{filter:drop-shadow(13px 13px 0 rgba(8, 6, 5, 0.1))}main #s4 .content .info::before{content:"";position:absolute;bottom:100%;background:url(../images/s4-deco_1.png) no-repeat 0 0/contain;left:120px;aspect-ratio:239/164;max-width:239px;width:100%}@media only screen and (max-width: 1440px){main #s4 .content .info::before{width:26%;left:30px}}main #s5.content-section{padding-bottom:165px}main #s5 .content{gap:50px}@media only screen and (max-width: 767px){main #s5 .content{gap:20px;flex-direction:column}}main #s5 .content .info img{filter:drop-shadow(0 0 10px rgba(8, 6, 5, 0.4))}main #s5 .content .info:nth-of-type(1)::before{content:"";position:absolute;bottom:-65px;right:88%;background:url(../images/s5-deco_1.png) no-repeat 0 0/contain;width:450px;height:497px;z-index:1}@media only screen and (max-width: 1440px){main #s5 .content .info:nth-of-type(1)::before{display:none}}main #s5 .content .info:nth-of-type(2)::before{content:"";position:absolute;top:-11px;left:88%;background:url(../images/s5-deco_2.png) no-repeat 0 0/contain;width:405px;height:241px;z-index:1}@media only screen and (max-width: 1440px){main #s5 .content .info:nth-of-type(2)::before{display:none}}main #s5 .sub{margin:55px 0 50px}main #s5 .notice{margin:60px 0 0}main #notes{background:url(../images/notice_bg.jpg) no-repeat 50% 0/cover;min-height:1007px}@media only screen and (max-width: 767px){main #notes{min-height:100vh}}@media only screen and (max-width: 767px){main #notes{min-height:75vh}}main #notes::before{content:"";background:url(../images/notice-tit.png) no-repeat 0 0/contain;width:115px;height:115px;position:absolute;transform:translateX(-50%);left:50%;top:-58px;filter:drop-shadow(0 6px 0 rgba(8, 6, 5, 0.1))}@media only screen and (max-width: 767px){main #notes::before{width:75px;height:75px;top:-4.95vw}}main #notes::after{content:"";position:absolute;bottom:151px;left:50%;transform:translateX(-50%);margin-left:368px;background:url(../images/notice-deco.png) no-repeat 0 0/contain;right:50px;width:574px;height:611px;filter:drop-shadow(0 0 0 rgba(8, 6, 5, 0))}@media only screen and (max-width: 1440px){main #notes::after{display:none}}main #notes .info{margin-right:12%;top:33px;filter:drop-shadow(13px 13px 0 rgba(8, 6, 5, 0.1))}@media only screen and (max-width: 1200px){main #notes .info{margin-right:0}}#nav-main #expend #myTab li.nav-item a:hover,#nav-main #expend #myTab li.nav-item a[aria-expanded=true]{color:#ef2e96}#nav-main #expend #myTab .dropdown-menu .dropdown-item:hover a{color:#ef2e96}#GAinfor li{background-color:#ef2e96;margin:0 .5px}#GAinfor li:hover{background-color:#62f99c;transition:.4s}footer{font-family:"微軟正黑體","Malgun Gothic",Dotum,Tahoma,sans-serif;background:#4d3e32;min-height:100px;align-items:center;justify-content:center;display:flex}footer .copyright ul.clearfix{text-align:center;display:flex;justify-content:center;gap:20px}@media only screen and (max-width: 480px){footer .copyright ul.clearfix{display:flex;justify-content:center;align-items:center;flex-direction:column}}footer .copyright ul.clearfix li{display:flex;align-items:center;gap:5px;color:#fff}footer .copyright ul.clearfix li:nth-child(2){width:70px}@media only screen and (max-width: 480px){footer .copyright ul.clearfix li:last-child img{margin-bottom:8px}}footer .copyright ul.clearfix li .rating{width:40px}footer .copyright ul.clearfix li span{line-height:1.4;text-align:left}@media only screen and (max-width: 480px){footer .copyright ul.clearfix li span{width:100%;text-align:center}}footer .copyright ul.clearfix li p{line-height:1.4;text-align:left}@media only screen and (max-width: 480px){footer .copyright ul.clearfix li p{font-size:12px}}