@charset "UTF-8";
/*
Theme Name: Twenty Nineteen Child
Theme URI: https://wordpress.org/themes/twentynineteen/
Template: twentynineteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready,block-patterns
Version: 3.3.1786691640
Updated: 2026-08-14 15:14:00

*/
/* ==========================================
   定義 PX 轉 VW 的函數 (基準寬度 1920)
========================================== */
/* 電腦版轉換 (基準 1920px) */
/*筆電平板*/
/* 手機版轉換 (基準 375px) */
/*  Reset CSS */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

.wp-caption {
  width: 100% !important;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a:visited {
  color: unset;
}

/*basic*/
img {
  height: auto;
  max-width: 100%;
}

.pc {
  display: block;
}

.mb {
  display: none;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

@media (max-width: 992px) {
  html {
    scroll-padding-top: 17.6vw;
  }
}
/*font-site*/
body:lang(zh-TW),
button:lang(zh-TW),
input:lang(zh-TW),
select:lang(zh-TW),
optgroup:lang(zh-TW),
textarea:lang(zh-TW),
.author-description .author-link:lang(zh-TW),
.comment-metadata:lang(zh-TW),
.comment-reply-link:lang(zh-TW),
.comments-title:lang(zh-TW),
.comment-author .fn:lang(zh-TW),
.discussion-meta-info:lang(zh-TW),
.entry-meta:lang(zh-TW),
.entry-footer:lang(zh-TW),
.main-navigation:lang(zh-TW),
.no-comments:lang(zh-TW),
.not-found .page-title:lang(zh-TW),
.error-404 .page-title:lang(zh-TW),
.post-navigation .post-title:lang(zh-TW),
.page-links:lang(zh-TW),
.page-description:lang(zh-TW),
.pagination .nav-links:lang(zh-TW),
.sticky-post:lang(zh-TW),
.site-title:lang(zh-TW),
.site-info:lang(zh-TW),
#cancel-comment-reply-link:lang(zh-TW),
h1:lang(zh-TW),
h2:lang(zh-TW),
h3:lang(zh-TW),
h4:lang(zh-TW),
h5:lang(zh-TW),
h6:lang(zh-TW),
.page-title:lang(zh-TW),
blockquote cite:lang(zh-TW),
table:lang(zh-TW),
.button:lang(zh-TW),
input:lang(zh-TW)[type=button],
input:lang(zh-TW)[type=reset],
input:lang(zh-TW)[type=submit],
.comment-navigation .nav-previous:lang(zh-TW),
.comment-navigation .nav-next:lang(zh-TW),
.comment-list .pingback .comment-body:lang(zh-TW),
.comment-list .trackback .comment-body:lang(zh-TW),
.comment-list .pingback .comment-body .comment-edit-link:lang(zh-TW),
.comment-list .trackback .comment-body .comment-edit-link:lang(zh-TW),
.comment-form .comment-notes:lang(zh-TW),
.comment-form label:lang(zh-TW),
.widget_archive ul li:lang(zh-TW),
.widget_categories ul li:lang(zh-TW),
.widget_meta ul li:lang(zh-TW),
.widget_nav_menu ul li:lang(zh-TW),
.widget_pages ul li:lang(zh-TW),
.widget_recent_comments ul li:lang(zh-TW),
.widget_recent_entries ul li:lang(zh-TW),
.widget_rss ul li:lang(zh-TW),
.widget_tag_cloud .tagcloud:lang(zh-TW),
.widget_calendar .calendar_wrap .wp-calendar-nav:lang(zh-TW),
.entry .entry-content .wp-block-button .wp-block-button__link:lang(zh-TW),
.entry .entry-content .wp-block-archives li > a:lang(zh-TW),
.entry .entry-content .wp-block-categories li > a:lang(zh-TW),
.entry .entry-content .wp-block-latest-posts li > a:lang(zh-TW),
.entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(zh-TW),
.entry .entry-content .wp-block-verse:lang(zh-TW),
.entry .entry-content .has-drop-cap:lang(zh-TW):not(:focus):first-letter,
.entry .entry-content .wp-block-pullquote cite:lang(zh-TW),
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(zh-TW),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(zh-TW),
.entry .entry-content .wp-block-cover-image h2:lang(zh-TW),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(zh-TW),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(zh-TW),
.entry .entry-content .wp-block-cover h2:lang(zh-TW),
.entry .entry-content .wp-block-audio figcaption:lang(zh-TW),
.entry .entry-content .wp-block-video figcaption:lang(zh-TW),
.entry .entry-content .wp-block-image figcaption:lang(zh-TW),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(zh-TW),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(zh-TW),
.entry .entry-content .wp-block-file:lang(zh-TW),
.entry .entry-content .wp-block-file .wp-block-file__button:lang(zh-TW),
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(zh-TW),
.wp-caption-text:lang(zh-TW),
.gallery-caption:lang(zh-TW) {
  font-family: "Noto Sans TC";
}

h1:not(.site-title):before,
h2:before {
  display: none;
}

/*16px  0.9vw*/
body,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans TC";
  color: #333;
  text-decoration: none;
  line-height: 180%;
  font-size: 18px;
  letter-spacing: 0;
}

.pagination .nav-links {
  letter-spacing: 0;
}

@-moz-document url-prefix() {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a {
    font-family: "Noto Sans TC";
  }
}
span.w400 {
  font-weight: 400;
}

a:hover,
a:active {
  color: #9D7E63;
}

@media screen and (max-width: 1440px) {
  p {
    font-size: 16px;
  }
}
@media screen and (max-width: 992px) {
  p {
    line-height: 160%;
    font-size: 16px;
  }
}
/*RWD*/
.food_pc_nav {
  display: block;
}

/*過場*/
body {
  opacity: 0;
  /* Set the initial opacity to 0 to hide the content */
  transition: opacity 0.5s ease;
  /* Add a smooth transition for the opacity property */
}

body.loaded {
  opacity: 1;
  /* Set the opacity to 1 when the content is fully loaded */
}

/*原位淡入*/
.fade-section {
  opacity: 0;
  transition: opacity 2s ease;
}

.fade-section.visible {
  opacity: 1 !important;
}

/*下面淡入*/
.fade-in-section {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1.5s ease, transform 1.5s ease;
}

.fade-in-section.visible {
  opacity: 1 !important;
  transform: translateY(0);
}

/*左邊淡入*/
.left_fade_in {
  opacity: 0;
  transform: translateX(-100px);
  transition: opacity 1.5s ease, transform 1.5s ease;
}

.left_fade_in.visible {
  opacity: 1;
  /* Make the text visible */
  transform: translateX(0);
  /* Move the text back to its original position */
}

/*右邊淡入*/
.right_fade_in {
  opacity: 0;
  transform: translateX(100px);
  transition: opacity 1.5s ease, transform 1.5s ease;
}

.right_fade_in.visible {
  opacity: 1;
  /* Make the text visible */
  transform: translateX(0);
  /* Move the text back to its original position */
}

/*line*/
.line_buttom {
  position: fixed;
  right: 3.125vw;
  top: 77%;
  max-width: 5.2083333333vw;
  z-index: 100;
  transition: transform 0.3s ease;
}

.line_buttom:hover {
  transform: scale(1.1);
}

@media screen and (max-width: 1440px) {
  .line_buttom {
    right: 4.1666666667vw;
    max-width: 6.9444444444vw;
  }
}
/*table*/
.rwdtable table {
  width: 100%;
}

.rwdtable table * {
  vertical-align: middle;
}

/*grid*/
.food_grid {
  display: grid;
  grid-auto-rows: auto;
}

.boxone {
  grid-template-columns: repeat(1, 1fr);
}

.boxtwo {
  grid-template-columns: repeat(2, 1fr);
}

.boxthree {
  grid-template-columns: repeat(3, 1fr);
}

.boxfour {
  grid-template-columns: repeat(4, 1fr);
}

/*youtube rwd*/
.yt_video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.yt_video iframe,
.yt_video object,
.yt_video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*swiper*/
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*pc & mb block*/
br.mobile_br {
  display: none;
}

br.pc_br {
  display: block;
}

span.mobile_hide {
  display: unset;
}

/*header*/
nav.menu {
  display: none;
}

.logo img {
  max-width: 9.4791666667vw;
}

.logo {
  font-size: 0;
  line-height: 0;
}

.logo a {
  line-height: 0;
}

header {
  position: relative;
  z-index: 9999;
  background-color: #fff;
  padding: 1.0416666667vw 3.125vw;
  align-items: center;
  box-shadow: 0px 0.5208333333vw 1.0416666667vw 0px rgba(0, 0, 0, 0.4);
  transition: background-color 0.3s ease;
}

header.nav_is_open {
  position: relative;
  box-shadow: none;
  min-height: 100vh;
}

.pc_menu_logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  font-size: 1.25vw;
  font-weight: bold;
}

