/*
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: 2.7.1720147134
Updated: 2024-07-05 10:38:54

*/


/*  Reset CSS */


/*#3a3837*/


/*
@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 {
    scroll-behavior: smooth;
}

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;
}


/*basic*/

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

svg {
    fill: #0000;
}

.entry .entry-content,
.entry .entry-summary {
    margin: 0 2rem;
}


/*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", "Lato", serif !important;
}

body,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Noto Sans TC", "Lato", serif !important;
    color: #000;
    text-decoration: none;
    letter-spacing: 0.02em !important;
}

.single_content h2,
.single_content h2 a,
.page_content h2,
.page_content h2 a {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    font-family: "adobe-garamond-pro", "Noto Serif TC", "Microsoft JhengHei", serif!important;
    margin-bottom: 16px;
}

.single_content h3,
.single_content h5,
.single_content h6,
.single_content p,
.single_content h3 a,
.single_content h5 a,
.single_content h6 a,
.single_content p a,
.page_content h3,
.page_content h5,
.page_content h6,
.page_content p,
.page_content h3 a,
.page_content h5 a,
.page_content h6 a,
.page_content p a {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    font-family: "adobe-garamond-pro", "Noto Serif TC", "Microsoft JhengHei", serif!important;
    margin-bottom: 16px;
    line-height: 1.5em;
}

.page_content a,
.single_content a {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    font-family: "adobe-garamond-pro", "Noto Serif TC", "Microsoft JhengHei", serif;
    margin-bottom: 16px;
    line-height: 1.5em;
}

.single_content h4,
.single_content h4 a,
.page_content h4,
.page_content h4 a {
    font-size: 14px!important;
    font-weight: 400!important;
    color: #969696!important;
    font-family: "Noto Sans TC", "Lato", serif !important;
    margin-bottom: 14px!important;
    line-height: 1.5em!important;
}

h2::before {
    display: none;
}

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

h1,
h2 {
    font-size: 28px;
    line-height: 150%;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 20px;
}

body,
a,
p,
h3,
h4,
h5,
h6 {
    font-size: 1.0625rem;
    line-height: 150%;
    letter-spacing: 2px;
}

.entry .entry-content a {
    text-decoration: none;
    text-decoration-thickness: 2px;
}

a:hover,
a:active {
    color: #000;
    font-style: normal;
}

a:focus {
    text-decoration: none;
}

strong {
    font-weight: 600;
}

@-moz-document url-prefix() {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    a {
        font-family: "Noto Sans TC", "Lato", serif !important;
    }
}

span.w400 {
    font-weight: 400;
}

hr {
    background-color: #d0d0d0;
    border: 0;
    height: 1px;
    margin: 20px 0;
}


/*RWD*/

.food_pc_nav {
    display: block;
    text-align: center;
}


/*過場*/


/*原位淡入*/

.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: 2.083vw;
    top: 87%;
    z-index: 8;
    -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
}


/*table*/

.rwdtable table {
    width: 100%;
}

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


/*grid*/

.ay_grid {
    display: grid;
    grid-auto-rows: auto;
}

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

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

.four {
    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%;
    object-fit: cover;
}

span.swiper-pagination-bullet img.pagin_img {
    position: relative;
    top: 0;
    margin-top: -70px;
    transform: translate(-50%, -50%);
    max-width: 150px;
    height: auto;
    bottom: 30px;
    opacity: 0;
    border: 5px solid #fff;
    border-radius: 8px;
    transition: opacity 0.3s ease;
}

.swiper-pagination-bullet:hover img,
.swiper-pagination-bullet.swiper-pagination-bullet-active img {
    opacity: 0.8;
}

span.swiper-pagination-bullet {
    opacity: 1;
    background: #00000052;
    width: 12px;
    height: 12px;
    border: 2px solid;
}


/*pc & mb block*/

.pc {
    display: block !important;
}

.mb {
    display: none !important;
}

br.mobile_br {
    display: none;
}

br.pc_br {
    display: block;
}

