body {
	display: block;
	margin: 0 0 0 0;
	font-family: Arial;
	font-size: 12px;
	background-color: #FFFFFF;
}

section {
    display: block;
    margin: 0 0 980px 0;
    padding-top: 35px;
    height: 800px;
    background-repeat: no-repeat;
}

div {
    display: block;
}

ul {
    list-style: none;
    padding: 0;
}

h3{
    width: 100px;
    height: 50px;
    float: left;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 25px;
    left: -25px;
    margin: auto;
    margin-left: 9px;
    
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

#back {
    width: 50px;
    height: 50px;
    position: fixed;
    top: 35px;
    left: 27%;
    background-image: url('../img/back.png');
    overflow: hidden;
}

#back:hover {
    background-position: -50px 0;
}

#home {
    width: 50px;
    height: 50px;
    position: fixed;
    top: 85px;
    left: 27%;
    background-image: url('../img/top.png');
}

#wrapper {
    width: 900px;
    margin: 0 auto;
    padding: 0 0 0 0;
    color: #343434;
}

#content {
    position: relative;
}

#main {
    width: 600px;
    margin: auto;
    position: relative;
}

#info {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 35px;
    right: -10px;
    line-height: 150%;
    font-size: 16px;
    font-weight: bold;
}

#i_29{
    width: 200px;
    height: 400px;
    position: absolute;
    top: 2195px;
    right: 15px;
    line-height: 150%;
}    

#i_49{
    width: 200px;
    height: 400px;
    position: absolute;
    top: 4355px;
    right: 15px;
    line-height: 150%;        
} 

#i_66{
    width: 200px;
    height: 400px;
    position: absolute;
    top: 6515px;
    right: 15px;
    line-height: 150%;
} 

#i_33{
    width: 200px;
    height: 400px;
    position: absolute;
    top: 8675px;
    right: 15px;
    line-height: 150%;
} 

#i_38{
    width: 200px;
    height: 400px;
    position: absolute;
    top: 10835px;
    right: 15px;
    line-height: 150%;
} 

.chapter {
    width: 430px;
    height: 600px;
    margin: 0 auto;
    position: relative;
}

#chapter_29{
    background-image: url('../img/bg_29.png');
}

#chapter_49{
    background-image: url('../img/bg_49.png');
}

#chapter_66{
    background-image: url('../img/bg_66.png');
}

#chapter_33{
    background-image: url('../img/bg_33.png');
}

#chapter_38{
    background-image: url('../img/bg_38.png');
}

#ch29_1 {
    position: absolute;
    top: 0;
    left: 0;
}

.arrow{
	position: absolute;
	height: 40px !important;
	width: 40px !important;
	top: 50%;
	margin-top: -20px;
}

.left{
	left: 0;
	display: none;
    background-image: url('../img/arrow_left.png');
}

.right{
	right: 0;
    background-image: url('../img/arrow_right.png');
}

.chapter div{
	overflow: hidden;
	height: 600px;
	width: 430px;
}

.img_con{
	overflow: visible !important;
	position: relative;
}

.timeline {
    width: 430px;
    height: 100px;
    position: relative;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    background-image: url('../img/bg_timeline.png');
    background-repeat: no-repeat;
}

#t1 ul {
    width: 430px;
    height: 100px;
    margin: 0;
}

#t1 li {
    width: 50px;
    height: 100px;
    float: left;
}

#t1 li a {    
    font-family: Arial;
    font-size: 12px;    
    text-decoration: none;
    color: #343434;
    
    display: block;
    overflow: hidden;
    width: 50px;
    height: 100px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: url('../img/points.png');
}

#t1 li a:hover {
    background-position: -50px 0;
}

#t1 ul li a:active {
    background-position: -100px 0;
}

#t2 ul {
    width: 430px;
    height: 100px;
    margin: 0 0 0 0;
}

#t2 li {
    width: 50px;
    height: 100px;
    float: left;
}

#t2 li a {    
    font-family: Arial;
    font-size: 12px;    
    text-decoration: none;
    color: #343434;
    
    display: block;
    overflow: hidden;
    width: 50px;
    height: 100px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: url('../img/points.png');
}

#t2 li a:hover {
    background-position: -50px 0;
}

#t2 ul li a:active {
    background-position: -100px 0;
}

#t3 ul {
    width: 430px;
    height: 100px;
    margin: 0 0 0 0;
}

#t3 li {
    width: 50px;
    height: 100px;
    float: left;
}

#t3 li a {    
    font-family: Arial;
    font-size: 12px;    
    text-decoration: none;
    color: #343434;
    
    display: block;
    overflow: hidden;
    width: 50px;
    height: 100px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: url('../img/points.png');
}

#t3 li a:hover {
    background-position: -50px 0;
}

#t3 ul li a:active {
    background-position: -100px 0;
}

#t4 ul {
    width: 430px;
    height: 100px;
    margin: 0 0 0 0;
}

#t4 li {
    width: 50px;
    height: 100px;
    float: left;
}

#t4 li a {    
    font-family: Arial;
    font-size: 12px;    
    text-decoration: none;
    color: #343434;
    
    display: block;
    overflow: hidden;
    width: 50px;
    height: 100px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: url('../img/points.png');
}

#t4 li a:hover {
    background-position: -50px 0;
}

#t4 ul li a:active {
    background-position: -100px 0;
}

#t5 ul {
    width: 430px;
    height: 100px;
    margin: 0;
}

#t5 li {
    width: 50px;
    height: 100px;
    float: left;
}

#t5 li a {    
    font-family: Arial;
    font-size: 12px;    
    text-decoration: none;
    color: #343434;
    
    display: block;
    overflow: hidden;
    width: 50px;
    height: 100px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    background-image: url('../img/points.png');
}

#t5 li a:hover {
    background-position: -50px 0;
}

#t5 ul li a:active {
    background-position: -100px 0;
}

.active {
    background-position: -100px 0;
}

#linkblank {
    width: 110px;
    height: 35px;
    position: absolute;
    top: 596px;
    left: 357px;
}

#link0 {
    width: 115px;
    height: 17px;
    position: absolute;
    top: 79px;
    left: 82px;
}

#link1 {
    width: 110px;
    height: 418px;
    position: absolute;
    top: 104px;
    left: 14px;
}

#link2 {
    width: 110px;
    height: 136px;
    position: absolute;
    top: 522px;
    left: 14px;
}

#link3 {
    width: 110px;
    height: 35px;
    position: absolute;
    top: 156px;
    left: 128px;
}

#link4 {
    width: 110px;
    height: 467px;
    position: absolute;
    top: 191px;
    left: 128px;
}

#link5 {
    width: 110px;
    height: 175px;
    position: absolute;
    top: 156px;
    left: 245px;
}

#link6 {
    width: 110px;
    height: 300px;
    position: absolute;
    top: 331px;
    left: 245px;
}

#link7 {
    width: 110px;
    height: 26px;
    position: absolute;
    top: 631px;
    left: 245px;
}

#link8 {
    width: 110px;
    height: 440px;
    position: absolute;
    top: 156px;
    left: 357px;
}

#link9 {
    width: 110px;
    height: 26px;
    position: absolute;
    top: 631px;
    left: 357px;
}

#link10 {
    width: 110px;
    height: 370px;
    position: absolute;
    top: 104px;
    left: 476px;
}

#link11 {
    width: 110px;
    height: 182px;
    position: absolute;
    top: 474px;
    left: 476px;
}

.ref_ch{
    opacity: 0.7;
    background: #ffffff; 
}