/*reset--------------------------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input,button,textarea,select { *font-size: 100%; overflow: visible; }

/*body set--------------------------------------------------------------------------------------------------------*/
body{
font-family:Helvetica,Arial,"LiHei Pro",PMingLiU,sans-serif;
background-color:#4c4958;
font-size:13px;
color:#e4dbea;
}
a{outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
 }
/*main set--------------------------------------------------------------------------------------------------------*/
#container{
width:950px;
margin:0 auto;
overflow:hidden;
}

/*header set--------------------------------------------------------------------------------------------------------*/
.header{
height:456px;
background:url(../data/header.jpg) no-repeat;
position:relative;
}

.header h1,.header p,.header h2,.box h2,.box p,.box h3,.box dl{text-indent:-9999px;color:#e4daea;}

#po_bar{
height:45px;
background:#161518;
}
#po_bar .logo a{
display:block;
float:left;
width:162px;
background:url(../data/logo.jpg) no-repeat;
}
ul#account{float:right;margin-top:15px;}
ul#account li{float:left;font-size:12px;margin-left:8px;}
ul#account li a{color:#d1cfdb;}
ul#share{float:right;margin:13px 8px 0 8px;}
ul#share li{float:left}
ul#share li a{margin-left:5px;}

/*navi set--------------------------------------------------------------------------------------------------------*/
ul#navi{height:45px;position:relative}
ul#navi li{float:left}
ul#navi li a{display:block;width:195px;height:45px;position:absolute;top:0px;}
ul#navi li.intro a{width:130px;left:104px;}
ul#navi li.keybook a{width:107px;left:280px;}
ul#navi li.club a{width:140px;left:457px;}
ul#navi li.interview a{width:167px;left:672px;}
ul#navi.intro{background:url(../data/nav-1.jpg) no-repeat left top;}
ul#navi.books{background:url(../data/nav-2.jpg) no-repeat left top;}
ul#navi.club{background:url(../data/nav-3.jpg) no-repeat left top;}
ul#navi.interview{background:url(../data/nav-4.jpg) no-repeat left top;}

/*main set--------------------------------------------------------------------------------------------------------*/
.box{overflow:hidden;position:relative;}
.box.writer{height:787px;background:url(../data/box-1.jpg) no-repeat;}
.box.books{height:428px;background:url(../data/box-1-1.jpg) no-repeat;}
.box.keybook{height:576px;background:url(../data/box-2.jpg) no-repeat;}
.box.palace{height:638px;background:url(../data/box-2-1.jpg) no-repeat;}
.box.club-1{height:677px;background:url(../data/box-3.jpg) no-repeat;}
.box.club-2{height:939px;background:url(../data/box-3-1.jpg) no-repeat;}
.box.interview{height:2101px;background:url(../data/box-4.gif) no-repeat;}
.top a{display:block;width:70px;height:30px;}
.keybook a,.bookcover a,.top a{display:block;position:absolute;}
.keybook a{
width:223px;
height:320px;
}
.bookcover a{width:143px;height:262px;}