body #page .top1 {
   opacity: 0;
   visibility: hidden;
}

   body #page .top1.mt-scroll-slide-top,
   body #page .top1.mt-scroll-slide-right,
   body #page .top1.mt-scroll-slide-bottom,
   body #page .top1.mt-scroll-slide-left {
      transition: opacity 200ms ease, visibility 200ms ease, -webkit-transform 200ms ease;
      transition: transform 200ms ease, opacity 200ms ease, visibility 200ms ease;
      transition: transform 200ms ease, opacity 200ms ease, visibility 200ms ease, -webkit-transform 200ms ease;
   }

      body #page .top1.mt-scroll-slide-top.mt-scroll-show,
      body #page .top1.mt-scroll-slide-right.mt-scroll-show,
      body #page .top1.mt-scroll-slide-bottom.mt-scroll-show,
      body #page .top1.mt-scroll-slide-left.mt-scroll-show {
         opacity: 1;
         visibility: visible;
      }

      body #page .top1.mt-scroll-slide-top.mt-scroll-hide,
      body #page .top1.mt-scroll-slide-right.mt-scroll-hide,
      body #page .top1.mt-scroll-slide-bottom.mt-scroll-hide,
      body #page .top1.mt-scroll-slide-left.mt-scroll-hide {
         opacity: 0;
         visibility: hidden;
      }

      body #page .top1.mt-scroll-slide-top.mt-scroll-show {
         -webkit-transform: translateY(0%);
         -ms-transform: translateY(0%);
         transform: translateY(0%);
      }

      body #page .top1.mt-scroll-slide-top.mt-scroll-hide {
         -webkit-transform: translateY(-100%);
         -ms-transform: translateY(-100%);
         transform: translateY(-100%);
      }

      body #page .top1.mt-scroll-slide-right.mt-scroll-show {
         -webkit-transform: translateX(0%);
         -ms-transform: translateX(0%);
         transform: translateX(0%);
      }

      body #page .top1.mt-scroll-slide-right.mt-scroll-hide {
         -webkit-transform: translateX(100%);
         -ms-transform: translateX(100%);
         transform: translateX(100%);
      }

      body #page .top1.mt-scroll-slide-bottom.mt-scroll-show {
         -webkit-transform: translateY(0%);
         -ms-transform: translateY(0%);
         transform: translateY(0%);
      }

      body #page .top1.mt-scroll-slide-bottom.mt-scroll-hide {
         -webkit-transform: translateY(100%);
         -ms-transform: translateY(100%);
         transform: translateY(100%);
      }

      body #page .top1.mt-scroll-slide-left.mt-scroll-show {
         -webkit-transform: translateX(0%);
         -ms-transform: translateX(0%);
         transform: translateX(0%);
      }

      body #page .top1.mt-scroll-slide-left.mt-scroll-hide {
         -webkit-transform: translateX(-100%);
         -ms-transform: translateX(-100%);
         transform: translateX(-100%);
      }

   body #page .top1.mt-scroll-fade {
      transition: opacity 200ms ease, visibility 200ms ease;
   }

      body #page .top1.mt-scroll-fade.mt-scroll-show {
         opacity: 1;
         visibility: visible;
      }

      body #page .top1.mt-scroll-fade.mt-scroll-hide {
         opacity: 0;
         visibility: hidden;
      }

