/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}

body {
    line-height:1.8;
    font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti,sans-serif;
    font-size:14px;
    background:url(../img/anniversary/bg1.jpg) no-repeat center top;
    color:#fff7cf;
}
.body2{
    background:url(../img/anniversary/bg2.jpg) no-repeat center top;
    padding-top:746px;
}
:focus {
  outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    color:#57a596;
    text-decoration:none;
}
a:hover{
    color:#ff6446;
}
.pipe{
    color:#57a596;
}
.foot{
    color:#57a596;
    float:right;
    font-size:12px;
    text-align:right;
}
.s6 .img{
    float:left;
}
.s6 .inner{
    padding-top:10px;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
} /* End HTML5 reset */


.s1{
    background:url(../img/anniversary/b1.png) repeat;
    height:1501px;
}
.s2{
    background:url(../img/anniversary/b2.png) repeat;
    height:748px;
}
.s2 .inner{
    position:relative;
}
.s3{
    background:url(../img/anniversary/b3.png) repeat;
    height:2200px;
}
.s4{
    background:url(../img/anniversary/b4.png) repeat;
    height:700px;
}
.s5{
    background:url(../img/anniversary/b5.png) repeat;
    height:1500px;
}
.s6{
    background:#005150;
    border-top:2px solid #ff6446; 
    height:100px;
}
.inner{
    width:960px;
    margin:0 auto;
    overflow:hidden;
}
.block5{
    background:#1c7f6b;
    padding:2px;
    font-size:12px;
    _overflow:hidden;
}
.block5 h3{
    font-size:14px;
    line-height:30px;
    padding-left:15px;
}
.block5 .famous li{
    float:left;
    width:445px;
    list-style:none;
    padding:20px 15px;
    overflow:hidden;
    _height:200px;
    _display:inline-block;
    _background:#1c7f6b;
}
.block5 #pagenav{
    padding:5px 15px;
}
.block5 #pagenav a{
    padding:0 5px;
}
.block5 #pagenav a.selected{
    color:#ff6446;
    _overflow:hidden;
}
.block5 .famous {
    background:#2c937e;
    overflow:hidden;
}
.block5 .media{
    background:#2C937E;
    overflow:hidden;
    padding:10px;
}
.block5 .media_inner{
    background:#1c7f6b;
    border-width:1px 0 0 1px;
    border-color:#10725e;
    border-style:solid;
    padding:0 15px;
    
}
.block5 .media li{
    list-style:none;
    border-bottom:1px dashed ;
    padding:5px 0;
    width:900px;
    height:90px;
}
.block5 .famous li .word{
    background:#1c7f6b;
    border-width:1px 0 0 1px;
    border-color:#10725e;
    border-style:solid;
    float:right;
    width:315px;
    padding:10px;
}
.block5 .famous li .avatar{
    float:left;
    width:100px;
}

    #pao1{
        width:138px;
        height:138px;
        position:absolute;
        top:266px;
        left:194px;
        cursor:pointer;
        display:block;
    }
    #pao2{
        width:111px;
        height:112px;
        position:absolute;
        left:358px;
        top:211px;
        cursor:pointer;
        display:block;
    }
    #pao3{
        width:96px;
        height:96px;
        position:absolute;
        top:134px;
        left:241px;
        cursor:pointer;
        display:block;
    }
    #pao4{
        width:108px;
        height:108px;
        position:absolute;
        top:151px;
        left:-12px;
        cursor:pointer;
        display:block;
    }
    #pao5{
        width:87px;
        height:87px;
        position:absolute;
        top:179px;
        left:118px;
        cursor:pointer;
        display:block;
    }
    #pao1:hover{
        background:url(../img/anniversary/pao.jpg) no-repeat ;
    }
    #pao2:hover{
        background:url(../img/anniversary/pao.jpg) no-repeat 0 -138px;
    }
    #pao3:hover{
        background:url(../img/anniversary/pao.jpg) no-repeat 0 -250px;
    }
    #pao4:hover{
        background:url(../img/anniversary/pao.jpg) no-repeat 0 -346px;
    }
    #pao5:hover{
        background:url(../img/anniversary/pao.jpg) no-repeat 0 -456px;
    }
.s1 .inner{
    position:relative;
    overflow:visible !important;
}
.s1 .inner .click_box{
    position:absolute;
    top:-500px;
    
}
/*.s2 a.game{
    position:absolute;

    top:587px;
    left:277px;
    height:50px;
    width:137px;
	display:block;
}*/
.s2 .game{
    position:absolute;

    top:587px;
    left:277px;
    height:50px;
    width:137px;
	display:block;
	
}
.game a { cursor:pointer;height:40px;width:127px; display:block; background:url(../img/anniversary/btn2.jpg) no-repeat ;}
.s2 .game a:hover{
	cursor:pointer;
    background:url(../img/anniversary/btn.png) no-repeat ;
}

.nav{
    position:fixed;
    bottom:110px;
    right:10px;
}
.nav a{
    background:#ff6446;
    width:25px;
    height:25px;
    display:block;
    line-height:1;
    padding:4px;
    font-size:12px;
    color:#fff7cf;
}
.nav #backtop{
    cursor:pointer;
}
.nav div{
    width:30px;
    height:40px;
    display:block;
    line-height:1;
    margin:5px;
    padding:15px;
    color:#fff7cf;
}
.nav div iframe{
    position:absolute;
    right:25px;
    top:8px;
}
.ie6{
    height:30px;
    text-align:center;
    font-weight:bold;
    background:#299071;
    position:absolute;
    width:100%;
}
.media_logo{
    padding:5px 15px 5px 65px;
    overflow:hidden;
    _height:120px;
}
#toindex{
    position:absolute;
    width:185px;
    height:80px;
    top:-728px;
    left:-28px;
    display:block;
    text-indent:-9999px;
    outline:none;
}