@charset "utf-8";
/*
 * boohee's tool.css
 * by hulala
 * 2011-10-11
 */

.bodyer{
	width:950px;
}

/*----- tool -----*/
.tool .main-column{
	width:730px;
	}
.tool .sub-column{
	width:200px;
}

.tool .main-column .body{
	padding:10px 20px;
}

.tool .intr-wrap .illus{
	width:100px;
	height:100px;
	text-align:center;
	}
.tool .intr-wrap .intr{
	width:540px;
}

.tool .test-result{
	padding:5px 10px;
	background:#EFD;
	margin-top:10px;
}

.tool .side-nav li{
  	height:30px;
	padding-bottom:5px;
  	}
.tool .side-nav li a{
  	display:block;
  	height:30px;
  	line-height:30px;
  	padding-left:40px;
  	background:url(/images/tool/tool-icon.gif) no-repeat;
  	}
.tool .side-nav li .nav1{
  	background-position:0 0;
  	}
.tool .side-nav li .nav2{
  	background-position:0 -30px;
  	}
.tool .side-nav li .nav3{
  	background-position:0 -60px;
  	}
.tool .side-nav li .nav4{
  	background-position:0 -90px;
  	}
.tool .side-nav li .nav5{
  	background-position:0 -120px;
  	}
.tool .side-nav li .nav6{
  	background-position:0 -150px;
  	}
.tool .side-nav li .nav7{
  	background-position:0 -180px;
  	}
.tool .side-nav li .nav8{
  	background-position:0 -210px;
  	}
.tool .side-nav li .nav9{
  	background-position:0 -240px;
}

/*----- food -----*/
.suggest{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	line-height:2;
	border:1px solid #CCC;
	background:#FFF;
	}
.suggest li{
	padding:0 5px;
	cursor:pointer;
	}
.suggest li.hover{
	background:#DFB;
}

/*----- module -----*/
.food .module .headline-wrap .lcorner,
.food .module .headline-wrap .rcorner,
.food .module .headline,
.food .module .headline span,
.food .module .head-wrap .lcorner,
.food .module .head-wrap .rcorner,
.food .module .head,
.food .module .foot-wrap .lcorner,
.food .module .foot-wrap .rcorner,
.food .module .foot{
	background-image:url(/images/food/module-head-bg.gif);
	}
.food .module .headline span{
	background-color:#7abd38;
}

.food .module .body-wrap,
.food .module .body{
	background-image:url(/images/food/module-body-bg.gif);
	}
.food .module .body-wrap{
	background-color:#f8fcf5;
}

/*----- search-bar -----*/
.food .search-bar{
	height:21px;
	}
.food .search-bar .textbox{
	float:left;
	width:168px;
	height:19px;
	border:1px solid #CCC;
	}
.food .search-bar .button{
	float:right;
	width:21px;
	height:21px;
	border:0;
	cursor:pointer;
	background:url(/images/common/search-btn-1.gif) no-repeat 0 0;
}

/*----- banner -----*/
.food .banner{
	height:160px;
	background:url(/images/food/index-banner.jpg?v1) no-repeat 0 0;
	}
.food .banner .search-wrap{
	padding:25px 0 0 320px;
	}
.food .banner h1 a{
	display:block;
	overflow:hidden;
	width:150px;
	height:55px;
	text-indent:-5000px;
	}
.food .banner .search-bar{
	width:410px;
	height:30px;
	}
.food .banner .search-bar .textbox{
	width:320px;
	height:18px;
	padding:6px 5px;
	border:0;
	background:url(/images/food/banner-search-bg.gif) no-repeat 0 0;
	}
.food .banner .search-bar .textbox:hover,
.food .banner .search-bar .textbox.hover{
	background-position:0 100%;
	}
.food .banner .search-bar .button{
	width:80px;
	height:30px;
	background:url(/images/food/banner-search-bg.gif) no-repeat 100% 0;
	}
.food .banner .search-bar .button:hover{
	background-position:100% 100%;
	}
.food .banner .suggest{
	width:328px !important;
}

.food .calorie-ad{
	display:block;
	height:66px;
	line-height:22px;
	padding-left:70px;
	background:url(/images/food/calorie-illus.gif) no-repeat 0 0;
}

/*------ food-index ------*/
.food-index{

}
.food-index .main-column{
	width:730px;
	}
.food-index .sub-column{
	width:200px;
}

.food-index .food-sort{
	padding:0;
	}
.food-index .food-sort .illus{
    border-radius:5px;
    margin-bottom:5px;
    background:#fff;
    border:1px solid #ddd;
	}
