@CHARSET "UTF-8";
/* 全部字体设置 */
body,
button, 
input, 
select, 
textarea,
h1,
h2, 
h3, 
h4, 
h5, 
h6,
p,
span { 
	/* font-family: Meiryo UI, Microsoft YaHei, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; */
	font-family: Meiryo UI,"Helvetica Neue",Helvetica,Arial,Microsoft YaHei,sans-serif;
}
body {
	min-width: 320px;
	color: #000;
}
button:focus,
select,
input,
textarea{
  outline: none !important; 
}
.modal-open .mbsc-fr-persp{
	position: fixed !important;
}

.add-on:focus{
  outline: none !important;
}
input,
textarea {
	word-break:break-all;
	text-align: justify;
	font-size: 12px;
} 
p {
	word-break:break-all;
}
.container {
	min-width: 320px;
	max-width: 520px;
}
.hand {
	cursor:pointer;
}
/* 店铺名称与地址字体 */
.yahei {
	font-family: Microsoft YaHei !important;
}
/* 导航栏设置 */
.daohang { 
    		margin: 12px 0 10px 2px;
    		padding: 4px 3px 2px 3px;
    		background-color: #FFC000;
    		font-size: 14px !important;
    		font-weight: bold;
    		border-radius: 1px;
    	}
.daohang:hover {
			background-color: #ffb000 !important;
    	}
.daohang:focus {
			background-color: #FFC000 !important;
    	}
 .daohang:active {
			background-color:  #ffd000 !important;
    	}
/* logo设置 */
.logo {
	width: 90px;
	margin-top: 14px;
}
/* 主页广告横幅 */    	
.banner_wrap {
	margin: 8px 0 8px 0;
	background-color: #F1E3D2;
}
.banner_wrap img {
 	height: 40px;
 	padding: 2px 15px;
 }