span.mobile_hide {
    display: unset;
}

img.max {
    width: 100%;
}

.socal {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
}


/* serarch*/

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    padding: 5px 20px !important;
    border-radius: 8px !important;
}

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #000000 !important;
}


/*header*/

nav.menu {
    display: none;
}

.logo img {
    max-width: 200px;
}

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

header {
    background-color: #fff;
    padding: 54px 75px 0px 75px;
    transition: all 0.3s ease;
    box-shadow: 0px 1px 4px 1px #b2b2b2;
    z-index: 2;
    position: relative;
}

.logo {
    font-size: 24px;
    font-weight: bold;
}

nav.menu a {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 27px;
}

nav.menu a:hover {
    opacity: 0.8;
}

nav.menu a span {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 27px;
}

ul.submenu a {
    font-size: 16px;
    font-weight: 400;
}

.food_mobile_nav a:hover,
.food_mobile_nav a:focus {
    color: #000 !important;
}


/*floating*/

header.header.floating {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
    background: #ffffffd1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header.header.floating .mobile_menu_box {
    margin-bottom: 0px;
}

header.header.floating .mobile_booking {
    position: relative;
    right: 0;
    top: 0;
}

header.header.floating .mobile_booking a {
    font-size: 14px;
}


/*food_pc_nav*/

.mobile_nav_blck {
    opacity: 0.9;
    z-index: 9998
}

.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;
}

.food_pc_nav nav li {
    display: inline-block;
    margin-right: 60px;
    position: relative;
    z-index: 99;
    padding-bottom: 15px;
}

.food_pc_nav nav li:last-child {
    padding-bottom: 0;
}


/*
.food_pc_nav nav li:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0.104px;
    bottom: -0.573vw;
    left: 0;
    background-color: #000;
    ;
    transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
}

.food_pc_nav nav li:hover:after {
    width: 100%;
    left: 0;
}
*/

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

.food_pc_nav .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    background-color: #fff;
    padding: 15px 0;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    width: 100%;
    text-align: center;
    min-width: 180px;
    transform: translate(-50%, 0);
}

.food_pc_nav .submenu li {
    margin-right: 0;
    margin-bottom: 0;
    display: block;
}

.food_pc_nav .has_submenu:hover .submenu {
    display: block;
    z-index: 2;
}

.food_pc_nav .has_submenu::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #000;
    opacity: 0;
    /* 初始時隱藏 */
    transition: opacity 0.6s ease;
    /* 淡入淡出效果 */
}

.food_pc_nav .has_submenu:hover::after {
    opacity: 1;
    /* 懸停時顯示 */
}


/*booking*/

.mobile_booking {
    position: absolute;
    right: 51px;
    top: 59px;
}

.mobile_booking a {
    display: flex;
    align-items: center;
}

.mobile_booking a svg {
    /* margin-right: 5px;
    width: 20px;*/
    margin-right: 5px;
    width: 20px;
}


/*
.has_submenu>a:after {
    content: '';
    background-image: url(https://caeluswed.com/img/header/down.svg);
    background-size: 0.729vw 0.365vw;
    background-repeat: no-repeat;
    display: inline-block;
    width: 0.729vw;
    height: 0.365vw;
    margin-left: 0.521vw;
    vertical-align: middle;
}

li.has_submenu.active>a:after {
    background-image: url(https://caeluswed.com/img/header/up.svg);
}
*/


/*floating*/

header.header.floating {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
    background: #fff;
    padding: 0px 75px;
    justify-content: flex-start;
    align-items: center;
}

.floating .logo img {
    max-width: 150PX;
    margin-right: 60px;
}

header.header.floating .food_pc_nav a {
    font-size: 14px;
    line-height: 0;
}

header.header.floating .food_pc_nav a span {
    font-size: 12PX;
    line-height: 22px;
}

