@charset "utf-8";
/* CSS Document */

html,body{font-family: Helvetica, "Helvetica Neue", Gotham, Arial, "sans-serif"; padding: 0; margin: 0; width:100%; color: #333; min-height:100%; }
body{background-color: #f9f9f9;}

html {
font-size: 62.5%;
}

body.body-style{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	background-color: transparent;
}
.body-hide{
	overflow: hidden;
}
@media only screen and (min-width: 481px) {
html {
font-size:94%!important
}
}

@media only screen and (min-width: 561px) {
html {
font-size:109%!important
}
}

@media only screen and (min-width: 641px) {
html {
font-size:125%!important
}

body {
/* max-width: 640px */
}
}
ul,li{list-style: none; padding: 0; margin: 0;}
p,div,li,span{font-size: 1.4rem; font-weight: normal; word-break: break-all;}
a{font-size: 1.4rem; text-decoration: none; cursor:pointer;}
h1,h2,p,a,img{margin:0; padding: 0;}
img{border: 0;}
input{
	-webkit-appearance:none;
	outline:none;
}
input[type=button]{
	-webkit-appearance:none;
	outline:none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}

#wrap{
	width: 100%;
	position: relative;
}

.gototop{
	width: 5rem;
	height: 5rem;
	border-radius: 3rem;
	cursor: pointer;
	background-color: rgba(250,174,1,.9);
	background-image: url("../images/user/home/icon_top.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 2rem;
	position: fixed;
	bottom: 15rem;
	right: 1.6rem;
	z-index: 1000;
	display: none;
}
.help-ring{
	width: 5rem;
	height: 5rem;
	border-radius: 3rem;
	cursor: pointer;
	background-color: rgba(250,174,1,.9);
	background-image: url("../images/restaurant/ring_me_3x.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 5rem;
	position: fixed;
	bottom: 8rem;
	right: 1.6rem;
	z-index: 1000;
}
/* main head */
.mainHead{
	width: 100%; 
	height: 5rem;	
	position: relative;
	background-color: #f5f5f5;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 8.5rem;
}
.mainHead .check-order{
	padding: 0 2rem;
	position: absolute;
    bottom: 20%;
	right: 0;
	height: 3.6rem;
	line-height: 3.6rem;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	background-color: #FAAE01;
	border-top-left-radius: 3rem;
	border-bottom-left-radius: 3rem;
}
.mainHead .check-order span{
	color: #f00;
	font-weight: bold;
}
.search-top-div{
	width: 78%;
	height: 3rem;
	line-height: 3rem;
	border: 0.1rem solid #bbb;
	border-radius: 2rem;
	margin-left: 4rem;
	overflow: hidden;
}

.btn-back-store{
	width: 3rem;
	height: 3rem;
	/* background-image: url("../images/user/home/icon-back.png");
	background-size: 4rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: rgba(255,255,255,.8); */
	border-radius: 1.5rem;
	position: absolute;
	left: 2rem;
	top: 2rem;
	display: block;
}
.btn-back-store img{
	width: auto;
	height: auto;
	max-width: 3rem;
	max-height: 3rem;
}
.user-menu{
	width: 6rem;
	height: 4rem;
	background-image: url("../images/user/home/menu_3x.png");
	background-size: 3rem;
	background-repeat: no-repeat;
	background-position: 2.4rem center;
	background-color: #fff;
	border-top-right-radius: 2rem;
	border-bottom-right-radius: 2rem;
	position: absolute;
	left: 0;
	top: 2rem;
	display: block;
}
#store-header{
	padding: 1.6rem 1.6rem 0.5rem 1.6rem;
	background-color: #fff;
	font-size: 1.2rem;
	overflow: hidden;
	position: relative;
	clear: both;
}
#store-header p{
	font-size: 1.2rem;
	padding: 0.2rem 0;
}
#store-header p > span{
	font-size: 1.2rem;
}
#store-header h3{
	font-size: 1.8rem;
	padding: 0;
	margin: 0;
}
.store-image{
	width: 6rem;
	height: 6rem;
	border-radius: 0.4rem;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
}
.store-info-de{
	margin-left: 7rem;
	padding-bottom: 0.6rem;
	width: 70%;
}
.store-info-de-table{
	padding-bottom: 0.6rem;
}
.store-homepage.store-info-de{
	margin-left: 0rem;
	padding-bottom: 0.6rem;
}
#store-header .store-info-de p.working-date,p.working-date{
	background-image: url("../images/user/home/icon_clock_2x.png");
	background-repeat: no-repeat;
	background-size: 1.2rem;
	background-position: left center;
	padding-left: 2rem;
}
#store-header .store-info-de p.working-address,p.working-address{
	background-image: url("../images/user/home/icon_address_2x.png");
	background-repeat: no-repeat;
	background-size: 1.2rem;
	background-position: left 0.3rem;
	margin: 0;
	padding: 0 0.5rem 0 2rem;
	position: relative;
}
#store-header .store-info-de a.working-tel{
	background-image: url("../images/user/home/icon_phone_2x.png");
	background-repeat: no-repeat;
	background-size: 1.2rem;
	background-position: left 0.3rem;
	padding: 0 2.5rem 0 2rem;
	position: relative;
	display: block;
	color: #333;
}
.member-head p.working-address{
	margin: 0;
	padding: 0.5rem 2rem 0.5rem 1.6rem;
	line-height: 1;
	color: #666;
	font-size: 1.2rem;
}
.store-info-de h3{
	margin: 0;
	padding: 0;
}
.top-contro-bar{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 5rem;
	background-color: #fff;
	border: 0.1rem solid #eee;
	z-index: 8888;
}

.top-contro-bar a.back{
	float: left;
	width: 3.6rem;
	height: 3.6rem;
	margin: 0.7rem 0 0.7rem 1.2rem;
	text-align: center;
}
.top-contro-bar a.back img{
	width: 3.6rem;
	height: auto;
}
.top-state{
	margin-left:0rem;
	font-size: 1rem;
	padding-top: 0.7rem;
	text-align: center;
}
.top-state-err{
	margin-left:0rem;
	font-size: 1rem;
	padding-top: 0.7rem;
	text-align: center;
	color: #f00;
}
.top-state-time{
	float: right;
	display: inline-block;
	font-size: 1rem;
	margin-right: 1.6rem;
	padding-top: 0.7rem;
}
.top-state b,.top-state-err b, .top-state-time b{
	font-size: 1.5rem;
}
.top-page-ti{
	width: 75%;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 5rem;
	text-align: center;
	display: block;
	float: left;
}

.order-number-big{
	padding: 4.5rem 0 1rem 0;
	font-size: 1.8rem;
	border-bottom: 0.1rem solid #f5f5f5;
	margin: 0 auto 0.5rem auto;
	text-align: center;
}
.order-number-big b{
	font-size: 2.8rem;
	color: #FAAE01;
}
.contact-me{
	margin-top: 0.5rem;
	border-top: 0.1rem solid #f5f5f5;
	padding: 1rem 0 0.5rem 0;
}

.btn-copy-addresss{
	position: absolute;
	right: 0.5rem;
	top: 1.2rem;
	cursor: pointer;
}
.btn-copy-addresss img{
	width: 2rem;
	height: auto;
}
.btn-store-de{
	position: absolute;
	right: 2rem;
	bottom: 2rem;
}
.btn-store-de img{
	width: 2.4rem;
	height: auto;
}
.btn-fav{
	position: absolute;
	display: block;
	right: 2rem;
	top: 1rem;
	width: 3rem;
	height: 3rem;
	padding-right: 3rem;
	line-height: 3rem;
	font-size: 1.2rem;
	color: #DF005A;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 2.4rem;
	background-image: url("../images/user/home/icon_fav_empty_3x.png");
}
.btn-fav-on{
	position: absolute;
	display: block;
	right: 2rem;
	top: 1rem;
	width: 3rem;
	height: 3rem;
	padding-right: 3rem;
	line-height: 3rem;
	font-size: 1.2rem;
	color: #DF005A;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 2.4rem;
	background-image: url("../images/user/home/icon_fav_red_3x.png");
}
#search-bar{	
	background-color: #fff;
	padding: 1rem 0;
	overflow: hidden;
	transition: all 0.4s;
	width: 100%;
	border-bottom: 0.1rem solid #f5f5f5;
	z-index: 1000;
}
.search-bar-fixed{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
}
#search-bar a{
	display: block;
}
#search-bar .btn-select{
	width: 66%;
	height: 3.6rem;
	border-radius: 1.8rem;
	line-height: 3.6rem;
	color: #333;
	font-size: 1.4rem;
	border: 0.1rem solid #FAAE01;
	padding: 0 1.5rem;
	background: url("../images/user/home/icon_arrow_down_3x.png") no-repeat 95% center;
	background-size: 1.6rem;
	float: left;
	margin-left: 1.6rem;
}
#search-bar .btn-search{
	width: 3.6rem;
	height: 3.6rem;
	float: right;
	margin-right: 1.6rem;
	background-image: url("../images/user/home/icon_search_2x_blue.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 2.2rem;
	background-color: #fff;
	border-radius: 2.2rem;
	color: #fff;
	border: 0.1rem solid #07033F;
	line-height: 3.6rem;
	font-size: 1.4rem;
}

