@import url(http://fonts.googleapis.com/css?family=Montserrat);

/*form styles*/
#msform { width:450px;margin: 50px auto;text-align: center;position: relative; }
#msform fieldset {background: white;width:100%;position:inherit; }
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) { display: none; }
/*inputs*/
#msform input.shuru, #msform textarea { padding:5px;border:1px solid #ccc;border-radius: 3px;width: 100%;box-sizing: border-box;font-family: "Microsoft YaHei",montserrat;color: #2C3E50;font-size: 13px;height:30px; }
/*buttons*/
#msform .action-button { width: 100px;background:#e1a32f;font-weight: bold;color: white;border: 0 none;border-radius: 1px;cursor: pointer;margin: 10px 5px;height:36px;}
#msform .action-button:hover, #msform .action-button:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60; }

.fs-title { font-size: 15px;text-transform: uppercase;color: #2C3E50;margin-bottom: 10px; }
.fs-subtitle { font-weight: normal;font-size: 13px;color: #666;margin-bottom: 20px; }

#progressbar { margin-bottom: 30px;overflow: hidden;counter-reset: step; }
#progressbar li { list-style-type: none;color: white;text-transform: uppercase;font-size: 9px;width: 33.33%;float: left;position: relative; }
#progressbar li:before { content: counter(step);counter-increment: step;position: inherit;width: 20px;z-index: 2;border-radius:20px; line-height: 20px;display: block;font-size: 10px;color: #333;background:#ededed;margin: 0 auto 5px auto; }
#progressbar li:nth-child(3):before{content:"√";font-family:"宋体"; }
#progressbar li:after { content: '';width: 100%;height:4px;background: #ededed;position: absolute;left: -50%;top:8px;z-index: 1;}
#progressbar li:first-child:after {content: none; }
#progressbar li.active:before,  #progressbar li.active:after{ background:#bf8628;color: white; }