@charset "utf-8";
/* CSS Document */


#health {
	width: 966px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#health * { margin: 0px; padding: 0px; list-style-type: none; }

#health .clear{ font-size: 0px; line-height: 0px; clear: both; }


#health .healthmain { width: 740px; display: inline; float: left; }

#health .healthside { width: 206px; float: right; }
#health .healthmain .navigation { background-image: url(../images/bg_health_nav.gif); background-repeat: repeat-x; background-position: center center; height: 40px; }


#health .healthmain .navigation .top { background-image: url(../images/bg_health_nav.gif); background-repeat: no-repeat; background-position: left top; float: left; height: 40px; width: 5px; }
#health .healthmain .navigation .end { background-image: url(../images/bg_health_nav.gif); background-repeat: no-repeat; background-position: right bottom; float: right; height: 40px; width: 5px; }

#health .healthmain .navigation strong { font-size: 12px; color: #a97f3f; font-weight: normal; line-height: 30px; padding-left: 20px; }

#health .healthmain .list h4 { font-size: 14px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; padding-bottom: 8px; margin-right: 20px; margin-left: 20px; padding-top: 6px; }

#health .healthmain .list .pagination { line-height: 40px; font-size: 12px; text-align: right; margin-right: 20px; margin-left: 20px; }

#health .healthmain .list dl { margin-right: 20px; margin-left: 20px; clear: both; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; padding-top: 12px; padding-bottom: 12px; }

#health .healthmain .list dl dt a img { padding: 1px; border: 1px solid #CCC; float: left; margin-right: 24px; }

#health .healthmain .list dl dt a { font-size: 14px; font-weight: bold; }

#health .healthmain .list dl dd { font-size: 12px; color: #717070; line-height: 24px; }

#health .healthmain .list dl dd a { line-height: 24px; background-image: url(../images/ico_addfav.gif); background-repeat: no-repeat; background-position: left center; float: right; padding-left: 20px; color: #a97f3f; }
#health .healthside .search h3 { font-size: 12px; font-weight: bold; color: #a97f3f; background-image: url(../images/ico_health_side.gif); background-repeat: no-repeat; background-position: left center; padding-top: 12px; padding-left: 34px; margin-bottom: 12px; }

#health .healthside .search .text { border: 1px solid #a97f3f; color: #AEADAD; height: 19px; width: 130px; line-height: 19px; }
#health .healthside .search .btn { font-weight: bold; color: #FFF; background-image: url(../images/btn_search.gif); background-repeat: no-repeat; background-position: center center; height: 21px; width: 60px; border: 0px none #FFF; margin-left: 12px; background-color: #FFF; }



#health .healthside dt { background-image: url(../images/bg_health_h.gif); background-repeat: no-repeat; background-position: center top; height: 29px; color: #a97f3f; font-size: 12px; font-weight: bold; line-height: 28px; padding-left: 24px; margin-top: 8px; margin-bottom: 8px; }
#health .healthside dl.off dd { display: none; }

#health .healthside dl.off dt{ background-position: center bottom; }
#health .healthside #menu a { color: #959393; font-size: 12px; width: 33%; float: left; line-height: 30px; }
#health .healthside .tools a  { font-size: 12px; color: #000; display: block; background-image: url(../images/ico_healthtools.gif); background-repeat: no-repeat; line-height: 30px; padding-left: 50px; }
#health .healthside .tools3{ background-position: 10px -30px; }
#health .healthside .tools9{ background-position: 10px -60px; }
#health .healthside .tools8{ background-position: 10px -90px; }
#health .healthside .tools4{ background-position: 10px -120px; }
#health .healthside .tools6{ background-position: 10px -150px; }
#health .healthside .tools5{ background-position: 10px -180px; }
#health .healthside .tools7{ background-position: 10px -210px; }
#health .healthside .tools1{ background-position: 10px -240px; }
#health .healthside .tools2{ background-position: 10px 0px; }
#health .healthside .tools3 {
	background-image: none;
	font-size: 12px;
	line-height: 24px;
}
#health .healthside .on .tools3 td {
	padding: 5px;
}
#health .healthside .on .tools3 img {
	border: 1px solid #EBEBEB;
	padding: 1px;
}
#health .healthside .on .tools3 p {
	line-height: 24px;
	background-image: url(../images/t_t_ico.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}



