diff --git a/tfh/css/base.css b/tfh/css/base.css
new file mode 100644
index 0000000000000000000000000000000000000000..d0e0664fcd60ca04e309e9a6aeffef2a0d67e70d
--- /dev/null
+++ b/tfh/css/base.css
@@ -0,0 +1,15 @@
+/* CSS Document */
+#father{
+
+ width:700px;
+ height:1000px;
+ margin:0 auto;
+}
+body{
+ background-color:#FFD8D9;
+}
+*{
+ margin:0;
+ padding:0;
+ font-size:12px;
+}
\ No newline at end of file
diff --git a/tfh/css/left.css b/tfh/css/left.css
new file mode 100644
index 0000000000000000000000000000000000000000..e569c6e6f9e9ec185a6db1efcc1157f4d04519f8
--- /dev/null
+++ b/tfh/css/left.css
@@ -0,0 +1,52 @@
+/* CSS Document */
+/* CSS Document */
+#left{
+ width:180px;
+ background-color:#FFF;
+ float:left;
+ background:url(../img/leftbottom.jpg) no-repeat bottom #FFFFFF;
+
+}
+#login{
+ width:180px;
+ background:url(../img/login.jpg) no-repeat;
+ padding-top:50px;
+ padding-left:25px;
+}
+.txtStyle{
+ width:100px;
+ border:none;
+ border-bottom:solid 1px black;
+}
+#login li{
+ margin-top:5px;
+}
+.btnStyle{
+ width:40px;
+}
+#left a{
+ text-decoration:none;
+ color:#000;
+}
+#left a:hover{
+ position:relative;
+ bottom:1px;
+ right:1px;
+}
+#category{
+ background:url(../img/category.jpg) no-repeat ;
+ padding:50px 25px 5px;
+}
+#category li{
+ line-height:25px;
+ background:url(../img/icon1.gif) no-repeat left center;
+ padding-left:15px;
+ border-bottom:dashed 1px black;
+}
+#category a:hover{
+ text-decoration:underline;
+ color:#903;
+}
+#category h3{
+ background-color:#FFD8D9;
+}
diff --git a/tfh/css/right.css b/tfh/css/right.css
new file mode 100644
index 0000000000000000000000000000000000000000..0b081dbc3a0384974d20f72f6367399859b10b44
--- /dev/null
+++ b/tfh/css/right.css
@@ -0,0 +1,91 @@
+/* CSS Document */
+#right{
+ width:518px;
+
+ background-color:#FFF;
+ float:right;
+}
+#news{
+ background:url(../img/news.jpg) no-repeat;
+ padding-top:33px;
+ height:100px;
+ margin-bottom:10px;
+}
+#news li{
+ float:left;
+ margin-left:2px;
+ margin-top:2px;
+}
+#recommend{
+ background:url(../img/recommend.jpg) no-repeat white;
+ height:300px;
+ padding-top:33px;
+}
+#recommend li{
+ float:left;
+ margin-left:18.8px;
+ text-align:center;
+ margin-top:5px;
+}
+#recommend a{
+ text-decoration:none;
+ color:#000;
+}
+#recommend a:hover{
+ position:relative;
+ bottom:1px;
+ right:1px;
+}
+#fresh{
+ background:url(../img/fresh.jpg) no-repeat white;
+ height:130px;
+ padding-top:33px;
+}
+#fresh li{
+ float:left;
+ margin-left:18.8px;
+ text-align:center;
+ margin-top:5px;
+}
+#fresh a{
+ text-decoration:none;
+ color:#000;
+}
+#fresh a:hover{
+ position:relative;
+ bottom:1px;
+ right:1px;
+}
+#tips{
+ background:url(../img/tips.jpg) no-repeat white;
+ padding-left:60px;
+ height:120px;
+ padding-top:45px;
+}
+#tips li{
+ float:left;
+ width:200px;
+ background:url(../img/icon2.gif) no-repeat center left;
+ line-height:35px;
+ padding-left:15px;
+}
+#tips a{
+ text-decoration:none;
+ color:#000;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/tfh/css/top.css b/tfh/css/top.css
new file mode 100644
index 0000000000000000000000000000000000000000..6509690b82682eec8ded929066d6279defc4f3eb
--- /dev/null
+++ b/tfh/css/top.css
@@ -0,0 +1,34 @@
+/* CSS Document */
+/* CSS Document */
+#top{
+ width:700px;
+ height:153px;
+
+ margin-bottom:2px;
+}
+#banner{
+ width:700px;
+ height:120px;
+ background-image:url(../img/banner.jpg);
+}
+ul{
+ list-style:none;
+}
+#nav li{
+ float:left;
+ width:100px;
+ text-align:center;
+ line-height:33px;
+ background-image:url(../img/button1.jpg);
+}
+#nav a{
+ text-decoration:none;
+ color:#3F0F0F;
+ display:block;
+}
+#nav a:hover{
+ background:url(../img/button1_bg.jpg);
+ position:relative;
+ bottom:1px;
+ right:1px;
+}
diff --git a/tfh/index.html b/tfh/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..7b40c6592be156ddf62f250ccc1d41a23a80fd09
--- /dev/null
+++ b/tfh/index.html
@@ -0,0 +1,145 @@
+
+
+
+
+无标题文档
+
+
+
+
+
+
+
+
+ 
+ 
+ 
