*{
	user-select: none;
	-fkit-touch-callout: none;
    -webkit-overflow-scrolling: touch;
}


@font-face {
  font-family: 'f';
  src: url('font/f.eot'); /* IE9 Compat Modes */
  src: url('font/f.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/f.ttf')  format('truetype');
}
@font-face {
  font-family: 'f2';
  src: url('font/f2.eot'); /* IE9 Compat Modes */
  src: url('font/f2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/f2.ttf')  format('truetype');
}

@font-face {
  font-family: "font_showg";
  src: url("font/showg.eot"); /* IE9 Compat Modes */
  src: url("font/showg.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/showg.otf") format("opentype"), /* Open Type Font */
    url("font/showg.svg") format("svg"), /* Legacy iOS */
    url("font/showg.ttf") format("truetype"), /* Safari, Android, iOS */
    url("font/showg.woff") format("woff"), /* Modern Browsers */
    url("font/showg.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
.font3 {
	font-family: "font_showg";
}
.f1 {
	font-family:"f";

}
.f2 {
	font-family:"f2";
}
.font_showg {
	font-family:"font_showg";
}
.hide {
	display:none;
}

.posisbox_0 {
	display:none;
}
.posisbox_1 {
	display:inline-block;
}





.dcols > div {
	display:inline-block;
}
.dcol {
	display:inline-block;
}
.div_menu1 {
	text-align:center;
}
.div_menu1 > div {
	border: 1px solid #CCC;
	display:inline-block;
	width:47%;
	height:40px;
	text-align:center;
}
.div_menu2 {
	text-align:center;
}
.div_menu2 > div {
	border: 1px solid #CCC;
	display:inline-block;
	width:46%;
	height:60px;
	margin-top:10px;
	text-align:left;
	padding-left:15px;
	float:left;
	margin-left:5px;
	border-radius: 5px;
	font-size:30px;

}
.div_menu2 > div > * {
	display:inline-block;
}




.refbox {
	position:relative;
}

* {
	padding:0;
	margin:0;
	font-family:"f";
	font-size:26px;
	
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
								  
}


input {
	padding-left:3px;
}


.page {
	min-height:400px;
	
}

.cssrows > * {
	display:block;
}
.pos_form > * {
	margin:4px;
}


@keyframes scaleIn {
  from {
    transform: scale(.5, .5);
    opacity: .5;
  }
  to {
    transform: scale(2.5, 2.5);
    opacity: 0;
  }
}

.oo2 {
  border-radius: 50%;
  background-color: deepskyblue;
  width: 250px;
  height: 250px;
  position: absolute;
  opacity: 0;
  animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
}

.fullx  {
	position:fixed!important;
	left:0!important;
	top:0!important; 
	background-color:rgba(0,0,0,0.4);
	height:100%!important;
	width:100%!important;
}

.fullx2  {
	position:fixed;
	left:0; 
	top:0; 
	background-color:rgba(0,0,0,0.4);
	height:100%;
	width:100%;
}

.rp {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.rp:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #FF0000 70%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .3s, opacity 1s;
}

.rp:active:after {
  transform: scale(0, 0);
  opacity: .6;
  transition: 0s;
}

.row_food,.row_foodx {
	margin: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	overflow:hidden;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	vertical-align:text-top;
	background-color:#F9FAF7;
	padding:3px;
	
}
.card_fimg {
	max-width:170px;
}
.row_foodtype {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
}
.ftname {
	font-weight:bold;
	font-size:24px;

}
.row_foodtype:hover {
	background-color:#86B2DD;
}

.row_orderlist  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
}
.row_orderlist .col_tick {
	display:none;
}
.row_select .col_tick {
	display:inline-block;
}

.mtop1 {
	margin-top:-8px;
}
.mtop_div1 > div {
	margin-top:-10px;
}
.product_fname {
	color:#303030;
	font-size:22px;
	padding-left:5px;
	font-weight:bold;
}
.product_price {
	font-weight:bold;
	color:#21BA1D;
}



.row_select,.row_select2 {
	background-color: #AAAAD5;
}
.dbrow_select {
	background-color:#8686C4;
}
.menu_list > div {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-weight:bold;
	padding:6px;
	font-size:24px;
}
.menu_list > div:hover {
	background-color:#C5C5C5;
	cursor:pointer;
}
.row_customer_order {
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
}
.row_selectaddproduct {
	background-color:#85A3EF;

}
#panel_sendaddress {
		border-radius: 15px;
}
.o2 {
    border: 6px solid #905CB8;
    box-shadow: inset 0 0 0 6px #905CB8;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-top: 40px;
    border-radius: 50%;
    background-color: #F25858;
    display: table;
    position: relative;
}
.ox {
    border: 6px solid #905CB8;
    box-shadow: inset 0 0 0 6px #905CB8;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 50%;
    background-color: #F25858;
}

