/*   
  SmartWizard 2.0 plugin 
  jQuery Wizard control Plugin
  by Dipu
  
  http://www.techlaboratory.net
  http://tech-laboratory.blogspot.com
*/

*{
	padding:0;
	margin:0;
}
/* html,body{
	width: 100%;
	height:100%;
	position: relative;
}
body{
	position: absolute;
	top:0;
} */
.swMain {
	position:relative;
	
  /* position:absolute; */
  margin:0 auto;
  padding:0;
  border:0px solid #CCC;
  overflow:visible;
  width:100%;
  height:100%;
}
.swMain .stepContainer {
  display:block;
  /* position:relative; */
  position:absolute;
  top:0;
  left:0;
  margin:0;
  padding:80px 0 52px;    
  border:0px solid #CCC;    
  overflow:hidden;
  clear:both;
  height:100%;
  width: 100%;
  box-sizing:border-box;
}

.swMain .stepContainer div.content {
  display:block;
 /*  margin:0; */
  padding:5px 0;    
  /* border:1px solid #CCC;  */
  font:normal 12px Verdana, Arial, Helvetica, sans-serif; 
  color:#5A5655;   
/*   background-color:#F8F8F8;   */
  height:100%; 
  text-align:left;
  overflow:visible;    
  z-index:88; 
  /* width:100%; */
  clear:both;
}

.swMain div.actionBar {
  display:block;
  width:100%;
  position:absolute;
  /* position:fixed;  */
  clear:both;
  margin:3px 0 0 0;   
  border-top:1px solid #CCC;
  padding:0;    
  color:#5A5655;   
  background-color:#fff; 
  height:40px;
  text-align:left;
  overflow:auto;  
  left:0;
  bottom:0;
}

.swMain .stepContainer .StepTitle {
  display:block;
  position:relative;
  margin:0;   
/*   border:1px solid #E0E0E0; */
  padding:5px;   
  font:bold 16px Verdana, Arial, Helvetica, sans-serif; 
  color:#5A5655;   
  background-color:#E0E0E0;
  clear:both;
  text-align:left; 
  z-index:88;
}
.swMain ul.anchor {
  position:relative;
  z-index: 2;
  /* left:0;
  top:0; */
  display:block;
  list-style:none;
  padding:10px 5px;  
  clear:both;
  border-bottom:1px solid #ddd;    
  background:transparent; /*#EEEEEE */
  width:100%;
  font-size:0;
  box-sizing:border-box;
}
.swMain ul.anchor li{ 
  position:relative; 
  display:inline-block;
  margin:0;
  padding:0; 
  padding-left:5px;
  padding-right:5px;
  border:0px solid #E0E0E0;      
  
  height:60px;
  width:20%;
  box-sizing:border-box;
}
/* Anchor Element Style */
.swMain ul.anchor li a {
  display:block;
  margin:0;
 width:100%;
 height:100%;	
  text-decoration:none;
  outline-style:none;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  /* z-index:99; */
  box-sizing:border-box;
  color:#fff;
}
.swMain ul.anchor li a .stepNumber{
  position:relative;
  float:left;
  width:70px;
  height:60px;
  padding-left:10px;
  text-align:left;
  padding-top:0;
  font:bold 45px Verdana, Arial, Helvetica, sans-serif;
  background: url("../images/arrow.png") no-repeat right;
}
.swMain ul.anchor li a .stepDesc{
  position:relative;
  width: 100%;
  height:60px;
  padding-left: 70px;
  padding-right: 50px;
  text-align:center;
  display:block;
  line-height:60px;
  font-size: 20px;
  font-weight: bold;

}
.swMain ul.anchor li a .stepDesc small{
  font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}
.swMain ul.anchor li a.selected{
  background:#ffae05;  
  cursor: default;
/*   -moz-box-shadow:5px 5px 8px #888;
  -webkit-box-shadow:5px 5px 8px #888;
  box-shadow:5px 5px 8px #888; */
}
/* .swMain ul.anchor li a.selected:hover {
  color:#F8F8F8;  
  background:#EA8511;  
} */

