@charset "utf-8";

/* CSS Document */

/*三選單-按鈕*/
.sidebar-toggle-box{
	padding-top:7px;
	padding-left:9px;
	background:#F5A252;
	}
.sidebar-toggle-box:hover{
	background:rgba(255, 210, 128, 0.98);
}	
.sidebar-toggle-box .dropdown.dropdown a{
	color:white;}
	
.sidebar-toggle-box .dropdown-toggle	{
	display:block;
	width:30px;
	height:30px;}
	
/*三選單-下拉區*/
	
.sidebar-toggle-box .dropdown-menu{
	position:absolute;
	left:-240px;
	top:31px;}


@media (max-width: 767px) {
	.sidebar-toggle-box .dropdown-menu{
	left:-215px;
	}

}	
.dropdown-menu.extended{
	width:240px !important;
	padding:0;
	-webkit-border-radius:0;
	border-radius:0;
	margin-left:8px;
	min-height:800px;
	background:/*#38383C*/ white;}	

.dropdown-menu.tasks-bar li a{
	color:white;
	font-family:"微軟正黑體";
	font-size:17px;
	padding-left:6px;
	font-weight:normal;}
	
.dropdown-menu.tasks-bar li a:hover,
.dropdown-menu.tasks-bar li a:focus{
	color:#FCCD58;
}
	
.dropdown-menu.extended.tasks-bar li a{
	background:/*#28282e*/ white;
	color:#28282e;
	border-bottom:1px solid #E4E4E4;
	padding:15px 15px 15px 25px;
	-webkit-border-radius:0;
	border-radius:0;
	margin-bottom:1px;}	
	
.dropdown-menu.extended.tasks-bar li:first-child a{
	background:#f5a252;
	color:#28282e;
	padding:15px 15px 10px 25px;
}	
.login-out{
	background:rgba(255,255,255,0.9);
}
.dropdown-menu.tasks-bar .fa-user + span{
	position:relative;
	top:-10px;
	color:rgb(248, 230, 196);
}
.fa-user{
	background:url(../images/faicon/person-icon.png) center;
	padding:19px;
}
.desk-describe i.fa-user{
	background:url(../images/faicon/fa-user-black.png)  no-repeat center;
	padding:6px;
}
.dropdown-menu.extended.tasks-bar li a i{
	margin-right:3px;
}

	
/*語系切換及服務鈴*/
.top-nav .top-menu-remind  ul.top-menu>li>a.home-icon,
.top-nav .top-menu-remind  ul.top-menu>li>a{
/*	margin-top:6px;
	font-family:"微軟正黑體";
	cursor:pointer;
	padding:5px 9px;
	border:0;*/
	
	margin-top: 9px;	
	font-size:19px;
	font-family:"微軟正黑體";
	cursor:pointer;
	border:0;
	display:inline-block;
	min-width:30px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align: center;
	padding-left:8px;
}	
.home-icon > .fa-home{
	position:relative;
	background: url(../images/faicon/fa-home.png) no-repeat center;
	height:30px;
	width:20px;
	display:inline-block;
	top:-7px;
	left:-3px;
}
.dropdown-toggle .fa-home{
	background:url(../images/faicon/fa-dollar-black.png) no-repeat left center;
	height:30px;
	width:20px;
	display:inline-block;
	position:relative;
	left:-4px;
	top:-1px;
}

.top-nav ul.top-menu  .btn-group  .btn-white{
	font-size:16px !important;
}

/*服務鈴*/
.top-nav ul.top-menu>li:first-child >a{
	background:#F5A252;
	color:white;
	width:100px;
	font-size:18px;
	height:38px;
	padding-top:6px;
	padding-left:9px;
	margin-top:1px;
}
	
}

/*下拉語系*/
.top-menu .btn-group{
	margin-top:6px;
}

.top-menu .btn-group.open .dropdown-menu{
	right:0;
	left:-50px;
	min-width:158px;
	font-size:16px
}
.top-nav ul.top-menu>li:first-child >a:hover,
.top-nav ul.top-menu>li:first-child >a:focus{
	background:rgba(255, 210, 128, 0.88) !important;
	border:0;
	color:orange;
	color:white !important;
}

.top-nav ul.top-menu>li>a:hover, 
.top-nav ul.top-menu>li>a:focus{
	border:0;
	}

.pull-right.top-menu{
	margin-top:4px;
}

@media (max-width: 479px) {
	ul.top-menu{
		margin-right:10px;
	}
	.top-nav{
		display:none;
	}
	.top-nav.employee-sevice-bar{
		display:block !important;
	}
	.emp{
		display:block;
	}
	body.login-body{
		margin-top:0 !important;
	}
	.form-signin input[type="text"], .form-signin input[type="password"]{
		font-size:18px;
	}
	
	.detail-list-wrap .col-sm-12{
		padding-right:0;
		padding-left:0;
	}
	
}

	
/*下方區塊*/	
.consumption {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 55px;
    background-color:#373228;
    z-index: 9991;
    font-size: 18px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #5D6977;
    color: #000000;
    font-family: "微軟正黑體";
	padding-top:10px;
}

/*停售時,下方區塊*/
.consumption.sold-out-box{
	display:none;
}
.addno-box .sold-out-icon i{
/*	background:url(../images/faicon/sold.png) center no-repeat;*/
	display:block;
	width:33px;
	height:19px;
}
.addno-box .sold-out-icon i:before{
	content:"售";
	font-size:1.35em;
	color:#1ca59e;
}

.addno-box .sold-out-icon.active{
	background:red;
	border-color:#D54040;
}
.addno-box .sold-out-icon.active i{
	background:none;
/*	display:block;
	width:33px;
	height:19px;*/}
	
.addno-box .sold-out-icon.active i:before{
	content:"停";
	font-size:1.35em;
	color:white;
}	
	
.consumption ul {
    padding: 0 10px 0px 0px;
    padding-bottom: 15px;
    text-align: right;
    float: right;
}

.consumption li {
    float: left;
    padding-left: 5px;
    list-style-type: none;
}
.consumption li a {
	color: #fff;
    font-family: "微軟正黑體";
}

.toggle-right-box{
	background:#FA8564;
}



.cost-detail{
	padding-top:3px !important;
	padding-bottom:3px !important;

}


/*按鈕-桌號及操作說明*/
.buttondesk , .information-icon{
    font-size: 19px;
    display: inline-block;
    font-family: "微軟正黑體";
	color: #fff;
	border-radius:0;
	border-left:1px solid #7D7D7D;
  /* background-color: #45C9C4;
    font-weight: 500;
    border-radius: 5px;*/
}

.buttondesk{
	padding:0 10px 2px 10px;
	margin: 0 0 0 7px;    

}
.information-icon{
	/*padding:3px 6px 5px 7px !important;*/
	border:0;
}
.s-table:before {
	content:"桌";
	background:white;
	color:#45C9C4;
	 border-radius:13px;
	 font-size:15px;
	 padding:1px 4px 2px 4px;
	 margin-right:2px;
}

.information-icon a{
    color: #fff;
	cursor:pointer;
	font-size:19px;
}

.information-icon a i:before{
	content:" ";
}
.information-icon a i{
	background:url(../images/s-table.png) center no-repeat;
	padding:2px 6px;
	display:inline-block;
	width:32px;
	height:16px;
}

.information-icon i + span{
	margin-left:4px;
	display:inline-block;
}

/*單點餐點備註項目*/

.remark-group span{
	font-size:15px !important;
	line-height:25px;
}

.select-single a.remark-btn{
	margin-top:-27px;
}


#sidebar .sub-menu>.sub li a.remark-btn{
	display:inline;
	padding-left:0;
	padding:0;
}

.select-single .single-num {
	display:inline-block;
}
.right-stat-bar {
	padding-bottom:50px;}


.single-order h4,
.single-order h4 + p,
.widget-collapsible  h4,
.widget-collapsible  h4 + p,
.widget-collapsible .pull-left,
.grelly-group > section > div span,
.search-row .btn-danger,
.order-list,
.del-list,
.order-mark-box,
.modal-header h4.modal-title,
.accordion-heading,
.run-down-box .sidebar-menu .sub,
.btn,
.table-box p,
.phone-menu-wrap a,
.msg-box span,
.mail-nav li a span:last-child,
.table ,
.gen-case,
.check-title,
.check-fun .col-lg-3 div:first-child,
.msg-bar,
.btn-group,
.check-bwrap .panel-heading,
.total-bar,
.fa-bars span,
.modal-body label,
.mark-group label,
.pricing-head h1,
.btn-login,
.form-signin input,
.form-signin label,
.notification .pull-right .fa-user + span,
.dropdown-menu.extended li p,
.detail-list-wrap h3,
.login-wrap h3,
.desk-describe p,
.desk-item .room,
.desk-describe div,
.btn-alert,
.logout-box button,
.remark-group span,
.price-head h1,
.price-head h1 + p,
#loading-box p,
.top-menu li a,
.pop-menu .number-box-wrap,
.marquee-box,
.pricing-quote p,
.msg-box .form-group label,
.panel-heading,
.msg-box h4,
.top-nav .username,
.instruction-box .close,
.back-bar,
.packages-name,
.sold-out-wrap .grelly-group .addno-box p,
.sold-out-describe,
.addno-box .sold-out-icon i:before
{
	font-family: "微軟正黑體" !important;}
	
/*菜單相簿*/
.grelly-menu{
	margin-bottom:30px;
	margin-top:5px;
	margin-right:0;
	margin-left:0;
}

.site-min-height,
.modal-content{
	background:#E0E0E0;
}

.site-min-height{
	min-height:auto;
}

.detail-list-wrap > .wrapper{
	background:#F1F2F7;
}
.grelly-group > section > div{
	border:1px solid #C7C6C6;
	border-radius:5px;
}
.grelly-group .img-box{
	height:160px;
	max-height:160px;
	background:#f5f5f5 url(../images/temp-img.png) no-repeat center;
}
.col-lg-3.grelly-group{
	padding-right:5px;
	padding-left:5px;
}
.col-lg-3.grelly-group .panel{
	margin-bottom:9px;
}
/*沒有圖片的頁.col-lg-3.grelly-group.grid-l*/
.grelly-menu.grid-l .img-box img,
.grelly-menu.grid-l .img-box{
	display:none;
}
.grelly-menu.grid-l .price-box{
	display:none;
}
.grelly-menu.grid-l .top-tag{
	display:none;}
/*End*/

/*暫下架的菜*/
.grelly-menu .grelly-group.sold-out-active .panel-body{
	background:black;
	opacity:0.7;
}
.grelly-group > section > div.sold-out-describe{
	position:absolute;
	z-index:50;
	margin:21% 0 0 13%;
	border-radius:0;
	border:0.2em solid white;
	padding:0;
	width:70%;
	margin-left:13%;
}

