#main {
    margin-top:-5px; /* 把 navbar 的 margin-bottom扣回，緊貼 */
    height:518px;
}

#character-list{ 
    margin-top:5px;
    width:310px;
    float:left;
}
#character-list a{
    display:block;
    border: 1px solid gray;
    margin-bottom:5px;
    width:300px;
    height:90px;
    color: transparent;
}
#character-list a:visited {
    color: transparent;
}
#character-list a:active {
    color: transparent;
}
#character-list a#scroll-up,#character-list a#scroll-down{
    height:26px;
}

#scroll-up{
    background-image:url(../image/scroll_up.png);
}

#scroll-down{
    background-image:url(../image/scroll_down.png);
}

#scroll-down:hover {
    background-image:url(../image/scroll_down_hover.png);
}

#scroll-up:hover {
    background-image:url(../image/scroll_up_hover.png);
}


#intro-container{
    margin-left:310px;

}
#intro-img{
    margin-top:3px;
}
#intro-foot{
    width:626px;
    height:13px;
    float:left;
    background: url(../image/bg_intro_bottom.png) no-repeat;
}

#intro{
    width:613px;
    float:left;
    background: url(../image/bg_intro_main.png) no-repeat;
}
#tab-container{
    position:absolute;
    z-index:2;
    padding-bottom:23px; /* 因為 active tab 用負 margin-bottom */
}

#intro,#intro-tab{
    height:500px;
}
#intro-content{
    margin-top:13px; /* IE/Fx 相容，不能對intro做padding */
    margin-left:13px;
}
#intro-tab{
    overflow:hidden;
}
#intro-tab img{
    padding: 0px 23px 0px 10px;
}
#intro-bg-right-top{
    display:none;
    background:url(../image/bg_intro_righttop.png);
    width:13px;
    height:13px;
    margin-bottom:-13px;
}
#intro-tab a.tab{
    display:block;
    color:transparent;
    margin-top:23px;
}
#intro-tab a.tab.active{
    background: url(../image/bg_intro_active_tab.png) no-repeat;
    margin-bottom:-23px;
    margin-top:0px;
    cursor:default;
}
#intro-tab a.tab.active img{
    padding: 23px 22px 23px 10px;

}
#intro-bg-right{
    position:absolute;
    margin-top:13px;
    z-index: 1;
    height: 487px;;
    width:  13px;
    background: url(../image/bg_intro_right.png) repeat-y;
}

/* 點圖部分 */
#pixalart-bg{
    position:relative;
    background-repeat:	    no-repeat;
    background-position:    left bottom;
    width:		    600px;
    height:		    390px;
    line-height:	    390px;
    border-bottom:	    1px solid #979797;
}

#pixalart-panel{
    padding:	    5px;
}
#pixalart-panel fieldset{
    padding:	    0px;
    width:	    345px;
    height:	    80px;
}
#pixalart-panel fieldset legend{
    margin-left:    5px;
}

#pixalart-panel button{
border:		    1px solid black;
background-color:   white;
margin:		    3px 0px 0px 10px;
width:		    100px;
height:		    25px;
line-height:	    23px;
vertical-align:	    bottom; /* IE 7/8 Strange behavier */
}

#pixalart-panel button[disabled]{
    background-color:#9f9f9f;
    color:white;
}

/* 招式表部分 */
.skill-table{
    margin-left:auto;
    margin-right:auto;
    width:560px;
    border:1px solid #8C673C;
    /*margin-bottom:1px;*/
}

.skill-table th{
    background:url(../image/bg_table_title.png) repeat-x;
    color:white;
    font-weight:normal;
    height:23px;
    padding-top:1px;/* Fix IE/Fx Boxing Model diffrence*/
    line-height:23px;
    text-align:left;
    vertical-align:top;
    border:1px solid #8C673C;
}
.skill-table th,.skill-table td{
padding-left:4px;
}
.skill-table caption{
    text-align:left;
    margin-top:4px;
    margin-bottom:3px;
    color:#835B27;
    font-size:12pt;
}
#skill-container{
    height:480px;
    overflow-y:auto;
}