.nav_buttom {
  position: relative;
  margin-right: 2.1354166667vw;
}

.nav_buttom a:first-child {
  margin-right: 0.5208333333vw;
}

nav.menu a {
  font-size: 1.0416666667vw;
  font-weight: 400;
  line-height: 100%;
}

nav.menu li:hover > a,
nav.menu li.current-active > a {
  color: #9D7E63;
}

.nav_buttom a {
  font-size: 0.9375vw !important;
  color: #fff;
  background: #1E3E80;
  padding: 0.2604166667vw 0.8333333333vw 0.3645833333vw 0.8333333333vw;
  border-radius: 50px;
  border: 1px solid #1E3E80;
}

.nav_buttom a:hover {
  color: #1E3E80 !important;
  background: #fff;
}

.nav_social {
  position: relative;
  display: flex;
  gap: 0.5208333333vw;
}

.nav_social a:hover {
  opacity: 0.8;
}

.nav_social:after {
  background: #CCAE66;
  height: 100%;
  width: 1px;
  content: "";
  position: absolute;
  left: -1.0416666667vw;
}

.nav_social img {
  max-width: 2.0833333333vw;
}

.bk_img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media screen and (max-width: 1440px) {
  .logo img {
    max-width: 12.6388888889vw;
  }
  header {
    padding: 1.3888888889vw 4.1666666667vw;
  }
  .logo {
    font-size: 1.6666666667vw;
  }
  .nav_buttom {
    margin-right: 2.8472222222vw;
  }
  .nav_buttom a:first-child {
    margin-right: 0.6944444444vw;
  }
  nav.menu a {
    font-size: 1.3888888889vw;
  }
  .nav_buttom a {
    font-size: 1.25vw !important;
    padding: 0.3472222222vw 1.1111111111vw 0.4861111111vw 1.1111111111vw;
  }
  .nav_social {
    gap: 0.6944444444vw;
  }
  .nav_social:after {
    left: -1.3888888889vw;
  }
  .nav_social img {
    max-width: 2.7777777778vw;
  }
}
@media screen and (max-width: 992px) {
  .nav_social:after {
    display: none;
  }
  .nav_social img {
    max-width: 10.6666666667vw;
  }
}
/*floating*/
header.header.floating {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease;
}