header.header.floating .mobile_booking {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

header.header.floating .food_pc_nav nav li {
    padding-bottom: 15px;
    padding-top: 15px;
}

header.header.floating .food_pc_nav nav ul.submenu li {
    padding-top: 0;
}


/*food_mobile_nav*/

.food_mobile_nav {
    height: 0;
    width: 100%;
    position: fixed;
    z-index: -999;
    top: 0;
    left: 0;
    background: #fff;
    overflow-x: hidden;
    display: none;
    transition: 0.6s;
}

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

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

.food_mobile_nav a {
    color: #fff;
    display: block;
    text-align: left;
}

.food_mobile_nav .submenu {
    height: 0;
    transition: height 0.3s ease-in-out;
    overflow: hidden;
}

.food_mobile_nav ul.submenu.active {
    height: auto;
    transition: height 0.3s ease-in-out;
}

.food_mobile_nav ul.submenu {
    padding-left: 1.172vw;
}

.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 ul.submenu a {
    border: none;
}

.food_mobile_nav .has_submenu>a:after {
    background-size: 1.367vw 0.781vw;
    width: 1.367vw;
    height: 0.781vw;
    margin-left: 0.521vw;
    float: right;
    margin-top: 0.781vw;
}

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

#ay_m_box {
    display: none;
}

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

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


/*
.mobile_menu_icon label {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: -30px auto 0 auto;
    cursor: pointer;
    z-index: 9999;
}*/

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

.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: #000;
}

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

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

.mobile_menu_icon {
    /* margin-right: 15px;*/
    margin-right: 3.205vw;
}

.mobile_menu_box {
    display: flex;
    justify-content: center;
    margin-bottom: 42px;
}

.mobile_booking.mb a {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.site-content {
    overflow: visible;
    background: #fff;
}


/*archive*/

.bk_img {
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 66%;
    background-position: center center;
    transition-duration: 0.5s;
}

.navigation {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 40px 0;
}

a:visited {
    color: #000;
}

nav.navigation.pagination {
    text-align: center;
    width: 100%;
    display: flex;
}

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

.pagination .nav-links>* {
    padding: 1rem;
    font-size: 20px;
}

.pagination svg.svg-icon {
    width: 40px !important;
    height: 40px !important;
}

@media only screen and (min-width: 768px) {
    .pagination .nav-links {
        margin-left: 0;
        padding: 0;
    }
}


/*primary*/

div#primary {
    padding: 0 30px;
    max-width: 1390px;
    margin: 75px auto;
}


/*banner*/

a.ay_banner {
    max-width: 970px;
    display: block;
    margin: auto;
}

.ay_banner_img {
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 25.78%;
    background-position: center center;
    display: block;
    height: auto;
    width: 100%;
    margin: 75px auto 75px auto;
}


/*single*/

.single_info {
    margin-bottom: 22px;
}

.single_title h1 {
    margin-bottom: 10px;
}

.single_date {
    font-size: 14px;
    color: #969696;
}

.single .post-navigation .nav-links .nav-previous+.nav-next {
    text-align: right;
}

@media only screen and (min-width: 1168px) {
    .single .post-navigation .nav-links {
        display: flex;
        align-items: flex-start;
    }
}


/*footer*/

footer#colophon {
    position: relative;
    background: #000;
}

footer#colophon * {
    color: #fff;
    letter-spacing: 0;
    line-height: 180%;
    font-size: 14px;
}

.footer_content {
    padding: 50px 20px;
    position: relative;
}

.footer_content a:hover {
    opacity: 0.8;
}

footer#colophon .ay_banner_img {
    margin: 0 auto 50px auto;
}

.footer_logo a {
    max-width: 343px;
    margin: 0 auto 25px auto;
    text-align: center;
    display: block;
    position: relative;
}

.footer_social {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 38px;
}

.footer_link {
    max-width: 990px;
    position: relative;
    padding: 0 10px;
    margin: 0 auto 40px auto;
}

.footer_link p {
    text-align: center;
    margin-bottom: 25px;
    font-weight: 600;
}

.footer_link p svg {
    margin-left: 5px;
    width: 12px;
    height: 12px;
}