#health .healthtools { margin: 30px; background-repeat: no-repeat; background-position: 30px 10px; padding-left: 150px; }
#health .healthtools dt { font-size: 14px; font-weight: bold; color: #000; line-height: 40px; }

#health .healthtools dd { font-size: 12px; padding-right: 30px; line-height: 24px; }
#health .healthtools dd a { color: #a97f3f; }



#health #bmi .healthtools { background-image: url(../images/ico_bmi.gif); }
#health #sw .healthtools { background-image: url(../images/ico_sw.gif); }
#health #bmr .healthtools { background-image: url(../images/ico_bmr.gif); }
#health #hwr .healthtools { background-image: url(../images/ico_hwr.gif); }
#health #cal .healthtools { background-image: url(../images/ico_cal.gif); }
#health #fat .healthtools { background-image: url(../images/ico_fat.gif); }
#health #cal1 .healthtools { background-image: url(../images/ico_cal1.gif); }
#health #min .healthtools { background-image: url(../images/ico_1min.gif); }

#health .healthrule { margin-right: 30px; margin-left: 30px; }

#health .healthrule dt { font-size: 14px; font-weight: bold; color: #000; line-height: 40px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; padding-left: 30px; }

#health .healthrule dd { font-size: 12px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; padding-top: 12px; padding-bottom: 12px; }

#health .healthrule dd .text { border: 1px solid #7F9DB9; width: 40px; margin-right: 6px; margin-left: 6px; vertical-align: middle; }

#health .healthrule dd .btn { font-weight: bold; color: #FFF; background-image: url(../images/btn_healthtools.gif); background-repeat: no-repeat; background-position: center center; height: 21px; width: 60px; border: 0px none #FFF; vertical-align: middle; }

#health .healthrule dd span { margin-right: 20px; margin-left: 20px; }

#health .ending { width: 652px; margin-top: 30px; margin-right: auto; margin-bottom: 30px; margin-left: auto; background-image: url(../images/bg_health_ending.gif); background-repeat: repeat-y; background-position: center center; }

#health .ending .top { background-image: url(../images/bg_health_ending.gif); background-repeat: no-repeat; background-position: left top; height: 17px; }
#health .ending .end { background-image: url(../images/bg_health_ending.gif); background-repeat: no-repeat; background-position: right bottom; height: 17px; }

#health .ending .content { font-size: 14px; line-height: 36px; text-align: center; }

#health .ending .content strong { color: #a97f3f; margin-left: 6px; }
#health #min .ending .content { text-align: left; padding-left: 60px; padding-right: 60px; }
#health #min .ending .content dl dt { font-size: 14px; font-weight: bold; background-image: url(../images/ico_health_ending.gif); background-repeat: no-repeat; background-position: left 14px; padding-left: 20px; }
#health #min .ending .content dl dd { font-size: 12px; padding-left: 20px; line-height: 24px; color: #4A4A49; }
#health #min .ending .content dl dd table { border: 0px none #FFF; width: 400px; }
#health #min .ending .content dl dd table th { text-align: left; }
#health #cal .healthrule dd table { width: 652px; margin-top: 12px; margin-right: auto; margin-bottom: 12px; margin-left: auto; border: 0px none #FFF; }

#health #cal .healthrule dd table tr th { border: 1px solid #a97f3f; padding: 8px; }

#health #cal .healthrule dd table tr td ul li { float: left; width: 315px; background-image: url(../images/ico_cal_li.gif); background-repeat: no-repeat; background-position: left 14px; padding-left: 10px; height: 40px; line-height: 40px; }