body #page .logo1 {
   opacity: 0;
   visibility: hidden;
}

   body #page .logo1.mt-scroll-slide-top,
   body #page .logo1.mt-scroll-slide-right,
   body #page .logo1.mt-scroll-slide-bottom,
   body #page .logo1.mt-scroll-slide-left {
      transition: opacity 200ms ease, visibility 200ms ease, -webkit-transform 200ms ease;
      transition: transform 200ms ease, opacity 200ms ease, visibility 200ms ease;
      transition: transform 200ms ease, opacity 200ms ease, visibility 200ms ease, -webkit-transform 200ms ease;
   }

      body #page .logo1.mt-scroll-slide-top.mt-scroll-show,
      body #page .logo1.mt-scroll-slide-right.mt-scroll-show,
      body #page .logo1.mt-scroll-slide-bottom.mt-scroll-show,
      body #page .logo1.mt-scroll-slide-left.mt-scroll-show {
         opacity: 1;
         visibility: visible;
      }

      body #page .logo1.mt-scroll-slide-top.mt-scroll-hide,
      body #page .logo1.mt-scroll-slide-right.mt-scroll-hide,
      body #page .logo1.mt-scroll-slide-bottom.mt-scroll-hide,
      body #page .logo1.mt-scroll-slide-left.mt-scroll-hide {
         opacity: 0;
         visibility: hidden;
      }

      body #page .logo1.mt-scroll-slide-top.mt-scroll-show {
         -webkit-transform: translateY(0%);
         -ms-transform: translateY(0%);
         transform: translateY(0%);
      }

      body #page .logo1.mt-scroll-slide-top.mt-scroll-hide {
         -webkit-transform: translateY(-100%);
         -ms-transform: translateY(-100%);
         transform: translateY(-100%);
      }

      body #page .logo1.mt-scroll-slide-right.mt-scroll-show {
         -webkit-transform: translateX(0%);
         -ms-transform: translateX(0%);
         transform: translateX(0%);
      }

      body #page .logo1.mt-scroll-slide-right.mt-scroll-hide {
         -webkit-transform: translateX(100%);
         -ms-transform: translateX(100%);
         transform: translateX(100%);
      }

      body #page .logo1.mt-scroll-slide-bottom.mt-scroll-show {
         -webkit-transform: translateY(0%);
         -ms-transform: translateY(0%);
         transform: translateY(0%);
      }

      body #page .logo1.mt-scroll-slide-bottom.mt-scroll-hide {
         -webkit-transform: translateY(100%);
         -ms-transform: translateY(100%);
         transform: translateY(100%);
      }

      body #page .logo1.mt-scroll-slide-left.mt-scroll-show {
         -webkit-transform: translateX(0%);
         -ms-transform: translateX(0%);
         transform: translateX(0%);
      }

      body #page .logo1.mt-scroll-slide-left.mt-scroll-hide {
         -webkit-transform: translateX(-100%);
         -ms-transform: translateX(-100%);
         transform: translateX(-100%);
      }

   body #page .logo1.mt-scroll-fade {
      transition: opacity 200ms ease, visibility 200ms ease;
   }

      body #page .logo1.mt-scroll-fade.mt-scroll-show {
         opacity: 1;
         visibility: visible;
      }

      body #page .logo1.mt-scroll-fade.mt-scroll-hide {
         opacity: 0;
         visibility: hidden;
      }

#page #u1779 {
   display: none;
}

body .u1779-mt_btn_top {
   opacity: 0;
   visibility: hidden;
   position: fixed;
   padding: 15px;
   z-index: 999;
   display: inline-block;
   background: rgba(56, 56, 56, 1);
   border: 0px solid rgba(56, 56, 56, 1);
   outline: none;
   font-size: 14px;
   text-decoration: none !important;
   color: rgb(255, 255, 255);
   border-radius: 5px;
   transition: visibility 1s, opacity 1s;
   font-family: Source Sans Pro, Arial, sans-serif;
   min-width: calc(30px - 30px);
   height: calc(50px - 30px);
   line-height: calc(50px - 30px);
   text-align: center;
   transition-delay: 0s;
}

   body .u1779-mt_btn_top.show_scroll {
      opacity: 1;
      visibility: visible;
   }

   body .u1779-mt_btn_top .u1779-mt-scrolltop-arrow {
      display: inline-block;
      position: relative;
      text-align: center;
      color: rgb(255, 255, 255);
      margin-left: 0.75em;
      border-radius: 5px;
      vertical-align: middle;
   }

      body .u1779-mt_btn_top .u1779-mt-scrolltop-arrow:after {
         content: "";
         display: inline-block;
         width: 10px;
         height: 10px;
         border-top: 2px solid rgb(255, 255, 255);
         border-right: 2px solid rgb(255, 255, 255);
         -moz-transform: rotate(-45deg);
         -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
         vertical-align: middle;
      }

   body .u1779-mt_btn_top.arrow-only .u1779-mt-scrolltop-arrow {
      margin-left: 0;
      margin-top: 1px;
   }

   body .u1779-mt_btn_top:hover {
      background: rgba(126, 124, 124, 1);
      border-color: rgba(126, 124, 124, 1);
      color: rgb(255, 255, 255);
   }

      body .u1779-mt_btn_top:hover .u1779-mt-scrolltop-arrow:after {
         border-top: 2px solid rgb(255, 255, 255);
         border-right: 2px solid rgb(255, 255, 255);
      }