#content{
	overflow: hidden;
	margin-top: 0.5rem;
	padding-bottom: 8rem;
}
.food-list > li{
	overflow: hidden;
	padding: 1.6rem 1.6rem;
	background-color: #fff;
	position: relative;
	margin: 0.1rem 0;
	min-height: 8rem;
	border-bottom: 0.1rem solid #f9f9f9;
}
.food-list > li .item-thumb{
	width: 6rem;
	height: 6rem;
	margin-right: 1rem;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	float: left;
}
.food-list > li .item-details{
	color: #666;
	font-size: 1rem;
	position: relative;
}
.food-list > li .item-details p{
	font-size: 1.2rem;
	max-height: 4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;

  overflow-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
.food-list > li .item-details h3{
	color: #333;
	padding: 0;
	margin: 0;
	font-size: 1.6rem;
}
.food-list > li .item-details .item-price{
	padding: 2rem 0 0 0;
}
.food-list > li .item-details .item-price .it-number{
	float: left;
	font-size: 1.4rem;
	color: #333;
}
.food-list > li .item-details .item-price .it-price{
	float: right;
	color: #333;
}
.food-list > li .item-details .item-price b{
	font-size: 2rem;
}
.food-list > li .item-new-mark{
	padding: 0.4rem 0.5rem;
	line-height: 1;
	font-size: 1.2rem;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	border-radius: 0.2rem;
	background-color: #FF9031;
	position: absolute;
	left: 1.6rem;
	bottom: 1rem;
}
.food-list > li .add-to-car{
	position: absolute;
	right: 2rem;
	bottom: 1rem;
	z-index: 999;
	padding: 1rem;
	margin: 0 -1rem auto auto;
}
.food-list > li .add-to-car a,.food-list > li .add-to-car i{
	width: 2.4rem;
	height: 2.4rem;
	display: block;
	float: left;
	border: 0.2rem solid #07033F;
	border-radius: 1.5rem;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0 0.5rem;
	text-align: center;
	line-height: 2.4rem;
	font-size: 2rem;
}
.food-list > li .add-to-car a.btn-add-to,.food-list > li .add-to-car i.btn-add-to{
	width: 2.8rem;
	height: 2.8rem;
	line-height: 2.8rem;
	display: block;
	float: left;
	border: 0.2rem solid #07033F;
	color: #FAAE01;
	background-color: #07033F;
	border-radius: 2rem;
	padding: 0;
	margin: 0 0 0 0.5rem;
	text-align: center;
	font-size: 2.8rem;
}
.btn-add-to-hover{
	border: 0.2rem solid #666;
	background-color: #666;
}
.food-list > li .add-to-car a.btn-details-to,.food-list > li .add-to-car i.btn-details-to{
	width: auto;
	height: 2.8rem;
	line-height: 2.8rem;
	display: block;
	float: left;
	border: 0.2rem solid #07033F;
	color: #FAAE01;
	background-color: #07033F;
	border-radius: 2rem;
	font-weight: normal;
	padding: 0 0.8rem;
	margin: 0 0 0 0.5rem;
	text-align: center;
	font-size: 1.4rem;
}
.food-list > li .add-to-car .btn-span{
	border-radius: 0.2rem;
	line-height: 2.4rem;
	font-size: 1.4rem;
	padding: 0;
	height: 2rem;
	width: 2rem;
	text-align: center;
	float: left;
	margin-left: 0.5rem;
}

.food-list > li .food-sell{
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: 11rem;
	background-color: rgba(255,255,255,.8);
	text-align: center;
	color: #f00;
	font-size: 2rem;
	z-index: 999;
	top: 0;
	left: 0;
}

/*   content list end  */

.category-select > ul > li{
	overflow: hidden;
	padding: 1.6rem 1.6rem;
	background-color: #fff;
	position: relative;
	margin: 0.1rem 0;
	border-bottom: 0.1rem solid #eee;
}
.category-select > ul > li .item-thumb{
	width: 6rem;
	height: 6rem;
	float: left;
	margin-right: 1rem;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.category-select > ul > li .item-details{
	margin-left: 7rem;
	color: #666;
	font-size: 1rem;
	position: relative;
}
.category-select > ul > li .item-details p{
	font-size: 1.2rem;
	width: 66%;
}
.category-select > ul > li .item-details h3{
	color: #333;
	padding: 0;
	margin: 0;
	font-size: 1.8rem;
	width: 66%;
}
.category-select > ul > li .item-details .item-price{
	color: #333;
	padding: 0;
	margin-right: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	text-align: right;
}
.category-select > ul > li .food-it-a{
	clear: both;
	overflow: hidden;
	height: auto;
	position: relative;
}
.category-select > ul > li .item-details .item-price b{
	font-size: 2.2rem;
}
.category-select > ul > li .item-new-mark{
	padding: 0.4rem 0.5rem;
	line-height: 1;
	font-size: 1.2rem;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	border-radius: 0.2rem;
	background-color: #FF9031;
	position: absolute;
	left: 1.6rem;
	bottom: 1rem;
}
.category-select > ul > li .add-to-car{
	position: absolute;
	right: 2.6rem;
	bottom: 1rem;
	z-index: 999;
	padding: 0;
	margin: -1rem -1rem auto auto;
}
.category-select > ul > li .add-to-car a,.category-select > ul > li .add-to-car i{
	width: 2rem;
	height: 2rem;
	display: block;
	float: left;
	border: 0.2rem solid #07033F;
	border-radius: 1.5rem;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0 0.5rem;
	text-align: center;
	line-height: 1.8rem;
	font-size: 2rem;
}
.food-qty-span.add-to-car{
	right:30%;
	top: 4rem;
	bottom: auto;
}
.category-select > ul > li .add-to-car .btn-span{
	border-radius: 0.2rem;
	line-height: 2rem;
	padding: 0;
	height: 2rem;
	width: 2rem;
	text-align: center;
	float: left;
	margin-left: 0.5rem;
}

#order-bar{
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: rgba(255,255,255,.9);
	overflow: hidden;
	z-index: 10099;
	width: 90%;
	padding: 1rem 5% 2rem 5%;
	border-top: 0.1rem solid #f5f5f5;
}
#order-bar .order-de{
	float: left;
	width: 100%;
	height: 3.6rem;
	line-height: 3.6rem;
	border-radius: 2.5rem;
	background-color: #ccc;
	color: #fff;
}
#order-bar .order-de-check,#order-bar .order-check-table{
	float: right;
	width: 80%;
	height: 3.6rem;
	line-height: 3.6rem;
	border-radius: 2.5rem;
	background-color: #07033F;
	color: #FAAE01;
	display: none;
	position: relative;
}
#order-bar .order-de-check-no,#order-bar .order-check-table-no{
	float: right;
	width: 80%;
	height: 3.6rem;
	line-height: 3.6rem;
	border-radius: 2.5rem;
	background-color: #ccc;
	border: 0.1rem solid #ccc;
	color: #fff;
	display: none;
}
#order-bar .order-de-check b.price{
	font-size: 1.8rem;
	padding-right: 1rem;
	margin-right: 1rem;
	border-right: 0.1rem solid #FAAE01;
}
#order-bar .order-de-check > span.food-num{
	position: absolute;
	top: -0.2rem;
	left: 0.2rem;
	width: 3.2rem;
	height: 3.2rem;
	line-height: 3.2rem;
	border-radius: 3rem;
	background-color: #FAAE01;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	border: 0;
	padding: 0;
}
#order-bar .order-de-on{
	float: left;
	width: 100%;
	height: 3.6rem;
	line-height: 3.6rem;
	border-radius: 2.5rem;
	background-color: #07033F;
}
#order-bar a.order-payx{
	float: right;
	width: 35%;
	height: 3.6rem;
	line-height: 3.6rem;
	border-radius: 2.5rem;
	background-color: #bbb;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
	color: #333;
}
#order-bar a.order-on{
	float: right;
	width: 35%;
	height: 3.6rem;
	line-height: 3.6rem;
	border-radius: 2.5rem;
	background-color: #FAAE01;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
}
#order-bar p.order-pr{
	float: right;
	padding: 0 2rem 0 1rem;
	margin: 0.7rem 0;
	display: inline-block;
	border-left: 0.1rem solid #fff;
	line-height: 2.2rem;
}
.order-de-on p{
	color: #FAAE01;
}
#order-bar .order-de-on p.order-pr{
	border-left: 0.1rem solid #FAAE01;
}
#order-bar p.order-price{
	padding: 0 1.5rem;
	float: left;
	font-size: 1.2rem;
	font-weight: bold;
	display: inline-block;
}
#order-bar .order-price b{
	font-size: 2.2rem;
}
#order-bar p.order-ps{
	font-size: 1.2rem;
	float: right;
	padding: 0 1rem;
}
.black-layer{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1001;
	background-color: rgba(0,0,0,.8);
	width: 100%;
	height: 200%;
	display: none;
}
.black-layer-top,.black-layer-top2{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10101;
	background-color: rgba(0,0,0,.8);
	width: 100%;
	height: 200%;
	display: none;
}
.category-select{
	position: fixed;
	overflow: scroll;
	width: 100%;
	max-height: 50%;
	left: 0;
	bottom: 0;
	padding-bottom: 12rem;
	background-color: #fff;
	z-index: 1002;
	display: none;
}
.hide-arrow{
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 2rem;
	border: 0.2rem solid #07033F;
	float: left;
	background: #fff url("../images/user/home/arrow_2x_b.png") center center no-repeat;
	background-size: 2rem;
	display: none;
}
.select-box{
	width: 80%;
	height: 36rem;
	background-color: #fff;
	border-radius: 1rem;
	position: fixed;
	left: 10%;
	top: 15%;
	z-index: 10102;
	display: none;
}
.select-box h3{
	padding: 0.5rem 2rem;
	margin: 1rem 0;
}

.select-box label{
	display: block;
	padding: 0.5rem 2rem;
}
.select-box label input{
	float: right;
}
.select-box a.closex,.timer-calendar a.closex{
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-bottom:-5rem;
	margin-left:-1.5rem;
	width: 3rem;
	height: 3rem;
	display: block;
}
.select-box a.closex img,.timer-calendar a.closex img{
	width: 100%;
	height: auto;
}
.search-input-bar{
	padding: 1rem 1.6rem 0 1.6rem;
	width: 100%;
	overflow: hidden;
	margin-bottom: 1rem;
	border-bottom: 0.1rem solid #eee;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10001;
	background-color: #fff;
}
.search-input-bar .search{
	width: 82%;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.4rem;
	padding: 0 1rem;
	border: 0;
	border-radius: 0.2rem;
	float: left;
	background-color: transparent;
}
.search-input-bar a{
	color: #666;
	line-height: 3rem;
	display: inline-block;
	padding: 0;
	float: left;
	font-weight: bold;
}
.search-input-bar a img{
	width: 3rem;
	height: auto;
}
.search-input-bar a.search-submit{
	width: 4rem;
	height: 3rem;
	color: #fff;
	border-radius: 2rem;
	margin-left: 0.5rem;
	background: url("../images/user/home/icon_search_2x_blue.png") center center no-repeat;
	background-size: 2rem;
	float: right;
}
.search-fast a{
	margin: 0.5rem 1.6rem;
	padding: 0.5rem 0;
	font-size: 1.6rem;
	border-bottom: 0.1rem solid #f5f5f5;
	display: block;
	color: #666;
}