/* 登录按钮 */
.login_btn {
	height: 45px;
	width: 110px;
}
/* 送信按钮 */
.send_letter_btn2 {
	padding: 12px 26px;
	margin-bottom: 15px;
}
/* 注册和改密码 */
.register_btns {
	height: 45px;
}
/* 标题栏设置 */
.biaoti {
	margin: 10px auto;
	background-color: #ffe6e6;
	font-weight: bold;
	font-size: 15px;
	padding-top: 3px;
}
/* 蓝色按钮 */
.btn-primary {
	background-color: #0070C0;
}
/* 输入框小标题 */
.input_small_title {
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 2px 0;
}
/***********
***********/
/* 关闭图标 */
.close {
	font-size:38px;
	margin-top:0;
	line-height: 20px;
	font-family: Arial,Microsoft YaHei,sans-serif;
}
.floorname{
	display: inline-block;
	margin: 6px 0 0 0;
	line-height: 28px;
	font-size: 16px;
	font-weight: bold;
	width: 70px;
	text-align: center;
	float: left;
	background-color: #376092;
	color: white;
}
/* 登录页面脚标题 */
.jiaobiaoti {
	
	padding: 7px;
	margin: 20px auto;
	background-color: #B7DEE8;
	color: black;
	
}
/* 表头小横幅广告 */
.xiaohengfu {
	padding: 10px;
	font-size: 13px;
    background: linear-gradient(to right, #FFF0E4 , #FFD7B2, #FFF0E4); 
 	
}
/* 验证码图片 */

/* 输入框固定提示 */

/* label{
	font-size: 10px;
	-webkit-transform-origin-x: 0;
	-webkit-transform:scale(0.85);	
} */
.font_size0 {
	font-size: 10px;
	-webkit-transform-origin-x: 0;
	-webkit-transform:scale(0.85);
}

/* 所有按钮设置 */
.btn {
	font-size:12px;	
}
/* 验证码div */
.mycode {
	padding-left: 4px;
}
/* 去除div右内边距 */
.dright {
	padding-right: 0;
}
/* 去除div左内边距 */
.dleft {
	padding-left: 0;
}

/* 多行文字按钮 */
.dbtn {
	line-height: 19px;
}
/* a标签添加下划线 */
.add_underline {
	text-decoration: underline;	
}
.add_blue_underline {
	color: blue;
	text-decoration: underline;
}
/* 集团店铺列表表头 */
.list_title {
	display: inline-block;
	font-size: 17px;
	margin-top: 6px;
}
/* 字体加粗 */
.jiacu {
	font-weight: bold;
}
/* 连锁商铺列表 */
.shop_li_div {
	border-top: 1px solid #A6A6A6;
}
.shop_li {
	border-bottom: 1px solid #A6A6A6;
	padding: 5px 0 5px 0;
}
.shop_li > p {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}
.shop_li a {
	text-decoration: underline;
}
/* 连锁商铺列表红色字体 */
.add_red {
	color: red;
}
/* 连锁商铺列表 字号设置*/
.font_size1 {
	font-size: 14px;
}
/* 连锁商铺列表 字号设置*/
.font_size2 {
	font-size: 13px;
}
/* 连锁商铺列表 字号设置*/
.font_size3 {
	font-size: 12px;
}
/* 实线div边框设置 */
.solid_boxes {
	border: 1px solid #CCCCCC;
}
.merchant_login_box {
	margin: 8px 0px;
}
/* 用户登录提示 */
.merchant_prompt {
	float: left;
	width: 50%;
}
.merchant_prompt_btn {
	float: left;
	width: 50%;
}

/* 去除内边距 */
.remove_padding {
	padding: 0;
}
/* 按钮颜色 */
/* .btn_color {
	background-color: #0070C0;
} */
/* 发送咨询合作div */
.send_inquiry {
	padding: 8px 20px 1px 20px;
	background-color: #FF0000;
}
.send_inquiry>a {
	color: white;
}
.send_inquiry_title {
	font-size: 15px;
}
.send_inquiry_text {
	font-size: 12px;
}
/* 虚线框 */
.dashed_boxes {
	padding: 3px 5px;
	border: 1px dashed gray;
}
/* 联系框 */
.contact_box {
	padding: 7px;
	border-radius: 5px;
	
}
.contact_box>div {
	font-size: 12px;
}
/* 字体蓝色 */
.add_blue {
	color: #0070C0;
}
/* 检索按钮 */
.btn_retrieval {
	color: white;
	background-color: #0070C0;
	padding: 6px 9px 4px 9px;
	font-size: 16px;	 
	font-weight: bold;
}
.btn_blue {
	font-weight:bold;
	color: white;
	background-color: #0070C0!important;
}
.btn_blue:hover {
	color: white;
	background-color: #025abb!important;
}
.btn_blue:focus {
	color: white;
	background-color: #0070C0 !important;
}
.btn_blue:active {
	color: white !important;
	background-color: #0085e8 !important;
}
.btn_yellow:hover {
	color: red !important;
	background-color: #F0F000 !important;
}
.btn_yellow:focus {
	color: red !important;
	background-color: #FFFF00 !important;
}
.btn_yellow:active {
	color: red !important;
	background-color: #ffff68!important;
}
.label-primary {
	background-color: #0070C0;
}
/* 检索标题字体设置 */
.label_retrieval {
	font-size: 14px;
}

/* 单选栏设置 待验证 */
.danxuan {
	margin: 0 auto;
}
.danxuan>div {
	padding: 0;
}
.danxuan>div>label {
	margin-top: 5px;
}
/* 条件清除按钮 */
.condition {
	font-size: 14px;
	font-weight:bold;
	background-color: #0070C0;
	color: white;
	padding: 5px 10px 3px 10px;
}
.max_btn {
	display: inline-block;
	font-size: 14px;
	font-weight:bold;
	background-color: #0070C0;
	color: white;
	width: 100%;
	margin: 2px 0;
	border-radius: 1px;
}
.max_btn_no {
	display: inline-block;
	font-size: 14px;
	font-weight:bold;
	background-color: #0060a6;
	width: 100%;
	margin: 2px 0;
	border-radius: 1px;
	color: #999;
}
.max_btn_no:hover {
	background-color: #0060a6;
	color: #999;
}
.max_btn_no:focus {
	background-color: #0060a6;
	color: #999;
}
.max_btn_no:active {
	background-color: #0060a6;
	color: #999;
}
.max_btn_div {
	border: 2px solid #CCCCCC;
	border-radius: 1px;
	display: none;
}
/* 条件表单设置 */
.conditions_form {
	padding: 5px 0 15px 8px;
}
.conditions_form input {
	margin-top: 2px; 
	margin-bottom: 5px;
}
/* 条件表单label设置 */
.conditions_form>label {
	font-size: 14px;
}
/* 到店时间及预计金额 */
.time_money input {
	background-color: white;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}
.time_money label {
	font-size: 14px;
	margin: 0;
}
/* 主题按钮 */
.Topic_Yes {
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
}
/* 店铺详情div设置 */
.shop_details {
	border: 3px solid #0070C0;
	padding: 3px;
}
/* g店按钮设置 */
.g_shop {
	padding: 12px 8px;
	font-size: 15px;
	background-color: #0070C0;
	color: white; 
}
/* 商铺名称设置 */
.shop_name {
	font-size: 16px;
	color: red;
	font-weight: bold;
	margin: 0;
	line-height: 1.6em;
}
/* 地址和联系方式的div */
.address_contact {
	padding-top: 10px;
}
.address_contact>p {
	font-size: 12px;
	line-height: 1.4em;
}
/* 商铺主页按钮列表 */

.btn_store_list {
	margin-bottom: 6px;
}
.btn_store_list>div {
	margin: 0;
}
.btn_store_list a {
	width: 100%;
	font-size: 14px;
	font-weight:bold;
	padding: 5px 0;
	background-color: #00B050;
	color: white;
}
.btn_store_list .btn:hover {
    background-color: #00B050;
    color: white;
}
/*  .btn_store_list .btn:focus {
    background-color: #00B050;
    color: yellow;
}
.btn_store_list .btn:active {
    background-color: #00B050;
    color: yellow;
} */
.btn_active {
	background-color: #00B050;
    color: yellow !important; 
}
/* 大图轮播区域 */
.carousel_picture {
	margin-bottom: 5px;
}
/* 小图区域 */
.picture_right_padding {
	padding-right: 0;
}
.picture_left_padding {
	padding-left: 0;
}
.small_picture div {
	float: left;
	width: 24.25%;
}
/* 楼层索引 */
#floorIndexTable {
	width: 100%;
	font-weight: 600;
	border-collapse:separate; 
	border-spacing:0px 2px;
	margin-bottom: 15px;
}
#floorIndexTable tr {
	height: 60px;
}
#floorIndexTable tr td {
	border: 1px solid #376092;
}
#floorIndexTable tr:first-child td {
	border: 1px solid #E46C0A;
}
#floorIndexTable .floor-number {
	width: 50px;
	background-color: #376092;
	color: white;
	text-align: center;
}
#floorIndexTable .floor-number-1 {
	background-color: #E46C0A;
}
#floorIndexTable .floor-detail {
	border-left-style: none !important;
	border-right-style: none !important;
	padding-left: 5px;
}
#floorIndexTable .floor-detail p {
	font-size: 12px;
	margin: 0;
}
#floorIndexTable .floor-img {
	vertical-align: top;
	border-left-style: none !important;
}
#floorIndexTable .floor-img div {
	display: inline-block;
	float: right;
	height: 24px;
	line-height: 1;
	font-size: 0;
	vertical-align: top;
	white-space:nowrap; 
}
#floorIndexTable .floor-img div img{
	height: 100%; 
	width: auto;
	margin: 1px;
	border: 1px solid black;
}
.small_picture {
	padding-top: 1%;
}
/* 主页搜索区域设置 */
.home_search_input {
	margin-right:  121px;
}
.home_search_input input {
	height: 42px;
	border-radius: 2px 0 0 2px;
}
.btn_home_search {
	color: white;
	background-color: #0070C0;
	width: 68px;
	padding: 9px 0 8px;
	border: 0;
	border-radius: 0 2px 2px 0;
}
.btn_new {
	color: red;
	background-color: #FFFF00;
	width: 50px;
	border: 3px solid #FFC000;
	padding: 6px 0 5px;
	margin-left: 3px;
	border-radius: 2px;
}