.grelly-group > section > div.sold-out-describe > div{
	background:white;
	opacity:0.9;
	
	border:0.09em solid #A5A5A5;
	color:#160D0D;
	padding:0.2em;
	font-size:1.8em;
	font-weight:bold;
	white-space:pre;
	text-align:center;
}
.grelly-menu .grelly-group.sold-out-active .addno-box > a{
	opacity:0.5;
}
@media (max-width: 767px) {
	.grelly-group > section > div.sold-out-describe{
		margin:28px 13%;
	}
	.grelly-menu .grelly-group.sold-out-active .panel-body{
		background:#F1F1F1;
		opacity:0.3;
		border:1px solid;
	}
	.grelly-group > section > div.sold-out-describe > div{
		opacity:1;
		border:0.09em solid #827D75;
	}
}


/**/
.sold-mask{
	position:absolute;
}
.sold-mask div:first-child{
	position:absolute;
	
}
.sold-mask div:llast-child{
	position:absolute;
	background:black;
	opacity:0.8;
}
.top-tag{
	position:absolute;
	color:#BF4B07;
	padding:5px 10px;
	margin:3px;
	border-radius:15px;
	font-size:15px;
	font-weight:bold;
	font-size:18px;
	
background: rgba(255,201,51,1);
background: -moz-linear-gradient(left, rgba(255,201,51,1) 0%, rgba(245,175,36,1) 0%, rgba(252,206,90,1) 50%, rgba(255,183,15,1) 51%, rgba(255,183,16,1) 55%, rgba(255,185,20,1) 71%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,201,51,1)), color-stop(0%, rgba(245,175,36,1)), color-stop(50%, rgba(252,206,90,1)), color-stop(51%, rgba(255,183,15,1)), color-stop(55%, rgba(255,183,16,1)), color-stop(71%, rgba(255,185,20,1)));
background: -webkit-linear-gradient(left, rgba(255,201,51,1) 0%, rgba(245,175,36,1) 0%, rgba(252,206,90,1) 50%, rgba(255,183,15,1) 51%, rgba(255,183,16,1) 55%, rgba(255,185,20,1) 71%);
background: -o-linear-gradient(left, rgba(255,201,51,1) 0%, rgba(245,175,36,1) 0%, rgba(252,206,90,1) 50%, rgba(255,183,15,1) 51%, rgba(255,183,16,1) 55%, rgba(255,185,20,1) 71%);
background: -ms-linear-gradient(left, rgba(255,201,51,1) 0%, rgba(245,175,36,1) 0%, rgba(252,206,90,1) 50%, rgba(255,183,15,1) 51%, rgba(255,183,16,1) 55%, rgba(255,185,20,1) 71%);
background: linear-gradient(to right, rgba(255,201,51,1) 0%, rgba(245,175,36,1) 0%, rgba(252,206,90,1) 50%, rgba(255,183,15,1) 51%, rgba(255,183,16,1) 55%, rgba(255,185,20,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc933', endColorstr='#ffb914', GradientType=1 );
}

.col-lg-4.grelly-group{
	padding-right:8px;
	padding-left:8px;
}


/*桌面百分比*/
@media (min-width: 700px){
	col-lg-4.grelly-group{
	width:33.333333% !important;
	float:left !important;}
	}
	
.quantity-tag{
	position:absolute;
	background:red;
	text-align:center;
	line-height:31px;
	display:inline-block;
	right:1px;
	top:-4px;
	color:white;
	width:32px;
	height:32px;
	border-radius:16px;
	font-size:18px;
	font-weight:bold;
}

.nav-collapse .quantity-tag{
	width:30px;
	height:30px;
	line-height:30px;
	top:6px;
}

.spicy-icon{
	background:url(../images/spicy-icon.png) no-repeat center;
	background-size:96%;
	padding:10px;
	height:25px;
	width:22px;
	margin-top:5px;
	margin-right:3px;
	margin-left:-5px;
}

.col-lg-3.grelly-group .panel-body{
	padding:8px;
}

/*統一編號按鈕*/
.nav>li.btn-input-no{
	display:none ;
	}
	

	
@media (min-width: 922px) and (max-width: 1200px){
	.col-lg-3.grelly-group{
	width:33%;
	}
}

@media (min-width: 768px) and (max-width: 921px){
	.col-lg-3.grelly-group{
	width:50%;
	}
	.check-fun > .col-lg-4{
	width:48%;
	}
	
	.check-fun > .col-lg-5,
	.check-fun > .col-lg-3{
	width:26%;
	}
	.check-list-top {}
}
@media (max-width: 768px){
	.check-fun  .pull-right{
		background: #515152;
		width: 100%;

	}
	.btn-input-no{
		display:block !important;
	}
	.col-lg-3.grelly-group .panel{
		margin-bottom:3px;
	}
	.col-lg-3.grelly-group{
		padding-right:1px;
		padding-left:1px;
	}
	.grelly-menu{
		margin-top:2px;
	}
}

/*價格區塊*/
.price-box{
	opacity:0.8;
	height:35px;
	background:black;
	margin-top:-35px;
	font-size:18px;
}

.price-box span{
	color:white;
	line-height:35px;
	padding-left:5px;
	font-size:13px;
	padding-right:4px;
}
.price-head {
	padding:10px 0 0;
}

.price-box .price-item{
	font-size:22px;
}


.grelly-group > section > div img{
	width:100%;
	height:160px;
	}
	
.addno-box a{
	margin-top:5px;
	width:40px;}
	
.btn{
	padding:7px 14px;
}
.btn-order{
	padding:0;
}
	
.input-group .form-control{
	height:38px;
	color:red;
	font-weight:red;
	font-size:19px;
}	
.addno-box span{
	font-size:18px;
	line-height:50px;}	
	
.addno-box span{
	display:inline-block;
	overflow : hidden;
  	text-overflow : ellipsis;
	white-space : nowrap;
	word-spacing:break-all;
	position:absolute;
	left:59px;
}

<!--未送單-->	
.fa-chevron-down.ico-plus{
	font-family:FontAwesome;
}


/*確認送單按鈕*/
.search-row .btn-danger{
	width:160px;
	font-size:18px;
	border:1px solid #E69925;
	padding:4px;
	background:#f40000;}
	
/*確認送單按鈕*/
.tab-c .search-row .btn-danger:last-child{
	width:219px;
}
		
/*回菜單按鈕*/
.search-row .pre-menu{
	width:39px;
	margin-right:3px;
	background:#32323a;
	border:2px solid #4C4A4A;
}	
/*招待全單*/
.search-row .pre-free-pay{
	width:39px;
	margin-right:3px;
	background:#32323a;
	border:2px solid #4C4A4A;}
/*招待全單-按下效果*/
.search-row .pre-free-pay.active{
	background:#F3973E;
}

.search-row .pre-menu:hover,
.search-row .pre-menu:active{
	background:#000;
	}	
.right-sidebar .search-row{
	padding:7px 8px;
	position:absolute;
	bottom:0;
	background:black;
	z-index:100002;
	width:inherit;
	height:54px;
}
.order-list{
	font-size:17px;
	color:#FFC656;
	padding-left:6px;
	background:black;
	height:80px;
	padding-top:7px;
	}	
.order-mark-box{
	background: #f40000;
	color:white;
	position:relative;
}
.order-mark-box span{
	font-size:1.2em;
	line-height:2.5em;
}
.tip-icon{
	background:url(../images/faicon/tip-icon.png) center no-repeat;
	padding:10px;
	margin-left:6px;
	margin-right:4px;
}
.order-mark-box:after{
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #f40000;
	border-width: 10px;
	margin-left: -10px;
	}
	
.order-list.employee{
	color:#FFC656;
}

.order-list > .pull-right{
	color:#FFC656;
	line-height:32px;
	padding-right:12px;
}
	
.order-list.employee span:first-child{
	padding-left:5px;
}
.order-list.employee span:last-child{
	color:white;
	padding-left:22px;
	padding-bottom:2px;
	display:inline-block;
}	
.order-list .fa-file-text{
	padding:10px 7px;}	
	
/*預留未送單下方區塊*/	
.right-stat-bar {
	padding-bottom:80px;}	

.right-stat-bar .fa-exclamation-triangle{
	color:#EF0909;
	margin-right:3px;
}

.right-side-accordion .head{
	padding:10px 18px 10px 18px;
}

.widget-collapse i{
	line-height:30px;
}
	
.right-side-accordion > div{
	height:70px !important;
}	
	
/*單點 single-order*/	

.single-order .btn-modify{
	padding:5px 3px;
	background:#32323A;
	border-color:#4B4A48;
}

.single-order .btn-del{
	padding:5px 9px;
	margin-right:3px;
	background:#32323A;
	border-color:#4B4A48;
}

.single-order .fa-cutlery{
	margin-left:-18px;
	padding-right:4px;
	color:#DEDEE0;
	font-size:14px;
	line-height:14px;
}


/*套餐 widget-collapsible*/
.widget-head .pull-left{
	font-size:18px;
	padding-left:8px;
	line-height:28px;
	width:165px;

	overflow : hidden;
  	text-overflow : ellipsis;
	white-space : nowrap;
	word-spacing:break-all;

}

.widget-container h4,
.single-order h4{
	font-size:18px;
	padding-top:5px;
	display:inline-block;
	text-indent:2px;
	overflow : hidden;
  	text-overflow : ellipsis;
	white-space : nowrap;
}

.widget-container h4{
	width:269px; /*229*/
	padding-left:35px;
}

.single-order h4{	
	width:180px;
	padding-left:18px;
}
	
.widget-collapsible > a > .pull-right .user-status:before{

}
.widget-collapsible > a > .pull-right .user-status i{
	font-size:16px;
	text-align:center;

}
.widget-collapse + .pull-right{
	width:120px;/*80*/
	text-align:right;
}
	
.widget-container .user-details{
	width:170px;}
	
.widget-collapsible > .widget-container {
	background:rgba(69, 201, 196, 0.28);
}	
	
/*備註*/	
.single-order h4 + p{
	width:274px;
	padding-top:3px;
	padding-left:20px;
}	

.widget-collapsible h4 + p{
	width:290px;/*250*/
	padding-left:37px;

}	
/*套餐屬何人*/
.packages-name{
	font-size:16px;
	margin-bottom:0;
	padding-left:11px;
	display:inline-block;
	color:rgb(250, 215, 120);
}
.prog-row p{
	color:rgb(184, 222, 121);
}
.widget-container .user-details.text-danger{
	margin-right:3px;}
		
.widget-container li .user-detail h4{
	font-size:14px;}

.widget-container .pull-right{
	text-align:center;
	font-size:15px;
	margin-right:6px;}
.prog-row p{
	font-size:16px;
	line-height:25px;}	
	
.prog-row{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:7px;}	
	
.widget-collapse{
	left:5px;}	
	
.btn-modify{
	padding:5px 3px;
}
	
.btn-del{
	padding:5px 9px;
	margin-right:-12px;}

.user-details {
	width:191px;
	}

.meal-box .btn-del{
	margin-right:0;
	margin-top:-40px;
	padding:5px 10px;
}		
	
.del-list{
	margin-top:14px}	
	
.del-list i{
	padding-right:3px;}	
	

	
/*Pop window*/
.modal-header{
	background:#fa8564;
	color:white;
	}	
.order-name{
	width:auto;
	font-size:0.9em;
	color:#A1300D;
	background:rgb(250, 239, 237);
	border-color:white;
	position:absolute;
	top:11px;
	right:67px;
}	
#divItemsTotal{
	width:145px;
	line-height:33px;
}	
#divItemsCount{
	line-height:33px;	
}
.pull-right.free-pay-cost{
	width:145px;
	color:white;	
}
.order-list i{
	background: url(../images/meal-s-white.png) center 6px no-repeat;
	background-size:100%;
	width:20px;
	height:20px;
	display:inline-block;
}

/*套餐流程 run-down-wrap run-down-box*/

.run-down-wrap{
	padding:0;
}

/*額滿的副餐*/
.run-down-wrap .run-down-box .sub-menu.active > a{
	background:#D3D1D0;
	border-bottom:1px solid #A7A7A7;
	color:#757575;
}

.run-down-box .leftside-navigation .sidebar-menu > .sub-menu .sub li{
	text-align:right;
	border-bottom:1px solid #DADBDC;
	padding-right:14px;
}

.sub{
	list-style:none;
	}

.run-down-wrap .order-form-wrap .col-lg-5.pull-right{
	height:40px;
	z-index:2;
	text-align:right;
	padding-right:6px;
}


.run-down-wrap .order-form-wrap .page-bar,
.page-bar{
	margin-right:10px;
	margin-bottom:10px;
}


.run-down-wrap .order-form-wrap .qu-box {
	margin-top:-4px;
	
}
.run-down-box ul.sidebar-menu li a {
	font-size:16px;
}

ul.sidebar-menu li a {
	font-size:19px;
}
/*數量*/
.run-down-wrap .qu-box {
	background:orange;
	margin-right:15px;
	
 border:1px solid #ffad41; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px;
 border-radius: 30px;
 font-size:12px;
 padding: 5px 10px 5px 10px; 

 display:inline-block;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 font-weight:bold; color: #FFFFFF;
 background-color: #ffc579; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23));
 background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
 background-image: linear-gradient(to bottom, #ffc579, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc579, endColorstr=#fb9d23);	
	
}	

#sidebar1.run-down-box,
#sidebar.run-down-box{
	margin-top:0 !important;
	width:100%;
	position:relative !important;
	background:white;}
	
.run-down-box ul.sidebar-menu li a{
	color:#151313;
	background:#F7F7F7;
	border-bottom:1px solid #DCDADA;
	}
	
.run-down-box ul.sidebar-menu li a:hover, 
.run-down-box ul.sidebar-menu li a:focus,
.run-down-box ul.sidebar-menu li a.active 

{
	background:#F3F7B4;
	border-bottom:3px solid #F99F3A;
}
.run-down-box ul.sidebar-menu  li  a.active{
	border-bottom:3px solid #F99F3A;
	
}
	
.run-down-box ul.sidebar-menu li ul.sub li a{
	color:#151313;
}

.run-down-box ul.sidebar-menu li ul.sub li{
	background:white;
	padding-bottom:5px;
	white-space:nowrap; 
}

.run-down-box ul.sidebar-menu li ul.sub li a:hover,
.run-down-box ul.sidebar-menu li ul.sub li a:focus{
	color:#151313;
	background:white;
}

.run-down-box ul.sidebar-menu li.none-meal a i.fa:before,
.run-down-box ul.sidebar-menu li.none-meal a.active i.fa:before{
	content:"";
	padding-right:12px;
}
/*套餐副選單*/
.order-meal-row{
	display:inline-block;
	width:100%;
	border-bottom:1px solid #AFAFAF;
}

.order-meal-row-2 .row,
.order-meal-row .row{
	padding-top:9px;
	margin-left:0;
	margin-right:0;
	}
.order-meal-row-2 .row{
	padding-top:0;
}	
.order-meal-row .col-lg-7,
.order-meal-row .col-lg-5,
.order-meal-row .col-sm-6{
	padding-right:0;
	padding-left:0;
}
/*simple modal*/
.order-meal-row .col-lg-7{
	width:400px;
	
}


.order-meal-row .col-lg-5{
	width:187px;
}
.modal-body .order-meal-row .col-sm-6.meal-dish{
	line-height:33px;
	width:100%;
	color:black;
}
.modal-body .order-meal-row.active .col-sm-6.meal-dish{
	color:#FB9D24;
}

@media (max-width: 479px){
	.modal-body .order-meal-row .col-sm-6.meal-dish{
		width:165px;
		text-overflow : ellipsis;
		white-space : nowrap;
		word-spacing:break-all;
		overflow:hidden;
}
	/*自動副餐時*/
	.modal-body .order-meal-row.auto-meal .col-sm-6.meal-dish{
		width:234px;
		
	}
}
.modal-body .order-meal-row .col-sm-6.meal-dish{
	padding-left:17px;
	cursor:pointer;
	overflow : hidden;
  	text-overflow : ellipsis;
	white-space : nowrap;
	word-spacing:break-all;
	padding-top:3px;
	line-height:40px;
	}

.order-meal-row .meal-dish i{
	padding-right:5px;
	color:gray;
}


/*modal-2*/

.order-meal-row-2 .col-lg-7{
	width:100%;
	padding:7px 15px 6px 15px;
	background:#F4F5E4;
	border-bottom:1px solid gainsboro;
	border-top:1px solid gainsboro;	
}


.modal-body .order-meal-row-2 .col-sm-6.meal-dish{
	width:100%;
	border:1px solid #67B9B5;
	padding:0;
	background:white;
	border-radius:4px;
}


.order-meal-row-2 .meal-dish > div{
	padding:5px;
	cursor:pointer;
	border:0;
	color:black;
	line-height:22px;
}


.btn-clean{
  color: #7D655E;
  background:white;
  width:50px;
  border:0;
}

.btn-clean:hover,
.btn-clean:focus{
	color:black;
}

.meal-box .btn-del{
	margin-right:0;
	margin-top:-40px;
	padding:5px 10px;
	background:white;
	color: #7D655E;
	border: 1px solid #DADADA;
}
	
.meal-box .btn-del:hover{
	background:#1ca59e;
	color:white;
	border:1px solid #1ca59e;

}

.single.meal-box{
	margin-top:16px;
}

.order-meal-row-2 .single.meal-box{
	margin-top:0;
}





.order-meal-row .meal-remark{
	color:#1CA59E;
	font-size:14px;
	padding-left:22px;
	line-height:16px;
	width:100% !important;
	padding-bottom:3px;
	padding-right:10px;
	clear:both;
}

.order-meal-row  .btn-primary.remark-btn{
	margin-top:-32px;
	font-size:15px;
	padding:8px 12px;
	border-radius:25px;
}
.order-meal-row  .btn-primary.remark-btn:before{
	content:"註";
}

/*自動副餐 auto-meal*/
.order-meal-row.auto-meal .number-box-wrap,
.order-meal-row.auto-meal .order-form-group ,
.order-meal-row.auto-meal input.form-control{
	width:60px !important;
	text-align:right;
}

.order-meal-row.auto-meal .col-lg-5{
	/*width:96px;*/
}
.auto-meal .col-lg-7{
	/*width:500px;*/
}

/*按鈕*/
.remark-btn,
.spinner-up.btn-primary	,
.spinner-down.btn-primary{
  background: white;
  color: #7D655E;
  border: 1px solid #DADADA;

}
.remark-btn:focus,
.spinner-up.btn-primary:focus,
.spinner-down.btn-primary:focus,
.remark-btn:hover,
.spinner-up.btn-primary:hover,
.spinner-down.btn-primary:hover{
	background:#1ca59e;
	color:white;
	border:1px solid #1ca59e;
}
#sidebar .sub-menu>.sub li .del-tag{
	display:inline;
	background:rgba(0, 0, 0, 0);
	padding-left:3px;
	border-bottom:0;
}