.img_info {
	margin-left:10px;
}
#gorder_button {
}
.back_button {
	background-image:url("./img/bback.png");
	width:44px;
	height:44px;
	background-repeat: no-repeat;
    background-size: 40px 40px;

}
.card1 {
	border-radius: 15px;
	padding:5px;
	margin-bottom:20px;
}
.img_search_branch {
	border-radius: 15px;
}
.search_col_branchname {
	font-weight:bold;
	color:#0078B3;
	font-size:28px;
	background-color:#000000;
	bottom:0;
	width:100%;
	
}
.search_col_info {
	padding-left:10px;
	font-size:24px;
	font-weight:bold;
	color:#000000;
	background-color:#E1E1E1;
	padding-top:10px;
	padding-bottom:10px;
}
.col_order_qty_list {
	color:#000000;
}
#form_addorder input,#form_addorder textarea {
	border: 2px solid #666;
	min-height:50px;
	border-radius: 5px;
    color:#4141E2;
	font-weight:bold;
}
.flabel {
	margin-top:3px;
}
.myorder_tprice {
	font-weight:bold;
	font-size:40px;
	color:#21BA1D;
}
.button2 {
	border-radius: 25px;
	background-color:#21BA1D;
	color:#FFFFFF;
	padding:5px;
	text-align:center;
	display:inline-block;
	cursor:pointer;
}
.button2:hover {
	background-color: #21B61D;
}
.div_menulist > div {
	font-weight:bold;
	font-size:40px;
	background-color:#CCC;
	padding-left:10px;
	margin-bottom:2px;
	border-radius: 5px;
}
.formtext {
color:#4141E2;
}
.row_tr * {
	font-size:24px;
}
.row_tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left:5px;
}
.tr_select {
	background-color:#CCCCCC;

}
.tr_qty {
	font-size:32px;
	font-weight:bold;
	margin-left:5px;
}
.tr_price {
	font-size:32px;
	font-weight:bold;
	color:#00CA00;
}
#tr_loop {
	width: 30px;
	height: 30px;
	border: 2px solid #333;
}
.td_lline {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.yscroll {
	overflow:auto;
}
.row_ufood,.row_ufoodx {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.b_addbutton {
	font-weight:bold;
	font-size:26px;
	padding:3px;
}
.button_menu {
	font-size:30px;
	font-weight:bold;
}
.row_selectx {
	background-color:#C3C3C3;
	padding:3px;
	border-radius: 20px;
	margin-bottom:3px
}
.header_text {
font-weight:bold;
color:#485AF9;
padding-left:10px;
}
.button_edit {
font-weight:bold;
color:#61BF62;
padding-left:10px;
}
.row_myproduct_select {
	background-color:#CCCCCC;
}
.u_menu {
	display:inline-block;
	float:left;
	background-color:#CCC;
	margin:2px;
	border-radius: 10px;
	width:60px;
	text-align:center;
	height:100px;
}
.u_menu {
	vertical-align:bottom;
}
.u_menu > * {
	font-size:20px;
	font-weight:bold;
	padding-top:5px;
} 
.mycard {
	display:inline-block;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	float:left;
	padding-left:3px;
	padding-right:3px;
	min-width:50px;
}

.mycard > * {
	font-size:22px;
}
.row_field {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
}
.m_check {
	width: 30px;
	height: 30px;
	border: 2px solid #333;
	margin-right:10px;
}
input[type="checkbox"] + label::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 27px;
  border-left: 2px solid black;
  border-bottom: 2px solid black;
  height: 6px;
  width: 13px;
  transform: rotate(-45deg);
  opacity: 0;
}
input[type="checkbox"]:checked + label::after {
  opacity: 1;
}
.rx {
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.rx:hover  {
	background-color:#CCC;
}
.box_button:hover  {
	background-color:#C66;
	cursor:pointer;
}
.f_mode_add  #button_updatedb,.f_mode_add #button_deldb {
	display:none; 
}
.f_mode_edit  #button_updatedb,.f_mode_edit #button_deldb {
	display:inline-block; 
}
.f_mode_edit  #button_savedb{
	display:none; 
}
.form_mobile input,.form_mobile textarea {
	min-height: 40px;
	color: #1FA962;
	font-weight: bold;
	padding-left: 3px;
	width: 100%;
	background-color: #F3F3F3;
}
.over_color {
background-color:#0000008C
}
.line_menu > div {
	display:inline-block;
	background-color:#CCC;
	padding:8px;
	border-radius: 10px;
	cursor:pointer;
}
.row_search {
	width:320px;
	display:inline-block;
	
}
.feed_box {
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
}