.food-index .food-sort .intr{
    
    }
.food-index .food-sort h3{
    margin:0 -10px;
    }
.food-index .food-sort td{
    width:20%;
	padding:10px;
    vertical-align:top;
}

.food-index .food-brand .illus{
    float:left;
    width:158px;
    height:88px;
    border:1px solid #ddd;
    margin-right:10px;
    overflow:hidden;
}
.food-index .food-brand .illus.last{
    margin-right:0;
}

/*------ food-group ------*/
.food-group .food-tab .head{
	line-height:2;
	padding:0 10px;
	border:1px solid #a4d38d;
	cursor:pointer;
	background:#EFE url(/images/food/food-tab-icon.gif) no-repeat 175px 0;
	}
.food-group .food-tab .head.current{
	background-position:175px 100%;
	}
.food-group .food-tab .body{
	line-height:2;
	padding:5px 10px;
	border:1px solid #a4d38d;
	border-top:0;
}

.food-group .food-sort li,
.food-group .food-sort a{
	height:40px;
	line-height:40px;
	}
.food-group .food-sort li{
    border-bottom:1px solid #ddd;
    }
.food-group .food-sort a{
	display:block;
	padding-left:50px;
    background:url(/images/food/category/all.png) no-repeat;
    }
.food-group .food-sort a.g1{
    background-position:0 0;
    }
.food-group .food-sort a.g2{
    background-position:0 -40px;
    }
.food-group .food-sort a.g3{
    background-position:0 -80px;
    }
.food-group .food-sort a.g4{
    background-position:0 -120px;
    }
.food-group .food-sort a.g5{
    background-position:0 -160px;
    }
.food-group .food-sort a.g6{
    background-position:0 -200px;
    }
.food-group .food-sort a.g7{
    background-position:0 -240px;
    }
.food-group .food-sort a.g8{
    background-position:0 -280px;
    }
.food-group .food-sort a.g9{
    background-position:0 -320px;
    }
.food-group .food-sort a.g10{
    background-position:0 -360px;
}

.food-group .group-title{
	line-height:2;
	padding:10px;
	border-top:2px solid #a5d38e;
	background:#f8fcf5;
	}
.food-group .food-list{
	height:53px;
	line-height:26px;
	}
.food-group .food-list .illus{
	width:80px;
	padding:5px 0;
	text-align:center;
	}
.food-group .food-list .intr{
	width:400px;
	}
.food-group .food-list a:hover{
	color:#39E !important;
}

/*------ food-view ------*/
.food-view .food-intr,
.food-view .food-illus{
	padding:9px;
	border:1px solid #eef6e5;
	background:#f8fcf5;
	}
.food-view .food-intr p{
	padding:5px 0;
    border-bottom:1px solid #ddd;
	}
.food-view .food-intr h2{
	font-size:14px;
}
.food-view .food-intr .sina-syn{
	display:block;
	width:85px;
	height:21px;
	background:url(/images/api/sina/syn_btn.gif) no-repeat 0 0;
}

.food-view .nutr-tag{
	line-height:2;
	border:1px solid #92bfd5;
	}
.food-view .nutr-tag dt{
	padding:0 10px;
	margin-bottom:3px;
	border-bottom:1px solid #92bfd5;
	background:#eff7fb;
	}
.food-view .nutr-tag dd{
	height:2em;
	border-bottom:1px solid #DDD;
	margin:0 10px;
	}
.food-view .nutr-tag .dt{
	float:left;
	}
.food-view .nutr-tag .dd{
	float:right;
}

.food-view .star-food{
	line-height:1;
}
.food-view .star-food span.star1,
.food-view .star-food span.star2,
.food-view .star-food span.star3{
	display:inline-block;
	width:50px;
	height:16px;
	overflow:hidden;
	text-indent:-5000px;
	background:url(/images/food/star-food.gif) no-repeat;
	}
.food-view .star-food span.star1{
	background-position:0 0;
	}
.food-view .star-food span.star2{
	background-position:0 -16px;
	}
.food-view .star-food span.star3{
	background-position:0 -32px;
}

.food-view .add-to-can{
	line-height:2;
	padding-top:10px;
	background:url(/images/food/add-to-can.gif) no-repeat 0 0;
	}
.food-view .add-to-can .body{
	padding:0 15px 10px;
	background:url(/images/food/add-to-can.gif) no-repeat 0 100%;
}

/*------ food-upload ------*/
.food-upload .upload-tips{
	height:50px;
	padding:10px 20px;
	background:#ebf6e2;
	border:1px solid #deefce;
}
.food-upload .upload-tips .intrs{
	float:left;
	width:450px;
	}