#user-menu{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	background-color: #fff;
	width: 80%;
	z-index: 10999;
	display: none;
}
#user-menu a{
	color: #333;
	display: block;
	padding: 0.5rem 0;
	font-size: 1.8rem;
	text-align: center;
}
#user-menu .store-logo{
	width: 60%;
	height: 6rem;
	margin: 2rem auto;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: auto 6rem;
}
.user-login{
	position: fixed;
	left: 0;
	bottom: 3rem;
	font-size: 1.8rem;
	text-decoration: underline;
	text-align: center;
	width: 80%;
}

.date-right{
	background-color: #fff;
}
.date-bar{
	background-color: #fff;
	padding: 1rem 0;
	height: 5rem;
	overflow: hidden;
}
.date-left{
	width: 13%;
	height: 5rem;
	float: left;
	border-top-right-radius: 2.5rem;
	border-bottom-right-radius: 2.5rem;
	text-align: center;
	background-color: #FAAE01;
	color: #fff;
	line-height: 5rem;
	font-weight: bold;
	font-size: 1.8rem;
}
.date-right{
	height: 5rem;
	width: 80%;
	position: relative;
	float: right;
}
.date-right a{
	display: inline-block;
	border-radius: 0.4rem;
	width: 3.6rem;
	height: 3rem;
	text-align: center;
	line-height: 1.5rem;
	background-color: #FAFAFA;
	margin: 0 0.1rem;
	padding: 1rem 0;
	font-size: 1rem;
	cursor: pointer;
	float: left;
}
.date-right .date-scroll{
	overflow: hidden;
	height: 6rem;
	width: 90%;
	position: relative;
}
.date-right .date-seven{
	width: 100rem;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.4s;
}
.working-day ul > li > b{
	font-size: 2.4rem;
	display: block;
	text-align: left;
}
.date-right i{
	display: block;
	width: 2.4rem;
	height: 5rem;
	background-position: center center;
	background-size: 1.6rem;
	background-repeat: no-repeat;
	background-color: #fff;
	position: absolute;
	top: 0;
	z-index: 888;
	cursor: pointer;
}
.date-right i.date-move-left{
	background-image: url("../images/user/home/arrow_1x.png");
	left: -2.4rem;
	display: none;
}
.date-right i.date-move-right{
	background-image: url("../images/user/home/arrow_2x.png");
	right: 0.5rem;
}
.date-right a b{
	font-size: 1.6rem;
}
.date-right a.on{
	background-color: #FAFAFA;
	border-left: 0.1rem solid #707070;
	border-top: 0.1rem solid #707070;
	border-right: 0.1rem solid #707070;
	border-top-left-radius: 0.4rem;
	border-top-right-radius: 0.4rem;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	height: 5rem;
}
.date-right a.working-rest{
	line-height: 3rem;
	background-color: #FFADAD;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
}
.working-day{
	border-radius: 0.4rem;
	background-color: #FAFAFA;
	padding: 1rem;
	margin: -0.1rem 1rem 1rem 1rem;
	border: 0.1rem solid #707070;
}
.working-day li{
	display: none;
}
.working-day .working-address,.working-day .working-date{
	font-size: 1.2rem;
}
.working-day .holiday-mark{
	width: 50%;
	line-height: 6rem;
	font-size: 2.4rem;
	text-align: center;
	color: #FF5F5F;
	margin: 2rem auto;
	display: block;
}
.btn-book-order{
	font-size: 1.6rem;
	line-height: 4rem;
	display: block;
	margin: 1rem auto;
	width: 20rem;
	border: 0.2rem solid #333;
	border-radius: 2rem;
	text-align: center;
}
.show-all-date a{
	width: 80%;
	margin: 2rem auto;
}
.working-date-list{
	background-color: #fff;
}
.store-info-box{
	margin-bottom: 0.5rem;
	background-color: #fff;
	padding: 1.6rem;
	font-size: 1.4rem;
	overflow: hidden;
}
.store-info-box h3{
	display: block;
	font-size: 1.6rem;
	padding: 0.5rem 0;
	margin: 0;
}
.sns-list li{
	width: 26%;
	float: left;
	margin: 0 3% 2rem 3%;
	text-align: center;
}
.sns-list li img{
	width: auto;
	height: 4rem;
}
.sns-list li p{
	padding-bottom: 0.5rem;
}

.booking-date h2{
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 1.8rem;
}
.booking-date p{
	font-size: 1.2rem;
}
.working-date-list2{
	padding: 1.5rem;
	overflow: hidden;
}
/* .working-date-list2 a{
	width: 4rem;
	height: 4rem;
} */
.working-date-list2 a{
	display: inline-block;
	border-radius: 0.4rem;
	width: 3.6rem;
	height: 2.8rem;
	text-align: center;
	line-height: 1.1rem;
	background-color: #FAFAFA;
	margin: 0 0.3rem 0.6rem 0.3rem;
	padding: 0.5rem 0;
	font-size: 1rem;
	cursor: pointer;
	float: left;
}
.working-date-list2 a b{
	font-size: 1.6rem;
}
.working-date-list2 a.on{
	background-color: #e5e5e5;
}
.working-date-list2 a.working-rest{
	line-height: 2rem;
	background-color: #FFADAD;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
}
.booking-time{
	width: 90%;
	margin: 0 auto 2rem auto;
	text-align: center;
	overflow: hidden;
}
.booking-time li{
	font-size: 2.4rem;
	line-height: 3rem;
}
.booking-time select{
	width: 14rem;
	height: 4rem;
	line-height: 4rem;
	font-size: 1.4rem;
	border-radius: 2rem;
	text-indent: 1rem;
	border: 0.2rem solid #FAAE01;
}
.confirm-box{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 21rem;
	margin-left: -40%;
	margin-top: -12rem;
	z-index: 10102;
	display: none;
	border-radius: 1rem;
	background-color: #fff;
}
.confirm-box a.closex{
	position: fixed;
	top: 50%;
	left: 50%;
	margin: 13rem auto auto -1.5rem;
	width: 3rem;
	height: 3rem;
	display: block;
}
.confirm-box a.closex img{
	width: 100%;
	height: auto;
}
a.submit-booking{
	font-size: 1.4rem;
	line-height: 3rem;
	display: block;
	margin: 1rem auto;
	width: 90%;
	border: 0.2rem solid #333;
	border-radius: 2.5rem;
	text-align: center;
	color: #333;
	padding: 0.5rem;
}
.submit-booking span{
	display: inline-block;
	padding-left: 1rem;
	border-left: 0.2rem solid #999;
	margin-left: 1rem;
}
.detsilsHead{
	width: 100%; 
	height: auto;
	background-color: #f5f5f5;
	position: relative;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.detsilsHead >img{
	width: 100%;
	height: auto;
}
.food-price{
	width: 60%;
	float: left;
}
.store-info .food-price{
	font-size: 1.2rem;
}
.store-info .food-price b{
	font-size: 2.2rem;
	font-weight: bold;
}
.food-info{
	background-color: #fafafa;
	padding: 1.6rem;
	font-size: 1.4rem;
}
#store-header .food-title h3{
	font-size: 1.6rem;
	margin-bottom: 1.5rem;
}
.food-title{
	width: 100%;
	height: 7rem;
}
.food-title .food-num,.food-details-top .food-num{
	float: right;
	display: inline-block;
}
.food-details-top .food-num{
	margin: 1.3rem 1.6rem 0 0;
}
.food-title .food-num a,.food-details-top .food-num a{
	display: inline-block;
	padding: 0.3rem 1rem;
	border-radius: 0.4rem;
	text-align: center;
	background-color: #FAAE01;
	color: #333;
	font-size: 1.4rem;
	font-weight: bold;
}
.food-title .add-to-car,.food-details-top .add-to-car{
	float: right;
	position: relative;
	display: none;
	padding: 1rem;
	margin: -1rem -1rem auto auto;
}
.food-details-top .add-to-car{
	margin: 0.3rem 0.6rem 0 0;
}
.food-title .add-to-car a,.food-details-top .add-to-car a,.food-title .add-to-car i,.food-details-top .add-to-car i{
	width: 2rem;
	height: 2rem;
	display: block;
	float: left;
	border: 0.2rem solid #07033F;
	border-radius: 1.5rem;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0 0.5rem;
	text-align: center;
	line-height: 1.8rem;
	font-size: 2rem;
}
.food-title .add-to-car .btn-span,.food-set .add-to-car .btn-span,.food-details-top .btn-span{
	border-radius: 0.2rem;
	line-height: 2rem;
	padding: 0;
	height: 2rem;
	width: 2rem;
	text-align: center;
	float: left;
	margin-left: 0.5rem;
}

.food-set .add-to-car{
	float: right;
	position: relative;
	display: inline-block;
	padding: 1rem;
	margin: -1rem -1rem auto auto;
}
.food-set .add-to-car a,.food-set .add-to-car i{
	width: 2.4rem;
	height: 2.4rem;
	display: block;
	float: left;
	border: 0.1rem solid #07033F;
	border-radius: 1.5rem;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0 0.5rem;
	text-align: center;
	line-height: 2.4rem;
	font-size: 1.8rem;
}
.food-set label > span.sub-price{
	float: right;
	line-height: 2.4rem;
}
.add-food-inside a{
	width: 1.6rem;
	height: 1.6rem;
	display: inline-block;
	border: 0.1rem solid #07033F;
	border-radius: 1.5rem;
	font-weight: bold;
	padding: 0;
	margin: 0 1rem;
	text-align: center;
	line-height: 1.4rem;
	font-size: 1.8rem;
}
.add-food-inside{
	text-align: center;
	padding: 0.5rem 0;
}
.add-food-inside p{
	padding: 0.5rem 0 1rem 0;
}

