:root {
    --header-bar: 60px;
    --font-stack-text: "PingFang TC","Open Sans","微軟正黑體", Arial, sans-serif;
    --font-stack-heading: 'Noto Serif SC', '宋體', 'PMingLiU', serif;

    /* Desktop */
    --custom-title-1-default: 56px;
    --custom-title-2-default: 36px;
    --custom-title-3-default: 24px;
    --custom-title-4-default: 15px;
    --custom-title-5-default: 1.25rem;
    --custom-title-6-default: 1rem;

    /* Tablet */
    --custom-title-1-1365-max: 46px;
    --custom-title-2-1365-max: 26px;
    --custom-title-3-1365-max: 20px;
    --custom-title-4-1365-max: 15px;
    --custom-title-5-1365-max: 1.1rem;
    --custom-title-6-1365-max: 1rem;

    /* Mobile */
    --custom-title-1-767-max: 2.2rem;
    --custom-title-2-767-max: 1.6rem;
    --custom-title-3-767-max: 1.1rem;
    --custom-title-4-767-max: 0.9rem;
    --custom-title-5-767-max: 1rem;
    --custom-title-6-767-max: 1rem;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: var(--font-stack-text);
    font-size: 18px;
    color: black;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    background: #ffffff;
    line-height: 1.5em;
	background: #343434;
	letter-spacing: 0.03rem;
}