.home_search_div button {
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
}
.home_search_div input {
	border: 3px solid #0070C0;
}
.home_search_div {
	margin: 7px 0 12px;;
}
/* 广告标签设置 */
.event {
	background-color:#FF0000;
	color:#fff;
}
.news {
	background-color:#FFFF00;
}
.coupon {
	background-color:#E46C0A;
	color:#fff;
}
.article {
	background-color:#C3D69B;
}
/* 第二个广告区域设置 */
.span_label {
	display: inline-block;
	width: 60px;
	text-align: center;
	border-radius: 10px;
	font-size: 12px;
	margin: 9px 0;
	font-weight: 900;
	line-height: 18px;
	padding-top: 1px;
}
.span_label_big {
	display: inline-block;
	width: 68px;
	text-align: center;
	border-radius: 12px;
	font-size: 14px;
	margin: 9px 0;
	font-weight: 900;
	line-height: 22px;
	padding-top: 2px;
}
.span_label_vbig {
	display: inline-block;
	width: 76px;  
	text-align: center;
	border-radius: 13px;
	font-size: 16px;
	line-height: 24px;
	margin: 9px 0;
	font-weight: 900;
	padding-top: 2px;
}

.span_div {
	font-size: 13px;
	font-weight: bold;
}
.span_div p {
	margin: 9px 0 9px 5px;
}
.second_ad {
	border-bottom: 1px solid #A6A6A6;
	margin-bottom: 15px;
}
.second_ad>div {
	border-top: 1px solid #A6A6A6;
}
#more > div {
	border-top: 1px solid #A6A6A6;
}
.search_form {
	margin: 12px 0;
}
.search_form div{
	float: left;
	height: 30px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
}
.search_form a{
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
}
/* 主题和文章区域 */
.topics_articles {
	width: 100%;
	padding: 10px 15px;
}
.topics_articles_div div {
	padding: 3px 2px;
	font-size: 12px;
}
.topics_articles_p {
	position: relative;
	top: -19px;
	margin-bottom: 0;	
}
/* 店铺主页店铺的概述区域 */
.overview_of_the_shop {
	padding: 5px;
	margin: 5px 0;
	font-size: 12px;
}
.store_information {
	font-size: 12px;
	margin-bottom: 5px;
}
.store_information p {
	margin-bottom: 0;
}