.food-set li{
	background-color: #fff;
	margin-bottom: 0.2rem;
	padding: 1rem 1.6rem;
}
.food-set label{
	display: block;
	cursor: pointer;
	clear: both;
	margin: 0.5rem 0;
	line-height: 2.4rem;
	overflow: hidden;
}
.food-set input{
	float: right;
	border: 0;
}
.food-set li h4{
	padding: 0;
	margin: 0.5rem 0;
}
.food-set .sub-price{
	float: left;
	font-size: 1.2rem;
	color: #999;
	line-height: 2rem;
	margin-right: 1rem;
}
.radio_type {
    width: 2.4rem;
    height: 2.4rem;
    appearance: none;
    position: relative;
    outline: none;
}
.radio_type:before {
    content: "";
    width: 2.2rem;
    height: 2.2rem;
    border: 0.1rem solid #333;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
	background-color: #fff;
}
.radio_type:checked:before {
    content: "";
    width: 2.2rem;
    height: 2.2rem;
    border: 0.1rem solid #FAAE01;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radio_type:checked:after {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    text-align: center;
    background: #FAAE01;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
}
.radio_type:checked + label {
    color: #edd19d;
}
.food-set input[type="checkbox"] {
  width: 2.4rem;
  height: 2.4rem;
  background-color: #fff;
  -webkit-appearance: none;
  border: 0.1rem solid #333;
  border-radius: 1px;
  outline: none;
}
.food-set input[type="checkbox"]:checked {
  background: #FAAE01 url("../images/user/home/check_box_3x.png") no-repeat center;
  background-size: 50% 50%;
	border: 0.1rem solid #FAAE01;
}
.add-food-Side{
	overflow: hidden;
	padding: 0.5rem 0;
}
.food-details-top{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 5rem;
	background-color: #fff;
	transition: all 0.4s;
	border-bottom: 0.1rem solid #eee;
	z-index: 999;
	display: none;
	
}
.food-details-top a.back,.order-step-top a.back{
	float: left;
	width: 3.6rem;
	height: 3.6rem;
	margin: 0.7rem 0 0.7rem 1.2rem;
	text-align: center;
}
.food-details-top a.back img,.order-step-top a.back img{
	width: 3.6rem;
	height: auto;
}
.food-details-top span{
	display: inline-block;
	max-width: 50%;
	margin-left: 1rem;
	padding-top: 0.5rem;
	font-size: 1.2rem;
}
.food-details-top span b{
	font-size: 1.8rem;
}
.food-set > ul{
	padding-bottom: 8rem;
}
.order-next-mark,.order-table-suss{
	width:16rem;
	height: 16rem;
	text-align: center;
	background-color: #FAAE01;
	border-radius: 50%;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -8rem auto auto -8rem;
	color: #333;
	display: none;
	z-index: 10199;
}
.order-next-mark img,.order-table-suss img{
	width: auto;
	height: 6rem;
	margin-top: 4rem;
}
.order-step-top{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 9rem;
	background-color: #fff;
	border: 0.1rem solid #eee;
	z-index: 8888;
}
.step-line{
	width: 55%;
	border-top: 0.2rem solid #07033F;
	margin: 5rem auto auto auto;
	position: relative;
}
.step-line li{
	position: relative;
	text-align: center;
	display: block;
	width: 30%;
	float: left;
	font-size: 1.2rem;
	padding-top: 1rem;
}
.step-line li i{
	display: block;
	position: absolute;
	width: 1rem;
	height: 1rem;
	border: 0.2rem solid #07033F;
	top: -0.8rem;
	left: 50%;
	margin-left: -0.5rem;
	border-radius: 50%;
	background-color: #fff;
}
.step-line li.on i{
	background-color: #07033F;
}
.step-line li.on-yellow i{
	background-color: #FAAE01;
	border: 0.2rem solid #FAAE01;
}
.step-line .step-li-on{
	position: absolute;
	top: -0.2rem;
	left: 0;
	display: block;
	height: 0.2rem;
	background-color: #FAAE01;
}
.order-set-time{
	background-color: #fff;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	padding: 1rem 1.6rem;
}
.order-set-time label{
	display: block;
	clear: both;
	padding: 0.5rem 0;
}
.order-set-time label input{
	border: 0;
	float: right;
}
.order-set-time h4{
	font-size: 1.8rem;
	padding: 0.5rem 0;
	margin: 0;
}
.order-set-time .set-timer{
	line-height: 4rem;
	height: 4rem;
	border-radius: 2rem;
	border: 0.1rem solid #FAAE01;
	text-align: center;
	color: #FAAE01;
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 1rem;
	display: none;
}
.timer-calendar{
	width: 80%;
	height: 20rem;
	background-color: #fff;
	border-radius: 1rem;
	position: fixed;
	left: 10%;
	top: 50%;
	margin-top: -20rem;
	z-index: 10102;
	display: none;
}
.food-list.food-de-list .add-to-car{
	top: 6rem;
}

.add-food-more,.order-next-b{
	height: 3.6rem;
	border-radius: 2.3rem;
	display: block;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 3.6rem;
}
.add-food-more{
	float: left;
	width: 35%;
	color: #FAAE01;
	border: 0.1rem solid #FAAE01;
	background-color: #fff;
}
.order-next-b{
	float: right;
	width: 55%;
	color: #FAAE01;
	border: 0.1rem solid #07033F;
	background-color: #07033F;
}
#order-bar .total-price{
	font-size: 1.2rem;
	text-align: center;
	display: block;
	padding-bottom: 1rem;
}
#order-bar .total-price b{
	font-size: 2.4rem;
	font-weight: bold;
}
.total-price-de{
	background-color: #fff;
	padding:2rem 0 13rem 0;
}
.our-coupon{
	padding: 1rem 0;
	border-top: 0.1rem solid #eee;
	border-bottom: 0.1rem solid #eee;
	margin-top: 1rem;
	background: url("../images/user/home/arrow_gray_2x.png") no-repeat center right;
	background-size: 3rem;
}
.our-coupon li{
	clear: both;
	text-align: center;
	padding: 0.5rem;
}
.our-coupon li img{
	width: auto;
	height: 5rem;
}
.price-de{
	border-top: 0.2rem solid #eee;
	font-size: 1.2rem;
	margin: 1rem 1.6rem 0 1.6rem;
}
.price-de p{
	clear: both;
	overflow: hidden;
	padding: 0.5rem 0;
	width: 100%;
}
.price-de p b{
	float: left;
}
.price-de p .percent-de{
	float: right;
	width: 15%;
	display: block;
	text-align: right;
}
.price-de p .price-mumber{
	float: right;
	width: 25%;
	display: block;
	text-align: right;
}
.price-de p .order-code{
	float: right;
	display: block;
	text-align: right;
}
.price-de .link-a{
	color: #FAAE01;
	margin: 2rem auto 0 auto;
	border-bottom: 0.1rem solid #FAAE01;
	display: inline-block;
	font-size: 1.6rem;
	font-weight: bold;
}
.price-de .link-a-p{
	text-align: center;
}
.order-sum{
	width: 100%;
	height: 3.6rem;
	border-radius: 2.3rem;
	display: block;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 3.6rem;
	background-color: #07033F;
	color: #FAAE01;
}
.rest-step-b{
	padding: 6rem 1.6rem;
}
.rest-step-b h2{
	text-align: center;
	font-size: 1.6rem;
	margin: 0;
	padding: 1.5rem 0;
}

.rest-step-b p{
	text-align: center;
}
.rest-step-b p span{
	color: #999;
	font-size: 1.2rem;
}
.login-tmp{
	padding-top: 1rem;
}
.login-tmp li{
	padding: 1rem 0;
	position: relative;
	width: 90%;
	margin: 0 auto;
}
.login-tmp li i{
	position: absolute;
	width: 2rem;
	height: 2rem;
	top: 50%;
	right: 1rem;
	margin-top: -1rem;
	display: inline-block;
}
.login-tmp li i img{
	width: 2rem;
	height: auto;
}
.login-tmp input{
	width: 100%;
	height: 4rem;
	text-indent: 1.5rem;
	margin: 0 auto;
	padding: 0;
	border-radius: 2rem;
	border: 0.1rem solid #FAAE01;
	line-height: 4rem;
	display: block;
	font-size: 1.4rem;
}
.payx-select h2{
	margin: 0;
	padding: 1rem 0;
	border-top: 0.1rem solid #f5f5f5;
}
.payx-select label{
	display: block;
	clear: both;
	padding: 0.5rem 0;
	position: relative;
}
.payx-select label input{
	float: right;
	border: 0;
}
#order-bar .ps-text{
	font-size: 1.2rem;
	color: #999;
	text-align: center;
}
.btn-submit-style1{
	width: 100%;
	height: 3.6rem;
	border-radius: 2.3rem;
	display: block;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 3.6rem;
	background-color: #FAAE01;
	border: 0.1rem solid #FAAE01;
	color: #333;
	margin: 0 auto 0 auto;
}
.btn-submit-style2{
	width: 100%;
	height: 3.6rem;
	border-radius: 2.3rem;
	display: block;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 3.6rem;
	background-color: #fff;
	border: 0.1rem solid #FAAE01;
	color: #333;
	margin: 0 auto 0 auto;
}
.btn-submit-style3{
	width: 100%;
	height: 3.6rem;
	border-radius: 2.3rem;
	display: block;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 3.6rem;
	background-color: #fff;
	border: 0.1rem solid #FF0000;
	color: #FF0000;
	margin: 0 auto 0 auto;
}
.btn-submit-style4{
	width: 100%;
	height: 3.6rem;
	border-radius: 2.3rem;
	display: block;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 3.6rem;
	background-color: #ccc;
	border: 0.1rem solid #ccc;
	color: #fff;
	margin: 0 auto 0 auto;
}
.btn-submit-style5 span{
	border-right: 0.1rem solid #FAAE01;
	display: inline-block;
	padding-right: 1rem;
	margin-right: 1rem;
	line-height: 2.6rem;
	margin-top: 0.5rem;
}
.btn-submit-style5{
	width: 100%;
	height: 3.6rem;
	border-radius: 2.3rem;
	display: block;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 3.6rem;
	background-color: #07033F;
	border: 0.1rem solid #07033F;
	color: #FAAE01;
	margin: 0 auto 0 auto;
}
.btn-submit-style6{
	width: 100%;
	height: 3.6rem;
	border-radius: 2.3rem;
	display: block;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 3.6rem;
	background-color: #FF0000;
	border: 0.1rem solid #FF0000;
	color: #fff;
	margin: 0 auto 0 auto;
}
.order-number{
	padding: 5rem 0;
	text-align: center;
	font-size: 1.8rem;
}
.order-number b{
	font-size: 3.6rem;
}
.table-order-number{
	padding: 2.4rem 0;
	text-align: center;
	font-size: 1.8rem;
	width: 40%;
	margin: 0 auto 3rem auto;
	border: 0.2rem solid #FAAE01;
	border-radius: 1rem;
}
.table-order-number b{
	font-size: 3.6rem;
}
.content-t{
	padding: 0.5rem 1.6rem;
	background-color: #fff;
	font-weight: bold;
}
#order-bar .total-price-2{
	float: right;
	display: inline-block;
	padding-top: 0.8rem;
}
#order-bar .total-price-2 b{
	font-size: 2.4rem;
}
#order-bar #btnpay{
	width: 35%;
	float: left;
	font-size: 1.4rem;
}
.link-a-1{
	color: #FAAE01;
	text-decoration: underline;
	font-size: 1.4rem;
}
.top-mission{
	padding: 0.3rem;
	margin-left: 2rem;
	display: inline-block;
}
.top-mission img{
	height: 3.6rem;
	width: auto;
}
.top-message-point{
	width: 2.8rem;
	height: 2.8rem;
	float: right;
	display: inline-block;
	position: relative;
	margin-right: 1.6rem;
	margin-top: 1rem;
}
.top-message-point img{
	width: 100%;
	height: auto;
}
.top-message-point i{
	position: absolute;
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	background-color: #f00;
	right: -0.3rem;
	top: -0.3rem;
}
.member-head{
	padding: 6rem 1.6rem 1rem 1.6rem;
	background-color: #fff;
	margin-bottom: 1rem;
	overflow: hidden;
	position: relative;
}
.member-head i{
	display: inline-block;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}
