/* Add here all your CSS customizations */

/* layout-components-組件相關CSS */

body {
  font-family: Microsoft JhengHei !important;
  font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Microsoft JhengHei, "Montserrat", sans-serif;
}

.counters label {
  font-family: Microsoft JhengHei, "Montserrat", sans-serif;
}

.l-ff-msjh {
  font-family: Microsoft JhengHei !important;
}

#header .header-nav-main nav > ul > li a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:not(.btn) {
  font-family: Microsoft JhengHei !important;
  font-size: .92rem;
  font-weight: bold;
  letter-spacing: 1px;
}

.fz16 {
  font-size: 1rem !important;
}


/* layout-components ========== */
@media screen and (max-width: 768px) {
  .list-inline-item:not(:last-child) {
    margin-right: .1rem;
  }
}
/* timeline-style-1*/
.timeline.timeline-style-1 .timeline-box {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.timeline.timeline-style-1 .timeline-box.right+.timeline-box.left {
  margin-top: 7rem;
}

.timeline.timeline-style-1 .timeline-box.left {
  margin-bottom: 2rem;
}

.timeline.timeline-style-1 .timeline-box.right {
  margin-top: 0;
}

.timeline.timeline-style-1 .timeline-box.left .timeline-box-arrow {
  border-right: 3px solid #2388ed;
  border-top: 3px solid #2388ed;
  margin-top: 10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.timeline.timeline-style-1 .timeline-box.right .timeline-box-arrow {
  border-left: 3px solid #2388ed;
  border-bottom: 3px solid #2388ed;
  margin-top: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  float: right;
  margin-right: -40px;
}

.timeline.timeline-style-1 .timeline-box.left:before,
.timeline.timeline-style-1 .timeline-box.right:before {
  bottom: -7px;
}

.timeline.timeline-style-1 .timeline-box.left .timeline-box-arrow, .timeline.timeline-style-1 .timeline-box.left:before {
  display: block;
  content: '';
}


/* page */
.page-header {
  margin-bottom: 0;
}


/* plan */
.l-plan-changeBtn {
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.posr {
  position: relative;
}

/*plan-1-1*/
.nav-tabs .nav-item .nav-link {
  font-family: Microsoft JhengHei;
  font-weight: bold;
}

.nav-tabs .nav-item .nav-link.active {
  /* color: #52a749; */
}


/* 190103 */
/* .d-block {
  display: block;
} */

.font-primary {
  font-family: Microsoft JhengHei !important;
}

#footer .logo img {
  max-width: 180px;
}

.nav-item .form-control {
  padding: 0.4rem .75rem;
}

.z-0 {
  z-index: 0;
}

/* 190110-教育部管考 */
.slider-contact-form-wrapper .slider-contact-form form label,
.slider-contact-form-wrapper .slider-contact-form > p {
  color: #fff;
}

/* 登入背景加高 */
.slider-contact-form-wrapper .slider-contact-form {
  padding: 10rem 5rem 16rem;
}

/* 選單左右邊距 */
@media screen and (min-width: 992px) {
  #header .header-nav-main nav > ul > li > a {
    /* padding: 1.93333em 0.55em; */
  }
}

#footer .logo img {
  max-width: 220px;
}


.section {
  padding: 3rem 0;
}

@media screen and (min-width: 922px) {
  #header .header-nav-main.header-nav-main-uppercase nav > ul > li > a {
    font-size: .95rem;
  }
}

#header .header-column {
  font-size: 0.875rem;
}
.nav.nav-light .nav-item .nav-link {
  font-size: 1rem;
}

.num {
  font-size: 2.25rem;
  color: #000;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 999;
}

/* 190529-修改 */

.r-aa {
  position: fixed;
  top: 240px;
  right: 0;
  z-index: 1002;
}
.nav-secondary.nav-secondary-style-1.r-aa .nav > li > a {
  margin: 0;
  font-size: .875rem;
}

.r-aa .nav-link {
  padding: .2rem;
}

#header .header-logo img {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.owl-carousel.qr .owl-item img {
  width: 100px;
}

.owl-carousel.qr .image-frame.image-frame-style-1 {
  background-color: transparent;
}

/*footer-fat*/
.footer-fat--btn #show {
  display: none;
}

.footer-fat--btn .collapsed #show {
  display: block;
}

.footer-fat--btn #hide {
  display: block;
}
.footer-fat--btn .collapsed #hide {
  display: none;
}

.footer-body .uppercase a{
  font-weight: bold;
  color: #1c1f21;
}

.header-body {
  box-shadow: 1px 1px 2px #ddd;
}

body.font-xs {
    font-size: .75rem !important;
}
    body.font-xs a {
        font-size: .625rem !important;
    }
body.font-xs .text-1 {
  font-size: .5rem!important;
}

body.font-xs .tabs.example-1 a {
    font-size: .75rem !important;
}
/**/
body.font-lg {
    font-size: 1.2rem !important;
}
    body.font-lg a {
        font-size: 1.125rem !important;
    }
body.font-lg .text-1 {
  font-size: 1rem!important;
}

body.font-lg .btn {
  font-size: 1rem!important;
}

body.font-lg .tabs.example-1 a {
    font-size: 1.25rem !important;
}

.align-items-center .input-group>span {
  padding-top: 6px;
}

thead {
  background-color:#f0f0f0;
}

.owl-carousel.nav-color-dark.nav-style-5 .owl-nav .owl-prev, .owl-carousel.nav-color-dark.nav-style-5 .owl-nav .owl-next {
  background-color: #ddd;
}
.owl-carousel.nav-style-5 .owl-nav .owl-prev
{
   left:  30px;
}
.owl-carousel.nav-style-5 .owl-nav .owl-next
{
right: 30px;
}

.my-5 {
  margin-bottom: -7px!important;
}
 html .footer-fat--btn .btn-primary {
  background-color: #f1f3f7 !important;
  color: #111!important;
  border: #ddd;
}

#footer li a{
  color: #fff;
}