.menu_introduction {
	margin-bottom: 10px;
}
.menu_introduction>div {
	padding: 10px 0;
	border-top: 1px solid #dbdbdb;
}
.menu_introduction p {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.3em; 
}
.menu_introduction .title_price p {
	padding-bottom: 8px;
	font-size: 15px;
}
.menu_introduction span {
	margin-bottom: 0;
	font-weight: bold;
	font-size: 12px;
	text-align: right;

}
/* 由于在主页使用补充 */
.home_introduction_list>div {
	margin-bottom: 6px;
}
.home_introduction_list_free>div {
  margin-bottom: 6px;
}
.home_introduction_p p{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0;
}
.home_introduction_list p {
	font-size: 12px;
	margin: 0;
}
.home_introduction_list_free p {
  font-size: 12px;
  margin: 0;
}
/* 搜索结果页面设置 */
.search_result {
	font-size: 12px;
	font-weight: bold;
	border-top: 1px solid #b3b3b3;
}
.search_result>div {
	padding-bottom: 5px;
	margin: 5px 0;
	border-bottom: 1px solid #b3b3b3;
}

.search_result_image {
	overflow: hidden;
	width: 120px;
}
.search_result_p {
	margin-left: 125px;
}
.search_result_p a {
	text-decoration: underline;	
}
.search_result_p p {
	margin-bottom: 0;
	line-height: 17px;
}
.search_result_p button {
	background-color: #FAC090;
	position:absolute;
	bottom: 4px; 
	right: 1px;
}
.floorstorelist {
	border-top: 1px solid #b3b3b3;
	margin: 15px 0;
}
.floorstorelist>div {
	padding-bottom: 5px;
	margin: 5px 0;
	border-bottom: 1px solid #b3b3b3;
}
.floorstore-img {
	width: 120px;
	height: 60px;
}
.floorstore-img>div {
	width: 112px;
	height: 56px;
	margin-top: 2px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	overflow: hidden;
}

.floorstore-text {
	margin-left: 120px;
}
.floorstore-text p:first-child{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1px;
}
.floorstore-text p:last-child{
	font-size: 13px;
	margin-bottom: 1px;
}
/* 店铺主页图片和视频区域 */

.comment_div {
	padding: 7px;
	margin-top: 2px;
	margin-bottom: 8px;
	border: 2px solid #c2c2c2;
	border-radius: 2px;
}
.comment_div p {
	margin-bottom: 0px;
}
/* 店铺主页投稿区域 */
.contribute_btn1 {
	padding:  10px;
}
.contribute_btn2 {
	padding:  11px;
}
/* 评价页面div */
.reviews_comment_div {
	border: 1px solid #A6A6A6;
	margin: 3px 0;
}
.reviews_comment_div p {
	margin: 2px;
	font-size: 12px; 
}

.m_div {
	padding: 0;	
}

.m_div div {
	margin: 2px;
	border: 1px solid #A6A6A6;
	text-align: center;
}
/* 主题页面 */
/* 店铺导航小标题设置 */
.navigation_title {
	font-size: 19px;
	font-weight: bold;
	text-decoration: underline;
		
}

.h4_title {
	margin: 7px 0;
	padding: 0 5px;
	/* border-left: 8PX solid red; */
	height: 50px;
	display:table; 
	width: 100%;
}
.h4_title p {
	font-size:18px;
	font-weight: bold;	
	margin: 0;
	line-height: 1.1em;
}
.navigation_small_title {
	font-weight: bold;
	margin: 0;
	font-size: 12px;
}

.navigation_word {
	margin: 5px 0;
	text-align: justify;
}
.navigation_word p {
	font-size: 12px;
	margin: 0;
}
.topics_div {
	margin-bottom: 15px;
}
.topics_small_images div {
	margin: 0.5%;
	width: 49%;
	float: left;
}
/* 二维码区域 */
.qr-code-container {
	display: flex;
	margin-bottom: 15px;
	font-size: 12px;
}
.qr-code-container > .qr-code-item {
  flex: 1;
  padding: 10px;
}
.qr-code-container > .qr-code-item > .qr-code-img {
	display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
}
.qr-code-container > .qr-code-item > .qr-code-title {
  text-align: center;
  padding-top: 5px;
}
/* 评价页面设置 */
.article_h4_title {
	margin: 7px 0;
	padding: 5px 3px;
	border-left: 8PX solid #C3D69B;
}
.article_h4_title h4 {
	font-weight: bold;
}

