@charset "UTF-8";
body {
  /*bootstrap-bg會有顏色*/
  background-color: transparent; }

img {
  max-width: 100%;
  vertical-align: bottom; }

a {
  text-decoration: none; }
  a:hover, a:focus {
    text-decoration: none;
    color: inherit; }

button,
.btn {
  margin: 5px; }

/*bootstrap會有margin故先清空*/
h1 {
  margin: 0;
  font-size: 1rem; }

h2,
.h2 {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin: 0; }

h3,
.h3 {
  font-size: 1.375em;
  padding: 5px; }

ul {
  margin: 0; }

p {
  margin: 0px; }

/*bs5*/
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important; }

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important; }

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important; }

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important; }

.fs-5 {
  font-size: 1.25rem !important; }

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

html {
  height: 100%; }

body {
  background-image: url("../img/background.jpg");
  height: 100%;
  border-top: 20px solid #46a560; }

.btnWrap {
  text-align: center; }

@media (min-width: 768px) {
  .h-md-100 {
    height: 100%; } }

@media (min-width: 768px) {
  .overflow-md-auto {
    overflow: auto; } }

.mainFooter {
  padding: 10px;
  text-align: center;
  background-color: #46a560;
  color: #fff; }
  @media screen and (max-width: 767.99px) {
    .mainFooter {
      text-align: left;
      font-size: 0.875rem;
      /*margin: 0 -15px;*/ } }

.loginDialogWrap {
  width: 50%;
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.75) 3px 5px 5px;
  background-color: white;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  @media only screen and (max-width: 768px) {
    .loginDialogWrap {
      width: 90%;
      max-height: 80%;
      overflow: auto; } }
  .loginDialogWrap .loginDialogForm {
    width: 80%; }
    @media only screen and (max-width: 768px) {
      .loginDialogWrap .loginDialogForm {
        width: 100%; } }
    .loginDialogWrap .loginDialogForm .loginTitle {
      text-align: center; }

a[href$=".pdf"]::after {
  content: "";
  width: 25px;
  height: 25px;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline-block;
  background-image: url(../img/file_pdf.png);
  margin: 0 10px; }

a[href$=".xls"]::after {
  content: "";
  width: 25px;
  height: 25px;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline-block;
  background-image: url(../img/file_xls.png);
  margin: 0 10px; }

a[href$=".xlsx"]::after {
  content: "";
  width: 25px;
  height: 25px;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline-block;
  background-image: url(../img/file_xlsx.png);
  margin: 0 10px; }

a[href$=".ods"]::after {
  content: "";
  width: 25px;
  height: 25px;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline-block;
  background-image: url(../img/file_ods.png);
  margin: 0 10px; }

a[href$=".doc"]::after {
  content: "";
  width: 25px;
  height: 25px;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline-block;
  background-image: url(../img/file_doc.png);
  margin: 0 10px; }

a[href$=".odt"]::after {
  content: "";
  width: 25px;
  height: 25px;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline-block;
  background-image: url(../img/file_odt.png);
  margin: 0 10px; }

a[href$=".docx"]::after {
  content: "";
  width: 25px;
  height: 25px;
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline-block;
  background-image: url(../img/file_docx.png);
  margin: 0 10px; }

#hb_control {
  position: absolute;
  display: none; }
  #hb_control:checked ~ .sidebar_hb .bar2 {
    display: none; }
  #hb_control:checked ~ .sidebar_hb .bar1 {
    transform: translateY(-9px) rotate(-45deg); }
  #hb_control:checked ~ .sidebar_hb .bar3 {
    transform: translateY(9px) rotate(45deg); }

.sidebar_hb {
  width: 40px;
  height: 40px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .sidebar_hb {
      display: none; } }
  .sidebar_hb .bar {
    width: 55%;
    height: 4px;
    background: #46a560;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .sidebar_hb .bar1 {
    top: 18px;
    transform: translateY(0) rotate(0deg);
    transition: 0.5s; }
  .sidebar_hb .bar2 {
    top: 0px; }
  .sidebar_hb .bar3 {
    top: -18px;
    transform: translateY(0) rotate(0deg);
    transition: 0.5s; }

@media screen and (min-width: 768px) {
  .sidebarWrap {
    display: block !important; } }

@media screen and (max-width: 767.99px) {
  .sidebarWrap {
    position: fixed;
    z-index: 100;
    display: none;
    left: 0px;
    top: 149px; } }

.sidebarWrap .fas {
  margin-right: 10px; }

h3 {
  display: inline-block;
  color: #fff;
  background-color: #009091; }

.mainTitle {
  border-bottom: 2px solid #12a5a1;
  margin-bottom: 1rem; }
    .mainTitle h2 {
        display: inline-block;
        /*border-bottom: 2px solid #009090;*/
    }

.subTitle p {
  color: #009090;
  font-size: 1.375rem;
  font-weight: bold; }
  .subTitle p::before {
    content: "｜";
    display: inline-block;
    vertical-align: text-bottom;
    color: #009090;
    padding-right: 10px;
    font-weight: bold; }

.newsOther img {
  width: 40px;
  height: 40px;
  border-radius: 50%; }

/*改slick預設*/
.slick-dots {
  left: 0; }

.slick-prev:before,
.slick-next:before {
  color: #46a560; }

.slick-prev,
.slick-next {
  width: auto;
  height: auto;
  z-index: 99;
  top: 0; }
  .slick-prev::before,
  .slick-next::before {
    font-size: 2rem; }

.slick-prev {
  left: 0px; }

.slick-next {
  right: 0px; }

.fa-angle-double-right {
  animation: moveRight 1s infinite; }

@keyframes moveRight {
  0% {
    transform: translateX(-100%);
    opacity: 1; }
  100% {
    transform: translateX(0%);
    opacity: 0; } }