@charset "UTF-8";
body, html {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

.zh-pri {
  font-family: Arial, "微軟正黑體修正", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif, "新細明體";
}

.nb-pri {
  font-family: Arial, Verdana;
}

.zh-pri {
  font-family: Arial, "微軟正黑體修正", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif, "新細明體";
}

.nb-pri {
  font-family: Arial, Verdana;
}

.ins-block-title hr {
  border: 2px solid #f0f0f0;
}

.mark-h2 {
  font-family: Arial, "微軟正黑體修正", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif, "新細明體";
  font-size: 2rem;
  margin-bottom: 0;
  font-weight: 700;
}

.mark-h2.mark-h2-signup::before {
  background-image: url("https://inservice.edu.tw/cdn/v3_images/icon-h2-signup.svg");
  width: 1rem;
  height: 1rem;
  display: inline-block;
  content: ' ';
  width: 1em;
  height: 1em;
  margin-right: .2em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: sub;
}

.mark-h3 {
  font-family: Arial, "微軟正黑體修正", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif, "新細明體";
  font-size: 1.6rem;
  font-weight: 700;
}

.mark-h3:before {
  display: inline-block;
  height: 1em;
  width: 1em;
  margin-right: .2em;
  content: ' ';
  background-image: url("https://inservice.edu.tw/cdn/v3_images/icon-h3.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: sub;
}

.path-string a {
  color: #727376;
  text-decoration: none;
}

@media (max-width: 767px) {
  .path-string {
    display: inline-block;
    margin: .3rem 0;
  }
}

.ins-t-orange {
  color: #F58634;
}

.ins-t-orange-l {
  color: #F9AA75;
}

.ins-t-yellow-lr {
  color: #f0f0c0;
}

.ins-t-red-d {
  color: #C15639;
}

.ins-t-green-l {
  color: #C0cc90;
}

.ins-t-green-d {
  color: #517E63;
}

.ins-t-gray-lr {
  color: #f0f0f0;
}

.ins-t-gray-l {
  color: #D2D3D5;
}

.ins-t-gray {
  color: #727376;
}

.ins-t-gray-d {
  color: #606062;
}

.ins-t-brown-l {
  color: #D2AE6D;
}

.ins-t-blue-d {
  color: #0579AA;
}

.ins-t-red {
  color: #D63939;
}

.ins-t-brown {
  color: #B16038;
}

.ins-t-black {
  color: #000000;
}

.ins-t-white {
  color: #ffffff;
}

.ins-bg-orange {
  background-color: #F58634;
}

.ins-bg-orange-l {
  background-color: #F9AA75;
}

.ins-bg-yellow-lr {
  background-color: #f0f0c0;
}

.ins-bg-red-d {
  background-color: #C15639;
}

.ins-bg-green-l {
  background-color: #C0cc90;
}

.ins-bg-green-d {
  background-color: #517E63;
}

.ins-bg-gray-lr {
  background-color: #f0f0f0;
}

.ins-bg-gray-l {
  background-color: #D2D3D5;
}

.ins-bg-gray {
  background-color: #727376;
}

.ins-bg-gray-d {
  background-color: #606062;
}

.ins-bg-brown-l {
  background-color: #D2AE6D;
}

.ins-bg-blue-d {
  background-color: #0579AA;
}

.ins-bg-red {
  background-color: #D63939;
}

.ins-bg-brown {
  background-color: #B16038;
}

.ins-bg-black {
  background-color: #000000;
}

.ins-bg-white {
  background-color: #ffffff;
}

.ins-bd-orange {
  border-color: #F58634;
}

.ins-bd-orange-l {
  border-color: #F9AA75;
}

.ins-bd-yellow-lr {
  border-color: #f0f0c0;
}

.ins-bd-red-d {
  border-color: #C15639;
}

.ins-bd-green-l {
  border-color: #C0cc90;
}

.ins-bd-green-d {
  border-color: #517E63;
}

.ins-bd-gray-lr {
  border-color: #f0f0f0;
}

.ins-bd-gray-l {
  border-color: #D2D3D5;
}

.ins-bd-gray {
  border-color: #727376;
}

.ins-bd-gray-d {
  border-color: #606062;
}

.ins-bd-brown-l {
  border-color: #D2AE6D;
}

.ins-bd-blue-d {
  border-color: #0579AA;
}

.ins-bd-red {
  border-color: #D63939;
}

.ins-bd-brown {
  border-color: #B16038;
}

.ins-bd-black {
  border-color: #000000;
}

.ins-bd-white {
  border-color: #ffffff;
}

#ctn_main {
  display: block;
  background-color: #ffffff;
  width: auto;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 0px 0px 10px #727376;
          box-shadow: 0px 0px 10px #727376;
}

/*------Cover-----------*/
body.cover {
  height: 100vh;
  overflow: hidden;
}

/*------Noscript--------*/
noscript, .noscript {
  border: 3px solid #D63939;
  background-color: #000000;
  color: #ffffff;
  line-height: 4rem;
  text-align: center;
}

/*------Color-----------*/
.block-dark {
  color: #D2D3D5;
}

.block-dark a {
  color: #f0f0f0;
}

.block-dark a:hover {
  color: #ffffff;
}

.bg-ins-main {
  background-color: #ffffff;
  background-image: url("bg.svg");
}

/*------Short Cut--------*/
.ins-sc-main.goCenter {
  position: absolute;
  display: block;
  border-radius: 0 0 .4rem .3rem;
  top: -3em;
  background-color: #D63939;
  color: white;
  padding: .6em;
  -webkit-transition: top .3s ease-in-out;
  transition: top .3s ease-in-out;
}

.ins-sc-main.goCenter:focus {
  position: absolute;
  top: 0;
  -webkit-transition: top .3s ease-in-out;
  transition: top .3s ease-in-out;
}

/*------Elements---------*/
.ins-logo-image-fluid {
  width: auto;
  max-width: 100%;
  height: auto;
}

.brik-font {
  color: gray;
}

.ins-back-top {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: .4rem .4rem 0 0;
  padding: 1em;
  color: white;
}

.ins-back-top:hover, .ins-back-top:focus {
  background-color: #ffffff;
  color: #000000 !important;
}

/*------Blocks-----------*/
.toplink {
  text-align: right;
}

.toplink .brik-top-main {
  display: inline-block;
}

.toplink ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  list-style: none;
  background-color: transparent;
  font-size: .9rem;
  font-weight: 400;
  -webkit-transition: inherit;
  transition: inherit;
}