.member-head p{
	margin-left: 1rem;
	line-height: 4rem;
	font-size: 1.4rem;
	display: inline-block;
	float: left;
}
.member-head a{
	float: right;
	display: inline-block;
	color: #07033F;
	padding: 0 1.5rem;
	line-height: 2.4rem;
	font-size: 1.2rem;
	border-radius: 2rem;
	border: 0.1rem solid #07033F;
	margin-top: 0.8rem;
}
.menu-content{
	background-color: #fff;
	padding: 1rem 1.6rem 0 1.6rem;
	overflow: hidden;
	clear: both;
	margin-bottom: 1rem;
}
.menu-content h3{
	border-bottom: 0.1rem solid #f5f5f5;
	margin: 0 0 1rem 0;
	padding: 0 0 0.5rem 0;
	font-size: 1.6rem;
}
.menu-content > ul > li{
	width: 33%;
	height: 7rem;
	float: left;
	text-align: center;
	margin: 0.5rem 0 0 0;
}
.menu-content > ul > li p{
	position: relative;
	display: inline-block;
	margin: 0 auto 0.5rem auto;
}
.menu-content > ul > li p span{
	position: absolute;
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.8rem;
	color: #333;
	background-color: #FAAE01;
	top: -0.5rem;
	right: -2rem;
}
.menu-content > ul > li p img{
	width: auto;
	height: 3rem;
}
.menu-content > ul > li a{
	display: block;
	color: #333;
	font-size: 1.2rem;
}
.login-form{
	padding-top: 8rem;
}
.login-mission{
	text-align: center;
	margin-bottom: 1rem;
}
.login-mission img{
	width: auto;
	height: 12rem;
}
.login-form ul li{
	width: 80%;
	height: auto;
	overflow: hidden;
	clear: both;
	margin: 0.5rem auto;
	padding: 0.2rem;
}
.login-form ul li input{
	width: 100%;
	height: 3.6rem;
	border-radius: 0.4rem;
	border: 0.1rem solid #333;
	line-height: 3.6rem;
	font-size: 1.4rem;
	padding: 0;
	margin: 0;
	text-indent: 1rem;
}
.login-form a{
	text-align: center;
	color: #333;
}
.login-form p{
	text-align: center;
}
.member-order-list{
	padding: 0 0 1rem 0;
}
.member-order-list > li{
	background-color: #fff;
	margin: 1rem 0;
}
.member-order-list a{
	display: block;
	position: relative;
	overflow: hidden;
	padding: 1rem 1.6rem;
	color: #333;
}
.member-order-list li .order-state{
	font-size: 1.2rem;
	clear: both;
	color: #666;
	overflow: hidden;
	margin-bottom: 1rem;
}
.member-order-list .order-state .store-name-mark{
	float: left;
	width: 70%;
}
.member-order-list .order-state .store-name-mark i{
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 0.4rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: block;
	float: left;
}
.member-order-list .order-state .store-name-mark .name-div{
	float: left;
	margin-left: 0.5rem;
	color: #333;
}
.member-order-list .order-state .store-name-mark .name-div h3{
	padding: 0;
	margin: 0;
}
.member-order-list li .order-state span{
	float: right;
	display: inline-block;
	font-size: 1.2rem;
	width: 29%;
	text-align: right;
}
.member-order-list li .order-state span.on{
	float: right;
	padding-left: 2rem;
	background-image: url("../images/user/home/icon_correct_24_2x.png");
	background-repeat: no-repeat;
	background-size: 1.6rem;
	background-position: left center;
}
.member-order-list li .order-state span.error-red{
	float: right;
	color: #f00;
}
.member-order-list li .arrow-detais{
	position: absolute;
	width: 2rem;
	height: 2rem;
	bottom: 1rem;
	right: 1.6rem;
}
.member-order-list li .arrow-detais img{
	width: 100%;
	height: auto;
}
.foods-many{
	clear: both;
	overflow: hidden;
	position: relative;
}
.foods-many ul{
	width: 80%;
	float: left;
	overflow: hidden;
}
.foods-many ul li{
	width: 30%;
	overflow: hidden;
	float: left;
	margin-right: 3%;
	color: #666;
	font-size: 1rem;
	line-height: 1.2rem;
	position: relative;
}
.foods-many ul li i{
	display: block;
	width: 100%;
	height: 6rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
	border-radius: 0.4rem;
	margin-bottom: 0.5rem;
}
.member-order-list h2{
	margin-bottom: 0.5rem;
	font-size: 1.8rem;
}
.member-order-list h2 span{
	font-size: 2.2rem;
	color: #f00;
	font-weight: bold;
}
.foods-many .total-many{
	width: 18%;
	text-align: right;
	float: right;
}
.member-order-list .order-time-start{
	border-top: 0.1rem solid #f5f5f5;
	font-size: 1.2rem;
	color: #999;
	clear: both;
	margin-top: 1rem;
	padding-top: 0.5rem
}
.foods-many i.arrow-detais{
	right: 0;
}
.store-name-mark p.working-address{
	font-size: 1.2rem;
	color: #666;
	background-size: 1rem;
	padding: 0 2rem 0 1.2rem;
}
.list-search{
	padding: 5.5rem 0 0 0;
}
.list-search .search-a-btn{
	width: 78%;
	height: 3.6rem;
	line-height: 3.6rem;
	padding: 0 1.5rem;
	display: block;
	margin: 0 auto;
	border: 0.1rem solid #ccc;
	border-radius: 2.5rem;
	background-color: #fff;
	color: #999;
	background: url("../images/user/home/icon_search_2x_blue.png") no-repeat 96% center;
	background-size: 2.4rem;
}
.item-order-finish{
	display: inline-block;
	margin: 0 auto;
	padding-left: 3rem;
	background: url("../images/user/home/icon_correct_24_2x.png") left center no-repeat;
	background-size: 2rem;
	font-size: 1.8rem;
}
#store-header p.store-name-pay{
	text-align: center;
    color: #333;
	font-weight: bold;
	font-size: 1.4rem;
	padding-top: 4rem;
}
.store-name-pay img{
	width: auto;
	height: auto;
	max-width: 40rem;
	max-height: 8rem;
}
.reg-bottom-bar{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 1rem 0 2rem 0;
	z-index: 9999;
}
.reg-state{
	text-align: center;
}
.reg-btn{
	text-align: center;
}
.reg-title{
	color: #666;
	font-size: 1.8rem;
}
.reg-title span{
	color: #FAAE01;
}
a.a-underline{
	text-decoration: underline;
}
.reg-address-target{
	height: 3rem;
	width: 70%;
	border-bottom: 0.1rem solid #07003F;
	margin: 0 auto;
}
.reg-address-target a{
	display: block;
	float: left;
	width: 50%;
	line-height: 2.8rem;
	font-weight: bold;
}
.reg-address-target a.on{
	display: block;
	float: left;
	width: 50%;
	border-bottom: 0.3rem solid #07003F;
}
.address-location{
	display: none;
}
.address-location .address-location-mu a{
	display: block;
	line-height: 4rem;
	font-size: .1.2rem;
	color: #333;
	background: #fff url("../images/user/home/arrow_2x.png") no-repeat 98% center;
	background-size: 2rem;
	margin-bottom: 0.4rem;
	text-align: left;
	text-indent: 1rem;
}
.address-location .address-location-zo{
	display: none;
}
.address-location .address-location-zo a{
	display: block;
	line-height: 4rem;
	font-size: .1.2rem;
	color: #333;
	background: #fff url("../images/user/home/arrow_2x_b.png") no-repeat 98% center;
	background-size: 2rem;
	margin-bottom: 0.4rem;
	text-align: left;
	text-indent: 1rem;
}
.reg-address-b .input-a{
	border: 0.1rem solid #FAAE01;
	border-radius: 2rem;
	height: 3.6rem;
	line-height: 3.6rem;
	font-size: 1.2rem;
}
.this-true{
	background: url("../images/user/home/icon_correct_24_2x.png") no-repeat 99% center;
	background-size: 2rem;
}
.this-wrong{
	background: url("../images/user/home/icon_wrong_24_2x.png") no-repeat 99% center;
	background-size: 2rem;
}
.member-inside-content{
	padding-top: 7rem;
}
.my-details-menu p{
	padding: 1.5rem 1.6rem 1.5rem 5rem;
	background-color: #fff;
	margin:0.1rem 0;
	display: block;
	font-size: 1.4rem;
	color: #333;
	background-repeat: no-repeat;
	background-position: 1.6rem center;
	background-size: 2.8rem auto;
	line-height: 1.5;
	text-align: left;
}
.my-details-menu p a.btn-edit-a,.my-cards-list p a.btn-edit-a{
	text-decoration: underline;
	color: #999;
	font-size: 1.4rem;
	float: right;
	display: inline-block;
}
.a-buttom a{
	padding: 1.5rem 1.6rem 1.5rem 5rem;
	background-color: #fff;
	margin:0.1rem 0;
	display: block;
	font-size: 1.4rem;
	color: #333;
	background-repeat: no-repeat;
	background-position: 1.6rem center;
	background-size: 2.8rem auto;
	line-height: 1.5;
	text-align: left;
	
	
}
.a-buttom a span{
	float: right;
}
.my-cards-list p{
	padding: 2rem 1.6rem 2rem 5rem;
	background-color: #fff;
	margin:0.5rem 1.6rem;
	display: block;
	font-size: 1.4rem;
	color: #333;
	background-repeat: no-repeat;
	background-position: 1.6rem center;
	background-size: 2.8rem auto;
	line-height: 1.5;
	text-align: left;
	border-radius: 0.4rem;
}
.btn-small-style-1{
	height: 3rem;
	line-height: 3rem;
	font-size: 1.4rem;
	margin: 0 auto;
	text-align: center;
	display: block;
	color: #333;
	border: 0.2rem solid #34303D;
	border-radius: 2rem;
}
.layer-box{
	width: 80%;
	border-radius: 1rem;
	background-color: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -40%;
}
.head-face{
	display: block;
	height: 6rem;
	padding: 1rem 1.6rem;
	margin-bottom: 1rem;
	background: #fff url("../images/user/home/arrow_2x.png") 96% center no-repeat;
	background-size: 3rem;
}
.head-face p{
	width: 6rem;
	height: 6rem;
	border-radius: 4rem;
	display: inline-block;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.order-ring-me{
	width: 100%;
	height: 200%;
	background-color: rgba(0,0,0,.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
}
.atten-box{
	width: 100%;
	height: 200%;
	background-color: rgba(0,0,0,.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10198;
	display: none;
}
.order-ring-me .box-cont,.atten-box .box-cont{
	width: 80%;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -40%;
	background-color: #fff;
	border-radius: 1rem;
	text-align: center;
}
.order-ring-me .box-cont .closex,.atten-box .box-cont .closex{
	width: 3rem;
	height: 3rem;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -1.5rem;
	margin-bottom: -5rem;
}
.order-ring-me .box-cont .closex img,.atten-box .box-cont .closex img{
	width: 100%;
	height: auto;
}
.order-number-t{
	font-size: 1.8rem;
	font-weight: bold;
}
.order-number-t b{
	font-size: 3.6rem;
}
.fav-store-list,.coupons-list{
	margin: 0 1.6rem;
}
.fav-store-list li,.coupons-list > li{
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	margin: 1rem 0;
	border-radius: 0.4rem;
	padding: 0 0 1rem 0;
	clear: both;
}
.fav-store-list a{
	color: #333;
}
.fav-store-list .store-th-a,.coupons-list .store-th-a{
	display: block;
	width: 6rem;
	height: 6rem;
	float: left;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 0.5rem;
	margin: 1rem;
}
.store-details-a{
	margin: 1rem 1rem 0 8rem;
}
.store-details-a .store-de-name,.coupons-list .store-de-name{
	font-size: 1.6rem;
	font-weight: bold;
}
.store-details-a .store-de-name .stat-online{
	color: #AAD92A;
	font-size: 1.1rem;
	float: right;
	display: inline-block;
	padding:0 0.5rem;
	border: 0.1rem solid #AAD92A;
	border-radius: 0.2rem;
}
.store-details-a .store-de-name .stat-offline{
	color: #999;
	font-size: 1.1rem;
	float: right;
	display: inline-block;
	padding:0 0.5rem;
	border: 0.1rem solid #999;
	border-radius: 0.2rem;
}
.store-details-a .working-address{
	font-size: 1.2rem;
	background-size: 1rem;
	padding: 0 2.5rem 0 1.5rem;
	color: #666;
}
.store-details-a .store-sales span{
	color: #666;
	font-size: 1.2rem;
}
.store-details-a .store-sales span{
	display: inline-block;
	margin-right: 1rem;
}
.store-details-a .store-style span{
	display: inline-block;
	margin-right: 0.5rem;
	font-size: 1.1rem;
	padding:0 0.5rem;
	border: 0.1rem solid #FAAE01;
	border-radius: 0.2rem;
	color: #FAAE01;
}
.store-details-a p{
	margin: 0.3rem 0;
}
.coupons-list .store-de-name{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.coupons-list .store-de-name > span b{
	font-size: 2.4rem;
	text-align: right;
	font-weight: bold;
}
.coupons-list .store-de-name > span{
	color:#F16A6D;
	font-size: 1.2rem;
	text-align: center;
	float: right;
	display: inline-block;
}
.coupons-list .store-de-name > p{
	display: inline-block;
	float: left;
	font-size: 1.1rem;
	color: #666;
}
.coupons-list .store-de-name > p b{
	font-size: 1.6rem;
	font-weight: bold;
	color: #333;
}
.coupons-list .coupons-key-c{
	overflow: hidden;
	padding-top: 0.5rem;
}
.coupons-list .coupons-key-c span{
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 1.2rem;
	text-align: center;
	display: inline-block;
	margin-right: 0.2rem;
	color: #999;
	border: 0.1rem solid #ccc;
	line-height: 1.8;
	font-size: 1rem;
	float: left;
}
.coupons-list .coupons-key-c span.okay{
	width: 1.8;
	height: 1.8;
	border-radius: 1.2rem;
	text-align: center;
	display: inline-block;
	margin-right: 0.2rem;
	color: #fff;
	border: 0.1rem solid #FAAE01;
	background-color: #FAAE01;
	line-height: 1.8;
	font-size: 1rem;
	padding: 0;
	float: left;
}
.coupons-d-bar{
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 0.1rem solid #eee;
	overflow: hidden;
}
.coupons-d-bar .coupons-intro-a{
	font-size: 1.2rem;
	color: #666;
	display: inline-block;
	padding-right: 1.5rem;
	line-height: 2.6rem;
	background: url("../images/user/home/arrow_2x_b.png") no-repeat center right;
	background-size: 1rem;
}
.coupons-d-bar .coupons-use-a{
	display: inline-block;
	line-height: 2.6rem;
	border-radius: 0.4rem;
	color: #ccc;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0 1rem;
	border: 0.1rem solid #ccc;
	float: right;
}
.coupons-d-bar .coupons-use-a.okay{
	display: inline-block;
	line-height: 2.6rem;
	border-radius: 0.4rem;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0 1rem;
	border: 0.1rem solid #F16A6D;
	background-image: linear-gradient(to right, #fe831f , #F16A6D);
	float: right;
}
.coupons-intro-de{
	font-size: 1.2rem;
	color: #666;
	line-height: 1.5;
	padding-top: 1rem;
	display: none;
}
.base-black{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.6);
	z-index: 10120;
	display: none;
}
.base-black .po-box{
	width: 80%;
	background-color: #fff;
	border-radius: 1rem;
	text-align: center;
	padding: 1rem 0;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -40%;
}
.po-box .closer{
	width: 4rem;
	height: 4rem;
	background: url("../images/user/home/icon_close_2x.png") no-repeat 50% 50%;
	background-size: 3rem;
	position: absolute;
	left: 50%;
	bottom: -5rem;
	margin-left: -2rem;
}
.select-style-a{
	width: 100%;
	height: 4rem;
	text-indent: 1.5rem;
	margin: 0 auto;
	padding: 0;
	border-radius: 2rem;
	border: 0.1rem solid #FAAE01;
	line-height: 4rem;
	display: block;
	font-size: 1.4rem;
	background-color: #fff;
	color: #333;
	outline: none;
}
.search-bar-a{
	position: relative;
	height: 4rem;
}
.search-bar-a:before,.search-bar-fixed:before{
	display: block;
	margin: 0 1.6rem;
	border: 0.2rem solid #FAAE01;
	border-radius: 2rem;
	height: 4rem;
	content: "";
	
}
.search-bar-a select,.search-bar-fixed select{
	width: 88%;
	position: absolute;
	border: none;
	top: 1.2rem;
	left: 1.8rem;
	height: 3.8rem;
}
.calendar-ti{
	padding: 1rem 1.2rem;
	overflow: hidden;
	width: 35rem;
	margin: 0 auto;
	position: fixed;
	left: 0rem;
	top: 6rem;
	background-color: #fff;
}
.calendar-ti span{
	display: inline-block;
	width: 4.5rem;
	height: 4.5rem;
	line-height: 4.5rem;
	text-align: center;
	margin: 0.2rem;
	background-color: #f5f5f5;
	float: left;
}
.calendar-box{
	padding: 12rem 0 3rem 0;
}
.order-fil.calendar-box{
	padding: 1rem 0 1rem 0;
}
.calendar-box .calendar-month{
	height: auto;
	overflow: hidden;
	clear: both;
	padding: 1rem 1rem;
	width: 35rem;
	margin: 0 auto;
}
.calendar-box .calendar-month > a{
	display: inline-block;
	width: 4.5rem;
	height: 4.5rem;
	line-height: 4.5rem;
	text-align: center;
	margin: 0.2rem;
	background-color: #f5f5f5;
	float: left;
}
.calendar-box .calendar-month > a.open-day{
	background-color: #07033F;
	color: #FAAE01;
}
.calendar-box .calendar-month > a.rest-day{
	background-color: #FF5F5F;
	color: #fff;
}
.calendar-ti-bar{
	position: fixed;
	top: 5.2rem;
	left:0;
	width: 100%;
	background-color: #fff;
}
.calendar-month-sel{
	padding: 0 0 1rem 0;
	overflow: hidden;
	line-height: 3rem;
	font-size: 1.6rem;
	font-weight: bold;
	width: 34.3rem;
}
.calendar-month-sel > a{
	float: right;
	display: inline-block;
	padding: 0 2rem;
	border: 0.1rem solid #07033F;
	background-color: #fff;
	margin-left: 1rem;
	margin-right: 0.2rem;
	line-height: 3rem;
	font-size: 1.2rem;
}
.calendar-layer{
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: #fff;
	left: 0;
	top: 0;
	overflow: scroll;
	display: none;
}
.calendar-layer .top-bar{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 5rem;
	border-bottom: 0.1rem solid #eee;
	background-color: #fff;
	z-index: 999;
}
.calendar-layer .top-bar .closer{
	width: 2.6rem;
	height: 2.6rem;
	float: left;
	padding: 0.5rem;
	margin: 0.7rem 0 0.7rem 1.2rem;
}
.calendar-layer .top-bar .closer img{
	width: 100%;
	height: auto;
}
.calendar-layer .top-bar p{
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 5rem;
	text-align: center;
	display: inline-block;
	width: 78%;
}
.calendar-layer .calendar-intro{
	clear: both;
	height: 2rem;
	width: 92%;
	padding: 0 4%;
	position: fixed;
	top: 5rem;
	left: 0;
	background-color: #fff;
	z-index: 1000;
	font-size: 1.2rem;
}
.calendar-intro span{
	display: inline-block;
	float: right;
	margin-left: 1rem;
	color: #333;
	font-size: 1.2rem;
}
.calendar-intro span i{
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 1rem;
	margin-left: 1rem;
	border: 0.1rem solid #ccc;
}
#user-menu a.btn-check-ord{
	position: absolute;
	bottom: 10rem;
	left: 10%;
	width: 80%;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.6rem;
}
.booking-marker{
	border-radius: 0.5rem;
	background-color: #FAAE01;
	padding: 1rem;
	margin:6rem 0 2rem 0;
	text-align: center;
}
#store-header .booking-marker > h3{
	font-size: 1.6rem;
	margin-bottom: 1rem;
}
.booking-time-t{
	margin: 1rem 2rem;
	padding: 1rem 0;
	border-radius: 0.5rem;
	background-color: #fff;
	color: #f00;
	text-align: center;
}
.booking-time-t b{
	display: block;
	font-size: 2.2rem;
	margin-bottom: 0.5rem;
}
.booking-time-t span{
	font-weight: bold;
}
.booking-marker a{
	color: #fff;
	text-decoration: underline;
}
.table-suss-menu a{
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	color: #07033F;
    margin: 0.2rem 0;
	background-color: #fff;
	padding: 1rem 1.6rem;
}
.table-help-me > span{
	background: url("../images/user/home/ring-me.png") right center no-repeat;
	background-size: 1.2em;
	padding: 0 3rem 0 0;
}
.table-detail-t{
	line-height: 6rem;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0 2rem;
	float: right;
	width: 75%;
}
.table-detail-t > span{
	float: right;
}
.table-detail-t > span b{
	font-size: 2rem;
}
#store-header p.store-ti-b{
	font-weight: bold;
	font-size: 1.8rem;
	padding-top: 6rem;
}
#store-header p.pay-ti-a,#store-header p.pay-ti-b{
	font-size: 1.6rem;
	width: 40%;
	display: inline-block;
}
#store-header p.pay-ti-b{
	float: right;
	text-align: right;
}
.pay-ti-b b{
	font-size: 2rem;
} 
.order-begin.atten-box{
	display: none;
}
.order-begin .box-cont{
	margin-top: -18rem;
	padding-bottom: 1rem;
}
.table-order-li{
	font-size: 1.4rem;
	color: #262626;
	text-align: center;
	padding: 0 1rem;
	line-height: 2.6rem;
	border: 0.2rem solid #262626;
	border-radius: 1.6rem;
	display: inline-block;
	float: right;
}
.btn-reg-member{
	text-align: center;
	margin: 1.5rem auto;
	display: block;
	color: #FAAE01;
	font-size: 1.5rem;
	font-weight: bold;
	text-decoration: underline;
}
.suspend-layer{
	position: absolute;
	right: 5rem;
	top: 2.6rem;
	width: 40%;
	height: 3.2rem;
	z-index: 1000;
	border-radius: 0.5rem;
	display:none;
	background-color: #FAAE01;
}
.suspend-layer > p{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	color: #333;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: 0.5rem 0;
}
.suspend-layer:before{
	display: block;
	position: absolute;
	right: -1.4rem;
	bottom: -1.6rem;
	content: "";
	height: 4rem;
	width: 4rem;
	background: url("../images/icon_hand_pointing_fill.png") top right no-repeat;
	background-size: 4rem;
}
.suspend-layer-2{
	position: fixed;
	left: 0;
	bottom: 1rem;
	width: 100%;
	height: 6rem;
	z-index: 10200;
	border-radius: 1rem;
	overflow: hidden;
	display:none;
	background-color: rgba(255,255,255,.95);
}
.suspend-layer-2 > p{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	color: #FAAE01;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	padding: 1.5rem 0;
	border-radius: 1rem;
}