#health #cal .healthrule dd table tr td ul li .date { float: right; line-height: 40px; height: 40px; }

#health #cal .healthrule dd table tr td ul li .date .input40 { border: 1px solid #7F9DB9; width: 30px; vertical-align: middle; }
#health #cal .healthrule dd .btn { display: block; margin: auto; }





#health .share { width: 652px; margin: auto; font-size: 12px; line-height: 30px; }

#health .share strong { color: #80807F; font-weight: normal; margin-right: 8px; margin-left: 8px; }

#health .share a { color: #a97f3f; background-image: url(../images/ico_share.gif); background-repeat: no-repeat; background-position: left center; margin-left: 8px; padding-left: 8px; }

#health .info table {
	border: 1px solid #a97f3f;
	width: 652px;
	border-collapse: collapse;
	margin-top: 16px;
	margin-right: auto;
	margin-bottom: 16px;
	margin-left: auto;
}

#health .info table td,
#health .info table th { border: 1px solid #a97f3f; color: #444444; font-size: 12px; padding: 5px; }

#health .info table caption {
	font-size: 12px;
	color: #444444;
	background-color: #FFFD64;
	font-weight: bold;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #a97f3f;
	border-right-color: #a97f3f;
	border-bottom-color: #a97f3f;
	border-left-color: #a97f3f;
}

#health .info dl { width: 652px; font-size: 12px; margin-top: 12px; margin-right: auto; margin-bottom: 12px; margin-left: auto; line-height: 24px; color: #444444; }

#health .info dl dt { font-weight: bold; }

#health .info dl dd { list-style-type: disc; }
#health .other  { margin: auto; width: 652px; font-size: 12px; line-height: 24px; }
#health .other a  { font-weight: bold; color: #DC0505; }

#health #cal1 .top { background-image: url(../images/bg_health_cal1.gif); background-repeat: no-repeat; background-position: left top; width: 905px; margin: auto; }
#health #cal1 .top .navigation { font-size: 12px; color: #a97f3f; background-image: url(../images/bg_health_cal1.gif); background-repeat: repeat-y; background-position: center center; padding-left: 36px; margin-top: 19px; padding-bottom: 20px; }

#health #cal1 .end { background-image: url(../images/bg_health_cal1.gif); background-repeat: no-repeat; background-position: right bottom; height: 19px; width: 905px; margin: auto; }

#health #cal1 .content { background-image: url(../images/bg_health_cal1.gif); background-repeat: repeat-y; background-position: center center; margin: auto; width: 905px; border: 0px none #FFF; }

#health #cal1 .content tr .jsq { width: 320px; vertical-align: top; }

#health #cal1 .content tr .jsq .top { background-image: url(../images/bg_health_jsq.gif); background-repeat: no-repeat; background-position: center center; height: 63px; width: 307px; margin-right: 0px; margin-left: auto; }

#health #cal1 .content tr .jsq .end { background-image: url(../images/bg_health_jsq2.gif); background-repeat: no-repeat; background-position: center center; height: 22px; width: 307px; margin-right: 0px; margin-left: auto; }

#health #cal1 .content tr .jsq dl { width: 307px; margin-right: 0px; margin-left: auto; background-image: url(../images/bg_health_jsq1.gif); background-repeat: repeat-y; background-position: center center; }
#health #cal1 .content tr .jsq .ending1 { line-height: 24px; font-size: 12px; padding: 30px; }

#health #cal1 .content tr .jsq .ending1 a,
#health #cal1 .content tr .jsq .ending1 strong { color: #a97f3f; }

#health #cal1 .content tr .jsq .btn input { font-weight: bold; color: #FFF; background-image: url(../images/btn_search.gif); background-position: center center; height: 21px; width: 60px; border: 0px none #FFF; margin-right: 8px; margin-left: 8px; }

#health #cal1 .content tr .jsq .btn { text-align: center; }

