.ser-guide-bar
{
    width: 100%;
    background: #F5F5F5;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 50px;
}
.guide-item
{
    height: auto;
    border-top: 2px solid #FE7C7C;
    border-bottom: 1px solid #E5E5E5;
    height: 50px;
    position: relative;
}
.guide-item img
{
    width: 100%;
    height: 50px;
}
.guide-text
{
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 50px;
    left: 0px;
    top: 0px;
	color:#FFF;
    font-size: 18px;
}
.guide-text    a
{
	color:#999;
}
.guide-text    a:hover
{
	color:#999;
	text-decoration:underline;
}
.guide-text.first
{
    background: url(../images/service_01.png) no-repeat 120px center;
}
.guide-text.first.index
{
    background-image: url(../images/service_02.png);
}

.guide-text.second
{
    background: url(../images/service_03.png) no-repeat 120px center;
	color:#CCC;
}
.guide-text.second.index
{
    background-image: url(../images/service_04.png);
    color: #fff;
}
.guide-text.last
{
    background: url(../images/service_05.png) no-repeat 120px center;
}
.guide-text.last.index
{
    background-image: url(../images/service_06.png);
    color: #fff;
}
.ser-container
{
    width: 100%;
    border: 1px solid #E5E5E5;
}
.ser-container-new
{
    width: 100%;
}
.ser-header
{
    height: 115px;
    line-height: 115px;
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
    background: #F5F5F5;
    font-size: 26px;
}
.ser-menu-box
{
    height: 51px;
    text-align: center;
    line-height: 50px;
    border-bottom: 1px solid #E5E5E5;
}
.ser-menu-box .menuitem
{
    background: #35CE98;
    color: #ffffff;
    font-size: 18px;
    cursor:pointer;
    user-select:none;
    -webkit-user-select:none;
}
.ser-menu-box .menuitem.curr
{
    background: #ffffff;
    color: #000;
}
.ser-menu-selecter
{
    text-align: center;
}
.ser-menu-pic
{
    width: 95%;
    margin-top: 45px;
    margin-bottom: 45px;
    cursor:pointer;
}
.ser-command
{
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.btn-confirm
{
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    outline: none;
    background: #E54346;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    border: 0px;
}
.selecter-form
{
    margin-top: 30px;
}
.selecter-form-header
{
    height: 36px;
    line-height: 36px;
    color: #fff;
    background: url(../images/service_45.png) no-repeat;
    font-size: 18px;
    padding-left: 80px;
    text-align: left;
}
.selecter-form-box
{
    border: 1px solid #E5E5E5;
    padding-top:50px;
}
.server-item
{
    float: left;
    width: 33%;
    margin-bottom:50px;
}
.m-ser-logo
{
    width: 100%;
    height: 100%;
    border: 1px solid #FE5E5E;
    border-radius: 250px;
    -webkit-border-radius: 250px;
    overflow: hidden;
    position: relative;
}
.m-ser-logo.online
{
    border:4px solid #88D54F;    
}
.m-ser-logo.offline
{
    border:4px solid #CCCCCC;    
}
.m-ser-status
{
    width: 240px;
    height: 240px;
    margin: 0 auto;
    position: relative;
}
.m-ser-logo img
{
    width: 240px;
    height: 240px;
    border: 0px;
}
.ser-info
{
    position: absolute;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #EDBFCA;
    color:#fff;
    left: 0px;
    bottom: 15px;
    text-align: center;
}
.m-ser-level
{
    height: 26px;
    text-align: center;
    margin-top:10px;
    margin-bottom:10px;
}
.m-ser-level img
{
    width: 29px;
}
.m-ser-say
{
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #000;
    font-size: 20px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}
.m-ser-say .pre
{
    color: #F7927C;
    font-size: 40px;
    font-weight: bold;
    font-family: Arial;
    position: absolute;
    z-index: 100;
    width: 10px;
}
.m-ser-say .pre.f
{
    left: 0px;
    top: 0px;
}
.m-ser-say .pre.l
{
    right: 0px;
    top: 0px;
}
.m-ser-button
{
    width: 200px;
    height: 50px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid #35CE98;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    background: transparent;
    outline: none;
    color: #35CE98;
    margin-top: 10px;
}
.m-ser-button.se
{
    color: #ffffff;
    background: #35CE98;
}
.server-item-container
{
    width:260px;
    margin:0 auto;    
}
.ser-order-box
{
    background:url(../images/service_60.png); 
    padding-top:20px;   
    padding-bottom:20px;
}
.ser-order-left
{
    float:left;
    width: 350px;
}
.ser-order-menu
{
    width:299px;
    margin:0 auto;    
}
.ser-order-menu-xianxia
{
    width:299px;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin-top:20px;
    margin:20px auto;
	line-height:40px; 
	   
}
.font_20
{

	font-size:40px;
	color: #35ce98;
	   
}
.ser-order-menu .top
{
    width:100%;
    background:url(../images/service_1_01.png) no-repeat;
    height:31px;    
}
.ser-order-menu .center
{
    width:100%;
    background:url(../images/service_1_02.png) repeat-y;
}
.ser-order-menu .bottom
{
    width:100%;
    background:url(../images/service_1_03.png) no-repeat;
    height:17px;    
}
.ser-order-menu .menu-item
{
    height:43px;
    line-height:43px;
    text-align:center;
    border-bottom:1px solid #CDCDCD;
    background:#ffffff;
    width:280px;
    margin:0 auto;
    color:#000;  
}
.ser-order-menu .menu-item.index
{
    background:url(../images/service_65.png);
    color:#ffffff;
}
.ser-order-right
{
    width:840px;
    float:left;    
}
.ser-order-list
{
    width:840px;
    background:#F5F5F5;    
}
.pla-item
{
    width:95%;
    margin:0 auto;
    border-bottom:1px solid #C5C5C5;
    font-size:18px;
    color:#000;
    height:100px;
}
.pla-item-logo
{
    width:80px;
    height:80px;
    float:left;
    margin-top:10px;
    margin-bottom:10px;
}
.pla-item-logo img
{
    width:80px;
    height:80px;    
}
.pla-item-name
{
    width: 100px;
    height:80px;
    overflow:hidden;
    line-height:80px; 
    float:left; 
    margin-left:40px; 
    margin-top:10px;
    margin-bottom:10px;
}
.pla-item-price
{
    width: 100px;
    height:80px;
    overflow:hidden;
    line-height:80px; 
    float:left;
    color:#FE5E5E;  
    margin-top:10px;
    margin-bottom:10px;  
}
.pla-item-option
{
    height:80px;
    width:200px;
    float:left;
    margin-left:50px;
    margin-top:10px;
    margin-bottom:10px;  
}
.pla-item-option .option-item
{
    float:left;
    height:40px;
    margin-top:20px;
    width:60px;
    text-align:center;
    cursor:pointer;
}
.pla-item-option .option-item.option-qty
{
    text-align:center;
    line-height:40px;    
}
.pla-remove
{
    float:right;
    height:40px;
    margin-top:30px; 
    cursor:pointer;   
}
.pla-summary
{
    height:100px;
    background:#ffffff;
    border-top:1px solid #C5C5C5;
    margin-top:-1px;
    line-height:100px;
    color:#8F3C00; 
    text-align:right;
}
.pla-summary .summary
{
    font-size:18px;
    color:#DC000A;    
}
.btn-place
{
    width: 180px;
    height: 40px;
    text-align: center;
    outline: none;
    background: #D25A00;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    border: 0px;
    border-radius:8px;
    -webkit-border-radius:8px; 
    margin-right:15px;
    margin-left:15px;   
}
.ser-menu-list
{
    width:840px;
    background:url(../images/service_61.png);    
}
.ser-menu-sort
{
    height:45px    
}
.menu-sort-item
{
    border-left:1px solid #653021;
    float:left;
    width:20%; 
    text-align:center;
    line-height:45px;
    height:45px;
    color:#fff;
    background-image:url(../images/service_62.png);
    background-repeat: repeat-x;   
}
.menu-sort-item.index
{
    background-image:url(../images/service_64.png);    
}
.ser-food-box
{
    padding-top:20px;
    padding-bottom:20px;    
}
.food-item
{
    float:left;
    width:246px;
    height:264px;
    background:url(../images/service_68.png);
    margin-left:25px;
    color:#fff;    
}
.food-logo
{
    width:233px;
    height:164px;
    margin:0 auto;
    margin-top:7px;
    text-align:center;    
}
.food-logo img
{
    max-width:233px;
    max-height:164px;    
}
.food-name
{
    font-size:18px; 
    height:25px;
    line-height:25px;
    overflow:hidden;
    margin-left:7px;
    margin-right:7px;
    margin-top:7px;    
}
.food-price
{
    float:right;    
}
.food-button
{
    margin-top:8px;    
}
.food-button-item
{
    width:50%;
    float:left;
}
.food-button-item .order-qty
{
    background:url(../images/service_71.png) no-repeat;
    width:40px;
    height:40px;
    text-align:center;
    font-size:12px; 
    float:right;
    margin-right:10px;
    color:#8F3C00;  
    padding-top:5px;  
}
.food-button-item .order-qty .order-qty-a 
{
    color:#fff;    
}
.order-plus
{
    margin-left:10px;   
    cursor:pointer; 
}
#m-bg-ground
{
    position: fixed;
    z-index: 1000;
    left: 0px;
    top: 0px;
    background: url(../images/loading.gif) #666666 no-repeat center center;
    opacity: 0.7;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
    display:none;
}
#m-bg-notice
{
    background: #ffffff;
    position: fixed;
    z-index: 1001;
    _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
    width: 1000px;
    height: 600px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    left: 50%;
    top: 50%;
    margin-left: -500px;
    margin-top: -300px;
    color: #333;
    display:none;
}
.notice-title
{
    height:70px;
    line-height:70px;
    background:#F5F5F5;
    color:#000;
    text-align:center;
    font-size:20px;    
}
.notice-content-box
{   float:left;
    height:auto;
	width:900px;
	margin-left:50px;
	margin-right:50px; 
}
.notice-title .close
{
    width:26px;
    height:26px;
    cursor:pointer;
    float:right; 
    margin-top:22px;
   margin-right:22px;   
}
.notice-content
{
    height:450px;
    text-align:center;      
}
.notice-content img
{
    max-width:800px;
    max-height:400px;
    margin-top:25px;      
}
.logo_search_left
{
    height:36px;    
}
.logo_search_left input[type='text']
{
    height:32px;
    line-height:32px;
    background:transparent;    
}