.swMain ul.anchor li a.done { 
  position:relative;
  background:#3a9dff;  
 /*  z-index:99; */
}
/* .swMain ul.anchor li a.done:hover {
  background:#ffae05; 
} */
.swMain ul.anchor li a.disabled {
  background:#a1a1a1;
  cursor: default;   
}
/* .swMain ul.anchor li a.disabled:hover {
  color:#CCCCCC;  
  background:#F8F8F8;     
} */

.swMain ul.anchor li a.error {
  color:#6c6c6c !important;  
  background:#f08f75 !important;
  border:1px solid #fb3500 !important;      
}
/* .swMain ul.anchor li a.error:hover {
  color:#000 !important;       
}
 */
.swMain .buttonNext {
  display:block;
  float:right;
  margin:5px 5px 0 5px;
  padding:7px 0 8px;
  text-decoration:none;
  text-align:center;
  font:bold 13px Verdana, Arial, Helvetica, sans-serif;
  width:100px;
  color:#FFF;
  outline-style:none;
  background-color:#4398f6;
  -moz-border-radius:4px; 
  -webkit-border-radius:4px;    
}
.swMain .buttonDisabled {
  color:#F8F8F8  !important;
  background-color:#CCCCCC !important;
  cursor: default;    
}
.swMain .buttonPrevious {
  display:block;
  float:right;
  margin:5px 5px 0 5px;
  padding:7px 0 8px;
  text-decoration:none;
  text-align:center;
  font:bold 13px Verdana, Arial, Helvetica, sans-serif;
  width:100px;
  color:#FFF;
  outline-style:none;
  background-color:#5A5655;
  -moz-border-radius:4px; 
  -webkit-border-radius:4px;    
}
.swMain .buttonFinish {
  display:block;
  float:right;
  margin:5px 10px 0 3px;
  padding:7px 0 8px;
  text-decoration:none;
  text-align:center;
  font:bold 13px Verdana, Arial, Helvetica, sans-serif;
  width:100px;
  color:#FFF;
  outline-style:none;
  background-color:#4398f6;
  -moz-border-radius:4px; 
  -webkit-border-radius:4px;    
}

/* Form Styles */

.txtBox {
  border:1px solid #CCCCCC;
  color:#5A5655;
  font:13px Verdana,Arial,Helvetica,sans-serif;
  padding:2px;
  width:430px;
}
.txtBox:focus {
  border:1px solid #EA8511;
}

.swMain .loader {
  position:relative;  
  display:none;
  float:left;  
  margin:2px 0 0 2px;
  padding:8px 10px 8px 40px;
  border:1px solid #FFD700; 
  font:bold 13px Verdana, Arial, Helvetica, sans-serif; 
  color:#5A5655;       
  background:#FFF url(../images/loader.gif) no-repeat 5px;  
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  z-index:998;
}
.swMain .msgBox {
  position: fixed !important;  
  display:none;
/*   float:left; */
  margin:4px 0 0 5px;
  padding:24px;
/*   border:1px solid #FFD700; 
  background-color:#FFFFDD;   */
  border:1px solid #ddd; 
  font:normal 12px Verdana, Arial, Helvetica, sans-serif; 
  color:#5A5655;         
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  z-index:999 !important;
  /* min-width:200px; */
  width:380px;  
  height:172px;
  position:fixed;
  top:50%;
  left:50%;
  z-index: 999;
  margin-left:-190px;
  margin-top: -86px;
  box-shadow : 2px 2px 5px #666;
  background-color: #fff;
}
.swMain .msgBox .content {
	display : block;
  font:normal 12px Verdana,Arial,Helvetica,sans-serif;
  padding:0 0 0 36px;
  float:left;
  color: #666;
}
.swMain .msgBox .close {
	width:70px;
	height:30px;
	line-height:30px;
  border-radius:4px;
  color:#fff;
  background-color: #4398f6;
  display:block;
  float:right;
  margin:0 0 0 5px;
  outline-style:none;
  position: absolute;
  right:24px;
  bottom: 24px;
  text-align:center;
  text-decoration:none;
}
.swMain .msgBox .close:hover{
	background-color: #69adf8;
}

h4{
	font-size: 14px;
	color:#333;
}
.icon-tanhao{
	font-size: 28px;
	color:#faad14;
	vertical-align: middle;
	margin-right: 8px;
}