button::-moz-focus-inner {
   border: none;
}

.title-line {
   border-top: #29abe2 1px solid;
   border-bottom: #29abe2 1px solid;
   /*float: left;*/
   display: inline-block;
}

.title-br {
   margin-top: 50px;
   margin-bottom: 50px;
}

.b-title {
   text-align: left;
   font-size: 40px;
   font-weight: 900;
   line-height: 50px;
}

a.bookmark {
	position:relative;
	top:-130px;
}
@media (min-width: 955px) and (max-width: 1200px) {
   .title-line {
      margin-left: 10%;
   }
}

@media (min-width: 525px) and (max-width: 954px) {
   .title-line {
      margin-left: 5%;
   }
}

#u2298 {
   background: #287b00;
   position: fixed;
   width: 100%;
   left: 153px;
   opacity: 0.9;
}

   #u2298 img {
      position: relative;
      left: calc(50% - 153px);
   }

.second-title {
   text-align: center;
   font-size: 20px;
   line-height: 25px;
   font-weight: 900;
   margin: 20px 0;
}

.bg-custom {
   background-color: #29aae22a;
}

.bg-custom-darkblue {
   background-color: #006699;
}

.bg-custom-news {
   background-color: #c7b2995b;
   padding-bottom: 50px;
}

.section-row {
   margin-top: 50px;
   /* margin-bottom: 50px; */
}

.bg-custom-news .title-line {
   border-top: coral 1px solid;
   border-bottom: coral 1px solid;
   /*float: left;*/
   display: inline-block;
   margin-top: 50px;
}

.period {
   color: white;
   font-size: 100px;
   font-weight: bold;
   position: relative;
   top: 100px;
   left: 200px;
}

.custom-footer {
   position: relative;
   bottom: 0px;
   width: 100%;
   left: 0;
   right: 0;
   /* margin-top:50px; */
}

.custom-top-btn {
   z-index: 27;
   width: 38px;
   background-color: transparent;
   position: fixed;
   bottom: 10%;
   right: 10%;
   margin-left: 442px;
}

.custom-nav {
   background-color: #287b00;
}

.navbar {
   -webkit-transition: all 0.6s ease-out;
   -moz-transition: all 0.6s ease-out;
   -o-transition: all 0.6s ease-out;
   -ms-transition: all 0.6s ease-out;
   transition: all 0.6s ease-out;
}

   .navbar.scrolled {
      background: #287b00;
      opacity: 0.9;
   }

body {
   font-family: Microsoft JhengHei;
   font-size: 13.5pt;
   line-height: 30px;
}

.customTbCol {
   white-space: nowrap;
   word-wrap: normal;
}

.table-lic{
	border: 1px solid #003366;
	width:100%;
	border-spacing:0;
	border-collapse:separate;
}
.table-lic td,.table-lic th{
	border-top:0;
	text-align:center;
}
.table-lic  .tr-classname{
    color:white;
	background-color:#006699;
	height:50px;
}
.table-lic  .td-term-title{
	width:20%;
}
.table-lic  .td-date-title{
	width:25%;
}
.table-lic  .td-place-title{
	width:55%;
}
.table-lic  .tr-trainees{
	height:50px;
}

.table-lic .tr-title{
	background-color:#C7F1FB;
	color:black;
	height:40px;
}
.table-lic .tr-white{
	background-color:white;
	color:#333333;
	height:40px;
}
.table-lic .tr-gray{
	background-color:#F0F0F0;
	color:#333333;
	height:40px;
}

.table-env-new{
	border: 1px solid #003366;
	width:100%;
	border-spacing:0;
	border-collapse:separate;
}
.table-env-new th{
	border-top:0;
	text-align:center;
}
.table-env-new .th-lightblue{
	background-color:#006699;
	color:white;
	text-align:center;
	height:50px;
}