header.header.header-hidden {
  /* 利用 translateY 將整個 header 往上推離畫面 */
  transform: translateY(-100%);
}

/*food_pc_nav*/
.mobile_nav_blck {
  opacity: 0.9;
  z-index: 1;
}

.mobile_nav_hide {
  opacity: 0;
  z-index: -9999;
}

.food_pc_nav nav {
  display: inline-block;
  position: relative;
}

.food_pc_nav nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.food_pc_nav nav li {
  display: inline-block;
  margin-right: 2.0833333333vw;
  position: relative;
}

.food_pc_nav nav li a {
  text-decoration: none;
  color: #333;
}

li.member-item {
  margin-right: 1.0416666667vw !important;
}

.food_pc_nav li.has_submenu {
  position: relative;
}

.food_pc_nav .submenu {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  position: absolute;
  left: 50%;
  transform: translateX(calc(-40% - 6.5px));
  top: 100%;
  margin-top: 1.0416666667vw;
  background-color: #f9f9f9;
  padding: 1.042vw 0.521vw 0.521vw 0.521vw;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 7.7604166667vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  list-style: none;
}

.food_pc_nav .submenu a {
  font-size: 0.9375vw;
}

.food_pc_nav .submenu::before {
  content: "";
  position: absolute;
  top: -1.0416666667vw;
  left: 0;
  width: 100%;
  height: 1.0416666667vw;
  background-color: transparent;
}

.food_pc_nav .submenu li {
  margin-right: 0;
  margin-bottom: 1.042vw;
}

.food_pc_nav .has_submenu:hover .submenu {
  /* 移除 display: block; */
  opacity: 1;
  /* 游標移入時變為不透明 */
  visibility: visible;
  /* 游標移入時變為可見 */
  z-index: 2;
}