.img_label {
	color:#303030
	
}
.img_label_info {
	color:#8C8C8C;
	padding-left:40px;
	font-size:24px;
}
.feed_bottom  * {
	color:#8C8C8C;
	padding-left:10px;
	font-size:24px;
	
}
.imgfeed {
	max-width:340px;
}
.islink {
	cursor:pointer;
}

.menu_v1 {
	display: inline-block;
	width:60px;
	border: 1px solid #CCC;
	height:100px;
	padding:3px;
	text-align:center;
	border-radius:5px;
	cursor:pointer;
}
.menu_v1:hover {
	background-color:#CCC;
}
.ft_showall {
	font-weight:bold;
	font-size:34px;
	padding:10px;
}
.pageapp {
	text-align:left;
}
.tmain_select,.t_select {
	background-color:#EC9643;
}
.gpage { 
text-align:left;
}
.row_ufoodtype {
	padding-left:3px;

}
.rline {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E8E8E8;
}
.rline2 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #707070;
	padding-left: 3px;
	padding-right: 3px;
}

.gcolor {
	color:#009F50;
	font-weight:bold;
}

.color2 {
	color:#808080;
}
.w50 {
	width:50px;
	display:inline-block;
}
.fontsizeb {
	font-weight:bold;
	font-size:30px;
}
.divfit > div {
	margin-top:-10px;
}

#hmenu {
  background-color: red;
  width: 32px;
  height: 32px;
   -webkit-mask-image: url('img/hmenu.png');
}
.htext1 {
	font-weight:bold;
	font-size:36px;
	padding-left:5px;
}
.st_form input,.st_form textarea {
	width: 90%;
	padding-left: 5px;
	height: 44px;
	border: 2px solid #808080;
}
.noti_alert {
	display:none;
}
.noti_unread .noti_alert {
	display:inline-block
}
#back2top {
	width:40px;
	height:40px;
	position:fixed;
	top:100%;
	left:100%;
	margin-top:-50px;
	margin-left:-60px;
}
.row_mycard {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
	padding-top:5px;
}
.ax {
	font-size:16px;
	color:#CCC;
}
.bcolor {
	color:#808080;
}
.mleft10 {
	margin-left:10px;
}
.mleft15 {
	margin-left:15px;
}
.mleft20 {
	margin-left:20px;
}







.xb  {
	background-color:#FF0000;
	padding:20px;
}
.row_food {
	margin: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	overflow:hidden;
	text-align:center;
	margin-left:3px;
	margin-right:3px;
	vertical-align:text-top;
	background-color:#F9FAF7;
	padding:5px;
	text-align:left;
}
.row_foodx {
	margin: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	overflow:hidden;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	vertical-align:text-top;
	display:inline-block;
	width:180px;
	background-color:#F9FAF7;
	padding:5px;
}
.x320 .row_foodx {
	width:130px;
}
.app_b_title {
	color: #E0572A;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0572A;
}
.app_b_detail {
	padding-top:5px;
	padding-left:20px;
	color: #E9FAFF;
}
.row_noti {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-left:10x;
	margin-right:10px;
	padding-left:5px;
}
.row_noti:hover {
	background-color:#ccc;
}
.ui_tel {
	background-color: #CCC;
	border-radius: 5px;
	margin-left:3px;
	cursor:pointer;
	padding-left:3px;
	padding-right:3px;
}
.ui_tel:hover {
	background-color:#999;
}
.foodoption_select {
	background-color:#69F;
}
.row_orderlist_remark {
	color:#2DA654;
}
.row_selectplace {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
	cursor:pointer;
}
.row_selectplace:hover {
	background-color:#999;

}
.field_boxy {
	background-color:#B66D6D;
}
#f_search input {
	height: 40px;
	width: 200px;
	border: 2px solid #999;
}
.m_checkbox {
	width: 30px;
	height: 30px;
	border: 2px solid #999;
}
.csscol {
	display:inline-block;
}
.max100 {
	max-width:100px;
	display:inline-block;
	overflow:hidden;
	height:1em;
}
.float_bottom50 {
	position:fixed;
	top:100%; 
	margin-top:-50px;
	left:0;
	width:100%;
	background-color:#CCC;
	height:50px;
}
.row_ofoodtype {
	cursor:pointer;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}
.row_ofoodtype:hover {
	background-color:#7373B9;
}
.row_foodtypef {
	background-color:#B5B5DB;
}
.row_ofood {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top:2px;
}
.mtopd5 {
	margin-top:-5px;
}
.mtopd8 {
	margin-top:-8px;
}

