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}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"Noto Serif TC";src:url("../assets/fonts/NotoSerifTC-Regular.woff2")}@font-face{font-family:"Noto Serif TC";src:url("../assets/fonts/NotoSerifTC-Light.woff2");font-weight:300}@font-face{font-family:"Noto Serif TC";src:url("../assets/fonts/NotoSerifTC-Medium.woff2");font-weight:500}@font-face{font-family:"Noto Serif TC";src:url("../assets/fonts/NotoSerifTC-SemiBold.woff2");font-weight:600}@font-face{font-family:"Noto Serif TC";src:url("../assets/fonts/NotoSerifTC-Bold.woff2");font-weight:700}@font-face{font-family:"Noto Serif SC";src:url("../assets/fonts/NotoSerifSC-Regular.woff2")}@font-face{font-family:"Noto Serif SC";src:url("../assets/fonts/NotoSerifSC-Light.woff2");font-weight:300}@font-face{font-family:"Noto Serif SC";src:url("../assets/fonts/NotoSerifSC-Medium.woff2");font-weight:500}@font-face{font-family:"Noto Serif SC";src:url("../assets/fonts/NotoSerifSC-SemiBold.woff2");font-weight:600}@font-face{font-family:"Noto Serif SC";src:url("../assets/fonts/NotoSerifSC-Bold.woff2");font-weight:700}*{margin:0;padding:0;box-sizing:border-box;line-height:1}html{height:100%;margin:0px}body{font-family:"Noto Serif TC","Noto Serif SC",sans-serif;font-size:21px;color:#283618;background:#feffef;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;font-weight:600;font-size:28px;line-height:44px}a{cursor:pointer;text-decoration:none;color:#333}@media print{@page{size:1680px auto;margin:10mm}html,body{width:1680px;margin:0;zoom:.88}a,.footer-links,input,input::placeholder{font-family:"Noto Serif TC","Noto Serif SC",Arial,sans-serif !important}}h1{display:block;text-align:center;font-family:"Noto Serif TC","Noto Serif SC";font-weight:700;font-size:80px;line-height:118px;text-align:center;color:#1b4f67;letter-spacing:16px}h1.sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}h2.h1{display:block;text-align:center;font-family:"Noto Serif TC","Noto Serif SC";font-weight:700;font-size:80px;line-height:118px;text-align:center;color:#1b4f67;letter-spacing:8px}h2,.h2{font-family:"Noto Serif TC","Noto Serif SC";font-weight:700;font-size:50px;line-height:55.61px;color:#283618}h3,.h3{font-family:"Noto Serif TC","Noto Serif SC";font-weight:300;font-size:40px;color:#202633}h4,.h4{font-family:"Noto Serif TC","Noto Serif SC";font-weight:500;font-size:28px;line-height:44px;color:#283618}h5,.h5{font-family:"Noto Serif TC","Noto Serif SC";font-weight:300;font-size:32px;line-height:44px}h1.address_icon,.h1.address_icon,h2.address_icon,.h2.address_icon,h3.address_icon,.h3.address_icon,h4.address_icon,.h4.address_icon,h5.address_icon,.h5.address_icon{display:flex;align-items:center;flex-wrap:wrap}h1.address_icon::before,.h1.address_icon::before,h2.address_icon::before,.h2.address_icon::before,h3.address_icon::before,.h3.address_icon::before,h4.address_icon::before,.h4.address_icon::before,h5.address_icon::before,.h5.address_icon::before{content:" ";display:inline-block;height:1em;aspect-ratio:30/33;background-image:url("/assets/icons/icon-location.svg");background-size:contain;background-repeat:no-repeat;background-position:center;margin-right:.4em}sub{vertical-align:sub;font-size:smaller}sup{vertical-align:super;font-size:smaller}button,.button{font-family:"Noto Serif TC","Noto Serif SC";font-weight:300;font-size:21px;padding:15px 40px;background-color:rgba(0,0,0,0);border-radius:100px;border:1px #283618 solid;color:#283618;cursor:pointer;display:inline-block}button:hover,.button:hover{color:#feffef;background-color:#283618}.select{font-weight:300;font-size:21px;padding:13px 40px;background-color:rgba(0,0,0,0);border-radius:100px;border:1px #283618 solid;cursor:pointer;display:inline-block}.select .icon-arrow{width:18px;height:18px;object-fit:contain;object-position:center;margin-bottom:-2px;margin-left:10px;transform:rotate(180deg);transition:transform .2s}.select.down .icon-arrow{transform:rotate(0deg)}.select:hover{color:#feffef;background-color:#283618}.select:hover img{filter:invert(1)}.useful-info,.useful-info td,.useful-info th{border:1px #000 solid}table.useful-info{width:100%}.useful-info tr td:nth-child(1){width:30%}.useful-info td p,.useful-info th p{padding:10px 15px;text-align:left}.more-text .content{font-family:"Noto Serif TC","Noto Serif SC";font-weight:500;font-size:28px;line-height:44px}.more-text .button{display:none}.more-text.less .content{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.more-text.less .button{display:inline-block}.more-text .button{margin-top:80px}.notifications{z-index:100;position:fixed;height:100vh;width:100vw;overflow:auto;background-color:rgba(207,226,243,.8);top:0px;left:0px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:50px;padding-bottom:40px;gap:40px}.notifications .notification{position:relative;background-color:#fff;width:1190px;max-width:calc(100% - 60px);height:auto;padding:60px;box-shadow:0px 0px 30px 0px rgba(0,0,0,.3019607843);display:flex;gap:50px;flex-direction:column}.notifications .notification.close{display:none}.notifications .title{font-weight:700;font-size:32px;line-height:44px;gap:20px;color:#1b4f67;display:flex;align-items:center;justify-content:center}.notifications .title .megaphone{width:56px;aspect-ratio:57/64}.notifications .body{font-weight:300;font-size:32px;line-height:44px;color:#1b4f67}.notifications .close-button{display:flex;position:absolute;right:0px;top:0px;width:28px;aspect-ratio:1;margin:30px;cursor:pointer}.notifications .close-button img{width:100%;height:100%}.notifications.close{display:none}.notifications b{font-weight:600}.flex-grow-1,.flex-grow{flex-grow:1}.menu-container{position:relative;text-align:right}.menu-container.active,.menu-container.keyboard-focus{z-index:1}.menu-container.active .select .icon-arrow,.menu-container.keyboard-focus .select .icon-arrow{transform:rotate(0deg)}.menu-container.active .menu,.menu-container.keyboard-focus .menu{opacity:1;pointer-events:all}.menu-container.active .menu li a,.menu-container.keyboard-focus .menu li a{display:block}.menu-container .menu{position:absolute;right:0px;background-color:#fff;box-shadow:0px 0px 4px 0px rgba(0,0,0,.2509803922);display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding:10px 20px;opacity:0;pointer-events:none;transition:opacity .2s}.menu-container .menu li a{white-space:nowrap;font-weight:500;font-size:20px;line-height:44px;color:#202633;display:none}.menu-container .menu li a:hover{color:#006ba8}.menu-container .menu li.active a{color:#006ba8}.html-content .row{display:flex;gap:100px;justify-content:space-between}.html-content .row>.col.col-1{width:calc(100%*1/12);flex-grow:1;flex-shrink:0}.html-content .row>.col.col-2{width:calc(100%*2/12);flex-grow:1;flex-shrink:0}.html-content .row>.col.col-3{width:calc(100%*3/12);flex-grow:1;flex-shrink:0}.html-content .row>.col.col-4{width:calc(100%*4/12);flex-grow:1;flex-shrink:0}.html-content .row>.col.col-5{width:calc(100%*5/12);flex-grow:1;flex-shrink:0}.html-content .row>.col.col-6{width:calc(100%*6/12);flex-grow:1;flex-shrink:0}.html-content .row>.col.col-7{width:calc(100%*7/12);flex-grow:1;flex-shrink:0}.html-content .row>.col.col-8{width:calc(100%*8/12);flex-grow:1;flex-shrink:0}.html-content .row>.col.col-9{width:calc(100%*9/12);flex-grow:1;flex-shrink:0}.html-content .row>.col.col-10{width:calc(100%*10/12);flex-grow:1;flex-shrink:0}.html-content .row>.col.col-11{width:calc(100%*11/12);flex-grow:1;flex-shrink:0}.html-content .row>.col.col-12{width:calc(100%*12/12);flex-grow:1;flex-shrink:0}.html-content .center{text-align:center}.html-content .flex{display:flex;align-items:center;gap:40px}.html-content h1,.html-content h2{text-align:left;letter-spacing:0px;margin:12px 0px;font-weight:700;font-size:50px;line-height:55.61px;color:#283618}.html-content h3,.html-content .h3{font-weight:300;font-size:40px;line-height:55.61px;color:#202633}.html-content h4,.html-content .h4{font-weight:300;font-size:32px;line-height:44px;color:#202633}.html-content p,.html-content ol,.html-content ul,.html-content li{font-weight:500;font-size:28px;line-height:44px}.html-content sub{vertical-align:sub;font-size:smaller}.html-content sup{vertical-align:super;font-size:smaller}.html-content ul,.html-content ol{padding-inline-start:40px}.html-content ol{list-style-type:decimal}.html-content ul{list-style-type:disc}.html-content a{color:#006ba8}.html-content .images{display:flex;flex-wrap:wrap;gap:20px}.html-content .images>img{width:calc((100% - 60px)/4)}.html-content button,.html-content .button{font-family:"Noto Serif TC","Noto Serif SC";font-weight:300;font-size:21px;padding:15px 40px;background-color:rgba(0,0,0,0);border-radius:100px;border:1px #283618 solid;cursor:pointer;display:inline-block}.html-content button:hover,.html-content .button:hover{color:#feffef;background-color:#283618}.html-content b{font-weight:600}.non-destop-only{display:none}.mobile-only{display:none}.tablet-only{display:none}.max-width-1300{max-width:1300px}div.center{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 1280px){.desktop-only{display:none}.tablet-only{display:block}.mobile-only{display:none}h2.h1{font-weight:600;font-size:52px;letter-spacing:3}h1{font-size:52px;letter-spacing:3px}h2,.h2{font-size:38px}h3,.h3{font-size:32px}h4,.h4{font-size:26px}.more-text .content{font-size:26px;line-height:42px}.more-text .button{margin-top:56px}button,.button{padding:14px 40px;border-radius:80px}.html-content .flex-tablet-column{gap:50px;flex-direction:column;justify-content:flex-start}.html-content .flex-tablet-column>img{max-width:100%}.html-content .flex-tablet-column>.col.col-1{width:100%}.html-content .flex-tablet-column>.col.col-2{width:100%}.html-content .flex-tablet-column>.col.col-3{width:100%}.html-content .flex-tablet-column>.col.col-4{width:100%}.html-content .flex-tablet-column>.col.col-5{width:100%}.html-content .flex-tablet-column>.col.col-6{width:100%}.html-content .flex-tablet-column>.col.col-7{width:100%}.html-content .flex-tablet-column>.col.col-8{width:100%}.html-content .flex-tablet-column>.col.col-9{width:100%}.html-content .flex-tablet-column>.col.col-10{width:100%}.html-content .flex-tablet-column>.col.col-11{width:100%}.html-content .flex-tablet-column>.col.col-12{width:100%}.html-content .row{gap:100px}.html-content h1,.html-content h2{font-size:38px;margin:4px 0px}.html-content h3,.html-content .h3{line-height:1.2;font-size:32px}.html-content h4,.html-content .h4{font-size:26px}.html-content p,.html-content ol,.html-content ul,.html-content li{font-size:26px;line-height:42px}.html-content .images{gap:20px}.html-content .images>img{width:calc((100% - 20px)/2)}.non-destop-only{display:block}.notifications .notification{width:100%;max-width:calc(100% - 100px);padding:66px}.notifications .title{font-size:38px}.notifications .title .megaphone{width:56px}.notifications .body{font-size:26px}.notifications .close-button{width:20px;margin:20px;cursor:pointer}}@media screen and (max-width: 768px){.non-mobile-only{display:none}.desktop-only{display:none}.tablet-only{display:none}.mobile-only{display:block}h2.h1{font-size:38px;letter-spacing:4px}h1{font-size:38px;letter-spacing:3px}h2,.h2{font-size:38px}h3,.h3{font-size:28px}h4,.h4{font-size:26px}.html-content .flex-tablet-column{gap:50px;flex-direction:column;justify-content:flex-start}.html-content .flex-tablet-column>.col.col-1{width:100%}.html-content .flex-tablet-column>.col.col-2{width:100%}.html-content .flex-tablet-column>.col.col-3{width:100%}.html-content .flex-tablet-column>.col.col-4{width:100%}.html-content .flex-tablet-column>.col.col-5{width:100%}.html-content .flex-tablet-column>.col.col-6{width:100%}.html-content .flex-tablet-column>.col.col-7{width:100%}.html-content .flex-tablet-column>.col.col-8{width:100%}.html-content .flex-tablet-column>.col.col-9{width:100%}.html-content .flex-tablet-column>.col.col-10{width:100%}.html-content .flex-tablet-column>.col.col-11{width:100%}.html-content .flex-tablet-column>.col.col-12{width:100%}.html-content .row{flex-direction:column}.html-content .row .col.col-1{width:100%}.html-content .row .col.col-2{width:100%}.html-content .row .col.col-3{width:100%}.html-content .row .col.col-4{width:100%}.html-content .row .col.col-5{width:100%}.html-content .row .col.col-6{width:100%}.html-content .row .col.col-7{width:100%}.html-content .row .col.col-8{width:100%}.html-content .row .col.col-9{width:100%}.html-content .row .col.col-10{width:100%}.html-content .row .col.col-11{width:100%}.html-content .row .col.col-12{width:100%}.html-content h1,.html-content h2{font-size:28px;line-height:40px}.html-content h3,.html-content .h3{font-size:24px;line-height:30px}.html-content h4,.html-content .h4{font-size:24px}.html-content p,.html-content ol,.html-content ul,.html-content li{font-size:24px;line-height:42px;font-weight:300}.html-content .images{gap:10px}.html-content .images>img{width:calc((100% - 10px)/2)}.html-content .images.mobile-1-col{gap:30px}.html-content .images.mobile-1-col>img{width:100%}.notifications .notification{max-width:calc(100% - 76px);padding:40px 30px;gap:29px}.notifications .title{font-size:28px;line-height:42px}.notifications .title .megaphone{width:46px}.notifications .body{font-size:24px}.menu-container{position:relative;text-align:right}.menu-container.active,.menu-container.keyboard-focus{z-index:1}.menu-container.active .select .icon-arrow,.menu-container.keyboard-focus .select .icon-arrow{transform:rotate(0deg)}.menu-container.active .menu,.menu-container.keyboard-focus .menu{opacity:1;pointer-events:all}.menu-container.active .menu li a,.menu-container.keyboard-focus .menu li a{display:block}.menu-container .menu{padding:20px 40px 20px 20px}.menu-container .menu li a{font-size:24px;font-weight:400}.select{padding:13px 30px}}::placeholder{color:#525252 !important;opacity:1}::-webkit-input-placeholder{color:#525252 !important}:-moz-placeholder{color:#525252 !important;opacity:1}::-moz-placeholder{color:#525252 !important;opacity:1}:-ms-input-placeholder{color:#525252 !important}::-ms-input-placeholder{color:#525252 !important}.site-header{background-color:#f7f7f7;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.site-header .site-header__container{max-width:1680px;width:100%;padding:30px;display:flex;flex-direction:column;gap:12px;padding-top:42px;padding-bottom:74px}.site-header .site-header__bar{display:flex;justify-content:space-between;align-items:center;gap:20px}.site-header .support-logos{width:342px;display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:0px;flex-shrink:0}.site-header .divider{display:block;width:1px;height:60px;background-color:#d7d7d7}.site-header .islands-district{width:111px;aspect-ratio:135/101}.site-header .government-funded{width:183px;aspect-ratio:222/128}.site-header .brand{align-self:center}.site-header .brand>img{max-width:853px;width:100%;aspect-ratio:853/205}.site-header .header-controller{width:310px;flex-shrink:0}.site-header .search{border-bottom:1px #959595 solid;display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;margin-bottom:31px}.site-header .search__input{flex-grow:1;font-family:"Noto Serif TC","Noto Serif SC";font-weight:400;font-size:22px;background-color:rgba(0,0,0,0);border-width:0px;padding-left:5px}.site-header .search__input::placeholder{color:#959595}.site-header .search__btn,.site-header .close__btn{background-color:rgba(0,0,0,0);border-width:0px;padding:0px;border-radius:0px}.site-header .icon-search{width:29px;aspect-ratio:29/27}.site-header .icon-print{width:23px;aspect-ratio:1}.site-header .icon-social{width:17px;aspect-ratio:1}.site-header .lang-switch{font-family:"Noto Serif TC","Noto Serif SC";display:flex;font-weight:400;font-size:22px;line-height:1;justify-content:space-between}.site-header .navbar__list{width:100%;display:flex;justify-content:center;gap:10px}.site-header .navbar__list .navbar__item{margin:7.5px 0px;padding:12.5px 30px;position:relative}.site-header .navbar__list .navbar__item .active-background{position:absolute;width:100%;height:100%;left:0px;top:0px;display:none}.site-header .navbar__list .navbar__item>a{position:relative;z-index:10;font-weight:700;font-size:30px}.site-header .navbar__list .navbar__item .navbar__submenu{z-index:20;position:absolute;top:100%;left:0px;opacity:0;overflow:hidden;padding-top:27px;pointer-events:none;font-family:"Noto Serif TC","Noto Serif SC";font-weight:300;font-size:32px;line-height:44px;transition:opacity .4s}.site-header .navbar__list .navbar__item .navbar__submenu .background{transition:height .4s;padding:37px;background-color:#dbeaf6;display:flex;height:0px}.site-header .navbar__list .navbar__item .navbar__submenu .background .background-inner{display:flex;flex-direction:column;gap:27px;overflow:hidden}.site-header .navbar__list .navbar__item .navbar__submenu .background .navbar__submenu-item{height:44px}.site-header .navbar__list .navbar__item .navbar__submenu .background .navbar__submenu-item .navbar__submenu-link{padding-left:60px;position:relative;transition:all .2s}.site-header .navbar__list .navbar__item .navbar__submenu .background .navbar__submenu-item .navbar__submenu-link.is-active,.site-header .navbar__list .navbar__item .navbar__submenu .background .navbar__submenu-item .navbar__submenu-link:hover{color:#006ba8}.site-header .navbar__list .navbar__item .navbar__submenu .background .navbar__submenu-item .navbar__submenu-link.is-active::before,.site-header .navbar__list .navbar__item .navbar__submenu .background .navbar__submenu-item .navbar__submenu-link:hover::before{content:"";position:absolute;left:0px;top:50%;transform:translateY(-50%);width:50px;height:33px;background-image:url("../assets/images/menu-logo.png");background-size:contain;background-repeat:no-repeat}.site-header .navbar__list .navbar__item .navbar__submenu a{display:none;color:#202633;white-space:nowrap}.site-header .navbar__list .navbar__item .navbar__submenu a:hover{color:#006ba8}.site-header .navbar__list .navbar__item.active .active-background,.site-header .navbar__list .navbar__item:hover .active-background,.site-header .navbar__list .navbar__item.keyboard-focus .active-background{display:block}.site-header .navbar__list .navbar__item:hover .navbar__submenu,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu{pointer-events:all;opacity:1;height:auto}.site-header .navbar__list .navbar__item:hover .navbar__submenu a,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu a{display:block}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="0"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="0"] .background{height:44px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="1"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="1"] .background{height:115px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="2"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="2"] .background{height:186px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="3"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="3"] .background{height:257px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="4"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="4"] .background{height:328px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="5"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="5"] .background{height:399px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="6"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="6"] .background{height:470px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="7"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="7"] .background{height:541px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="8"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="8"] .background{height:612px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="9"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="9"] .background{height:683px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="10"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="10"] .background{height:754px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="11"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="11"] .background{height:825px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="12"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="12"] .background{height:896px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="13"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="13"] .background{height:967px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="14"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="14"] .background{height:1038px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="15"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="15"] .background{height:1109px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="16"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="16"] .background{height:1180px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="17"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="17"] .background{height:1251px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="18"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="18"] .background{height:1322px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="19"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="19"] .background{height:1393px}.social-container{position:relative;display:inline-block}.social-container:hover .social-menu,.social-container.keyboard-focus .social-menu{opacity:1;pointer-events:all}.social-container:hover .social-menu-background a,.social-container.keyboard-focus .social-menu-background a{display:flex}.social-container .social-menu{display:flex;opacity:0;transition:opacity .2s;pointer-events:none;position:absolute;right:0px;top:10px;padding-top:21px;z-index:40}.social-container .social-menu-background{display:flex;align-items:center;box-shadow:#616161 1px 1px 5px;background-color:#fff;padding:10px;gap:30px}.social-container .social-menu-background a{display:none;justify-content:center;align-items:center;font-size:33px;color:#06c152;width:33px;aspect-ratio:1;position:relative}.social-container .social-menu-background a img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 1280px){.site-header .site-header__container{padding:50px;padding-top:9px;padding-bottom:37px;gap:0px}.site-header .site-header__bar{gap:0px;flex-wrap:wrap;align-items:flex-start}.site-header .support-logos{width:335px}.site-header .divider{height:58px}.site-header .islands-district{width:109px}.site-header .government-funded{width:179px}.site-header .brand-wrapper{margin-top:11px;width:100%;order:3;display:flex;justify-content:center}.site-header .brand{position:relative;max-width:504px}.site-header .header-controller{margin-top:12px}.site-header .navbar__list{gap:0px 20px;flex-wrap:wrap}.site-header .navbar__list .navbar__item{text-align:center}.site-header .navbar__list .navbar__item>a{font-weight:600;font-size:28px}.site-header .navbar__list .navbar__item .navbar__submenu{padding-top:21px;font-size:28px;line-height:28px}.site-header .navbar__list .navbar__item .navbar__submenu .background{padding:30px;gap:30px;text-align:left}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="0"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="0"] .background{height:28px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="1"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="1"] .background{height:86px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="2"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="2"] .background{height:144px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="3"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="3"] .background{height:202px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="4"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="4"] .background{height:260px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="5"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="5"] .background{height:318px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="6"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="6"] .background{height:376px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="7"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="7"] .background{height:434px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="8"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="8"] .background{height:492px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="9"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="9"] .background{height:550px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="10"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="10"] .background{height:608px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="11"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="11"] .background{height:666px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="12"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="12"] .background{height:724px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="13"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="13"] .background{height:782px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="14"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="14"] .background{height:840px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="15"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="15"] .background{height:898px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="16"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="16"] .background{height:956px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="17"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="17"] .background{height:1014px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="18"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="18"] .background{height:1072px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="19"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="19"] .background{height:1130px}}@media screen and (max-width: 768px){.site-header .site-header__container{padding:38px;padding-top:9px;padding-bottom:37px;gap:0px}.site-header .site-header__bar{align-items:center}.site-header .support-logos{width:323px}.site-header .divider{height:36px}.site-header .islands-district{width:181px;aspect-ratio:181/33}.site-header .government-funded{width:112px}.site-header .brand-wrapper{margin-top:11px;width:100%;order:3;display:flex;justify-content:center}.site-header .brand{position:relative;width:auto;max-width:100%;max-height:114px;aspect-ratio:500/114}.site-header .mobile-header-controller{display:flex;flex-grow:1;width:99px;align-items:center;justify-content:flex-end;gap:20px}.site-header .mobile-header-controller .relative-container{position:relative}.site-header .navbar__list{padding-top:86px;gap:0px 20px;position:absolute;top:0px;right:0px;z-index:100;flex-direction:column;background-color:#fff;width:auto;min-width:280px;box-shadow:0px 0px 8px 0px rgba(0,0,0,.2509803922);display:none}.site-header .navbar__list.active{display:block}.site-header .navbar__list .close-menu-button{position:absolute;top:24px;right:46px;padding:20px;cursor:pointer}.site-header .navbar__list .close-menu-button img{width:17px;aspect-ratio:1}.site-header .navbar__list .navbar__item{text-align:left;padding:0px 0px;margin:0px}.site-header .navbar__list .navbar__item>a{font-size:26px}.site-header .navbar__list .navbar__item .navbar__link{display:flex;padding:10px 0px}.site-header .navbar__list .navbar__item .mobile-item-selected{width:20px;aspect-ratio:20/19;position:relative;margin:10px;margin-right:30px;margin-left:20px;opacity:0}.site-header .navbar__list .navbar__item.active .active-background,.site-header .navbar__list .navbar__item:hover .active-background,.site-header .navbar__list .navbar__item.keyboard-focus .active-background{display:none}.site-header .navbar__list .navbar__item.active .navbar__link,.site-header .navbar__list .navbar__item:hover .navbar__link,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__link{color:#006ba8}.site-header .navbar__list .navbar__item .navbar__submenu{padding-top:0px;font-size:20px;line-height:20px;position:relative;border-top:3px solid #1c8ccc}.site-header .navbar__list .navbar__item .navbar__submenu .background{gap:0px;text-align:left;padding:0px}.site-header .navbar__list .navbar__item .navbar__submenu .background .background-inner{gap:24px;padding:28px 30px 28px 70px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="1"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="1"] .background{height:76px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="2"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="2"] .background{height:120px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="3"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="3"] .background{height:164px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="4"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="4"] .background{height:208px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="5"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="5"] .background{height:252px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="6"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="6"] .background{height:296px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="7"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="7"] .background{height:340px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="8"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="8"] .background{height:384px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="9"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="9"] .background{height:428px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="10"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="10"] .background{height:472px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="11"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="11"] .background{height:516px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="12"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="12"] .background{height:560px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="13"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="13"] .background{height:604px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="14"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="14"] .background{height:648px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="15"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="15"] .background{height:692px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="16"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="16"] .background{height:736px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="17"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="17"] .background{height:780px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="18"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="18"] .background{height:824px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="19"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="19"] .background{height:868px}.site-header .navbar__list .navbar__item:hover .navbar__submenu[size="20"] .background,.site-header .navbar__list .navbar__item.keyboard-focus .navbar__submenu[size="20"] .background{height:912px}.site-header .navbar__list .mobile-menu-bottom{display:flex;flex-direction:column;gap:20px;margin-top:77px;margin-bottom:30px}.site-header .navbar__list .mobile-menu-bottom .social-menu{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.site-header .navbar__list .mobile-menu-bottom .social-menu a{display:flex;justify-content:center;align-items:center;font-size:28px;line-height:28px;color:#06c152;width:28px;aspect-ratio:1;position:relative}.site-header .navbar__list .mobile-menu-bottom .social-menu a img{width:100%;height:100%;object-fit:contain}.site-header .lang-menu{flex-direction:column;align-items:center;position:absolute;background-color:#fff;padding:10px;left:-10px;box-shadow:#616161 1px 1px 5px;gap:10px;display:none}.site-header .lang-menu a{font-size:20px;line-height:20px;font-family:"Noto Serif TC","Noto Serif SC"}.site-header .lang-menu.active{display:flex}.site-header .search-menu{width:100%;position:absolute;left:0px;top:90px;background-color:hsla(0,0%,100%,.9);height:0px;display:flex;align-items:flex-end;overflow:hidden;transition:height .2s}.site-header .search-menu form{padding:15px 38px;width:100%;display:flex;align-items:flex-end;gap:20px;border-bottom-width:0px;margin-bottom:0px}.site-header .search-menu input{border-bottom:1px gray solid}.site-header .search-menu.active{height:90px}.site-header .search-menu .search__btn .icon-search,.site-header .search-menu .close__btn .icon-close{width:28px;height:28px;object-fit:contain}}@media screen and (max-width: 530px){.site-header .support-logos{width:300px}.site-header .islands-district{width:179px}.site-header .government-funded{width:110px}.site-header .mobile-header-controller{display:flex;flex-grow:1;width:99px;align-items:center;justify-content:flex-end;gap:12px}.site-header .mobile-header-controller .relative-container{position:relative}}.site-footer{background-color:#202020;color:#fff;text-align:center;padding:40px 30px;display:flex;flex-direction:column;gap:40px;position:relative}.site-footer .images{display:flex;gap:45px;align-items:center;justify-content:center}.site-footer .w3c{width:173px;aspect-ratio:173/61}.site-footer .brand-hong-kong{width:190x;aspect-ratio:190/60}.site-footer .footer-links{display:flex;justify-content:center;gap:10px;font-family:"Noto Serif TC","Noto Serif SC";font-weight:400;font-size:18px;line-height:45px}.site-footer .footer-links a{color:#fff}.backtop{display:flex;z-index:20;padding:0px;position:fixed;right:40px;bottom:40px;border-width:0px;width:56px;aspect-ratio:1}.backtop img{width:100%;height:100%}@media screen and (max-width: 1280px){.site-footer{padding:40px 50px}}@media screen and (max-width: 768px){.site-footer{padding:80px 38px;padding-bottom:20px}.site-footer .site-map{display:flex;flex-direction:column;align-items:center;gap:31px}.site-footer .footer-links{font-size:21px;line-height:42px;flex-wrap:wrap;gap:0px 10px}.site-footer .footer-links:first-child{width:409px}.site-footer .footer-links:first-child li:nth-child(8){display:none}.site-footer .footer-links:last-child{font-size:15px}}.map{position:relative;margin-top:-78px}.map .main-map{width:100%;aspect-ratio:2560/1090}.map .overlay{display:block;position:absolute;cursor:pointer}.map .overlay .dialog{width:323px;height:auto;position:absolute;bottom:50%;left:50%;pointer-events:none;opacity:0;transition:opacity .2s;min-height:20px}.map .overlay .dialog .background{width:100%;height:100%;object-fit:fill;position:absolute}.map .overlay .dialog .content{position:relative;z-index:1;margin-left:45px;margin-top:30px;margin-right:30px;margin-bottom:45px}.map .overlay .dialog .content img{width:100%;object-fit:cover}.map .overlay .dialog .content .title{font-weight:500;font-size:32px;line-height:30.96px;text-align:center;padding:10px 0px}.map .overlay:hover .dialog,.map .overlay:focus-within .dialog,.map .overlay.keyboard-focus .dialog{z-index:20;pointer-events:all;opacity:1}.hero .hero__img{width:100%;aspect-ratio:2560/570;object-fit:cover}.breadcrumbs{margin-top:18px}.breadcrumbs ul{display:flex;justify-content:flex-end;gap:30px}.breadcrumbs ul li,.breadcrumbs ul a{color:#1a1a1a;font-weight:300;font-size:21px;line-height:36px}.section{display:flex;justify-content:center}.section .section-container{width:100%;position:relative;max-width:1680px;padding-left:30px;padding-right:30px}.section .section-container .section-relative-container{position:relative}.section-title{margin-top:98px;margin-bottom:22px}.section-title.index{margin-top:208px}.section-title .section-head__subtitle{text-align:right;font-weight:500;font-size:28px;line-height:44px;color:#283618}.text-block{margin-top:50px}.text-block.festivals,.text-block.events{margin-top:100px}.text-block .section-container{display:flex;gap:80px;align-items:flex-start}.text-block .section-container .text-block__col{width:calc((100% - 80px)/2)}.text-block .section-container .text-block__col.no-image{width:100%}.text-block .section-container.less{align-items:center}.text-block .text-block__img{width:100%;display:none}.text-block .text-block__img.desktop{display:block}.text-block h3,.text-block .h3{font-family:"Noto Serif TC","Noto Serif SC";font-weight:700;font-size:50px;line-height:55.61px;color:#283618;margin-bottom:40px}.cards h2{margin-bottom:25px}.cards .cards-items-container{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;gap:70px}.cards .cards-items-container .card{display:flex;flex-direction:column}.cards .cards-items-container .card a{display:flex}.cards .cards-items-container .card{width:calc((100% - 140px)/3)}.cards .cards-items-container .card .thumbnail{width:100%;aspect-ratio:553/367;object-fit:cover}.cards .cards-items-container .card h3{margin-top:26px;margin-bottom:22px}.cards .cards-items-container .card .details{display:flex;flex-direction:column;gap:8px}.cards .cards-items-container .card .details .h4,.cards .cards-items-container .card .details .h4>a{display:flex;align-items:center;gap:20px;letter-spacing:2px}.cards .cards-items-container .card .details .icon-calendar{width:33px;aspect-ratio:33/33}.cards .cards-items-container .card .details .icon-location{width:30px;aspect-ratio:30/33}.disclaimer{margin-top:311px;margin-bottom:90px}.disclaimer .section-inner-container{border-top:1px #cacaca solid;padding-top:52px;font-weight:400;font-size:28px;line-height:49px;color:#000}.footer-banner{margin-bottom:115px}.footer-banner .section-container{position:relative}.footer-banner .section-relative-inner-container{width:calc(100% - 80px);max-width:1050px;position:relative}.footer-banner .footer-banners-swiper{margin-left:50px;margin-right:50px;position:relative;padding-top:50px;padding-bottom:50px}.footer-banner .swiper-slide{position:relative}.footer-banner .swiper-slide a{display:flex}.footer-banner .swiper-slide img{width:100%;height:100%;object-fit:cover}.footer-banner .section-relative-container{position:relative;display:flex;justify-content:center;top:0px;height:100%;width:100%}.footer-banner .section-relative-container .swiper-button-next,.footer-banner .section-relative-container .swiper-button-prev{color:#000;width:auto;cursor:pointer}.footer-banner .section-relative-container .swiper-button-next .fa,.footer-banner .section-relative-container .swiper-button-prev .fa{font-weight:500;font-size:50px;line-height:60px}.footer-banner .swiper-container{width:100%;overflow:hidden}.footer-banner .swiper-wrapper{display:flex}.footer-banner .swiper-navigation-icon{display:none}.footer-banner .swiper-pagination-bullet{width:16px;height:16px;background:#517422;border:1px solid #517422;opacity:1;margin:0 5px}.footer-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(0,0,0,0)}.footer-banner .swiper-bottom-controls{z-index:1;position:absolute;bottom:0px;width:100%;bottom:0px;display:flex;justify-content:center;align-items:center;gap:10px}.footer-banner .swiper-pagination{position:relative}.footer-banner .swiper-pagination-bullets,.footer-banner .swiper-pagination-bullets.swiper-pagination-horizontal{width:auto}.footer-banner .swiper-play-pause{padding:0px;border-radius:0px;border-width:0px;background-color:rgba(0,0,0,0);margin-top:-5px}.footer-banner .swiper-play-pause.play{display:block}.footer-banner .swiper-play-pause.play::after{content:"";display:inline-block;width:auto;height:auto;border-style:solid;border-width:8px 0 8px 12px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #517422;background:rgba(0,0,0,0)}.footer-banner .swiper-play-pause.pause{display:none}.footer-banner .swiper-play-pause.pause::before{content:"";display:inline-block;height:18px;width:4px;background:#517422;margin:0 3px}.footer-banner .swiper-play-pause.pause::after{content:"";display:inline-block;height:18px;width:4px;background:#517422;margin:0 3px}.footer-banner .swiper-bottom-controls.is-playing .swiper-play-pause.play{display:none}.footer-banner .swiper-bottom-controls.is-playing .swiper-play-pause.pause{display:block}.small-cards-container{margin-top:200px;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;gap:100px 20px}.small-cards-container .card{display:flex;flex-direction:column;width:calc((100% - 80px)/5)}.small-cards-container .card a{display:flex}.small-cards-container .card .thumbnail{width:100%;aspect-ratio:553/367;object-fit:cover}.small-cards-container .card h5,.small-cards-container .card .h5{margin-top:12px}.body-block{margin-top:93px}.cards-swiper{margin-bottom:42px}.cards-swiper .swiper-relative-container{position:relative}.cards-swiper .swiper{margin-left:100px;margin-right:100px}.cards-swiper .swiper-wrapper{display:flex;flex-direction:row}.cards-swiper .swiper-wrapper .swiper-slide img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;overflow:hidden}.cards-swiper .swiper-wrapper .swiper-slide .h3{margin-top:28px;font-weight:300;font-size:32px;line-height:44px;color:#202633;text-align:center}.cards-swiper .swiper-button-prev svg,.cards-swiper .swiper-button-next svg{fill:#000}.cards-swiper .swiper-button-prev svg path,.cards-swiper .swiper-button-next svg path{fill:#000}.button-block{margin-top:131px}.button-block .section-container{text-align:center}.button-block .section-container .button{padding:13px 40px;min-width:238px}.page-dropdown .menu-container{position:absolute;right:0px;top:95px;z-index:1;text-align:right}.filters{margin-top:68px;margin-bottom:80px}.filters .section-container{display:flex;justify-content:flex-end;align-items:flex-end;gap:40px;width:100%}.filters.hotel-filters{margin-bottom:30px}.coming-soon{background-color:#e3f9e4;padding-top:110px;padding-bottom:140px}.past-events{margin-top:160px}.past-events.extra-margin-top{margin-top:235px}.no-events-text-block.hidden{display:none}.sub-navbar{margin-top:44px;margin-bottom:115px}.sub-navbar .navbar__list{display:flex;justify-content:center;gap:10px}.sub-navbar .navbar__item{padding:20px 30px;position:relative;min-width:180px}.sub-navbar .navbar__item>img{position:absolute;width:100%;height:100%;left:0px;top:0px;display:none}.sub-navbar .navbar__item>a{position:relative;z-index:10;font-size:30px;text-align:center;display:block}.sub-navbar .navbar__item.active img,.sub-navbar .navbar__item.keyboard-focus img,.sub-navbar .navbar__item:hover img{display:block}.text-block.stays{margin-bottom:112px}.square-cards h2{margin-bottom:25px}.square-cards .cards-items-container{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;gap:107px 99px}.square-cards .cards-items-container .card{display:flex;flex-direction:column;width:calc((100% - 297px)/4)}.square-cards .cards-items-container .card a{display:flex}.square-cards .cards-items-container .card .thumbnail{width:100%;aspect-ratio:1;object-fit:cover}.square-cards .cards-items-container .card .h3{margin-top:18px;margin-bottom:10px;font-weight:300;font-size:32px;line-height:44px}.square-cards .cards-items-container .card .details{display:flex;flex-direction:column;gap:8px}.square-cards .cards-items-container .card .details .h4{display:flex;align-items:center;gap:20px;letter-spacing:2px}.square-cards .cards-items-container .card .details .icon-calendar{width:33px;aspect-ratio:33/33}.square-cards .cards-items-container .card .details .icon-location{width:30px;aspect-ratio:30/33}.table table{width:100%}.table table thead{background-color:#f2ecd2}.table table th,.table table td{padding:20px 10px;text-align:left;color:#202633;font-weight:600;font-size:28px;line-height:44px}.table table th:first-child,.table table td:first-child{padding-left:30px}.table table th:last-child,.table table td:last-child{padding-right:30px}.table table td{padding:40px 10px;font-weight:500}.table table tr{border-bottom:1px #f2ecd2 solid}.table .table-pagination{display:flex;justify-content:center;gap:6px;margin-top:120px;margin-bottom:50px}.table .table-pagination button{padding:0px 20px;border-width:0px;font-family:"Noto Serif TC","Noto Serif SC";font-weight:600;font-size:28px;line-height:44px;text-decoration:none;text-decoration-style:solid;color:#006ba8}.table .table-pagination button.page-arrow{text-decoration:none}.table .table-pagination button.page-arrow:hover{text-decoration:none}.table .table-pagination button.prev-page{margin-left:60px}.table .table-pagination button.next-page{margin-right:60px}.table .table-pagination button:hover,.table .table-pagination button.is-active{text-decoration:underline;background-color:rgba(0,0,0,0);color:#1b4f67}.title-block .details{margin-top:35px;display:flex;gap:70px}.title-block .details h4{font-weight:500;font-size:28px;line-height:44px;display:flex;align-items:center;gap:20px}.square-cards.routes{margin-top:98px}.square-cards.routes .cards-items-container{justify-content:center;gap:100px 200px}.square-cards.routes .cards-items-container .flex-grow-1{display:none}.routes-button-popup{margin-top:90px}.routes-button-popup .section-relative-container{display:flex;justify-content:center}.routes-button-popup button{display:flex;gap:25px;align-items:center;font-family:"Noto Serif TC","Noto Serif SC";font-weight:700;font-size:32px;line-height:44px;border-radius:10px;padding:17px 25px;color:#006ba8;border:2px solid #006ba8;background:rgba(0,0,0,0)}.routes-button-popup .map-download p{text-align:center}.routes-button-popup .map-download button{margin:auto}.routes-button-popup .overlay{left:0px;top:0px;z-index:999;position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;display:none}.routes-button-popup .overlay.active{display:flex}.routes-button-popup .overlay .overlay-canvas{position:relative;padding:100px;margin-left:30px;margin-right:30px;background-color:#fff;max-width:1620px;max-height:calc(100% - 60px);display:flex;flex-direction:column;gap:40px;overflow-y:scroll}.routes-button-popup .overlay .close-button{display:block;position:absolute;right:0px;top:0px;width:28px;aspect-ratio:1;margin:30px;cursor:pointer}.routes-button-popup .overlay .close-button img{width:100%;height:100%}.routes-button-popup .overlay .title{color:#1b4f67;font-weight:700;font-size:50px;line-height:55.61px}.routes-button-popup .overlay .body p,.routes-button-popup .overlay .body li{font-size:32px;font-weight:300}.routes-button-popup .overlay .body h2{font-weight:600;color:#1b4f67;font-size:32px}.route-item-groups .point-list{display:flex;flex-direction:column;align-items:center;margin-top:80px}.route-item-groups .point-list .point{width:100%;display:flex;position:relative;align-items:stretch}.route-item-groups .point-list .image-container{width:40%;border-top-left-radius:140px;border-bottom-right-radius:140px;overflow:hidden;flex-shrink:0;z-index:1;display:relative;margin-bottom:30px}.route-item-groups .point-list .image-container .image{width:100%;height:100%;object-fit:cover}.route-item-groups .point-list .details{margin-top:40px;display:flex;flex-direction:column;gap:20px;min-height:268px;padding-left:35%;padding-right:5%;margin-left:-30%;width:100%;background-color:#f2ecd2;border-bottom-left-radius:140px;border-top-right-radius:140px;padding-top:54px;padding-bottom:54px}.route-item-groups .point-list .details .h5,.route-item-groups .point-list .details p{font-weight:500;font-size:28px;line-height:44px}.route-item-groups .point-list .details .link{font-weight:500;font-size:18px;line-height:33px}.route-item-groups .point-list .divider{margin-top:27px;margin-bottom:10px;text-align:center}.route-item-groups .image-list{margin-top:50px;display:flex;flex-direction:column}.route-item-groups .image-list .image-only .image{width:100%}@media screen and (max-width: 1280px){.map{margin-top:-30px}.map .overlay{display:none}.breadcrumbs{margin-top:12px}.breadcrumbs ul{gap:25px}.breadcrumbs ul li,.breadcrumbs ul a{font-size:18px}.section .section-container{padding-left:50px;padding-right:50px}.section-title{margin-top:30px;margin-bottom:20px}.section-title.index{margin-top:70px}.section-title .section-head__subtitle{margin-top:18px;font-size:24px;line-height:42px}.text-block{margin-top:32px}.text-block.festivals,.text-block.events{margin-top:32px}.text-block .section-container{gap:20px;align-items:flex-start;flex-direction:column}.text-block .section-container .text-block__col{width:100%}.text-block .section-container.less{align-items:flex-start}.text-block .text-block__img{width:100%}.text-block .text-block__img.desktop{display:none}.text-block .text-block__img.tablet{display:block}.text-block h3,.text-block .h3{font-size:38px;margin-bottom:21px}.cards h2{margin-bottom:25px}.cards .cards-items-container{gap:20px}.cards .cards-items-container .card{width:calc((100% - 20px)/2)}.cards .cards-items-container .card h3{margin-top:32px;margin-bottom:17px}.cards .cards-items-container .card .details{display:flex;flex-direction:column;gap:10px}.cards.cards-festivals .cards-items-container .card:nth-child(3),.cards.cards-events .cards-items-container .card:nth-child(3){display:none}.disclaimer .section-inner-container{font-size:26px}.small-cards-container{margin-top:148px;gap:56px 20px}.small-cards-container .card{width:calc((100% - 20px)/2)}.small-cards-container .card h5,.small-cards-container .card .h5{margin-top:25px}.body-block{margin-top:66px}.button-block{margin-top:100px}.page-dropdown{margin-top:63px;margin-bottom:-27px}.page-dropdown .menu-container{position:relative;top:0px}.filters{margin-top:102px;margin-bottom:80px}.filters .section-container{gap:30px}.filters.hotel-filters{margin-top:65px;margin-bottom:30px}.past-events{margin-top:160px}.past-events.extra-margin-top{margin-top:235px}.sub-navbar{margin-top:34px;margin-bottom:65px}.sub-navbar .navbar__item{min-width:165px}.sub-navbar .navbar__item>a{font-size:32px}.square-cards h2{margin-bottom:25px}.square-cards .cards-items-container{gap:30px 100px}.square-cards .cards-items-container .card{width:calc((100% - 100px)/2)}.square-cards .cards-items-container .card h3,.square-cards .cards-items-container .card .h3{margin-top:26px;margin-bottom:-4px}.square-cards.stays-hotel .cards-items-container{gap:106px 100px}.square-cards.stays-hotel .cards-items-container .card h3,.square-cards.stays-hotel .cards-items-container .card .h3{margin-bottom:4px}.table thead{display:none}.table .tablet-table-header{background-color:#f2ecd2;width:200px;flex-shrink:0}.table tr{display:flex;flex-direction:column;border-top:1px #f2ecd2 solid}.table tr td{display:flex;padding:0px}.table tr td>span{padding:10px 30px;color:#202633;font-weight:600}.table tr td>span:nth-child(2){color:#283618;padding:10px 30px;font-weight:300}.table tr td:first-child{padding:0px}.table tbody{display:flex;flex-direction:column;gap:10px}.table .table-pagination{margin-top:60px;margin-bottom:94px}.table .table-pagination button{font-size:24px}.title-block{margin-top:27px}.title-block .details{margin-top:28px}.square-cards.routes{margin-top:50px}.square-cards.routes .cards-items-container{gap:100px 100px}.square-cards.routes .cards-items-container .card{width:calc((100% - 100px)/2)}.square-cards.routes .cards-items-container .card .card__body{display:flex;flex-direction:column;align-items:center}.routes-button-popup .overlay .overlay-canvas{margin-left:50px;margin-right:50px;max-width:1580px;max-height:calc(100% - 100px)}.route-item-groups .point-list{margin-top:39px}.route-item-groups .point-list .point{width:100%;flex-direction:column}.route-item-groups .point-list .image-container{width:70%;aspect-ratio:670/285;margin-bottom:0px}.route-item-groups .point-list .details{align-self:flex-end;width:90%;margin-top:-100px;gap:10px;min-height:auto;margin-left:0px;padding-top:128px;padding-bottom:54px;padding-left:100px;padding-right:100px}.route-item-groups .point-list .details .h5,.route-item-groups .point-list .details p{font-size:21px;line-height:33px}.route-item-groups .point-list .details .link{font-size:13.5px;line-height:25px}.route-item-groups .point-list .divider{margin-top:27px;margin-bottom:20px}}@media screen and (max-width: 768px){.map{margin-top:-25px}.map img{height:325px;object-fit:cover}.hero .hero__img{width:100%;height:160px;object-fit:cover}.breadcrumbs{display:none}.section .section-container{padding-left:38px;padding-right:38px}.section-title{margin-top:14px;margin-bottom:20px}.section-title.index{margin-top:40px}.section-title .section-head__subtitle{margin-top:0px;font-size:24px;line-height:42px;font-weight:300}.text-block{margin-top:10px}.text-block.festivals,.text-block.events{margin-top:0px}.text-block .text-block__img.desktop,.text-block .text-block__img.tablet{display:none}.text-block .text-block__img.mobile{display:block}.text-block h3,.text-block .h3{font-size:26px;line-height:26px;margin-bottom:21px}.text-block .more-text .content{font-size:24px;font-weight:300}.cards h2{margin-bottom:12px;font-size:26px}.cards .cards-items-container{gap:92px 10px}.cards .cards-items-container .card{width:100%}.cards .cards-items-container .card h3{margin-top:17px;margin-bottom:10px;font-size:32px}.cards .cards-items-container .card .details{margin-top:18px}.cards.cards-festivals .cards-items-container .card,.cards.cards-events .cards-items-container .card{width:100%}.cards.cards-festivals .cards-items-container .card:nth-child(2),.cards.cards-festivals .cards-items-container .card:nth-child(3),.cards.cards-events .cards-items-container .card:nth-child(2),.cards.cards-events .cards-items-container .card:nth-child(3){display:none}.cards.cards-explores .cards-items-container{gap:20px 10px}.cards.cards-explores .cards-items-container .card{width:calc((100% - 10px)/2)}.cards.cards-explores .cards-items-container .card h3{font-size:28px}.disclaimer .section-inner-container{font-size:26px}.small-cards-container{margin-top:148px;gap:48px 10px}.small-cards-container .card{width:calc((100% - 10px)/2)}.small-cards-container .card h5,.small-cards-container .card .h5{margin-top:17px;font-size:28px;line-height:28px}.body-block{margin-top:50px}.cards-swiper .section-container{padding:0px 10px}.cards-swiper .swiper{margin-left:60px;margin-right:60px}.cards-swiper .swiper-wrapper{margin-top:-100px}.cards-swiper .swiper-wrapper .swiper-slide{position:relative}.cards-swiper .swiper-wrapper .swiper-slide img{margin:100px 0px}.cards-swiper .swiper-wrapper .swiper-slide h3,.cards-swiper .swiper-wrapper .swiper-slide .h3{position:absolute;top:calc(100% - 109px);width:100%;margin-top:28px;font-size:28px}.cards-swiper .swiper-button-prev,.cards-swiper .swiper-button-next{top:calc(50% - 40px) !important}.cards-swiper .swiper-button-prev svg,.cards-swiper .swiper-button-next svg{width:40px;height:40px}.page-dropdown{margin-top:63px;margin-bottom:-27px}.page-dropdown .menu-container{position:relative;top:0px}.filters{margin-top:102px;margin-bottom:80px}.filters .section-container{gap:10px;width:100%;justify-content:space-between}.filters .section-container .menu-container{width:calc((100% - 20px)/3)}.filters .section-container .menu-container .select{display:flex;width:100%;justify-content:center}.filters.hotel-filters .section-container,.filters.bb-filters .section-container,.filters.camp-filters .section-container{justify-content:flex-end}.filters[size="1"] .section-container .menu-container,.filters[size="2"] .section-container .menu-container{width:auto}.coming-soon{padding-top:50px;padding-bottom:80px}.past-events{margin-top:70px}.past-events.extra-margin-top{margin-top:145px}.sub-navbar{margin-top:-18px;margin-bottom:65px}.sub-navbar .navbar__list{gap:0px}.sub-navbar .navbar__item{min-width:auto;padding:10px 10px}.sub-navbar .navbar__item>a{font-size:21px}.title-block{margin-top:27px}.title-block .details{flex-direction:column;gap:10px}.square-cards h2{margin-bottom:25px}.square-cards .cards-items-container{gap:61px 100px}.square-cards .cards-items-container .card{width:100%}.square-cards .cards-items-container .card h3,.square-cards .cards-items-container .card .h3{margin-top:10px;font-size:28px}.square-cards .cards-items-container .card .details{margin-top:16px}.square-cards .cards-items-container .card .details h4,.square-cards .cards-items-container .card .details .h4{font-size:24px}.square-cards.stays-hotel .cards-items-container{gap:60px 100px}.square-cards.stays-hotel .cards-items-container .card h3{margin-top:12px;margin-bottom:-4px}.table .tablet-table-header{width:140px}.table tr td>span{padding:10px 20px;font-weight:400;font-size:24px}.table tr td>span:nth-child(2){padding:10px 20px 10px 30px;font-weight:300}.table tbody{gap:30px}.table .table-pagination{margin-top:72px;margin-bottom:94px}.table .table-pagination button{font-size:24px}.square-cards.routes{margin-top:27px}.square-cards.routes .cards-items-container{gap:45px}.square-cards.routes .cards-items-container .card{width:100%}.square-cards.routes .cards-items-container .card h3{margin-top:14px}.routes-button-popup .overlay .overlay-canvas{padding:60px 36px;margin-left:38px;margin-right:38px;max-width:1604px;max-height:calc(100% - 76px)}.routes-button-popup .overlay .close-button{width:58px;padding:20px;margin:0px}.routes-button-popup .overlay .title{font-size:28px}.routes-button-popup .overlay .body p,.routes-button-popup .overlay .body li{font-size:20px}.routes-button-popup .overlay .body h2{font-size:20px}.route-item-groups .point-list{margin-top:84px}.route-item-groups .point-list .image-container{width:90%;aspect-ratio:670/285;margin-bottom:0px;border-top-left-radius:100px;border-bottom-right-radius:100px}.route-item-groups .point-list .details{width:95%;margin-top:-40px;gap:20px;border-bottom-left-radius:100px;border-top-right-radius:100px;padding-top:68px;padding-bottom:84px;padding-left:40px;padding-right:100px}.route-item-groups .point-list .divider{margin-top:27px;margin-bottom:20px}.footer-banner .section-relative-inner-container{width:100%}.footer-banner .footer-banners-swiper{margin-left:10px;margin-right:10px}.footer-banner .swiper-pagination{display:flex;align-items:center}.footer-banner .swiper-bottom-controls{gap:5px}.footer-banner .swiper-pagination-bullet{width:7px;height:7px}.footer-banner .swiper-play-pause{margin-top:-12px}}#lightbox-overlay{display:none;position:fixed;inset:0;background-color:rgba(0,0,0,.9);z-index:9999;justify-content:center;align-items:center}#lightbox-overlay.active{display:flex}#lightbox-overlay .lightbox-content{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;gap:70px}#lightbox-overlay .lightbox-content .content{display:flex;flex-direction:column;position:relative}#lightbox-overlay .lightbox-content .lightbox-image{max-width:100%;max-height:80vh;display:block}#lightbox-overlay .lightbox-content .lightbox-caption{margin-top:10px;color:#fff;text-align:left;font-weight:500;font-size:28px;line-height:44px}#lightbox-overlay .lightbox-content .lightbox-close{position:absolute;right:0px;top:-55px;align-self:flex-end;border:none;width:25px;aspect-ratio:1;padding:0px;border-radius:0px;cursor:pointer}#lightbox-overlay .lightbox-content .lightbox-close img{width:100%;height:100%}#lightbox-overlay .lightbox-content .lightbox-prev,#lightbox-overlay .lightbox-content .lightbox-next{top:50%;padding:0px;border:none;font-size:24px;width:67px;aspect-ratio:67/26;background-color:rgba(0,0,0,0);cursor:pointer}#lightbox-overlay .lightbox-content .lightbox-prev.lightbox-prev,#lightbox-overlay .lightbox-content .lightbox-next.lightbox-prev{left:-50px}#lightbox-overlay .lightbox-content .lightbox-prev.lightbox-next,#lightbox-overlay .lightbox-content .lightbox-next.lightbox-next{right:-50px}.lightbox img{cursor:pointer}
/**
* Swiper 12.0.3
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2025 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: October 21, 2025
*/
:root {
--swiper-theme-color: #007aff;
/*
--swiper-preloader-color: var(--swiper-theme-color);
--swiper-wrapper-transition-timing-function: initial;
*/
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
.swiper-slide,
.swiper-cube-shadow {
transform-style: preserve-3d;
}
}
/* CSS Mode */
.swiper-css-mode {
> .swiper-wrapper {
overflow: auto;
scrollbar-width: none; /* For Firefox */
-ms-overflow-style: none; /* For Internet Explorer and Edge */
&::-webkit-scrollbar {
display: none;
}
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
&.swiper-horizontal {
> .swiper-wrapper {
scroll-snap-type: x mandatory;
}
}
&.swiper-vertical {
> .swiper-wrapper {
scroll-snap-type: y mandatory;
}
}
&.swiper-free-mode {
> .swiper-wrapper {
scroll-snap-type: none;
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
}
&.swiper-centered {
> .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
> .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
}
&.swiper-centered.swiper-horizontal {
> .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
> .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
}
&.swiper-centered.swiper-vertical {
> .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
> .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
}
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom,
.swiper-slide-shadow,
.swiper-slide-shadow-left,
.swiper-slide-shadow-right,
.swiper-slide-shadow-top,
.swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
.swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Slide styles end */
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-top-offset: 50%;
--swiper-navigation-sides-offset: 4px;
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
width: var(--swiper-navigation-size);
height: var(--swiper-navigation-size);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
&.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
&.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled & {
display: none !important;
}
svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center;
fill: currentColor;
pointer-events: none;
}
}
.swiper-button-lock {
display: none;
}
.swiper-button-prev,
.swiper-button-next {
top: var(--swiper-navigation-top-offset, 50%);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 4px);
right: auto;
.swiper-navigation-icon {
transform: rotate(180deg);
}
}
.swiper-button-next {
right: var(--swiper-navigation-sides-offset, 4px);
left: auto;
}
.swiper-horizontal {
.swiper-button-prev,
.swiper-button-next,
~ .swiper-button-prev,
~ .swiper-button-next {
top: var(--swiper-navigation-top-offset, 50%);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
margin-left: 0;
}
.swiper-button-prev,
& ~ .swiper-button-prev,
&.swiper-rtl .swiper-button-next,
&.swiper-rtl ~ .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 4px);
right: auto;
}
.swiper-button-next,
& ~ .swiper-button-next,
&.swiper-rtl .swiper-button-prev,
&.swiper-rtl ~ .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 4px);
left: auto;
}
.swiper-button-prev,
& ~ .swiper-button-prev,
&.swiper-rtl .swiper-button-next,
&.swiper-rtl ~ .swiper-button-next {
.swiper-navigation-icon {
transform: rotate(180deg);
}
}
&.swiper-rtl .swiper-button-prev,
&.swiper-rtl ~ .swiper-button-prev {
.swiper-navigation-icon {
transform: rotate(0deg);
}
}
}
.swiper-vertical {
.swiper-button-prev,
.swiper-button-next,
~ .swiper-button-prev,
~ .swiper-button-next {
left: var(--swiper-navigation-top-offset, 50%);
right: auto;
margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
margin-top: 0;
}
.swiper-button-prev,
~ .swiper-button-prev {
top: var(--swiper-navigation-sides-offset, 4px);
bottom: auto;
.swiper-navigation-icon {
transform: rotate(-90deg);
}
}
.swiper-button-next,
~ .swiper-button-next {
bottom: var(--swiper-navigation-sides-offset, 4px);
top: auto;
.swiper-navigation-icon {
transform: rotate(90deg);
}
}
}
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-left: auto;
--swiper-pagination-right: 8px;
--swiper-pagination-bottom: 8px;
--swiper-pagination-top: auto;
--swiper-pagination-fraction-color: inherit;
--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
--swiper-pagination-progressbar-size: 4px;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-border-radius: 50%;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
&.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > &,
&.swiper-pagination-disabled {
display: none !important;
}
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
.swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
button& {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none;
}
.swiper-pagination-clickable & {
cursor: pointer;
}
&:only-child {
display: none !important;
}
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
.swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
&.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
.swiper-pagination-bullet {
display: inline-block;
transition:
200ms transform,
200ms top;
}
}
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
.swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
&.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
.swiper-pagination-bullet {
transition:
200ms transform,
200ms left;
}
}
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition:
200ms transform,
200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
.swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl & .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > &,
&.swiper-pagination-horizontal,
.swiper-vertical > &.swiper-pagination-progressbar-opposite,
&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > &,
&.swiper-pagination-vertical,
.swiper-horizontal > &.swiper-pagination-progressbar-opposite,
&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
}
.swiper-pagination-lock {
display: none;
}
/*# sourceMappingURL=main.css.map*/