.article_content {
	margin-bottom: 10px;
	padding: 10px 9px;
	border: 1px solid #A6A6A6;
}
.article_content p {
	margin: 0;
	font-size: 12px;
}
.article_content div {
	padding: 3px 20px;
	background-color: #C3D69B;
}
.article_content>div>p {
	text-align: center;
}
.article_content_p {
	font-size: 11px;
	-webkit-transform-origin-x: 0;
	-webkit-transform:scale(0.92);
}
/* 商户功能菜单 */
.franchise_name {
	border: 1px solid #A6A6A6;
 
}
.franchise_name p {
	margin: 3px; 
}
.contract_content {
	margin-top: 7px;
	border: 1px solid #A6A6A6;
}
.contract_content p {
	font-size: 12px;
	font-weight: bold;
	margin: 2px;
}
/* 菜单按钮 */
.merchant_function_menu_btn {
	width: 100%;
	margin-top: 7px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 1px;

}
/* 注销按钮 */
.log_off_btn {
	float: right;
	width: 80px;
	margin-top: 12px;
	padding: 8px 0;
	border-radius: 1px;
}
/* 追加活动信息 */
.add_to_div {
	padding: 10px 0;
	border-bottom: 1px solid #A6A6A6;
}
.add_to_div p {
	margin: 8px 5px;
	font-size: 12px;
}
.add_to_div a {
	width: 20%;
	background-color: #0070C0;
	border-radius: 1px;
}

/* 一览P */
.list_p {
	margin: 10px 5px;
	font-size: 13px;
	font-weight: bold;
	color: #0070C0;
}
/* 变更合同页面 */
.please_contact_inquiry_btn {
	padding: 10px 20px;
	margin-bottom: 15px;
}
.please_contact_inquiry_div {
	margin-top: 15px;
}
.please_contact_inquiry_div label{
	padding-top: 0;
}
/* radio图标设置 */
/* input[type=radio] {
    margin: 14px 0 0;
} */
/* 活动添加更改页面设置 */
.delete_login {
	margin-bottom: 15px;
}
/* 黄蓝按钮设置 */
.delete_login a {
	padding: 10px 25px;
	background-color: #FFFF00;
	color: black;
	border: 2px solid #FFC000;
}
.delete_login button {
	padding: 10px 25px;
}
/* 菜品列表设置 */
.menu_products_services_div div{
	margin-top: 5px;
}

.ei_radio_list {
	padding: 1px 0;
}

/* 图片截取页面相关设置 */
#clipArea {
	border: 1px solid #CCCCCC;
	margin: 80px 0 30px 0;
}
#file,
#clipBtn {

	font-size: 16px; 
	font-weight: bold;
	background: #D0EEFF;
    border: 1px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: black;
	top: 0;
    margin: 0;
}
#view {
	margin: 0 auto;
	
}

.file {
    position: relative;
    display: inline-block;
    background: #D0EEFF;
    border: 1px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: black;
    font-weight: bold;
    font-size: 16px;
    margin-right: 20px;
}
.file input {
    position: absolute;

    right: 0;
    top: 0;
    opacity: 0;
}
.file:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
}
#clipBtn:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
}
/* 大radio设置 */
.big_radio_lable>input[type='radio']:checked~span{
	color: #0070C0;
}
.big_radio_lable {
	height: 34px;
	width:100%; 
	margin: 0;
}
.big_radio_lable span {
	font-size: 20px;
	position: relative;
	bottom: 13px;
	left:3px;
	color: #BFBFBF;
}
/* 小radio设置 */
.small_radio_lable>input[type='radio']:checked~span{
	color: #0070C0;
}
.small_radio_lable {
	height: 28px;
	width:100%; 
	margin: 0;
	padding-top: 5px;
}
.small_radio_lable>span {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	bottom: 11px;
	left: 3px;
	color: #BFBFBF;
}


/* 图片轮播区域 */
.text_carousel{
	position:static;
	margin: 0;
	height: 100%;
	width:24%;
	padding-left: 3px;
	color: white;
}
.text_carousel_p {
	font-size: 12px;
	font-weight: bold;
	padding-top:3px;
	margin: 0;
	white-space:nowrap; 
}
.text_carousel>div>div {
	background: linear-gradient(to right, #FFDCD3 , #FFBBA5, #FFDCD3); 
}
.text_carousel .active {
	color: #0070C0; 
}
/* 搜索结果页面title */
.search_result_title_span {
	height: 54px;
	width: 80px;
	background-color: #8e8e8e;
	font-size: 18px;
	font-weight: bold;
	color: white;
	border-radius: 1px 0 0 1px;
	margin-bottom: 8px;
	text-align: center;
	line-height: 53px;
	padding-top: 1px;
}
.search_result_title_p {
	height: 54px;
	border: 3px solid #8e8e8e;
	border-radius: 0 1px 1px 0;
	padding: 3px;
	color: #999;
	margin-left: 80px;

}
.search_result_title_p textarea {
	resize: none; 
	line-height: 1.2em;
	width: 100%;
	height: 100%;
	border: 0;
	padding:0;
	background-color: white;
	font-size: 12px;
	word-break:break-all;
	text-align: justify;
	font-weight: bold;
}
.feedback_radio_div {
	padding: 0 15px;
}
.feedback_radio_div div {
	padding: 0;
}
.send_letter_btn {
	padding: 11px 0;
	font-size: 16px;
	width: 95%;
}
.feedback_change_div {
	height: 40px;
}

/*-----------滚动小横幅-----------*/
.wrapper {
			width:100%;
		}
.demo3 {
	margin: 0 0 10px 0;
	position: relative;
	/* box-shadow: 0 2px 5px -3px #000; */
	font-size: 12px;
	font-weight: bold;
	text-align: center;
  	background: linear-gradient(to right, #FFF0E4 , #FFD7B2, #FFF0E4); 		
} 

.demo3 li {
	list-style: none;
	height: 40px;
	width: 100%;
	overflow: hidden;
}
.demo{
			width: 100%;
			height: 40px;
			position: relative;
			display: table;
			text-align: center;
}
#outerbox div{
	position: absolute;
	top: 50%;
	left: 0;
	display: table-cell;
	vertical-align: middle;
	position: static;
	
}
#outerbox p{
	position: relative;
	top: -50%;
	margin: 0;
	text-indent: 0;
	font-size: 12px;
	line-height: 1.5em;
	display: inline;
	color: black;
}		

