@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/cwtexhei.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/earlyaccess/notoserifkhmer.css);
/* font-family:'cwTeXHei', sans-serif; 黑體*/
/* font-family:'Orbitron', sans-serif; 英文方正體*/
/* font-family:'Lobster', cursive; 英文草書體*/
/* font-family:'Orbitron', 'cwTeXHei', sans-serif; 中英字*/
/* font-family: 'Noto Sans TC', sans-serif; 常用標準字體;*/

/* reset & default ---------------------------------------------------------------------- */
*{ padding:0; margin:0; }
html,body{ height:100%; }
body{ font-family: 'Noto Sans TC', sans-serif; font-size:1em; letter-spacing:1px;height: auto; 
      background-color: rgba(234, 234, 234, 0.58);color:#525252;text-decoration:none;background-image: url(../images/light156.png);background-repeat: repeat;}
ul,ol,li{ list-style:none; }
a{ text-decoration:none; font-size: 0.9em;}
a:hover{ color:transparent;border-bottom: none; }
img{ border:none; }
:focus{ outline:none; }
hr{color:red;}


header{background-color:rgb(255, 255, 255);height: 80px;position: relative;z-index: 99;box-shadow: 0px 2px 3px #989898;width: 100%;margin: 0;padding: 0;}
header.fixed{position: fixed;background-color:rgba(255, 255, 255, 0.88);}
.logo{background-image:url(../images/fb_logo.png);background-position: left center;background-repeat: no-repeat; padding-left: 54px; position: absolute;top: 16px;left: 2%;}
.open_menu{position: absolute;top: 20%;right: 5%;font-size: 2.5em;color:rgb(103, 88, 21);cursor: pointer;display: none;}
.logo02{margin: 0 auto 2%;text-align: center;display: inline-block;display: none;}

.nav_co{position: absolute;right: 0;top:15%;text-align: left;display: block;}

.nav_pic{position: relative;}
.nav_pic li{float: left;}
.nav_pic li a{display: block;position: relative;text-align: center; font-size: 1.2em;color: #150904;text-decoration: none;padding: 12px 10px;}
.nav_pic li a:after{content: '';width: 1px;height: 2px;background-color: #efecec;position: absolute;bottom: 0px;left: 0;right: 0;margin: auto;transition: .3s;}

.nav_pic li a:hover{color: rgb(103, 88, 21);}
.nav_pic li a:hover:after{width: 100%;background-color: rgb(103, 88, 21);}

.close_menu{position: absolute;top: 1%;right: 5%;font-size: 2.5em;color:rgba(103, 88, 21, 0.59);cursor: pointer;display: none;}
.close_menu:hover{color:rgb(103, 88, 21);}

@media(max-width:1100px){
	.open_menu{display: block;}
	.close_menu{display: block;}
	.logo02{display: block;}
	.nav_co{position: fixed;left: 0;right: 0;top: 0;bottom: 0;text-align: center;padding-top: 5%;background-color: #fff7da;width: 100%;height: 100%;opacity: 0.94;overflow-y: auto;display: none;}
	.nav_pic li{float: none;display: block; width: 80%; margin: 0 auto;}
	.nav_pic li a{display: block;padding: 20px 0;position: relative;text-align: center; font-size: 1.5em;color: #150904;}
	.nav_pic li a:hover{background-color: rgba(103, 88, 21, 0.37);color:#150904;}
	.nav_pic li a:after{display: none;}
}


.a00{position: relative;width: 100%;}
.about_wrap{position: relative;}
.a01{text-align: left;padding-top:5%;margin-bottom: 5%;}
.a01 p{max-width: none;line-height: 1.5em;}

/*單一about
.about_title{position: relative;display: none;}
.about_img{width: 90%;margin: 0 auto;}
.about_title img{width: 100%;}
.h1_blackbg{position: absolute;top: -5%;left: 3%; display: block;padding: 25px; background-color: rgba(0, 0, 0, 0.85);width: 30%;color: #fbfbfb;font-size: 1.8em;}*/

/*首頁原樣*/
.b02_h1_about{font-size: 2em;letter-spacing: 0.2em;font-family: 'Noto Sans TC', sans-serif;}
.about_wrap01:before {background: url(../images/about_img01.png) no-repeat top;content: "";height: 162px;
	position: absolute;top: 0;right: 0;width: 293px;z-index: -1;}

.b02_span_about{font-size: 0.8em;}
#about_left {position: relative;text-align: center;overflow: hidden;display: block;height: auto;}
.about_img01{position: absolute;right: 0;top:-5%;}
.about_title{font-size: 1.3em;text-align: left;margin-bottom: 2%;color: rgb(103, 88, 21);font-weight: 500;padding-left: 6%;}

.about_img02 img{width: 100%;}
.about_img02{width:35%;transform: rotateZ(-2deg);box-shadow:4px 4px 3px #c6c6c6;float: left;}

.about_h3{display: inline-block; color: #f2f2f2;font-family: 'Noto Sans TC', sans-serif;max-width: none;background-color: rgb(103, 46, 21);font-size: 1.5em;padding: }
#about_info{width: 63%;float: right;padding-top: 5%;}
#about_info p{text-indent: 2em;}

.about_left02{position: relative;display: block;overflow: hidden;}

#chef{clear: both;position:relative;margin-top: 3%;}
#chef_infor{display: table;width: 100%;position: relative;}
.chef_photo img {width: 100%;display: block;}
.chef_title{font-weight: 600;color: #1f1104;font-size: 1.1em;}
.chef_photo {display: table-cell;width: 50%;overflow: hidden;vertical-align: middle;}
.chef_info {display: table-cell;vertical-align: middle;background-color: #ececec;}
.chef_info p{width: 90%;}
.chef_word{font-weight: 600;}
.chef_couple{text-align: right;}

@media (max-width: 1060px){
	.chef_info {display: block;width: 96%;padding: 2%;margin: 0 auto;}
	.chef_photo {display: block;width: 100%;margin-bottom: 3%;border-radius: 5%;}
}
@media screen and (max-width: 813px){
	.about_img02{width:80%;margin: 2% auto 5%; transform: rotateZ(0deg);box-shadow:4px 4px 3px #c6c6c6;float: none;}
	#about_info{width: 96%;margin: 0 auto;float: none;padding-top: 5%;}
	.about_wrap01{margin-bottom: 150px;}
	.about_wrap01:before {background-size: contain;right: 30%;top: 130px;width: 248px;}
}
@media screen and (max-width: 545px){
	.about_wrap01:before {background-size: contain;right: 25%;top: 130px;width: 248px;}
	}
@media screen and (max-width: 420px){
	.about_wrap01:before {background-size: contain;right: 0;top: 130px;width: 248px;}
	}


/*news_deliver*/
.news_deliver{width: 90%;margin: 2% auto 5%; position: relative;overflow: hidden;background-color: #c2c2c2;text-align: center;padding-top: 2%;padding-bottom: 2%;}
.news_btn{width: 49.9%;float: left;position: relative;border-right: 1px solid #0f0f0f;}
.deliver_btn{width: 50%;float: right;position: relative;}
.news_deliver h4{max-width: none;text-align: center;}
.news_btn h1{font-size: 3em; display: inline-block; border-bottom: 1px solid #eaeaea;border-top: 1px solid #eaeaea;border-right: 1px solid #eaeaea;padding: 2%;padding-left: 65px; position: relative;background: url(../images/icon_news.png) no-repeat 0 50%;transition: all 0.5s;}
.news_btn h1:hover{border-bottom: 1px solid #0f0f0f;border-top: 1px solid #0f0f0f;border-right: 1px solid #0f0f0f;padding: 2%;padding-left: 65px; position: relative;background: url(../images/icon_news_b.png) no-repeat 0 50%;background-color: #eaeaea}
.news_btn h1:hover:before,.news_btn h1:hover:after,.deliver_btn h1:hover:before,.deliver_btn h1:hover:after{background-color: #0f0f0f;}
.news_btn h1:before,.news_btn h1:after,.deliver_btn h1:before,.deliver_btn h1:after{content: "";width: 1px;background-color: #eaeaea; position: absolute;height:15%;left: 0;}
.news_btn h1:before,.deliver_btn h1:before{top: 0;}
.news_btn h1:after,.deliver_btn h1:after{bottom: 0;}

.deliver_btn h1{font-size: 3em; display: inline-block; border-bottom: 1px solid #eaeaea;border-top: 1px solid #eaeaea;border-right: 1px solid #eaeaea;padding: 2%;padding-left: 80px; position: relative;background: url(../images/icon_deliver.png) no-repeat 0 50%;transition: all 0.5s;}
.deliver_btn h1:hover{border-bottom: 1px solid #0f0f0f;border-top: 1px solid #0f0f0f;border-right: 1px solid #0f0f0f;padding: 2%;padding-left: 80px; position: relative;background: url(../images/icon_deliver_b.png) no-repeat 0 50%;background-color: #eaeaea;}
.news_btn h1 a,.deliver_btn h1 a{color: #333;text-decoration: none;font-family: 'Noto Sans TC', sans-serif;}
.deliver_btn h1:hover a,.news_btn h1:hover a{color: #212121;}


@media screen and (max-width: 608px){
	.news_btn{width: 100%;float: none;position: relative;border-bottom: 1px solid #0f0f0f;border-right: none;padding-bottom: 2%;}
	.deliver_btn{width: 100%;float: none;position: relative;padding-top: 2%;}
}


/*b02*/
.b02{display: block;padding-top: 5%;text-align: center;margin-bottom: 5%;}
.b02 h4{max-width: none;text-align: center;font-weight: normal;font-size: 0.9em;}
.news_list{width: 70%;margin: 2% auto 0;min-height: 600px;}
.news_title{font-size: 1.3em;color: #fff; background-color: rgb(103, 88, 21);width: 80%;margin: 0 auto;}
.news_date{color: rgb(160, 157, 145);}
.news_img{margin-top: 1%;display:inline-block;position: relative;}
.news_img img{width: 100%;}
.news_info p{max-width: none;text-align: center;font-size: 1em;}
.news_info p .red_mind{color: #ef1a1a;}

@media(min-width:780px){#news .about_wrap{min-height: 900px;}}
@media(max-width:684px){.news_list{width: 90%;}}
@media(max-width:500px){.news_list{width: 98%;}}

/*c03*/
.c03{display: block;padding-top: 5%;text-align: center;}
.order_remind{padding-top: 5%;}
.order_remind p{max-width: none;}
.delivery_menu ul{position: relative;display: block;overflow: hidden;}
.menu_items{width: 33.333%;float: left;position: relative;margin: 10px auto 20px;padding-left: 15px;padding-right: 15px;}
.items_a{position: relative;overflow: hidden;width: 100%;height: 100%;display: block;text-decoration: none;}
.center_h3{position: absolute;top: 40%;bottom: 0; width:100%;margin: auto;text-align: center;}
.menu_cover{background-color: #000;}
.menu_cover img{width: 100%;opacity: 0.6;}
.menu_items h3{display: inline-block;padding: 4px 30px 6px;color: #fff;border: 2px solid #fff;font-family: 'Noto Sans TC', sans-serif;top: 0;}
.tit_02{opacity: 0;transition: all 1s;}

.menu_items:hover .tit_02{opacity: 1;background-color: #fff;color: #333;}
.menu_items:hover .tit_01{opacity: 0;}
.menu_items:hover .menu_cover img{opacity: 1;}

.order_btn{clear: both;text-align: center;display: block;margin-top: 5%;}
.order_btn h4{color: #f5f5f5;max-width: none;border: 1px solid rgb(103, 88, 21);display: inline-block;padding: 12px 10%;box-shadow: 2px 3px 3px #a7a7a7;background-color: rgb(103, 88, 21);}
.order_btn h4:hover{box-shadow:inset 2px 3px 5px #a7a7a7;background-color: #f5f5f5;color: #333;}

.all_menu h3{color: #333;max-width: none;font-family: 'Noto Sans TC', sans-serif;font-size: 1.5em;}
.menu_span{display: block; height: 85px;opacity: 0;}

#itemGroup{overflow: hidden;margin: 0 auto;}
#itemGroup li {width: 33.333%;padding-left: 15px;padding-right: 15px; margin-bottom: 3%;float: left;background-color: transparent;}
#itemGroup li:hover img{opacity: 0.8;}

#itemGroup li img{width: 100%;}
#itemGroup li h5{color: #525252;font-size: 1em;text-decoration: none;}
#itemGroup li h4{max-width: none;text-align: center; color: #525252;font-size: 0.9em;text-decoration: none;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#itemGroup .h5_title{font-size: 1.5em;color: #9d5d06;}
.read_btn{display: block;width: 100%; color:#9d5d06;border: 1px solid #9d5d06;padding: 3% 0;background-color: #fff;}
.read_btn:hover{color:#f2eded;border: 1px solid #9d5d06;padding: 3% 0;background-color: #9d5d06;}

/*shop_btn*/
.shop_btn{position: fixed;right: 1%;bottom: 10%;z-index: 9;}
.shop_btn .btn-primary{color: #f2f2f2;background-color:#9d5d06;border-color:transparent;position: relative;}
.shop_btn .btn-primary:hover{color: #9d5d06;background-color:#f2f2f2;border:1px solid #9d5d06;}
.shop_btn .btn-primary span{font-size: 1.5em;line-height: 1.5em;}
#news #itemGroup li{margin: 10px auto 20px;padding-left: 15px;padding-right: 15px;}
@media(max-width:963px){#itemGroup li {width: 33.333%;float: left;position: relative;margin: 10px auto 20px;padding-left: 15px;padding-right: 15px;}}
@media(max-width:725px){#itemGroup li {width: 50%;}}
@media(max-width:680px){#itemGroup li {width: 100%;float: none;}}

@media(max-width:768px){.menu_items{width: 100%;float: none;position: relative;margin: 10px auto 20px;padding-left: 15px;padding-right: 15px;}}


/*d04*/
.all_customer h3{color: #333;max-width: none;font-family: 'Noto Sans TC', sans-serif;font-size: 1.5em;}

/*e05*/
.media_box .content{text-align: left;}
.media_title{max-width: none;font-size: 1.2em;border-bottom: 2px solid #1e84db;display: inline-block;margin-bottom: 0;}
.media02{display: block; text-align: left;margin-top: 3%;}
.media02 li{position: relative;width: 98%;margin:0 auto;padding-top: 2%;}
.media02 li a{color: #333;}
.media02 li a:hover{background-color:rgb(103, 88, 21);color: #ffffff;}

.content iframe { width: 700px; height: 400px; margin: 30px auto; display: block; }
.slidermedia{position: relative;overflow: hidden;background-color: #333;}
.slidermedia li{float: left;position: relative;width: 33.3%;padding-top: 2%;padding: 2% 10px 0;}
.slidermedia li img{width: 100%;}
.slidermedia p {text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #e8e8e8;}
.slidermedia_s{display: none;}
@media(max-width:768px){.content iframe { width: 500px; height: 286px;}
						.slidermedia li{float: none;position: relative;width: 98%;margin:0 auto;padding-top: 2%;}
						.slidermedia{display: none;}
						.slidermedia_s{display: block;}
						.slidermedia_s p{color: #333;}
						.slidermedia_s p:hover{background-color:rgb(103, 88, 21);color: #ffffff;}
						}
@media(max-width:500px){.content iframe { width: 300px; height: 171px;}}


/*store_info*/
.store_list ul{position: relative;display:inline-block;overflow: hidden;margin: 0 auto;}
.store_list li{display: inline-block;width: auto;height: auto;border-right: 1px solid #3c3b3b;}
.store_list li:last-child{border-right:none;}
.store_list li a{width: 130px;height: 90px;color: #333333;text-align: center;padding-right: 5px;font-size: 1em;}

.store_list02{display: none;}

/*f06*/
.store_name{font-size: 1.8em;margin-bottom: 2%;border-bottom: 2px solid rgb(103, 88, 21);display: inline-block;padding-bottom: 1%;font-family:'cwTeXHei', sans-serif;}

.store01_food_bg,.store01_environment_bg,.store01_traffic_bg,.store02_environment_bg,.store02_traffic_bg,.store03_food_bg,.store03_environment_bg,.store03_traffic_bg{
	position: relative;text-align: left;background-position: 15% center;padding: 10px 0 350px;margin-bottom: 3%;
}
.store01_food_bg{background: url(../images/store01_01bg.jpg);background-repeat: no-repeat;background-size: cover;}
.store01_environment_bg{background: url(../images/store01_02bg.jpg);background-repeat: no-repeat;background-size: cover;}
.store01_traffic_bg{background: url(../images/store01_03bg.jpg);background-repeat: no-repeat;background-size: cover;}
.store02_environment_bg{background: url(../images/store02_02bg.jpg);background-repeat: no-repeat;background-size: cover;}
.store02_traffic_bg{background: url(../images/store02_03bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center bottom;}
.store03_food_bg{background: url(../images/store03_01bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center bottom;}
.store03_environment_bg{background: url(../images/store03_02bg.jpg);background-repeat: no-repeat;background-size: cover;}
.store03_traffic_bg{background: url(../images/store03_03bg.jpg);background-repeat: no-repeat;background-size: cover;}

.store01_food_bg h1,.store01_environment_bg h1,.store01_traffic_bg h1,.store02_environment_bg h1,.store02_traffic_bg h1,.store03_food_bg h1,.store03_environment_bg h1,.store03_traffic_bg h1{padding-left: 3%;color: #fff;z-index:3;font-family:'cwTeXHei', sans-serif;}

.store01_food,.store01_environment,.store01_traffic,.store02_food,.store02_environment,.store02_traffic,.store03_food,.store03_environment,.store03_traffic{margin-top: 5%;}
@media (max-width: 768px){.store01_food_bg,.store01_environment_bg,.store01_traffic_bg,.store02_environment_bg,.store02_traffic_bg,.store03_food_bg,.store03_environment_bg,.store03_traffic_bg{background: none;padding: 0;margin: 0 auto;}
.store01_food_bg h1,.store01_environment_bg h1,.store01_traffic_bg h1,.store02_environment_bg h1,.store02_traffic_bg h1,.store03_food_bg h1,.store03_environment_bg h1,.store03_traffic_bg h1{padding-left: 3%;color: #fff;z-index:3;font-family:'cwTeXHei', sans-serif;background-color: #0a4d12;}
}
.Yongkang{width: 50%;}
.ls_traffic_info,.jh_traffic_info{position: relative;overflow: hidden;text-align: left;}
.Lishui,.Jinhua{width: 50%;float: left;}
.Jinhua{padding-right: 2%;}
.google_map02{width: 50%;float: right;}
.Yk_traffic h3,.Yongkang h3,.Lishui h3,.Jinhua h3{color: #270b00;max-width: none;text-align: left;font-family: 'Noto Sans TC', sans-serif;}

.Yk_traffic h3{display: inline-block; color: #f2f2f2;background-color:#270b00;margin: 0 auto;position: relative;}
.Yk_traffic{position: relative; text-align: left;overflow: hidden;margin-top: 2%;}
.traffic_left{width: 49%; float:left;}
.traffic_right{width: 49%; float:right;}
.bus_mark,.subway_mark,.car_mark,.map_mark{font-size: 1.2em;}

.bus_info,.subway_info,.car_info{width: 90%;margin: 0 auto;}
.bus_info{margin-bottom: 5%;}
.car_info{margin-bottom: 15%;}
.indent_word{display: block; width: 80%;margin: 0 auto;}
.parking {display:inline-block;margin-top: 1%;}
.parking img{width: 100%;}

.a_title{width: 20%;float: left;}
.a_info{width: 80%;float: right;}
.address,.phone,.times,.mind_word{box-sizing: border-box;overflow: hidden;}
.times,.mind_word{margin-bottom: 3%;}

.map_link{position: relative;display: block; clear: both; border: 1px solid #333;width: 80%; margin-top: 3%;}
.map_link:hover{background-color: #333;}
.map_link:hover a{color: aliceblue;}
.map_link a{display: block; padding: 2%;color: #333;}

/*nostalgic*/
.menu_photo_show02 ul{display: block;overflow: hidden;position: relative;}
.nostalgic li{display: block;float: left; width: 33%;padding-left: 5px;padding-right: 5px;}
.menu_photo_show02 h3{color:#fff;background-color: rgb(103, 46, 21);font-family:'Noto Sans TC', sans-serif;}
.menu_photo_show02 h4{font-size: 1em;text-align: center;color: #d8490a;}
.menu_info{background-color: #ffffff;border: 1px solid #6c5005;padding: 10px;text-align: left;}
.menu_info h5{color: rgb(103, 37, 21); }
.menu_info p{line-height: 1.8em;font-size: 1em;font-family: 'Noto Sans TC', sans-serif;}
.small_t{font-size: 0.8em;color: #727272;}

@media(max-width:963px){
	.Jinhua{padding-right: 0;}
	.traffic_left{width: 100%; float:none;margin-bottom: 3%;}
	.traffic_right{width: 100%; float:none;}
	.car_info{margin-bottom: 5%;}
	.google_map{padding-bottom: 2%;}
	.Yongkang,.Jinhua,.google_map02{float: none;width: 100%;}
	.google_map02{margin-top: 5%;}
	.Lishui{float: none;width: 100%;margin-top: 3%;}
}
@media(max-width:925px){.nostalgic li{width: 50%;padding-left: 5px;padding-right: 5px;}.menu_03{margin-top: 3%;}}
@media(max-width:690px){.nostalgic li{width: 100%;margin-top: 3%;}.menu_info{padding: 15px;}}


#about_right{width: 90%;margin: 3% auto 0;position: relative;overflow: hidden;}
.qa_h3{display: block;}
#queation .service01{width: 50%;float: left;display: block;}
#queation .service02{width: 47.9%;float: right;display: block;border-left: 1px dashed #a5a5a5;padding-left: 2%;}
.service04{margin-top: 2%;clear: both;}
#queation p{line-height: 1.5em;max-width: none;}
.service_icon01,.service_icon02,.service_icon04{font-size: 1.3em;color: #6c5005;}

@media (max-width: 900px){
	#queation .service01{width: 100%;float: none;display: block;}
	#queation .service02{width: 100%;float: none;display: block;border-left: none;padding-left: 0;}
	.service02,.service04{border-top: 1px dashed #a5a5a5;padding-top: 2%;}
}


/*all*/
.mind{font-size: 1.5em;}

.a01,.c03,.d04,.e05,.f06,.g07,.h08,.Traffic{padding-top: 5%;text-align: center;width: 90%;margin: 0 auto 5%;position: relative;}
@media(max-width:500px){.a01,.c03,.d04,.e05,.f06,.g07,.h08,.Traffic{padding-top: 10%;}}
.f06,.g07,.h08{padding-top: 0;}

.Traffic{margin: 0 auto;}
.h08 p{max-width: none;margin: 0;}

/*display-none*/
.b02,.c03,.d04,.e05{display: none;}

/*scroll*/
.page-scroll{position: fixed;right: 1%;bottom: 1%;z-index: 99;}
.page-scroll .btn-primary{color: #f2f2f2;background-color:rgb(103, 88, 21);border-color:transparent;position: relative;}
.page-scroll .btn-primary:before{content: "";display: block;position: absolute;transition: all 0.2s ease-out 0s;
left: 50%;top: 50%;width: 0;height: 0;background-color: #ffffff;}
.page-scroll .btn-primary:hover:before{width: 100%;height: 100%;top: 0;left:0;z-index: -1;}
.page-scroll .btn-primary:hover{color: rgb(103, 88, 21);transition: all 0.2s ease-out 0s;z-index: 99;}


/*footer*/
footer{height: 60px;text-align: center;background-color:rgb(103, 88, 21);color: #ffffff;padding-top: 1.5%;}
footer a{color: #fff;}
footer a:hover{color: #fff;}

.color_title{background-color:#f21f1f;border-radius: 50%;padding-left: 7px;color: #fff;}
.color_red{color: #f21f1f;}
.color_blue{color: #1f88f2;}
.color_cafe{color: #572405;}
.color_orange{color: #ff8900;}
.color_mark{color: #e56617;}
.text_indent{text-indent: 2em;}