.mtopd10 {
	margin-top:-10px;
}
.mtopd12 {
	margin-top:-12px;
}
.mtopd15 {
	margin-top:-15px;
}

.txt_toptitle {
	font-weight:bold;
}
.txtline {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #000000;
	border-left-color: #FFFFFF;
}
.button_line {
	border: 1px solid #E4E4E4;
	padding:5px;
	cursor:pointer;
	display:inline-block;
	border-radius: 5px;
}
.button_line:hover {
	background-color:#8688EA;
}
.txtnoborder {
	border: 1px solid #FFF;
}
.divline {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.txtsearch {
		border-radius:5px;
}
.tab_select {
	color:#FFFFFF;
	background-color:#24934A;
}
.place_row_select {
	background-color:#B53C3C;

}
#foodtype_box {
	background-color: #FFF;
	padding: 2px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;	
}
.row_photo {
	margin: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	overflow:hidden;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	vertical-align:text-top;
	display:inline-block;
	width:160px;
	background-color:#F9FAF7;
	padding:5px;
	
}
.td_lpanel {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-left:2px;
	padding-right:2px;
	background-color:#F3F3F3;
}
.ltab_select {
	background-color:#B4B4B4;
}
.divlink > div {
	cursor:pointer;
}
.divlink > div:hover  {
	background-color:#808080;
}
.atab {
	color:#FFFFFF;
	font-weight:bold;
	font-size:38px;
	padding-left:5px;
}
.atabf {
	color: #F39;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F39;
}
.tabf {
	background-color:#ACACD7;
}
.divlinkbox > div {
	cursor:pointer;
}
.divlinkbox > div:hover {
	background-color:#B5B5DB;
}
#food_filter_box {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;	
}
.xtitle {
	font-weight:bold;
	cursor:pointer;
}
.xtitle:hover {
	background-color:#8080C0;
}
.trline {
	height:30px;

}
.trline:hover {
	background-color:#ABABD6;

}
.trline td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.row_bfoodtype {
	padding:3px;
}
.divtab * {
	font-size:22px;
}

.dr_social {
	min-height:200px;
	padding-left:10px;
}
.fonts1 {
	font-size:22px;
	font-weight:bold;
	color:#008000;
}
.divlist > div {
	cursor:pointer;
}
.divlist > div:hover {
	background-color:#9393CA;
}
.xlink {
	cursor:pointer;

}
.table_line td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
.de2_select {
	width:15px;
	margin-left:3px;
	margin-right:3px;
}
.hbutton * {
	font-weight:bold;
	font-size:20px;
}
.hbutton {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;

	padding-left:5px;
	padding-right:5px;
	text-align:center;
	min-width:40px;
	cursor:pointer;
}
.img_uploadpreview {
	width:80px;
	height:80px;
}
.cell_img {
	margin-left: 10px;
	margin-top: 5px;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;
	display:inline-block;
	margin-left:5px;
}
.row_grid {
	display:inline-block;
}
.t_select,.t_select_food,.t_select_bft {
	background-color:#B0B0D9;

}
.round_box {
	border-radius: 15px;
}
.div_tab > * {
	padding-left:5px;
	padding-right:5px;
	border-radius: 5px;
	color:#000000;
}
.div_tab .t_select {
	background-color:#000;
	color:#FFFFFF;
}
#upload_status_box {
	border-radius: 5px;
	border: 2px solid #303030;
	padding:10px;
}

.divtab > .t_select {
	background-color:#303030;
	color:#FFFFFF;
}
.black_box {
	border: 2px solid #333;
}
.ui_tabgroupline {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #303030;
	margin-top:-5px;
}
.ui_tabgroup > * {
	display:inline-block;
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	background-color:#CCC;
	font-weight:bold;

}
.ui_tabgroup > .t_select {
	background-color:#303030;
	color:#FFFFFF;
}
.searchboxx {
	margin: 5px;
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #303030;
}
.is_link {
	cursor:pointer;
}
.div_item > * {
	padding-left:3px;

}
.divlist > * {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CECECE;
	padding-top:3px;
	padding-bottom:3px;
}
.txt_bold {
	font-weight:bold;
}
.list_row {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top:3px;	
}
.size_b42 {
	width:42px;
	height:42px;
}
.row_grid {
	display:inline-block;
}
.row_list {
	display:block;
	text-align:left;
	margin-left:10px;
	margin-right:10px;
}
.row_ft_select {
	background-color: #99B1C9;
}
.foodtype_name_label {
	font-size: 16pt;
}
.row_select_table {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding:5px;
	width:100%;
}