/*---------------
	回到顶部块
----------------*/
.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-align: center;
  line-height: 26px;
  
  /* text-indent: 100%; */
  white-space: nowrap;
  background: rgba(128, 128, 128, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top{
	text-decoration:none;
	color: white;
}
.cd-top:link{
	text-decoration:none;
	color: white;
}
.cd-top:visited{
	text-decoration:none;
	color: white;
}
.cd-top:hover{
	text-decoration:none;
	color: white;
}
.cd-top:active{
	text-decoration:none;
	color: white;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #808080;
  opacity: 1;
}
/*  */

.store_div {
	position: relative;
	min-height: 91px;
}
.store_name {
	font-size: 14px;
	line-height: 18px !important;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
	margin-bottom: 5px;
}
.myfooter {
	background-color: #F0F0F0;
	width: 100%;
	padding: 12px 0 10px;
	margin:0 auto;
	max-width: 490px;
	margin-top: -56px;
}
.myfooter p{
	text-align: center;
	color: #999;
	font-size: 12px;
	font-weight: 400;
	margin: 0;
}
.myfooter a{
	text-decoration: none;
	color: inherit;
}
.fixed_bottom {
	position: fixed;
	bottom: 0;
	max-width: 520px;
}
.dropload-down {
	color: #999;
	font-weight: bold;
}
.dropload-down2 {
	color: #999;
	font-weight: bold;
}
.time_p {
	font-size: 12px;
	font-weight: bold;
	line-height: 36px;
	margin: 0;
}
.green_block {
	display: inline-block;
	width: 60px;
	background-color: #006666;
	border-radius: 3px;
	color: white;
	text-align: center;
}
.green_block_div p{
	line-height:26px;
	margin-bottom: 5px;
	font-size: 12px;
}
.green_block_div {
	margin-bottom: 20px;
}
.close_btn {
	color: #c8c8c8!important; 
}
.name_block {
	font-weight: bold;
	display: inline-block;
	width: 70px;
}
.jwlogo {display:none;}
.mask {       
    position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #c0c0c0;     
    z-index: 1002; left: 0px;     
    opacity:0.6; -moz-opacity:0.6;    
    display: none; 
} 
.mymask { 
    position: fixed; 
    top: 0px;  
    left: 0px;     
    background-color: #e8e8e8;
    /* display: none; */
    height: 100%;
    width: 100%;
    z-index: 9999;
} 
.storeLoad{
	position:fixed;
	left:50%;
	top:50%;  
	padding: 20px 0;
    z-index: 1052;   
    -webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	height: 100%;
	width: 100%;
	display: none;
}
.storemask {
	position: fixed;
	left:0;
	top:0;
	background-color: #c0c0c0;     
    z-index: 1051; 
    opacity:0.6; 
    -moz-opacity:0.6;
    height: 100%;
    width: 100%;
    display: none;
}  
#min_storemask {
	position:fixed;
	left:50%;
	top:50%;
	background-color: #2d2d2d;
	color: white;    
    z-index: 1052;   
    -webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	filter: alpha(opacity=90); 
    opacity:0.9; 
    -moz-opacity:0.9;
    border-radius:20px;
    display: none;
}
#min_storemask p {
	margin: 0;
	width: 240px;
	line-height:40px;
	text-align: center;
}
#listLunchBox {
	margin: 6px 0; 
	border-top: 1px solid #A6A6A6;
}
#listLunchBox tr{
	height: 38px;
	border-bottom: 1px solid #A6A6A6;
}
#lunchBoxTable input{
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	padding: 6px;
}

#listLunchBox p,
#confirmLunchBoxTable p,
#lunchBoxTable p {
	font-size: 12px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
    text-align: right;
}
.ordinary_table p {
	font-size: 12px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
}
#orderHistoryTable {
	font-size: 12px;
    font-weight: bold;
    line-height: 1.5em;
    white-space: nowrap;
}