.footer_link_ul {
     display: flex;
    text-align: center;
    row-gap: 0;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 2px;
}
.footer_link_ul a {
    font-weight: 400;
    color: #cfcfcf !important;
}

.footer_about {
    display: flex;
    justify-content: center;
}

.footer_about p {
    font-weight: 600;
    margin-right: 16px;
}

.footer_about_link {
    display: flex;
    column-gap: 29px;
    position: relative;
}

.footer_about_link a {
    position: relative;
}

.footer_about_link a:after {
    width: 1px;
    height: 16px;
    content: '';
    right: -14px;
    position: absolute;
    background: #fff;
    top: 5px;
}

.footer_about_link a:last-child:after {
    display: none;
}

.socal {
    max-width: 100px;
    grid-column-gap: 30px;
    margin-bottom: 8px;
    text-align: center;
    margin: auto;
}

.socal img {
    width: 50px;
    margin-left: 13px;
}

.socal a {
    text-align: center;
}

.copyright {
    text-align: center;
}

.copyright a {
    font-size: 10px !important;
    font-weight: 400;
    line-height: 150%;
    color: #969696 !important;
}

@media screen and (max-width: 1550px) {
    header.header.floating {
        padding: 0px 20px!important;
    }
    header.header.floating .food_pc_nav a {
        font-size: 12px!important;
    }
    header.header.floating .mobile_booking a {
        font-size: 12px;
    }
    .floating .logo img {
        margin-right: 30px;
    }
}

