html, body {
    margin: 0;
    padding: 0; 
    background-color:#f8fbff;
}
form{
	margin: 18px 0px;
	height: 320px;
}
#favicon-area{
	margin:16px auto 0;
	font-family:'Microsoft Yahei','Sans-serif';
	font-size:15px;
	color: #868686;
	width: 900px;
	background-color: #fff;
	min-height: 240px;
	border-radius:5px;
	padding: 0px 0px 8px;
}
#favicon-source{
	height: 300px;
	width: 50%;
	float: left;
}
#preview{
	float: left;
	margin: 10px 20%;
	padding:4%;
	font-size: 24px;
	color:#666666;
	font-weight:bold;
	text-align: center;
	line-height:240px;   
}
#favicon-output{
	height:300px;
	width: 50%;
    float: right;	
}
#favicon-notice{
	float: right;
	height:240px;
	width: 240px;
	margin: 0px 12%;
	padding:4%;	 
	text-indent: 0em;
}
#favicon-text{
	margin:50px 0px;
	float: none;
	line-height: 30px;
}
#favicon-area h1{
	font-size:18px;
	color: #3371ff;
	font-weight:bold; 
	text-align: center;
	background-color: #e0e7f6;
	border-bottom: 0px solid #12b4f0;
	padding: 12px 12px;
	border-left: 8px solid #6383ff;
	margin:18px 0px;
}
#favicon-area h2{
	font-size:16px;
	color: #3371ff;
	font-weight:bold; 
	text-align: center;
	background-color: #e0e7f6;
	padding: 3px 5px;
	margin: 9px;
}
#favicon-area p{
	margin:5px;
	font-size:14px;
	text-indent: 2em;
}

#favicon-area-copyright{
	margin:10px auto;
	font-family:'Microsoft Yahei','Sans-serif';
	font-size:12px;
	width:820px;
	text-align:center;
	color:#999
}

.btn_ico{
    margin:0 40%; 
    width: 150px;
    height: 40px;
    border:1px solid #0065f3;
    border-radius: 5px;
    background-color: #eff8ff;
    color: #4294fc;
    cursor: pointer;
    font-size: 16px;
}
.btn_up{
    margin:20px 10%;
    border:1px solid #0065f3;
    border-radius: 5px;
    background-color: #eff8ff;
    color: #4294fc;
    cursor: pointer;
    font-size: 16px;
    
}