:root{--navbar-height: 54px;--footer-height: 54px;--blue-primary: #29C9D4;--blue-light: #E7FEFF;--orange: #F7AB00}body{font-family:Noto Sans TC,sans-serif;background:url("/Content/img/bg.png");overflow-x:hidden}body>header{height:var(--navbar-height)}body>footer{height:var(--footer-height);border-top:3px solid #c6e7ea;color:#3e3e3e;background-color:#fff;text-align:center;padding:.75rem}body>main{min-height:calc(100vh - var(--navbar-height) - var(--footer-height));max-width:100vw}.navbar{--bs-navbar-padding-y: 0.1rem;--bs-navbar-brand-color: #777677;--bs-navbar-brand-hover-color: #777677;--bs-navbar-brand-padding-y: 0;--bs-navbar-nav-link-padding-x: 0;height:var(--navbar-height);background:var(--blue-light);box-shadow:0px 4px 4px 0px rgba(0,0,0,.2509803922)}.navbar :is(.container-fluid,.navbar-brand,.navbar-brand img){height:100%}.navbar .navbar-nav{--bs-nav-link-color: #4E4E4E;--bs-nav-link-hover-color: #000}.navbar .nav-item{color:#4e4e4e}.navbar .nav-link{display:flex;align-items:center;gap:.25rem;font-size:18px;line-height:1.5}.navbar .dropdown-menu{--bs-dropdown-min-width: 5rem;--bs-dropdown-border-color: var(--blue-primary);--bs-dropdown-bg: #fff;--bs-dropdown-color: #4E4E4E;--bs-dropdown-border-width: 1px;--bs-dropdown-border-radius: 0.375rem;--bs-dropdown-spacer: -0.2rem;--bs-dropdown-padding-x: 0.75rem;--bs-dropdown-padding-y: 0.25rem;--bs-dropdown-box-shadow: 0px 4px 4px 0px #00000040;--bs-dropdown-link-color: #4E4E4E;--bs-dropdown-link-hover-color: #000;--bs-dropdown-link-hover-bg: transparent;--bs-dropdown-link-active-color: #000;--bs-dropdown-link-active-bg: transparent;--bs-dropdown-item-padding-x: 0.5rem;--bs-dropdown-item-padding-y: 0.25rem;box-shadow:var(--bs-dropdown-box-shadow)}.navbar .dropdown-menu li:not(:last-of-type){border-bottom:1px solid var(--blue-primary)}.navbar .dropdown-item{text-align:center}.navbar .navbar-user{display:flex;flex-direction:row;color:#4e4e4e;align-items:center}.navbar .navbar-user>span{display:inline-block}.navbar .navbar-user>.btn{--bs-btn-color: #4E4E4E;--bs-btn-hover-color: #000}.navbar .nav-icon{display:inline-block;width:20px;height:20px;background-image:url("/Content/img/nav-icon.png");background-repeat:no-repeat}.navbar .nav-icon.a{background-position:0 0}.navbar .nav-icon.b{background-position:-20px 0}.navbar .nav-icon.c{background-position:-40px 0}.navbar .nav-icon.d{background-position:-60px 0}.navbar .nav-icon.e{background-position:-80px 0}.navbar .nav-icon.f{background-position:-100px 0}.navbar .nav-icon.g{background-position:-120px 0}.event-ring .dropdown-menu{--bs-dropdown-min-width: 21rem;--bs-dropdown-border-color: transparent;--bs-dropdown-padding-x: 1rem;--bs-dropdown-padding-y: 0.5rem;--bs-dropdown-spacer: 0.6rem;--bs-dropdown-box-shadow: 0px 0px 10px 0px #00000080;margin-right:-1rem}.event-ring .dropdown-menu [data-bs-popper-arrow]{font-size:1.5rem;display:block;width:1em;height:.5em;position:absolute;right:calc(1rem + .1em);top:calc(-0.5em - 1px)}.event-ring .dropdown-menu [data-bs-popper-arrow]::before,.event-ring .dropdown-menu [data-bs-popper-arrow]::after{position:absolute;display:block;content:"";border-color:rgba(0,0,0,0);border-style:solid}.event-ring .dropdown-menu [data-bs-popper-arrow]::before{top:0;border-width:0 .5em .5em .5em;border-bottom-color:var(--bs-dropdown-border-color)}.event-ring .dropdown-menu [data-bs-popper-arrow]::after{top:1px;border-width:0 .5em .5em .5em;border-bottom-color:var(--bs-dropdown-bg)}.event-ring .icon-ring{position:relative;width:1rem;height:1.5rem;border:0;margin:.5rem .75rem}.event-ring .badge{--bs-badge-padding-x: 0;--bs-badge-padding-y: 0;--bs-badge-border-radius: 0.5rem;position:absolute;width:.5rem;height:.5rem;background:red;box-shadow:0px 0px 2px 0px rgba(0,0,0,.5019607843);top:.25rem;left:calc(100% - .1rem);transform:translate(-50%, -50%)}.event-ring header{color:#2b82a8;font-size:1.25rem;font-weight:500;line-height:1.25em;letter-spacing:.03em;padding:.5rem;padding-top:0}.event-ring aside{padding:0;margin:0}.event-ring aside a{display:flex;flex-direction:column;padding:.6rem .5rem}.event-ring aside a:hover{background-color:rgba(0,0,0,.025)}.event-ring aside a:not(:last-of-type){border-bottom:1px solid #c3c3c3}.event-ring aside a p{text-align:left;color:#000;margin:0}.event-ring aside a time{text-align:right;color:#7d7d7d;font-size:.75rem}.btn{--bs-btn-padding-x: 0.6rem;--bs-btn-padding-y: 0.5rem;--bs-btn-color: white;--bs-btn-hover-color: white;background:var(--bs-btn-bg)}.btn:hover{background:var(--bs-btn-hover-bg)}.btn-search{--bs-btn-bg: linear-gradient(180deg, #12B2E4 0%, #0C86CB 100%);--bs-btn-hover-bg: linear-gradient(0deg, #12B2E4 0%, #0C86CB 100%)}.btn-reset{--bs-btn-bg: linear-gradient(180deg, #B6B6B6 0%, #8E8E8E 100%);--bs-btn-hover-bg: linear-gradient(0deg, #B6B6B6 0%, #8E8E8E 100%)}.btn-export{--bs-btn-bg: linear-gradient(180deg, #FFB829 0%, #FF8A00 100%);--bs-btn-hover-bg: linear-gradient(0deg, #FFB829 0%, #FF8A00 100%)}.icon{display:inline-block;width:1em;height:1em}.icon-pin{background:url("/Content/img/icon-pin.png") no-repeat center/contain}.icon-pointer{background:url("/Content/img/icon-pointer.png") no-repeat center/contain}.icon-ring{background:url("/Content/img/icon-ring.png") no-repeat center/contain}