.food_pc_nav li > a:before,
.food_mobile_nav li a:before {
  content: "";
  background-image: url(http://gathering.focustech.tw/img/header/hoverbk.svg);
  background-size: 0.9895833333vw 0.9895833333vw;
  /* 设置图像大小 */
  background-repeat: no-repeat;
  width: 0.9895833333vw;
  /* 设置元素的宽度 */
  height: 0.9895833333vw;
  /* 设置元素的高度 */
  position: absolute;
  left: -0.4166666667vw;
  top: -0.15625vw;
  opacity: 0;
  transition: opacity 0.5s ease;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

@media screen and (max-width: 1440px) {
  .food_pc_nav nav li {
    display: inline-block;
    margin-right: 2.7777777778vw;
    position: relative;
  }
  li.member-item {
    margin-right: 1.3888888889vw !important;
  }
  .food_pc_nav .submenu {
    margin-top: 1.3888888889vw;
    width: 10.3472222222vw;
  }
  .food_pc_nav .submenu a {
    font-size: 1.25vw;
  }
  .food_pc_nav .submenu::before {
    top: -1.3888888889vw;
    height: 1.3888888889vw;
  }
}
@media screen and (max-width: 992px) {
  .food_pc_nav li > a:before,
  .food_mobile_nav li a:before {
    background-size: 5.0666666667vw 5.0666666667vw;
    width: 5.0666666667vw;
    /* 设置元素的宽度 */
    height: 5.0666666667vw;
    left: -2.1333333333vw;
    top: -2.1333333333vw !important;
  }
  .food_mobile_nav li.has_submenu a:before {
    top: 2.1333333333vw !important;
  }
}
.food_mobile_nav li a:before {
  top: -0.8854166667vw;
}

.food_mobile_nav li.has_submenu a:before {
  top: -1px;
}

.food_mobile_nav .submenu a:before {
  display: none;
}

/* 修改後的程式碼 (加入手機版觸發條件) */
/*
.food_pc_nav li:hover > a:before,
.food_pc_nav li.current-active > a:before,
.food_mobile_nav li:hover > a:before,
.food_mobile_nav li.current-active > a:before
*/
.food_pc_nav li.current-active > a:before,
.food_mobile_nav li.current-active > a:before {
  opacity: 1;
  transform: translateY(0);
}

.food_pc_nav .submenu li > a:before {
  display: none;
}

.has_submenu > a:after {
  content: "";
  background-image: url(http://gathering.focustech.tw/img/header/down.svg);
  background-size: 0.4166666667vw 0.7291666667vw;
  background-repeat: no-repeat;
  display: inline-block;
  width: 0.4166666667vw;
  height: 0.7291666667vw;
  margin-left: 0.2604166667vw;
  vertical-align: middle;
}

li.has_submenu.active > a:after {
  background-image: url(http://gathering.focustech.tw/img/header/up.svg);
}

/*food_mobile_nav*/
/* --- 手機版選單主體 --- */
.food_mobile_nav {
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-30px);
  /* 設定動畫：針對透明度、位移、可視性做 0.4 秒的平滑過渡 */
  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
}

/* --- 打開時的狀態 (JS 加上 .mobile_nav_blck 時觸發) --- */
.food_mobile_nav.mobile_nav_blck {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  /* 回到原本的位置 */
  height: auto;
}

/* --- 關閉時的狀態 --- */
.food_mobile_nav.mobile_nav_hide {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-30px);
  height: 0;
}

.food_mobile_nav .nav_box {
  position: relative;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  padding: 20px 24px;
}

.food_mobile_nav nav.menu {
  display: block;
  width: 100%;
  margin: auto;
}

.food_mobile_nav a {
  position: relative;
  display: block;
  text-align: left;
  font-size: 4.8vw !important;
}

.food_mobile_nav .submenu {
  /* 移除 display: none，改用 max-height 和 opacity 控制 */
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  padding-left: 1.172vw;
  transition: max-height 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;
  list-style: none;
}

.food_mobile_nav ul.submenu.active {
  max-height: 400px;
  opacity: 1;
  visibility: visible;
}

.food_mobile_nav ul.submenu {
  padding-left: 10px;
}

.food_mobile_nav ul.submenu li {
  border: none;
  margin: 0;
  padding: 0;
}

.food_mobile_nav li.has_submenu {
  border: none;
  margin-bottom: 0;
}

.food_mobile_nav li.has_submenu a {
  border-bottom: 1px solid #9D7E63;
}

.food_mobile_nav ul.submenu a {
  border: none;
}

.food_mobile_nav li.has_submenu.active a {
  border-color: #9D7E63;
  color: #9D7E63 !important;
}

.food_mobile_nav li.current-active > a {
  color: #9D7E63;
  border-color: #9D7E63;
}

.food_mobile_nav li:hover {
  border-color: #9D7E63;
}

.food_mobile_nav li:hover a {
  color: #9D7E63;
}

.food_mobile_nav ul.submenu.active a {
  color: #9D7E63;
}

.food_mobile_nav .has_submenu > a:after {
  background-size: cover;
  width: 14px;
  height: 8px;
  margin-top: 8px;
  float: right;
  transform: rotate(-90deg);
}

.food_mobile_nav a:hover,
.food_mobile_nav a:focus {
  color: #f1f1f1;
}

.food_mobile_nav .nav_buttom {
  float: none;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 0.488vw;
}

/*
.food_mobile_nav .nav_buttom a {
    color: #fff;
    background: #9D7E63;
    padding: 1.075vw 4.475vw;
    border-radius: 4.883vw;
    border: 0.104vw solid #9D7E63;
    text-align: center !important;
}
*/
.food_mobile_nav .nav_buttom a:hover {
  background: rgba(157, 126, 99, 0);
}

#ay_m_box {
  display: none;
}

.mobile_menu_icon {
  position: relative;
  display: none;
  margin-top: 2.1333333333vw;
  /*
  margin-top: 1.859vw;
  margin-right: 2.859vw;
  */
}

.mobile_menu_icon label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 9999;
}

.mobile_menu_icon label div {
  position: relative;
  top: 0;
  height: 1.6px;
  background-color: #333;
  margin-bottom: 2.1333333333vw;
  transition: 0.3s ease transform, 0.3s ease top, 0.3s ease width, 0.3s ease right;
  border-radius: 1.6px;
}

.mobile_menu_icon label div:first-child {
  transform-origin: 0;
}

.mobile_menu_icon label div:last-child {
  margin-bottom: 0;
  transform-origin: 2.93vw;
}

.mobile_menu_icon label div:nth-child(2) {
  right: 0;
  transform-origin: 2.93vw;
}

#ay_m_box:checked + label div:first-child {
  top: -0.391vw;
  transform: rotateZ(45deg);
  background: #fff;
  width: 7.7333333333vw;
}

#ay_m_box:checked + label div:last-child {
  top: 0.57vw;
  transform: rotateZ(45deg);
  width: 2.3vw;
  background: #fff;
  display: none;
}

#ay_m_box:checked + label div:nth-child(2) {
  width: 3.48vw;
  top: -0.93vw;
  right: 0.8vw;
  transform: rotateZ(-45deg);
  background: #fff;
}

/* 鎖定背景螢幕的滑動 */
body.no-scroll {
  overflow: hidden;
}

