CINXE.COM

<!DOCTYPE html><html><head><meta charset="utf-8"><title>行政公職局</title><meta name="keywords" content="官網" /><meta name="description" content="官網" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="renderer" content="webkit"><meta name="format-detection" content="telephone=no"><meta name="format-detection" content="email=no"><meta name="msapplication-tap-highlight" content="no"><meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width"><meta property="og:site_name" content="行政公職局" /> <meta property="og:title" content="行政公職局" /> <meta property="og:type" content="website" /> <meta property="og:description" content="官網" /> <link rel="icon" href="/static/2023/08/01/2800bc95-5758-4c1a-a6e1-05e3441645ee.ico" />  <script type="text/javascript"> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//app.gov.mo/mtm/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '2']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <link href="/styles/styles.c3f6f448.css" rel="stylesheet"><style type="text/css">tpl-notice { display: none; } .notice__wrapper { position: relative; background-image: linear-gradient(to right, #1ED9E4, #6BF2CA); min-height: 4px; z-index: 999; } .notice__box { padding: 1em 0; } .notice__box .right .t-btn { border-radius: .08rem; } .notice__box .right .t-btn.round::before { border-radius: .08rem; } .notice__wrapper .icon-notice { width: 1.2em; height: 1.2em; font-size: 2em; color: white; background-color: var(--light-9); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .notice__wrapper .unfold { background: linear-gradient(270.11deg, #65F1CD 0.11%, #68F2CB 99.93%); cursor: pointer; position: absolute; right: 2em; top: calc(100% - 4px); font-size: .75em; padding: .4em 1em; border-radius: 0 0 1em 1em; z-index: 9; } .notice__wrapper .unfold .icon-notice { font-size: 1.25em; } @media (-ms-high-contrast: none) and (min-width:581px) and (max-width: 1024px), (pointer: fine) and (min-width:581px) and (max-width: 1024px), (pointer: coarse) and (min-width:581px) { .notice__wrapper .unfold { right: 30%; } } @media (max-width:580px) { .notice__wrapper .unfold { position: fixed; top: 6em; right: 0; padding: .4em; border-radius: 1em 0 0 1em; } }.search-wrapper .search-hot { z-index: 2; position: relative; display: flex; flex-flow: wrap; } .search-wrapper .search-hot .text { transition: color ease-in-out .3s; cursor: pointer; } .search-wrapper .search-hot .text:hover { color: var(--primary); }.search-wrapper .search-hot { z-index: 2; position: relative; display: flex; flex-flow: wrap; } .search-wrapper .search-hot .text { transition: color ease-in-out .3s; cursor: pointer; } .search-wrapper .search-hot .text:hover { color: var(--primary); }@media (min-width:1025px) { t-drawer.page__menu { display: block; } .popup-search .close-btn { right: 20%; } } .header-language { padding: .2em 0; width: 8em; background-color: white; box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1); border-radius: .3em; overflow: hidden; } .header-language a,.header-language div { display: block; text-align: center; padding: .4em 0; cursor: pointer; } .header-language a:hover,.header-language div:hover { background-color: var(--primary-3); } .page__top { position: sticky; top: 0; z-index: 99; } .page__header>.wrapper { padding: 10px 0; } .page__header h1 img { height: 66px; } @media (max-width: 1024px) { .page__header h1 img { height: auto; max-height: 40px; } } .page__header-left h1 img { height: 66px; } @media (max-width: 1024px) { .page__header-left h1 img { height: auto; max-height: 40px; } } .page__header-tools .t-btn__content { align-items: center; font-size: .19rem; font-weight: bold; } .page__header-tools .t-btn__content i { font-size: 1em; } .page__header-tools i { font-size: 1.25em; } @media (max-width: 580px) { .header-language { width: 100vw; border-radius: .4em .4em 0 0; } } .page__menu { font-size: 16px; background-color: white; box-shadow: 0 4px 12px 0 rgba(18, 102, 97, .16); position: relative; } .page__menu ul, .page__menu li { display: flex; } .page__menu h3, .page__menu-drawer h3 { font-weight: normal; } .page__menu .fisrt>li { flex-grow: 1; justify-content: center; } .page__menu .fisrt>li .unfold { visibility: hidden; } .page__menu .fisrt>li.active>h3 { color: #0379ac; } .page__menu .fisrt>li:hover>h3 { color: white; background-color: var(--primary-7); margin: -.3em 0; } .page__menu .fisrt>li:hover .fold { visibility: hidden; } .page__menu .fisrt>li:hover .unfold { visibility: visible; } .page__menu .fisrt>li:hover>h3 i { color: white; } .page__menu .fisrt>li>h3 { position: relative; display: flex; align-items: center; z-index: 99; margin: -.3em 0; font-size: .16rem; } .page__menu .fisrt>li>h3>a { padding-top: 1.2em; padding-bottom: 1.2em; } .page__menu .fisrt>li:hover>h3::before, .page__menu .fisrt>li:hover>h3::after { content: ''; position: absolute; left: 100%; z-index: 99; border: solid .2em var(--primary-10); border-right-color: transparent; border-top-width: .15em; border-bottom-width: .15em; } .page__menu .fisrt>li:hover>h3::before { top: 0; border-top-color: transparent; } .page__menu .fisrt>li:hover>h3::after { bottom: 0; border-bottom-color: transparent; } .page__menu .fisrt>li>h3.has-children>a, .page__menu .fisrt>li>h3.has-children>span { padding-right: 1.5em; } .page__menu .fisrt .icon-arrow-1 { color: var(--light-3); position: absolute; right: .5em; top: 50%; margin-top: -.5em; } .page__menu .second { padding-top: 1em; flex-wrap: wrap; } .page__menu .second>li { width: 20%; justify-content: center; margin-top: 1em; } .page__menu .second>li h3 { font-size: 18px; font-weight: bold; width: 100%; border-bottom: dashed 1px white; margin: 0 .1rem; position: relative; } .page__menu .second>li h3 .icon-arrow-2 { font-size: 12px; position: absolute; transform: translate(-100%, -50%); top: 50%; } .page__menu .second>li a { transition: all ease-in-out .2s; } .page__menu .second>li.active a, .page__menu .second>li:hover a { border-radius: 8px; background-color: rgb(6, 13, 15, .3); padding-left: .26rem; } .page__menu .second>li.active i { padding-right: 1.5em; } .page__menu .second>li.active h3 { transition: all ease-in-out .2s; } .page__menu .second>li.active h3, .page__menu .second>li:hover h3 { border-bottom: none; } .page__menu .second>li a { padding-left: 0; } .page__menu span, .page__menu a { display: block; padding: 1em; } .page__menu .fisrt>li:hover .page__menu-children { transform: scale(1); } .page__menu .page__menu-children { position: absolute; top: 100%; left: 0; width: 100%; transform: scale(1, 0); transform-origin: top; transition: transform .2s; z-index: 9; } /*彈出菜單*/ .page__menu-drawer { height: 80vh; border-radius: 0 !important; margin: 0 !important; display: flex; flex-direction: column; } .page__menu-drawer .fisrt { overflow-y: auto; flex: 1; } .page__menu-drawer .fisrt>li { border-bottom: dashed 1px var(--primary-9); } .page__menu-drawer .second>li { border-top: dashed 1px var(--primary-5); } .page__menu-drawer h3 { display: flex; align-items: center; } .page__menu-drawer h3 i { margin: 0 .8em; } .page__menu-drawer span, .page__menu-drawer a { padding: .8em; display: flex; align-items: center; flex: 1; } .page__menu-drawer .active, .page__menu-drawer a:hover { background-color: rgba(255, 255, 255, .1); } .page__menu .page__menu-children, .page__menu-drawer { color: white; background-color: var(--primary); padding-bottom: 2em; } .page__menu .page__menu-children::before { content: ''; border-radius: 0; border: none; box-shadow: none; height: 0; padding-top: 4.6%; position: absolute; top: 110%; left: 0; right: 0; background: url("/static/2023/11/09/72f9ebdf-a3f3-4ece-af70-436431ff04b1.png") top center no-repeat; background-position-y: 100%; background-size: 100% auto; opacity: 1; } .page__menu .page__menu-children::after, .page__menu-drawer::after { content: ''; border-radius: 0; border: none; box-shadow: none; height: 0; padding-top: 4.6%; position: absolute; top: 100%; left: 0; right: 0; background: url("/static/2023/11/09/4f283c47-d1e1-4170-87c4-1a7c69564e41.png") top center no-repeat; background-size: 100% auto; background-position-y: 100%; opacity: 1; } /* 搜索 */ .popup-search { position: absolute; top: 0; width: 100%; border-radius: 0 !important; } .popup-search::after { content: ''; opacity: 1; border-radius: 0; border: none; height: 0; left: 0; top: 100%; transform: translateY(-50%); width: 100%; padding-top: 23%; background: url('/static/2023/08/03/be34f116-e2c4-415f-a164-f38f2863dc3d.png') center no-repeat; background-size: 100% auto; box-shadow: none; pointer-events: all; } .popup-search .close-btn { position: absolute; right: 10%; top: .8em; font-size: 2em; color: var(--dark); } .search-wrapper { padding: 10px; } .search-form { display: flex; padding: .2em; } .page__menu .search-wrapper { display: none; } .popup-search .search-wrapper { padding-top: 5%; max-width: 560px; margin: 0 auto; font-size: 1.5em; } .popup-search .search-form { position: relative; z-index: 2; border-bottom: solid 6px var(--dark); } .search-form input { flex: 1; } .search-form button { width: 1.5em; height: 1.5em; font-size: 1.5em; display: flex; align-items: center; justify-content: center; border-radius: .4em; color: var(--primary); } .search-hot { z-index: 2; position: relative; display: flex; flex-flow: wrap; } .search-hot .text { transition: color ease-in-out .3s; cursor: pointer; } .search-hot .text:hover { color: var(--primary); } .page__menu-drawer .search-wrapper { display: block; background-color: rgba(0, 0, 0, .1); } .page__menu-drawer .search-form { background-color: white; padding-left: 1em; border-radius: .4em; } .page__menu-drawer .search-form button { color: white; background-color: var(--primary); } .page__menu-drawer .search-hot span { padding: 0; flex: auto; } .page__menu-drawer .search-hot .text:hover { color: var(--light-2); }.page__home-banner { padding-top: .24rem; padding-bottom: .24rem; } .page__home-banner .swiper-wrapper { height: 1.44rem; } .page__home-banner .swiper-slide { height: 100%; display: flex; align-items: center; justify-content: center; } .page__home-banner .swiper-wrapper a { width: 100%; height: 100%; } .page__home-banner .swiper-wrapper img { border-radius: 16px; width: 100%; height: 100%; } .page__home-banner .swiper-pagination { bottom: 0; } .page__home-banner .swiper-pagination-bullet { background-color: #fff; opacity: 1; width: 8px; height: 8px; margin-left: 10px; margin-right: 0; transition: width ease-in-out .2s, border-radius ease-in-out .2s; } .page__home-banner .swiper-pagination-bullet-active { background-color: var(--primary); width: 56px; border-radius: 2em; }.services-columns-tabs { display: flex; justify-content: safe center; overflow: auto; } .services-columns-tabs__item { cursor: pointer; font-size: 24px; padding: 10px; max-width: 242px; flex: 1; background: #fff; border-radius: 2em; text-align: center; margin-bottom: .1rem; white-space: nowrap; box-shadow: 0 4px 24px 0 rgba(90, 180, 219, 0.12); position: relative; transition: all ease-out .2s, color ease-out .2s; } .services-columns-tabs__item > div { transition: all ease-out .2s, color ease-out .2s; filter: drop-shadow(0 0 2px rgba(0,0,0,.24)); } .services-columns-tabs__item:not(.active):hover div { filter: none; } .services-columns-tabs__item::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #fff; opacity: 0; transition: border-color ease-out .2s, opacity ease-out .2s; } .services-columns-tabs__item.active { color: #fff; } .services-columns-tabs__item.active::after { opacity: 1; } .services-columns-tabs__item:nth-child(3n + 1).active { background: rgb(68, 181, 167); } .services-columns-tabs__item:nth-child(3n + 1).active::after { border-top-color: rgb(68, 181, 167); } .services-columns-tabs__item:nth-child(3n + 1):not(.active):hover { box-shadow: 0 4px 24px 0 rgba(68, 181, 167, 0.4); color: rgb(68, 181, 167); } .services-columns-tabs__item:nth-child(3n + 2).active { background: rgb(231, 181, 60); } .services-columns-tabs__item:nth-child(3n + 2).active::after { border-top-color: rgb(231, 181, 60); } .services-columns-tabs__item:nth-child(3n + 2):not(.active):hover { box-shadow: 0 4px 24px 0 rgba(231, 181, 60, 0.4); color: rgb(231, 181, 60); } .services-columns-tabs__item:nth-child(3n + 3).active { background: rgb(89, 114, 244); } .services-columns-tabs__item:nth-child(3n + 3).active::after { border-top-color: rgb(89, 114, 244); } .services-columns-tabs__item:nth-child(3n + 3):not(.active):hover { box-shadow: 0 4px 24px 0 rgba(89, 114, 244, 0.4); color: rgb(89, 114, 244); } .services-columns-tabs__item:not(:last-child) { margin-right: 4vw; } @media (max-width: 580px) { .services-columns-tabs__item { font-size: 16px; } } .services-columns-body { position: relative; max-width: 1600px; margin: 0 auto; padding: 0 calc((100vw - 1400px) / 2); } @media (min-width: 1600px) { .services-columns-body { padding: 0 1.2rem; } } @media (max-width: 1440px) { .services-columns-body { margin-left: 1em; margin-right: 1em; } } .services-columns-body a { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; font-weight: 600; font-size: 32px; line-height: 54px; color: #fff; padding: 30px 24px; letter-spacing: 0.96px; } .services-columns-body .swiper-wrapper { padding: .3rem 0; } .services-columns-body .swiper-slide { width: 300px; height: 200px; transition: transform ease-in-out .2s; } .services-columns-body .swiper-slide:hover { transform: translateY(-20px); } .services-columns-body .swiper-button-wrapper { font-size: .2rem; font-weight: bold; } .services-columns-body .swiper-button-wrapper:first-child { transform: translateX(-100%); } .services-columns-body .swiper-button-wrapper:last-child { transform: translateX(100%); } .services-navigation { position: absolute; top: 50%; background: #fff; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; font-size: .3rem; font-weight: bold; border-radius: 50%; color: var(--primary); transform: translateY(-50%); z-index: 3; box-shadow: 0 4px 24px 0 rgba(90, 180, 219, 0.12); } .services-navigation.swiper-button-disabled { color: var(--light-2); } .services-prev { left: 0; } .services-next { right: 0; }.page__home-news .news-content { border-radius: 16px; background: #FFF; box-shadow: 0 4px 24px 0 rgba(90, 180, 219, 0.12); margin-bottom: .24rem; padding: 16px; } .page__home-news .news-content .date { font-size: .18rem; line-height: 26px; margin-bottom: 8px; color: #666; } .page__home-news .news-content p { white-space: normal; font-size: .2rem; font-style: normal; font-weight: 600; line-height: .32rem; color: rgb(27, 32, 38); transition: color ease-in-out .2s; } .page__home-news a:hover p { color: var(--primary); }.page__home-promotion .swiper-slide { width: 340px; height: 200px; border-radius: 12px; background: #F1F9FD; overflow: hidden; } @media (max-width: 580px) { .page__home-promotion .swiper-slide { width: 172px; height: 100px; } } .page__home-promotion .swiper-slide a, .page__home-promotion .swiper-slide .content, .page__home-promotion .swiper-slide .content iframe { width: 100%; height: 100%; } .page__home-promotion img, .page__home-promotion video { object-fit: contain; width: 100%; height: 100%; } .page__home-promotion .swiper-pagination { bottom: 0; } .page__home-promotion .swiper-pagination-bullet { background: linear-gradient(0deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 100%), #179ED8; opacity: 1; width: 30px; height: 8px; border-radius: 17px; margin-left: 10px; margin-right: 0; transition: width ease-in-out .2s, border-radius ease-in-out .2s; } .page__home-promotion .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--primary); width: 80px; border-radius: 2em; } .page__home-promotion .home-promotion-pagination { margin-top: 16px; text-align: center; }.page__home { overflow: hidden; } .page__home__header { background-image: url(/static/2024/07/31/a2d11490-01f7-42f7-8e36-a4c786d86bba.png); background-repeat: no-repeat; background-size: 100% 130%; background-position: center bottom; padding-bottom: .5rem; } @media (max-width:768px) { .page__home { background-position: center top; } .page__home__header { background-size: cover; } } .page__home-notice { border-radius: var(--box-radius); margin-top: var(--space); overflow: hidden; } .page__home-style { padding: calc(var(--space) * 1.5) 0; } .page__home-style .title { padding-bottom: var(--space); } .page__home-style .title h2 { font-size: 1.5em; } .page__home-style .title p { border-bottom: dashed 1px var(--light-3); margin: 0 1em; } .page__home-style .title .more { width: 1.8em; height: 1.8em; border: solid 1px var(--light-4); border-radius: 50%; display: flex; align-items: center; justify-content: center; }.page__footer { margin-top: 6%; padding-top: 1%; position: relative; background-color: #323C46; } .page__footer .copyright { opacity: .8; } .page__footer .content { padding: 2em 0; display: flex; } .page__footer .content h3 { font-size: 1.25em; padding-bottom: 1.5em; } .page__footer .content li { flex: 1; } .page__footer .content li:first-child { flex: 2; } .page__footer .contact li { display: flex; padding-bottom: 1.5em; } .page__footer .contact li:last-child { padding-bottom: 0; } .page__footer .contact span { opacity: .8; min-width: .6rem; } .page__footer img { height: 100px; } .page__footer .contact .spacing { margin-right: .2rem; } .page__footer .contact p { flex: 1; } .page__footer .contact .address-list { display: flex; flex-direction: column; } .page__footer .menu a { display: block; padding: .4em } .page__footer::before { content: ''; width: 100%; padding-top: 6%; position: absolute; top: 0; left: 0; transform: translateY(-90%); background: url("/static/2023/11/09/f13abc1c-6eb6-407a-b598-62ae4b3e7f17.png") center no-repeat; background-size: 100% auto; } .page__footer .content li a:not(:last-child) { margin-right: .2rem; } .page__footer .content li img:not(:last-child) { margin-right: .2rem; } @media (min-width:769px) { .page__footer .contact { padding-right: 2em; } } @media (max-width: 768px) { .page__footer .content { flex-direction: column; } .page__footer .content>li:not(:first-child) { padding-top: 2em; } } @media (max-width:580px) { .page__footer .menu { width: calc(100% + 12px *2) !important; margin: calc(12px * -1); margin-bottom: 0; flex-wrap: wrap; } .page__footer .menu li { padding: 0 } .page__footer .menu a { padding: 1em } }:root { --space: 36px; --box-radius: 16px; } .page__article, .page__column { min-height: 60vh; } t-swiper, t-btn-group, t-btn, t-popup, t-boxes, t-menu, t-drawer { display: none; } .wrapper { max-width: 1400px; margin-left: auto; margin-right: auto; } .index__box { min-height: 100vh; display: flex; flex-direction: column; } .site-gray { filter: grayscale(1); } .editor-content { overflow: auto; padding: 1px; } .editor-content p { margin: revert; } .editor-content a { color: var(--primary); font-weight: bold; } .editor-content a svg.icon { transform: scale(1.25); margin-left: .2em; } .editor-content table:not([cellpadding]) th, .editor-content table:not([cellpadding]) td { padding: 0.06rem; } .editor-content table { border-radius: unset; } .editor-content table td { padding: 0; } .editor-content tr:hover { background: none !important; } .content-page-bg { background-image: url(/static/2024/07/12/ed2f6754-010b-4010-9be6-95480710e91a.png); background-position: center center; background-repeat: no-repeat; background-size: cover; } .t-date__header { align-items: center; padding: .4em; } @media (max-width:1280px) { :root { --space: 20px; --box-radius: 8px; } } @media (max-width:1440px) { .wrapper { margin-left: 1em; margin-right: 1em; } .wrapper.full\:x { width: calc(100% - 2em); } } @media (max-width:580px) { :root { --space: 16px; --box-radius: 6px; } .wrapper { margin-left: 12px; margin-right: 12px; } } .icon-arrow-3 { display: inline-block !important; vertical-align: middle; } .icon-arrow-3::before { display: inline-block !important; vertical-align: -0.1em; height: 100%; }</style><script>var VueObject=[],VueData={},isSPA=false,cmsType="column",baseURL="/safp_api",langCode="zh-hant",language=[{"label":"中文","value":"zh-hant"},{"label":"Português","value":"pt"}];(function(){VueData.langCode = langCode; VueData.langKeys = language; VueData.share = [{ icon: "#facebook", value: "facebook" }, { icon: "#wechat", value: "qrcode" }]; var html = document.documentElement; var hclass = html.classList; html.setAttribute('lang', langCode); })();(function(){var activeIndex = 0; VueData.notice = []; VueObject.push(['tpl-notice', { get lang() { return this.$language.get(function(s) { return s.portal.notice }) }, list: [], item: { detail: null, show: false }, open: false, options: { autoplay: { delay: 3000, disableOnInteraction: false }, on: { slideChange: function() { activeIndex = this.activeIndex; } } }, handleShowDetail() { if (this.item.show) { this.handle('start'); this.item.show = false } else { this.handle('stop'); this.item.detail = this.list[activeIndex].content; this.$nextTick(function() { this.item.show = true; }) } }, toTop() { var view = document.querySelector('.notice__wrapper'); if (view) { view.scrollIntoView({ block: 'start', behavior: 'smooth', }); } }, show() { this.open = true; this.handle('start'); this.toTop(); this.$tools.cookie.remove('notice-close'); }, close() { this.open = false; this.item.show = false; this.handle('stop'); this.$tools.cookie.set('notice-close', '1', 7); }, get swiper() { return this.$parent.$refs['notice-swiper'] }, get fold() { return this.$parent.$refs['notice-fold'] }, handle(type) { var s = this.swiper.swiper; if (s.autoplay) s.autoplay[type]() }, mounted() { var self = this; this.open = this.$tools.cookie.get('notice-close') != '1'; function filter(type) { return function(item) { return item.noticeType == type } }; this.$http.get('/portal/notice/list/', { size: 50 }).then(function(res) { var data = res.data.data||[]; self.$state.notice = data.filter(filter('PIC')); self.list = data.filter(filter('TEXT')); if (self.list.length > 1) self.item.detail = self.list[0].content; }) } }]);})();(function(){VueData.fontSizeList = [{"label":"小","value":"70PX"},{"label":"中","value":"100PX"},{"label":"大","value":"130PX"}]; VueData.showMenu = false; VueData.showSearch = false; VueData.foldOrUnfoldFlagList = []; VueData.foldOrUnfold = function(index) { var index1 = VueData.foldOrUnfoldFlagList.indexOf(index, 0), isExist = VueData.foldOrUnfoldFlagList.includes(index); isExist ? VueData.foldOrUnfoldFlagList.splice(index1, 1) : VueData.foldOrUnfoldFlagList.push(index); }; VueData.changeFontSize = function(val) { localStorage.setItem('font-size', val); this.fontSize = val; document.documentElement.style.fontSize = val; }; VueObject.push(['tpl-search', { label: 'search-form', list: [], search(e) { var input = e.target.querySelector('input'), placeholder = this.$language.get(s => s.global.placeholder); if (!input.value.trim()) { e.preventDefault(); this.$UI.message(placeholder.keyword) } }, getWords() { var that = this; this.$http.get('/portal/keyword/list').then(function(res) { that.list = res.data.data || []; }); }, setWord(str) { var searchInput = document.querySelectorAll('.search-input'); if (searchInput.length) { for (var i = 0; i < searchInput.length; i++) { searchInput[i].value = str; } } }, watch: { '$state.showSearch': function(val) { if (val) { this.getWords(); } }, '$state.showMenu': { immediate: true, handler: function(val) { if (val) { this.getWords(); } } } } }]);})();(function(){VueObject.push(['home-banner', { options: { autoplay: { delay: 3000, disableOnInteraction: false }, pagination: { clickable: true } } }]);})();(function(){VueObject.push(['home-services', { roleType: [], tab: '', options: { slidesPerView: 'auto', spaceBetween: 40, navigation: { prevEl: '.services-prev', nextEl: '.services-next' } }, created() { this.roleType = this.$dictionary.get('roleType'); this.changeTab('1'); }, changeTab(value) { this.tab = value; } }]);})();(function(){VueObject.push(['home-promotion', { options: { slidesPerView: 'auto', spaceBetween: 16, loop: true }, timer: null, mounted() { }, }]);})();(function(){VueObject.push(['footer-link', { link: '', mounted() { var that = this; this.$http.get('/portal/link').then(function(res) { that.link = res.data.data; }); }}]);})();(function(){var fontSize = localStorage.getItem('font-size'); if (fontSize) { document.documentElement.style.fontSize = fontSize; } VueData.fontSize = localStorage.getItem('font-size') || '100PX'; VueObject.push(['article-content', { mounted() { var links = document.querySelector('.editor-content').querySelectorAll('a'); links.forEach(function (a) { let icon = (a.href.match(/\.(pdf|docx?|xlsx?|ppt)$/g) || []).map(function (key) { return key.replace('.', '').replace(/x$/, '') }); if (icon.length) { a.innerHTML += '<svg class="t-icon icon"><use xlink:href="#' + icon[0] + '"></use></svg>' } else { a.classList.add('t-link') } }) } }])})();</script></head><body><div id="app" class="index__box"><tpl-notice v-slot="_" class="notice__wrapper"> <div class="wrapper" v-if="_.list.length"> <t-fold ref="notice-fold" v-model="_.open"> <div class="notice__box flex:agc"> <div class="left flex-1 flex pr:md hidden"> <i class="icon-notice mr:md"></i> <div class="flex-1 hidden"> <t-swiper :class="{'event:none':_.item.show}" :list="_.list" :options="_.options" ref="notice-swiper"> <div slot-scope="item"> <h1 class="txt:omit">{{item.title}}</h1> <p class="txt:omit txt:sm mt:sm" v-if="item.remark">{{item.remark}}</p> </div> </t-swiper> </div> </div> <div class="right"> <t-btn bg="light:9" @click="_.handleShowDetail" class="mr:sm">{{_.lang.desc}}</t-btn> <t-btn bg="none" round color="light:9" outline @click="_.close">{{_.lang.packup}}</t-btn> </div> </div> </t-fold> <div class="unfold flex:agc" v-if="!_.open" @click="_.show()"> <i class="icon-notice"></i> <span class="mob:hide pl:sm">{{_.lang.label}}</span> </div> </div> <div class="wrapper" v-if="_.list.length"> <t-fold ref="notice-fold" v-model="_.item.show"> <div class="editor-content" style="padding-bottom: 1em;" v-if="_.item.detail" v-html="_.item.detail"></div> <div v-else>{{$state.lang.content.nodata}}</div> </t-fold> </div> </tpl-notice> <div class="page__top"> <div class="page__header bg:primary light"> <div class="wrapper flex:agc"> <div class="page__header-left flex-1"> <h1> <a href="/zh-hant/home"> <img src="/static/2024/09/05/79264ecd-5b7d-4cc1-ae7b-015dc2a27f50.png" alt="行政公職局" /> </a> </h1> </div> <t-btn-group class="page__header-tools" dense> <a href="/zh-hant/home" class="t-btn mob:hide pad:hide"> <span class="t-btn__content"> <i class="icon-home"></i> <span class="pl:sm">首頁</span> </span> </a> <t-divide vertical class="mob:hide pad:hide"></t-divide> <t-btn> <span class="mob:hide pl:sm">A 字體大小</span> <i class="mob:hide icon-arrow-1 r:90"></i> <t-menu boundary="MOBSM"> <ul class="header-language"> <ul class="header-language"> <li v-for="item in $state.fontSizeList" :key="item.value" :class="item.value===$state.fontSize?'bg:primary:2 primary event:none':''" @click="$state.changeFontSize(item.value)" v-close-popup><div>{{item.label}}</div></li> </ul> </ul> </t-menu> </t-btn> <t-divide vertical class="mob:hide pad:hide"></t-divide> <t-btn> <i class="icon-language"></i> <span class="mob:hide pl:sm">中文</span> <i class="mob:hide icon-arrow-1 r:90"></i> <t-menu boundary="MOBSM"> <ul class="header-language"> <li class="bg:primary:2 primary event:none"><a href="/zh-hant/home">中文</a></li> <li class=""><a href="/pt/home">Português</a></li> </ul> </t-menu> </t-btn> <t-divide vertical class="mob:hide"></t-divide> <p class="pad:hide dkt:hide pl:sm"></p> <t-btn title="search" class="mob:hide pad:hide" @click="$state.showSearch = !$state.showSearch"> <i class="icon-search"></i> </t-btn> <t-btn title="menu" @click="$state.showMenu = !$state.showMenu" class="dkt:hide"> <i class="icon-union"></i> </t-btn> </t-btn-group> </div> <t-drawer v-model="$state.showSearch" drawer-class="popup-search" boundary="DKT" position="top"> <t-btn v-close-popup color="light:6" bg="none" class="close-btn" title="close" dense> <i class="icon-close"></i> </t-btn> <tpl-search class="search-wrapper" v-slot="_"> <form class="search-form" action="/zh-hant/search" method="get" @submit="_.search"> <input class="search-input" title="search" name="searchWord" placeholder="搜尋" onblur="this.value=this.value.trim()" /> <button title="search" type="submit"> <i class="icon-search"></i> </button> </form> <ul class="search-hot mt:md" v-if="_.list.length"> <li v-for="(item, index) in _.list" :key="'word'+index" class="flex:agc" v-if="_.$tools.getLangData(JSON.parse(item.keyword))"> <span v-if="index!=0" class="word-sp mx:sm light:4">|</span> <span class="px:sm text" @click="_.setWord(_.$tools.getLangData(JSON.parse(item.keyword)))">{{_.$tools.getLangData(JSON.parse(item.keyword))}}</span> </li> </ul> </tpl-search> </t-drawer> </div> <t-drawer class="page__menu" v-model="$state.showMenu" drawer-class="page__menu-drawer" content-class="wrapper" position="top"> <div class="wrapper flex:agc dkt:hide" style="padding: .1rem 0;"> <div class="page__header-left flex-1"> <h1> <a style="padding: 0;" href="/zh-hant/home"> <img src="/static/2024/09/05/79264ecd-5b7d-4cc1-ae7b-015dc2a27f50.png" alt="行政公職局" /> </a> </h1> </div> <t-btn-group class="page__header-tools" dense> <t-btn size="md" title="size"> A <t-menu boundary="MOBSM"> <ul class="header-language"> <li v-for="item in $state.fontSizeList" :key="item.value" :class="item.value===$state.fontSize?'bg:primary:2 primary event:none':''" @click="$state.changeFontSize(item.value)" v-close-popup><div>{{item.label}}</div></li> </ul> </t-menu> </t-btn> <t-btn size="md" title="language"> <i class="icon-language txt:lg"></i> <t-menu boundary="MOBSM"> <ul class="header-language"> <li class="bg:primary:2 primary event:none"><a href="/zh-hant/home">中文</a></li> <li class=""><a href="/pt/home">Português</a></li> </ul> </t-menu> </t-btn> <t-btn v-close-popup bg="none" class="close-btn" title="close" dense> <i class="icon-close"></i> </t-btn> </t-btn-group> </div> <tpl-search class="search-wrapper" v-slot="_"> <form class="search-form" action="/zh-hant/search" method="get" @submit="_.search"> <input class="search-input" title="search" name="searchWord" placeholder="搜尋" onblur="this.value=this.value.trim()" /> <button title="search" type="submit"> <i class="icon-search"></i> </button> </form> <ul class="search-hot mt:md" v-if="_.list.length"> <li v-for="(item, index) in _.list" :key="'word'+index" class="flex:agc" v-if="_.$tools.getLangData(JSON.parse(item.keyword))"> <span v-if="index!=0" class="word-sp mx:sm light:4">|</span> <span class="px:sm text" @click="_.setWord(_.$tools.getLangData(JSON.parse(item.keyword)))">{{_.$tools.getLangData(JSON.parse(item.keyword))}}</span> </li> </ul> </tpl-search> <ul class="fisrt"> <li class=""> <h3 class="has-children"> <span>關於本局</span> <p class="fold"><i class="icon-arrow-1 r:90 mob:hide pad:hide"></i></p> <p class="unfold"><i class="icon-arrow-1 r:270 mob:hide pad:hide"></i></p> <i class="icon-arrow-1 r:270 dkt:hide" v-if="$state.foldOrUnfoldFlagList.includes(1)" @click="$state.foldOrUnfold(1)"></i> <i class="icon-arrow-1 r:90 dkt:hide" v-else @click="$state.foldOrUnfold(1)"></i> </h3> <div class="page__menu-children mob:hide pad:hide"> <div class="wrapper"> <ul class="second"> <li class=""> <h3><a href="/zh-hant/about/obligation" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>本局職責</a></h3> </li> <li class=""> <h3><a href="/zh-hant/about/orgchart" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>組織架構</a></h3> </li> <li class=""> <h3><a href="/zh-hant/about/quality" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>品質政策</a></h3> </li> <li class=""> <h3><a href="/zh-hant/about/commitment" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>服務承諾</a></h3> </li> <li class=""> <h3><a href="/zh-hant/about/feedback" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>意見箱</a></h3> </li> </ul> </div> </div> <t-fold-transition> <div class="page__menu-children dkt:hide" v-if="$state.foldOrUnfoldFlagList.includes(1)"> <div class="wrapper"> <ul class="second"> <li class=""> <h3><a href="/zh-hant/about/obligation" target="_self">本局職責</a></h3> </li> <li class=""> <h3><a href="/zh-hant/about/orgchart" target="_self">組織架構</a></h3> </li> <li class=""> <h3><a href="/zh-hant/about/quality" target="_self">品質政策</a></h3> </li> <li class=""> <h3><a href="/zh-hant/about/commitment" target="_self">服務承諾</a></h3> </li> <li class=""> <h3><a href="/zh-hant/about/feedback" target="_self">意見箱</a></h3> </li> </ul> </div> </div> </t-fold-transition> </li> <li class=""> <h3 class="has-children"> <a href="/zh-hant/news">最新消息</a> <p class="fold"><i class="icon-arrow-1 r:90 mob:hide pad:hide"></i></p> <p class="unfold"><i class="icon-arrow-1 r:270 mob:hide pad:hide"></i></p> <i class="icon-arrow-1 r:270 dkt:hide" v-if="$state.foldOrUnfoldFlagList.includes(2)" @click="$state.foldOrUnfold(2)"></i> <i class="icon-arrow-1 r:90 dkt:hide" v-else @click="$state.foldOrUnfold(2)"></i> </h3> <div class="page__menu-children mob:hide pad:hide"> <div class="wrapper"> <ul class="second"> <li class=""> <h3><a href="/zh-hant/news/tender" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>採購資訊</a></h3> </li> <li class=""> <h3><a href="/zh-hant/news/recruit" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>招聘信息</a></h3> </li> <li class=""> <h3><a href="/zh-hant/news/info" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>新聞</a></h3> </li> <li class=""> <h3><a href="/zh-hant/news/circular" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>指引性傳閱公函</a></h3> </li> </ul> </div> </div> <t-fold-transition> <div class="page__menu-children dkt:hide" v-if="$state.foldOrUnfoldFlagList.includes(2)"> <div class="wrapper"> <ul class="second"> <li class=""> <h3><a href="/zh-hant/news/tender" target="_self">採購資訊</a></h3> </li> <li class=""> <h3><a href="/zh-hant/news/recruit" target="_self">招聘信息</a></h3> </li> <li class=""> <h3><a href="/zh-hant/news/info" target="_self">新聞</a></h3> </li> <li class=""> <h3><a href="/zh-hant/news/circular" target="_self">指引性傳閱公函</a></h3> </li> </ul> </div> </div> </t-fold-transition> </li> <li class=""> <h3 class="has-children"> <span>服務</span> <p class="fold"><i class="icon-arrow-1 r:90 mob:hide pad:hide"></i></p> <p class="unfold"><i class="icon-arrow-1 r:270 mob:hide pad:hide"></i></p> <i class="icon-arrow-1 r:270 dkt:hide" v-if="$state.foldOrUnfoldFlagList.includes(3)" @click="$state.foldOrUnfold(3)"></i> <i class="icon-arrow-1 r:90 dkt:hide" v-else @click="$state.foldOrUnfold(3)"></i> </h3> <div class="page__menu-children mob:hide pad:hide"> <div class="wrapper"> <ul class="second"> <li class=""> <h3><a href="/zh-hant/services/gov-service" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>政府服務資訊及投訴轉介</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/exam" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>公職開考</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/translation" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>中葡翻譯</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/elections" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>選民登記及選舉事務</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/electronics" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>電子政務</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/training" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>公務員培訓</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/civilservant" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>公務員管理</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/legalassist" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>公職法律輔助</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/welfare" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>公職補充福利及關懷</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/internalsupport" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>政府內部支援</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/adminsupport" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>公共行政支援</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/administration" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>表格下載</a></h3> </li> </ul> </div> </div> <t-fold-transition> <div class="page__menu-children dkt:hide" v-if="$state.foldOrUnfoldFlagList.includes(3)"> <div class="wrapper"> <ul class="second"> <li class=""> <h3><a href="/zh-hant/services/gov-service" target="_self">政府服務資訊及投訴轉介</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/exam" target="_self">公職開考</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/translation" target="_self">中葡翻譯</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/elections" target="_self">選民登記及選舉事務</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/electronics" target="_self">電子政務</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/training" target="_self">公務員培訓</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/civilservant" target="_self">公務員管理</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/legalassist" target="_self">公職法律輔助</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/welfare" target="_self">公職補充福利及關懷</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/internalsupport" target="_self">政府內部支援</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/adminsupport" target="_self">公共行政支援</a></h3> </li> <li class=""> <h3><a href="/zh-hant/services/administration" target="_self">表格下載</a></h3> </li> </ul> </div> </div> </t-fold-transition> </li> <li class=""> <h3 class="has-children"> <span>資訊</span> <p class="fold"><i class="icon-arrow-1 r:90 mob:hide pad:hide"></i></p> <p class="unfold"><i class="icon-arrow-1 r:270 mob:hide pad:hide"></i></p> <i class="icon-arrow-1 r:270 dkt:hide" v-if="$state.foldOrUnfoldFlagList.includes(4)" @click="$state.foldOrUnfold(4)"></i> <i class="icon-arrow-1 r:90 dkt:hide" v-else @click="$state.foldOrUnfold(4)"></i> </h3> <div class="page__menu-children mob:hide pad:hide"> <div class="wrapper"> <ul class="second"> <li class=""> <h3><a href="/zh-hant/information/publication" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>出版物</a></h3> </li> <li class=""> <h3><a href="/zh-hant/information/civilinfo" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>公共行政人力資源統計資料</a></h3> </li> <li class=""> <h3><a href="http://www.gov.mo/zh-hant/about-government/apm" target="_blank"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>澳門特別行政區公共行政</a></h3> </li> <li class=""> <h3><a href="/zh-hant/information/tropical" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>公眾假期及熱帶氣旋的特別安排</a></h3> </li> <li class=""> <h3><a href="/zh-hant/information/website" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>專題網頁</a></h3> </li> <li class=""> <h3><a href="/zh-hant/information/content" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>服務支援措施</a></h3> </li> <li class=""> <h3><a href="/zh-hant/information/cip_report" target="_self"><i class="icon-arrow-2 mob:hide pad:hide" v-if="false"></i>政府資訊中心工作報告</a></h3> </li> </ul> </div> </div> <t-fold-transition> <div class="page__menu-children dkt:hide" v-if="$state.foldOrUnfoldFlagList.includes(4)"> <div class="wrapper"> <ul class="second"> <li class=""> <h3><a href="/zh-hant/information/publication" target="_self">出版物</a></h3> </li> <li class=""> <h3><a href="/zh-hant/information/civilinfo" target="_self">公共行政人力資源統計資料</a></h3> </li> <li class=""> <h3><a href="http://www.gov.mo/zh-hant/about-government/apm" target="_blank">澳門特別行政區公共行政</a></h3> </li> <li class=""> <h3><a href="/zh-hant/information/tropical" target="_self">公眾假期及熱帶氣旋的特別安排</a></h3> </li> <li class=""> <h3><a href="/zh-hant/information/website" target="_self">專題網頁</a></h3> </li> <li class=""> <h3><a href="/zh-hant/information/content" target="_self">服務支援措施</a></h3> </li> <li class=""> <h3><a href="/zh-hant/information/cip_report" target="_self">政府資訊中心工作報告</a></h3> </li> </ul> </div> </div> </t-fold-transition> </li> </ul> </t-drawer> </div> <div class="flex-1 flex:column "> <div class="page__home flex-1"> <div class="wrapper"> <div class="page__home-notice" v-if="$state.notice.length"> <t-swiper :list="$state.notice" :options="{autoplay:true}"> <a slot-scope="item" :href="item.link" target="_blank"> <img :src="item.entrancePic" :alt="item.title" /> </a> </t-swiper> </div> </div> <div class="page__home__header"> <home-banner v-slot="_"> <div class="page__home-banner wrapper"> <t-swiper :options="_.options" pagination> <div class="swiper-slide"> <a href="https://www.policyaddress.gov.mo/index.html?l=zh-hant" target="_blank"> <img src="/static/2024/11/18/32b55d88-2cce-4810-8433-5cf3b21a654d.jpg" alt="banner" /> </a> </div> </t-swiper> </div> </home-banner>  <home-services v-slot="_"> <div class="services-columns"> <div class="wrapper"> <div class="services-columns-tabs"> <div class="services-columns-tabs__item" @click="_.changeTab('1')" :class="{active:_.tab==='1'}"> <div> 市民 </div> </div> <div class="services-columns-tabs__item" @click="_.changeTab('2')" :class="{active:_.tab==='2'}"> <div> 公務員 </div> </div> <div class="services-columns-tabs__item" @click="_.changeTab('3')" :class="{active:_.tab==='3'}"> <div> 公共部門 </div> </div> </div> </div> <div class="services-columns-body"> <button class="services-navigation services-prev"><i class="icon-arrow-3 r:180"></i></button> <button class="services-navigation services-next"><i class="icon-arrow-3"></i></button> <t-swiper v-if="_.tab==='1'" :options="_.options" key="1" prev-class="icon-arrow-3 r:180" next-class="icon-arrow-3"> <div class="swiper-slide"> <a href="/zh-hant/services/gov-service?rt=1" style="background-image: url(/static/2024/07/25/3292be67-d765-425e-8bd1-6ba54b8de0b2.png)"> <div style="filter: drop-shadow(0 0 5px rgba(0,0,0,.24));"> 政府服務資訊及投訴轉介 </div> </a> </div> <div class="swiper-slide"> <a href="/zh-hant/services/exam?rt=1" style="background-image: url(/static/2024/07/25/1edb70dc-4117-4993-a594-bf4cb6421b60.png)"> <div style="filter: drop-shadow(0 0 5px rgba(0,0,0,.24));"> 公職開考 </div> </a> </div> <div class="swiper-slide"> <a href="/zh-hant/services/translation?rt=1" style="background-image: url(/static/2024/07/25/396e694c-4bad-4d96-8b09-f187e6d765b2.png)"> <div style="filter: drop-shadow(0 0 5px rgba(0,0,0,.24));"> 中葡翻譯 </div> </a> </div> <div class="swiper-slide"> <a href="/zh-hant/services/elections?rt=1" style="background-image: url(/static/2024/07/25/0a177d01-41e4-4559-8cde-bc7f15581706.png)"> <div style="filter: drop-shadow(0 0 5px rgba(0,0,0,.24));"> 選民登記及選舉事務 </div> </a> </div> <div class="swiper-slide"> <a href="/zh-hant/services/electronics?rt=1" style="background-image: url(/static/2024/07/25/db0956f9-5170-453a-b0ed-b0422a9fb9d9.png)"> <div style="filter: drop-shadow(0 0 5px rgba(0,0,0,.24));"> 電子政務 </div> </a> </div> </t-swiper> <t-swiper v-if="_.tab==='2'" :options="_.options" key="2" prev-class="icon-arrow-3 r:180" next-class="icon-arrow-3"> <div class="swiper-slide"> <a href="/zh-hant/services/training?rt=2" style="background-image: url(/static/2024/07/25/87ce771b-1acb-4a10-9767-e5cf766da663.png)"> <div style="filter: drop-shadow(0 0 5px rgba(0,0,0,.24));"> 公務員培訓 </div> </a> </div> <div class="swiper-slide"> <a href="/zh-hant/services/civilservant?rt=2" style="background-image: url(/static/2024/08/08/de3de89f-b73d-4241-afad-e5d2d91383f1.png)"> <div style="filter: drop-shadow(0 0 5px rgba(0,0,0,.24));"> 公務員管理 </div> </a> </div> <div class="swiper-slide"> <a href="/zh-hant/services/legalassist?rt=2" style="background-image: url(/static/2024/08/08/8ef0abee-233e-47e3-a389-608bc615c7f0.png)"> <div style="filter: drop-shadow(0 0 5px rgba(0,0,0,.24));"> 公職法律輔助 </div> </a> </div> <div class="swiper-slide"> <a href="/zh-hant/services/welfare?rt=2" style="background-image: url(/static/2024/07/25/71045df4-fd0f-46f4-9878-456c87f86294.png)"> <div style="filter: drop-shadow(0 0 5px rgba(0,0,0,.24));"> 公職補充福利及關懷 </div> </a> </div> </t-swiper> <t-swiper v-if="_.tab==='3'" :options="_.options" key="3" prev-class="icon-arrow-3 r:180" next-class="icon-arrow-3"> <div class="swiper-slide"> <a href="/zh-hant/services/translation?rt=3" style="background-image: url(/static/2024/07/25/396e694c-4bad-4d96-8b09-f187e6d765b2.png)"> <div style="filter: drop-shadow(0 0 5px rgba(0,0,0,.24));"> 中葡翻譯 </div> </a> </div> <div class="swiper-slide"> <a href="/zh-hant/services/electronics?rt=3" style="background-image: url(/static/2024/07/25/db0956f9-5170-453a-b0ed-b0422a9fb9d9.png)"> <div style="filter: drop-shadow(0 0 5px rgba(0,0,0,.24));"> 電子政務 </div> </a> </div> <div class="swiper-slide"> <a href="/zh-hant/services/civilservant?rt=3" style="background-image: url(/static/2024/08/08/de3de89f-b73d-4241-afad-e5d2d91383f1.png)"> <div style="filter: drop-shadow(0 0 5px rgba(0,0,0,.24));"> 公務員管理 </div> </a> </div> <div class="swiper-slide"> <a href="/zh-hant/services/legalassist?rt=3" style="background-image: url(/static/2024/08/08/8ef0abee-233e-47e3-a389-608bc615c7f0.png)"> <div style="filter: drop-shadow(0 0 5px rgba(0,0,0,.24));"> 公職法律輔助 </div> </a> </div> <div class="swiper-slide"> <a href="/zh-hant/services/internalsupport?rt=3" style="background-image: url(/static/2024/08/08/a6bb7ebb-45eb-4689-b244-f9481a2b9269.png)"> <div style="filter: drop-shadow(0 0 5px rgba(0,0,0,.24));"> 政府內部支援 </div> </a> </div> <div class="swiper-slide"> <a href="/zh-hant/services/adminsupport?rt=3" style="background-image: url(/static/2024/08/08/b4340428-5d63-4ff1-9ca0-281cf2f71990.png)"> <div style="filter: drop-shadow(0 0 5px rgba(0,0,0,.24));"> 公共行政支援 </div> </a> </div> </t-swiper> </div> </div> </home-services>  </div> <div class="wrapper"> <div class="page__home-news page__home-style"> <div class="title flex:agc"> <h2>最新消息</h2> <p class="flex-1"></p> <a class="more" title="more" href="/zh-hant/news"> <t-icon icon="#more"></t-icon> </a> </div> <a href="/zh-hant/news/info/202504/75a9bfdb0c07451e91f93fceb2071317" target=""> <div class="news-content"> <span class="date">2025-04-08</span> <p class="txt:omit:3">電子繳交行車稅和辦理在生證明均接近九成</p> </div> </a> <a href="/zh-hant/news/tender/202504/26b064127e04464ab1e4569ba673b8a1" target=""> <div class="news-content"> <span class="date">2025-04-08</span> <p class="txt:omit:3">購買人工智能一體機</p> </div> </a> <a href="/zh-hant/news/info/202503/cc6b94344ceb40d4a38922f8d122527e" target=""> <div class="news-content"> <span class="date">2025-03-24</span> <p class="txt:omit:3">公職開考網頁維護</p> </div> </a> </div> </div> <home-promotion v-slot="_"> <div class="page__home-promotion wrapper page__home-style"> <div class="title flex:agc"> <p class="flex-1"></p> <a class="more" title="more" href="/zh-hant/promotion"> <t-icon icon="#more"></t-icon> </a> </div> <t-swiper :options="_.options" seamless="2500"> <div class="swiper-slide"> <div class="content"> <a href="/static/2024/11/18/01ea9009-8b86-4e98-8e74-b65570f9d5c5.pdf" target="_blank"> <img src="/static/2024/11/18/cf609162-9cd4-4565-a1c4-8930d2608caa.png" alt="行政法務範疇二零二四年財政年度政府工作總結" /> </a> </div> </div> <div class="swiper-slide"> <div class="content"> <a href="https://www.safp.gov.mo/zh-hant/information/tropical/202407/f60ab29f7b2e42f9a1f9fc69f6864065" target="_blank"> <img src="/static/2024/09/05/0430f6e6-74f9-4957-87ee-80612069c564.png" alt="政府部門在熱帶氣旋期間所採取的措施" /> </a> </div> </div> <div class="swiper-slide"> <div class="content"> <iframe width="560" height="315" src="https://www.youtube.com/embed/Buhzl7j4nDI?si=qchl2mEUcqhNJDyt" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> </div> <div class="swiper-slide"> <div class="content"> <a href="https://concurso-uni.safp.gov.mo/" target="_blank"> <img src="/static/2024/08/19/5018a7bd-597e-44bb-adf3-f7cd14773e16.png" alt="公職開考" /> </a> </div> </div> <div class="swiper-slide"> <div class="content"> <a href="https://www.gov.mo/zh-hant/" target="_blank"> <img src="/static/2024/07/25/11856875-a72e-45ad-8143-6933bcc7f797.png" alt="澳門特別行政區政府入口網站" /> </a> </div> </div> <div class="swiper-slide"> <div class="content"> <a href="/static/2024/11/18/01ea9009-8b86-4e98-8e74-b65570f9d5c5.pdf" target="_blank"> <img src="/static/2024/11/18/cf609162-9cd4-4565-a1c4-8930d2608caa.png" alt="行政法務範疇二零二四年財政年度政府工作總結" /> </a> </div> </div> <div class="swiper-slide"> <div class="content"> <a href="https://www.safp.gov.mo/zh-hant/information/tropical/202407/f60ab29f7b2e42f9a1f9fc69f6864065" target="_blank"> <img src="/static/2024/09/05/0430f6e6-74f9-4957-87ee-80612069c564.png" alt="政府部門在熱帶氣旋期間所採取的措施" /> </a> </div> </div> <div class="swiper-slide"> <div class="content"> <iframe width="560" height="315" src="https://www.youtube.com/embed/Buhzl7j4nDI?si=qchl2mEUcqhNJDyt" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> </div> <div class="swiper-slide"> <div class="content"> <a href="https://concurso-uni.safp.gov.mo/" target="_blank"> <img src="/static/2024/08/19/5018a7bd-597e-44bb-adf3-f7cd14773e16.png" alt="公職開考" /> </a> </div> </div> <div class="swiper-slide"> <div class="content"> <a href="https://www.gov.mo/zh-hant/" target="_blank"> <img src="/static/2024/07/25/11856875-a72e-45ad-8143-6933bcc7f797.png" alt="澳門特別行政區政府入口網站" /> </a> </div> </div> </t-swiper> </div> </home-promotion> </div> </div> <div class="page__footer light"> <div class="wrapper"> <ul class="content"> <li> <h3>聯絡方式</h3> <ul class="contact"> <li> <span class="">地址</span> <p class="address-list"> <span style="opacity: 1;">澳門水坑尾街162號</span> <span style="opacity: 1;">公共行政大樓地下, 11-12樓及21-28樓</span> </p> </li> <li> <span class="">電話</span> <p>(853) 2832 3623</p> </li> <li> <span class="">傳真</span> <p>(853) 8987 1722</p> </li> <li> <span class="">郵箱</span> <p>info@safp.gov.mo</p> </li> </ul> </li> <li> <h3>微信公眾號</h3> <img src="/static/2024/08/15/3fd9f779-4400-4e02-8e1d-213f96b6eff2.png" alt="微信公眾號"> </li> </ul> </div> <div class="t-divide ma:none"></div> <div class="wrapper mob:flex:column pad:flex dkt:flex py:md flex:agc"> <footer-link v-slot="_"> <ul class="menu flex txt:center"> <li> <a href="/zh-hant/other/policy">私隱聲明</a> </li> <li v-if="_.link" v-show="_.link" style="display: none;"> <a :href="_.link" target="_blank">內聯網登入</a> </li> </ul> </footer-link> <p class="flex-1 mob:flex:column pad:flex dkt:flex"></p> <div class="copyright txt:center"> <p>澳門特別行政區政府行政公職局</p> </div> </div> </div> </div><script defer="defer" src="/js/vendor.f71245a0.js"></script><script defer="defer" src="/js/app.64b37962.js"></script></body></html>