.tagsinput{
	position:relative;
	width:100%;
	overflow:hidden !important;
	text-align:left;
	padding-top:9px !important;
}


/*流程的子選單*/
.run-down-box .sidebar-menu .sub{
	font-size:16px;
	border-bottom:1px solid #F3F7B4;
}

.modal-backdrop.in{
	opacity:.75;
}

.modal-open .modal{
	z-index:100002;
	mragin-left:10px;}

.number-box-wrap{
	display:inline-block;
/*	padding-top:10px;*/
}
.number-box-wrap .form-control{
	padding:0;
}
@media (max-width: 767px) {
 	#sidebar.run-down-box{
		margin-left:0;
		position:relative;
	}
	.btn-meal-item{
		display:block;
		width:98%;
		text-align:center;
	}

	.order-meal-row.auto-meal button.remark-btn{
		right:-155px;
	}
}

@media (max-width: 479px){
	#sidebar.run-down-box{
		top:0;
	}
	
	.check-bwrap{
		padding-left:50%;
		background-size:150%;
		padding-top:15px;
		opacity:0.8;
}	
	.number-box-wrap{
		width:100%;}

}



/*帳單 check-list-wrap*/
.check-list-top{
	margin-top:50px;
	margin-bottom:80px;
	padding-top:0;
	padding-right:0;
	padding-left:0;
	}

.check-bwrap{
	background:gray;
	padding-left:5%;
	padding-right:5%;
	background-size:150%;
	padding-top:15px;
	opacity:0.8;
}
/*劃單*/
.ck-wrap .check-bwrap{
	padding-left:1%;
	padding-right:1%;
	}
.check-fun{
	padding-top:0;
	background:#32323a;
	margin:0;
	position:fixed;
	width:100%;
	bottom:0;
	z-index:1;
	
}

.check-fun > div .panel{
	margin-bottom:0;
	background:none;
}