@media screen and (max-width: 1365px) {

    html,
    body {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {

    html,
    body {
        font-size: 16px;
    }
}

p,
input,
textarea,
button,
form,
label,
option,
select {
    outline: 0;
    font-size: 1rem;
}

.elementor-editor-active p {
    /* body font in elementor needs this */
    font-size: 1rem;
}

b,
strong {
    font-weight: 600;
}

a:focus {
    outline: none;
    box-shadow: none;
}
a:hover {
    color: var(--e-global-color-e937ef7);
}

blockquote {
    background-color: black;
    color: white;
    padding: 10px;
}
@media screen and (min-width:767px) {
	.mob-show-br{
		display:none;
	}
}

/* 设置中文字体 */
.zh {
	font-family: var(--font-stack-heading) !important;
	font-weight: bold !important;
}

/* 设置英文字体 */
.en {
	font-family: 'Open Sans', Arial, sans-serif!important;
}


/*TM*/
sup {
    font-size: 0.6em;
	margin-left: 0.1em;
}

/* Some sites might need this for the overflow problem */
body > div[data-elementor-post-type="page"] {
    overflow-x: hidden;
}

/* Make hero 100% on mobile */
@media screen and (max-width: 767px) {
    .hero-section {
        height: calc(100svh - var(--header-bar));
        min-height: 0;
    }
}

/*hide the bg on mobile */
@media screen and (max-width: 767px) {
	.no-mob-bg {
		background-image: none !important;
	}
}

/* Headings style */
.custom-title-1 h1,
.custom-title-1 h2,
.custom-title-1 h3,
.custom-title-1 h4,
.custom-title-1 h5,
.custom-title-1 h6,
.custom-title-1 span,
.custom-title-1 p {
    font-size: var(--custom-title-1-default);
    font-weight: 600;
    font-family: var(--font-stack-heading);
    line-height: 1.2em !important;
	letter-spacing: 5px;
	margin: 0;
}

.custom-title-2 h1,
.custom-title-2 h2,
.custom-title-2 h3,
.custom-title-2 h4,
.custom-title-2 h5,
.custom-title-2 h6,
.custom-title-2 span,
.custom-title-2 p {
    font-size: var(--custom-title-2-default);
    font-weight: 700;
    font-family: var(--font-stack-heading);
    line-height: 1.2em !important;
    letter-spacing: 0.1em;
}

.custom-title-3 h1,
.custom-title-3 h2,
.custom-title-3 h3,
.custom-title-3 h4,
.custom-title-3 h5,
.custom-title-3 h6,
.custom-title-3 span,
.custom-title-3 p {
    font-size: var(--custom-title-3-default);
    font-weight: 500;
    font-family: var(--font-stack-heading);
    line-height: 1.5em !important;
	letter-spacing: 0.2rem;
}

.custom-title-4 h1,
.custom-title-4 h2,
.custom-title-4 h3,
.custom-title-4 h4,
.custom-title-4 h5,
.custom-title-4 h6,
.custom-title-4 span,
.custom-title-4 p {
    font-size: var(--custom-title-4-default);
    font-weight: 500;
    font-family: var(--font-stack-text);
    line-height: 1.5em !important;
	letter-spacing: 0.1em;
}

.related-product .custom-title-4 p {
    font-size: 1.2rem;
}

.custom-title-5 h1,
.custom-title-5 h2,
.custom-title-5 h3,
.custom-title-5 h4,
.custom-title-5 h5,
.custom-title-5 h6,
.custom-title-5 span,
.custom-title-5 p {
    font-size: var(--custom-title-5-default);
    font-weight: 600;
    line-height: 1.5em !important;
    font-family: var(--font-stack-heading);
}

.custom-title-6 h1,
.custom-title-6 h2,
.custom-title-6 h3,
.custom-title-6 h4,
.custom-title-6 h5,
.custom-title-6 h6,
.custom-title-6 span,
.custom-title-6 p {
    font-size: var(--custom-title-6-default);
    line-height: 1.5em !important;
    font-weight: 400;
    font-family: var(--font-stack-heading);
}

@media screen and (max-width: 1365px) {

    .custom-title-1 h1,
    .custom-title-1 h2,
    .custom-title-1 h3,
    .custom-title-1 h4,
    .custom-title-1 h5,
    .custom-title-1 h6,
    .custom-title-1 span,
    .custom-title-1 p {
        font-size: var(--custom-title-1-1365-max);
    }

    .custom-title-2 h1,
    .custom-title-2 h2,
    .custom-title-2 h3,
    .custom-title-2 h4,
    .custom-title-2 h5,
    .custom-title-2 h6,
    .custom-title-2 span,
    .custom-title-2 p {
        font-size: var(--custom-title-2-1365-max);
    }

    .custom-title-3 h1,
    .custom-title-3 h2,
    .custom-title-3 h3,
    .custom-title-3 h4,
    .custom-title-3 h5,
    .custom-title-3 h6,
    .custom-title-3 span,
    .custom-title-3 p {
        font-size: var(--custom-title-3-1365-max);
    }

    .custom-title-4 h1,
    .custom-title-4 h2,
    .custom-title-4 h3,
    .custom-title-4 h4,
    .custom-title-4 h5,
    .custom-title-4 h6,
    .custom-title-4 span,
    .custom-title-4 p {
        font-size: var(--custom-title-4-1365-max);
    }

    .custom-title-5 h1,
    .custom-title-5 h2,
    .custom-title-5 h3,
    .custom-title-5 h4,
    .custom-title-5 h5,
    .custom-title-5 h6,
    .custom-title-5 span,
    .custom-title-5 p {
        font-size: var(--custom-title-5-1365-max);
    }

    .custom-title-6 h1,
    .custom-title-6 h2,
    .custom-title-6 h3,
    .custom-title-6 h4,
    .custom-title-6 h5,
    .custom-title-6 h6,
    .custom-title-6 span,
    .custom-title-6 p {
        font-size: var(--custom-title-6-1365-max);
    }
}

@media screen and (max-width: 767px) {

    .custom-title-1 h1,
    .custom-title-1 h2,
    .custom-title-1 h3,
    .custom-title-1 h4,
    .custom-title-1 h5,
    .custom-title-1 h6,
    .custom-title-1 span,
    .custom-title-1 p {
        font-size: var(--custom-title-1-767-max);
    }

    .custom-title-2 h1,
    .custom-title-2 h2,
    .custom-title-2 h3,
    .custom-title-2 h4,
    .custom-title-2 h5,
    .custom-title-2 h6,
    .custom-title-2 span,
    .custom-title-2 p {
        font-size: var(--custom-title-2-767-max);
    }

    .custom-title-3 h1,
    .custom-title-3 h2,
    .custom-title-3 h3,
    .custom-title-3 h4,
    .custom-title-3 h5,
    .custom-title-3 h6,
    .custom-title-3 span,
    .custom-title-3 p {
        font-size: var(--custom-title-3-767-max);
		line-height:1.8rem!important
    }

    .custom-title-4 h1,
    .custom-title-4 h2,
    .custom-title-4 h3,
    .custom-title-4 h4,
    .custom-title-4 h5,
    .custom-title-4 h6,
    .custom-title-4 span,
    .custom-title-4 p {
        font-size: var(--custom-title-4-767-max);
    }

    .custom-title-5 h1,
    .custom-title-5 h2,
    .custom-title-5 h3,
    .custom-title-5 h4,
    .custom-title-5 h5,
    .custom-title-5 h6,
    .custom-title-5 span,
    .custom-title-5 p {
        font-size: var(--custom-title-5-767-max);
    }

    .custom-title-6 h1,
    .custom-title-6 h2,
    .custom-title-6 h3,
    .custom-title-6 h4,
    .custom-title-6 h5,
    .custom-title-6 h6,
    .custom-title-6 span,
    .custom-title-6 p {
        font-size: var(--custom-title-6-767-max);
    }
}

.heading-with-sub{
	margin-top:-15px;
}




/*Header*/
.header-menu {
    position: fixed;
    z-index: 99999;
    width: 100%;
	background: linear-gradient(to top, rgb(0 0 0 / 0%), rgb(0 0 0));
}
.header-menu.scrolled {
	background:#232323;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 1);
}

.desktop-menu {
    font-size: 16px;
}

.shop-icon svg {
    width: 1.5rem!important;
    margin: 0px 10px;
	height:1.5rem;
}

.contact-icon svg {
    width: 1.7rem!important;
    margin: 0px 10px;
}

.shop-icon .elementor-icon-wrapper, 
.contact-icon .elementor-icon-wrapper{
    display: flex;
    align-items: center;
    align-content: center;
}

.t-menu-improved .hamburger--beauty .line {
    stroke: #FFF;
}

.t-menu-improved #menu-improved__overlay #menu-improved__content{
		background: linear-gradient(90deg, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
	}

div#menu-improved__content {
	padding-top: 30%;
}
/*header*/

.mob-languag svg {
    width: 1rem;
    fill: #FFF;
    margin-right: 5px;
}

.other-lang-btn a {
    background-color: #fff;
    color: #000!important;
    border-radius: 50px;
    border: solid 2px;
    width: 100% !important;
    padding: 20px 20px;
}
.other-lang-btn a:hover {
    color: black;
    background-color: #f1f1f1;
}
.other-lang-btn a span.elementor-button-text {
    text-align: left;
}

.other-lang-btn {
	width: calc(50% - 10px) !important;
}

.hamburger.hamburger--beauty svg {
	width: 40px!impoirtant;
	height: 40px!impoirtant;
}

.lang-btn a:hover span, .lang-btn a:hover svg {
    color: #ffdcbb;
    fill: #ffdcbb;
}

.t-menu-improved, 
.mob-shop{
    display: none;
}
.other-lang-btn a .elementor-button-text {
	text-align: center !important;
	line-height: 1.5rem;
}

.mob-shop {
    height: 40px;
    justify-content: center;
    align-items: center;
}

.mob-shop .elementor-widget-container {
    display: flex;
    align-items: center;
}

.mob-shop .elementor-icon-wrapper {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1200px) {
    .t-menu-improved, 
    .mob-shop{
        display: flex;
    }

    .lang-btn, 
    .desktop-menu, 
    .menu-left {
        display: none!important;
    }
}


@media screen and (max-width: 768px) {
	.other-lang-btn a {
		padding: 8px 10px;
	}
}

@media screen and (max-width: 768px) {
	.hamburger.hamburger--beauty svg{
		width:40px;
		height:40px;
	}
}

@media screen and (max-width: 1240px) {
    .header-logo-1366px {
		justify-content: flex-start!important;
    }
}

/*menu*/

.shopnow-btn a {
	height: 2rem;
    line-height: 15px!important;
    background-color: #5D7365;
    padding: 5px 25px !important;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    transition: all .3s;
}

.shopnow-btn a:hover {
    color: #FFF !important;
    background: #8d745c;
}

.header-menu nav li {
    align-items: center;
}

.header-contact a svg {
    stroke: #ffF;
}

.header-contact a:hover svg {
    stroke: #ffdcbb;
}

.toggle-submenu__inner svg{
	display:none;
}
#menu-improved__content .menu-improved-nav li a .toggle-submenu{
	width:100%;
	justify-content: flex-end;
}