#health #cal1 .content tr .jsq .btn a { font-size: 12px; color: #a97f3f; margin-right: 8px; margin-left: 8px; }
#health #cal1 .content tr .jsq dl dt { background-image: url(../images/bg_health_jsqli.gif); background-repeat: no-repeat; background-position: center bottom; width: 268px; margin: auto; height: 42px; line-height: 42px; }

#health #cal1 .content tr .jsq dl dt.on { background-position: center top; }

#health #cal1 .content tr .jsq dl dt a { padding-left: 16px; color: #a97f3f; font-size: 14px; font-weight: bold; line-height: 42px; text-decoration: none; }
#health #cal1 .content tr .jsq dl dd a { padding-left:6px; color: #a97f3f; font-size: 12px; text-decoration: none; }
#health #cal1 .content tr .jsq dl dd { font-size: 12px; line-height: 24px; color: #929191; text-align: center; }

#health #cal1 .content tr .jsq dl dd table { width: 250px; margin: auto; border: 0px none #FFF; }

#health #cal1 .content tr .jsq dl dd table tr td { padding: 6px; text-align: left; }

#health #cal1 .content tr .jsq dl dd table tr td .text { width: 30px; }




#health #cal1 .content tr .foodlist { vertical-align: top; }

#health #cal1 .content tr .foodlist .top { background-image: url(../images/bg_health_fl1.gif); background-repeat: no-repeat; background-position: center center; height: 22px; width: 558px; margin: auto; }

#health #cal1 .content tr .foodlist .end { background-image: url(../images/bg_health_fl3.gif); background-position: center center; height: 23px; width: 558px; margin: auto; }

#health #cal1 .content tr .foodlist .content { background-image: url(../images/bg_health_fl2.gif); background-repeat: repeat-y; background-position: center center; width: 558px; margin: auto; }

#health #cal1 .content tr .foodlist .search { float: right; margin-right: 30px; display: inline; }

#health #cal1 .content tr .foodlist .search .text { border: 1px solid #C9C9C9; line-height: 19px; height: 19px; vertical-align: middle; }

#health #cal1 .content tr .foodlist .search .btn { background-image: url(../images/btn_search1.gif); background-repeat: no-repeat; background-position: center center; height: 21px; width: 21px; border: 0px none #FFF; vertical-align: middle; }
#health #cal1 .content tr .foodlist .content .list { margin-left: 20px; }


#health #cal1 .content tr .foodlist .list h3 { color: #828080; font-size: 14px; line-height: 21px; font-weight: bold; padding-left: 30px; margin-bottom: 12px; }

#health #cal1 .content tr .foodlist .content .list dl { border: 1px solid #C9C9C9; width: 230px; float: left; margin: 8px 15px; display: inline; }

#health #cal1 .content tr .foodlist .content .list dl dt img { padding: 1px; border: 1px solid #F0F0F0; float: left; margin: 6px; }

#health #cal1 .content tr .foodlist .content .list dl dt a { font-size: 12px; line-height: 24px; font-weight: bold; color: #444; }

#health #cal1 .content tr .foodlist .content .list dl dd { font-size: 12px; line-height: 24px; color: #666; }

#health #cal1 .content tr .foodlist .content .list dl dd a { font-weight: bold; color: #FFF; background-image: url(../images/btn_add.gif); float: right; height: 15px; width: 34px; line-height: 16px; padding-left: 16px; margin-top: 5px; margin-right: 6px; overflow: hidden; }

#health #cal1 .content tr .foodlist .content .pagination { clear: both; font-size: 12px; margin-left: 30px; padding-top: 10px; }

#health .healthmain .searchku { background-image: url(../images/bg_searchku.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 160px; margin: 30px; padding-top: 20px; padding-bottom: 20px; }

#health .healthmain .searchku dl dt { font-size: 14px; font-weight: bold; color: #38A739; line-height: 40px; }