.format_wrong {
	background-image: url('../images/user/home/icon_wrong_24_2x.png');
	background-size: 100% 100%;
}

.format_correct {
	background-image: url('../images/user/home/icon_correct_24_2x.png');
	background-size: 100% 100%;
}

p.pinkAtten {
	color: #FF5F5F;
	font-size: 1.1em;
	text-align: left;
	display: none;
}
.food-series h3{
	padding: 0 1.6rem;
}
.order-message h3{
    font-size: 1.5rem;
}
.order-message textarea{
    border: 0.1rem solid #ccc;
    font-size: 1.4rem;
    line-height: 1.5;
    width: 90%;
    height: 7.2rem;
    padding: 1rem;
}
.price-range i{
	width: 1.2rem;
	height: 1.2rem;
	display: inline-block;
	border-radius: 1rem;
	border: 0.1rem solid #666;
	font-size: 1rem;
	line-height: 1.2rem;
	text-align: center;
	font-style: normal;
}
.addredd-many{
	height: auto;
	overflow: scroll;
	margin-bottom: 1rem;
	max-height: 24rem;
}
.addredd-many label{
	padding: 1rem 1rem 1rem 3.6rem;
	position: relative;
	border: 0.1rem solid #eee;
	border-radius: 0.4rem;
	clear: both;
	margin-bottom: 1rem;
	display: block;
}
.addredd-many label input{
	position: absolute;
	top: 0.8rem;
	left: 0.2rem;
}
.addredd-many label.current{
	border: 0.1rem solid #FAAE01;
}
/*.booking-address{
	margin-bottom: 1rem;
}
.booking-address span{
	display: block;
	font-size: 1rem;
	padding: 0.2rem 0;
}
.booking-address span.bk-address{
	background-image: url("../images/user/home/icon_address_2x.png");
	background-repeat: no-repeat;
	background-size: 1rem;
	background-position: left 0.3rem;
	padding-left: 1.4rem;
}
.booking-address span.bk-date{
	background-image: url("../images/user/home/icon_clock_2x.png");
	background-repeat: no-repeat;
	background-size: 1rem;
	background-position: left 0.3rem;
	padding-left: 1.4rem;
}*/
.food-de-qty{
	padding: 0 0 1.5rem 0;
	text-align: center;
}
.food-de-qty a{
	display: inline-block;
	margin: 0 0.5rem;
	width: 2.6rem;
	line-height: 2.6rem;
	font-weight: bold;
	border: 0.1rem solid #07033F;
	border-radius: 3rem;
	color: #07033F;
	font-size: 2rem;
}
.food-de-qty span{
	display: inline-block;
	margin: 0 0.5rem;
	width: 3rem;
	line-height: 2.6rem;
	color: #07033F;
}
.food-de-a li{
	font-size: 1.2rem;
	display: block;
	padding: 0.1rem 0;
	width: 100%;
	overflow: hidden;
	height: auto;
	clear: both;
}
/* .food-de-a span.food-sec-name{
	display: inline-block;
	font-size: 1.2rem;
	margin: 0 0.5rem
}
.food-de-a span.food-sec-num{
	float: left;
	display: block;
	font-size: 1.2rem;
	width: 15%;
	text-align: right;
}
.food-de-a span.food-sec-price{
	float: left;
	display: block;
	font-size: 1.2rem;
	width: 25%;
	text-align: right;
}
.food-de-a .btn-hide-a{
	text-align: center;
	margin-top: 1rem;
	display: none;
}
.food-de-a .btn-hide-a img{
	width: auto;
	height: 2rem;
	cursor: pointer;
} */
.food-list > li .item-details b{
	color: #333;
	padding: 0;
	margin: 0;
	font-size: 1.6rem;
}
.it-details-ti{
	overflow: hidden;
	height: auto;
	clear: both;
	padding: 0.5rem 0 3rem 0;
}
.it-details-ti b,.it-details-ti span{
	float: left;
	display: block;
	font-size: 1.8rem;
	color: #333;
}
.food-list > li .item-details.it-details-ti b{
	width: 7rem;
	margin-right: 9rem;
}
.food-list > li .item-details button.delete{
	position: absolute;
	right: 0;
	bottom: 0;
	border: 0.1rem solid #f00;
	color: #f00;
	border-radius: 0.4rem;
	background-color: #fff;
	line-height: 1.5;
	padding: 0 1rem;
}
.it-details-ti span.it-price{
	float: right;
}
.food-de-a b{
	display: block;
	float: left;
	width: 5rem;
	color: #666;
	font-size: 1.2rem;
}
.food-de-a span{
	color: #666;
	font-size: 1.2rem;
	display: inline-block;
	margin-right: 6.6rem;
	float: left;
	width: 6rem;
}
.guest-qty{
	text-align: left;
	width: 80%;
	margin: 0 auto;
}
.guest-qty > div{
	font-weight: bold;
	font-size: 1.6rem;
	clear: both;
	margin: 2rem 0 1rem 0;
	height: auto;
	overflow: hidden;
}
.guest-qty .guest-number{
	float: right;
	margin-right: -1rem;
}
.guest-qty .guest-number button{
	text-align: center;
	width: 3rem;
	height: 3rem;
	margin: 0 1rem;
	border: 0;
	border-radius: 3rem;
	float: left;
	background-color: #e5e5e5;
}
.guest-qty .guest-number input{
	text-align: center;
	width: 4rem;
	height: 2.4rem;
	margin: 0 0.5rem;
	float: left;
	display: inline-block;
	border-radius: 0.3rem;
}