.toggle-submenu:after{
    content: "▾";
    transition: all .25s ease-in-out;
    position: absolute;
    left: 4rem;
}

.is-active .toggle-submenu:after {
    transform: rotate(180deg);
}

#menu-improved__content .menu-improved-nav > li:not(.menu-item-html) {
    border-bottom: 1px #D9D9D9 solid;
}

.hamburger.hamburger--beauty path{
	stroke-width: 4px!important;
}

#menu-improved__content .menu-improved-nav > li:not(.menu-item-html){
	border-bottom:none;
}

.social-icons {
    margin-top: 30px;
    border-top: solid;
    border-color: #FFF;
    border-width: 1px;
    padding-top: 20px;
}

ul.sub-menu {
    display: grid;
    gap: 1rem;
}


.mob-language svg{
	width: 1.5rem;
	margin-right:5px;
}


.mob-menu-social {
	display: flex;
	gap: 20px;
}

.mob-menu-social .icon {
	margin-top: 10px;
	display: flex;
	justify-content: center;
}
.menu-improved-nav{
    flex-wrap: wrap;
	flex-direction: row!important;
}

.menu-improved-nav a {
    font-size: 1.2rem;
}

.flex-50{
	width:50%;
}

.flex-100{
	width:100%;
}

.facebook::before {
	content: "";
	width: 40px;
    height: 40px;
    background-size: cover;
    background-image: url(/wp-content/uploads/2024/06/fb-follow-icon.svg);
}

