@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, dd, dl, dt, li, ol, ul,  form, label, table,  tr, th, td {margin:0;padding:0;}
body{font:12px/1.6em "宋体",Simsun,Arial,"Lucida Grande",tahoma;text-align: center;height:100%;word-break : break-all;background:#FFFFFF;}
div{text-align:left;}

a{color: #3366CC; text-decoration:none }
a:hover	{ color: #F58A00; text-decoration:none }
li { list-style-type:none;}
img { border: none;}
.bold { font-weight:bold;}

.highlight{color: #F58A00;}
.highlightandbold{color: #F58A00;font-weight: bold;}
.font13{font-size: 13px;}
.font14{font-size: 14px;}

.graylink:link{color: #787878; text-decoration:none }
.graylink:active{color: #787878; text-decoration:none }
.graylink:visited{color: #787878; text-decoration:none }
.graylink:hover{ color: #F58A00; text-decoration:none }

#loginbar a{color:#3366CC; margin: 0 10px 0 10px;}
#loginbar a:hover{color:#F58A00;}

.buybutton{margin-top: 10px;}
.buybutton a{color: #F58A00; background: #F8F0E6; padding: 3px;}

.ordertips {margin-left: 30px; padding:10px; border: 1px solid #E7E6E6;}
.ordertipstitle{height:50px; width:160px; border-bottom:dotted 1px #bab9b9; line-height:24px; font-size: 13px; font-weight: bold; color:#F58A00;}
.ordertips ul{ list-style:none; line-height:18px; padding:10px 0 0 2px} 
.ordertips ul li{ background:url(/dinner/images/bj_d_black.gif) no-repeat left 7px; padding-left:12px; color:#B37D40;}
.ordertips ul .graytips{ background:none; padding-bottom:15px; color:#757575}

.resultbox{ height:157px; background-color:#f4feff;border:1px solid #d3d3d3; text-align: center; margin: auto; width: 700px; margin-top: 20px; margin-bottom: 20px;}
.resultbox p{ font-size:14px; padding-top:15px}
.resultbox .label_error{ height:30px;background:url(/dinner/images/label_error.jpg) no-repeat; width: 130px; padding: 10px 0 0 20px; margin-top: 30px;}

.errorField{background-color: #ffffcc;}

.leftside,.footer img,.footer p,.logo,.foodleft{ float:left;}
.rightside {float: right;}
.siderbar,.foodright{float:right}

.clearfix:after {content: "."; display: block;height: 0; clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}

.banner,.wrap,.footer{width:960px;margin:0 auto;}
.banner{height:66px;}
.topmain{ height:66px;}
.logo{ width:262px; height:50px; margin-top:10px;}
.siderbar p{ text-align:right; margin-bottom:5px;}

.nav{width:735px;height:43px; background:url(/dinner/images/navbg.gif);padding-left:20px;}
.nav li{float:left; height:43px; line-height:43px;font-size:14px; display:inline;width:145px; text-align:center}
.nav li a{color:#FFFFFF; font-weight:bold;}
.nav li a:hover{color:#FFFC03;}
.nav li.current{background:url(/dinner/images/currentbg.gif) no-repeat left center;}
.nav li.current a{color:#FFFC03; font-weight:bold;  }
.second_nav{background:url(/dinner/images/subbg.gif);width:432px; height:25px; margin-top:1px;}
.second_nav a{margin:0 15px; color:#FFFFFF; line-height:25px;}

.mainbox{width:248px; margin-left:10px; margin-top:20px;}
 h1{font-size:14px;color:#F58A00}
.mainbox .new,.mainbox img{float:left; display:inline}
.mainbox .title{height:25px; background:url(/dinner/images/linebg.gif) bottom left no-repeat; margin-bottom:10px;}
.mainbox ul li{height:25px; line-height:25px; color:#787878; border-bottom:1px dotted #ccc; background:url(/dinner/images/point.gif) left center no-repeat; padding-left:10px;}
.mainbox ul li span{float:right; margin-top:-25px;color:#D67E0D}

.footer{height:74px; background-color:#F8F0E6; clear: both;}
.footer img{margin:15px 0 0 50px;}
.footer p{ margin:20px; color:#787878}
/* mainpage end*/

.wrapper{width:960px; margin:0 auto}
.subboxleft{ margin-left:30px; position:relative}
.subbgtop{background:url(/dinner/images/leftsidebg1.gif);width:191px; height:55px;}
.subboxleft img{ position:absolute; top:-30px; left:-30px;}
.subboxleft h1{ margin:10px 0 10px 55px;color:#A2794B; padding-top:10px; font-size:14px;}
.subboxright_top{background:url(/dinner/images/ballbgright.gif); width:710px; height:17px; margin-left:10px;}
.margin_top{margin-top:170px;}
.subboxright{border-left:1px solid #E7E6E6; border-right:1px solid #E7E6E6;width:706px;margin-left:11px; background:#FFFFFF; padding-bottom:50px;}
.subboxright .nownav ,.subboxright .subtitle{width:680px;margin:0 auto}
.subboxright  .nownav{ text-align:right;height:25px;}
.subboxright  .nownav a{margin:0 5px;}
.subtitle{border-bottom:1px solid #ccc;padding:5px 0; height: 25px;}
.imgstyle{ margin:22px; float:left;}
.detail{ margin:22px 20px 20px 0;}
.subtitle h1{color:#A2794B; font-size:14px;}
.sidebar{background:url(/dinner/images/leftsidebg2.gif);width:191px;}
.bgbot{background:url(/dinner/images/leftsidebg3.gif);width:191px; height:114px;}
.sidebar li{ height:30px; line-height:30px;  font-weight:bold;border-bottom:1px dotted #D6C08E; width:130px; margin:0 auto; background:url(/dinner/images/point2.gif) 10% center no-repeat; padding-left:30px;}
.sidebar li a, .sidebar li a:hover{color:#B37D40;}
.sidebar .current{background:url(/dinner/images/point1.gif) 10% center no-repeat; }
.sidebar .current a,.sidebar .current a:hover{color:#FF9500}
/* sub_01 end*/

.food{margin:0 auto; height:270px;width:650px;}
.food p{width:250px;}
.foodright{ margin-right:10px; text-align:right} .foodleft{margin-left:10px;}
.food .price{color:#BB8546; font-size:14px; font-weight:bold}
.bgf1{background:url(/dinner/images/food1.jpg) left center no-repeat;}
.bgf2{background:url(/dinner/images/food2.jpg) right center no-repeat;}
.bgf3{background:url(/dinner/images/food3.jpg) left center no-repeat;}
.bgf4{background:url(/dinner/images/food4.jpg) right center no-repeat;}
/* sub_02 end*/

.health{ margin:50px;}
.health p{ font-size: 13px; line-height: 25px;}
.imgpic{width:665px; text-align:center; margin:0 auto}
/* sub_03 end*/

/*
table{ margin:0 auto; width:620px;}

td{border-top:1px solid #DFDFDF; background:#F9FAFA; height:35px; padding-left:20px;}
td.row1{ background:#FEF2E4; width:150px; border-top:1px solid #FCD6B1; color:#C66D0E;text-align:center}
input, textarea{border:1px solid #DFDFDF;}
textarea{width:320px; height:120px}
*/

#s3slider { 
   width: 660px; /* important to be same as image width */ 
   height: 440px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 660px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-size:14px;
   font-weight:bold;
   padding: 8px 10px;
   width: 660px;
   background-color: #F58A00;
   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

.statistic_table td{padding: 3px;}


/* Scroller Box */
#scroller_container {
 width: 650px;
 height: 25px;
 overflow: hidden;
}
/* Scoller Box */

/* CSS Hack Safari */
#dummy {;# }

#scroller_container {
overflow: auto;
}