@media (min-width: 480px)and (max-width: 768px){

	.check-list-top .col-lg-12{
		width:100%;

	}
	/*for 劃單*/
	.ck-wrap .check-list-top .col-lg-12{
		padding:0;
	}

	.order-meal-row .col-lg-7{
		width:505px;
	}
	.order-meal-row .meal-remark{

	}

	
	
}
@media (max-width: 768px){
	.order-meal-row .col-sm-6.meal-dish{
		margin-top:-46px;
	}	
	.ck-wrap .check-bwrap .col-lg-12,
	.ck-wrap .check-bwrap, /*劃單*/
	.check-bwrap{
		padding-left:0;
		padding-right:0;}
	.ck-wrap .check-list-top .col-lg-12 > .panel{
		border-radius:0;

	}	
	.table-inbox.ck-require th:nth-child(1), 
	.table-inbox.ck-require td:nth-child(1){
		width:1%;
	}	
	
}

@media (max-width: 480px){
	.check-bwrap{
		padding-left:0;	}
		
	.check-list-wrap .check-fun > .col-lg-4 {
		padding-right:0 !important;
		padding-left:0 !important;
	}
	.table-inbox.ck-require th, 
	.table-inbox.ck-require td{
		font-size:1em;
	}	
	.table-inbox .view-message .label{
	    font-size:0.9em;}
		
}

/*統一編號*/
.check-fun .col-lg-3 div div:first-child{
	color:#E0F5BF;
	font-size:18px;
	padding-bottom:0;
	padding-top:0;
	margin-top:5px;
	margin-bottom:9px;
	border-left:5px solid #95B75D;
	padding-left:5px;
}
.m-bot15{
	color:white;
	font-size:29px;
	text-align:right;}
	
.m-bot15 span:before{
	content:" ";
}
.bell-box,	
.table-box,
.order-box,
.check-box{
	background:white;
	border-radius:4px;
	height:82px;
	width:31%;
	text-align:center;
	float:left;
	margin-left:1%;
	margin-right:1%;
	padding:0;
}	
/*for劃單*/
.ck-wrap .table-box,
.ck-wrap .order-box,
.ck-wrap .bell-box,
.ck-wrap .check-box{
	width:48%;
}	
.bell-box a,
.order-box a,
.check-box a,
.bell-box a:hover,
.order-box a:hover,
.check-box a:hover{
	color:white;
	display:block;
	font-size:16px;
	height:100%;
	width:100%;
	}

.order-box {
	background:orange;
}
.btn-order.red {
	background:red;
}
.check-box {
	background:#44CAC2;
}
.bell-box {
	background:#F5A252;
}
.bell-box:hover,
.bell-box:focus,
.order-box:hover,
.order-box:focus,
.check-box:hover,
.check-box:focus{
	background:#555555;
}



/*繼續點餐及結帳圖示*/

.pre-order{
	background:url(../images/pre-order.png) no-repeat center;
	height:52px;
}
.cost-icon{
	background:url(../images/cost-icon.png) no-repeat center;
	height:46px;
	}
.bell-icon-w{
	background: url(../images/fa-bell-big-white.png) no-repeat center;
	height:46px;
	}
.table-box p{
	padding:0;
	margin:0;
	color:#8C4774;}
	
.table-box p:first-child{
	font-size:19px;
	padding-top:9px;
	padding-bottom:5px;
}	

.table-box p:last-child{
	display:inline;
	padding:2px 7px 4px 7px;
	background:rgba(195, 181, 190, 0.4);
	border-radius:15px;
	font-size:15px;
	}
.table-inbox tr td:hover{
	cursor:default;
}

.msg-bar{
	color:#E8D91F;
	font-size:16px;
}


/*手機版 主選單*/

.phone-menu-wrap{
	padding:1.5%;}
	
.phone-menu-wrap i{
	font-size:18px;
	margin-left:3px;
	font-size:25px;
	color:rgba(128, 128, 128, 0.46);
	margin-top:3px;
}	
	
.phone-menu-wrap a{
	background:#334050;
	padding:12px;
	font-size:21px;
	width:100%;
	display:block;
	border:1px solid #e1e1e1;
	letter-spacing:1px;
	color:white;
	
box-shadow: inset 4px 1px 48px -5px #BFBFBF,2px 7px 6px -6px #595858;
-webkit-box-shadow: inset 4px 1px 48px -5px #BFBFBF,2px 7px 6px -6px #595858;
-moz-box-shadow: inset 4px 1px 48px -5px #BFBFBF,2px 7px 6px -6px #595858;
-o-box-shadow: inset 4px 1px 48px -5px #BFBFBF,2px 7px 6px -6px #595858;
	}
	
.phone-menu-wrap a:last-child{
	margin-top:2%;
}

.phone-menu-wrap a:first-child{
	margin-top:2%;
}

/*加料口味*/
.add-cost, .add-mark, .desk-remark{
	display:inline;
}
.desk-remark{
	display:inline-block;
	width:75%;
	padding-top:3px;
}
.desk-remark-label{
	position:relative;
	top:-20px;
}
/*項目*/

.order-meal-row .meal-box{
	padding-left:30px;
	display:block;
}
.row.remark-wrap,
.row.meal-box{
	margin:8px 0 8px 1.5% ;
}

.order-meal-row-2 .meal-box{
	padding-left:15px;
	padding-right:15px;
	display:block;
}
/*點主餐*/
.row.meal-box{
	margin:8px 0 8px 1.5% ;
}


.meal-item{
	width:48.5%;
	padding:8px;
	margin-right:1%;
	font-size:16px;
	margin-bottom:8px;
	border:1px solid #AFAFAF;
	background:white;
	color:black;
	
border:1px solid rgba(176, 185, 185, 0.91);
-webkit-box-shadow: rgba(162, 162, 162, 0.5) 0px 0px 2px;
-moz-box-shadow: rgba(162, 162, 162, 0.5) 0px 0px 2px; 
box-shadow: rgba(162, 162, 162, 0.5) 0px 0px 2px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration:none; 
display:inline-block;
text-shadow: 0px 1px 0 rgba(255,255,255,0.4);
color: #4D7D32;
font-weight:bold;
}

.meal-item:hover{
	
border:1px solid #FA8564;
-webkit-box-shadow: rgba(250, 133, 100, 0.62) 0px 0px 5px;
-moz-box-shadow: rgba(250, 133, 100, 0.62) 0px 0px 5px ; 
box-shadow: rgba(250, 133, 100, 0.62) 0px 0px 5px ; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration:none; 
display:inline-block;
text-shadow: 0px 1px 0 rgba(255,255,255,0.4);
font-weight:bold;
color: #4D7D32;

}


.mark-group label{
	margin-right:1%;
	padding:10px;
	font-size:18px;
	font-weight:normal;
	margin-bottom:8px;
	float:left;
	color:white;
}


.modal-dialog .modal-content{
	background:white;
}
/*菜單圖片*/
.modal-body .col-sm-6:first-child{
	width:30%;
}

.img-modal img{

	margin-bottom:0;}
/*點數量及備註區*/
.modal-body .col-sm-6:last-child{
	width:70%;
	padding-left:0;
}
/*單點備註群組*/
.single.meal-box label{
	width:100%;
}
@media (max-width: 479px){
	.modal-body .col-sm-6:first-child,
	.modal-body .col-sm-6:last-child{
		width:100%;
		padding-left:10px;
	}

	.img-modal img{
		width:180px;
		margin-bottom:10px;
	}
	
}


/*決定數量元件*/
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group ,
.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group{
	border-radius:30px;
	margin-right:0;
	margin-left:0;
}
	
.input-group .form-control{
	text-align:center;
	border:0;
	background:none;
}

/*單點 加料 add-cost*/
.single .mark-group {
	display:inline-block;
}

.run-down-box .single .mark-group {
	margin-top:8px;
}

.run-down-box ul.sidebar-menu > li.sub-menu > a.active, 
.run-down-box ul.sidebar-menu > li.sub-menu > a:hover, 
.run-down-box ul.sidebar-menu > li.sub-menu > a:focus{
	border-left:0;
}


/*RadioButton and Checkbox*/
input[type="radio"].c-radiobtn,
input[type="checkbox"].c-check-box{
	display:none;
}

/*Checkbox*/

input[type="checkbox"].c-check-box+label{
	background:white;
	border-radius:5px;
	box-sizing: border-box;
	border:1px solid #DADADA;
	color:#000000;
	font-size:16px;
	padding:7px 9px;
	cursor:pointer;
}

input[type="checkbox"].c-check-box:checked +label {
	background:#1fb5ad;
	border:1px solid #1fb5ad;
	 box-sizing: border-box; 
	box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
	color:white;
	 }
	

/*RadioButton*/
input[type="radio"].c-radiobtn+label{
	background:white;
	border:1px solid #DADADA;
	border-radius:5px;
	box-sizing: border-box;
	color:black;
	padding:7px 9px;
	font-size:16px;	
	cursor:pointer;
	
	
}

input[type="radio"].c-radiobtn:checked +label {
	background:#1fb5ad;
	border:1px solid #1fb5ad;
	box-sizing: border-box; 
	box-shadow:3px 3px 12px -2px rgba(20%,20%,40%,0.4);
	color:white;}

/*備註選單的按鈕寬*/
.remark-wrap input + label{ 
	width:49%;
}

.page-bar-remark {
	margin-top:55px;
	margin-right:10px;
	margin-bottom:10px;
	width:100%;
	text-align:right;
}
/*按鈕
.remark-btn,
.spinner-up.btn-primary	,
.spinner-down.btn-primary{
  background: white;
  color: #7D655E;
  border: 1px solid #DADADA;

}
.remark-btn:focus,
.spinner-up.btn-primary:focus,
.spinner-down.btn-primary:focus,
.remark-btn:hover,
.spinner-up.btn-primary:hover,
.spinner-down.btn-primary:hover{
	background:#1ca59e;
	color:white;
	border:1px solid #1ca59e;
}
*/




.mark-bwrap .modal-content{
	padding-bottom:45px;
}
	
@media (max-width: 420px){
	.meal-item, .mark-group label{
		width:98%;
	}
	.consumption ul{
		margin-left:-20px;}
}

@media (min-width: 479px){
	.phone-menu-wrap{
		display:none;
	}

}

.addno-box a{
	border-radius:50px;
}

.addno-box a:focus{
	outline:none;
}
/*手機版的選單*/
/*@media (min-width:480px) and (max-width:767px)*/
@media (min-width:20px) and (max-width:767px){

    #sidebar{
        margin-left:0px;
        z-index: 9990 !important;
        -webkit-transition:all .3s ease-in-out;
        -moz-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
		width:120px;
    }
	.detail-txt{
		left:-13px;
	}

    #sidebar{
        top: 0;
    }
	
	#main-content{
		margin-left:120px; /*240*/
		margin-top:-9px;
	}
	
	/*菜單大改*/
	.grelly-menu .grelly-group .panel-body img {
		width:34%;
		height:100%;
		margin-left:66%;
	}
	
	.price-box{
		position:absolute;
		top:68px;
		background:rgba(0, 0, 0, 0);
		color:#333;
		margin:0;
	}
		
	.price-box span:first-child{
		color:#333;
		padding-left:0;
		font-size:12px;
	}
	
	.price-box > span:first-child{
		padding-right:18px;
	}	

	.price-box span:first-child .price-item{
		color:red;
		font-size:20px;
		padding-left:3px;
	}
	.col-lg-3.grelly-group .panel-body	{
		min-height:107px;
	}
		
	.addno-box{
		position:absolute;
		bottom:100%;
		margin-bottom:-43px;
	}

	.addno-box span{
		line-height:35px;
		left:0;
		font-size:16px;
		color:#565656;
	}
	
	.addno-box a{
		position:absolute;
		border-radius:35px;
		margin-top:-37px;
	}
	.col-lg-3.grelly-group .panel-body{
		padding:6px;
	}

