www.basiclaw.gov.mo Open in urlscan Pro
202.175.190.43  Public Scan

Submitted URL: http://www.lc.basiclaw.gov.mo/
Effective URL: https://www.basiclaw.gov.mo/index_tc.aspx
Submission: On June 22 via api from MO — Scanned from DE

Form analysis 1 forms found in the DOM

POST ./index_tc.aspx

<form method="post" action="./index_tc.aspx" id="form1">
  <div class="aspNetHidden">
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
      value="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">
  </div>
  <div class="aspNetHidden">
    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="F7BD8287">
  </div>
  <div>
    <header id="mainHeader">
      <div>
        <div class="row container-full" style="padding: 0;">
          <div class="column col-xs-12 col-sm-12 col-md-12 col-lg-12" style="padding: 0; margin: 0;">
            <img src="/Images/topBanner2.png" class="img-fluid" style="vertical-align: top;">
          </div>
        </div>
      </div>
      <!--   <body style="padding-top:20px;"> -->
      <!-- Navigation -->
      <!-- Navbar -->
      <!-- <div class="navbar navbar-default" role="navigation"> -->
      <div style="height:10px; background-color:#CAAA7F;"></div>
      <nav class="navbar navbar-expand-lg navbar-default">
        <button class="navbar-toggler custom-toggler ml-auto" type="button" data-toggle="collapse" data-target="#main_nav" style="margin-right:1em;">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="main_nav">
          <ul class="navbar-nav nav-fill w-100">
            <li class="nav-item"><a class="nav-link" href="/index_tc.aspx"><i class="zmdi zmdi-home"></i></a></li>
            <li class="nav-item"><a class="nav-link" href="/general/eventList_tc.aspx">最新活動 </a></li>
            <li class="nav-item"><a class="nav-link" href="/general/system_tc.aspx">國家制度 </a></li>
            <li class="nav-item"><a class="nav-link" href="/general/illusBirth_tc.aspx">基本法的誕生 </a></li>
            <li class="nav-item"><a class="nav-link" href="/album/index.html" target="_blank">澳門與基本法歷史圖片 </a></li>
            <li class="nav-item"><a class="nav-link" href="/general/activity_tc.aspx">基本法系列活動 </a></li>
            <li class="nav-item"><a class="nav-link" href="/general/newVideos_tc.aspx">短片 </a></li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="navDropdownLearn" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">普法資訊平台
                                </a>
              <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" href="/general/law_tc.aspx">條文</a>
                <a class="dropdown-item" href="/general/pastDoc_tc.aspx">歷史文獻</a>
                <a class="dropdown-item" href="/general/greatEvents_tc.aspx">基本法大事記</a>
                <a class="dropdown-item" href="/learning/agency_tc.aspx">論文</a>
                <a class="dropdown-item" href="/learning/videoList_tc.aspx">影片</a>
                <a class="dropdown-item" href="/general/articleCat_tc.aspx">專家文章</a>
                <a class="dropdown-item" href="/learning/teensRes_tc.aspx">青少年學習資源</a>
                <a class="dropdown-item" href="/learning/leaflet_tc.aspx">單張</a>
              </div>
            </li>
            <li class="nav-item"><a class="nav-link" href="javascript:getLang('_tc','_pt');"><i class="zmdi zmdi-translate"></i></a></li>
          </ul>
        </div>
        <!-- navbar-collapse.// -->
      </nav>
      <div style="height:10px; background-color:#CAAA7F;"></div>
    </header>
  </div>
  <div>
    <div class="row container-full" style="padding: 0; background-image: url(Images/mainTopBg2.png); background-size: 100% 100%; text-align: center;">
      <div class="mb-5 container" id="sliderWrap">
        <div id="ContentPlaceHolder1_HotBanner" class="hotStick">
          <script src="/vendor/jssor/jssor.slider-27.5.0.min.js" type="text/javascript"></script>
          <script type="text/javascript">
            jssor_1_slider_init = function() {
              var jssor_1_SlideshowTransitions = [{
                $Duration: 800,
                x: 0.3,
                $During: {
                  $Left: [0.3, 0.7]
                },
                $Easing: {
                  $Left: $Jease$.$InCubic,
                  $Opacity: $Jease$.$Linear
                },
                $Opacity: 2
              }, {
                $Duration: 800,
                x: -0.3,
                $SlideOut: true,
                $Easing: {
                  $Left: $Jease$.$InCubic,
                  $Opacity: $Jease$.$Linear
                },
                $Opacity: 2
              }];
              var jssor_1_options = {
                $AutoPlay: 1,
                $SlideshowOptions: {
                  $Class: $JssorSlideshowRunner$,
                  $Transitions: jssor_1_SlideshowTransitions,
                  $TransitionsOrder: 1
                },
                $ArrowNavigatorOptions: {
                  $Class: $JssorArrowNavigator$
                },
                $BulletNavigatorOptions: {
                  $Class: $JssorBulletNavigator$
                },
                $ThumbnailNavigatorOptions: {
                  $Class: $JssorThumbnailNavigator$,
                  $Orientation: 2,
                  /*2,*/
                  $NoDrag: true
                }
              };
              var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
              /*#region responsive code begin*/
              //var MAX_WIDTH = 850;
              var MAX_WIDTH = 800;

              function ScaleSlider() {
                var containerElement = jssor_1_slider.$Elmt.parentNode;
                var containerWidth = containerElement.clientWidth;
                if (containerWidth) {
                  var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);
                  jssor_1_slider.$ScaleWidth(expectedWidth);
                } else {
                  window.setTimeout(ScaleSlider, 30);
                }
              }
              ScaleSlider();
              $Jssor$.$AddEvent(window, "load", ScaleSlider);
              $Jssor$.$AddEvent(window, "resize", ScaleSlider);
              $Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
              /*#endregion responsive code end*/
            };
          </script>
          <style>
            /*jssor slider loading skin circles css*/
            .jssorl-005-circles img {
              animation-name: jssorl-005-circles;
              animation-duration: 20.0s;
              animation-iteration-count: infinite;
              animation-timing-function: linear;
            }

            @keyframes jssorl-005-circles {
              from {
                transform: rotate(0deg);
              }

              to {
                transform: rotate(360deg);
              }
            }

            /*jssor slider bullet skin 111 css*/
            .jssorb111 .i {
              position: absolute;
              color: #fff;
              font-family: "Helvetica neue", Helvetica, Arial, sans-serif;
              text-align: center;
              cursor: pointer;
              z-index: 0;
            }

            .jssorb111 .i .n {
              display: none;
            }

            .jssorb111 .i .b {
              fill: #fff;
              stroke: #000;
              stroke-width: 500;
              stroke-miterlimit: 10;
              stroke-opacity: .5;
            }

            .jssorb111 .i:hover .b {
              fill: #fea900;
              stroke: #fea900;
              stroke-width: 6000;
              stroke-opacity: 1;
            }

            .jssorb111 .iav .b {
              fill: #fff;
              stroke-width: 6000;
              stroke-opacity: 1;
            }

            .jssorb111 .i.idn {
              opacity: .3;
            }

            .jssorb111 .iav .n,
            .jssorb111 .i:hover .n {
              display: block;
            }

            /*jssor slider arrow skin 056 css*/
            .jssora056 {
              display: block;
              position: absolute;
              cursor: pointer;
            }

            .jssora056 .a {
              fill: none;
              stroke: #ffffff;
              stroke-width: 960;
              stroke-miterlimit: 10;
            }

            .jssora056:hover {
              opacity: .8;
            }

            .jssora056.jssora056dn {
              opacity: .5;
            }

            .jssora056.jssora056ds {
              opacity: .3;
              pointer-events: none;
            }

            a:hover {
              text-decoration: none;
            }

            .jssort121-280-136 .ti {
              color: #fff;
              font-family: 'Times New Roman';
            }

            p.ti {
              display: table-cell;
              vertical-align: middle;
              height: 65px;
              margin: 0px;
            }

            .jssort121-280-136 a:hover {
              text-decoration: none;
            }

            .jssort121-280-136 .ti:hover {
              color: #fff;
              font-weight: 100;
              text-decoration: underline;
              text-shadow: 0 0 1px #ccc;
            }

            .jssort121-280-136 .d {
              font-family: Arial;
              position: absolute;
              font-size: 0.8em;
              color: #fff;
              line-height: 22px;
              padding-top: 10px;
            }
          </style>
          <div id="jssor_1" style="position: relative; margin: 0px auto; top: 0px; left: 0px; width: 800px; height: 451.765px; overflow: hidden; visibility: visible;" data-jssor-slider="1">
            <!-- Loading Screen -->
            <div style="position: absolute; display: block; top: 0px; left: 0px; width: 800px; height: 451.765px;">
              <div style="position: absolute; display: block; top: -14.1176px; left: -25px; width: 850px; height: 480px; transform: scale(0.942118);">
                <div data-u="slides" style="cursor: default; position: absolute; top: 0px; left: 0px; width: 850px; height: 480px; overflow: hidden; margin: 0px; padding: 0px; transform-style: flat; z-index: 0; pointer-events: none;">
                  <div style="top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block; z-index: 0;"></div>
                </div>
                <div data-u="slides" style="cursor: default; position: absolute; top: 0px; left: 0px; width: 850px; height: 480px; overflow: hidden; margin: 0px; padding: 0px; transform-style: flat; z-index: 0;">
                  <div style="top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; overflow: hidden; transform-style: flat; z-index: 1;">
                    <div style="top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block; overflow: hidden; background-color: rgba(0, 0, 0, 0); background-image: none;"><img data-u="image"
                        src="WebModules/showImage.aspx?Rec_Id=19605&amp;Img_Seq=1" style="max-width: 10000px; max-height: 480px; display: block; object-fit: cover; top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; z-index: 1;"
                        border="0" data-events="auto" data-display="block"></div>
                    <div ata-p="170.00" data-events="auto" data-display="block" style="top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block; transform-style: preserve-3d; z-index: 1;">
                      <a href="https://www.dsaj.gov.mo/WebModules/ShowEvent.aspx?Rec_Id=19605&amp;lang=zh-TW" target="_blank" data-events="auto" data-display="inline" style="z-index: 1; top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block;"></a>
                      <div data-u="thumb" data-events="auto" data-display="block" style="z-index: 1; display: none;">
                        <a href="https://www.dsaj.gov.mo/WebModules/ShowEvent.aspx?Rec_Id=19605&amp;lang=zh-TW" target="_blank" data-events="auto" data-display="inline" style="z-index: 1;"><p class="ti" data-events="auto" data-display="table-cell" style="z-index: 1;"><b data-events="auto" data-display="inline" style="z-index: 1;">活動 | </b> 法務局教青局續辦“教師法律培訓計劃”</p></a>
                      </div>
                    </div>
                    <div data-u="loading" class="jssorl-005-circles" style="position: absolute; top: 0px; left: 0px; width: 850px; height: 480px; text-align: center; background-color: rgba(0, 0, 0, 0.7); display: block; z-index: 1000;">
                      <img style="margin-top:-25px;position:relative;top:50%;width:50px;height:50px;" src="../img/spin.svg">
                    </div>
                  </div>
                  <div style="top: 0px; left: 850px; width: 850px; height: 480px; position: absolute; overflow: hidden; transform-style: flat; z-index: 1;">
                    <div style="top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block; overflow: hidden; background-color: rgba(0, 0, 0, 0); background-image: none;"><img data-u="image"
                        src="WebModules/showImage.aspx?Rec_Id=19530&amp;Img_Seq=1" style="max-width: 10000px; max-height: 480px; display: block; object-fit: cover; top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; z-index: 1;"
                        border="0" data-events="auto" data-display="block"></div>
                    <div ata-p="170.00" data-events="auto" data-display="block" style="top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block; transform-style: preserve-3d; z-index: 1;">
                      <a href="https://www.dsaj.gov.mo/WebModules/ShowEvent.aspx?Rec_Id=19530&amp;lang=zh-TW" target="_blank" data-events="auto" data-display="inline" style="z-index: 1; top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block;"></a>
                      <div data-u="thumb" data-events="auto" data-display="block" style="z-index: 1; display: none;">
                        <a href="https://www.dsaj.gov.mo/WebModules/ShowEvent.aspx?Rec_Id=19530&amp;lang=zh-TW" target="_blank" data-events="auto" data-display="inline" style="z-index: 1;"><p class="ti" data-events="auto" data-display="table-cell" style="z-index: 1;"><b data-events="auto" data-display="inline" style="z-index: 1;">活動 | </b> 法務局保安高校續辦憲法與基本法專題系列活動</p></a>
                      </div>
                    </div>
                    <div data-u="loading" class="jssorl-005-circles" style="position: absolute; top: 0px; left: 0px; width: 850px; height: 480px; text-align: center; background-color: rgba(0, 0, 0, 0.7); display: block; z-index: 1000;">
                      <img style="margin-top:-25px;position:relative;top:50%;width:50px;height:50px;" src="../img/spin.svg">
                    </div>
                  </div>
                  <div style="top: 0px; left: -850px; width: 850px; height: 480px; position: absolute; overflow: hidden; transform-style: flat; z-index: 1;">
                    <div style="top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block; overflow: hidden; background-color: rgba(0, 0, 0, 0); background-image: none;"><img data-u="image"
                        src="WebModules/showImage.aspx?Rec_Id=19373&amp;Img_Seq=1" style="max-width: 10000px; max-height: 480px; display: block; object-fit: cover; top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; z-index: 1;"
                        border="0" data-events="auto" data-display="block"></div>
                    <div ata-p="170.00" data-events="auto" data-display="block" style="top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block; transform-style: preserve-3d; z-index: 1;">
                      <a href="https://www.dsaj.gov.mo/WebModules/ShowEvent.aspx?Rec_Id=19373&amp;lang=zh-TW" target="_blank" data-events="auto" data-display="inline" style="z-index: 1; top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block;"></a>
                      <div data-u="thumb" data-events="auto" data-display="block" style="z-index: 1; display: none;">
                        <a href="https://www.dsaj.gov.mo/WebModules/ShowEvent.aspx?Rec_Id=19373&amp;lang=zh-TW" target="_blank" data-events="auto" data-display="inline" style="z-index: 1;"><p class="ti" data-events="auto" data-display="table-cell" style="z-index: 1;"><b data-events="auto" data-display="inline" style="z-index: 1;">活動 | </b> 普法同慶嘉年華塔石舉行</p></a>
                      </div>
                    </div>
                    <div data-u="loading" class="jssorl-005-circles" style="position: absolute; top: 0px; left: 0px; width: 850px; height: 480px; text-align: center; background-color: rgba(0, 0, 0, 0.7); display: block; z-index: 1000;">
                      <img style="margin-top:-25px;position:relative;top:50%;width:50px;height:50px;" src="../img/spin.svg">
                    </div>
                  </div>
                  <div style="top: 0px; left: -850px; width: 850px; height: 480px; position: absolute; overflow: hidden; transform-style: flat; z-index: 1;">
                    <div style="top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block; overflow: hidden; background-color: rgba(0, 0, 0, 0); background-image: none;"><img data-u="image"
                        src="WebModules/showImage.aspx?Rec_Id=19332&amp;Img_Seq=1" style="max-width: 10000px; max-height: 480px; display: block; object-fit: cover; top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; z-index: 1;"
                        border="0" data-events="auto" data-display="block"></div>
                    <div ata-p="170.00" data-events="auto" data-display="block" style="top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block; transform-style: preserve-3d; z-index: 1;">
                      <a href="https://www.dsaj.gov.mo/WebModules/ShowEvent.aspx?Rec_Id=19332&amp;lang=zh-TW" target="_blank" data-events="auto" data-display="inline" style="z-index: 1; top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block;"></a>
                      <div data-u="thumb" data-events="auto" data-display="block" style="z-index: 1; display: none;">
                        <a href="https://www.dsaj.gov.mo/WebModules/ShowEvent.aspx?Rec_Id=19332&amp;lang=zh-TW" target="_blank" data-events="auto" data-display="inline" style="z-index: 1;"><p class="ti" data-events="auto" data-display="table-cell" style="z-index: 1;"><b data-events="auto" data-display="inline" style="z-index: 1;">活動 | </b> 紀念《澳門基本法》頒佈三十一周年系列活動展開</p></a>
                      </div>
                    </div>
                    <div data-u="loading" class="jssorl-005-circles" style="position: absolute; top: 0px; left: 0px; width: 850px; height: 480px; text-align: center; background-color: rgba(0, 0, 0, 0.7); display: block; z-index: 1000;">
                      <img style="margin-top:-25px;position:relative;top:50%;width:50px;height:50px;" src="../img/spin.svg">
                    </div>
                  </div>
                  <div style="top: 0px; left: -850px; width: 850px; height: 480px; position: absolute; overflow: hidden; transform-style: flat; z-index: 1;">
                    <div style="top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block; overflow: hidden; background-color: rgba(0, 0, 0, 0); background-image: none;"><img data-u="image"
                        src="WebModules/showImage.aspx?Rec_Id=19150&amp;Img_Seq=1" style="max-width: 10000px; max-height: 480px; display: block; object-fit: cover; top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; z-index: 1;"
                        border="0" data-events="auto" data-display="block"></div>
                    <div ata-p="170.00" data-events="auto" data-display="block" style="top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block; transform-style: preserve-3d; z-index: 1;">
                      <a href="https://www.dsaj.gov.mo/WebModules/ShowEvent.aspx?Rec_Id=19150&amp;lang=zh-TW" target="_blank" data-events="auto" data-display="inline" style="z-index: 1; top: 0px; left: 0px; width: 850px; height: 480px; position: absolute; display: block;"></a>
                      <div data-u="thumb" data-events="auto" data-display="block" style="z-index: 1; display: none;">
                        <a href="https://www.dsaj.gov.mo/WebModules/ShowEvent.aspx?Rec_Id=19150&amp;lang=zh-TW" target="_blank" data-events="auto" data-display="inline" style="z-index: 1;"><p class="ti" data-events="auto" data-display="table-cell" style="z-index: 1;"><b data-events="auto" data-display="inline" style="z-index: 1;">活動 | </b> 法務局保安高校合辦憲法與基本法專題系列活動</p></a>
                      </div>
                    </div>
                    <div data-u="loading" class="jssorl-005-circles" style="position: absolute; top: 0px; left: 0px; width: 850px; height: 480px; text-align: center; background-color: rgba(0, 0, 0, 0.7); display: block; z-index: 1000;">
                      <img style="margin-top:-25px;position:relative;top:50%;width:50px;height:50px;" src="../img/spin.svg">
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- Thumbnail Navigator -->
            <div style="position: absolute; display: block; bottom: 0px; left: 0px; width: 800px; height: 65.8824px;">
              <div u="thumbnavigator" class="jssort121-280-136"
                style="position: absolute; bottom: 0px; left: -25px; width: 850px; height: 70px; color: rgb(255, 255, 255); overflow: hidden; cursor: default; background-color: rgb(35, 31, 32); opacity: 0.8; visibility: visible; top: -2.05882px; transform: scale(0.941176);"
                data-jssor-slider="1">
                <div style="position: absolute; display: block; top: -15px; left: 0px; width: 850px; height: 100px;">
                  <div style="position: absolute; display: block; top: 0px; left: 0px; width: 850px; height: 100px; transform: scale(1.001);">
                    <div u="slides" style="position: absolute; overflow: hidden; width: 850px; height: 100px; left: 0px; top: 0px; margin: 0px; padding: 0px; transform-style: flat; z-index: 0; pointer-events: none;">
                      <div style="top: 0px; left: 0px; width: 850px; height: 100px; position: absolute; display: block; z-index: 0;"></div>
                    </div>
                    <div u="slides" style="position: absolute; overflow: hidden; width: 850px; height: 100px; left: 0px; top: 0px; margin: 0px; padding: 0px; transform-style: flat; z-index: 0;">
                      <div style="top: 0px; left: 0px; width: 850px; height: 100px; position: absolute; overflow: hidden; transform-style: flat; z-index: 1;">
                        <div style="top: 0px; left: 0px; width: 850px; height: 100px; position: absolute; display: block; overflow: hidden; background-color: rgba(0, 0, 0, 0); background-image: none;"></div>
                        <div data-events="auto" data-display="block" style="top: 0px; left: 0px; width: 850px; height: 100px; position: absolute; display: block; transform-style: preserve-3d; z-index: 1;">
                          <div u="prototype" style="position: absolute; top: 0px; left: 0px; width: 850px; height: 100px; z-index: 1;" data-jssor-button="1" data-events="auto" data-display="block" class="av">
                            <div data-u="thumb" data-events="auto" data-display="block"
                              style="text-align: left; width: 100%; height: 100%; font-family: arial, helvetica, verdana; font-weight: normal; padding: 17px 20px 5px 40px; line-height: 30px; font-size: 1.2em; box-sizing: border-box; z-index: 1;"
                              class="">
                              <a href="https://www.dsaj.gov.mo/WebModules/ShowEvent.aspx?Rec_Id=19605&amp;lang=zh-TW" target="_blank" data-events="auto" data-display="inline" style="z-index: 2;"><p class="ti" data-events="auto" data-display="table-cell" style="z-index: 2;"><b data-events="auto" data-display="inline" style="z-index: 2;">活動 | </b> 法務局教青局續辦“教師法律培訓計劃”</p></a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div style="top: 100px; left: 0px; width: 850px; height: 100px; position: absolute; overflow: hidden; transform-style: flat; z-index: 1;">
                        <div style="top: 0px; left: 0px; width: 850px; height: 100px; position: absolute; display: block; overflow: hidden; background-color: rgba(0, 0, 0, 0); background-image: none;"></div>
                        <div data-events="auto" data-display="block" style="top: 0px; left: 0px; width: 850px; height: 100px; position: absolute; display: block; transform-style: preserve-3d; z-index: 1;">
                          <div u="prototype" style="position: absolute; top: 0px; left: 0px; width: 850px; height: 100px; z-index: 1;" data-jssor-button="1" data-events="auto" data-display="block">
                            <div data-u="thumb" data-events="auto" data-display="block"
                              style="text-align: left; width: 100%; height: 100%; font-family: arial, helvetica, verdana; font-weight: normal; padding: 17px 20px 5px 40px; line-height: 30px; font-size: 1.2em; box-sizing: border-box; z-index: 1;"
                              class="">
                              <a href="https://www.dsaj.gov.mo/WebModules/ShowEvent.aspx?Rec_Id=19530&amp;lang=zh-TW" target="_blank" data-events="auto" data-display="inline" style="z-index: 2;"><p class="ti" data-events="auto" data-display="table-cell" style="z-index: 2;"><b data-events="auto" data-display="inline" style="z-index: 2;">活動 | </b> 法務局保安高校續辦憲法與基本法專題系列活動</p></a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div style="top: -100px; left: 0px; width: 850px; height: 100px; position: absolute; overflow: hidden; transform-style: flat; z-index: 1;">
                        <div style="top: 0px; left: 0px; width: 850px; height: 100px; position: absolute; display: block; overflow: hidden; background-color: rgba(0, 0, 0, 0); background-image: none;"></div>
                        <div data-events="auto" data-display="block" style="top: 0px; left: 0px; width: 850px; height: 100px; position: absolute; display: block; transform-style: preserve-3d; z-index: 1;">
                          <div u="prototype" style="position: absolute; top: 0px; left: 0px; width: 850px; height: 100px; z-index: 1;" data-jssor-button="1" data-events="auto" data-display="block">
                            <div data-u="thumb" data-events="auto" data-display="block"
                              style="text-align: left; width: 100%; height: 100%; font-family: arial, helvetica, verdana; font-weight: normal; padding: 17px 20px 5px 40px; line-height: 30px; font-size: 1.2em; box-sizing: border-box; z-index: 1;"
                              class="">
                              <a href="https://www.dsaj.gov.mo/WebModules/ShowEvent.aspx?Rec_Id=19373&amp;lang=zh-TW" target="_blank" data-events="auto" data-display="inline" style="z-index: 2;"><p class="ti" data-events="auto" data-display="table-cell" style="z-index: 2;"><b data-events="auto" data-display="inline" style="z-index: 2;">活動 | </b> 普法同慶嘉年華塔石舉行</p></a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div style="top: -100px; left: 0px; width: 850px; height: 100px; position: absolute; overflow: hidden; transform-style: flat; z-index: 1;">
                        <div style="top: 0px; left: 0px; width: 850px; height: 100px; position: absolute; display: block; overflow: hidden; background-color: rgba(0, 0, 0, 0); background-image: none;"></div>
                        <div data-events="auto" data-display="block" style="top: 0px; left: 0px; width: 850px; height: 100px; position: absolute; display: block; transform-style: preserve-3d; z-index: 1;">
                          <div u="prototype" style="position: absolute; top: 0px; left: 0px; width: 850px; height: 100px; z-index: 1;" data-jssor-button="1" data-events="auto" data-display="block">
                            <div data-u="thumb" data-events="auto" data-display="block"
                              style="text-align: left; width: 100%; height: 100%; font-family: arial, helvetica, verdana; font-weight: normal; padding: 17px 20px 5px 40px; line-height: 30px; font-size: 1.2em; box-sizing: border-box; z-index: 1;"
                              class="">
                              <a href="https://www.dsaj.gov.mo/WebModules/ShowEvent.aspx?Rec_Id=19332&amp;lang=zh-TW" target="_blank" data-events="auto" data-display="inline" style="z-index: 2;"><p class="ti" data-events="auto" data-display="table-cell" style="z-index: 2;"><b data-events="auto" data-display="inline" style="z-index: 2;">活動 | </b> 紀念《澳門基本法》頒佈三十一周年系列活動展開</p></a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div style="top: -100px; left: 0px; width: 850px; height: 100px; position: absolute; overflow: hidden; transform-style: flat; z-index: 1;">
                        <div style="top: 0px; left: 0px; width: 850px; height: 100px; position: absolute; display: block; overflow: hidden; background-color: rgba(0, 0, 0, 0); background-image: none;"></div>
                        <div data-events="auto" data-display="block" style="top: 0px; left: 0px; width: 850px; height: 100px; position: absolute; display: block; transform-style: preserve-3d; z-index: 1;">
                          <div u="prototype" style="position: absolute; top: 0px; left: 0px; width: 850px; height: 100px; z-index: 1;" data-jssor-button="1" data-events="auto" data-display="block">
                            <div data-u="thumb" data-events="auto" data-display="block"
                              style="text-align: left; width: 100%; height: 100%; font-family: arial, helvetica, verdana; font-weight: normal; padding: 17px 20px 5px 40px; line-height: 30px; font-size: 1.2em; box-sizing: border-box; z-index: 1;"
                              class="">
                              <a href="https://www.dsaj.gov.mo/WebModules/ShowEvent.aspx?Rec_Id=19150&amp;lang=zh-TW" target="_blank" data-events="auto" data-display="inline" style="z-index: 2;"><p class="ti" data-events="auto" data-display="table-cell" style="z-index: 2;"><b data-events="auto" data-display="inline" style="z-index: 2;">活動 | </b> 法務局保安高校合辦憲法與基本法專題系列活動</p></a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- Bullet Navigator -->
            <div style="position: absolute; display: block; bottom: 70.5882px; left: 630.588px; width: 151.504px; height: 22.7256px;">
              <div data-u="navigator" class="jssorb111" style="position: absolute; bottom: 75px; left: -4.24803px; width: 160px; height: 24px; top: -0.637204px; transform: scale(0.9469);" data-scale="0.9">
                <div data-u="prototype" class="i iav" style="width: 24px; height: 24px; font-size: 12px; line-height: 24px; position: absolute; left: 0px; top: 0px;" data-jssor-button="1">
                  <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;">
                    <circle class="b" cx="8000" cy="8000" r="3000"></circle>
                  </svg>
                  <span class="n" style="">1</span>
                </div>
                <div data-u="prototype" class="i" style="width: 24px; height: 24px; font-size: 12px; line-height: 24px; position: absolute; left: 34px; top: 0px;" data-jssor-button="1">
                  <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;">
                    <circle class="b" cx="8000" cy="8000" r="3000"></circle>
                  </svg>
                  <span class="n" style="">2</span>
                </div>
                <div data-u="prototype" class="i" style="width: 24px; height: 24px; font-size: 12px; line-height: 24px; position: absolute; left: 68px; top: 0px;" data-jssor-button="1">
                  <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;">
                    <circle class="b" cx="8000" cy="8000" r="3000"></circle>
                  </svg>
                  <span class="n" style="">3</span>
                </div>
                <div data-u="prototype" class="i" style="width: 24px; height: 24px; font-size: 12px; line-height: 24px; position: absolute; left: 102px; top: 0px;" data-jssor-button="1">
                  <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;">
                    <circle class="b" cx="8000" cy="8000" r="3000"></circle>
                  </svg>
                  <span class="n" style="">4</span>
                </div>
                <div data-u="prototype" class="i" style="width: 24px; height: 24px; font-size: 12px; line-height: 24px; position: absolute; left: 136px; top: 0px;" data-jssor-button="1">
                  <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;">
                    <circle class="b" cx="8000" cy="8000" r="3000"></circle>
                  </svg>
                  <span class="n" style="">5</span>
                </div>
              </div>
            </div>
            <!-- Arrow Navigator -->
            <div style="position: absolute; display: block; top: 199.605px; left: 23.8887px; width: 52.5552px; height: 52.5552px;">
              <div data-u="arrowleft" class="jssora056" style="width: 55px; height: 55px; top: -1.22238px; left: -1.22238px; transform: scale(0.95555);" data-autocenter="2" data-scale="0.75" data-scale-left="0.75" data-jssor-button="1"
                data-nofreeze="1">
                <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
                  <polyline class="a" points="11040,1920 4960,8000 11040,14080 "></polyline>
                </svg>
              </div>
            </div>
            <div style="position: absolute; display: block; top: 199.605px; right: 23.8887px; width: 52.5552px; height: 52.5552px;">
              <div data-u="arrowright" class="jssora056" style="width: 55px; height: 55px; top: -1.22238px; right: 25px; left: -1.22238px; transform: scale(0.95555);" data-autocenter="2" data-scale="0.75" data-scale-right="0.75" data-jssor-button="1"
                data-nofreeze="1">
                <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
                  <polyline class="a" points="4960,1920 11040,8000 4960,14080 "></polyline>
                </svg>
              </div>
            </div>
          </div>
          <script type="text/javascript">
            jssor_1_slider_init();
          </script>
          <!-- #endregion Jssor Slider End -->
        </div>
      </div>
    </div>
    <div class="row container-full" style="padding: 0; background-image: url(Images/mainBtBg.png); background-size: 100% 100%; text-align: center;">
      <div class="mb-5 container">
        <a href="general/system_tc.aspx"><img src="Images/system.png" class="img-fluid"></a>
      </div>
    </div>
    <div class="container mb-5">
      <div class="row justify-content-center hotItemRow">
        <div class="col-xs hotItemBox">
          <div class="hotItemTopDiv"></div>
          <div><img src="Images/titleBirth.png" class="hotItemImgW"></div>
          <div class="hotitemDiv"><a href="general/illusBirth_tc.aspx"><img src="Images/CROP-article.jpg" class="hotItemImg"></a></div>
          <div><img src="Images/hotItemBelow.png" class="hotItemImgW"></div>
          <div class="hotitemBottomDiv"></div>
        </div>
        <div class="col-xs hotItemBox">
          <div class="hotItemTopDiv"></div>
          <div><img src="Images/titleIllus.png" class="hotItemImgW"></div>
          <div class="hotitemDiv"><a href="album/index.html" target="_blank"><img src="Images/CROP-SIGN.jpg" class="hotItemImg"></a></div>
          <div><img src="Images/hotItemBelow.png" class="hotItemImgW"></div>
          <div class="hotitemBottomDiv"></div>
        </div>
        <div class="col-xs hotItemBox">
          <div class="hotItemTopDiv"></div>
          <div><img src="Images/titleActivity.png" class="hotItemImgW"></div>
          <div class="hotitemDiv"><a href="general/activity_tc.aspx"><img src="Images/CROP-Large_basic.png" class="hotItemImg"></a></div>
          <div><img src="Images/hotItemBelow.png" class="hotItemImgW"></div>
          <div class="hotitemBottomDiv"></div>
        </div>
        <div class="col-xs hotItemBox">
          <div class="hotItemTopDiv"></div>
          <div><img src="Images/titleVideo.png" class="hotItemImgW"></div>
          <div class="hotitemDiv" style="min-height:190px;">
            <iframe allowfullscreen="" class="video-iframe2" src="https://www.youtube.com/embed/SdmJWko2f_0?autoplay=1&amp;loop=1&amp;mute=1"></iframe>
          </div>
          <div class="hotitemBottomDiv"></div>
        </div>
      </div>
    </div>
    <div class="row container-full justify-content-center" style="padding:0; background-image: url(Images/learnBg.png); background-size: 100% 100%;">
      <img src="Images/pfinfo.png" class="img-fluid">
    </div>
    <div class="" style="padding:0; background-color:#269A55;">
      <div class="container pt-3 pb-2">
        <div class="row justify-content-center" style="padding:0 15px;">
          <div class="col-md-auto" style="padding:0 5px;">
            <a href="general/law_tc.aspx"><img src="Images/pf/pf_law.png" class="img-fluid"></a>
            <a href="general/pastDoc_tc.aspx"><img src="Images/pf/pf_pastdoc.png" class="img-fluid">
                </a>
          </div><a href="general/pastDoc_tc.aspx">

                </a>
          <div class="col-md-auto" style="padding:0 5px;"><a href="general/pastDoc_tc.aspx">
                    </a><a href="general/greatEvents_tc.aspx"><img src="Images/pf/pf_greatevent.png" class="img-fluid"></a>
            <a href="learning/agency_tc.aspx"><img src="Images/pf/pf_agency.png" class="img-fluid"></a>
          </div>
        </div>
        <div class="row justify-content-center" style="padding:0 15px;">
          <div class="col-md-auto" style="padding:0 5px;">
            <a href="learning/videoList_tc.aspx"><img src="Images/pf/pf_movie.png" class="img-fluid"></a>
            <a href="general/articleCat_tc.aspx"><img src="Images/pf/pf_article.png" class="img-fluid"></a>
          </div>
          <div class="col-md-auto" style="padding:0 5px;">
            <a href="learning/teensRes_tc.aspx"><img src="Images/pf/pf_youthRes.png" class="img-fluid"></a>
            <a href="learning/leaflet_tc.aspx"><img src="Images/pf/pf_leaflet.png" class="img-fluid"></a>
          </div>
        </div>
      </div>
    </div>
    <div style="height:10px; background-color:#0c7762;"></div>
    <footer class="footer" id="footer" style="background: #c08e38; padding: 10px;">
      <div class="footer-section" id="linksDiv">
        <div class="container">
          <div class="row">
            <div class="col-md-3 iconDiv" style="padding-right:0;">
              <a class="" id="Wechat" data-toggle="modal" href="#wechatModal"><img src="/Images/main_icon_wechat.png" class="icon"></a>
              <a class="" id="FB" href="https://www.facebook.com/普法園地-155736307825013/" target="_blank"><img src="/Images/main_icon_FB.png" class="icon"></a>
              <a class="" id="IG" href="https://www.instagram.com/dsajmacau" target="_blank"><img src="/Images/main_icon_IG.png" class="icon"></a>
              <a class="" id="Youtube" href="https://www.youtube.com/channel/UCIgLA2xmFBJV1SXP2id8AvQ" target="_blank"><img src="/Images/main_icon_youtube.png" class="icon"></a>
            </div>
            <div class="col-md-9">
              <div class="footLinkDiv d-none d-md-block">
                <a href="https://www.elections.gov.mo/" class="footLink" target="_blank">選舉制度</a> <span style="color: white;">|</span>
                <a href="http://www.dsi.gov.mo/frdcp/" class="footLink" target="_blank">領事保護</a> <span style="color: white;">|</span>
                <a href="https://www.iam.gov.mo/c/facility/detail/30a531e4-5f2a-4696-b82c-f11b5bec8797" class="footLink" target="_blank">澳門基本法紀念館</a> <span style="color: white;">|</span>
                <a href="/general/terms_tc.aspx" class="footLink">使用及私隱條款</a>
              </div>
              <div class="d-md-none row">
                <div class="col-sm-6 footLinkDiv">
                  <a href="https://www.elections.gov.mo/" class="footLink" target="_blank">選舉制度</a> <span style="color: white;">|</span>
                  <a href="http://www.dsi.gov.mo/frdcp/" class="footLink" target="_blank">領事保護</a> <span style="color: white;">|</span>
                </div>
                <div class="col-sm-6 footLinkDiv">
                  <a href="https://www.iam.gov.mo/c/facility/detail/30a531e4-5f2a-4696-b82c-f11b5bec8797" class="footLink" target="_blank">澳門基本法紀念館</a> <span style="color: white;">|</span>
                  <a href="/album/index.html" class="footLink" target="_blank">歷史圖片專輯</a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- .container -->
      </div>
    </footer>
    <div class="footerBottom"></div>
    <div class="modal fade" id="wechatModal">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">×</button>
          </div>
          <!-- Modal body -->
          <div class="modal-body">
            <img src="/images/weChat.png" class="img-fluid">
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

Text Content

 * 
 * 最新活動
 * 國家制度
 * 基本法的誕生
 * 澳門與基本法歷史圖片
 * 基本法系列活動
 * 短片
 * 普法資訊平台
   條文 歷史文獻 基本法大事記 論文 影片 專家文章 青少年學習資源 單張
 * 



活動 | 法務局教青局續辦“教師法律培訓計劃”



活動 | 法務局保安高校續辦憲法與基本法專題系列活動



活動 | 普法同慶嘉年華塔石舉行



活動 | 紀念《澳門基本法》頒佈三十一周年系列活動展開



活動 | 法務局保安高校合辦憲法與基本法專題系列活動



活動 | 法務局教青局續辦“教師法律培訓計劃”

活動 | 法務局保安高校續辦憲法與基本法專題系列活動

活動 | 普法同慶嘉年華塔石舉行

活動 | 紀念《澳門基本法》頒佈三十一周年系列活動展開

活動 | 法務局保安高校合辦憲法與基本法專題系列活動

1
2
3
4
5







選舉制度 | 領事保護 | 澳門基本法紀念館 | 使用及私隱條款
選舉制度 | 領事保護 |
澳門基本法紀念館 | 歷史圖片專輯

×