@font-face {
   font-display: swap;
   font-family: "Material Icons";
   src: url('MaterialIcons-Regular.woff2') format('woff2'), url('MaterialIcons-Regular.woff') format('woff'), url('MaterialIcons-Regular.ttf') format('truetype');
}
@-webkit-keyframes animate-fade-in-right {
0% {
   -webkit-transform: translate(100px,0px) rotate(0deg);
   opacity: 0;
}
100% {
   -webkit-transform: translate(0px,0px) rotate(0deg);
   opacity: 1;
}
}
@-moz-keyframes animate-fade-in-right {
0% {
   -moz-transform: translate(100px,0px) rotate(0deg);
   opacity: 0;
}
100% {
   -moz-transform: translate(0px,0px) rotate(0deg);
   opacity: 1;
}
}
@keyframes animate-fade-in-right {
0% {
   opacity: 0;
   transform: translate(100px,0px) rotate(0deg);
}
100% {
   opacity: 1;
   transform: translate(0px,0px) rotate(0deg);
}
}
@-webkit-keyframes animate-fade-out {
0% {
   opacity: 1;
}
100% {
   opacity: 0;
}
}
@-moz-keyframes animate-fade-out {
0% {
   opacity: 1;
}
100% {
   opacity: 0;
}
}
@keyframes animate-fade-out {
0% {
   opacity: 1;
}
100% {
   opacity: 0;
}
}
@-webkit-keyframes slide-right-in {
0% {
   -webkit-transform-origin: 0 0;
   -webkit-transform: translate(100%,0px) rotate(1deg);
   opacity: 0;
}
100% {
   -webkit-transform-origin: 0 0;
   -webkit-transform: translate(0px,0px) rotate(0deg);
   opacity: 1;
}
}
@-moz-keyframes slide-right-in {
0% {
   -moz-transform-origin: 0 0;
   -moz-transform: translate(100%,0px) rotate(1deg);
   opacity: 0;
}
100% {
   -moz-transform-origin: 0 0;
   -moz-transform: translate(0px,0px) rotate(0deg);
   opacity: 1;
}
}
@keyframes slide-right-in {
0% {
   opacity: 0;
   transform-origin: 0 0;
   transform: translate(100%,0px) rotate(1deg);
}
100% {
   opacity: 1;
   transform-origin: 0 0;
   transform: translate(0px,0px) rotate(0deg);
}
}
@-webkit-keyframes transform-bounce {
0% {
   -webkit-transform: rotate(0deg);
}
20% {
   -webkit-transform: rotate(0deg);
}
40% {
   -webkit-transform: translate(0px,-30px) rotate(0deg);
}
50% {
   -webkit-transform: translate(0px,0px) rotate(0deg);
}
60% {
   -webkit-transform: translate(0px,-15px) rotate(0deg);
}
80% {
   -webkit-transform: translate(0px,0px) rotate(0deg);
}
100% {
   -webkit-transform: translate(0px,0px) rotate(0deg);
}
}
@-moz-keyframes transform-bounce {
0% {
   -moz-transform: rotate(0deg);
}
20% {
   -moz-transform: rotate(0deg);
}
40% {
   -moz-transform: translate(0px,-30px) rotate(0deg);
}
50% {
   -moz-transform: translate(0px,0px) rotate(0deg);
}
60% {
   -moz-transform: translate(0px,-15px) rotate(0deg);
}
80% {
   -moz-transform: translate(0px,0px) rotate(0deg);
}
100% {
   -moz-transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes transform-bounce {
0% {
   transform: rotate(0deg);
}
20% {
   transform: rotate(0deg);
}
40% {
   transform: translate(0px,-30px) rotate(0deg);
}
50% {
   transform: translate(0px,0px) rotate(0deg);
}
60% {
   transform: translate(0px,-15px) rotate(0deg);
}
80% {
   transform: translate(0px,0px) rotate(0deg);
}
100% {
   transform: translate(0px,0px) rotate(0deg);
}
}
@-webkit-keyframes transform-bounce-in {
0% {
   -webkit-transform: rotate(0deg) scale(0.3,0.3);
   opacity: 0;
}
50% {
   -webkit-transform: rotate(0deg) scale(1.05,1.05);
   opacity: 1;
}
70% {
   -webkit-transform: rotate(0deg) scale(0.9,0.9);
}
100% {
   -webkit-transform: rotate(0deg) scale(1.0,1.0);
}
}
@-moz-keyframes transform-bounce-in {
0% {
   -moz-transform: rotate(0deg) scale(0.3,0.3);
   opacity: 0;
}
50% {
   -moz-transform: rotate(0deg) scale(1.05,1.05);
   opacity: 1;
}
70% {
   -moz-transform: rotate(0deg) scale(0.9,0.9);
}
100% {
   -moz-transform: rotate(0deg) scale(1.0,1.0);
}
}
@keyframes transform-bounce-in {
0% {
   opacity: 0;
   transform: rotate(0deg) scale(0.3,0.3);
}
50% {
   opacity: 1;
   transform: rotate(0deg) scale(1.05,1.05);
}
70% {
   transform: rotate(0deg) scale(0.9,0.9);
}
100% {
   transform: rotate(0deg) scale(1.0,1.0);
}
}
@-webkit-keyframes transform-bounce-in-right {
0% {
   -webkit-transform: translate(500%,0px) rotate(0deg);
   opacity: 0;
}
50% {
   opacity: 1;
}
60% {
   -webkit-transform: translate(-30px,0px) rotate(0deg);
}
80% {
   -webkit-transform: translate(10px,0px) rotate(0deg);
}
100% {
   -webkit-transform: translate(0px,0px) rotate(0deg);
}
}
@-moz-keyframes transform-bounce-in-right {
0% {
   -moz-transform: translate(500%,0px) rotate(0deg);
   opacity: 0;
}
50% {
   opacity: 1;
}
60% {
   -moz-transform: translate(-30px,0px) rotate(0deg);
}
80% {
   -moz-transform: translate(10px,0px) rotate(0deg);
}
100% {
   -moz-transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes transform-bounce-in-right {
0% {
   opacity: 0;
   transform: translate(500%,0px) rotate(0deg);
}
50% {
   opacity: 1;
}
60% {
   transform: translate(-30px,0px) rotate(0deg);
}
80% {
   transform: translate(10px,0px) rotate(0deg);
}
100% {
   transform: translate(0px,0px) rotate(0deg);
}
}
@-webkit-keyframes flip-in {
0% {
   -webkit-transform: perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2);
   opacity: 0;
}
50% {
   -webkit-transform: perspective(400px) rotateX(-20deg) scale3d(1.0,1.0,1.0);
   opacity: 1;
}
100% {
   -webkit-transform: perspective(400px) rotateX(0deg) scale3d(1.0,1.0,1.0);
}
}
@-moz-keyframes flip-in {
0% {
   -moz-transform: perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2);
   opacity: 0;
}
50% {
   -moz-transform: perspective(400px) rotateX(-20deg) scale3d(1.0,1.0,1.0);
   opacity: 1;
}
100% {
   -moz-transform: perspective(400px) rotateX(0deg) scale3d(1.0,1.0,1.0);
}
}
@keyframes flip-in {
0% {
   opacity: 0;
   transform: perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2);
}
50% {
   opacity: 1;
   transform: perspective(400px) rotateX(-20deg) scale3d(1.0,1.0,1.0);
}
100% {
   transform: perspective(400px) rotateX(0deg) scale3d(1.0,1.0,1.0);
}
}
a.style1 {
   color: #FFA500;
   text-decoration: underline;
}
a.style1:visited {
   color: #800080;
   text-decoration: underline;
}
a.style1:active {
   color: #FF0000;
   text-decoration: underline;
}
a.style1:hover {
   color: #0000FF;
   text-decoration: underline;
}
h1,
.h1 {
   background-color: transparent;
   color: #FFFFFF;
   display: inline-block;
   font-family: "Noto Sans TC";
   font-size: 75px;
   font-weight: 900;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h2,
.h2 {
   background-color: transparent;
   color: #00367C;
   font-family: "Microsoft JhengHei UI";
   font-size: 43px;
   font-weight: bold;
   line-height: 55.03px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h3,
.h3 {
   background-color: transparent;
   color: #FF0000;
   display: inline;
   font-family: "Noto Sans TC";
   font-size: 32px;
   font-weight: 500;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h4,
.h4 {
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: Arial;
   font-size: 21px;
   font-style: italic;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h5,
.h5 {
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: Arial;
   font-size: 19px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h6,
.h6 {
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: Arial;
   font-size: 16px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h1.poph1,
.h1 {
   background-color: transparent;
   color: #B9F1FF;
   display: inline-block;
   font-family: 微軟正黑體;
   font-size: 32px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
.ba1wd1 {
   background-color: transparent;
   color: #4F4F4F;
   font-family: 微軟正黑體;
   font-size: 27px;
   line-height: 37.43px;
   text-decoration: none;
}
.ba1wd2 {
   background-color: transparent;
   color: #4F4F4F;
   font-family: 微軟正黑體;
   font-size: 24px;
   text-decoration: none;
}
.CustomStyle {
   background-color: transparent;
   color: #2E74B5;
   font-family: "Courier New";
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
}
.kgibtt {
   background-color: #000FFF;
   border-radius: 100px;
   box-shadow: 0 0 10px #000000;
   color: #000000;
   font-size: 16px;
   margin: 0 0 0 0;
   padding: 12px 12px 12px 12px;
   text-align: center;
   text-decoration: none;
}
.qa {
   background-color: transparent;
   color: #696969;
   font-family: 微軟正黑體;
   font-size: 17px;
   letter-spacing: 1.5px;
   text-decoration: none;
}
h3.wd_h3,
.h3 {
   background-color: transparent;
   color: #000000;
   display: inline;
   font-family: "Noto Sans TC";
   font-size: 32px;
   font-weight: 500;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h3.pop_h3,
.h3 {
   background-color: transparent;
   color: #00367C;
   display: inline;
   font-family: "Noto Sans TC";
   font-size: 27px;
   font-weight: 500;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
@media only screen and (min-width: 768px) and (max-width: 1267px) {
h1,
.h1 {
   background-color: transparent;
   color: #FFFFFF;
   display: inline-block;
   font-family: "Noto Sans TC";
   font-size: 48px;
   font-weight: 900;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h2,
.h2 {
   background-color: transparent;
   color: #00367C;
   font-family: "Microsoft JhengHei UI";
   font-size: 32px;
   font-weight: bold;
   line-height: 41.03px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h3,
.h3 {
   background-color: transparent;
   color: #FF0000;
   font-family: "Noto Sans TC";
   font-size: 29px;
   font-weight: 500;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h1.poph1,
.h1 {
   background-color: transparent;
   color: #B9F1FF;
   display: inline-block;
   font-family: 微軟正黑體;
   font-size: 21px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
.ba1wd1 {
   background-color: transparent;
   color: #4F4F4F;
   font-family: 微軟正黑體;
   font-size: 21px;
   line-height: 29.73px;
   text-decoration: none;
}
.ba1wd2 {
   background-color: transparent;
   color: #4F4F4F;
   font-family: 微軟正黑體;
   font-size: 19px;
   line-height: 24.03px;
   text-decoration: none;
}
.qa {
   background-color: transparent;
   color: #696969;
   font-family: 微軟正黑體;
   font-size: 17px;
   letter-spacing: 1.3px;
   text-decoration: none;
}
h3.wd_h3,
.h3 {
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: "Noto Sans TC";
   font-size: 24px;
   font-weight: 500;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h3.pop_h3,
.h3 {
   background-color: transparent;
   color: #00367C;
   font-family: "Noto Sans TC";
   font-size: 24px;
   font-weight: 500;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
}
@media only screen and (max-width: 767px) {
h1,
.h1 {
   background-color: transparent;
   color: #FFFFFF;
   display: inline-block;
   font-family: "Noto Sans TC";
   font-size: 29px;
   font-weight: 900;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h2,
.h2 {
   background-color: transparent;
   color: #00367C;
   font-family: "Microsoft JhengHei UI";
   font-size: 24px;
   font-weight: bold;
   line-height: 30.03px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h3,
.h3 {
   background-color: transparent;
   color: #FF0000;
   display: inline-block;
   font-family: "Noto Sans TC";
   font-size: 21px;
   font-weight: 500;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h1.poph1,
.h1 {
   background-color: transparent;
   color: #B9F1FF;
   display: inline-block;
   font-family: 微軟正黑體;
   font-size: 16px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
.ba1wd1 {
   background-color: transparent;
   color: #696969;
   font-family: 微軟正黑體;
   font-size: 16px;
   text-decoration: none;
}
.ba1wd2 {
   background-color: transparent;
   color: #696969;
   font-family: 微軟正黑體;
   font-size: 15px;
   text-decoration: none;
}
.qa {
   background-color: transparent;
   color: #696969;
   font-family: 微軟正黑體;
   font-size: 16px;
   letter-spacing: 1.2px;
   text-decoration: none;
}
h3.wd_h3,
.h3 {
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: "Noto Sans TC";
   font-size: 19px;
   font-weight: 500;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h3.pop_h3,
.h3 {
   background-color: transparent;
   color: #00367C;
   display: inline-block;
   font-family: "Noto Sans TC";
   font-size: 20px;
   font-weight: 500;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
}