@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@600&family=Noto+Sans+TC&display=swap");

:root {
  --main-color: #009491;
  /* --main-color-5: rgba(0, 148, 145, 0.5);
  --gray-1-color: #ddd;
  --gray-2-color: #717071;
  --gray-3-color: #868686; */
  --gray-4-color: #eee;
  /* --yellow-color: #DD9F60; */
  --white-color: #fff;

}

html {
  font-size: 16px;
}

body {
  /* font-family: Barlow, Roboto, sans-serif; */
  font-family: titillium web,noto sans tc,微軟正黑體,sans-serif!important;
  line-height: 1.5;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  line-height: 1.5;
}

a {
  text-decoration: none;
  color: unset;
}

a,
a:active,
a:focus,
a:link,
a:visited {
  outline: 0;
}

a:hover {
  color: unset;
}

ul {
  padding: 0;
}

li {
  list-style-type: none;
}

hr {
  margin: 0;
}

.dropdown-item {
  line-height: 1.8rem;
}

img {
  -o-object-fit: contain;
  object-fit: contain;
}

/* 共用樣式 */
.bg-main,.bg-main-hover:hover {
  background-color: var(--main-color) !important;
}
/* 
.bg-main-5,.bg-main-5-hover:hover {
  background-color: var(--main-color-5) !important;
}

.bg-gray-1,.bg-gray-1-hover:hover {
  background-color: var(--gray-1-color) !important;
}

.bg-gray-2,.bg-gray-2-hover:hover {
  background-color: var(--gray-2-color) !important;
}

.bg-gray-3,.bg-gray-3-hover:hover {
  background-color: var(--gray-3-color) !important;
} */

.bg-gray-4,.bg-gray-4-hover:hover {
  background-color: var(--gray-4-color) !important;
}
/* 
.bg-warning,.bg-warning-hover:hover {
  background-color: var(--yellow-color) !important;
} */

.text-main,.text-main-hover:hover {
  color: var(--main-color) !important;
}
/* 
.text-line,.text-line-hover:hover{
  color:#28a745 !important;
}

.text-fb, .text-fb-hover:hover{
  color: #3B5997 !important;
}
.text-yt, .text-yt-hover:hover{
  color: #EF0000 !important;
}

.text-linkedin, .text-linkedin-hover:hover{
  color: #0A66C2 !important;
} */
/* 
.rounded-1r {
  border-radius: 1rem;
}

.rounded-top-1r{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-bottom-1r{
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.mxh-350 {
  max-height: 350px;
}

.mxh-300 {
  max-height: 300px;
}

.bg-black-8 {
  background-color: rgba(0, 0, 0, 0.8);
}

.hover-shadow:hover {
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.5);
}

.agree_policy a {
  color: var(--main-color);
}

.z-index-1{
  z-index: 1 !important;
}

.h-52px{
  height: 52px;
}

.opacity-transition{
  transition: opacity 0.5 ease-in-out;
}

.opacity-0{
  opacity: 0;
}

.opacity-1{
  opacity: 1;
} */

.text-shadow{
  text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
}

/* 
.fs-8r{
  font-size: 8rem;
}

.fs-7r{
  font-size: 7rem;
}

.fs-6r{
  font-size: 6rem;
} */

.fs-5r{
  font-size: 5.5rem;
  line-height: 1.3;
}

.fs-4r{
  font-size: 5rem;
  line-height: 1.3;
}

.fs-3r{
  font-size: 3rem;
}

.fs-2r{
  font-size: 1.85rem;
}
/* 
.fs-1r{
  font-size: 1rem;
} */

.overflow-y-auto{
  overflow-y: auto !important;
}


@media (max-width: 767.98px) {
  .fs-8r{
    font-size: 6rem;
  }

  .fs-7r{
    font-size: 5rem;
  }

  .fs-6r{
    font-size: 4rem;
  }

  .fs-5r{
    font-size: 3rem;
  }

  .fs-4r{
    font-size: 3rem;
  }

  .fs-3r{
    font-size: 1.5rem;
  }

  .fs-2r{
    font-size: 1rem;
  }

  .fs-1r{
    font-size: 1.5rem;
  }
}

@media (max-width: 991.98px) {

}

@media (max-width: 1199.98px) {
  
}

@media (max-width: 1399.98px) {

}