.lineup-main,.lineup-main-green,.lineup-main-yellow{
	text-align: center;
	padding: 6rem 0 2rem 0;
}
.lineup-main h2,.lineup-main-green h2,.lineup-main-yellow h2{
	padding: 0 4rem;
}
.lineup-main .main-box p{
	font-size: 1.6rem;
	margin: 1rem 0;
}
.lineup-main-green .main-box p,.lineup-main-yellow .main-box p{
	font-size: 1.6rem;
	margin: 1rem auto;
	width: 60%;
}
.lineup-main .main-box{
	width: 48%;
	border-radius: 2rem;
	margin: 2rem auto;
	background-color: #eaeaea;
	padding: 2rem;
}
.lineup-main-green .main-box{
	width: 92%;
	margin: 2rem auto;
	background-color: #00DBA9;
	padding: 2rem 4%;
}
.lineup-main-yellow .main-box{
	width: 92%;
	margin: 2rem auto;
	background-color: #DBB100;
	padding: 2rem 4%;
}
.lineup-main .main-box b.number,.lineup-main-green .main-box b.number,.lineup-main-yellow .main-box b.number{
	font-size: 8rem;
}
.lineup-main .main-box b.number2,.lineup-main-green .main-box b.number2,.lineup-main-yellow .main-box b.number2{
	font-size: 5rem;
}
.lineup-list{
	clear: both;
	height: auto;
	overflow: hidden;
	padding-bottom: 12rem;
}
.lineup-list{
	text-align: center;
}
.lineup-list .list-ul li{
	background-color: #EDEDED;
	border-top: 0.1rem solid #CBCBCB;
	border-bottom: 0.1rem solid #CBCBCB;
	overflow: hidden;
	height: auto;
}
.lineup-list .list-ul b,.lineup-list .list-ul li > div{
	line-height: 5rem;
	float: left;
	display: block;
}
.lineup-list .list-ul ul{
	clear: both;
}
.lineup-list .title span{
	float: left;
	display: block;
}
.lineup-list .title span.status{
	float: right;
}
.lineup-list .SerialNum{
	width: 8rem;
	background-color: #fff;
}
.lineup-list .time{
	width: 10rem;
}
.lineup-list .people{
	width: 8rem;
}
.lineup-list li > div.status,.lineup-list .status{
	width: 12rem;
	line-height: normal;
	padding: 0.5rem 0;
	float: right;
}
.lineup-list .status .calling{
	line-height: 2rem;
	border-radius: 0.4rem;
	padding: 0 1rem;
	font-size: 1rem;
	display: inline-block;
	color: #fff;
	background-color: #1EC400;
	margin: 0;
}
.lineup-list .status .call-time{
	display: block;
}
.lineup-list .status i{
	font-style: normal;
	line-height: 4rem;
}