.instagram::before {
	content: "";
	width: 40px;
    height: 40px;
    background-size: cover;
    background-image: url(/wp-content/uploads/2024/06/IG-follow-icon.svg);
}

.youtube::before {
	content: "";
	width: 40px;
    height: 40px;
    background-size: cover;
    background-image: url(/wp-content/uploads/2024/06/YT-follow-icon-1.svg);
}


.elementor-popup-modal .dialog-close-button svg {
	width: 25px!important;
	height: 25px!important;
    opacity: 0;
}

.elementor-popup-modal .dialog-close-button:after {
    content: "";
    background: url(/wp-content/uploads/2024/06/X.svg);
	width: 25px;
	height: 25px;
    position: absolute;
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
}

/*Buttons*/

.t-btn a, .t-btn .no-link {
    border-radius: 50px;
    padding: 15px 30px;
/*     min-width: 7.5rem; */
	min-width: 150px;
    font-size: 0.9rem;
    line-height: 1;
    display: block;
    text-align: center;
}
.t-btn.brown a,
.t-btn.brown .no-link {
    background-color: #856D57;
    color: white;
    max-width: 201px;
    margin: auto;
}

.t-btn.gray a,
.t-btn.gray .no-link{
	background-color:#575757;
	color: white;
}

.t-btn a:hover,
.t-btn.trans .no-link:hover{
    background-color: white;
    color: black;
}
.t-btn.trans .no-link,
.t-btn.trans a{
    color: white;
    border: solid 1px white;    
}

@media screen and (max-width: 768px) {
	.t-btn a,
	.t-btn .no-link {
   		padding: 12px 10px;
        font-size: 0.8rem;
		min-width:100px;
    }
}
@media screen and (max-width: 768px) and (min-width:370px) {
	.three-cards-con a.e-con-full.card-container {
		width: 33%;
	}
	.three-cards-con .e-con-inner{
		gap:0;
	}		
}
/*hover cards on home page*/
.card-container img{
	transition:all 0.3s ease-out;
}
.card-container:hover img {
    transform: scale(1.05);
}
.card-container:hover span.no-link{
	background-color: white;
    color: black;
}

/*/////////////////////////////////////////////////////*/
/*tab FAQ homepage*/
.t-h-tabs .e-n-tabs.e-activated {
    gap: 0;
}
.t-h-tabs button {
    cursor: pointer;
}
.t-h-tabs button:hover span {
	color: #FFDCBB;
}
.elementor-widget-n-tabs.t-h-tabs .e-n-tab-title {
    background: none !important;
    color: white !important;
    border-bottom: solid 1px white !important;
    max-width: calc(100% - 120px) !important;
    padding-left: 0px !important;
}

/* Style for arrow buttons */

.custom-arrows button {
    border: none;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 20px;
    margin-right: 20px;
}
button.prevTab{
	background-color:#343434;
	width:75px;
}
button.nextTab {
    background-color: #856D57;
    width: 115px;
    text-align: right;
    padding-right: 25px;
}

.custom-arrows {
    display: flex;
    max-width: 50%;
    flex-direction: row;
    justify-content: flex-start;
    position: absolute;
    bottom: 40px;
}

.custom-arrows button:hover {
    background-color: white;
	color:black;
}
/*style for text box within tab*/
.t-h-tabs .tab-text-box {
    position: absolute;
    z-index: 1;
    background-color: #5D7365;
    bottom: 0;
    max-width: 50%;
    padding: 20px;
    color: white;
}
.t-h-tabs .e-n-tabs-content {
    max-width: 50%;
}
.t-h-tabs .e-n-tabs-heading {
    flex-basis: initial !important;
    width: 50%;
}
.tab-inner-num span {
    font-size: 45px;
    font-weight: 300;
    letter-spacing: 0.1em;
}

