@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap);.mainColor{color:#ed9a86}.noteColor{color:#f03a47}.linkColor{color:#3fa493}.linkColor:hover{color:#358d7e}body{background:#100908;color:#ed9a86;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif,Arial;font-optical-sizing:auto;font-weight:400;font-style:normal}a,button{color:#ed9a86}a:hover,button:hover{color:#ed9a86;text-decoration:none}li,ul{list-style:none;padding:0;margin:0}.d-none{display:none!important}#particles-js{position:absolute;width:100%;top:0;left:0;z-index:999;pointer-events:none}@media only screen and (max-width:1440px){#particles-js{display:none}}img{max-width:100%}.mb-5{margin-bottom:24px}.note{color:#ee1820!important}h5{text-align:center;font-size:36px;font-weight:900;line-height:1.6jpg;color:#ed9a86}h4{text-align:center;font-size:26px;font-weight:900;line-height:1.6;color:#ed9a86}p{font-size:18px;line-height:1.6;color:#ed9a86;font-weight:400;margin-bottom:4px}@media only screen and (max-width:480px){p{font-size:13px}}@media (min-width:1200px){.container-custom{max-width:1230px}}.sideBtn{position:fixed;left:0;bottom:30px;z-index:1030;transition:all .3s ease-in-out}@media only screen and (max-width:769px){.sideBtn{display:none}}.sideBtn.scroll{opacity:0;left:-15px}.sideBtn ul li{display:block}.sideBtn ul li a{background:url(../images/sidebar_btn.png) no-repeat 0 0;width:345px;height:66px;display:block;text-indent:-99999em;padding:0;transition:all .25s ease-in-out}.sideBtn ul li a.active,.sideBtn ul li a:hover{background:url(../images/sidebar_btn_hover.png) no-repeat 0 0}.sideBtn ul li:nth-of-type(2) a{background-position-y:-66px}.sideBtn ul li:nth-of-type(3) a{background-position-y:-132px}.sideBtn ul li:nth-of-type(4) a{background-position-y:-198px}.sideBtn ul li:nth-of-type(5) a{background-position-y:-264px}.sideBtn ul li:nth-of-type(6) a{background-position-y:-330px}.sideBtn ul li:nth-of-type(7) a{background-position-y:-396px}.navigation{position:absolute;top:35px;left:0;right:0;margin:0 auto;z-index:998}@media only screen and (max-width:991px){.navigation{padding:0 10px}}@media only screen and (max-width:769px){.navigation{margin-top:0}}.navigation #pills-tab{margin:0 auto;flex-wrap:nowrap}@media only screen and (max-width:769px){.navigation #pills-tab li.nav-item{display:flex;flex:0 0 33.333333%}}.navigation #pills-tab li.nav-item button{width:240px;height:56px;transition:0s all;padding:0;border-radius:0;background-color:transparent;background-size:contain;background-position:0 0;background-repeat:no-repeat;margin:0 3px;position:relative;filter:drop-shadow(5px 5px 0 rgba(0,0,0,.25))}@media only screen and (max-width:769px){.navigation #pills-tab li.nav-item button{width:31.209vw;height:7.282vw}}.navigation #pills-tab li.nav-item #pills-1-tab{background-image:url(../images/tab-01.png)}.navigation #pills-tab li.nav-item #pills-1-tab.active{background-image:url(../images/tab-01-active.png)}.navigation #pills-tab li.nav-item #pills-2-tab{background-image:url(../images/tab-02.png)}.navigation #pills-tab li.nav-item #pills-2-tab.active{background-image:url(../images/tab-02-active.png)}.navigation #pills-tab li.nav-item #pills-3-tab{background-image:url(../images/tab-03.png)}.navigation #pills-tab li.nav-item #pills-3-tab.active{background-image:url(../images/tab-03-active.png)}a.sideBar{position:fixed;right:16px;bottom:27px;z-index:999;transition:.3s all;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100px;width:120px}a.sideBar:hover{transform:scale(1.05)}@media only screen and (max-width:480px){a.sideBar{width:60px;right:12px;bottom:12px}}a#sign-game{position:fixed;right:15px;bottom:90px;z-index:999;transition:all .25s ease-in-out}a#sign-game:hover{background:url(../images/sign-game_hover.png) no-repeat 0 0;background-size:contain}a#sign-game:hover img{opacity:0}@media only screen and (max-width:769px){a#sign-game{bottom:127px}}@media only screen and (max-width:480px){a#sign-game{width:130px;right:5px;bottom:5px}}.tab-content{background:url(../images/even-bg.jpg) no-repeat 50% 0;background-size:cover;position:relative;overflow:hidden;margin:0;padding:160px 0 250px;text-align:center;height:100%}@media only screen and (max-width:480px){.tab-content{padding:100px 0}}.tab-content::after,.tab-content::before{position:absolute;content:'';width:600px;height:280px;top:0;background-position:0 0;background-repeat:no-repeat;background-image:url(../images/ribbon.png);z-index:1}@media only screen and (max-width:1440px){.tab-content::after,.tab-content::before{display:none}}.tab-content::before{left:0}.tab-content::after{right:0;transform:scaleX(-1)}.tab-content .intro-wrap{display:flex;justify-content:center;flex-direction:row;margin:70px 0 0}@media only screen and (max-width:1024px){.tab-content .intro-wrap{flex-direction:column}}@media only screen and (max-width:480px){.tab-content .intro-wrap{margin:40px 10px 0 0}}.tab-content .intro-wrap .intro-col{position:relative;z-index:7}.tab-content .intro-wrap .intro-col:first-child{margin-right:35px;margin-bottom:15px}@media only screen and (max-width:480px){.tab-content .intro-wrap .intro-col:first-child{margin-right:0}}.tab-content .intro-wrap .intro-col img{filter:drop-shadow(5px 5px 0 rgba(0,0,0,.25))}.tab-content #tab-1{position:relative}.tab-content #tab-1::after,.tab-content #tab-1::before{content:'';background-position:0 0;background-repeat:no-repeat;position:absolute;left:50%;pointer-events:none}@media only screen and (max-width:1440px){.tab-content #tab-1::after,.tab-content #tab-1::before{display:none}}.tab-content #tab-1::before{background-image:url(../images/s1_mm-1.png);left:0;top:50%;width:495px;height:583px}.tab-content #tab-1::after{background-image:url(../images/s1_mm-2.png);left:50%;bottom:-195px;width:595px;height:638px;margin-left:152px}.tab-content #tab-1 .s1{position:relative}.tab-content #tab-1 .s1 h2.date{filter:drop-shadow(5px 5px 0 rgba(0,0,0,.25));position:relative;max-width:378px;margin:0 auto}@media only screen and (max-width:480px){.tab-content #tab-1 .s1 h2.date{width:60%}}.tab-content #tab-1 .s1 h2.date::after,.tab-content #tab-1 .s1 h2.date::before{content:'';position:absolute;background-repeat:no-repeat;background-position:0 0;bottom:-15px;left:50%;width:179px;height:205px;background-size:contain}@media only screen and (max-width:480px){.tab-content #tab-1 .s1 h2.date::after,.tab-content #tab-1 .s1 h2.date::before{width:80px;height:92px;bottom:0}}.tab-content #tab-1 .s1 h2.date::before{background-image:url(../images/festoon-lf.png);margin-left:-460px}@media only screen and (max-width:480px){.tab-content #tab-1 .s1 h2.date::before{margin-left:-215px}}.tab-content #tab-1 .s1 h2.date::after{background-image:url(../images/festoon-rt.png);margin-left:300px}@media only screen and (max-width:480px){.tab-content #tab-1 .s1 h2.date::after{margin-left:140px}}.tab-content #tab-1 .notice-wrap{padding:150px 0 0}@media only screen and (max-width:480px){.tab-content #tab-1 .notice-wrap{padding:80px 0 0}}@media only screen and (max-width:769px){.tab-content #tab-1 .notice-wrap .notice{padding:0}}.tab-content #tab-1 .notice-wrap .notice ol{padding:0 0 0 30px;margin:0;text-align:left;list-style-type:disc}@media only screen and (max-width:480px){.tab-content #tab-1 .notice-wrap .notice ol{padding-left:15px}}.tab-content #tab-1 .notice-wrap .notice ol li{color:#000;font-size:18px;line-height:1.8;list-style:auto}@media only screen and (max-width:480px){.tab-content #tab-1 .notice-wrap .notice ol li{font-size:12px}}.tab-content #tab-1 .notice-wrap .notice ol li span{color:#000}.tab-content .link{text-decoration:underline}.tab-content .txtindent{text-indent:-50px!important}.tab-content .award{position:relative}.tab-content .award-wrap{margin-top:60px}.tab-content .award-wrap>div{margin-bottom:60px}.tab-content .tit{overflow:hidden;margin:0 auto 40px;filter:drop-shadow(5px 5px 0 rgba(0,0,0,.25))}@media only screen and (max-width:769px){.tab-content .tit{width:50%;margin-bottom:20px}}@media only screen and (max-width:480px){.tab-content .tit{width:35%}}#tab-2{position:relative}#tab-2::after,#tab-2::before{content:'';background-position:0 0;background-repeat:no-repeat;position:absolute;left:50%}@media only screen and (max-width:1440px){#tab-2::after,#tab-2::before{display:none}}#tab-2::before{background-image:url(../images/s2_mm-1.png);top:50%;width:595px;height:583px;transform:translateY(-50%);margin-left:-800px}#tab-2::after{background-image:url(../images/s2_mm-2.png);left:50%;bottom:-250px;width:597px;height:583px;margin-left:210px}#tab-2 .intro-wrap{flex-direction:column;margin-top:-18px}#tab-2 .intro-wrap .intro-col:first-child{margin:0 0 25px}#tab-2 .intro-wrap .intro-col:first-child::after,#tab-2 .intro-wrap .intro-col:first-child::before{content:'';position:absolute;background-position:0 0;background-repeat:no-repeat;left:50%;width:179px;height:139px}#tab-2 .intro-wrap .intro-col:first-child::before{background-image:url(../images/festoon-lf-2.png);margin-left:-530px}#tab-2 .intro-wrap .intro-col:first-child::after{background-image:url(../images/festoon-rt-2.png);height:118px;margin-left:350px}#tab-2 .intro-wrap .intro-col .gmap{max-width:470px;margin:18px auto 0;overflow:hidden;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:99;border:3px solid #000;border-radius:15px}@media only screen and (max-width:769px){#tab-2 .intro-wrap .intro-col .gmap{width:80%;margin:5px auto 0}}#tab-2 .intro-wrap .intro-col .gmap iframe{width:100%;height:auto;aspect-ratio:16/14}@media only screen and (max-width:480px){#tab-3 .intro-wrap{margin-left:10px}}#tab-3 .intro-wrap .intro-col::after,#tab-3 .intro-wrap .intro-col::before{content:'';position:absolute;background-repeat:no-repeat;background-position:0 0;background-size:contain;top:0;width:179px;height:205px;z-index:9}@media only screen and (max-width:480px){#tab-3 .intro-wrap .intro-col::after,#tab-3 .intro-wrap .intro-col::before{width:80px;height:92px;bottom:0;top:50%;margin-top:-50px}}#tab-3 .intro-wrap .intro-col::before{background-image:url(../images/festoon-lf.png);left:-62px}@media only screen and (max-width:480px){#tab-3 .intro-wrap .intro-col::before{left:10px}}#tab-3 .intro-wrap .intro-col::after{background-image:url(../images/festoon-rt.png);right:-62px}@media only screen and (max-width:480px){#tab-3 .intro-wrap .intro-col::after{right:10px}}main#header{position:relative;overflow:hidden;background:url(../images/index_bg.jpg) no-repeat 50% 0;background-size:cover;height:1018px;margin:80px 0 0}@media only screen and (max-width:1024px){main#header{height:108.414vw;margin-top:64px}}main#header .mm-wrap .mm-1,main#header .mm-wrap .mm-2,main#header .mm-wrap .mm-3{background-position:0 0;background-repeat:no-repeat;position:absolute;background-size:contain;left:50%}main#header .mm-wrap .mm-1{background-image:url(../images/mm-1.png);width:557px;height:511px;margin-left:-35vw;top:42px;z-index:1}@media only screen and (max-width:1440px){main#header .mm-wrap .mm-1{margin-left:auto;left:-10px}}@media only screen and (max-width:1024px){main#header .mm-wrap .mm-1{width:55.39vw;height:49.9vw}}main#header .mm-wrap .mm-2{background-image:url(../images/mm-2.png);width:480px;height:607px;margin-left:-229px;top:30px;z-index:3}@media only screen and (max-width:1024px){main#header .mm-wrap .mm-2{top:25.98vw;width:46.87vw;height:59.24vw;margin-left:-23.36vw}}main#header .mm-wrap .mm-3{background-image:url(../images/mm-3.png);width:475px;height:583px;top:16px;margin-left:11vw;z-index:1}@media only screen and (max-width:1024px){main#header .mm-wrap .mm-3{right:-14px;margin-left:auto;left:auto;width:46.38vw;height:56.93vw;top:-7px}}main#header .banner_title{position:absolute;left:50%;transform:translateX(-50%);bottom:60px;z-index:5;text-align:center;max-width:1201px;width:100%}@media only screen and (max-width:769px){main#header .banner_title{bottom:50px}}@media only screen and (max-width:480px){main#header .banner_title{bottom:20px}}main#header .banner_title .sub{max-width:559px;width:100%;margin:12px auto}@media only screen and (max-width:769px){main#header .banner_title .sub{width:50%}}.maintab{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}@media only screen and (max-width:1440px){.maintab{left:24%;transform:translateX(0)}}@media only screen and (max-width:1200px){.maintab{left:20%}}@media only screen and (max-width:480px){.maintab{left:auto}}.maintab img{margin:0 1vw}@media only screen and (max-width:1200px){.maintab img{width:28vw}}@media only screen and (max-width:480px){.maintab img{width:48vw}}.maintab img:hover{filter:brightness(1.5)}.modal .modal-dialog.modal-lg,.modal .modal-dialog.modal-xl{width:100%;max-width:1400px;margin:80px auto;text-align:center}.modal .modal-content{background-color:#00000000;box-shadow:none;border:none}.modal .modal-content .modal-header{border:none;padding:0}.modal .modal-content .modal-header button.close{font-size:30px;color:#b8a8aa;border:1px solid #b8a8aa;padding:0;margin:0 0 0 auto;width:50px;height:50px;font-weight:100;font-family:"Microsoft JhengHei",sans-serif,Arial}@media only screen and (max-width:800px){.modal .modal-content .modal-header button.close{right:15px}}.modal .modal-content .modal-body{padding:0}.modal .modal-content .modal-body iframe{width:100%;height:auto;aspect-ratio:16/9}.pic-modal,button{background-color:transparent;border:none;cursor:pointer;transition:.3s all}.pic-modal:hover,button:hover{filter:brightness(1.2);z-index:100}