diff --git a/web/styles.css b/web/styles.css
index 977607a..ed67251 100644
--- a/web/styles.css
+++ b/web/styles.css
@@ -1079,4 +1079,217 @@ body.xml #x					{background: transparent url("/ui2019/bg-retina.png") -730px -48
 body.webbuilding #w		    {background: transparent url("/ui2019/bg-retina.png") -843px -48px no-repeat; background-size: auto 900px;}
 body.reference #r		    {background: transparent url("/ui2019/bg-retina.png") -1040px -48px no-repeat; background-size: auto 900px;}
 
-}
\ No newline at end of file
+}
+*
+		{
+		margin:0;
+		padding:0;
+		border:0;
+		}
+
+body
+		{
+		font-family:PingFangSC-Regular, Verdana, Arial, '微软雅黑','宋体';
+		font-size:15px;
+		}
+
+div#maincontent div#intro {
+        padding-top: 45px;
+        padding-bottom: 45px;
+		font-size:24px;
+		font-family:'微软雅黑';
+		color:#3f3f3f;
+		font-weight:400;
+        }
+
+span.parameter {
+        font-style: italic;
+        color: #000;
+}
+
+div#maincontent h2
+		{
+		font-size: 30px;
+        font-weight: 400;
+		color:#3f3f3f;
+		}
+
+body#homefirst div#maincontent, div#maincontent h1, div#maincontent h2, div#sidebar div#ad h2
+		{
+		font-family:'微软雅黑';
+		}
+
+pre, pre code, div#maincontent input, div#maincontent select, div#maincontent textarea
+		{
+		font-family:Consolas, "Courier New", Courier, monospace;
+		}
+
+h2, h3, h4, h5, h6, em
+		{
+		font-weight: bold;
+		}
+
+p.note span, p.important span, p.tip span, p.inherited, p.inherited span, p.gototop, .html5_new_note span
+		{
+		font-weight: bold;
+		}
+
+p.tip span {
+	color:#ff9955;
+	}
+
+p.tip2 {
+		background: #BBEDB8 url(/ui2017/tip.png) top left no-repeat;
+		display:block;
+		padding:15px 15px 15px 50px;
+		color:#000;
+		border-radius:5px;
+		background-position:15px 15px;
+	}
+
+body#homesecond div#navsecond li
+		{
+		font-weight:bold;
+		}
+
+ div#sidebar div#ad h2, body#homefirst div#maincontent h3
+		{
+		font-size: 14px;
+		}
+
+div#maincontent h3
+		{
+		font-size: 16px;
+		}
+
+div#maincontent h4
+		{
+		font-size: 14px;
+		}
+
+div#maincontent button, div#maincontent input, div#maincontent select, div#maincontent textarea
+		{
+		font-size:12px;
+		}
+
+body#homefirst div#maincontent div#w3 h2
+		{
+		font-size:20px;
+		}
+
+em
+		{
+		font-style:normal;
+		}
+
+pre code
+		{
+		color:#0000dd;
+		}
+
+.html5_new_note
+		{
+		background: #ffffff url(/i/html5_new_note.png) top left no-repeat;
+		padding-left:20px;
+		}
+
+.html5_new_note span
+		{
+		color:blue;
+		}
+
+p.gototop
+		{
+		text-align:right;
+		}
+
+div#maincontent button
+		{
+		margin-top:15px;
+		}
+
+
+
+
+	/* ----------------------------------- layout ----------------------------------- */
+html 	{ 
+		min-width: 1210px;
+		background-color: #fdfcf8;
+		overflow:scroll;
+		overflow-x:hidden;
+		}
+
+body
+		{
+		text-align: center;
+		margin: 0;
+		padding: 0;
+		border: 0;
+		background: #fdfcf8;
+		}
+
+div#wrapper
+		{
+		margin: 0 auto;
+		padding: 0;
+		border: 0;
+		width: 1239px;
+		text-align: left;
+		background: transparent url(/ui2017/wrapper.png) top left repeat-y;
+		}
+
+div#navsecond
+		{
+		float: left;
+		margin: 0 0 0 6px;
+		padding: 0;
+		border: 0;
+		width: 180px;
+		background : transparent;
+		}
+
+html>body div#navsecond
+		{
+		margin-left: 12px;
+		}
+
+div#maincontent
+		{
+		float: left;
+		margin: 0;
+		padding: 30px 0 0 0;
+		border: 0;
+		width: 850px;
+		background: transparent;
+		}
+
+div#maincontent	div{
+	width: 810px;
+	margin: 0 0 0 25px;
+	padding: 30px 0 35px 0;
+	border:0;
+	border-bottom: 1px solid #aaa;
+	}
+
+div#sidebar
+		{
+		float: left;
+		margin: 0;
+		padding: 0;
+		border: 0;
+		width: 180px;
+		background: transparent;
+		}
+
+div#footer
+		{
+		clear: both;
+		margin: 0;
+		padding-top: 16px;
+		margin-left: 12px;
+		width: 1210px;
+		line-height:24px;
+		background: #f0f0f0;
+		border-top: 0px solid #fff;
+		background: #fdfcf8 url(/ui2017/footer.png) top left repeat-x;
+		font-family:PingFangSC-Regular, '微软雅黑', Verdana, Arial, '宋体';
\ No newline at end of file