/*******************************************
<div id="step01_tabs" class="tab-container">
	<ul class="etabs">
		<li><a href="#tab1">xxxx</a></li>
		<li><a href="#tab2">xxxx</a></li>
	</ul>
	<div class="panel-container">
		<div id="tab1">
		</div>
		
		<div id="tab2">
		</div>
	</div>
</div>
*******************************************/
ul.etabs {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.etabs li {
	display: inline-block; 
	text-align: center;
/*
	zoom:1; 
	*display:inline; 
*/
	border: 1px solid #CFCFCF;
	border-bottom: none; 

	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0; 
	-webkit-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;

	background: #fcfcfc; /* Old browsers */
/*
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #f5f5f5 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top,  #fcfcfc 0%,#f5f5f5 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top,  #fcfcfc 0%,#f5f5f5 100%); /* IE10+ */
/*	background: linear-gradient(top,  #fcfcfc 0%,#f5f5f5 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */

}

ul.etabs li:hover {
	background: #F9F9F9;
}

ul.etabs li.active {
	position: relative; 
	background: #fff; 
	top: 1px; 
}

ul.etabs li a {
	display: block;
	line-height: 2.5em; 
	outline: none;
}

ul.etabs li a:hover,
ul.etabs li:hover a {
	color: #111;
}

ul.etabs li a.active {
	color: #E74847;
}

/*** 資料顯示區 ***/
.tab-container .panel-container {
	padding: 30px 15px; 
	border: 1px solid #CFCFCF;
	background: #FFF;
	border-radius: 0 4px 4px 4px;
	-moz-border-radius: 0 4px 4px 4px; 
	-webkit-border-radius: 0 4px 4px 4px;	
}

.tab_content_box {
	padding: 30px 15px; 
	border: 1px solid #CFCFCF;
	background: #FFF;
	border-radius: 0 4px 4px 4px;
	-moz-border-radius: 0 4px 4px 4px; 
	-webkit-border-radius: 0 4px 4px 4px;	
}
@media only screen and (max-width: 767px) {
	.tab-container .panel-container,
	.tab_content_box {
		padding: 15px 10px;	
	}
}