.table-env-new .tr-gray{
	background-color:#F0F0F0;
	color:black;
}
.table-env-new .tr-white{
	background-color:white;
	color:black;
}
.table-env-new .td-classtype{
	width:15%;
	text-align:center;
}
.table-env-new .td-place{
	width:15%;
	text-align:center;
}
.table-env-new .td-weekornot{
	width:15%;
	text-align:center;
}
.table-env-new .td-classtime{
	width:20%;
	text-align:center;
}
.table-env-new .td-enrollinfo{
	width:35%;
	padding:6px 0 6px 10px;
}
.table-env{
	border: 1px solid #003366;
	width:100%;
	border-spacing:0;
	border-collapse:separate;
}
.table-env .td-darkblue{
	background-color:#00527C;
	color:white;
	text-align:center;
	line-height:30px;
}
.table-env .td-lightblue{
	background-color:#006699;
	color:white;
	text-align:center;
	line-height:30px;
}
.table-env .td-40{
	width:40%;
}
.table-env .td-60{
	width:60%;
	padding-left:10px;
}
.table-env .td-gray{
	background-color:#F0F0F0;
	color:black;
}
.table-env .td-white{
	background-color:white;
	color:black;
}
hr {
   display: block;
   unicode-bidi: isolate;
   margin-block-start: 0.5em;
   margin-block-end: 0.5em;
   margin-inline-start: auto;
   margin-inline-end: auto;
   overflow: hidden;
   border-style: inset;
   border-width: 1px;
}

.header_logo {
   width: 307px;
}

.title-img {
   position: relative;
   top: 160px;
   left: 0px;
}

.img-logo-2 {
   max-width: 100%;
}

.img-logo-p {
   width: 209px;
}

.title-qr {
   text-align:right;
   margin-right:5%;
   margin-top:30px;
}

.img-logo-qr {
   width:90px;
}

.header-content {
   text-align: center;
   font-size:10.5pt;
   line-height:25px;
}

ol.brackets-ol {
  list-style: none;
  counter-reset: my-brackets-counter;
}
 ol.brackets-ol li {
  counter-increment: my-brackets-counter;
}
ol.brackets-ol li::marker {
	content: "["counter(my-brackets-counter) "]  ";
}

ol.sup-ol {
  list-style: none;
  counter-reset: my-sup-counter;
  padding:0;
}
 ol.sup-ol li {
  counter-increment: my-sup-counter;
  text-indent: -1em;
  padding-left:1em;
}
ol.sup-ol li::before {
	content: counter(my-sup-counter) ;
   	font-size:xx-small;
	vertical-align:super;
	padding-right:3em;
	display: inline-block; 
	width: 1em; 
	margin-left: -1.5em;
    margin-right: 0.5em; 
	text-align: right; 
	direction: rtl
}

ol.new-ol {
  list-style: none;
  counter-reset: my-counter;
}
 ol.new-ol li {
  counter-increment: my-counter;
  text-indent: -1em;
}
ol.new-ol li::before {
  content: "("counter(my-counter) ")";

}
ol.uplat-ol {
	list-style: none;
  counter-reset: my-uplat-counter;
}
 ol.uplat-ol li {
  counter-increment: my-uplat-counter;
  text-indent: -1em;
}
ol.uplat-ol li::before {
	content: "("counter(my-uplat-counter,upper-alpha) ")";
}

ol.old-ol {
	list-style: none;
  counter-reset: my-old-counter;
}
 ol.old-ol li {
  counter-increment: my-old-counter;
  text-indent: -1em;
}
ol.old-ol li::before {
	content: counter(my-old-counter,decimal) ". ";
}

@media (max-width: 767.99px) {

   .header_logo {
      width: 95%;
   }

   .img-logo-2 img, .img-logo-p img {
      width: 90%;
   }

   .title-img {
      top: 100px;
   }
   
   .title-qr {
	  display: none;
   }
}

@media (max-width: 507px) {
   .header_logo {
      width: 80%;
   }

   .img-logo-2 img, .img-logo-p img {
      width: 80%;
   }

   .title-img {
      top: 70px;
   }

   .header-content {
      padding-left: 10px;
      text-align: left;
   }
}

@media (max-width: 480px) {
	   .header_logo {
      width: 153px;
   }

.navbar{
	flex-wrap: nowrap;
}
}

}