/*
=======================================================
	文件名：cssforest.css
	作者：CSSForest.org Ghost
	说明：CSS森林首页样式文件。
=======================================================
*/
*{
margin:0;
padding:0;
}
body{
background-color:transparent;
_font-size:12px;
}
.copyright{
display:none;
line-height:10px;
}
.copyright a:link{
color:#666666;
text-decoration:none;
}
.copyright a:hover{
color:#CC9900;
text-decoration:underline;
}
/* @group LOGO */
.logo{
zoom:3\9;
*zoom:2.2;
width:35em;
height:35em;
margin:20px auto 0;
background-color:#EEEEEE;
font-size:0.2em;
-webkit-transition:all 1s ease-in-out;
-webkit-transition-property:background-color;
}
.logo:hover{
background-color:#FFFFFF;
}
.logo div{
clear:both;
}
.logo span,
.logo a{
float:left;
width:1em;
height:0;
border-bottom-width:1em;
border-bottom-style:solid;
-webkit-transition-property:border-bottom-color;
-webkit-transition-timing-function:cubic-bezier(1,0,1,0);
-webkit-transition:all 1s ease-in-out;
}
.logo a:link,
.logo a:visited{
color:#FFFFFF;
}
.logo:hover a:link,
.logo:hover a:visited{
color:#6E6E6F;
}
.logo:hover a:hover,
.logo:hover a:active{
color:#FFFFFF;
}
.logo span,
.logo a{
border-bottom-color:#FFFFFF;
}
.logo:hover .e{
-webkit-transition-duration:0.5s;
border-bottom-color:#E4E5E5;
}
.logo:hover .c{
-webkit-transition-duration:1s;
border-bottom-color:#CBCDCE;
}
.logo:hover .g{
-webkit-transition-duration:1.5s;
border-bottom-color:#979A9C;
}
.logo:hover .d{
-webkit-transition-duration:0.5s;
border-bottom-color:#6E6E6F;
}
.logo:hover .z{
-webkit-transition-duration:1s;
border-bottom-color:#000000;
}
.e{
border-bottom-color:#E4E5E5;
}
.c{
border-bottom-color:#CBCDCE;
}
.g{
border-bottom-color:#979A9C;
}
.d{
border-bottom-color:#6E6E6F;
}
.z{
border-bottom-color:#000000;
}
.l1{
margin-left:1em;
}
.l2{
margin-left:2em;
}
.l3{
margin-left:3em;
}
.l4{
margin-left:4em;
}
.l5{
margin-left:5em;
}
.l6{
margin-left:6em;
}
.l7{
margin-left:7em;
}
.l8{
margin-left:8em;
}
.l9{
margin-left:9em;
}
.l10{
margin-left:10em;
}
.l11{
margin-left:11em;
}
.l12{
margin-left:12em;
}
.l13{
margin-left:13em;
}
.l14{
margin-left:14em;
}
.l15{
margin-left:15em;
}
.logo .w2{
width:2em;
}
.logo .w3{
width:3em;
}
.logo .w4{
width:4em;
}
.logo .w5{
width:5em;
}
.logo .w6{
width:6em;
}
.logo .w7{
width:7em;
}
.logo .w8{
width:8em;
}
.logo .w9{
width:9em;
}
.logo .w11{
width:11em;
}
.logo .w12{
width:12em;
}
.logo .w16{
width:16em;
}
.logo .w17{
width:17em;
}
.logo .w18{
width:18em;
}
/* @end*/
.bnh{
clear:both;
width:100%;
margin:5% auto 0;
font:76% tahoma,Microsoft YaHei, Simsun, Arial Unicode MS, Mingliu, Arial, Helvetica;
text-align:center;
}
/* @group W3C验证 */
.validate{
width:13em;
height:2.5em;
margin:auto;
}
.w3c-vxhtml{
margin-right:10px;
}
.w3c-vxhtml, .w3c-vcss{
display:block;
position:relative;
top:5px;
left:5px;
float:left;
width:4.5em;
height:1.45em;
padding-left:0.1em;
border-top:0.05em solid #C9C9C9;
border-right:0.1em solid #8A6828;
border-bottom:0.1em solid #582F21;
border-left:0.05em solid #C9C9C9;
background-color:#FFFFFF;
font:bold 1.25em/1.4em arial, sans-serif;
letter-spacing:-1px;
}
.tc{
position:absolute;
top:-0.2em;
left:1.4em;
color:#FFFFFF;
font:1.1em/1.3em arial, sans-serif;
}
.xh, .xc{
display:block;
position:absolute;
top:0;
right:0;
padding-left:0.15em;
background-color:#FFC960;
color:#000000;
font-family:arial, sans-serif;
font-weight:bolder;
}
.xh{
width:3.7em;
height:2.45em;
height:2.65em\9;
font-size:0.55em;
line-height:1.3em;
}
.xc{
width:3.1em;
height:2.09em;
font-size:0.7em;
line-height:1.3em;
}
.ticka, .tickb, .tickc, .tickd, .tickf, .tickbb{
position:absolute;
overflow:hidden;
}
.ticka, .tickb, .tickf, .tickbb{
width:0;
height:0;
}
.ticka{
top:0.7em;
right:0.42em;
border-bottom:0.25em solid #930000;
border-left:0.25em solid #FFC960;
border-right:0.25em solid #FFC960;
}
.tickb{
top:0.9em;
right:0;
border-top:0.45em solid #930000;
border-left:0.45em solid #FFC960;
border-right:0.45em solid #FFC960;
background-color:#930000;
}
.tickc, .tickd{
width:0.05em;
height:0.37em;
background-color:#930000;
}
.tickc{
top:0.5em;
right:-0.05em;
}
.tickd{
top:0.47em;
right:-0.1em;
}
.tickf{
top:0.5em;
right:-0.29em;
border-top:0.2em solid #FFFFEE;
border-left:0.2em solid #930000;
border-bottom:0.2em solid #FFFFEE;
}
.tickbb{
top:0.55em;
right:0;
border-right:0.4em solid #930000;
border-top:0.4em solid #FFC960;
}
/* @end */
/* @group hack */
body{
_text-align:center;
}
.bnh{
_width:auto;
}
.validate{
_text-align:left;
}
.w3c-vxhtml, .w3c-vcss{
_width:4.7em;
_height:1.6em;
}
.xh, .xc{
_right:-0.1em;
}
.ticka, .tickb, .tickf, .tickbb{
_width:auto;
_line-height:0;
}
.tickb{
_height:0.45em;
}
/* @end */
#surprised:target span{
	font-size:50%;
	line-height:0;
}
#surprised:target:hover .re{
-webkit-transition-duration:0.5s;
border-bottom-color:#FFE033;
}
#surprised:target:hover .rc{
-webkit-transition-duration:1s;
border-bottom-color:#65A8EC;
}
#surprised:target:hover .rg{
-webkit-transition-duration:1.5s;
border-bottom-color:#FFE033;
}
#surprised:target:hover .rd{
-webkit-transition-duration:0.5s;
border-bottom-color:#3DAD4A;
}
#surprised:target:hover .rz{
-webkit-transition-duration:1s;
border-bottom-color:#D20000;
}