@media screen and (max-width: 1350px) {
    header {
        background-color: #fff;
        padding: 54px 30px 0px 30px;
    }
    .food_pc_nav nav li {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    /*font*/
    h1,
    h2,
    h1 a,
    h2 a {
        font-size: 24px;
    }
    h2.elementor-heading-title.elementor-size-default {
        font-size: 24px !important;
    }
    body,
    a,
    p,
    h3,
    h4,
    h5,
    h6 {
        font-size: 16px;
    }
    br.mobile_br {
        display: block;
    }
    .two,
    .three,
    .four {
        grid-template-columns: repeat(1, 1fr);
    }
    .pc {
        display: none !important;
    }
    .mb {
        display: block !important;
    }
    .food_mobile_nav {
        display: block;
    }
    .mobile_menu_icon {
        display: block;
    }
    .food_pc_nav {
        display: none;
    }
    header {
        padding: 0;
        box-shadow: none;
    }
    header.header.floating {
        padding: 0!important;
    }
    .logo img,
    .floating .logo img {
        /*   max-width: 229px;*/
        max-width: 48.917vw;
        z-index: 9999;
    }
    .food_mobile_nav nav.menu {
        margin: 0px;
    }
    .mobile_menu_icon label span {
        width: 4.274vw !important;
        height: 4.274vw !important;
    }
    .mobile_menu_icon label div {
        height: 0.427vw;
        margin-bottom: 1.068vw;
    }
    #ay_m_box:checked+label div:last-child {
        top: -0.4vw;
    }
    #ay_m_box:checked+label div:nth-child(2) {
        width: 5.5vw;
        top: 0.1vw;
        right: 1vw;
    }
    nav.menu a {
        font-size: 17px;
        padding: 10px 0;
        color: #000;
    }
    nav.menu a span {
        display: unset;
        font-size: 13px !important;
        margin-left: 13px;
        color: #000;
    }
    ul.submenu.active:after {
        background: #9e9e9e;
        width: 100%;
        position: absolute;
        bottom: 0;
        content: '';
        left: 0;
        height: 1px;
    }
    .food_mobile_nav li.has_submenu {
        position: relative;
    }
    .food_mobile_nav ul.submenu.active {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    /*
    nav.menu a
    .food_mobile_nav li.has_submenu a,
    .food_mobile_nav li {
        border-bottom: 0.533vw solid #ffffff82;
    }
    
    .food_mobile_nav li.has_submenu a {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
*/
    .food_mobile_nav li.has_submenu {
        padding: 0px;
    }
    .food_mobile_nav ul.submenu a {
        border: none;
        font-size: 14px;
    }
    .food_mobile_nav .has_submenu>a:after {
        background-size: cover;
        width: 3.733vw;
        height: 2.133vw;
        margin-top: 1.8vw;
    }
    .food_mobile_nav ul.submenu a {
        margin: 0;
    }
    .food_mobile_nav ul.submenu {
        padding-left: 2.667vw;
        display: block;
        list-style-type: none;
    }
    .mobile_top_menu {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        position: relative;
        z-index: 9999;
        background: #fff;
        /*  padding: 18px 20px;*/
        padding: 3.846vw 4.274vw;
    }
    .mobile_top_menu:last-child {
        margin-left: auto;
    }
    .mobile_menu_box {
        width: 100%;
        margin-bottom: 0;
    }
    .mobile_booking {
        position: relative;
        right: 0;
        top: 0;
    }
    .mobile_booking a,
    header.header.floating .mobile_booking a {
        /*
        font-size: 16px;
        */
        font-size: 4.274vw;
    }
    .mobile_booking a svg {
        /* margin-right: 5px;
         width: 20px;*/
        margin-right: 1.068vw;
        width: 4.274vw;
    }
    /*floating*/
    header.header.floating {
        padding: 0;
    }
    header.header.floating .mobile_booking {
        position: relative;
        right: 0;
        top: 0;
        transform: none;
    }
    .floating .logo img {
        margin-right: 0px;
    }
    /*primary*/
    div#primary {
        /* padding: 0 50px;*/
        padding: 0 10.684vw;
        margin: 25px auto;
    }
    /*title*/
    .ay_head_title_bk {
        margin-bottom: 0px;
    }
    .ay_head_text h1 {
        font-size: 1.8125rem;
        margin-bottom: 0px;
        text-align: center;
    }
    /*select*/
    .mobile_select_socal {
        text-align: left;
        position: relative;
    }
    button#open_socal {
        border: 1px solid #dfdfdf;
        border-radius: 0;
        background-color: #fff !important;
        color: #000;
    }
    ul#menu_socal {
        background: #fff;
        position: absolute;
        bottom: 50px;
        box-shadow: rgba(0, 0, 0, 0.1) -2px 2px 5px;
        min-width: 139px;
    }
    ul#menu_socal li {
        display: flex;
        position: relative;
        -webkit-box-align: center;
        align-items: center;
        transition: 500ms;
        width: 100%;
        height: 3rem;
        border: 1px solid rgb(224, 224, 224);
    }
    ul#menu_socal a {
        padding: 0.75rem 0.5rem;
        width: 100%;
        letter-spacing: 0.127811em;
        line-break: auto;
        line-height: 1.13615em;
        font-size: 13px;
        font-weight: 600;
        overflow-wrap: normal;
    }
    ul#menu_socal.open {
        display: block !important;
    }
    .mobile_select_socal {
        text-align: left;
        position: relative;
        margin-top: 2rem;
        border-top: 2px solid #000;
        margin-bottom: 20px;
    }
    .mobile_select_socal.mb p {
        color: #000;
        /* padding-top: 10px; */
        padding: 2rem 0px 0.5rem;
    }
    .mobile_socal.mb {
        max-width: 80%;
        margin: auto;
        margin-top: 2rem;
    }
    /*footer*/
    .footer_content {
        /* padding: 45px 26px 40px 26px;*/
        padding: 9.615vw 5.556vw 8.547vw 5.556vw;
    }
    .footer_content_mb {
        display: block;
    }
    footer#colophon .ay_banner_img {
        /* margin: 0 auto 35px auto;*/
        margin: 0 auto 7.479vw auto;
    }
    a.ay_banner.footer_banner_img {
        /* max-width: 320px;*/
        max-width: 68.376vw;
    }
    .footer_logo a {
        /*        max-width: 320px;*/
        /*   margin: 0 auto 20px auto;*/
        max-width: 68.376vw;
        margin: 0 auto 4.274vw auto;
    }
    .footer_social {
        /*     gap: 15px;
        margin-bottom: 40px;*/
        gap: 3.205vw;
        margin-bottom: 8.547vw;
    }
    .footer_social a {
        line-height: 0 !important;
    }
    .footer_social img {
        /*width: 40px;*/
        width: 8.547vw;
    }
    .footer_link {
        /*   margin: 0 auto 47px auto;*/
        margin: 0 auto 10.043vw auto;
    }
    .footer_link p {
        /*      font-size: 20px !important;*/
        /*    margin-bottom: 30px;*/
        font-size: 4.274vw !important;
        margin-bottom: 6.41vw;
        align-items: center;
        justify-content: center;
    }
    .footer_link p svg {
        /*      margin-left: 10px;
        width: 12px;
        height: 12px;*/
        margin-left: 2.137vw;
        width: 2.564vw;
        height: 2.564vw;
    }

  
    .footer_right {
        text-align: right;
    }
    img.top_button {
        width: 52px;
        margin-bottom: 16px;
    }
    .copyright a {
        /*
        font-size: 10px !important;*/
        font-size: 2.137vw !important;
        line-height: 150% !important;
        display: block;
    }
    .footer_about_link a {
        font-weight: 300;
    }
    .footer_about p {
        margin-right: 0;
        margin-bottom: 0px;
    }
    .footer_about {
        /*margin-bottom: 15px;*/
        margin-bottom: 3.205vw;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }
    .socal {
        margin-bottom: 0;
    }
    .socal img {
        width: 32px;
        margin-left: 5px;
    }
}