.t-h-tabs .e-n-tab-title[aria-selected="true"] {
	color:#FFDCBB!important;
}

.t-h-tabs .e-n-tab-title[aria-selected="true"]:before {
    content: "";
    width: 1em;
    height: 1em;
    background-image: url(/wp-content/uploads/2024/06/active-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width: 1024px) and (min-width: 600px) {
	.t-h-tabs .tab-img {
		width: 30%;
	}
	.t-h-tabs .tab-text-box{
		width:70%!important;
	}
	.t-h-tabs .tab-mob{
		display:flex;
		flex-direction: row !important;
	}
	.tab-img img {
		object-fit: cover;
		height: 100%;
		object-position: left;
	}
}



/*Gallery Lightbox*/
.elementor-slideshow__title {
    display: none;
}
/*/////////////////////////////////////////////////////*/
/*contact*/

.contact-table input {
  -webkit-appearance: none!important;
  -moz-appearance: none!important;
  appearance: none!important;
	border-radius: 0;
}

.contact-table {
	position: relative;
}

.contact-table input {
	border: 0;
	padding: 7px 5px;
	border-bottom: 1.5px solid #FFF;
	width: 100%;
	box-sizing: border-box;
	letter-spacing: 2px;
	background-color: #00000000;
	color: #FFF;
	border-style: solid;
}

.contact-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
	gap:20px;
}

.contact-group p{
	margin:0;
}

.contact-text textarea{
    width: 100%;
    height: auto;
    resize: none;
	background-color: #00000080;
    border-width: 1.5px;
	color: #FFF;
	border-style: solid;
	border-color: #FFF;
	padding: 7px 5px;
	margin-top: 20px;
}

.contact-table input:focus {
	border-bottom: 2px solid #FFDCBB;
	outline: none;
	background-color: black;
}

.contact-text textarea:focus {
    border: 2px solid #FFDCBB!important;
    outline: none;
}

.contact-text .wpcf7-submit {
    background: #856D57;
    border-radius: 50px;
    padding: 15px 30px;
    border-style: none;
    color: #FFF;
	margin-top: 20px;
	cursor: pointer;
}

