﻿.composetab { margin-top:0px; margin-bottom:5px;}
#health .col { width:300px;}
#health .col-sex { width:80px;}
#health .text { float:left; width:300px;}
#health select { width:45px; margin-right:10px;}
#bmi th {font-weight:100;}

.good{color: #008000;}
.bad{color: #f00;}

.table-result { width:100%;}
.table-result th { text-align:right; padding:3px; width:120px; color:#666; font-size:12px; font-weight:100;}
.table-result td { padding:3px; color:#333; font-size:14px;}

/*查询按钮*/
.cert-search-btn{ font-weight:bold;text-align:center; color:#ffffff; display: inline-block;border:0;width: 150px;height: 30px;line-height:30px;text-decoration: center;font-size: 16px;background-color: #FFA500;cursor: pointer;border-radius:3px;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; text-decoration:none;}
.cert-search-btn:hover{ text-decoration:none; color:#ffffff;background-color:#FF7F00;}

/* Box Coyp Result */
.box-loading { text-align:center;}
.box-loading img { vertical-align: middle; padding-right:2px;}                
.box-error { text-align:left; color:#f00;}
.box-error img { vertical-align: middle; padding-right:2px;} 
.box-title-main { float:left;}
.box-title-main-extra{ float:right; height:20px; line-height:20px; margin:5px 5px 5px 0;}

.link { color: #36c; cursor:pointer; text-decoration: none; font-size:12px; }
.link:hover { background-color:#36c; color:#fff;}

/* Box Width */
.box-width960 { width:960px;}
.box-width958 { width:958px;}
.box-width636 { width:636px;}
.box-width310 { width:310px;}
.box-width696 { width:696px;}
.box-width250 { width:250px;}

/* Box Structure */
.box{ /*position:relative;*/ margin:8px 0;}
	.box-wrapper{ margin:1px; padding:0 10px;}
	.box-title{ /*position:relative;*/ font-size:14px; font-weight:bold; line-height:28px; height:30px; }
		.box-title-add-on{ font-size:12px; padding:0 0 0 20px; font-weight:normal;}
		.box-title-icon{ width:16px; height:16px; display:block; overflow:hidden; float:left; margin:6px 4px 0 0;}
		.box-title-more{ position:absolute; right:0; top:5px; font-weight:normal; font-size:12px; line-height:1.5;}
		.box-title-more a{ padding:0 2px 0 0; text-decoration:none;}
		.box-title-more a:hover{ text-decoration:underline;}
	.box-content{padding:5px 5px;}
	.box-rc{}
		.box-rc span{ position:absolute; overflow:hidden;}
		.box-rc-tl{ left:-1px; top:-1px;}
		.box-rc-tr{ right:-1px; top:-1px;}
		.box-rc-bl{ left:-1px; bottom:-1px;}
		.box-rc-br{ right:-1px; bottom:-1px;}
		/* fix bottom 1px and  problem for ie6 */
		.box-ie6fix .box-rc-bl,
		.box-ie6fix .box-rc-br{ _bottom:-2px;}
		/* fix fluit height problem for ie6 */
		.box-fluitfix .box-rc-bl,
		.box-fluitfix .box-rc-br{ _position:relative; _display:block;}
		.box-fluitfix .box-rc-bl{ _left:-1px; _top:6px; _float:left;}
		.box-fluitfix .box-rc-br{ _right:-1px; _top:1px; _float:right;}
/* Box Style 01 */
/* 蓝色 */
.box-s01{ border:1px solid #E0EDF4; background:#fff;}
.box-s01 .box-wrapper{ background:url(../images/box_wrapper_f6fafb.jpg) repeat-x;}
.box-s01 .box-title{ color:#1F2022; background:url(../images/box_title_c7e2f5.png) bottom right no-repeat; padding:0 0 0 5px;}
.box-s01 .box-title .box-title-main{}
.box-s01 .box-title .box-title-add-on{ color:#939598;}
.box-s01 .box-content{}
.box-s01 .box-decoration{}
	.box-s01 .box-rc span{ width:51%; height:5px; background-image:url(../images/box_rc_e1eef5.gif);}
		.box-s01 .box-rc-tl{ background-position:0 0;}
		.box-s01 .box-rc-tr{ background-position:right 0;}
		.box-s01 .box-rc-bl{ background-position:0 -15px;}
		.box-s01 .box-rc-br{ background-position:right -15px;}
/* Box Style 02 */
/* 蓝色(标题下划线) */
.box-s02{ border:1px solid #E0EDF4; background:#fff;}
.box-s02 .box-wrapper{ background:#fff;}
.box-s02 .box-title{ color:#1F2022; border-bottom:1px solid #cfe6f6;}
	.box-s02 .box-title-main{ border-bottom:4px solid #69cbf1; padding:0 5px 3px 5px; _padding:0 0 2px 0;}
	.box-s02 .box-title-add-on{ color:#939598;}
	.box-s02 .box-title-more a{ color:#21659a;}
	.box-s02 .box-title-more a{ color:#21659a;}
.box-s02 .box-content{}
.box-s02 .box-decoration{}
	.box-s02 .box-rc span{ width:51%; height:5px; background-image:url(../images/box_rc_e1eef5.gif);}
		.box-s02 .box-rc-tl{ background-position:0 0;}
		.box-s02 .box-rc-tr{ background-position:right 0;}
		.box-s02 .box-rc-bl{ background-position:0 -15px;}
		.box-s02 .box-rc-br{ background-position:right -15px;}
/* Box Style 03 */
/* 粉红色 */
.box-s03{ border:1px solid #eedec7; background:#fff;}
.box-s03 .box-wrapper{ background:url(../images/box_wrapper_fffaf2.jpg) repeat-x;}
.box-s03 .box-title{ color:#000; background:url(../images/box_title_f1e4d1.png) bottom right no-repeat; padding:0 0 0 5px;}
.box-s03 .box-title .box-title-main{}
.box-s03 .box-title .box-title-add-on{ color:#939598;}
.box-s03 .box-content{}
.box-s03 .box-decoration{}
	.box-s03 .box-rc span{ width:51%; height:5px; background-image:url(../images/box_rc_eedec7.gif);}
		.box-s03 .box-rc-tl{ background-position:0 0;}
		.box-s03 .box-rc-tr{ background-position:right 0;}
		.box-s03 .box-rc-bl{ background-position:0 -15px;}
		.box-s03 .box-rc-br{ background-position:right -15px;}
/* Box Style 04 */
/* 红色背景(查询) */
.box-s04{ border:1px solid #ffac42; background:#fff6bf;}
.box-s04 .box-wrapper{ }
.box-s04 .box-title{ color:#1F2022; background:url(../images/box_title_ffac42.png) bottom right no-repeat; padding:0 0 0 5px;}
.box-s04 .box-title .box-title-main{}
.box-s04 .box-title .box-title-add-on{ color:#939598;}
.box-s04 .box-content{}
.box-s04 .box-decoration{}
	.box-s04 .box-rc span{ width:51%; height:5px; background-image:url(../images/box_rc_ffac42.gif);}
		.box-s04 .box-rc-tl{ background-position:0 0;}
		.box-s04 .box-rc-tr{ background-position:right 0;}
		.box-s04 .box-rc-bl{ background-position:0 -15px;}
		.box-s04 .box-rc-br{ background-position:right -15px;}
/* Box Style 05 */
/* 蓝色背景 */
.box-s05{ border:1px solid #E0EDF4; background:#f4fafe;}
.box-s05 .box-wrapper{ }
.box-s05 .box-title{ color:#1F2022; /*background:url(../images/box_title_c7e2f5.png) bottom right no-repeat;*/ padding:0 0 0 5px;}
.box-s05 .box-title .box-title-main{}
.box-s05 .box-title .box-title-add-on{ color:#939598;}
.box-s05 .box-content{}
.box-s05 .box-decoration{}
	.box-s05 .box-rc span{ width:51%; height:5px; background-image:url(../images/box_rc_e1eef5.gif);}
		.box-s05 .box-rc-tl{ background-position:0 0;}
		.box-s05 .box-rc-tr{ background-position:right 0;}
		.box-s05 .box-rc-bl{ background-position:0 -15px;}
		.box-s05 .box-rc-br{ background-position:right -15px;}
/* Box Style 06 */
/* 灰色背景(描述) */	
.box-s06{ border:1px solid #ddd; background:#fbfbfb;}
.box-s06 .box-wrapper{ }
.box-s06 .box-title{ color:#1F2022; background:url(../images/box_title_cccccc.png) bottom right no-repeat; padding:0 0 0 5px;}
.box-s06 .box-title .box-title-main{}
.box-s06 .box-title .box-title-add-on{ color:#939598;}
.box-s06 .box-content{}
.box-s06 .box-decoration{}
	.box-s06 .box-rc span{ width:51%; height:5px; background-image:url(../images/box_rc_dddddd.gif);}
		.box-s06 .box-rc-tl{ background-position:0 0;}
		.box-s06 .box-rc-tr{ background-position:right 0;}
		.box-s06 .box-rc-bl{ background-position:0 -15px;}
		.box-s06 .box-rc-br{ background-position:right -15px;}

/*================查询框=====================*/
.form-bg { background:url(../images/form_bg.gif) repeat-x;}
.form-query { display:table-cell; vertical-align:middle; color:#1F2022; font-size:14px;}
.form-query *{ vertical-align:middle;}
.form-query b { font-size:12px;}
.form-query label { display:inline-block; width:110px; text-align:right; }
.form-query select { border:#ccc 1px solid; width:100px; background:#fff;}
.form-query input { padding:3px;}
.form-query .row { display:inline-block; padding:4px 0; height:26px; line-height:30px;}
.form-query .row .text { width:138px;}
.form-query .row .col { float:left; text-align:right; width:210px;}
.form-query .submit { border:0; width:79px; height:26px; background: url(../images/btn_bg.gif) no-repeat; text-align:center; color:#fff; cursor:pointer; font-weight:700;}
.form-query .tips { font-size:12px; color:#666;}

/*================表格框=====================*/
.result-table{text-align:center; width:100%}
.result-table TH{border:#ebebeb 1px solid; padding:5px 3px}
.result-table TD{border:#ebebeb 1px solid; padding:5px 3px}
.result-table TH{border:#bbd6f1 1px solid; background:#f4fafe}
.result-table TR.even{background:#fafafa}
.result-table TD.no-result{border-right-style:none; border-left-style:none; background:#fafafa; color:#666}

/*================表格框=====================*/
.textarea { border: solid 1px #e4eaf1; width: 692px; height: 180px;}
.readonly { background: #fafafa;}
.panel { padding: 6px;}
.panel *{vertical-align:middle;}