.food-upload .upload-tips .intrs p{
	text-indent:-64px;
	padding-left:64px;
	}
.food-upload .upload-tips .search-bar-wrap{
	float:right;
	width:200px;
	padding-top:6px;
}

.food-upload .upload-input,
.menu-upload .upload-input{
	width:700px;
	margin:auto;
	padding:10px 0;
}

.food-upload td,
.menu-upload td{
	padding:5px 10px;
	border-bottom:2px solid #f8fcf5;
	background:#ebf6e2;
	}
.food-upload .name,
.menu-upload .name{
	padding-right:10px;
	border-right:2px solid #f8fcf5;
	text-align:right;
	font-weight:bold;
	background:#deefce;
	}
.food-upload .width1{
  	width:238px;
	}
.food-upload .width2{
  	width:58px;
  	}
.food-upload .width3{
  	width:388px;
  	}
.food-upload select{
	height:21px;
	}
.food-upload .form-textarea{
  	height:100px;
  	width:566px;
}

.food-upload .example-box{
	position:absolute;
	width:400px;
	height:200px;
	padding:15px 5px 5px;
	background:url(/images/food/upload-example-bg.png) no-repeat 0 0;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/images/food/upload-example-bg.png');
}

.pop-barcode{
    width:720px;
    margin-left:-360px;
}

/*------ menu-upload ------*/
.menu-upload .width1{
  	width:198px;
  	}
.menu-upload .width2{
  	width:58px;
  	}
.menu-upload .width3{
  	width:158px;
  	}
.menu-upload .form-textarea{
  	width:688px;
  	height:100px;
}

.menu-upload .search-wrap{
	border:1px solid #deefce;
	padding:9px;
}

.menu-upload .search-bar{
	height:25px;
	}
.menu-upload .search-bar .button{
	float:none;
	display:inline-block;
}

.menu-upload .food-list-wrap{
    float:left;
    width:330px;
	padding-right:20px;
    background:url(/images/food/step-right.gif) no-repeat 100% 50%;
    }
.menu-upload .food-list-wrap td{
	background:none;
	}
.menu-upload .food-list,
.menu-upload .menu-cart{
	width:310px;
	padding:9px;
	border:1px solid #DDD;
	}
.menu-upload .food-list{
  	height:235px;
	line-height:2;
  	}
.menu-upload .menu-cart{
  	float:right;
	overflow:auto;
  	height:253px;
	padding:0px;
  	}
.menu-upload .menu-cart li{
	height:2em;
  	margin-bottom:10px;
  	}
.menu-upload .menu-cart li span{
  	float:left;
  	height:2em;
	line-height:2;
	padding:0 10px;
  	}
.menu-upload .menu-cart li .span1{
  	width:100px;
  	}
.menu-upload .menu-cart li .span2{
  	width:80px;
  	}
.menu-upload .menu-cart li .span3{
  	width:40px;
}

.my-upload-food .reason{
	padding-left:48px;
	text-indent:-38px;
	background:#ffe8f2;
}

/*------ food-search ------*/
.food-search .main-column{
	width:730px;
	}
.food-search .sub-column{
	width:200px;
}

.food-search .food-list{
	height:53px;
	line-height:26px;
	}
.food-search .food-list .illus{
	width:80px;
	padding:5px 0;
	text-align:center;
	}
.food-search .food-list .intr{
	width:580px;
	}
.food-search .food-list a:hover{
	color:#39E !important;
}

.story-bar{
	overflow: auto;
	_height: 1%;
	}
.story-bar div{
	position: relative;
	float: left;
	width:310px;
	height:160px;
	line-height: 2;
	margin:0 10px 10px 0;
	color: #444;
	}
.story-bar a{
	position: absolute;
	display: block;
	width: 310px;
	height: 160px;
	left: 0;
	top: 0;
	background: url(/images/common/blank.gif);
	}
.story-bar div:hover dl{
	background: #f5efeb;
	}
.story-bar div.last{
	margin-right: 0;
	clear: right;
	}
.story-bar div img{
	float: left;
	width:120px;
	height: 160px;
	overflow: hidden;
	}
.story-bar div dl{
	float: right;
	width:175px;
	height: 120px;
	padding: 20px 0 20px 13px;
	background: #faf7f5;
	}
.story-bar div dt{
	width:100%;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px;
	}
.story-bar div b{
	clear: both;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width:60px;
	height: 60px;
	text-align: center;
	color: #f6a;
	font:bold 12px/60px;
	}
.story-bar div b i{
	font-size: 30px;
	font-family: Constantia;
}