/* 確保打開的手機選單本身若太長，依然可以在選單內上下滑動 */
.food_mobile_nav.mobile_nav_blck {
  overflow-y: auto;
  /* 允許垂直滑動 */
  max-height: 100vh;
  /* 最大高度為裝置螢幕高度 */
  overscroll-behavior: contain;
  /* 防止滑動觸發底層網頁的滑動 (特別針對手機端) */
}

@media screen and (max-width: 992px) {
  .food_mobile_nav {
    display: block;
    width: 100%;
    height: 0;
  }
  .mobile_menu_icon {
    display: block;
    /* right: 2.604vw;
    top: 1.953vw;*/
  }
  .food_pc_nav {
    display: none;
  }
  header {
    padding: 0;
    box-shadow: 0px 3.99px 23.94px 0px rgba(0, 0, 0, 0.3019607843);
    flex-direction: column;
    justify-content: flex-start;
  }
  .logo img {
    max-width: 29.0666666667vw;
  }
  .mb_menu_logo {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 4vw 6.6666666667vw 4vw 4.2666666667vw;
    transition: background-color 0.5s ease;
  }
  header.header.nav_is_open .mb_menu_logo {
    background: #1E3E80;
  }
  /* 
  .mobile_menu_icon {
     right: 5.333vw;
      top: 3.467vw;
  }*/
  .food_mobile_nav nav.menu {
    margin: 0;
  }
  .mobile_menu_icon label span {
    width: 7.2vw !important;
    height: 7.2vw !important;
  }
  .mobile_menu_icon label div {
    height: 2px;
    margin-bottom: 2.1333333333vw;
  }
  #ay_m_box:checked + label div:last-child {
    top: -2.7vw;
  }
  #ay_m_box:checked + label div:nth-child(2) {
    width: 7.7333333333vw;
    top: 1px;
    right: 1.0666666667vw;
  }
  li.member-item {
    margin: 0 0 10.6666666667vw 0 !important;
  }
  .food_mobile_nav li,
  .food_mobile_nav li.has_submenu a {
    border-bottom: 1px solid rgba(153, 153, 153, 0.3019607843);
    padding: 4.5333333333vw 0;
  }
  .food_mobile_nav ul.submenu li {
    padding: 3.2vw 0 !important;
  }
  .food_mobile_nav ul.submenu a {
    padding: 0 !important;
  }
  .food_mobile_nav li.has_submenu {
    padding: 0px;
  }
  .food_mobile_nav ul.submenu a {
    border: none;
    margin: 0;
    font-size: 4.2666666667vw !important;
  }
  .food_mobile_nav .nav_buttom {
    margin: 0;
  }
  .food_mobile_nav .nav_buttom {
    grid-column-gap: 2.6666666667vw;
    margin-bottom: 10.6666666667vw;
  }
  .food_mobile_nav .nav_buttom a {
    font-size: 4.8vw !important;
    padding: 1.3333333333vw;
    text-align: center;
    line-height: 180%;
  }
  .nav_social {
    gap: 6.6666666667vw;
    justify-content: center;
  }
}
/*footer*/
footer#colophon * {
  color: #fff;
  line-height: 150%;
}

footer#colophon {
  background: #515151;
}

.footer_conent {
  padding: 1.0416666667vw;
}

.footer_conent * {
  font-size: 13px;
  font-weight: 400;
}

.local_info {
  line-height: 170%;
  position: relative;
}

.local_info p {
  margin-left: 9px;
}

.local_info p a {
  color: #CCAE66 !important;
}

.local_info:before {
  content: "";
  position: absolute;
  left: 0;
  height: 86%;
  width: 1px;
  background-color: #fff;
  top: 50%;
  transform: translate(0, -50%);
}

span.spacewidth {
  width: 0.521vw;
  display: inline-block;
  position: relative;
}

.food_copyright * {
  font-size: 12px;
}

.footer_conent {
  max-width: 78.8541666667vw;
  margin: auto;
  display: flex;
  -moz-column-gap: 2.5vw;
       column-gap: 2.5vw;
  flex-wrap: wrap;
  row-gap: 1.0416666667vw;
}

.food_info {
  display: flex;
  -moz-column-gap: 2.5vw;
       column-gap: 2.5vw;
  flex-wrap: wrap;
  row-gap: 1.0416666667vw;
  align-items: center;
}

.food_copyright {
  padding: 0.46875vw 1.5625vw;
  text-align: center;
}