/*fixed_socal*/

.felx_fixed {
    position: fixed;
    z-index: 10;
    right: 4%;
    bottom: 5%;
}
@media screen and (max-width: 1024px) {
  .felx_fixed {

    bottom: 9%;
}
}



/**list-post */

.list_title {
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.list_title h2 a,
.list_title h2 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.list_title h2 svg {
    margin-left: 10px;
}

.list_title svg {
    margin-left: 5px;
}

.list_title a {
    display: flex;
    align-items: center;
}

.list_post_cat {
    margin-bottom: 2px;
}

.list_post_cat a {
    font-size: 14px!important;
}

.list_post_text h3 a {
    font-size: 18px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.list_box .ay_grid {
    grid-column-gap: 30px;
    grid-row-gap: 40px;
}

.list_img {
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 66%;
    background-position: center center;
    margin-bottom: 6px;
}

.list_post_cat a,
.list_post_text h3 a,
.list_img {
    transition: opacity 0.3s ease;
    /* 添加平滑過渡效果 */
}

.list_post_cat a:hover,
.list_title a:hover,
.list_post_text h3 a:hover,
.list_img:hover,
.list_img_shorts:hover {
    opacity: 0.8;
    /* 集中管理 hover 效果 */
    font-style: normal;
}


/*page*/

.page_title h1 {
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 30px;
}


/*SHORTS */

.list_img_shorts {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 178%;
    background-position: center center;
    margin-bottom: 14px;
}

.list_img_shorts svg {
    z-index: 2;
    position: absolute;
    display: block;
    bottom: 15px;
    left: 15px;
}


/**archive */

#archive_title {
    margin-bottom: 75px;
}


/**archive_cat_select */

.archive_cat_select {
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}

nav.secondary-navigation {
    position: relative;
}


/*右側淡化*/

nav.secondary-navigation:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    pointer-events: none;
    background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
}


/*
ul.secondary-menu {
    width: 100%;
    display: flex;
    justify-content: center;
    row-gap: 20px;
    column-gap: 40px;
    flex-wrap: wrap;
}*/

ul.secondary-menu {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    /* 不換行 */
    overflow-x: auto;
    /* 開啟橫向滾動 */
    list-style: none;
    /* 移除點 */
    margin: 0;
    /* 移除預設外距 */
    row-gap: 20px;
    column-gap: 40px;
}

ul.secondary-menu li {
    white-space: nowrap;
    /* 確保文字不換行 */
}

