晋太元中,武陵人捕鱼为业。缘溪行,忘路之远近。忽逢桃花林,夹岸数百步,中无杂树,芳草鲜美,落英缤纷。渔人甚异之,复前行,欲穷其林。 林尽水源,便得一山,山有小口,仿佛若有光。便舍船,从口入。初极狭,才通人。复行数十步,豁然开朗。土地平旷,屋舍俨然,有良田、美池、桑竹之属。阡陌交通,鸡犬相闻。其中往来种作,男女衣着,悉如外人。黄发垂髫,并怡然自乐。 见渔人,乃大惊,问所从来。具答之。便要还家,设酒杀鸡作食。村中闻有此人,咸来问讯。自云先世避秦时乱,率妻子邑人来此绝境,不复出焉,遂与外人间隔。问今是何世,乃不知有汉,无论魏晋。此人一一为具言所闻,皆叹惋。余人各复延至其家,皆出酒食。停数日,辞去。此中人语云:“不足为外人道也。”(间隔 一作:隔绝) 既出,得其船,便扶向路,处处志之。及郡下,诣太守,说如此。太守即遣人随其往,寻向所志,遂迷,不复得路。 南阳刘子骥,高尚士也,闻之,欣然规往。未果,寻病终。后遂无问津者。
| DIR:/home/bolconlineco/www/aaaaaa/demo/css/ |
| Current File : /home/bolconlineco/www/aaaaaa/demo/css/style.css |
*{
margin:0;
padding:0;
}
body{
background:white;
font-family:Helvetica,Arial, "sans-serif";
}
#header{
width:100%;
background:url(../images/headin.jpg) repeat;
}
#header-wrap{
width:950px;
margin:auto;
height:122px;
}
#header-wrap h1{
background:url(../images/logo.png) no-repeat;
height:98px;
width:181px;
text-indent:-99999px;
}
#header-wrap a{
display:block;
height:98px;
width:181px;
}
#wrapper{
width:950px;
margin:0 auto;
}
#content{
width:950px;
height:610px;
margin-top:3px;
}
#wrapper h2{
width:905px;
height:35px;
background:#000;
margin:auto;
font-size:14px;
line-height:35px;
padding-left:20px;
color:#eef4fb;
}
#wrapper .left{
height:35px;
width:12px;
background:url(../images/heading-bar-left.png) no-repeat;
float:left;
}
#wrapper .right{
height:35px;
width:12px;
background:#000;
float:right;
}
#login{
clear:both;
width:382px;
margin:auto;
height:184px;
background:url(../images/login_bg_01.png) no-repeat;
margin-top:70px;
}
#login h3{
color:white;
padding:6px 20px;
font-size:18px;
}
form{
width:322px;
height:125px;
margin:auto;
padding:10px 30px;
}
li{
list-style:none;
background:red;
}
.box{
height:35px;
width:322px;
margin-bottom:10px;
margin-top:50px;
}
label{
display:block;
width:115px;
height:35px;
background:#f2f2f2;
border-radius:5px 0 0 5px;
text-align:center;
line-height:35px;
color:#343434;
font-size:14px;
float:left;
border:none;
}
input{
height:35px;
width:204px;
border-radius:0 5px 5px 0;
border:none;
border-left:1px solid #e3e2e2;
}
.button{
width:84px;
height:28px;
background:url(../images/button-login.png) no-repeat;
border:none;
float:right;
margin-top:17px;
cursor:pointer;
}
#footer{
width:100%;
height:45px;
background:#303030;
padding-top:20px;
}
#footer-wrap{
width:950px;
margin:auto;
color:#fff;
}
#footer-wrap p.cpyrt{
width:950px;
text-align:center;
font-size:10px;
}
#footer-wrap p.author{
width:950px;
text-align:center;
font-size:10px;
}
#footer-wrap a{
font-size:10px;
color:#fff;
}
.popup
{
position: fixed;
width: 100%;
opacity: 0.9;
top:0px;
min-height:200px;
height:100%;
z-index: 100;
background: #FFFFFF;
font-size: 20px;
text-align: center;
display:none;
}
#login_form
{
position:absolute;
width:200px;
top:100px;
left:45%;
background-color:#DDD;
padding:10px;
border:1px solid #AAA;
display:none;
z-index:101;
-moz-border-radius: 10px;
-moz-box-shadow: 0 0 10px #aaa;
-webkit-border-radius: 10px;
-webkit-box-shadow: 0 0 10px #aaa;
}
#loginform{
position:relative;
}
#loginform #forgot
{
color:#fff;
position: absolute;
bottom: 7px;
left: 32px;
}
#loginform a#forgot
{
text-decoration:none;
font-size:14px;
}
#loginform a:hover#forgot
{
text-decoration:underline;
}
|