/*	.quantity-tag{
		margin-top:13px;
		margin-left:28px;
		position:absolute;
		left:0;
		color:#FF6600;
		background:white;
		width:100px;
		height:30px;
		background:rgba(255, 255, 255, 0);
			}	

	.nav-collapse .quantity-tag	{
		display:none;
	}
	.quantity-tag:before{
		content:"數量 : ";
		font-size:10px;
		color:gray;
	}	
	*/	
	.spicy-icon{
		background-size:75%;
		margin-left:-10px;
	}
	.sub-menu span.dcjq-icon{
		display:none;
	}

	ul.sidebar-menu li a span{
		line-height:25px;
		padding:0;
	}
	
	ul.sidebar-menu li a{
		padding: 18px 5px 18px 11px;
	}	
	
	#sidebar .sub-menu>.sub li a{
		padding-left:10px;
	}	
	

	/*套餐流程*/
	/*數量總計*/
	.run-down-box ul.sidebar-menu li a span{
		line-height:15px;
	}
	.order-meal-row .col-lg-5 {
	/*	float:right;*/
		text-align:right;
		margin-right:207px;
	}
	/*更換*/
	.order-meal-row button.remark-btn{
		position:absolute;
		top:32px;
		right:-73px;
		}
	
	
	/*更換及數量*/
	.order-meal-row .col-lg-5{
		width:auto;
	}
	/*數量*/
	.order-meal-row .number-box-wrap{
		width:auto;
		display:inline-block;
		position:absolute;
		right:-197px;
		top:0;
	}
	.run-down-wrap .order-form-wrap .pull-right{
		top:-3px;
	}
	.run-down-wrap .order-form-wrap .fa-pencil-square-o.pull-right{
		padding-left:3px;
	}

}

@media (min-width:480px) and (max-width:767px){
	/*固定圖片高*/
	.grelly-group .img-box{
		height:93px;
		background:white url(../images/temp-img-m.png) no-repeat top right;
		background-size:23%;
		
		}
	.top-tag{
		position:absolute;
		padding: 3px 6px;
		left:58px;
		top:15px;
		font-size:16px;
	}

}

@media (max-width: 479px){

	.grelly-group .img-box{
		height:93px;
		background:white url(../images/temp-img-s.png) no-repeat top right;
		background-size:33%;
	
	}
	.top-tag{
		position:absolute;
		right:0;
		padding: 3px 6px;
		font-size:15px;
		margin-right:10px;
		}
/*	.information-icon a span,
	.cost-detail a span{
		display:none;
	}
	*/
	.fa-info-circle{
		font-size:18px;}
		
	.toggle-right-box .fa-bars{
		letter-spacing:2px;
		padding-left:5px;
	}		
	.toggle-right-box{
		width:/*64px*/ auto;
	}
	.top-tag{
		margin-top:-52px;
	}
	
	.select-single .single-num{
		margin-top:16px;
	}
	.select-single a.remark-btn{
		margin-top:0;
	}
	
	.grelly-menu .grelly-group .panel-body img{
		height:73%;
	}
	
	.addno-box span{
		top:27px;
	}
	.price-box{
		top:43px;
	}



}

/*訊息框*/
.msg-box{
	padding:20px;
	text-align:center;
}
.msg-content{
	border:3px solid orange;
}
.msg-box span{
	font-size:20px;
}
.msg-box .fa-exclamation-triangle{
	background:url(../images/faicon/warm-icon.png) no-repeat  center;
	height:39px;
	width:43px;
	display:inline-block;
	margin-left:35px;
}

.msg-box .pull-right{
	margin-right:20px;
	width:100%;
	text-align:right;
}
.dialog-bottom.pull-right,
.pull-right.page-bar{
	width:100%;
	text-align:right;
}
.instruction-box .close,
.msg-content  .close{
	font-size:24px;
	background:#FFA500;
	border-radius:30px;
	width:30px;
	height:30px;
	margin-right:7px;
	margin-top:7px;
	opacity:1;
	color:#8C1111;
}
.instruction-box .close{
	margin-right:4%;
	font-weight:normal;
	border:2px solid white;
	color:white;
	text-shadow:0 0 0;
	width:90px;
	height:45px;
	font-size:20px;
}
/*帳單側欄*/
.mail-nav li a span:last-child{
	padding-left:5px;
	font-size:16px;
}

.mail-nav li{
	border-right:1px solid rgb(217, 233, 247);
	border-left:1px solid rgb(217, 233, 247);
}

.mail-nav li a:hover,
.mail-nav li a:focus{
	color:#337AB7;
	border-right:3px solid #337AB7;
}
.mail-nav > li.active > a,
.mail-nav > li.active > a:hover, 
.mail-nav > li.active > a:focus{
	color:#FF6C60;
	border-right:3px solid #FF6C60;
}
.mail-nav li.active .label-info{
	background:#FF6C60;
	padding:0.6em 1em;
}