ul.secondary-menu a {
    padding: 20px 0;
    display: block;
    position: relative;
}

li.secondary-menu-item {
    position: relative;
}

.current-menu-item a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #000;
    opacity: 1;
    transition: opacity 0.6s ease;
}


/*archive_content */

.archive_content {
    display: flex;
    justify-content: flex-start;
    gap: 100px;
    padding-bottom: 40px;
}

main#main {
    position: relative;
    display: block;
    width: 100%;
    flex: 1 1 auto;
    min-width: 0;
    max-width: calc(100% - 300px - 100px);
    box-sizing: border-box;
    overflow: hidden;
    top: 20px;
    align-self: flex-start;
}


/*sidebar*/

aside.sidebar {
    position: relative;
    width: 100%;
    flex: 0 0 300px;
    max-width: 300px;
    top: 20px;
    align-self: flex-start;
}

main#main.no_sidebar {
    max-width: 100%;
}


/* archive_loop*/

.archive_box.first_post {
    display: block;
    margin-bottom: 75px;
}

.first_post .archive_img {
    margin-bottom: 6px;
}

.archive_bk_img {
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 66%;
    background-position: center center;
}

.archive_title .list_post_cat {
    margin-bottom: 2px;
    line-height: 0;
}

.archive_title h2,
.archive_title h2 a {
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
}

.archive_title h2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.archive_text h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #646464;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.archive_box {
    display: grid;
    grid-template-columns: 330px auto;
    grid-column-gap: 30px;
    margin-bottom: 50px;
}

.archive_text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


/*navigation */

.navigation {
    padding: 50px 0 25px 0;
}

.pagination .nav-links>*.prev,
.pagination .nav-links>*.next {
    display: none;
}

nav.navigation.pagination {
    justify-content: flex-start;
}

span.page-numbers.current,
.nav-links a {
    padding: 17px 0 !important;
    font-size: 16px !important;
    line-height: 9px;
    display: block;
    border: 1px solid #000;
    margin-right: 20px;
    font-family: "Lato", serif !important;
    min-width: 45px;
}

span.page-numbers.current {
    border: 1px solid;
      text-align: center;
}

.nav-links a {
    background: #000;
    color: #fff;
     text-align: center;
}

span.page-numbers.dots {
    margin: 0 21px 0 0;
    line-height: 0;
    padding: 0;
    height: 30%;
}
a.next.page-numbers,a.prev.page-numbers {
    display: none;
}
@media screen and (max-width: 1024px) {
    span.page-numbers.current,
    .nav-links a {
        padding: 10px 0 !important;
        margin-right: 10px;
        min-width: 30px;
    }
    .navigation {
        padding: 0px 0 25px 0;
    }
}


/*sidebar */

.sidebar_title {
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 30px;
    padding: 30px 0;
    text-align: center;
}

.sidebar_title h2 {
    font-size: 20px;
    margin: 0;
    line-height: 0;
}

.sidebar_post .list_post {
    margin-bottom: 30px;
}

@media screen and (max-width: 1350px) {
    .archive_content {
        gap: 50px !important;
    }
    main#main {
        max-width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .archive_content {
        display: block;
    }
    aside.sidebar {
        max-width: 100%;
    }
    .sidebar_post {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }
    ul.secondary-menu {
        justify-content: space-between;
        /* 左對齊 */
        padding: 10px 0;
        /* 上下留空 */
    }
    ul.secondary-menu a {
        padding: 10px 0;
        display: block;
        position: relative;
        font-size: 13px;
        font-weight: 600;
    }
    .current-menu-item a:after {
        height: 3px;
    }
}

@media screen and (max-width: 768px) {
    #archive_title {
        margin-bottom: 30px;
    }
    .sidebar_post,
    .archive_box {
        display: block !important;
    }
    .archive_box {
        padding-bottom: 30px;
        border-bottom: 1px solid #E6E6E6;
    }
    ul.secondary-menu {
        column-gap: 20px;
    }
    .archive_title .list_post_cat {
        margin-top: 16px;
    }
    .sidebar_post .list_post {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #E6E6E6;
    }
}


