@charset "UTF-8";
/* 設計師用 桌機版CSS檔 style.css */
/* 說明：可提供設計師在此檔，針對桌機版面進行設計；為網站必載CSS檔。*/
@import "root.css";
@media (min-width: 576px) {
  .article-grid[data-list-type="01"] {
    --pic-width: 200px;
  }
  .article-grid[data-list-type="01"] > [class*=col-] {
    width: 100%;
  }
  .article-grid[data-list-type="01"] .item .item-wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
  }
  .article-grid[data-list-type="01"] .item .pic {
    flex: 0 0 auto;
    width: var(--pic-width);
  }
  .article-grid[data-list-type="01"] .item .info {
    flex: 1 1 auto;
    width: calc(100% - var(--pic-width) - 20px);
    margin: 0;
  }
}
@media (min-width: 675px) {
  .bsnav-mobile .navbar .list-inline {
    display: none;
  }
  .article-grid[data-list-type="01"] {
    --pic-width: 320px;
  }
  .article-grid[data-list-type="01"] .item .item-wrapper {
    gap: 40px;
    padding: 40px;
  }
}
@media (min-width: 768px) {
  .header .navbar .navbar-brand {
    width: 242px;
    height: 65px;
    margin: 12px 0;
  }
}
@media (min-width: 992px) {
  .header > .navbar .container-fluid {
    --bs-gutter-x: 68px;
  }
}
@media (min-width: 1200px) {
  .header .navbar .navbar-nav > li > a {
    font-size: 1rem;
  }
}
@media (min-width: 1520px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1440px;
  }
  .g-xxl-6,
  .gy-xxl-6 {
    --bs-gutter-y: 5rem;
  }
  .g-xxl-6,
  .gx-xxl-6 {
    --bs-gutter-x: 5rem;
  }
}
@media (min-width: 1680px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1600px;
  }
  .g-xxl-6,
  .gy-xxl-6 {
    --bs-gutter-y: 7rem;
  }
  .g-xxl-6,
  .gx-xxl-6 {
    --bs-gutter-x: 7rem;
  }
}
@media (min-width: 1850px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1770px;
  }
  .g-xxl-6,
  .gy-xxl-6 {
    --bs-gutter-y: 9rem;
  }
  .g-xxl-6,
  .gx-xxl-6 {
    --bs-gutter-x: 9rem;
  }
}
@media (max-width: 1519px) {
  .banner .item .banner-txt.banner-txt_left.banner-txt_en .title span {
    display: block;
  }
  .banner .item .banner-txt.banner-txt_left.banner-txt_en .title {
    line-height: 60px;
    bottom: 46%;
  }
  .banner .item .banner-txt.banner-txt_left .title {
    font-size: 3.375rem;
  }
  .kind-info {
    margin-bottom: 2.25rem;
  }
  .kind-info .h1 {
    font-size: 2.5rem;
  }
  body.home .section {
    --section-gap: 110px;
  }
  body.home .section .h3 {
    font-size: 2.5rem;
  }
}
@media (max-width: 1399px) {
  .btn-more {
    --bs-btn-font-size: 1.125rem;
  }
  .banner .item .banner-txt .title {
    font-size: 2.875rem;
  }
  .banner .item .banner-txt .sub {
    font-size: 0.9375rem;
  }
  .footer .footer_top {
    padding: 100px 0;
  }
  .kind-info {
    margin-bottom: 2rem;
  }
  .kind-info .h1 {
    font-size: 2.375rem;
  }
  .slick .slick-arrow {
    width: 50px;
    height: 50px;
  }
  .article-horizontal-grid .item a {
    padding: 40px 50px;
    gap: 35px;
  }
  .article-horizontal-grid .item .date,
  .article-horizontal-grid .item .kind {
    font-size: 0.9375rem;
  }
  .article-horizontal-grid .item .title {
    font-size: 1.125rem;
  }
  .article-horizontal-grid .item .desc {
    font-size: 0.9375rem;
  }
  .gallery-list.kind-list .item .info {
    padding: 25px 40px;
  }
  .gallery-list.kind-list .item .info .title {
    font-size: 1.375rem;
  }
  body.home .section {
    --section-gap: 100px;
  }
  body.home .section .h3 {
    font-size: 2.375rem;
  }
  body.home .section .more-btn-area {
    margin-top: 60px;
  }
  body.home .section.home_product .gallery-list.kind-list.slick {
    --clip-size: 40px;
  }
  body.home .section.home_product .gallery-list.kind-list.slick .item .item-wrapper {
    margin: 0 -5px;
  }
  body.home .section.home_product .gallery-list.kind-list.slick .slick-prev {
    left: 10px;
  }
  body.home .section.home_product .gallery-list.kind-list.slick .slick-next {
    right: 10px;
  }
  body.home .about-box .desc {
    font-size: 1rem;
  }
  body.home .about-box ul .text {
    font-size: 1rem;
  }
  body.home .about-box .more-btn-area {
    margin-top: 40px;
  }
}
@media (max-width: 1199px) {
  .btn-more {
    --bs-btn-font-size: 1rem;
  }
  .banner .bxslider li {
    height: auto;
  }
  .banner .bxslider li img {
    display: block;
  }
  .footer .footer_top {
    padding: 80px 0;
  }
  .footer .sitemap ul li a {
    font-size: 1.125rem;
  }
  .footer .sitemap ul ul li a {
    font-size: 0.9375rem;
  }
  .kind-info {
    margin-bottom: 1.75rem;
  }
  .kind-info .h1 {
    font-size: 2.125rem;
  }
  .article-horizontal-grid.contact-list .item {
    padding: 15px;
  }
  .article-horizontal-grid.contact-list .item .item-wrapper {
    padding: 15px 25px;
    gap: 30px;
  }
  body.home .section {
    --section-gap: 90px;
  }
  body.home .section .h3 {
    font-size: 2.125rem;
  }
  body.home .section .more-btn-area {
    margin-top: 40px;
  }
  body.home .section.home_news .article-horizontal-grid.slick .slick-prev {
    left: 21.5vw;
  }
  body.home .section.home_news .article-horizontal-grid.slick .slick-next {
    right: 21.5vw;
  }
  body.home .about-box .desc {
    font-size: 0.9375rem;
  }
  body.home .about-box ul .text {
    font-size: 0.9375rem;
  }
  body.home .about-box .more-btn-area {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .banner .item .banner-txt.banner-txt_left.banner-txt_en .title {
    bottom: 20%;
  }
  .banner .item .banner-txt.banner-txt_left .title {
    left: 0;
    right: 0;
    bottom: 20%;
    text-align: center;
  }
  .btn-more {
    --bs-btn-font-size: 0.9375rem;
  }
  .header .navbar .small-btn-box {
    gap: 10px;
  }
  .header .navbar .small-btn-box > ul {
    gap: 10px;
  }
  .header .navbar .small-btn-box > ul li a {
    font-size: 0.875rem;
    padding: 0.375em 0.5em;
  }
  .bsnavclose.close-btn {
    right: 15px;
  }
  .bsnav-mobile.right, .bsnav-mobile.left {
    --menu-width: 460px;
    --menu-padding-x: 40px;
    --menu-padding-top: 80px;
    --menu-padding-bottom: 15px;
  }
  .footer .footer-logo {
    max-width: 75px;
  }
  .footer .footer_content {
    font-size: 0.75rem;
    padding: 20px 0;
  }
  .footer .footer_top {
    padding: 60px 0;
  }
  .footer .sitemap ul li {
    flex: 0 0 25%;
  }
  .footer .siteinfo ul > li {
    font-size: 0.9375rem;
  }
  .footer .siteinfo ul > li.com {
    font-size: 1.125rem;
  }
  .footer .editor .list-inline {
    text-align: start;
  }
  .side .nav {
    display: none;
    max-width: none;
    margin: 0;
  }
  .side.menu-open .nav {
    display: block;
    margin-top: 10px;
  }
  .kind-info {
    margin-bottom: 1.5rem;
  }
  .kind-info .h1 {
    font-size: 1.875rem;
  }
  .slick .slick-arrow {
    width: 40px;
    height: 40px;
  }
  .article-horizontal-grid .item a {
    padding: 30px 40px;
    gap: 25px;
  }
  .article-horizontal-grid .item .date,
  .article-horizontal-grid .item .kind {
    font-size: 0.875rem;
  }
  .article-horizontal-grid .item .title {
    font-size: 1rem;
  }
  .article-horizontal-grid .item .desc {
    font-size: 0.875rem;
  }
  .article-horizontal-grid.contact-list .item .title {
    font-size: 1.375rem;
  }
  body.home .section {
    --section-gap: 80px;
  }
  body.home .section .h3 {
    font-size: 1.875rem;
  }
  body.home .section .more-btn-area {
    margin-top: 30px;
  }
  body.home .section.home_product .gallery-list.kind-list.slick .slick-track {
    padding: 0 0 10px;
  }
  body.home .section.home_product .gallery-list.kind-list.slick .slick-center .item {
    transform: translateY(0);
  }
  body.home .section.home_news .article-horizontal-grid.slick .slick-prev {
    left: 19.5vw;
  }
  body.home .section.home_news .article-horizontal-grid.slick .slick-next {
    right: 19.5vw;
  }
  body.home .about-box ul .icon {
    width: 32px;
  }
  html[lang=jp] .footer .sitemap > ul > li, html[lang=zh-Hans] .footer .sitemap > ul > li {
    flex: 0 0 25%;
  }
}
@media (max-width: 767px) {
  html[lang=en] .footer .sitemap ul li ul li {
    width: 100%;
  }
  .banner .item .banner-txt.banner-txt_left.banner-txt_en .title {
    line-height: initial;
    bottom: 12%;
    font-size: 1.8rem;
  }
  .banner .item .banner-txt.banner-txt_left .title {
    font-size: 1.8rem;
  }
  .btn-more {
    --bs-btn-padding-x: 1.25em;
    --bs-btn-padding-y: 1em;
    --bs-btn-font-size: 0.875rem;
    min-width: 9em;
  }
  .nav-lg {
    --bs-nav-link-font-size: 1rem;
    --bs-nav-link-padding-x: 0.875em;
    --bs-nav-link-padding-y: 0.375em;
  }
  #floating {
    top: 40px;
    margin-top: 0;
  }
  #floating.fixed {
    top: 40px;
    margin-top: 0;
  }
  #floating .btn-floating {
    display: block;
  }
  #floating ul {
    width: 0;
    overflow: hidden;
    transition: all 0.3s ease;
  }
  #floating.open ul {
    width: 60px;
  }
  .header .navbar .navbar-header {
    text-align: center;
  }
  .header .navbar .small-btn-box {
    gap: 5px;
  }
  .header .navbar .small-btn-box > ul {
    gap: 5px;
  }
  .header .navbar .navbar-toggle {
    font-size: 18px;
    color: #1eb5be;
    letter-spacing: 2px;
    border: none;
    float: none;
    margin: 0 0 20px;
    padding-left: 14px;
  }
  .header .navbar .navbar-toggle:hover {
    background: none;
    color: #888;
  }
  .header .navbar .sub-nav {
    text-align: center;
    margin: 10px 0 20px;
    position: static;
  }
  .bsnavclose.close-btn {
    top: 19px;
  }
  .bsnav-mobile.right, .bsnav-mobile.left {
    --menu-width: 420px;
    --menu-padding-x: 30px;
    --menu-padding-top: 60px;
    --menu-padding-bottom: 10px;
  }
  .banner .item .banner-txt .title {
    font-size: 2.375rem;
  }
  .banner .item .banner-txt .sub {
    font-size: 0.875rem;
    letter-spacing: 0.1em;
  }
  .footer .footer_top {
    padding: 50px 0;
  }
  .footer .sitemap ul {
    gap: 15x 0;
  }
  .footer .sitemap ul li {
    flex: 1 1 100%;
    padding: 0;
  }
  .footer .sitemap ul li a {
    padding: 0;
  }
  .footer .sitemap ul ul.pr_w li {
    width: 50%;
  }
  .footer .sitemap ul ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
    gap: 0;
  }
  .footer .sitemap ul ul li {
    flex: 0 0 auto;
    width: auto;
    padding-right: 10px;
  }
  .footer .sitemap ul ul li a {
    padding: 0;
  }
  .footer .copyright {
    display: block;
  }
  .footer .siteinfo {
    display: block;
  }
  .footer .siteinfo ul {
    display: block;
  }
  .footer .siteinfo ul > li + li:before {
    display: none;
  }
  .wid-float-section {
    bottom: 0;
    left: 0;
    right: 0;
  }
  .wid-float-section ul {
    gap: 0;
    flex-direction: row;
  }
  .wid-float-section ul li {
    flex: 1 1 auto;
    width: 100%;
  }
  .wid-float-section a {
    font-size: 1.375rem;
    width: 100%;
    height: 2em;
  }
  .main {
    z-index: auto;
  }
  .main_content {
    padding: 20px 0 40px;
  }
  .list-box .txt-list li.list-header {
    display: none;
  }
  .list-box .txt-list li span {
    float: none;
    display: block;
    padding: 0;
  }
  .btn-box {
    text-align: center;
  }
  .btn-box .page-info select {
    width: 100px;
    display: inline-block;
  }
  .btn-box .pager,
  .btn-box .page-info {
    float: none;
  }
  .btn-box .pager {
    display: block;
  }
  .btn-box .pager li {
    margin: 0;
  }
  .btn-box .pager li > a {
    width: 100%;
    text-align: center;
    margin: 5px 0 0;
    padding-left: 0;
    padding-right: 0;
  }
  .kind-info {
    margin-bottom: 1.25rem;
  }
  .kind-info .h1 {
    font-size: 1.75rem;
  }
  .slick .slick-dots {
    --dot-width: 10px;
    --dot-height: 10px;
  }
  .article-horizontal-grid .item a {
    flex-wrap: wrap;
  }
  .article-horizontal-grid .item .pic {
    width: 100%;
  }
  .article-horizontal-grid .item .info {
    width: 100%;
  }
  .article-horizontal-grid.contact-list .item .item-wrapper {
    flex-wrap: wrap;
    padding: 15px 20px;
    gap: 20px;
  }
  .article-horizontal-grid.contact-list .item .pic {
    max-width: unset;
  }
  .gallery-horizontal-grid .item + .item {
    margin-top: 25px;
  }
  .gallery-horizontal-grid .item a {
    flex-wrap: wrap;
  }
  .gallery-horizontal-grid .item .pic,
  .gallery-horizontal-grid .item .info {
    width: 100%;
  }
  .gallery-horizontal-grid .item .info {
    padding: 10px 15px;
  }
  .gallery-horizontal-grid .item .title {
    font-size: 1.25rem;
  }
  body.home .section {
    --section-gap: 60px;
  }
  body.home .section .h3 {
    font-size: 1.75rem;
  }
  body.home .section.home_product .h3 {
    margin-bottom: 1.5em;
  }
  body.home .section.home_product .gallery-list.kind-list.slick.slick-dotted .slick-dots {
    bottom: calc(100% + 20px);
  }
  body.home .section.home_news .article-horizontal-grid.slick .slick-prev {
    left: 17.5vw;
  }
  body.home .section.home_news .article-horizontal-grid.slick .slick-next {
    right: 17.5vw;
  }
  html[lang=jp] .footer .sitemap > ul > li, html[lang=zh-Hans] .footer .sitemap > ul > li {
    flex: 1 1 100%;
  }
}
@media (max-width: 674px) {
  .header .navbar .small-btn-box > ul li.primary, .header .navbar .small-btn-box > ul li.secondary {
    display: none;
  }
  body.home .section.home_about {
    padding-bottom: 0;
  }
  body.home .about-box {
    width: 100%;
    padding-top: 0;
  }
  body.home .about-box:before {
    clip-path: unset;
  }
}
@media (max-width: 575px) {
  .nav-lg {
    --bs-nav-link-font-size: 0.9375rem;
    --bs-nav-link-padding-x: 0.375em;
    --bs-nav-link-padding-y: 0.25em;
  }
  .sticky-menu.nav-justified > .nav-link,
  .sticky-menu.nav-justified .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }
  .banner .banner-wrapbox .slick .slick-dots {
    bottom: 15px;
  }
  .banner .item .banner-txt .title {
    font-size: 2rem;
  }
  .banner .item .banner-txt .sub {
    font-size: 0.75rem;
  }
  .breadcrumb {
    display: none;
  }
  .kind-info {
    margin-bottom: 1rem;
  }
  .kind-info .h1 {
    font-size: 1.5rem;
  }
  .article-horizontal-grid .item {
    padding: 20px 0;
  }
  .article-horizontal-grid.contact-list .item .item-wrapper {
    padding: 5px 10px;
    gap: 10px;
  }
  body.home .section {
    --section-gap: 50px;
  }
  body.home .section .h3 {
    font-size: 1.5rem;
  }
  body.home .section.home_news .article-horizontal-grid.slick .slick-prev {
    left: 10vw;
  }
  body.home .section.home_news .article-horizontal-grid.slick .slick-next {
    right: 10vw;
  }
}
@media (max-width: 425px) {
  .banner .item .banner-txt .title {
    font-size: 1.75rem;
  }
  .banner .item .banner-txt .sub {
    font-size: 0.65rem;
  }
  body.home .section.home_news .article-horizontal-grid.slick .slick-prev {
    left: 5vw;
  }
  body.home .section.home_news .article-horizontal-grid.slick .slick-next {
    right: 5vw;
  }
  body.home .about-box {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  html[lang=en] .article-horizontal-grid .item ul li, html[lang=jp] .article-horizontal-grid .item ul li {
    flex-direction: column;
    gap: 0;
  }
  html[lang=en] .article-horizontal-grid .item ul li label, html[lang=jp] .article-horizontal-grid .item ul li label {
    width: 100%;
    text-align: start;
  }
}/*# sourceMappingURL=style_rwd.css.map */