@media screen and (max-width: 1440px) {
  .footer_conent {
    padding: 20px;
  }
  .footer_conent {
    max-width: 105.1388888889vw;
    -moz-column-gap: 48px;
         column-gap: 48px;
    row-gap: 20px;
  }
  .food_info {
    -moz-column-gap: 48px;
         column-gap: 48px;
    row-gap: 20px;
  }
  .food_copyright {
    padding: 9px 30px;
  }
}
@media screen and (max-width: 1200px) {
  /*line*/
  .line_buttom {
    top: 75%;
  }
  .footer_conent {
    max-width: 100%;
  }
  span.mobile_br {
    display: block;
  }
  br.mobile_br {
    display: block;
  }
  br.pc_br {
    display: none;
  }
  br.hide_br {
    display: none;
  }
  span.mobile_hide {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .pc {
    display: none;
  }
  .mb {
    display: block;
  }
  .footer_conent {
    padding: 5.3333333333vw;
  }
  .food_info {
    row-gap: 6.4vw;
  }
  .food_copyright {
    padding: 2.4vw 8vw;
    text-align: left;
  }
}
/*basic*/
main#main {
  background-image: url(http://gathering.focustech.tw/img/pc_bk.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
}

.swiper-pagination {
  display: none;
}

.en_title p {
  font-size: 1.6666666667vw;
  line-height: 100%;
  color: #9D7E63;
  font-weight: 500;
}

@media screen and (max-width: 1440px) {
  .en_title p {
    font-size: 2.2222222222vw;
  }
}
@media screen and (max-width: 992px) {
  .en_title p {
    font-size: 3.7333333333vw;
    letter-spacing: 8%;
  }
  main#main {
    background-repeat: repeat-y;
    background-size: contain;
    background-position: top center;
    background-attachment: unset;
    background-image: url(http://gathering.focustech.tw/img/mb_bk.jpg) !important;
  }
}
/*.page_title*/
.page_title {
  opacity: 0.6;
}

.page_title.fade-in-section.visible {
  opacity: 0.6 !important;
}

.page_title h2 {
  position: relative;
  font-size: 2.6041666667vw;
  line-height: 120%;
  font-weight: 500;
  font-family: "Noto Serif TC", serif;
  color: #CCAE66;
  writing-mode: vertical-rl;
  letter-spacing: 0.28em;
  text-orientation: upright;
}

.page_title.style2 h2 {
  writing-mode: unset;
  letter-spacing: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
}

.page_title h2::before {
  background: #CCAE66;
  width: 1px;
  height: 10.4166666667vw;
  position: absolute;
  left: 50%;
  transform: translate(0, -50%);
  content: "";
  display: block !important;
  bottom: -128%;
}

.page_title.style2 h2::before {
  position: relative;
  height: 1px;
  flex: 1;
  margin-left: 0.4166666667vw;
  left: 0;
  transform: none;
  bottom: 0;
  max-width: 10.4166666667vw;
}

@media screen and (max-width: 1440px) {
  .page_title h2 {
    font-size: 3.4722222222vw;
  }
  .page_title h2::before {
    height: 13.8888888889vw;
  }
  .page_title.style2 h2::before {
    margin-left: 0.5555555556vw;
    max-width: 13.8888888889vw;
  }
}
@media screen and (max-width: 992px) {
  .page_title {
    position: relative;
    top: 0;
    right: 0;
    z-index: 2;
  }
  .page_title h2 {
    font-size: 6.4vw;
    line-height: 140%;
    font-weight: 700;
    writing-mode: unset;
    letter-spacing: 10%;
    position: relative;
    font-family: "Noto Serif TC", serif;
    color: #CCAE66;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    white-space: nowrap;
  }
  .page_title h2::before {
    position: relative;
    height: 1px;
    flex: 1;
    margin-left: 2.1333333333vw;
    left: 0;
    transform: none;
    bottom: 0;
  }
}
a.btn_momre {
  font-size: 20px;
  color: #9D7E63;
  line-height: 100%;
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}

a.btn_momre img {
  margin-left: 0.625vw;
}

a.btn_momre:hover {
  transform: scale(1.1);
}

/*NEWS*/
.new_post_content .page_title {
  position: absolute;
  left: -5.2083333333vw;
  top: 3.2291666667vw;
}

.new_post_content .en_title {
  margin-bottom: 1.25vw;
}

.new_post_lsit {
  display: flex;
  flex-direction: column;
  gap: 3.125vw;
}

a.new_box {
  display: grid;
  grid-template-columns: 315px auto;
  gap: 2.0833333333vw;
  background: #fff;
  align-items: center;
}

.new_box .img_wrap {
  overflow: hidden;
  width: 100%;
}

.new_box .new_img {
  transition: transform 0.4s ease;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 66%;
  background-position: center center;
}

.new_box:hover .new_img {
  transform: scale(1.1);
}

a.new_box:hover {
  color: unset !important;
}

.new_text {
  padding: 1.0416666667vw 2.0833333333vw 1.0416666667vw 0;
}

.new_text h2 {
  font-size: 1.25vw;
  color: #000;
  font-weight: 500;
  line-height: 120%;
  padding-bottom: 0.625vw;
  border-bottom: 1px solid #CCAE66;
  margin-bottom: 0.8333333333vw;
}

.excerpt_text p {
  font-size: 0.9375vw;
  line-height: 180%;
  color: #666;
  margin-bottom: 0.4166666667vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.new_data {
  font-size: 0.8333333333vw;
  line-height: 180%;
  color: #999;
  display: flex;
  gap: 0.2083333333vw;
  flex-direction: row;
  align-items: center;
}

@media screen and (max-width: 1440px) {
  a.btn_momre img {
    margin-left: 0.8333333333vw;
  }
  .new_post_content .page_title {
    left: -6.9444444444vw;
    top: 4.3055555556vw;
  }
  .new_post_content .en_title {
    margin-bottom: 1.6666666667vw;
  }
  .new_post_lsit {
    gap: 4.1666666667vw;
  }
  a.new_box {
    gap: 2.7777777778vw;
  }
  .new_text {
    padding: 1.3888888889vw 2.7777777778vw 1.3888888889vw 0;
  }
  .new_text h2 {
    font-size: 1.6666666667vw;
    padding-bottom: 0.8333333333vw;
    margin-bottom: 1.1111111111vw;
  }
  .excerpt_text p {
    font-size: 18px;
    margin-bottom: 0.5555555556vw;
  }
  .new_data {
    font-size: 16px;
    gap: 0.2777777778vw;
  }
}
@media screen and (max-width: 992px) {
  a.btn_momre {
    font-size: 20px;
  }
  a.btn_momre img {
    margin-left: 3.2vw;
  }
  a.new_box {
    display: block;
  }
  .new_post_content .en_title {
    margin-bottom: 3.2vw;
  }
  .new_post_content .page_title {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 5.3333333333vw;
  }
  .new_post_lsit {
    gap: 5.3333333333vw;
  }
  a.new_box {
    border: 1px solid rgba(204, 174, 102, 0.5019607843);
  }
  .new_text {
    padding: 4.2666666667vw;
  }
  .new_text h2 {
    font-size: 4.8vw;
    line-height: 130%;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 2.1333333333vw;
  }
  .excerpt_text {
    display: none;
  }
  .new_data {
    font-size: 3.2vw;
    line-height: 100%;
    gap: 1.3333333333vw;
  }
  .new_data img {
    width: 4.2666666667vw;
  }
}
/*h1_img_title*/
.img_title {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 8.8541666667vw 1.0416666667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
}

.img_title:before {
  background: linear-gradient(63.87deg, rgba(0, 0, 0, 0) 16.41%, #000000 89.28%);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.img_title_h1 {
  padding: 0.7291666667vw;
  margin-bottom: 1.25vw;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  display: flex;
  justify-content: center;
  min-width: 13.0729166667vw;
  text-align: center;
}

.img_title_h1 h1 {
  font-weight: 500;
  font-size: 2.1354166667vw;
  line-height: 130%;
  letter-spacing: 0.5em;
  margin-right: -0.5em;
  text-align: center;
  color: white;
}

.img_title_en {
  font-weight: 500;
  font-size: 1.4583333333vw;
  line-height: 130%;
  letter-spacing: 20%;
  text-align: center;
  color: white;
  z-index: 1;
}

@media screen and (max-width: 1440px) {
  .img_title {
    padding: 11.8055555556vw 1.3888888889vw;
  }
  .img_title_h1 {
    padding: 0.9722222222vw;
    margin-bottom: 1.6666666667vw;
    min-width: 17.4305555556vw;
  }
  .img_title_h1 h1 {
    font-size: 2.8472222222vw;
  }
  .img_title_en {
    font-size: 1.9444444444vw;
  }
}
@media screen and (max-width: 992px) {
  .img_title {
    padding: 15.4666666667vw 5.3333333333vw;
  }
  .img_title:before {
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
  }
  .img_title_h1 {
    padding: 2.1333333333vw 4.2666666667vw;
    margin-bottom: 2.6666666667vw;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    min-width: 27.2vw;
  }
  .img_title_h1 h1 {
    font-size: 7.4666666667vw;
  }
  .img_title_en {
    font-size: 4.8vw;
  }
}
/*navigation*/
.pagination .nav-links a:focus {
  text-decoration: unset;
}

.navigation {
  text-align: center;
}

nav.navigation.pagination {
  padding: 2.6041666667vw 0 0 0;
}

.nav-links {
  display: flex;
  justify-content: center;
}

.nav-links svg {
  width: 1.7708333333vw;
  margin: 0.4166666667vw;
  transition: transform 0.2s ease;
  fill: none;
}

a.page-numbers {
  font-size: 1.0416666667vw;
  line-height: 100%;
  padding: 0.4166666667vw 0.7291666667vw !important;
  color: #333;
  transition: transform 0.2s ease;
  font-weight: 400;
  width: 2.0833333333vw;
  height: 2.0833333333vw;
}

span.page-numbers.current,
a.page-numbers.page.active.current {
  font-size: 1.0416666667vw;
  line-height: 100%;
  padding: 0.4166666667vw 0.7291666667vw;
  color: #fff;
  font-weight: 400;
  position: relative;
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  z-index: 1;
}

a.next.page-numbers,
a.prev.page-numbers {
  padding: 0.4166666667vw !important;
  width: unset !important;
  height: unset !important;
}

span.page-numbers.current:after,
a.page-numbers.page.active.current:after {
  background: #9D7E63;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
  border-radius: 100%;
}

a.page-numbers:hover {
  color: #9D7E63;
}

a.next.page-numbers:hover svg,
a.prev.page-numbers:hover svg,
a.page-numbers:hover {
  transform: scale(1.1);
}

span.page-numbers.dots {
  display: flex;
  align-items: center;
  align-content: center;
}

.pagination .nav-links {
  width: 100%;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}

.pagination .nav-links .disabled-svg {
  padding: 0.4166666667vw;
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.pagination .nav-links .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pagination .nav-links .page-numbers svg {
  display: block;
}

@media screen and (max-width: 1440px) {
  nav.navigation.pagination {
    padding: 50px 0 0 0;
  }
  .nav-links svg {
    width: 34px;
    margin: 8px;
  }
  a.page-numbers {
    font-size: 20px;
    padding: 8px 14px !important;
    width: 40px;
    height: 40px;
  }
  span.page-numbers.current,
  a.page-numbers.page.active.current {
    font-size: 20px;
    padding: 8px 14px;
    width: 40px;
    height: 40px;
  }
  a.next.page-numbers,
  a.prev.page-numbers {
    padding: 8px !important;
  }
  .pagination .nav-links .disabled-svg {
    padding: 8px;
  }
}
@media only screen and (min-width: 992px) {
  .pagination .nav-links > * {
    padding: unset;
  }
  .pagination .nav-links {
    margin-left: 0;
  }
}
/*.enter_group_div*/
.enter_group_div {
  max-width: 59.375vw;
  margin: auto;
}

.enter_group_div {
  padding: 0 1.0416666667vw 10.4166666667vw 1.0416666667vw;
}

.enter_group_div .page_title {
  margin: 0 0 2.0833333333vw -2.6041666667vw;
}

.enter_group_div a.enterprise_card {
  position: relative;
  border: 1px solid #CCAE66;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.enter_group_div a.enterprise_card:hover {
  transform: translateY(-10px);
  box-shadow: 0px 15px 25px rgba(204, 174, 102, 0.2);
}

.enter_group_div .boxthree {
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5625vw;
}

.enter_group_div .enterprise_box {
  padding: 1.5625vw 1.7359375vw 1.0416666667vw 1.7359375vw;
}

.enter_group_div .bk_img {
  padding-bottom: 70%;
  margin-bottom: 1.0416666667vw;
}

.enter_group_div .text {
  text-align: center;
  padding: 0 0.5208333333vw;
}

.enter_group_div .text h3 {
  font-size: 1.25vw;
  line-height: 150%;
  font-weight: 500;
  margin-bottom: 0.625vw;
}

.enter_group_div .text p {
  line-height: 150%;
}

.enter_group_div .more {
  background: #CCAE66;
  text-align: center;
  padding: 0.5208333333vw;
  line-height: 0;
}

.enter_group_div .more svg {
  fill: none !important;
}

@media screen and (max-width: 1440px) {
  .enter_group_div {
    max-width: 79.1666666667vw;
  }
  .enter_group_div {
    padding: 0 1.3888888889vw 13.8888888889vw 1.3888888889vw;
  }
  .enter_group_div .page_title {
    margin: 0 0 2.7777777778vw 0;
  }
  .enter_group_div .boxthree {
    gap: 2.0833333333vw;
  }
  .enter_group_div .enterprise_box {
    padding: 2.0833333333vw 2.3145833333vw 1.3888888889vw 2.3145833333vw;
  }
  .enter_group_div .bk_img {
    margin-bottom: 1.3888888889vw;
  }
  .enter_group_div .text {
    padding: 0 0.6944444444vw;
  }
  .enter_group_div .text h3 {
    font-size: 1.6666666667vw;
    margin-bottom: 0.8333333333vw;
  }
  .enter_group_div .more {
    padding: 0.6944444444vw;
  }
}
@media (max-width: 992px) {
  .enter_group_div {
    padding: 0 5.3333333333vw 21.3333333333vw 5.3333333333vw;
    max-width: 100%;
  }
  .enter_group_div .page_title {
    margin: 0 0 3.2vw 0px;
  }
  .enter_group_div .boxthree {
    grid-template-columns: 1fr;
    gap: 4.2666666667vw;
  }
  .enter_group_div .enterprise_box {
    padding: 3.2vw 0px 3.2vw 3.2vw;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.1333333333vw;
    align-items: center;
  }
  .enter_group_div .text {
    text-align: left;
    padding: 0;
  }
  .enter_group_div .bk_img {
    margin-bottom: 0;
  }
  .enter_group_div a.enterprise_card {
    grid-template-columns: auto 4.2666666667vw;
    display: grid;
    align-items: center;
    gap: 1.0666666667vw;
  }
  .enter_group_div .more {
    background: unset;
    padding: 0px;
    text-align: left;
  }
  .enter_group_div .more svg {
    max-width: 2.1333333333vw;
  }
  .enter_group_div a.enterprise_card path {
    stroke: #CCAE66;
  }
  .enter_group_div .text h3 {
    font-size: 4.8vw;
    line-height: 100%;
    margin-bottom: 1.0666666667vw;
  }
  .enter_group_div .text p {
    font-size: 3.7333333333vw;
  }
}/*# sourceMappingURL=style.css.map */