/*post_read_more*/

.post_read_more {
    margin-bottom: 40px;
    margin-top: 75px;
}

.post_read_more p {
    font-weight: 600 !important;
    margin-bottom: 5px;
    font-family: "Microsoft JhengHei", Arial, serif!important;
}

.post_read_more ul {
    list-style-type: none;
    /* 移除預設的圓形符號 */
    padding-left: 10px;
    font-family: "Microsoft JhengHei", Arial, serif!important;
}

.post_read_more li {
    text-indent: -16px;
    margin-left: 16px;
    font-family: "Microsoft JhengHei", Arial, serif!important;
}

.post_read_more ul li::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: black;
    border-radius: 50%;
    margin-right: 12px;
    vertical-align: middle;
}

.post_read_more li a {
    text-decoration: underline;
    font-family: "Microsoft JhengHei", Arial, serif!important;
}

@media only screen and (max-width: 1024px) {
    .post_read_more li {
        margin-bottom: 10px;
    }
}


/*瀏覽人數*/

.post-views.entry-meta>span {
    font-family: "Microsoft JhengHei", Arial, serif!important;
}

.post-views.entry-meta>span.post-views-icon.dashicons {
    font-family: dashicons!important;
}


/*分享短網址*/

.copyurl {
    background: #fff;
    display: flex;
    position: relative;
    border-radius: 4px;
    align-content: center;
    align-items: center;
    max-width: 100%;
    margin: 0px auto 15px auto
}

button.clipboard {
    float: left;
    padding: 6px 12px;
    border-radius: 4px 0px 0px 4px;
    background: #000;
    color: #fff;
    font-size: 12px;
    border: none!important;
    font-family: "Microsoft JhengHei", Arial, serif!important;
}

.copyurl p {
    margin: 0px 10px!important;
    font-size: 12px!important;
    font-family: "Microsoft JhengHei", Arial, serif!important;
}

@media only screen and (max-width: 1024px) {
    .copyurl {
        margin: 10px 0px 10px 0px;
    }
    button.clipboard {
        padding: 6px 5px;
    }
}


/*display_post_tags*/

.ay_tag_cloud {
    margin-bottom: 40px;
    font-family: "Microsoft JhengHei", Arial, serif!important;
    font-size: 14px!important;
}

.ay_tag_cloud p {
    font-size: 14px!important;
    margin-bottom: 4px;
    font-family: "Microsoft JhengHei", Arial, serif!important;
}

.ay_tag_list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px;
    column-gap: 14px;
}

.ay_tag_cloud a {
    font-size: 14px!important;
    color: #646464!important;
    font-family: "Microsoft JhengHei", Arial, serif!important;
    margin-bottom: 0;
}


/*post_views*/

.post-views.content-post.entry-meta.load-static {
    color: #000;
    font-size: 14px;
}


/*debug elementor*/

.entry .entry-content,
.entry .entry-summary {
    margin: 0;
    max-width: 100%;
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content>*,
    .entry .entry-summary>*,
    .entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>*,
    .entry .entry-content>.wp-block-group>.wp-block-group__inner-container>* {
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .entry .entry-content,
    .entry .entry-summary {
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
    }
}

@media only screen and (min-width: 768px) {
    .entry .entry-content>*,
    .entry .entry-summary>*,
    .entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>*,
    .entry .entry-content>.wp-block-group>.wp-block-group__inner-container>* {
        max-width: 100%;
        margin: auto !important;
    }
}

.entry .entry-content>*,
.entry .entry-summary>*,
.entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>*,
.entry .entry-content>.wp-block-group>.wp-block-group__inner-container>* {
    margin: 0 0 32px 0;
}


/*google ad*/

.Zi_ad_a_H {
    margin-top: 40px;
}


/*elementor*/

.page-template-elementor_header div#content {
    margin-top: 60px;
}