.message-box.lineup-form,.message-box.lineup-check{
	z-index: 12000;
}
.message-box.lineup-form p,.message-box.lineup-form .confirm-box div,.message-box.lineup-check p,.message-box.lineup-check .confirm-box div{
	text-align: left;
	padding: 0 2rem;
	line-height: 3.6rem;
	margin: 1rem 0;
	font-size: 1.2rem;
	clear: both;
	height: auto;
	overflow: hidden;
}

.message-box.lineup-form .confirm-box{
	margin-top: -20rem;
	padding-bottom: 5rem;
}
.message-box.lineup-check .confirm-box{
	margin-top: -20rem;
	padding-bottom: 1rem;
	height: auto;
}
.message-box.lineup-form div > span,.message-box.lineup-check div > span{
	line-height: 3.6rem;
	display: inline-block;
}
.message-box.lineup-form > div > div > p,.message-box.lineup-check > div > div > p{
	float: right;
	width: 55%;
	border: 0.1rem solid #FAAE01;
	border-radius: 4rem;
	padding: 0 1.5rem;
	margin: 0;
}
.lineup-form .confirm-box > div > p input,.lineup-check .confirm-box > div > p input{
	width: 60%;
	float: left;
	line-height: 3.6rem;
	border: 0;
	margin: 0;
	padding: 0;
}
.message-box .confirm-box .closer{
	width: 4rem;
	height: 4rem;
	background: url("../images/user/home/icon_close_2x.png") no-repeat 50% 50%;
	background-size: 3rem;
	position: absolute;
	left: 50%;
	bottom: -5rem;
	margin-left: -2rem;
}
.lineup-order{
	padding: 0 2rem;
}
.message-box.lineup-cancel-box .confirm-box{
	margin-top: -12rem;
	height: 10rem;
}
.message-box.lineup-cancel-box .confirm-box .btn-submit-style6{
	width: 80%;
}
.line-status{
	height: 7rem;
}
.line-status .status-green{
	display: inline-block;
	padding: 0.5rem 1.5rem;
	color: #fff;
	background-color: #1EC400;
	border-radius: 0.4rem;
}
.line-status .time{
	display: block;
	text-align: center;
	margin: 0 auto;
}
.message-box.lineup-ring h3{
	padding: 0;
	margin: 0;
}
.message-box.lineup-ring .confirm-box{
	height: 18rem;
	margin-top: -14rem;
}
.diners-people{
	text-align: center;
}
.diners-people b{
	display: inline-block;
	margin: 0 1rem;
}
.cooking-add-order-time{
	font-size: 1.2rem;
	padding: 0.5rem 1.6rem;
	color: #FF6668;
	background-color: #eee;
}

.lineup-check-a{
	padding: 3rem 1.6rem 2rem 1.6rem;
}
.store-info-a{
	background: #fff url("../images/user/home/arrow_gray_2x.png") 98% center no-repeat;
	background-size: 2rem;
	padding: 1rem 1.6rem;
	color: #666;
	display: block;
}
.store-info-details{
	padding: 1rem 1.6rem;
}

#app{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
}
body {
    top: revert !important
}

.skiptranslate iframe {
    display: none;
}
		/* 设置翻译按钮的样式 */
#google_translate_element .goog-te-gadget {
	width: 10rem !important;
	height: 3rem !important;
	overflow: hidden;
}
#google_translate_element .goog-te-combo {
	width: 10rem !important;
	border-radius: 2rem;
}

#google_translate_element{
	background-color: #fff;
	padding: 0 0.5rem;
	border-radius: 2rem;
}



/* 注文完成的样式 */
.table-xiadanchenggong .order-xiadanchenggong {
	padding: 2rem 2rem 3rem 2rem;
	font-size: 1.6rem;
	font-weight: bold;
}

.table-xiadanchenggong > .box-cont > div {
	padding-bottom: 1rem;
}

.table-xiadanchenggong > .box-cont {
	margin-top: -12rem;
}

.table-xiadanchenggong .order-xiadanchenggong .icon-img {
	display: block;
	padding: 2rem;
	width: 6rem;
	height: 6rem;
	border-radius: 3rem;
	margin: 0 auto;
	background: url("../images/restaurant/icon-center-1.png") no-repeat center center;
	background-size: 6rem;
}

.atten-box .closer {
	width: 4rem;
	height: 4rem;
	background: url("../images/user/home/icon_close_2x.png") no-repeat 50% 50%;
	background-size: 3rem;
	position: absolute;
	left: 50%;
	bottom: -5rem;
	margin-left: -2rem;
}

.select-pickup-now-booking{
	clear: both;
	height: auto;
	margin-bottom: 1rem;
	overflow: hidden;
	padding: 0 5% 1rem 5%;
	border-bottom: 0.1rem solid #f5f5f5;
}
.select-pickup-now-booking a{
	display: block;
	float: left;
	width: 28%;
	height: 3.2rem;
	margin: 0 3%;
	text-align: left;
	padding: 1rem 0 1rem 14%;
	border: 0.1rem solid #F8DD9F;
	border-radius: 0.4rem;
}
.select-pickup-now-booking-single a{
	display: block;
	float: none;
	width: 30%;
	height: 3.2rem;
	margin: 0 auto;
	text-align: left;
	padding: 1rem 0 1rem 12%;
	border: 0.1rem solid #F8DD9F;
	border-radius: 0.4rem;
}
.select-pickup-now-booking a.take-now,.select-pickup-now-booking-single a.take-now{
	background: #fff url("../images/user/home/icon_local_localstore.png") 1rem center no-repeat;
	background-size: 2.6rem;
}
.select-pickup-now-booking a.take-booking-time,.select-pickup-now-booking-single a.take-booking-time{
	background: #fff url("../images/user/home/icon_clock_event_planner_stopwatch_time_icon.png") 1rem center no-repeat;
	background-size: 2.6rem;
}
.select-pickup-now-booking a b,.select-pickup-now-booking-single a b{
	display: block;
	font-size: 1.2rem;
	margin-bottom: 0.2rem;
}
.select-pickup-now-booking a span,.select-pickup-now-booking-single a span{
	font-size: 1.4rem;
	color: #f00;
}
.select-pickup-now-booking a.current,.select-pickup-now-booking-single a.current{
	border: 0.1rem solid #FAAE01;
	background-color: #FFF1D1;
}
.order-set-time .take-order-time{
	display: block;
	color: #f00;
	font-size: 1.6rem;
	text-align: center;
	margin: 1rem 0;
}
.submit-torder-time{
	border: 0.1rem solid #FAAE01;
	border-radius: 0.5rem;
	margin: 1rem 0;
	padding-bottom: 1rem;
	background-color: #fcfcfc;
}
.submit-torder-time button{
	width: 60%;
	transform: scale(0.8);
}
/* ****** 预约 ******* */
.booking-select-abc{
	padding: 0 1.6rem;
}
.booking-select-se{
	float: left;
	width: 55%;
	padding-bottom: 1.6rem;
}
.booking-select-btn{
	float: right;
	margin-right: 2rem;
	display: inline-block;
	padding: 0.8rem 1.6rem 0.8rem 3.6rem;
	border: 0.1rem solid #FAAE01;
	border-radius: 0.4rem;
	background: #fff url("../images/user/home/icon_clock_event_planner_stopwatch_time_icon.png") 1rem center no-repeat;
	background-size: 1.8rem;
}
.order-bg-now-book{
	top: auto;
	bottom: 0;
	width: 100%;
	left: 0;
	margin-left: 0;
	border-radius: 0;
	padding-top: 2rem;
	padding-bottom: 5rem;
}
.order-book-time-sel{
	display: none;
}
.select-box.order-bg-now-book .closex{
	bottom: auto;
	top: -4.5rem;
	left: auto;
	right: 2rem;
	display: none;
}

.resting-reminder{
	width: 80%;
	position: relative;
	left: 10%;
	text-align: center;
	display: none;
	margin-top: 2rem;
}
.resting-reminder .resting-to-book{
	width: 60%;
	margin-top: 2rem;
}
.resting-reminder img{
	width: auto;
	height: 5rem;
}
.resting-to-book-att .at-img{
	width: auto;
	height: 5rem;
}
.po-box.resting-to-book-att{
	top: 35%;
}
.po-box a.closex{
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-bottom:-5rem;
	margin-left:-1.5rem;
	width: 3rem;
	height: 3rem;
	display: block;	
}
.po-box a.closex img{
	width: 100%;
	height: auto;
}
.resting-to-book-att button{
	width: 40%;
	margin: 0 5%;
	float: left;
}
.resting-to-book-att .btn-div{
	padding: 1rem 0;
	height: auto;
	overflow: hidden;
}

@media only screen and (min-width: 961px){
	#google_translate_element .goog-te-gadget {
	height: 2rem !important;
}
}