/**********************************tab********************************************/
.tab{
	font-family:"微軟正黑體",Verdana, Geneva, sans-serif;
	position: relative;
	padding: 0;
	list-style: none; 
	width:190px;
	left:0;
	margin-bottom:5px;
}

.tab li{
	
	background: url(../../images/ip/menu_02.gif) no-repeat center right;
	margin:0 0 1px 0;

	
}

.tab li a{
	
	display: block;
	color:#fff;
	text-decoration: none;
	font-size:13px;
	padding:0 0 0 10px; /*Padding to left tab image.*/
	height: 24px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;

}

.tab li a nobr{
	padding-right:60px;
	float: left;
	display: block;
	padding: 0 30px 0 5px; /*Padding of menu items*/
	background:#ccc;
	
}

/*tabOn style*/
.tab li.tabOn a/*, .tab li a:hover*/{
	color: #fff;
	background: url(../../images/ip/menu_01.gif) no-repeat center right; 
	padding: 0 10px 0 10px;
	
	
}
.tab li.tabOn a nobr/*, .tab li a:hover span*/{
	color: #fff;
	background: url(../../images/ip/menu_0102.gif) repeat-x;
	padding: 0 10px 0 30px;
}

/*Hover style*/
.tab li a:hover{
	color:#fff;
	background: url(../../images/ip/menu_01.gif) no-repeat center right ;
	padding: 0 10px 0 10px;
}
.tab li a:hover nobr{
	color:#fff;
	background: url(../../images/ip/menu_0102.gif) repeat-x;
	padding: 0 10px 0 30px;
}


/*********************************************flow step****************************************************************************/
.tab1{ 
	 display: table;
  margin: 10px auto;
  font-family:"微軟正黑體",Verdana, Geneva, sans-serif;
}

.tab1 li {
	float:left;
	list-style: none;
}
.tab1 li img {
	width:75px;
	height:75px;
	margin-bottom:3px;
}
.tab1 li a{	
	display: block;
	color:#333;
	text-decoration: none;
	font-size:13px;
	text-align: center;
	background:url(../../images/ip/icon_arrow.png) no-repeat center right;
	padding:0 25px 0px 10px;
	margin-right:10px;
	cursor: pointer;
}

.tab1 .active a{	
	color:#f00;
	background:url(../../images/ip/icon_arrowa.png) no-repeat center right;
}
.tab1 li.last a{	
	background:none;
}
 @media screen and (max-width: 595px) {
	 .tab1{ display: table;  margin:0 auto}
	 .tab1 li { margin-bottom:5px;}
	.tab1 li img {
	 
	width:60px;
	height:60px;
   }
   .tab1 li a{ margin-right:0px; 
   font-size:75%}
 }