#orderHistoryTable p {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 110px;
	margin: 0;
}
#reservationOrderTable {
	font-size: 12px;
    font-weight: bold;
    line-height: 1.5em;
}
#reservationOrderTable p {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100px;
	white-space: nowrap;
	margin: 0;
}
#confirmLunchBoxTable tr,
#lunchBoxTable tr {
	font-size: 12px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
}	
#retrieve_table p,
#register_table p,
#modify_table p{
	font-size: 12px;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0;
    white-space:nowrap;
    
}
.old_tr_block{
	float:right;
	display:inline-block;
	color:white;
	background-color: #A6A6A6;
	width: 48px;
	line-height: 22px !important;
	text-align: center !important;
	border-radius:11px;
}

.new_tr_block{
	float:right;
	display:inline-block;
	color:white;
	background-color: #FF0000;
	width: 48px;
	line-height: 22px !important;
	text-align: center !important;
	border-radius:11px;
}
.new_btn{
	background-color: #FF0000;
	color:white;
	font-weight: bold;
}
.new_btn:hover {
	background-color: #ce0000;
	color:white;
}
.new_btn:focus {
	background-color: #FF0000;
	color:white;
}
.new_btn:active {
	background-color: #ff2626;
	color:white;
}
.old_p{
	color: #A6A6A6;
}
.input-group{
	border-spacing:0px 0px;
}
.count-input {
	width:36px;
	height:20px;
	border:1px solid #aaa;
	color:#343434;
	text-align:center;
	padding:4px 0;
	background-color:#fff;
	z-index:2;
	display: inline-block;
}
.reduce {
	font-size: 16px;
	font-weight: 900;
	line-height: 15px;
	display: inline-block;
	width:30px;
	padding:5px 0 8px;
	text-align: center;
	background-color: #aaa;
}
.add {
	font-size: 16px;
	font-weight: 900;
	line-height: 15px;
	display: inline-block;
	width:30px;
	padding:5px 0 8px;
	text-align: center;
	background-color: #aaa;
}
.price {
	text-align: right;
}
.subtotal {
	width: 36px;	
	text-align: right;
}
.add_title_padding {
	padding-left: 10px; 
}
.close_reduce{
	color:#848484;
	background-color: #C5C5C5;
}
.mbsc-fr-w {
	width: 280px !important;
}

.load_more{
	padding: 7px 5px 6px 5px;
	background:rgba(0,0,0,0);
	font-weight: bold;
	border: 2px solid #ff5353;
	color: #ff5353 !important;
	width: 90px;
	display: none;
}
.load_more_disabled{
	padding: 7px 5px 6px 5px;
	background:rgba(0,0,0,0);
	font-weight: bold;
	border: 2px solid #aaa;
	color: #aaa !important;
	width: 90px;
	display: none;
}
.search_table {
	width:100%;
	border-collapse: collapse;
	font-size: 12px;
	margin-bottom: 12px;
}
.search_table, .search_table tr td {
	 border:3px solid #0070C0;
}
.menu-icon{
	 font-family:Comic Sans MS;
	 display: inline-block;
	 float: right;
	 width: 30px;  
     height: 24px;  
     padding: 6px 0;  
     background-clip:content-box;  
     margin: 4px;
}

.dropdown-menu {  
	 margin: 0;
	 box-shadow: -8px 8px 8px rgba(0,0,0,.175);
	 border-style: none;
	 border-radius: 0;
	 background-color: #dddddd;
	 top: 46px;
	 
 }   
.dropdown-menu>li>a {
	font-size: 12px;
	font-weight: bold !important;
	color: white !important;
}
/*******************************************/
.top-bar, .top-bar .navbox-tiles, .navbox-trigger, .navbox-tiles .tile, .navbox-tiles .tile .icon .fa, .navbox-tiles .tile .title {
  -webkit-transition: all .3s;
          transition: all .3s;
}

.navbox-tiles:after {
  content: '';
  display: table;
  clear: both;
}

