body,input, button, select, textarea{font-family: "Microsoft YaHei UI","Microsoft YaHei";}
li,ul{ padding:0; margin:0; list-style:none outside;}
 
.link-red{ color:#d9491f;}
.link-blue{ color:#1996e6;}
.link-green{ color:#096;}


.min-body .container{width:960px;}
.container{ position:relative;}
.overline{ text-decoration:line-through;}
.header{ min-height: 55px; margin-bottom: 20px;}
dl{ margin:0;}
.bg{ background:#f6f6f6;}

/*common*/
p.info,span.info{ color:#999;}


.select-meal-ul{ }
.select-meal-ul li{ position:relative; border-bottom: 1px #ddd solid; margin: 5px 0; padding:10px 0; font-size: 12px; line-height: 20px; list-style: outside none;}
.select-meal-ul li dl{ position:absolute; width:120px; text-align:right; top:20px; right:10px;}
.select-meal-ul li .meal-info img{ float:left; width:80px; height: 60px; margin-right:10px;}
.select-meal-ul li .meal-info h4{ margin:0; margin-bottom:5px; font-size:12px;}
.select-meal-ul li .meal-info p{ margin:0;}
.select-meal-ul li .meal-info p span.s{ text-decoration:line-through; color:#999;}
.select-meal-ul li .meal-info h4 span{ font-size:12px; color:#999;}
.select-meal-ul li .count-group{ float:left;}
.select-meal-ul li:nth-child(odd){ background:#f9f9f9;}

.select-meal-ul.show{ border-top: 1px #ddd solid; margin:15px 0;}
.select-meal-ul.show li{ padding-left:10px; margin:0;}
.select-meal-ul.show li img{ width:100px; vertical-align:top;}
.select-meal-ul.show li .meal-info{ margin-left:10px; display:inline-block;}
.select-meal-ul.show li dl{ width:150px; top:15px;}


.select-meal-ul .select a{ padding: 0 5px; font-weight: bold; font-size: 14px; color: #999;}
.select-meal-ul .select a:hover{text-decoration: none; color: #d9491f;}
.select-meal-ul .select input{ width: 40px; padding: 2px; text-align: center; font-weight: bold;}
.select-meal-ul li:hover{ background-color:#f1f6f8; }

.select-meal-ul .count-add,.select-meal-ul .count-decrease{ display:inline-block; cursor:pointer;}

/*.select-meal-ul show*/
.select-meal-ul.show{ padding:0;}
.select-meal-ul.show li{ padding-top:10px;}
.select-meal-ul.show li:hover,.select-meal-ul li.active{ background:#eff4f7;}
.select-meal-ul.show li .span1{ display:none; margin-left:0; text-align:right;}
.select-meal-ul.show li .span5{ padding-left:10px; font-size:14px;}
.select-meal-ul.show li:hover .span1{ display:block;}

.select-meal-ul.show.shopcarul li{ padding:15px 0;}
.select-meal-ul.show.shopcarul li dl{ top:15px;}
.select-meal-ul.show.shopcarul li dl .select{ float:none;}

/*header*/
.header .select-address{ position:absolute; top:0; right:10px;}
.header .navbar-brand{ color:#fff; font-size: 18px; font-weight: bold;}
.header .back{top: 20px; position: absolute; left: 15px; color: #fff;}


/*navbar-fixed-bottom*/
.navbar-fixed-bottom ul.nav{ width:100%;}
.navbar-fixed-bottom ul.nav > li{ width:33.3%; text-align:center; float:left;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background-color: #d9491f;}


/*shopcar*/
.shopcar,.fix-bottom{ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.276); border-top:1px #ddd solid; position:fixed; width:100%; height:60px; bottom:0px; background:rgba(255,255,255,0.9);}
.shopcar dl{ position:absolute; top:15px; right:10px;}
.shopcar h4{ background: url(../images/red_Cart1.png) no-repeat 6px 6px; padding-left:40px; font-size:12px; padding-top:10px; padding-bottom:10px;}
.shopcar h4 b{ font-size:18px;}


.order-address{border:1px #ddd dashed; background:#f1f6f8; padding:10px 0;}


/*navbar-brand*/
.navbar-header{ text-align:center; display:block; width:100%; padding-top:40px;}
.navbar-brand{ float:none;}


/*ms-table2*/
.ms-table2{ font-size:12px;}
.ms-table2 th{ text-align:right; font-weight:normal; color:#888; width:80px;}
.ms-table2 td{ padding:5px 0 5px 10px;}
.ms-table2 td input{ margin-bottom:0;}


.form-input{ margin-top:20px;}
.form-input th{ text-align:right; font-weight:normal; width:160px; padding-right:20px;}
.form-input th span{ background:#e8f4fc; width:100%; display:block;padding:10px 0; padding-right:5px;}
.form-input td{ padding:10px 0; padding-left:20px;}
input.span1{ width:60px;}

/*title*/
.ms-title{ border-bottom:3px #e5f2f9 solid; position:relative;}
.ms-title h4{ border-left:5px #1996e6 solid; font-weight:normal; padding-left:10px;}
.ms-title dl{ position:absolute; right:0; top:0; font-weight:normal;}
.ms-title.t2{ border-bottom: 1px #ddd solid; background: #eee;}
.ms-title.t2 h4{ padding: 5px 0; margin: 0; padding-left: 10px; font-size: 14px;}

.ms-title.t3{border-bottom:none;}
.ms-title.t3 h4{ border-left-width:2px; font-size:12px; font-weight:bold; }
.ms-title.t3 h4 span{ font-weight:normal; color:#888;}

.order-binfo table{ width:100%; font-weight:normal; margin-bottom:20px;}
.order-binfo table th{ text-align:right; font-weight:normal;}
.order-binfo table td{ text-align:right; width:100px;}
.order-binfo table tr.moreinfo{ background:#f6f6f6; position:relative;}
.order-binfo table tr.moreinfo td{ padding:10px 0;}
.order-binfo table tr.moreinfo dl{ position:absolute; left:10px; top:5px; font-size:12px; color:#888;}

/*ms-cell*/
.ms-cell{ border-top:1px #ddd solid; margin:20px 0;}
.ms-cell li{ position:relative; border-bottom:1px #ddd solid; line-height:30px;}
.ms-cell li a{ display:block;}
.ms-cell li i{ position:absolute; right:10px; top:10px;}
.ms-cell li:hover{ background:#e8f4fc;}

.ms-cell2{ position:relative; margin-bottom:15px; border:1px #ddd solid; border-left:0; border-right:0; padding:15px 0; padding-left:10px;}
.ms-cell2 dl{ position:absolute; top:10px; right:10px;}

/*ms-table*/
.ms-table{ width:100%; margin:10px 0; font-size:12px; margin-bottom:20px;}
.ms-table tr td{ padding:5px; border-bottom:1px #ddd solid;}
.ms-table tr.title{ background:#f4f4f4;}
.ms-table tr.title td{ padding:5px; color:#999;}
.ms-table tr td.text-right{ text-align:right; padding-bottom:10px;}

.ms-table tr td.order-info{ text-align:left; padding:5px;}
.ms-table tr td.order-info img{ width:75px; height:50px; float:left;}
.ms-table tr td.order-info dl{ margin-left:80px;}

.ms-table .mealtable table:last-child tr td{ border-bottom:none;}
.ms-table tr:hover td{ background:#f1f6f8;}

.form-control.inline{ display:inline;}

.list-group-item label a{ font-size:12px; font-weight:normal;}


/*ms-banner*/
.ms-banner{ margin-top:0px; width:100%; position:relative; overflow:hidden;}
.ms-banner li a.slide{ display:block; width:100%; background-repeat:no-repeat; background-position:center;}

.slidesjs-navigation{display:none}
.slidesjs-pagination{ position:absolute; bottom:20px; left:48%;}

.slidesjs-pagination{ position:absolute; bottom:10px; z-index:99; left:48%;}
.slidesjs-pagination li{ float: left; margin:0 2px;}
.slidesjs-pagination li a{ opacity:.5;filter:alpha(opacity=50); display:block; width:13px; height:13px; text-indent:-10000px; border-radius:50%; background:#fff; background-position:0 -14px; float:left; overflow:hidden;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active{ opacity:1;filter:alpha(opacity=100);}
.slidesjs-pagination li a:hover{ background-position:0 0; _background:#0078ff;}