@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);body{font-family:Noto Sans TC,sans-serif!important}body,html{background-color:#f9faf9}.announcement{box-sizing:border-box;border:none;border-bottom:5px solid #fff;border-radius:0;cursor:pointer;transition:border-bottom .5s}.announcement.type-1:hover{border-bottom:5px solid #fd8a8f}.announcement.type-2:hover{border-bottom:5px solid #1e38c3}.announcement.type-3:hover{border-bottom:5px solid #f5718b}.announcement.type-4:hover{border-bottom:5px solid #52c585}.announcement.type-5:hover{border-bottom:5px solid #8a71b6}.announcement.type-6:hover{border-bottom:5px solid #eecc60}.announcement .card-img-top{height:9rem;background-color:#eee;width:100%}.announcement .card-img-top .icon-container{border-radius:50%;background-color:#fff}.btn-custom{--color:#3b6495;border:1px solid var(--color);color:var(--color);transition:all .2s}.btn-custom:hover{background:var(--color);color:#fff}body,html{--nav-height:45px;--nav2-height:76px}.top-nav{height:var(--nav-height);background-color:#5286c0}.top-nav .top-nav-item{line-height:var(--nav-height)}.top-nav .top-nav-item .top-nav-link{color:#e3e3e3;cursor:pointer;transition:color .4s}.top-nav .top-nav-item .top-nav-link:hover{color:#fff;text-decoration:none}.top-nav .top-nav-item:not(:first-child) .top-nav-link{border-left:2px solid #fff}.navbar{--accent-color:#757575;box-shadow:0 3px 8px #aaa;background:#fff}.navbar .dropdown-toggle:after{display:none}.navbar .custom .dropdown:hover .dropdown-menu{display:block;margin-top:0;padding:0}.navbar .custom .dropdown-item{padding-left:1rem}.navbar .custom .dropdown-item:hover{background-color:#eee}.navbar .custom .nav-link{padding:.5rem;color:var(--accent-color);font-weight:900}.navbar .custom .nav-link.active,.navbar .custom .nav-link:hover{color:#fff;background-color:var(--accent-color)}.navbar .custom .nav-link:focus{outline:none}.navbar .mobile{position:relative;top:1rem}.navbar .mobile .mobile-nav{border:1px dotted #eee}.navbar .mobile .mobile-nav .link:before{content:url(/build/frontend/images/i15.b9656e8c.svg);padding-left:.5rem;padding-right:.5rem;vertical-align:-.25px}.navbar .mobile .link{padding:.5rem;color:var(--accent-color);font-weight:900}.navbar .mobile .link:focus{outline:none}.navbar .mobile .drawer-menu{position:absolute;z-index:10;background:#fff;width:100%}.navbar .mobile .drawer-menu .drawer-item{border:1px dotted #eee}.navbar .show>.nav-link{color:#fff;background-color:var(--accent-color)}.preserve-top{margin-top:calc(var(--nav-height) + var(--nav2-height))}.cartoon-balloon{position:relative;border-radius:1rem;border:2px solid #779fcb}.cartoon-balloon:before{position:absolute;top:-.7rem;left:calc(50% - 5rem);display:block;height:1.25rem;width:3rem;content:"";background:#fff;border:3px solid #779fcb;border-left:none;border-bottom:none;transform:skew(-30deg,-20deg);z-index:10}.img-rounded{border-radius:50%}.custom-breadcrumb .breadcrumb{padding-left:.5rem;background-color:#fff}.custom-breadcrumb .breadcrumb>li+li:before{content:url(/build/frontend/images/i15.b9656e8c.svg);margin-left:.5rem;margin-right:.5rem}.custom-breadcrumb .link{color:#6d6d6d}.custom-breadcrumb .link:hover{font-weight:700;color:#000;text-decoration:none}body,html{font-size:16px}.list{white-space:nowrap}.list .item{border:none;padding-top:.75rem;padding-bottom:.75rem;border-bottom:1px dotted #757575}.list .item .date{color:#487bb8;font-weight:700;width:100px;text-align:center}.list .item .ellipsis{color:#487bb8;width:50px;text-align:center}.list .item .title{display:inline-block;max-width:calc(100% - 150px);vertical-align:-.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;cursor:pointer}.custom-pagination .page-link{border:none}.custom-pagination .page-link:hover{color:#000;text-decoration:underline}.custom-pagination .pagination .page-link{font-size:1.25rem}.custom-pagination .navigate{border-radius:0!important;border:1px solid #000;background-color:#fff;color:#000;transition:all .5s}.custom-pagination .navigate:hover{background-color:#000;color:#fff}.photos .photos-container{box-shadow:0 0 15px 1px #e3e3e3}.photos h4{color:#757575;letter-spacing:2px}.photos .photos-number{--color:#757575;font-size:4rem;color:var(--color);vertical-align:1rem;border-left:2px solid var(--color)}.photos .photo{opacity:1;transition:opacity .2s}.photos .photo:hover{opacity:.8}.cursor-grab{cursor:grab}