#health .healthmain .searchku dl dd { font-size: 12px; line-height: 30px; }

#health .healthmain .searchku .text { border: 1px solid #7F9DB9; height: 19px; line-height: 19px; color: #666666; width: 360px; margin-right: 30px; }

#health .healthmain .searchku .btn { font-weight: bold; color: #FFF; background-image: url(../images/btn_healthtools.gif); background-repeat: no-repeat; background-position: center center; height: 21px; width: 60px; border: 0px none #FFF; }

#health .healthmain .foodmenu { background-image: url(../images/bg_health_ending.gif); background-repeat: repeat-y; background-position: center center; margin: auto; width: 652px; }

#health .healthmain .foodmenu .top { background-image: url(../images/bg_health_ending.gif); background-repeat: no-repeat; background-position: left top; height: 17px; width: 652px; margin: auto; }

#health .healthmain .foodmenu .end { background-image: url(../images/bg_health_ending.gif); background-repeat: no-repeat; background-position: right bottom; margin: auto; height: 17px; width: 652px; }

#health .healthmain .foodmenu table { margin: auto; border: 0px none #000; }

#health .healthmain .foodmenu table tr td { vertical-align: top; }

#health .healthmain .foodmenu table tr td h3 { font-size: 14px; font-weight: bold; color: #000; line-height: 40px; padding-left: 30px; }
#health .healthmain .foodmenu table table { margin-right: 12px; margin-left: 12px; }


#health .healthmain .foodmenu table table a { font-size: 12px; color: #000; width: 80px; display: block; text-decoration: none; }

#health .healthmain .foodmenu table table td { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #E6DCC6; padding: 14px; }
#health .healthmain .page { padding-left: 20px; padding-right: 20px; padding-top: 20px; }


#health .healthmain .page .nutrition { float: left; width: 170px; background-image: url(../images/bg_nutrition.gif); background-repeat: repeat-x; background-position: left top; background-color: #FEF3F5; border: 1px solid #eee; }

#health .healthmain .page .nutrition caption { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #EEEEEE; border-right-color: #EEEEEE; border-bottom-color: #EEEEEE; border-left-color: #EEEEEE; font-size: 12px; font-weight: bold; color: #444; text-align: left; line-height: 20px; padding-top: 12px; padding-right: 12px; padding-bottom: 3px; padding-left: 12px; }

#health .healthmain .page .nutrition caption img { display: block; margin: auto; padding-bottom: 12px; }
#health .healthmain .page .nutrition tr th { font-size: 12px; text-align: left; padding-left: 8px; font-weight: normal; padding-top: 6px; padding-bottom: 6px; color: #444444; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEEEEE; }

#health .healthmain .page .nutrition tr td { font-size: 12px; text-align: right; padding-right: 8px; color: #444444; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEEEEE; }


#health .healthmain .page .right { float: right; width: 500px; }

#health .healthmain .page .right h3 { font-size: 14px; line-height: 30px; font-weight: bold; color: #444; }

#health .healthmain .page .right .intro dt { font-size: 12px; font-weight: bold; line-height: 30px; height: 30px; clear: left; float: left; color: #444; padding-left: 12px; padding-right: 6px; }

#health .healthmain .page .right .intro dd { font-size: 12px; line-height: 30px; color: #444; }

#health .healthmain .page .right .intro dd strong { color: #EE2931; font-weight: normal; padding-right: 6px; }

#health .healthmain .page .right .info dt { border-top-width: 1px; border-top-style: solid; border-top-color: #EEEEEE; padding: 12px; font-size: 14px; font-weight: bold; color: #444; }

#health .healthmain .page .right .info dd { font-size: 12px; line-height: 24px; padding-top: 0px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }

#health .healthmain .page .right .info dd a { color: #F45C44; margin-right: 6px; margin-left: 6px; white-space: nowrap; }
#health .healthrule dd span .sex  { display: inline; vertical-align: middle; }
#tg_line{ width: 966px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;}