html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset, img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0}
input,select,button{vertical-align:middle;font-family:'Microsoft YaHei',Verdana,Tahoma,Arial}

body{background:#292e33;font-size:13px;font-family:'Microsoft YaHei',Verdana,Tahoma,Arial}
strong{font-weight:bold}
#container{margin:20px auto 0;width:720px}
input,textarea,select{font:13px/17px 'Microsoft YaHei',Verdana,Tahoma,Arial;color:#333}
select{font-size:12px}
input.i,textarea.i{margin-right:5px;padding:3px 5px;color:#333;border:1px solid #ccc}
input.hover,textarea.hover{border:1px solid #aaa !important;background:#fff !important;box-shadow:0 1px 2px rgba(0,0,0,0.3) inset}
input.focus,textarea.focus{border:1px solid #6af !important;outline:2px solid #acf;background:#fff !important;box-shadow:0 1px 2px rgba(0,0,0,0.3) inset}
input.warning,textarea.warning{border:1px solid #f60;background:#fff0e5}

/*#header*/
#header{display:block;height:40px;line-height:40px}
#header h1{float:left;width:460px;height:44px;font-size:36px;color:#fff;text-indent:-5000px;background:url("../img/title.gif") no-repeat}
#header span#softInfo{display:block;overflow:hidden;font-size:12px;text-align:right;color:#999}
#header span#softInfo span#softCharset{padding:0 5px;}

/*#main*/
#main{margin:10px 0;background:url("../img/bg.gif") repeat-y #fff;box-shadow:0 0 5px #000}
#main #stepList{float:left;width:160px}
#main #stepList dl dt{padding:20px 30px;font-size:18px;font-weight:bold;color:#999}
#main #stepList dl dd ul li{padding:0 30px;height:36px;line-height:36px;font-weight:bold;color:#999;background:url("../img/bg.gif") no-repeat;background-position:-170px -40px}
#main #stepList dl dd ul li.done{color:#1a5189}
#main #stepList dl dd ul li.ongoing{color:#fff;background-position:-170px 0px}

#main #stepMain{padding:20px;float:left;width:520px;background:#fff}
#main #stepMain dt.stepTitle{height:40px;border-bottom:1px solid #ccc;font-size:30px;font-weight:bold;color:#1a5189}
#main #stepMain dt.stepTitle .stepTip{margin:0 10px;font-size:14px;font-weight:normal;color:#999}
#main #stepMain #stepContentBox{padding:10px 0;border-bottom:1px solid #ccc}
#main #stepMain #stepContentBox #stepContent{height:100%;color:#333;overflow:auto}

/*#stepContent step1*/
#softIntroduction{margin:20px 0 0;text-indent:20px;font-size:14px;line-height:24px}
#softIntroduction dd{text-indent:0}

/*#stepContent step2*/
#stepContent{font-size:14px;line-height:24px}
#stepContent h2{padding:10px 0 5px;font-weight:500;font-size:18px}
#stepContent h3{padding:10px 0 0;font-weight:500;font-size:16px}
#stepContent p{margin:5px 0;text-indent:2em}
#softLicense{height:300px;overflow-y:scroll;resize:both}

/*#stepContent step3*/
#stepContent .checkTable{margin:0 20px 0;width:460px;font-size:12px;line-height:16px}
#stepContent .checkTable th{padding:3px;font-weight:bold;color:#aaa;border-bottom:1px solid #ddd}
#stepContent .checkTable td{padding:3px}
#stepContent .checkTable td.y{padding:0 0 0 20px;background:url("../img/bg.gif") no-repeat;background-position:-340px 0}
#stepContent .checkTable td.n{padding:0 0 0 20px;background:url("../img/bg.gif") no-repeat;background-position:-340px -20px}

/*#stepContent step4*/
#stepContent .otherTable{margin-bottom:10px;float:left;width:250px;font-size:12px}
#stepContent fieldset{float:left;width:250px}
#stepContent fieldset legend{margin:0;padding:5px 0;font-size:16px;font-weight:700;color:#ccc}
#stepContent fieldset p{margin:0;text-indent:0;padding-bottom:5px;font-size:12px}
#stepContent fieldset p label{display:block}
#stepContent fieldset p input{margin:3px 0 3px 10px;width:200px}
#stepContent fieldset p select{margin:3px 0 3px 10px}
#stepContent fieldset p .inputTip{margin:0 0 0 10px;display:block;color:#999}
#errorMessage{float:left;margin:0;padding:10px 10px 10px 20px;width:208px;line-height:24px;color:#c93;border:1px solid #ccc;background:url("../img/bg.gif") no-repeat;background-position:-340px -45px}
#errorMessage strong{padding:0 5px;color:#c00}

/*#stepContent step5*/
.progressBarBox{margin:100px 20px 10px;padding:2px;height:30px;width:400px;background:#eee;border:1px solid #ccc;box-shadow:0 0 5px rgba(0,0,0,0.2) inset}
.progressBarBox .progressBar{height:30px;background:#3d6dcc url("../img/bg_repeatx.gif") repeat-x;background-position:0 0}
#progressInfo{margin:10px 30px 100px}

/*#stepContent step6*/
#finalShow{padding:0 20px}
#finalShow #safetyTips{margin:20px 0 0;padding:10px 10px 10px 20px;line-height:24px;border:1px solid #ccc;background:url("../img/bg.gif") no-repeat;background-position:-340px -45px}
#finalShow #safetyTips strong{padding:0 5px}
#finalShow h2{padding:20px 0 0}

#stepMain #operation{padding:10px 5px 20px;height:28px;text-align:right;line-height:38px}
#stepMain #operation input{padding:5px;margin:0 10px;font-size:14px;border:2px solid #999;cursor:pointer}
#stepMain #operation input:hover{border:2px solid #06c;color:#06c}
#stepMain #operation input[disabled]{cursor:not-allowed;color:#999}
#stepMain #operation input[disabled]:hover{border:2px solid #999;color:#999}

#footer{height:40px;color:#999}
#footer #softAuthor a{font-weight:bold;text-decoration:none;color:#fff}

.c{clear:both !important;*height:1px}

.dl-horizontal{overflow:hidden}
.dl-horizontal > dt{width:128px;float:left;text-align:right;clear:both;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dl-horizontal > dd{margin-left:144px}