.toplink ul li {
  display: inline-block;
  border-left: 1px solid #727376;
}

.toplink ul li:last-child {
  border-right: 1px solid #727376;
}

.toplink ul li a {
  padding-left: .8rem;
  padding-right: .8rem;
  color: #000000;
}

.toplink ul li a:hover {
  color: #000000;
}

.toplink ul li a:focus {
  display: inline-block;
  width: 100%;
  background-color: #000000;
  color: white;
}

@-webkit-keyframes animq {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
}

@keyframes animq {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
}

.marquee {
  width: 100%;
  line-height: 21px;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.marquee > span {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  -webkit-animation: animq 15s linear infinite;
          animation: animq 15s linear infinite;
}

.marquee:hover > span {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.marquee:focus-within > span {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.marquee a {
  color: #517E63;
}

.ins-nav .ins-nav-link {
  color: #ffffff;
  font-weight: bolder;
  margin-left: .8rem;
  margin-right: .8rem;
}

.ins-nav .ins-nav-link:hover {
  text-decoration: underline;
}

.ins-nav .ins-nav-link:focus {
  background-color: #ffffff;
  color: #000000;
}

.ins-footer .ins-footer-card .ins-card-title {
  display: block;
  margin-bottom: 0;
  font-size: 1rem;
  border-bottom: #D2AE6D 2px solid;
}

.ins-footer .ins-footer-card .ins-card-title .ins-card-text {
  display: block;
  margin-bottom: 0;
  font-size: 1rem;
}

.ins-footer .ins-footer-card .ins-card-title .ins-card-text::before {
  padding-right: .5em;
  content: '[';
}

.ins-footer .ins-footer-card .ins-card-title .ins-card-text::after {
  padding-left: .5em;
  content: ']';
}

.ins-footer .ins-footer-card ul {
  padding: 0;
  margin: 0;
}

.ins-footer .ins-footer-card ul li {
  list-style: none;
  display: block;
  line-height: 1.6rem;
}

.ins-footer .ins-footer-card ul li a {
  display: inline-block;
  width: 100%;
}

.ins-footer .ins-footer-card ul li a:focus {
  color: #000000;
  outline-color: #D2AE6D;
  outline-width: 3px;
  outline-style: dotted;
  background-color: #ffffff;
}
/*# sourceMappingURL=main_home.css.map */