.contact-page::before {
    --background-overlay: '';
    background-color: transparent;
    background-image: linear-gradient(90deg, #000000 50%, #00000000 100%);
}

.wpcf7-response-output {
    border-color: antiquewhite !important;
    color: #FFF;
}
select{
	width:100%;
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    background: #ffffff00;
    color: #FFF;
    border-style: solid;
    border-width: 0 0 2px 0;
    padding-bottom: 8px;
    font-size: 1rem;
    border-color: #FFF;
}

option {
    color: #FFF;
    background: #343434;
}

.contact-col .contact-table {
    width: 48%;
}

.contact-col {
    display: flex;
    flex-flow: wrap;
    gap: 4%;
}




@media screen and (max-width: 768px) {
	.contact-page::before {
		--background-overlay: '';
		background-color: transparent;
		background-image: linear-gradient(360deg, #000000 40%, #00000000 100%);
	}
}


.contact-text input[type="checkbox"] {
    display: none;
}

.contact-text input[type=checkbox]+span:not(.my-cookie__toggle-switch){
    display: inline-block;
    padding-left: 26px;
    line-height: 20px;
    background: url(/wp-content/uploads/2024/08/cbx-off.svg) no-repeat;
    user-select: none;
}

.contact-text input[type=checkbox]:checked+span:not(.my-cookie__toggle-switch) {
    background: url(/wp-content/uploads/2024/08/cbx-on.svg) no-repeat;
}

.contact-text .last {
    margin: 0px;
    color: #FFF;
}
.contact-text label {
    cursor: pointer;
}


/*footer*/ 
.footer-lang a:hover {
    color:var(--e-global-color-e937ef7);/*hover a color */
}
.footer-lang{
	color:white;
}

.footer a {
    display:block;
	color:white;
}
.footer a:hover {
    color: var(--e-global-color-e937ef7) !important;
}
.follow-social-icon .elementor-icon-wrapper {
	display:flex;
}

.footer-sec-link .elementor-heading-title a,
.footer-sec-title span {
    font-size: 0.9rem !important;
}
.footer-sec-link{
    padding: 10px 0px;
}
.social-icon-wrapper{
	padding-top:10px;
}
.language-switcher a {
    font-size: 0.8rem;
    margin-right: 20px;
}
.language-switcher a.default {
	position:relative;
	color: var(--e-global-color-e937ef7);
}
.language-switcher {
    text-align: center;
}
.copyright-wrapper a{
	color:white;
}
.copyright-wrapper a:hover {
    color: var(--e-global-color-e937ef7);
}
.footer-post a {
    font-size: 0.9rem;
}

.copyright .elementor-widget-container {
    font-size: 14px;
    color: white;
    text-align: center;
}
.cookie-privacy {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.cookie-privacy a{
  margin: 0px 20px;
}

/*=============*/

@media screen and (max-width: 1024px) {
	.t-h-tabs .tab-text-box {
		position: inherit;
		width: 100%;
		max-width: 100%;
	}
	.tab-mob {
		display: flex;
		flex-direction: column-reverse !important;
		gap: 0;
	}
	.t-h-tabs .custom-arrows{
		display:none;
	}
	.t-h-tabs .e-n-tab-title:after {
		content: "";
		width: 1rem;
		height: 1rem;
		background-image: url(/wp-content/uploads/2024/06/plus.png);
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		right: 0;
	}

	.t-h-tabs .e-n-tab-title.active:after {
		background-image: url(/wp-content/uploads/2024/06/minus.png);
	}
	.elementor-widget-n-tabs.t-h-tabs .e-n-tab-title{
		max-width: 100% !important;
	}
}


@media screen and (min-width: 1024px) {
	.tab-title {
		position: absolute;
		top: 10%;
	}
}

/*play-light-box*/

.play-light-box {
    position: absolute!important;
}

/*post*/
.post-excerpt, 
.post-date{
    font-size: 0.9rem;
}

.shadow-style{
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3)!important;
}

.shadow-style:hover {
    box-shadow: 0 0px 10px #ffc79330 !important;
}

.single-post-slider a {
    height: auto !important;
}

@media screen and (min-width: 1024px) {
	.single-post-slider:before {
		content: "";
		width: 100%;
		height: 100%;
		background: linear-gradient(to right, #1e1e1e, #1e1e1e00, #1e1e1e);
		display: flex;
		position: absolute;
		z-index: 2;
		pointer-events: none;
	}

}

@media screen and (min-width: 768px) {
	.hight-100 {
		height: 100%!important;
	}
}

.swiper-pagination-bullet {
    border-radius: 0% !important;
    width: 100px !important;
    height: 4px !important;
	margin:0px !important;
}

.single-post h2, 
.single-post h3, 
.single-post h4{
    font-family: var(--font-stack-heading);
}

.single-post ul {
    padding-inline-start: 20px;
}


/*search*/
.search-bar button {
    cursor: pointer;
}

/* Kenburns effect */

.elementor-widget-image.animate.kenburn.active .elementor-widget-container {
    overflow: hidden;
}

.elementor-widget-image.animate.kenburn.active picture,
.elementor-widget-image.animate.kenburn.active img {
    animation: kenburns 20s ease-in-out both;
}

@keyframes kenburns {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

/* Adjust Elementor transitions */

@keyframes customfadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
        /* less movement for subtler effect */
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes customfadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-10%, 0, 0);
        /* less movement for subtler effect */
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes customfadeInRight {
    from {
        opacity: 0;
        transform: translate3d(10%, 0, 0);
        /* less movement for subtler effect */
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes customfadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
        /* less movement for subtler effect */
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: customfadeInDown !important;
}

.fadeInLeft {
    animation-name: customfadeInLeft !important;
}

.fadeInRight {
    animation-name: customfadeInRight !important;
}

.fadeInUp {
    animation-name: customfadeInUp !important;
}

/*即將到來*/
.col-btn svg.env {
    fill: #FFF;
}

.footer-tel a, .footer-info-links a ,.footer-info-links span{
    color: #FFF;
}

@media screen and (max-width: 768px) {
	.footer-info-links {
		display: flex;
		justify-content: center;
	}
}

.col-btn-page svg.env {
    fill: #FFF;
}

.col-btn-page {
	display: flex;
	flex-direction: row !important;
	gap: 20px;
}

.col-btn-page .footer-info-links {
    display: flex;
    justify-content: flex-start;
    width: auto;
}

[data-email] {
	cursor: pointer;
}