@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
body {height:100%;font-family: Microsoft JhengHei;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
.mt22{margin-top:22px}
.mt-20{margin-top:-20px}
.mt-70{margin-top:-70px}
.mt12{margin-top:12px}
.mb5{margin-bottom:5px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
.mb20{margin-bottom:20px;}
.mr20{margin-right:20px;}
.pt120{padding-top:120px}
.radius999{border-radius:999em;}
.radius20{border-radius:20px;}
.radius10{border-radius:10px;}
.hover{}
.hover a:hover{color:#8c7134}
.t-gray{color: #999!important;}
.t-white{color: #fff!important;}
.t-gold{color: #ff6c05!important;}
.t-goldDeep{color: #8c7134!important;}
.t-center{text-align:center}
.ml100{margin-left:100px}
.mt80{margin-top:80px}
.t-Noto{font-size:15px;}
.imgHover{}
.imgHover:hover{opacity: 0.5; filter: alpha(opacity=50);	-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}	
img {max-width: 100%;}
h1,h2{
	font-size:3em;
	color: #222;
	font-weight: 800;
}
h3,h4,h5,h6 {padding: 0;margin: 0;font-weight: 600;color: #222;}
p {font-size:16px;margin-bottom: 10px;line-height: 28px;color: #666;letter-spacing:1px;font-weight: 400;}
button:focus,input:focus,textarea:focus,select:focus {outline: none;}


a:hover,a:focus {text-decoration: none;outline: none;}
ul,ol {padding: 0;margin: 0;}
.section-title {text-align: center;margin-bottom: 40px;}
.section-title p {letter-spacing: 5px;margin-bottom:0px;padding-bottom:0px;line-height:12px;}
.section-title h2 {margin-top:10px;}
.set-bg {background-repeat: no-repeat;background-size: cover;height:100%;height:100vh;}
.show991{display:none}
.show768{display:none}

/* 選單 */
.header-section {position: absolute;top: 0;left: 0;width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;z-index:999;
	border-bottom: 1px solid rgba(255, 255,255, 0.3);
}
.nav-shrink {-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position: fixed;background: #f2f2f2;border-bottom-width: 0px!important;}
.nav-shrink .nav-link { color:#000; }
.nav-shrink .site-menu a:hover{ color:#ff6c05; }
.header-warp {width:100%;height:100px;padding:0px;}
.header-section .site-logo{float:left;height:100%;padding:10px 0px;}
.header-section .site-logo img {height:80px;max-height:100%;}
.nav-shrink .light {display:none}
.header-section .dark{display:none}
.nav-shrink .dark{display:block}

.responsive-switch,.sm-close {display:none;}
.sm-close{color: #999;}
.header-section .news {animation: neon 1.5s ease-in-out infinite alternate;}

@keyframes neon {
  0%,100% {text-shadow: 0 0 20px #ff6c05, 0 0 100px #fff, 0 0 20px #ff6c05;}
  50% {text-shadow: 0 0 50px #ff6c05, 0 0 150px #ff6c05, 0 0 50px #ff6c05; color:#ff6c05;}
}

.site-menu ul {float:right;list-style: none;padding-top:35px;margin-left:0px}
.site-menu li {display: inline-block;}
.site-menu li.current a:after {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.site-menu a:hover {color: #ff6c05;}
.site-menu a {color: #fff;padding: 5px 10px;font-size: 1.2em;position: relative;margin-left: 5px;font-weight: 600;}
.site-menu a:after {position: absolute;content: "";width: 10px;height: 10px;left: 50%;bottom: -10px;margin-left: -5px;border-radius: 20px;background: #8c7134;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}

.act {
	color: #ff6c05!important;
	
}

/* 海報 */
.sliders-section {
	min-height: 100%;
	height:100vh;
	background-position: center bottom;
	position: relative;
}

.sliders-sectionBanner {
	height:400px;
	background-position: center center;
	position: relative;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #CECECE;
}


.sliders-sectionBanner-content {
	width:100%;
	margin:10px auto;
	position: absolute;
	top:200px;
	z-index: 5;

}
.sliders-sectionBanner-content H3{
	color: #999!important;
}

.sliders-section .sliders-content {width:100%;margin:10px auto;position: absolute;top:10%;z-index: 5;}
.sliders-content.sticky {position: absolute;}
.sliders-content h2 {font-size: 4em;font-weight: 700;color: #fff;line-height: 1.3;text-shadow: 0 0 30px rgba(0, 0, 0, 0.5);}
.sliders-content .move {width:80%;margin:auto}
.sliders-content .move {
	-webkit-animation: finger 1.5s infinite;
	animation: finger 1.5s infinite;
}
@-webkit-keyframes finger {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	50% {
		opacity: .2;
		-webkit-transform: translateY(15px);
		transform: translateY(15px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes finger {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	50% {
		opacity: .2;
		-webkit-transform: translateY(15px);
		transform: translateY(15px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

/* 產品類別 */
.carte-title{border-width:thin 0px;padding:15px 0px;border-bottom-style: solid;border-bottom-color: #CCC;border-top-style: solid;border-top-color:#CCC;}	
.carte-text h4:before {position: absolute;content: "";width: 10px;height: 10px;left: 25px;top: 4px;border-radius: 20px;background: #8c7134;}
.carte-text {padding-top: 2px;}
.carte-text h4 {padding-left:40px;font-weight: 700;font-size:16px;margin-bottom:15px;}
.carte-text p {padding-left:40px;font-size: 12px;}

.isotope_items img{border-radius:10px;}
.menu-filter {}
.menu-filter li {display: inline-block;margin-right:12px;font-size: 13px;font-weight: 600;color: #999;cursor: pointer;}
.menu-filter li.active {color: #333;}
.meals-item {display: block;margin-bottom: 10px;position: relative;}
.meals-item img {min-width: 100%;}
.meals-item:hover:after {border-radius: 10px;opacity: .5;height: 100%;-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.meals-item:hover i {opacity: 1;-webkit-transition: all 0.3s ease .2s;-o-transition: all 0.3s ease .2s;transition: all 0.3s ease .2s;}
.meals-item:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 50%;
	left: 0;
	bottom: 0;
	background: #000;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}
.meals-item i {position: absolute;right: 20px;top: 20px;font-size: 30px;color: #fff;z-index: 4;opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}


/* 加盟 */
.join-section{height: 100%;height: 100vh;margin: 0 auto;background-color: #000;background-image: url(../img/join-bg.jpg);background-repeat: no-repeat;background-position: center bottom;}
.join-warp {max-width: 100%;}
.join-section .site-btn {font-size:1.3em;background: #ff6c05;border: none;color:#fff;font-weight:800;padding: 15px 30px;border-radius: 50px;min-width: 160px;
	cursor: pointer;
	-webkit-box-shadow: 0px 20px 50px 0px rgba(55, 56, 56, 0.2);
	box-shadow: 0px 20px 50px 0px rgba(55, 56, 56, 0.2);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.join-section .site-btn:hover {color: #fff;background: #333;}

/* 連絡我們 */
.cont-info {margin-bottom: 50px;}
.cont-info .icon {display: block;font-size: 35px;margin-bottom: 15px;}
.cont-info a,
.cont-info span {color: #333;font-size: 15px;font-weight: 600;line-height: 28px;}
.cont-info a {text-decoration: underline #333 dotted 1px;}
.cont-info p {font-size: 12px;margin-bottom: 0;}
.social {text-align:center;position:relative;}
.social .scanning {left: 50%;width:250px;transform: translate(-50%, -0px);visibility: hidden;text-align: center;position: absolute;z-index: 1;bottom:20px;}
.social:hover .scanning {visibility: visible;}

/* 頁腳 */
.footer-section{margin-top:-5px;background-color:#333;text-align:center;height:110px;}
.footer-section a{color: #fff;}
.copyright {font-size: 11px;color: #fff;padding-top: 25px;letter-spacing: 2px;}

.fastOrder{display:block;width:100%;Z-index:999;background-color: #fff;position: fixed;height: 75px;bottom: 0px;display: block;border-top-width: 1px;border-top-style: solid;border-top-color: #CCC;}
.fastOrder ul , li{margin:0px 0px;padding:0px;display: block;}
.fastOrder li{float:left;margin:10px 0px;width:16.6%;list-style-type: none;}
.fastOrder li p{margin-top:5px ;font-size:9px!important;font-weight: 800;line-height: 10px;}
.fastOrder li img{width:52px}

.sliders-content .move{margin-top:500px;}
/*--------------------
	Responsive
----------------------*/
.isotope_items h3{margin-bottom:25px;}
@media only screen and (max-width: 768px) {
p {font-size:13px;}
.isotope_items p{margin:10px 0px 20px 0px;line-height:20px;}
.sliders-content .move {margin-top:300px;}
.social:hover .scanning {display:none}
.details{font-size:10px!important;}
h1, h2{font-size:2em;}
.t-center768{text-align:center}	
.isotope_items h3{font-size:16px;}
.sliders-content {position: absolute;}
.sliders-content h2 {font-size:45px;}

}

@media only screen and (max-width: 991px) {.footer-section{height:75px;overflow:hidden}
.hidden991{display:none}
.show991{display:block}
.t-center991{text-align:center}	
}

@media only screen and (max-width: 1024px) {
.nav-shrink .responsive-switch {color: #666;}
.site-menu a {color: #000;}
.ml100{display:none}
.responsive-switch {color: #fff;display: block;float: right;font-size: 40px;padding-top: 10px;padding-right: 12px;cursor: pointer;}
.sm-close {font-size: 40px;
		display: block;
		position: absolute;
		top: 30px;
		right: 20px;
		width: 60px;
		height: 60px;
		border: 1px solid #ddd;
		border-radius: 50%;
		text-align: center;
		padding-top:0px;
		cursor: pointer;
		z-index: 9;
		opacity: 0;
		transform: rotate(90deg);
		transition: all 0.3s ease 0s;
	}
	.site-menu {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top:0px;
		display: table;
		background: #fff;
		z-index: 999;
		opacity: 0;
		transform: translateX(-100%);
		transition: all 0.4s ease 0.3s;
	}
.site-menu.active {opacity: 1;transform: translateX(0);transition: all 0.4s ease 0s;}
.site-menu.active ul {top: 0;opacity: 1;transition: all 0.3s ease 0.4s;}
.site-menu.active .sm-close {opacity: 1;transform: rotate(0);transition: all 0.3s ease 0.4s;}
.site-menu ul {vertical-align: middle;float: none;text-align: center;position: relative;margin-top: 10%;opacity: 0;transition: all 0.3s ease 0s;}
.site-menu li {display: block;margin:15px;}
.site-menu a {font-size: 25px;padding: 0px 4px;margin-left: 0;margin-bottom: 5px;display: inline-block;}
.site-menu a:after {background: #ff6c05;height: 5px;width: 100%;left: 2px;bottom: 6px;margin-left: -3px;z-index: -1;}	
}

@media only screen and (max-width: 1280px) {
.sliders-content .move {}
.header-section .site-logo{padding:8px 0px;}
.header-section .site-logo img {height:64px;}
.ml100{margin-left:50px}
.site-menu{background-color: rgba(255,255,255,1);}
.header-warp {height:80px;}
.pt120{padding-top:90px}
.site-menu ul {padding-top:25px;}
}	
.contact-section{}
.contact-section p{
	margin-top:20px;
	line-height: 0px;
	color: #999;
}
.contact-section input, .contact-section textarea {margin:10px auto ;	border-radius:10px;	width:100%;	padding:10px 20px;border: thin solid #ccc;}
.contact-section input {height:50px;}
.contact-section textarea {height:200px;}
.contact-section .site-btn2 {font-size:1.3em;background: #ccc;border: none;color:#666;font-weight:800;padding: 14px 30px;border-radius: 50px;min-width: 160px;
	cursor: pointer;
	-webkit-box-shadow: 0px 20px 50px 0px rgba(55, 56, 56, 0.2);
	box-shadow: 0px 20px 50px 0px rgba(55, 56, 56, 0.2);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}


.contact-section .site-btn {font-size:1.3em;background: #ff6c05;border: none;color:#fff;font-weight:800;padding: 14px 30px;border-radius: 50px;min-width: 160px;
	cursor: pointer;
	-webkit-box-shadow: 0px 20px 50px 0px rgba(55, 56, 56, 0.2);
	box-shadow: 0px 20px 50px 0px rgba(55, 56, 56, 0.2);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.contact-section .site-btn:hover {color: #fff;background: #333;}
.links-section a{border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
}
.links-section H3{margin-top:25px;}

.links-section H3::before{content: " ● ";}


.links-section H3 a{color: #000}
.links-section a:hover{
color: #8c7134
}
.links-section .tel{margin-left:20px;
	color: #666;
	font-size: 16px;
}
.pro-section{ }
.pro-section img{width: 100%;aspect-ratio: 1/1;}
.pro-section .container .item{
	padding:20px 10px;
	width:-webkit-calc(25% - 20px);
	width:-moz-calc(25% - 20px);
	width:calc(25% - 20px);
	display:inline-table;
}
.pro-section .container {margin:0 auto;}
.pro-section .container .details, .pro-section .container h4{text-align:center}
@media (max-width:991px){.pro-section .container .item{width:-webkit-calc(33% - 20px);width:-moz-calc(33% - 20px);width:calc(33% - 20px);}}
@media (max-width:768px){.sliders-sectionBanner-content {
	top:120px;
	

}.sliders-sectionBanner {
	height:250px;
}.pro-section .container .item{width:-webkit-calc(50% - 20px);width:-moz-calc(50% - 20px);width:calc(50% - 20px);}}




.pro-section .sub a{padding:0px 10px 0px 20px ;line-height:30px;letter-spacing:3px;font-size: 18px;
	font-weight: 700;
	text-decoration: none;

border-left-width: thin;
	border-left-style: solid;
	border-left-color: #999;}



.pro-section .sub a:hover, .pro-section .sub .act{color:#ff6c05}
.pro-section .sub a:last-child {border-right-width: thin;border-right-style: solid;border-right-color: #999;}
.sliders-section .mask{
		z-index:4;
        position: absolute;display:block;
        left:0;
        top:0;
		height: 100%;
        width: 100%;
        object-fit: cover;
		background-color: rgba(50,50,50,0.5);
		background-blend-mode: multiply!important;
}	
.sliders-section video{
        position: absolute;
        left:0;
        top:0;
		height: 100%;
        width: 100%;
        object-fit: cover;
    }