/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +content
        +content-main
            +submenu
                =btn
                =pager
-----------------------------------------------------------------------------*/


/* +content
*----------------------------------------------------------------------------*/
/* +content-main
*----------------------------------------------------------------------------*/

/**
 *
 * +submenu
 *
 **/

#content-main .car .submenu {
    width: 860px;
    height: 37px;
    margin: 10px auto;
    overflow: hidden;
}

#content-main .car .submenu ul li {
    float: left;
    
}

/**
 *
 * =btn
 *
 **/

/**
 * 20090306修改為不顯示hover效果
 * 變更為  a:hover = a.r
 **/

#content-main .car .btn {    
    width: 860px;
    height: 20px;
    margin: 0 0 0 0;
    margin: 10px 0 0 0\9;
}

#content-main .car .btn ul { 
    position: absolute;
    right: 24px;
    right: 25px;
    *right: 25px;
    _right: 3px;
}

#content-main .car .btn ul li { 
    float: left;
    margin: 0 10px 0 0;
}

#content-main .car .btn button.addcar { 
    float: right;
    width: 168px;
    height: 26px;
    background: url(../../i/btn-car-b-addcar.gif) no-repeat;
    text-indent: -100000px;
}

#content-main .car .btn button.previous { 
    float: left;
    width: 91px;
    height: 20px;
    background: url(../../i/btn-member-previous-3-b.gif) no-repeat;
    text-indent: -100000px;
}

#content-main .car .btn button.next-r { 
    float: left;
    width: 91px;
    height: 20px;
    background: url(../../i/btn-member-next-r.gif) no-repeat;
    text-indent: -100000px;
}

/**
 *
 * =pager
 *
 **/
 
/**
 * 20090306修改為不顯示hover效果
 * 變更為  a:hover = 註解
 **/


#content-main .member .pager {
    text-align: center; 
    margin: 0 0 20px 0;
    font: 13px/18px Arial, sans-serif, "新細明體";
}

#content-main .member .pager ul { 
    position: absolute;
    right: 13px;
    *right: 15px;
    _right: 1px;
}

#content-main .member .pager ul li { 
    float: left;
    margin: 0 10px 0 0;
}

#content-main .member .pager ul li a { 
    color: #7cd2d6;
}

#content-main .member .pager ul li a:hover { 
    color: #ff7e81;
    font: 18px/20px Arial, sans-serif, "新細明體";
}


#content-main .member .pager ul li.active { 
    color: #ff7e81;
    font: 18px/20px Arial, sans-serif, "新細明體";
}


/* pre */
#content-main .member .pager ul li.pre a {
    display: block;
    width: 58px;
    height: 18px;
    background: url(../../i/btn-member-pager-p.gif) no-repeat 0 0;
    text-indent: -100000px;
}
/*
#content-main .member .pager ul li.pre a:hover {
    display: block;
    width: 58px;
    height: 18px;
    background: url(../../i/btn-member-pager-p.gif) no-repeat 0 -18px;
    text-indent: -100000px;
}
*/
/* next */
#content-main .member .pager ul li.next a {
    display: block;
    width: 58px;
    height: 18px;
    background: url(../../i/btn-member-pager-n.gif) no-repeat 0 0;
    text-indent: -100000px;
}
/*
#content-main .member .pager ul li.next a:hover {
    display: block;
    width: 58px;
    height: 18px;
    background: url(../../i/btn-member-pager-n.gif) no-repeat 0 -18px;
    text-indent: -100000px;
}
*/