body, fieldset, table, textarea, input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
}

/*body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #333;
	min-width: 320px;
	width:100%;
	text-align:center;
}*/

h1{
	font-size:40px;
}

body > h2{
	width:70%;
	margin:0 auto;
	font-size:30px;
	margin-top:50px;
}

body > p{
	margin-top:40px;
}

.demo{
	margin-top:100px;
}

.demo > h3{
	font-size:25px;
	margin-bottom:10px;
}

.demo > form{
	width:70%;
	margin:0 auto;
}

.demo > form > input[type='submit']{
	padding:7px;
	border:1px solid #B1B1B1;
	cursor: pointer;
	box-shadow: 0px 0px 5px #B1B1B1;
}	

.demo > form > input[type='submit']:hover{
	border:1px solid #848383;
}

#preview{
	/*width:150px;*/
	float: left;
	/*position:relative;*/
	margin:0 auto;
	/*overflow: hidden;*/
	/*margin-top:30px;
	padding:10px;
	border:1px solid rgb(244,244,244);
	box-shadow: 0px 0px 5px silver;*/
}

/*#preview:before{
	content: "预览";
	display:block;
	margin-bottom:20px;
	
}*/
#alert{
	z-index: 100;
	display: none;
	position: fixed;
	margin-top: -0.5rem;
	top: 50%;
	width: 100%;
}
#alert p{
	border-radius: 15px;
		width: 70%;
		text-align: center;
		padding:0.4rem;
		font-size: 0.64rem;
		color:#fff;
		background: black;
		margin: 0 auto;
}
#preview canvas,#preview2 canvas{
	max-width: 150px;
	max-height:150px;
}

#preview > .iPreview,#preview2 > .iPreview{
	width: 150px;
	height: 150px;
	margin-right: 20px!important;
	/*display:inline-block;*/
	position: relative;
	text-align: center;
	float: left;
	border:1px solid #dbdbdb;
}

#preview > .iPreview > .iPreview-delete,#preview2 > .iPreview > .iPreview-delete{
	background: #ddd;
	border-radius: 50%;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	font-weight:500;
	width:0.64rem;
	height: 0.64rem;
	line-height: 0.64rem;
	/*font-size: 1rem;*/
}

.demo > form > .response{
	margin-top:20px;
}

progress[value] {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:15;
	margin:auto;
	width: 90%;
	height: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
}

progress{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
}

progress[value]::-webkit-progress-bar {
	background-color: #eee;
	border-radius: 2px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

progress[value]::-moz-progress-bar { 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4e391+0,61c419+50,b4e391+100;Green+3D */
	background: rgb(180,227,145); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(180,227,145,1) 0%, rgba(97,196,25,1) 50%, rgba(180,227,145,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
	background-size: 35px 20px, 100% 100%, 100% 100%; 
}

progress[value]::-webkit-progress-value {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4e391+0,61c419+50,b4e391+100;Green+3D */
	background: rgb(180,227,145); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(180,227,145,1) 0%, rgba(97,196,25,1) 50%, rgba(180,227,145,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
	border-radius: 2px; 
	background-size: 35px 20px, 100% 100%, 100% 100%;
}

.installation{
	width:70%;
	margin:0 auto;
	margin-top:100px;
	text-align:left;
}

.installation xmp{
	padding:25px;
	padding-top:0;
	margin-bottom:50px;
}

.config{
	text-align:left;
	width:70%;
	margin:0 auto;
}

table{
	border-collapse: collapse;
}

table, td {
	border:1px solid silver;
	padding:10px;
	line-height:30px;
}

.table-heading{
	font-size:30px;
}

.footer{
	margin-top:50px;
	margin-bottom:50px;
}