/* Core Styles */
.top-bar {
  height: 50px;
  position: relative;
  z-index: 1000;
}
.top-bar .bar {
  background-color: white;
  position: absolute;
  z-index: 3;
  right: 0;
  margin-top: 14px;
}
/* .top-bar .bar:hover {
  background-color: #bbb;
} */
.top-bar .navbox {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 46px;
  right: 0;
  z-index: 1;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: all .2s;
          transition: all .2s;
}
.top-bar .navbox-tiles {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
}
.top-bar.navbox-open .navbox-trigger {
  border-top: 4px solid white;  
  border-bottom: 4px solid white;  
  background-color: white;
}
.top-bar.navbox-open .bar {
  background-color: #bbb;
}
.top-bar.navbox-open .navbox {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
          transition: opacity .3s, transform .3s;
}
.top-bar.navbox-open .navbox-tiles {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.navbox-trigger {
  /* background-color: transparent;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center; */
  background-color: #BFBFBF;
  border-top: 4px solid #BFBFBF;  
  border-bottom: 4px solid #BFBFBF;  
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.navbox-trigger .fa {
  font-size: 20px;
  color: #fff;
}
/* .navbox-trigger:hover {
  border-top: 4px solid white;  
  border-bottom: 4px solid white;  
  background-color: white;
} */

.navbox {
  background-color: rgba(188,188,188,1);
  width: 100%;
  max-width: 260px;
  -webkit-backface-visibility: initial;
          backface-visibility: initial;
}

.navbox-tiles {
  width: 100%;
  padding: 10px;
}
.navbox-tiles .tile {
  display: block;
  background-color: #3498db;
  width: 30.3030303030303%;
  height: 0;
  padding-bottom: 29%;
  float: left;
  border: 2px solid transparent;
  color: #fff;
  position: relative;
}
.navbox-tiles .tile .icon {
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.navbox-tiles .tile .icon .fa {
  font-size: 30px;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-backface-visibility: initial;
          backface-visibility: initial;
}
.navbox-tiles .tile .title {
  padding: 5px;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.navbox-tiles .tile:hover {
  border-color: #fff;
  text-decoration: none;
}
.navbox-tiles .tile:not(:nth-child(3n+3)) {
  margin-right: 4.54545454545455%;
}
.navbox-tiles .tile:nth-child(n+4) {
  margin-top: 10px;
}

@media screen and (max-width: 370px) {
.navbox-tiles .tile .icon .fa {
  font-size: 25px;
}
.navbox-tiles .tile .title {
  padding: 3px;
  font-size: 11px;
}
.htmleaf-container{
	margin: 0 auto;
	overflow: hidden;
}
.htmleaf-content {
	font-size: 150%;
	padding: 1em 0;
}

.htmleaf-content h2 {
	margin: 0 0 2em;
	opacity: 0.1;
}

.htmleaf-content p {
	margin: 1em 0;
	padding: 5em 0 0 0;
	font-size: 0.65em;
}
.bgcolor-1 { background: #f0efee; }
.bgcolor-2 { background: #f9f9f9; }
.bgcolor-3 { background: #e8e8e8; }/*light grey*/
.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/
.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/
.bgcolor-6 { background: #2fa8ec; }/*sky blue*/
.bgcolor-7 { background: #d0d6d6; }/*White tea*/
.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/
.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/
.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/
.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/
.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/
/* Header */
.htmleaf-header{
	padding: 1em 190px 1em;
	letter-spacing: -1px;
	text-align: center;
}
.htmleaf-header h1 {
	font-weight: 600;
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
}
.htmleaf-header h1 span {
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
	display: block;
	font-size: 60%;
	font-weight: 400;
	padding: 0.8em 0 0.5em 0;
	color: #c3c8cd;
}
/*nav*/
.htmleaf-demo a{color: #1d7db1;text-decoration: none;}
.htmleaf-demo{width: 100%;padding-bottom: 1.2em;}
.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #1d7db1;font-weight: 700;}
.htmleaf-demo a:hover{opacity: 0.6;}
.htmleaf-demo a.current{background:#1d7db1;color: #fff; }
/* Top Navigation Style */
.htmleaf-links {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	font-size: 1.5em;
	text-align: center;
}

.htmleaf-links::after {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 100%;
	background: #dbdbdb;
	content: '';
	-webkit-transform: rotate3d(0,0,1,22.5deg);
	transform: rotate3d(0,0,1,22.5deg);
}

.htmleaf-icon {
	display: inline-block;
	margin: 0.5em;
	padding: 0em 0;
	width: 1.5em;
	text-decoration: none;
}

.htmleaf-icon span {
	display: none;
}

.htmleaf-icon:before {
	margin: 0 5px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}
/* footer */
.htmleaf-footer{width: 100%;padding-top: 10px;}
.htmleaf-small{font-size: 0.8em;}
.center{text-align: center;}
/****/
.related {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	background: #333;
	text-align: center;
	font-size: 1.25em;
	padding: 0.5em 0;
	overflow: hidden;
}

.related > a {
	vertical-align: top;
	width: calc(100% - 20px);
	max-width: 340px;
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
}
.related a {
	display: inline-block;
	text-align: left;
	margin: 20px auto;
	padding: 10px 20px;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}

.related a:hover,
.related a:active {
	opacity: 1;
}

.related a img {
	max-width: 100%;
	opacity: 0.8;
	border-radius: 4px;
}
.related a:hover img,
.related a:active img {
	opacity: 1;
}
.related h3{font-family: "Microsoft YaHei", sans-serif;}
.related a h3 {
	font-weight: 300;
	margin-top: 0.15em;
	color: #fff;
}
/* icomoon */
.icon-htmleaf-home-outline:before {
	content: "\e5000";
}

.icon-htmleaf-arrow-forward-outline:before {
	content: "\e5001";
}

@media screen and (max-width: 50em) {
	.htmleaf-header {
		padding: 3em 10% 4em;
	}
	.htmleaf-header h1 {
        font-size:2em;
    }
}


@media screen and (max-width: 40em) {
	.htmleaf-header h1 {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 30em) {
    .htmleaf-header h1 {
        font-size:1.2em;
    }
}