.mail-nav>li >a:hover .label, .mail-nav>li >a:focus .label{
	padding:0.6em 1em;
	background:#337AB7;
}
.check-bwrap .col-sm-3 .panel{
background: rgba(51,121,183,1);
background: -moz-linear-gradient(top, rgba(51,121,183,1) 0%, rgba(236,245,252,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,121,183,1)), color-stop(100%, rgba(236,245,252,1)));
background: -webkit-linear-gradient(top, rgba(51,121,183,1) 0%, rgba(236,245,252,1) 100%);
background: -o-linear-gradient(top, rgba(51,121,183,1) 0%, rgba(236,245,252,1) 100%);
background: -ms-linear-gradient(top, rgba(51,121,183,1) 0%, rgba(236,245,252,1) 100%);
background: linear-gradient(to bottom, rgba(51,121,183,1) 0%, rgba(236,245,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3379b7', endColorstr='#ecf5fc', GradientType=0 );

	border-radius:5px 5px 1px 1px;
}

.check-bwrap .col-sm-3 .panel-body{
	padding-bottom:2px;
}

.check-bwrap .col-sm-3 .panel ul{
	background:white;
}

.check-bwrap .panel-heading{
	font-size:19px;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	line-height:45px;
}

.check-bwrap .panel-heading a.fa{
	padding:14px;
	margin-left:0;
}


.total-bar{
	padding:10px;
	background:#C2D4D3;
	color:black;
	font-size:17px;
}

.m-bot15 > .form-control{
	background:white;
	border-radius:30px !important;	
}

.check-cell-icon{
	text-align:center;
}

/*帳單表格*/
.check-bwrap .gen-case span.pull-right{
	font-size:20px;
}

.wht-bg h4.gen-case{
	color:#FFFBFB;
}
.gen-case .label{
	margin-right:4px;
}

.table tbody > tr > th{
	border-top:0;
	color:black;
}
.table-inbox tbody > tr > .text-right{
	white-space: nowrap;
	padding-right:10px !important;
}

.table-hover>tbody>tr:hover>th{
	background:white;}
	
.view-message{
	font-size:16px;
}	
.table-inbox {
	font-size:16px;
}
.table-inbox tr td{
	padding:10px !important;
	font-size:18px;
}
/*劃單*/
.table-inbox.ck-require tr td{
	padding:6px 2px !important;

}
.table-inbox tr .view-message{
	padding-right:0 !important;
}
.view-message .label{
	font-size:16px;
	line-height:21px;
	padding:4px;
	white-space:pre-wrap;
	text-align:left;
	margin-right:5px;
}

.ck-wrap .check-bwrap > .col-lg-12 .panel-body{
	padding:1px;
}
.mail-nav .label-info{
	background:#D3E2E6;}
	
/*ck-wrap 劃菜介面*/
.ck-wrap .panel-heading{
	text-align:center !important;
	font-size:1.3em;
}
.attendant-name{
}
.table-inbox.ck-require td {
	vertical-align:middle;
}

.table-inbox.ck-require td:first-child{
	border-left:1px solid #ddd;}	
.table-inbox.ck-require tr:last-child{
	border-bottom:1px solid #ddd;}		
.table-inbox.ck-require td{
	border-right:1px solid #ddd;
}
.table-inbox.ck-require .dont-show{
	text-decoration:line-through;
}
.table-inbox.ck-require th.dont-show,
.table-inbox.ck-require tr.active .dont-show{
	text-decoration:none;
}
.table-inbox.ck-require tr.active .dont-show{
	color:black;
}
.table-inbox th.inbox-small-cells:first-child{
	text-align:center;
	white-space:nowrap;
	padding-right:0;
	padding-left:0;
}
.table-inbox th.inbox-small-cells:first-child > span{
	position:relative;
	top:-3px;
}
/*
.table-inbox th,
.table-inbox td.inbox-small-cells:nth-child(1){
	white-space:nowrap;
	text-align:center;
}

*/
.table-inbox.ck-require .inbox-small-cells{
	text-align:center;
}
.table-inbox td.inbox-small-cells:nth-child(1) input[type="text"]:disabled {
	background:red;
}

.table-inbox th.inbox-small-cells:nth-child(2),
.table-inbox td.inbox-small-cells:nth-child(2){
	text-align:center;
}

.top-nav ul.top-menu>li>a.ck-btn{
	padding:8px;
	border:1px solid #d1d1d1;
	background:#f6f6f6;
	color:#666666;
	width:auto;
	font-size:16px;
}
.top-nav ul.top-menu>li>a.ck-btn:hover,
.top-nav ul.top-menu>li>a.ck-btn:focus{
	background:#f6f6f6;
}
.ck-require .btn-danger,
.ck-require .btn-info{
	color:white;
}
/*劃單BTN在桌號上*/
.consumption .ck-btn{
	color:white;
}
.table-inbox.ck-require th:nth-child(4),
.table-inbox.ck-require td:nth-child(4){
	text-align:center;
}
.table-inbox th a.delete-btn{
	display:inline-block;
	position:relative;
	padding:1px 9px;
	top:-3px;}
	
.table-inbox td a.delete-btn{
	display:block;
	
}	
/*已送單的套餐tr*/
tr.btn-success,
tr.btn-success:hover,
tr.btn-success:focus{
	background:#45c9c4;
}
@media (max-width: 767px){
	.mail-nav li{
		float:left;
		border:0;}
	.mail-nav li a span:last-child{
		display:none;}
		.mail-nav li a {
		border:0;}
		
	.mail-nav > li.active > a, 
	.mail-nav > li.active > a:hover, 
	.mail-nav > li.active > a:focus,
	.mail-nav > li > a, 
	.mail-nav > li > a:hover, 
	.mail-nav > li a:focus{
		border-right:0;
		}	

	.modal-dialog .col-sm-6{
		width:50%;
		float:left;
		padding-right:10px;
		padding-left:10px;
	}
}

@media (min-width: 768px) and (max-width: 1199px){
	
}

@media (max-width: 767px){
	.check-fun{
		padding-top:0;
		}
}

ul.sidebar-menu li ul.sub li a{
	font-size:19px;
}

/*按鈕*/
.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, 
.open .dropdown-toggle.btn-gray{
	background:black;
	color:white;
}

.btn-gray{
	background:#757474;
	color:white;
}

.modal {
	z-index:10000;
}
/*補差價*/
.single input[type="checkbox"].c-check-box:checked +label .extra-icon:before{
	color:#ffe400;
}

.single input[type="checkbox"].c-check-box:checked +label .extra-icon{
	color:#ffe400;}
	
.extra-icon:before{
	content:"＋";
	font-size:15px;
	padding:0 1px;
	color:red;
}
.extra-icon{
	color:/*#ffe400*/ red;
	font-size:16px;
}
/*彈出視窗關閉鈕*/
.modal-header .close{
	padding:8px 13px;
	border-radius:30px;
	background:#090302;
	opacity:0.4;
	color:white;
	text-shadow:0 1px 0 yellow;
	margin-top:-5px;
}

.right-sidebar{
	z-index:100001;
}

ul.sidebar-menu li a{
	color:white;
}

/*提醒 top-menu-remind */
.top-menu-remind > .top-menu .dropdown-menu.extended{
	border-radius:3px;
	padding:0 6px;
}

.top-nav .top-menu-remind li.dropdown .dropdown-menu{
	float:left;
	left:-243px;	
	width:270px !important;
}

.top-menu-remind .top-menu li:last-child{
	margin-top:5px;
}

/*提醒下拉區 notificationd*/
.notification .alert{
	padding:4px;
}
.notification .pull-right{
	float:right !important;
}

/*登出*/
.logout-box {
	margin-top:0;
	margin-left:4px;
	padding:13px 8px 12px 10px;
	border-radius:19px;
	background:#C5DEFF;
}

.logout-box button{
	border:0;
	color:white;
	font-size:15px;
	border-radius:15px;
	padding:3px 10px;
	margin-left:5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

}
.logout-box button:hover,
.logout-box button:focus{
	background:#1e69de;
}

.notification .noti-info span{
	font-size:17px;
	line-height:26px;
}

.notification .noti-info{
	width:50px;
	display:inline-block;
}


.notification{
	min-height:auto !important;
}

.dropdown-close{
	background:#5D5D5D;
	border-radius:20px;
	padding:2px 9px;
	margin-top:-3px;
	cursor:pointer;
}
.red{
	color:red;
}
.teal{
	color:#1ca59e;
}
.txt-orange{
	color:#E47811;
}
.txt-purple{
	color:#882E85;
}
.dropdown-menu.extended .btn-alert{
	font-size:15px;
	color:gray;
}
.dropdown-menu.extended .btn-alert {
    display: inline-block;
	font-size:18px;
	padding:5px 8px;
	min-width:160px;
	text-align:center;
	border-radius:5px;
	color:white;
	cursor:pointer;
}
.dropdown-menu.extended .btn-alert span{

}
.dropdown-menu.extended .btn-alert:hover,
.dropdown-menu.extended .btn-alert:focus {
	background:#F7DAA0;
	color:#FFAA00;
}


.meal-name{
	font-size:23px;
	color:#3C3E46;
}


.order-form-wrap .form-group{
	text-align:right;
}
.msg-box h4{
	font-weight:normal;
	padding-bottom:4px;
	color:#333333;
	font-size:1.35em;
}
.msg-box .form-group > label{
	font-size:1.3em;
	line-height:2.2em;
	font-weight:normal;
	width:18%;
}
.msg-box .form-group > .form-control{
	width:75%;
	height:38px;
	display:inline-block;
}
.msg-box .form-group > a{
	margin-top:-3px;
}
.top-nav ul.top-menu>li:first-child >a.home-icon:hover {
	background:#E47B00;
}

@media (max-width: 479px){
/*手機版單點*/

	.meal-name{
		font-size:20px;	
		color:black;
		padding-bottom:8px;
	}
	.dialog-bottom.pull-right{
		width:50%;
		position:absolute;
		top:42px;
		right:12px;
	}
	.modal-body.row{
		padding-bottom: 0;
	}
}


/*服務 service-wrap*/
.service-wrap{
	margin-left:0 !important;
}
.table-wrap{
	padding:6px 0 0 0;
}
/*員工服務index*/
.pricing-quote i.fa{
	padding:25px;
}
.pricing-quote .fa-cutlery{
	background:url(../images/faicon/fa-cutlery-big.png) no-repeat center;
}
.pricing-quote .fa-building-o{
	background:white url(../images/faicon/checkout.png) no-repeat center;
}
.pricing-quote .fa-bell{
	background:url(../images/faicon/fa-bell-big.png) no-repeat center;
}
.pricing-quote .fa-dollar{
	background:white url(../images/faicon/fa-dollar-big.png) no-repeat center;
}
.pricing-quote .d-list-icon{
	background:white url(../images/faicon/d-list.png) no-repeat center;
}
.pricing-quote .setting-icon{
	background:white url(../images/faicon/setting.png) no-repeat center;
}

.textcenter{
	padding-bottom:60px;
}
.service-wrap .textcenter .col-sm-3 .pricing-table .pricing-head{
	border-radius:5px;
	height:250px;
	cursor:pointer;
}
@media (max-width:768px){
	.service-wrap .textcenter .col-sm-3{
		padding-right:4px;
		padding-left:4px;
	}
	.pricing-quote{
		top:-105px;
	}

	.service-wrap .textcenter .col-sm-3 .pricing-table .pricing-quote{
		margin-top:-61px;
		padding-bottom:50px;
		height:130px;
		width:130px;
	}
	.service-wrap .textcenter .col-sm-3 .pricing-table .pricing-quote:after{
		width:150px;
		height:150px;	
	}	
	.service-wrap .textcenter .col-sm-3 .pricing-table .pricing-head{
	}	
	.price-head{
		padding:0;
	}
	.color-terques{
		margin-top:17px;
		margin-bottom:2px;
	}
	.pricing-head h1{
		font-size:1.7em;
	}
}


/*座位*/

	
.desk-grid .col-lg-2{
	width:14.2%;
}

.desk-grid .panel-body{
	padding:6px;
}

@media (min-width: 768px) and (max-width: 980px) {
	.desk-grid .col-lg-2{
		width:20%;
		float:left;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.desk-grid .col-lg-2{
		width:33.33333%;
		float:left;
	}
}

.back-bar{
	background:black;
	width:100%;
	position:fixed;
	bottom:0;
	z-index:9999;
	text-align:center;
}
.back-bar:hover,
.back-bar:focus{
	opacity:0.8;
}
.back-bar > a.btn {
	color:white;
	font-size:2em;	
	display:block;
	padding:0;
	height:60px;
	line-height:60px;
}

.back-bar > a > i{
	background:url(../images/faicon/back-icon.png) no-repeat center;
	display:inline-block;
	width:54px;
	height:35px;
	margin-bottom:-5px;
}
/*桌位*/
.desk-item{
	background:#F1EDE2;
	min-height:90px;
	border-radius:4px;
	}


.panel a:hover > div .desk-item,
.panel a:focus > div .desk-item{
	background:#FCCD58;
	}
	
	

.desk-item.active{
	background:#44CAC2;
}

.panel a:hover > div .desk-item.active,
.panel a:focus > div .desk-item.active{
	background:#FCCD58;
	cursor:default;
}
	
.desk-grid p{
	margin:0;
	text-align:center;
}
.row.desk-grid {

}

.row.desk-grid .col-lg-2{
}
.desk-grid .panel{
	border:1px solid #d4d2d2;
	margin-bottom:10px;
}

.desk-grid .col-lg-2{
	padding-right:5px;
	padding-left:5px;
}

.desk-item > div{
	background:url(../images/fork-knife.png) center no-repeat;
	background-size:70%;
	height:75px;
}

.desk-item .room{
	font-size:18px;
	color:white;
	text-align:center;
	font-weight:bold;
	background:#484E4E;
	border-radious:0 0 5px 5px;
	line-height:30px;
}

.desk-describe {
	font-size:14px;
	color:#454A4A;
	text-align:center;
/*	height:40px;*/
	min-height:20px /*40px*/;
}

.desk-describe i{
	margin-right:3px;
	color:#A6A8A8;
}

@media (max-width: 480px){
	.desk-grid .col-lg-2{
		width:50%;
		float:left;
	}
	.desk-item > div{
		background-size:70% !important;
		height:60px;
	}
}
/*桌位選區 table-area*/

.table-area ul.sidebar-menu > .sub-menu:hover,
.table-area ul.sidebar-menu > .sub-menu:focus,
.table-area ul.sidebar-menu > .sub-menu.active{
	background:#F1F2F7;
	border-left:3px #FCCD58 solid;
}
.table-area ul.sidebar-menu li.active a{
	color:red;
	background:url(../images/dot-bg.png) repeat;
	border-left:3px #FCCD58 solid;
}
.table-area ul.sidebar-menu li:focus a,
.table-area ul.sidebar-menu li:hover a{
	color:red;
	background:url(../images/dot-bg.png) repeat;	
}

/*審核清單 service-wrap*/
.detail-list-wrap{
	padding:0;
	font-size:16px;

}

.detail-list-wrap .table {
	background:white;
}
.detail-list-wrap .table tr td,
.detail-list-wrap .table tr th{
	vertical-align:middle;

}

.detail-list-wrap .table table td{
	text-align:left;
}

.detail-list-wrap .table tr th{
    background: #4C5663;
    color: white;

}
.detail-list-wrap td ,
.detail-list-wrap th{
	text-align:center;

}

.detail-list-wrap h3 .pull-right{
	font-size:15px;
	line-height:22px;
	margin-top:-10px;
}

.detail-title {
	margin-top:20px;
}
.detail-title h3 {
	text-align:center;
}

.detail-title h3 .pull-right{
	padding:3px 30px;
	border-left:1px solid #DEDEDE;
}

.adv-table table .details table td{
	padding:2px;
}

@media (max-width: 480px){
	.detail-title h3 .pull-right{
		padding:0;
		border-left:0;
		display:block;
		width:100%;
		margin-top:25px;
	}
	.dataTable tr th,
	.list-table tr th{
		font-size:15px;
		font-weight:100;
	}
	.dataTable tr th{
		white-space: nowrap;
	}
}

.adv-table table.dataTable tr .center:first-child {
	width:40px;
}

.adv-table{
	margin:1px;
}
.adv-table table.dataTable .sorting_1{
	white-space: nowrap; 
}
.list-table tr td:nth-child(5) span:first-child,
.center.hidden-phone > span:first-child,
.list-table tr td:nth-child(6) span:first-child{
/*	white-space: nowrap; */
	display:block;
	width:100%;
	/*font-size:11px;*/
}


/*排序及搜尋*/

.form-inline .row-fluid:first-child > .span6:last-child{
	position:absolute;
	top:-26px;
	right:21px;
}
.list-ok{
	color:blue;
}

.hidden-phone:last-child span{
	white-space: nowrap;
	font-size:15px !important;
} 
.ck-require th:nth-child(1),
.ck-require th:nth-child(2){
	width:15%;
}

/*Radio button start*/
input[type="radio"].radio-btn-left,
input[type="radio"].radio-btn-right{
    display:none;
	margin:0;}

input[type="radio"].radio-btn-left+label {
	background: #ececec;
	-moz-box-shadow:	0 3px 3px rgba(20%,20%,40%,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(20%,20%,40%,0.2);
	box-shadow:			0 3px 3px rgba(20%,20%,40%,0.2);	
    padding: 7px 7px 7px 10px;
	border-radius:13px 0 0 13px;
	color:#BCBABA;
	cursor:pointer;}

input[type="radio"].radio-btn-left:checked +label {
	background:#F39438;
	color:white;
	}

input[type="radio"].radio-btn-right+label {
	background: #ececec;
	-moz-box-shadow:	0 3px 3px rgba(20%,20%,40%,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(20%,20%,40%,0.2);
	box-shadow:			0 3px 3px rgba(20%,20%,40%,0.2);	
    padding: 7px 10px 7px 7px;
	border-radius:0 13px 13px 0 ;
	color:#BCBABA;
	cursor:pointer;
	position:relative;
	left:-5px;}

input[type="radio"].radio-btn-right:checked +label {
	background:#F39438;
	color:white;}	

/*Radio button end*/	
	
.login-wrap h3{
	margin-bottom:39px;
	margin-top:0;
	font-size:18px;
	color:#1F928B;
}	

button.remark-btn:disabled{
	background:rgba(169, 169, 169, 0.13);
	border:0;
	color:#8C8787;
}
/*QRcode*/
.qrcode-box{
	text-align:center;
}
.qrcode{
	background:url(../images/jinher-qr.png) no-repeat center;
	padding:200px 100px 125px 100px;	
}

/*Loading*/

#loading-wrap{
	text-align:center;
	padding:50px;
	margin:auto 0;
	width:100%;
	position:fixed;
	z-index:1000000;
	height:100%;
	width:100%;
	background:#d8d8d8;
}

#loading-box{
	background:white url(../images/reload.gif) no-repeat center;
	text-align:center;

	display:inline;
	text-align:center;
	Z-index:50000;
	position:absolute;
	border-radius:5px;
	width:150px;
	margin-left:-60px;
}
#loading-box p{
	padding-top:80px;
	padding-bottom:10px;
}

#nav-accordion{
	padding-bottom:104px;
}

/*pre-order-wrap 預購單*/

.pre-order-header{
	top:0;
}

.pre-order-header .brand{
	width:100%;
}
.pre-order-header .brand > a{
	font-size:18px;
	color:white;
	margin-left:10px;
	margin-right:10px;
	padding:5px;
}

.pre-order-header .brand span{
	font-size:18px;
	font-family:"微軟正黑體";
	color:white;
	line-height:50px;
}

.set-pre-order{
	margin-right:25px;
	margin-top:-15px;
}
.pre-order-menu a{
	color:black;
	font-family:"微軟正黑體";
	font-size:18px;
}
.pre-order-menu{
	padding-right:10px;
	padding-left:10px;
}

.pre-order-menu {
	padding-top:62px;
}

@media (max-width: 767px) and (min-width: 480px) {
	.pre-order-header{
		margin-top:0;}
}

.form-signin .btn-login:hover,
.form-signin .btn-login:focus{
	background:#157C76;
}

/*fa icons*/

.fa-bars:before,
.fa-building-o:before,
.fa-plus:before,
.fa-chevron-down:before,
.fa-chevron-up:before,
.fa-tasks:before,
.fa-bell-o:before,
.pricing-quote:after,
.fa-warning:before, .fa-exclamation-triangle:before,
.fa-bell:before,
.fa-user:before,
.fa-dollar:before, .fa-usd:before,
.fa-cutlery:before,
.fa-home:before{
	content: "";
}
/*送單icon*/

.toggle-right-box .fa-bars{
	color:white;
	letter-spacing:2px;
	padding:4px 4px 4px 2px;
	background:url(../images/faicon/fa-bars.png) no-repeat 5px center;
}

.toggle-right-box .fa-bars > span{
	margin-left:30px;
}

.toggle-right-box .fa-bars:hover,
.toggle-right-box .fa-bars:focus{
	color:white;
}
/*員工審單*/
.dropdown-toggle .fa-building-o{
	background:url(../images/faicon/fa-bars-black.png) no-repeat 5px center;
	display:block;
	margin-left:-7px;
	width:27px;
	height:28px;
}
.dropdown-menu.tasks-bar .fa-building-o{
	background:url(../images/faicon/fa-bars-black.png) no-repeat 5px center;

}
.dropdown-menu .fa-building-o{
	background:url(../images/faicon/fa-bars-s.png) no-repeat 5px center;
	display:inline;
	margin-left:-7px;
	width:27px;
	height:28px;
	padding:15px;
}

.min-order-icon{
	background:url(../images/faicon/order-icon-black.png)  center no-repeat; 
	display:inline;
	margin-left:-7px;
	width:27px;
	height:28px;
	padding:15px;
}
/*消費明細*/
.consumption li .cost-detail{
	padding-left:4px;
	padding-right:7px;
}
.consumption li .cost-detail span{
	padding-right:5px;
}
.top-menu li button{
	border-radius:100px;
}
/*換位置至top-menu*/
.top-menu li .cost-detail{
	margin-top:2px;
	padding-left:9px;
}
.top-menu li .cost-detail a,
.consumption li .cost-detail a /*放底下的位置*/ {
	background:url(../images/faicon/fa-building-o.png) no-repeat left center;
	padding-left:22px;
	font-size:19px;
	line-height:27px;
	color:white;
}


@media (max-width: 479px){
	.consumption li .cost-detail a {
		width:23px;
		height:25px;
		padding:0;
		margin-bottom:-4px;
		margin-top:1px;
		display:inline-block;	
	}
	
}
/*加*/
.addno-box a{
	padding-top:10px;
	width:40px;}
	

.addno-box i{
	background:url(../images/faicon/fa-plus.png) no-repeat left center;
	height:12px;
	width:17px;
	margin-left:-6px;
	display:inline-block;
}
.spinner-up,
.spinner-down{
	width:40px;
	padding-top:10px;
}

.spinner-up i{
	background:url(../images/faicon/fa-plus-d.png) no-repeat left center;
	height:12px;
	width:17px;
	margin-left:-6px;
	display:inline-block;	
}
.spinner-up:hover i,
.spinner-up:focus i{
	background:url(../images/faicon/fa-plus.png) no-repeat left center;
}

.spinner-down i{
	background:url(../images/faicon/fa-minus-d.png) no-repeat left center;
	height:12px;
	width:17px;
	margin-left:-7px;
	display:inline-block;	
}

.spinner-down:hover i,
.spinner-down:focus i{
	background:url(../images/faicon/fa-minus.png) no-repeat left center;
}
/*清單收合*/
.widget-collapse .fa-chevron-down{
	background:url(../images/faicon/fa-chevron-down.png) no-repeat left center;
	height:30px;
	width:17px;
	margin-left:-3px;	
}
.widget-collapse .fa-chevron-up{
	background:url(../images/faicon/fa-chevron-up.png) no-repeat left center;
	height:30px;
	width:17px;
	margin-left:-3px;	
}
/*服務鈴*/
.dropdown-toggle .fa-bell-o{
	background:url(../images/faicon/fa-bell-o-black.png) no-repeat left center;
	height:30px;
	width:20px;
	display:inline-block;
	position:relative;
	left:-4px;
	top:-1px;
}
.fa-bell-o{
	background:url(../images/faicon/fa-bell-o.png) no-repeat left center;
	height:19px;
	width:21px;
	display:inline-block;
	position:relative;
	top:3px;
}


.fa-dollar{
	background:url(../images/faicon/fa-dollar-black.png) no-repeat left center;
	height:19px;
	width:21px;
	display:inline-block;
	position:relative;
	top:3px;
}
.dropdown-toggle .fa-dollar{
	background:url(../images/faicon/fa-dollar-black.png) no-repeat left center;
	height:30px;
	width:20px;
	display:inline-block;
	position:relative;
	left:-4px;
	top:-1px;
}

.dropdown-menu.tasks-bar .fa-bell-o{
	background:url(../images/faicon/fa-bell-o-black.png) no-repeat left center;
}
.dropdown-menu.tasks-bar .fa-dollar{
	background:url(../images/faicon/fa-dollar-black.png) no-repeat left center;
}

.fa-tasks{
	background:url(../images/faicon/fa-tasks.png) no-repeat left center;
	height:30px;
	width:17px;
	margin-left:-4px;
	margin-top:-6px;
}
.fa-mail-reply{
	background:url(../images/faicon/fa-mail-reply.png) no-repeat left center;
	height:14px;
	width:21px;
	margin-left:-7px;
	margin-top:-6px;
	display:inline-block;
}
.fa-pencil{
	background:url(../images/faicon/fa-pencil.png) no-repeat center;
	height:12px;
	width:24px;
	display:inline-block;
}
.btn-free-pay{
	background: #1fb5ad url(../images/faicon/free-pay-icon.png) no-repeat  center;
	height:13px;
	width:12px;
	display:inline-block;
	padding:15px 16px;
}
.fa-free-pay{
	background: url(../images/faicon/free-pay-icon.png) no-repeat  center;
		height:13px;
	width:12px;
	display:inline-block;
}


.btn-free-pay.active,
.single-order .btn-free-pay.active{
	background:#F3973E  url(../images/faicon/free-pay-icon.png) no-repeat  center;
	border-color:#E09A6F;
}
/*單點*/
.single-order .btn-free-pay{
	background:#32323A url(../images/faicon/free-pay-icon.png) no-repeat  center;
	border-color:#4B4A48;	
}
.fa-trash-o{
	background:url(../images/faicon/fa-trash-o.png) no-repeat  center;
	height:13px;
	width:12px;
	display:inline-block;
}

.widget-collapsible .user-status {
	padding-right:2px;
}
.single-order .fa-cutlery{
	background:url(../images/faicon/fa-cutlery.png) no-repeat  center;
	height:13px;
	width:15px;
	display:inline-block;
	margin-right:2px;
}

.run-down-box ul.sidebar-menu li a i{
	background:url(../images/faicon/fa-chevron-up-d.png) no-repeat left center;
	height:8px;
	width:25px;
	margin-left:-7px;
	display:inline-block;
}
.run-down-box ul.sidebar-menu .sub-menu a.active i{
		background:url(../images/faicon/fa-chevron-down-d.png) no-repeat left center;

}
.check-bwrap .fa-cutlery{
	background:url(../images/faicon/fa-cutlery-b.png) no-repeat  center;
	height:19px;
	width:15px;
	display:inline-block;
	margin-right:2px;
	top:3px;
	position:relative;
	
}
/*工具icon下拉的box暫先關閉*/
.extended.tasks-bar{
/*	display:none;*/

}
/*員工手機版 emp 右上工具列*/
@media (max-width: 479px){
	.top-nav.emp .top-menu-remind li:last-child > span{
		display:none;
	}
	.top-nav.emp {
		margin-bottom:-13px;
	}
	.top-nav.emp .notify-row{
		z-index:9999;
		position:fixed;
		right:49px;
		top:0;
	}
}

/*手機版數量及金額*/
.phone-price-box{
	background:#373228;
	height:55px;
	width:180px;
	display:inline-block;

}

.phone-car{
	border-radius:40px;
	height:60px;
	width:60px;
	background:white url(../images/meal-s.png)  center 10px no-repeat;
	border:5px solid #373228;
	margin-top:-21px;
	margin-left:10px;
}
.phone-quantity-txt{
	background:#F5663D;
	color:white;
	width:24px;
	height:24px;
	border-radius:11px;
	margin-top:-65px;
	margin-left:50px;
	text-align:center;
	font-size:15px;
	line-height:22px;
}
.phone-quantity-box + span{
	padding-left:80px;
	font-size:20px;
	color:white;
	display:inline-block;
	font-family: "微軟正黑體";
}
@media (max-width: 710px){
	.information-icon a span,
	.cost-detail a span{
		display:none;
	}
	.buttondesk{
		font-size:0.85em;
	}
	.phone-price-box{
		 width:125px;
	}
	.phone-quantity-txt{
		margin-left:43px;
	}
	.phone-quantity-box + span{
		font-size:0.9em;
		padding-left:67px;
	}
	.buttondesk{
		padding:0 4px 2px 6px;}
	.phone-car{
		margin-left:4px;
	}
}
/*logo*/
.brand{
	background:#fff;	
	box-shadow:1px 0 3px rgba(0, 0, 0, .15);
}
.brand a.logo{
	margin:0;
}
.brand a.logo img{
	width:100%;
}

@media (max-width: 767px) and (min-width: 480px){
	.top-nav.clearfix{
		position:fixed;
		width:100%;
		margin-top:-49px;
		left:-35px;
		z-index:10000;
	}
}
@media (max-width: 767px) {
	.brand a.logo img{
		position:absolute;
		clip:rect(0,120px,50px,0);
		width:inherit;
	}
	.marquee-box{
		display:none;
	}
}
figure{
	height:inherit;
}
/*輸入數字*/

.check-num-keyboard button{
	line-height:25px;
	margin-top:4px;
	width:73px;
	font-size:1.8em;
}
.num-txt{
	border-radius:4px;
	border:1px solid #CCCCCC;
	padding:6px 14px;
	width:90px;
	font-size:2em;
	text-align:right;
	line-height:38px;
	color:black;
}
.num-bar label{
	font-family:"微軟正黑體";
	font-size:2em;
	font-weight:normal;
}
.num-bar button.btn{
	padding:12px 14px;
	margin-top:-11px;
	font-size:1.3em;
}
.num-bar {
	line-height:60px;
	border-bottom:1px solid #DDDDDD;
}

.check-num-keyboard div {
	margin-left:27px;
	margin-top:6px;
}
.check-num-keyboard div div{
	margin-left:-1px;
	display:inline;
}

.num-wrap .btn.focus, .num-wrap .btn:focus, .num-wrap .btn:hover{
	border:1px solid #919090;
}
.pop-menu-wrap .pop-menu label{
	margin-top:5px;
}
@media (max-width: 479px) {
.pop-menu .img-modal img{
	width:100% !important;
}
}

/*跑馬燈*/
.marquee-box{
	position:absolute;
	width:100%;
	padding-left:260px;
	padding-right:10px;
}

.marquee-box marquee{
	line-height:48px;
	font-size:17px;
}
.marquee-box marquee span{
	padding-right:40px;
}

/*員工版-主選單頁*/
@media (max-width: 768px){
	.service-wrap .col-md-3.col-sm-3{
		width:50%;
		float:left;
	}

	.price-head .color-terques{
		font-size:1.8em;
		color:dimgrey;
	}
	.pricing-quote{
		margin-bottom:-106px;
	}
}


.unlock-icon{
	background: url(../images/faicon/lock-icon.png) center no-repeat;
	color:white;
	padding:20px 13px 19px 29px;
	border-radius:50%;
	position:absolute;
	top:2px;
	left:7px;
}

.unlock-icon:active,
.unlock-icon:hover{
/*	background:#fccd58;*/
	opacity:0.5;
	background: #FF6600 url(../images/faicon/lock-icon.png) center no-repeat;
}
/*
.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    81% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.blink2 {
    animation-duration: 0.8s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink2 {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    81% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
.blink3 {
    animation-duration: 0.9s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink3 {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    81% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
*/

@media (min-width: 1500px){
	.col-lg-3{
		width:20%;
	}
}
@media (min-width: 1890px){
	.col-lg-3{
		width:16.6666%;
	}
}

/*點菜歡迎-welcome*/
.welcome-bg{
	background:black url(../images/top-bar.png) no-repeat 0 -5px;
	padding-top:125px;
	margin-bottom:0;
}

.swiper-container {
	margin-top:-12px !important;
}
.swiper-container + div{
	text-align:right;
}
.enter-btn{
	border:0;
	border-radius:5px;
	font-size:1.2em;
	cursor:pointer;
	margin:0;
	margin-right:4px;
}
/*操作說明 instruction*/
/*再看一次*/
#pre{
	display:none;
}

.instruction-wrap.in{
	opacity:0.85;
}
.instruction-box{
	width:inherit;
	height:100%;
}

.instruction-box .modal-content{
	height:100%;
}
.ins-1, .ins-2, .ins-3, .ins-4, .ins-5{
	position:absolute;
	display:none;
	}
	

.ins-1{
	left:200px;
	top:0;
}
.ins-2{
	left:278px;
	top:110px;
}
.ins-3{
	right:132px;
	bottom:53px;
}
.ins-4{
	right:0;
	bottom:58px;;
}
@media (max-width: 710px){
	.welcome-box img{
		padding-bottom:4px;
		width:95%;
	
}
	.welcome-bg{
			background:black url(../images/top-bar.png) no-repeat -155px top;
	}
/*	.ins-1, .ins-2, .ins-3, .ins-4, .ins-5{
		width:50%;
		}*/
	.ins-1{
		left:65px;
		top:12px;
	}
	.ins-2{
		left:130px;
		top:108px;
	}
	.ins-3{
		right:45px;
		bottom:42px;
	}
	.ins-4{
		right:-51px;
		bottom:32px;;
	}
}	

/*桌子返回鈕*/
#buttonReturnDesk{
	cursor:pointer;
	border-radius:3px;
	padding:3px 6px;
	background:#C17D3E;
}
/**/
.open-right-panel .consumption ul{
	display:none;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
/*客人的桌邊點餐在body 加 tab-c*/
.tab-c .btn-free-pay{
	display:none;
}
.tab-c .widget-collapse + .pull-right{
	width:80px;
}
.tab-c .widget-head .pull-left {
	width:205px;
}
.tab-c .user-details{
	width:230px;
}
.tab-c .widget-collapsible h4 + p{
	width:290px;
}
.tab-c .widget-container h4{
	width:269px;
}
.tab-c .single-order h4{
	width:220px;
}
.tab-c .single-order h4 + p{
	width:314px;
}
.tab-c .extended.tasks-bar{
	display:none;
}
.tab-c .order-mark-box{
	display:block;
}
.order-mark-box{
	display:none;
}
.tab-c .free-pay-cost{
	display:none;
}
.tab-c .order-list{
	height:52px;
	}	
/*隱蔵招待全單*/
.tab-c .search-row .pre-free-pay{
	display:none;
}
/*區分客人跟員工的背景色*/
.tab-c .site-min-height,
.tab-c .modal-content{
	background:url(../images/dot-bg.png) repeat;;
}
/*popWindows*/
.tab-c .modal-dialog .modal-content{
	background:white;
}
/*倒數秒數*/
.total-second{
	margin-left:5px;
	border-radius:10%;
	display:inline-block;
	width:60px;
	color:#eeec20;
}
/*在點餐桌子的倒數秒數*/
.brand .total-second{
	position:absolute;
	color:gray;
}

/*停售原因*/
.sold-out-remark > div:first-child{
	border-bottom:1px solid #F5C3B5;
	paddding-bottom:7px;

}
.sold-out-remark > div > span{
	background:white;
	position:relative;
	top:11px;
	padding:0 18px;
	color:#FA8564;
}
.sold-out-list{
	margin-top:20px;
}
.sold-out-wrap .grelly-group .addno-box p{
	margin:0;
	padding-left:44px;
	position:relative;
	top:-6px;	
	color:red;
}
.sold-out-wrap .col-lg-3.grelly-group .panel-body{
	height:70px;
}
/*商品設置-售icon*/
.btn-primary.sold-out-icon{
	background:none;
	border-color:#E0E0E0;
	padding:0.6em;
}
/*待機頁*/
.weating-wrap .table-inbox.ck-require tr.active td{
	background:rgb(255, 188, 188);
}