.step {
	font-weight: bold;
/*	background-color: rgb(100,100,100); */
	width: 100%;
	margin-bottom: 10px;
}

.step > .step-header {
	color: rgb(180,180,180);
	display: table;
	margin: auto;
	padding-bottom: 5px; 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(180,180,180);
}

.step > .step-header > .right-arrow {
	display: table-cell;
	vertical-align: middle;
	font-size: 16pt;
	padding: 0 30px;
}

.step > .step-header > .step-no {
	font-size: 36pt;
	padding-left: 14px;
	padding-right: 14px;
	border: 1px solid #ccc;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	background-color: white;
}

.step > .step-header > .step-name {
	display: table-cell;
	vertical-align: middle;
	font-size: 16pt;
	padding: 0px 5px;
}

.step > .step-header > .active-no {
	font-size: 36pt;
	padding-left: 14px;
	padding-right: 14px;
	border: 1px solid #505050;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	background-color: #5a5a5a;
/*	background-color: #648420;	 */
	color: white;
}

.step > .step-header > .active-name {
	display: table-cell;
	vertical-align: middle;
	font-size: 16pt;
	padding: 0px 5px;
	color: #5a5a5a;
}

.plan-info {
	font-weight: bold;
	font-size: 11pt;
	margin-bottom: 15px;
	border-width: 0px 0px 0px 8px;
	border-style: solid;
	padding-bottom: 4px;
	display: inline-block;
}
.plan-info-RE {
	color: rgb(40,97,147);
	border-color: rgb(66,139,202);
	background-color: rgba(66,139,202, 0.03);
}
.plan-info-RI {
	color: rgb(171,40,37);
	border-color: rgb(217,83,79);
	background-color: rgba(217,83,79, 0.03);
}
.plan-info > .title {
	padding: 3px; 
	font-size: 15pt;
	border-bottom-right-radius: 5px; 
	border-bottom-left-radius: 5px; 
}
.plan-info > .title-RE {
	background-color: rgba(66,139,202, 0.06);
}
.plan-info > .title-RI {
	background-color: rgba(217,83,79, 0.06);
}
.plan-info > .data {
	padding-top: 4px; 
}
.plan-info > .data > .name {
	padding-top: 2px;
}
.plan-info > .data > .value-RE {
	color: rgb(66,139,202);
}
.plan-info > .data > .value-RI {
	color: rgb(217,83,79);
}

.fm section {
	padding-bottom: 0px; 
}
@media(max-width:767px) {
	.step > .step-header > .step-no, .step > .step-header > .step-name, .step > .step-header > .right-arrow {
		display: none;
	}
	
	/* 調整小裝置時,左右的空間 */
	.fm .plan-info>.title {
		margin-left: 10px;
	}
	.fm .plan-info>.data {
		padding-left: 10px;
	}
	
	.fm .row {
		padding-left: 0px;
		padding-right: 0px;
	}
	.fm *[class^='col-sm-'], .fm *[class^='col-xs-'] {
		padding-left: 0px;
		padding-right: 0px;
	}
	.fm .form-horizontal, .fm .form-group {
		margin-left: 0px;
		margin-right: 0px;
	}
	/* datatables 左右空間 */
	.fm .dataTables_scroll {
		margin-left: 8px;
		margin-right: 8px;
	}
}

.num-text {
	font-weight: normal;
	text-right: right;
}

/* �мg bootstrap */
.fm .form-group {
	padding: 7px;
}
.fm .input-group { 
	margin-bottom: 5px; 
}

fieldset {
	margin-top:20px;
}

legend {
	font-weight: bolder;
	color: orange;
}

.btn {
	margin-bottom: 10px;
}

/* �ֳt�W��(quick) */

.s3-plan-name {
	color: white;
	font-size: 16pt;
	font-weight: bold;
	background-color: #ec971f;
	border-width: 1px;
	border-style: solid;
	border-color: #d58512;
	border-radius: 5px;
	padding: 5px;
}

.s3-plan-top-gap {
	margin-top: 50px;
}

.s4-title-name {
	font-weight: bold;
	padding-bottom: 5px;
}
.s4-title-value {
	font-size: 30pt;
	font-weight: bold;
	color: #428bca;
	padding-bottom: 10px;
}
.s4-block {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(240,240,240);
	border-radius: 5px;
	margin: 10px 5px;
	padding-top: 10px;
}
.s4-age-block {
	background-color: rgba(91,192,209,0.1);
}
.s4-amt-block {
	background-color: rgba(217,83,79,0.1);
}

.s4-rsk-tb-r4 {
	background-color: rgba(91,192,209,0.1);
}

.s4-rsk-tb-r5 {
	background-color: rgba(217,83,79,0.1);
}

.info-msg {
	padding-top: 3px;
	font-size:10pt;
	color: rgb(180,15,45);
}

.fm .form-control-90 {
	width: 90%;
	display: inline-block;
}
.info {
	display: inline;
	point: pointer;
}
.info-slider {
	position: absolute;
	padding-top: 16px;
	margin-left: -16px;
}
.help-block {
	font-size: 10pt;
	width: 90%;
}
.help-block-slider {
	margin-top: 15px;
}


/* �~�Ȫ�-�ֳt�պ� Start */
.re-color {
	color: rgb(66,139,202);
}
.ri-color {
	color: rgb(217,83,79);
}
.ri, .result-ri {
	font-size: 12pt;
}
.ri legend, .result-ri legend {
	font-size: 14pt;
	color: rgb(171,40,37);
}
.re legend, .result-re legend {
	font-size: 14pt;
	color: rgb(40,97,147);
}
.btn-link-ri, .btn-link-ri.active, .btn-link-ri:active, .btn-link-ri:focus {
	color: rgb(171,40,37);
}
.btn-link-ri:hover {
	border-width: 0px;
}
/* �~�Ȫ�-�ֳt�պ� End */
.label-group {
	font-weight: bold;
	text-align: center;
}
.label-group > .label-title {
}
.label-group > .label-value {
	font-size: 30pt;
	padding-bottom: 20px;
}
.label-group > .label-value-re {
	color: rgb(40,97,147) !important;
}
.label-group > .label-value-ri {
	color: rgb(171,40,37) !important;
}
.label-group > .label-value-green {
	color: green !important;
}
.label-group > .label-value-red {
	color: red !important;
}