﻿@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";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:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}ol,ul,button{margin:0;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*:focus,a:hover,a:active,a:focus,button:focus{text-decoration:none;outline:none}button,a{border:none;font-size:unset;padding:0;margin:0;background:rgba(0,0,0,0);background-color:none;outline:none;border:none}img{max-width:100%;height:auto}.nav-tabs .nav-link,.nav-tabs a.nav-link,.nav-tabs a.nav-link.active,.nav-pills .nav-link,.nav-pills a.nav-link,.nav-pills a.nav-link.active{padding:0;background:rgba(0,0,0,0);background-color:none}@font-face{font-family:GenRyuMinB;src:url("../webfont/GenRyuMin-B.ttc")}body{background-color:#000;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif,Arial;font-size:1.2rem;letter-spacing:-1px}#main{position:relative;background:url(../images/mainbg.jpg) no-repeat center center/cover;transform:translateX(-50%);left:50%;max-width:2032px;margin:80px 0 0;min-height:788px;overflow:hidden}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main{background:url(../images/mainbg.webp) no-repeat center center/cover}}@media only screen and (max-width: 768px){#main{min-height:100vh;background-position-x:45%}}@media only screen and (max-width: 480px){#main{min-height:70vh}}#main .tit-area{position:absolute;bottom:15px;left:0;right:0;margin:0 auto;z-index:9}@media only screen and (max-width: 480px){#main .tit-area{bottom:15px}}#main .tit-area .tit{max-width:873px;margin:0 auto;position:relative}#main .tit-area a.link{display:block;position:absolute;right:-122px;margin-top:15px;top:70px;max-width:157px}@media only screen and (max-width: 1200px){#main .tit-area a.link{margin:15px auto;position:relative;right:auto;top:auto;transform:unset}}@media only screen and (max-width: 768px){#main .tit-area a.link{width:25%}}#main .tit-area a.link:hover{background:url(../images/link_hover.png) no-repeat center center;background-size:contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main .tit-area a.link:hover{background:url(../images/link_hover.webp) no-repeat center center;background-size:contain}}#main .tit-area a.link:hover img{opacity:0}section{position:relative;min-height:1492px;text-align:center;background:url("../images/contbg.jpg") no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section{background:url("../images/contbg.webp") no-repeat center top/cover}}@media only screen and (max-width: 768px){section{min-height:100%;padding:0 0 80px}}section::before{content:"";width:641px;height:522px;background:url("../images/note_deco.png") no-repeat center center;background-size:contain;position:absolute;right:2vw;bottom:0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section::before{background:url("../images/note_deco.webp") no-repeat center center;background-size:contain}}@media only screen and (max-width: 1200px){section::before{display:none}}section h2{position:relative}@media only screen and (max-width: 1200px){section h2>img{max-width:90vw}}section h3{color:#855406;font-size:2.2rem;line-height:2.2rem;letter-spacing:4px;margin:2% 0}section p,section ul{color:#855406;font-size:1.6rem;line-height:2rem}@media only screen and (max-width: 480px){section p,section ul{font-size:1.2rem;letter-spacing:0}}section p span,section ul span{color:#e08c33}section ul.list{font-size:1.6rem;letter-spacing:1px;margin:3vh 0 2vh}@media only screen and (max-width: 480px){section ul.list{font-size:1.2rem;letter-spacing:0}}section ul.list li::before{content:"※";margin-right:2px}section .hr{margin:2vh 0}section table{color:#855406;font-size:1.6rem;margin:1vh auto 2vh;text-align:left}@media only screen and (max-width: 480px){section table{font-size:1.2rem}}section table td{min-width:10vw;height:3rem}section table td:first-of-type{text-align:center;padding-right:2vw}#asideTab{justify-content:center;max-width:1900px;margin:0 auto;align-items:center;flex-wrap:nowrap;overflow:hidden}@media only screen and (max-width: 1200px){#asideTab{transform:scale(1.5)}}@media only screen and (max-width: 480px){#asideTab{transform:scale(2)}}#asideTab li{margin:0 -2px}@media only screen and (max-width: 1200px){#asideTab li{margin:0}}#asideTab li:nth-of-type(1) a{display:block}#asideTab li:nth-of-type(1) a:hover,#asideTab li:nth-of-type(1) a.active{background:url("../images/tabs1_hover.jpg") no-repeat 50%;background-size:contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#asideTab li:nth-of-type(1) a:hover,#asideTab li:nth-of-type(1) a.active{background:url("../images/tabs1_hover.webp") no-repeat 50%;background-size:contain}}#asideTab li:nth-of-type(1) a:hover img,#asideTab li:nth-of-type(1) a.active img{opacity:0}#asideTab li:nth-of-type(2) a{display:block}#asideTab li:nth-of-type(2) a:hover,#asideTab li:nth-of-type(2) a.active{background:url("../images/tabs2_hover.jpg") no-repeat 50%;background-size:contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#asideTab li:nth-of-type(2) a:hover,#asideTab li:nth-of-type(2) a.active{background:url("../images/tabs2_hover.webp") no-repeat 50%;background-size:contain}}#asideTab li:nth-of-type(2) a:hover img,#asideTab li:nth-of-type(2) a.active img{opacity:0}#asideTab li:nth-of-type(3) a{display:block}#asideTab li:nth-of-type(3) a:hover,#asideTab li:nth-of-type(3) a.active{background:url("../images/tabs3_hover.jpg") no-repeat 50%;background-size:contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#asideTab li:nth-of-type(3) a:hover,#asideTab li:nth-of-type(3) a.active{background:url("../images/tabs3_hover.webp") no-repeat 50%;background-size:contain}}#asideTab li:nth-of-type(3) a:hover img,#asideTab li:nth-of-type(3) a.active img{opacity:0}#myTabContent{position:relative}#myTabContent>div{max-width:1036px;min-height:748px;padding:65px 0 0;margin:28px auto 60px;background:url("../images/tab_bg.png") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#myTabContent>div{background:url("../images/tab_bg.webp") no-repeat center center/cover}}@media only screen and (max-width: 768px){#myTabContent>div{padding:65px 30px;margin:28px 30px 30px;min-height:100%}}@media only screen and (max-width: 480px){#myTabContent>div{padding:30px}}#myTabContent>div h2{margin:0 auto 25px}@media only screen and (max-width: 480px){#myTabContent>div h2{width:30%;margin-bottom:25px}}@media only screen and (max-width: 768px){#myTabContent #sect2{padding-bottom:60px}}#myTabContent #sect2 h2{margin-bottom:0}@media only screen and (max-width: 480px){#myTabContent #sect2 h2{margin-bottom:15px}}#myTabContent #sect2 .map{display:flex;justify-content:center;align-items:center;gap:30px;margin:20px 0 0}@media only screen and (max-width: 768px){#myTabContent #sect2 .map{flex-direction:column;gap:55px}}#myTabContent #sect2 .map .map-col{position:relative}#myTabContent #sect2 .map .map-col::after{content:"";display:block;position:absolute;width:100%;bottom:-28px;left:0;text-align:center;font-size:21px;color:#a19465}@media only screen and (max-width: 480px){#myTabContent #sect2 .map .map-col::after{font-size:16px}}#myTabContent #sect2 .map .map-col:nth-of-type(1)::after{content:"活動地圖"}#myTabContent #sect2 .map .map-col:nth-of-type(2)::after{content:"A區電梯"}#myTabContent #sect2 iframe{width:306px;height:229px;border:solid 2px #7f1b1b}@media only screen and (max-width: 480px){#myTabContent #sect2 iframe{width:100%;height:47.708vw}}#myTabContent #sect3 h2{margin-bottom:45px}.note{font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif,Arial;letter-spacing:.2px;max-width:1030px;margin:0 auto}@media only screen and (max-width: 1200px){.note{margin:0 30px}}.note h2{color:#b2b2b2;font-size:32px;margin-bottom:30px;text-align:center;font-weight:700}@media only screen and (max-width: 480px){.note h2{font-size:22px}}.note ul{padding-left:15px}.note ul li{text-align:left;color:#767676;font-size:18px;font-weight:500;list-style:disc;line-height:1.3;margin:0 0 30px;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif,Arial}@media only screen and (max-width: 480px){.note ul li{font-size:14px;margin:0 0 15px}}.note ul li::marker{font-size:8px}.note ul li span{color:#b2b2b2;vertical-align:top}