@charset "UTF-8";
/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +list
        +tab-pager 
-----------------------------------------------------------------------------*/

/* +list
*----------------------------------------------------------------------------*/
/* +tab-pager 
*----------------------------------------------------------------------------*/

/**
 *
 * =list
 *
 **/

#content-main .main .list {
    position: relative;
    width: 580px;
    margin: 5px 0 0 0;
}

#content-main .main .list .box02 {
    position: relative;
    width: 530px;
    height: 110px;
    padding: 0px 10px 20px 10px;
    font: 13px/22px Verdana;
    color: #696969;
	clear:both;
}

#content-main .main .list .box02 .photo {
    float: left;
    width: 80px;
    padding: 10px 5px 10px 15px;
}

#content-main .main .list .box02 .txt {
    float: right;
    width: 410px;
    padding: 0 10px;
}

#content-main .main .list .box02 h3 {
    position: relative;
	padding: 10px 0 0 0;
    font: bold 15px/22px Verdana ;
    color: #000;
}

#content-main .main .list .box02 h3 a {
    color: #1A549E;
}

#content-main .main .list .box02 .bookname {
    float: right;
	width: 410px;
	color: #696969;
	font: 12px/22px 新細明體 ;
	text-align: right; 
	background: url(../../i/l_06.gif) repeat-x left center;
}

#content-main .main .list .box02 .bookname samp {
	background: #fff;
	padding: 0 0 0 8px;
}

#content-main .main .list .box02 .keyword {
    font: 11px/22px Verdana;
}

#content-main .main .list .box02 .keyword a{
    color: #7BB1DB;
}

.title_class {
	padding: 0px 0px 0px 25px;
	margin: 0px 2px 15px 2px;
	color: #000;
	font: 13px/22px Arial;
	text-align: left; 
	background: url(../../i/i04.gif) no-repeat left center;
}

.title_class samp {
	font: 15px/22px Arial;
	color: #1A549E;
    margin: 0px 2px 0 2px;
}

/**
 *
 * =tab-pager 
 *
 **/

#content-main .main .tab-pager {
    position: relative;
    float: left;
    width: 580px;
    margin: 15px 5px 20px 0;
    background: url(../../i/page_bg.gif) repeat-x;
    /*display: none;*/ /* 取消分頁專用 */
}

#content-main .main .tab-pager ul {
    float: right;
}

#content-main .main .tab-pager ul li {
    float: left;
    width: 26px;
    height: 22px;
    padding: 0;
    margin: 0;
    border-right: 1px solid #ccc;   
    background: none;
}

#content-main .main .tab-pager ul li a {
    display: block;
    width: 26px;
    height: 22px;
    text-align: center;
    color: #696969;
    background: url(../../i/page_bg.gif) no-repeat;
}

#content-main .main .tab-pager ul li a:hover {
    color: #fff;
    background: url(../../i/page_bg2.gif) no-repeat;
    text-decoration: none;
}

#content-main .main .tab-pager ul li.first a {
    text-indent: -100000px;
    background: url(../../i/page_l01b.gif) no-repeat;
}

#content-main .main .tab-pager ul li.first a:hover {
    background: url(../../i/page_l01c.gif) no-repeat;
}

#content-main .main .tab-pager ul li.back a {
    text-indent: -100000px;
    background: url(../../i/page_l02b.gif) no-repeat;
}

#content-main .main .tab-pager ul li.back a:hover {
    background: url(../../i/page_l02c.gif) no-repeat;
}

#content-main .main .tab-pager ul li.next a {
    text-indent: -100000px;
    background: url(../../i/page_r02b.gif) no-repeat;
}

#content-main .main .tab-pager ul li.next a:hover {
    background: url(../../i/page_r02c.gif) no-repeat;
}

#content-main .main .tab-pager ul li.list {
    border-right: 0px solid #ccc;
}

#content-main .main .tab-pager ul li.list a {
    text-indent: -100000px;
    background: url(../../i/page_r01b.gif) no-repeat;
}

#content-main .main .tab-pager ul li.list a:hover {
    background: url(../../i/page_r01c.gif) no-repeat;
}

#content-main .main .tab-pager ul li.active a,
#content-main .main .tab-pager ul li.active a:hover {
    display: block;
    width: 26px;
    height: 22px;
    text-align: center;
    color: #fff;
    background: url(../../i/page_bg2.gif) no-repeat;
    text-decoration: none;
}
#content-main .main .tab-pager ul li.information {
    float: left;
    width: 160px;
    height: 22px;
    padding: 0;
    margin: 0;
	font: 11px/22px Arial;
	text-align: center;
    background: none;
	color: #575757;
}

#content-main .main .tab-pager ul li.information samp {
	font: bold 12px/22px Arial;
    margin: 0px 2px 0 2px;
	color: #1A549E;
}