/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +content
        +content-main
            =banner
            =hot、top
-----------------------------------------------------------------------------*/

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

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

#content-main h1 {
    font: 12px/22px Arial;
    color: #808080;
    margin: 10px 0 0 0;
    padding: 2px 0 2px 15px;
    background: url(../../i/icon-down-h1.gif) no-repeat 2px 9px;
    background: url(../../i/icon-down-h1.gif) no-repeat 2px 11px\9;
    
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
#content-main h1 span {
    color: #11aaaf;
}

/**
 *
 * =banner
 *
 **/

#content-main .banner {
    float: left;
    margin: 0 0 10px 0;
    vertical-align: bottom;
}

#content-main .banner-s {
    float: right;
    margin: 0 0 5px 0;
}

#content-main .list {
    margin: 0;
}

#content-main .banner img,
#content-main .banner-s img {
    vertical-align: bottom;
}
#content-main .banner-s img {
    width: 215px;
    height: 105px;
}

/**
 *
 * =hot、top
 *
 **/

#content-main .hot,
#content-main .top {
    margin: 0 0 5px 5px;
    padding: 0px;
}

#content-main .hot h2 {
    height: 28px;
    background: url(../../i/title-content-main-hot.gif) no-repeat;
    text-indent: -100000px;
}

#content-main .top h2 {
    height: 28px;
    background: url(../../i/title-content-main-top.gif) no-repeat;
    text-indent: -100000px;
}

#content-main .hot h2 span,
#content-main .top h2 span {
    display: none;
}

#content-main .hot .box,
#content-main .top .box {
    float: left;
    width: 120px;
    margin: 15px 8px 15px 0;
    padding: 0 8px 0 0;
    text-align: center;
    background: url(../../i/lime-hot.gif) no-repeat right 5px;
}

#content-main .hot .list,
#content-main .top .list {
    margin: 15px 8px 15px 0;
    padding: 0 8px 0 0;
    background: none;
}

#content-main .hot .add,
#content-main .top .add {
    margin: 15px 8px 15px 12px;
    *margin: 15px 8px 15px 16px;
    _margin: 15px 8px 15px 8px;
    padding: 0 8px 0 0;
}

#content-main .hot .box p.photo img,
#content-main .top .box p.photo img {
    margin: 0 0 15px 0;
}

#content-main .hot .box p.title,
#content-main .top .box p.title {
    margin: 0 0 3px 0; /* 還原 */
    background: none; /* 還原 */
    text-indent: 0; /* 還原 */
    font: 13px/18px Arial, sans-serif, "新細明體";
}

#content-main .hot .box p.title a:hover,
#content-main .top .box p.title a:hover {
    color: #e15285;
    text-decoration:none;
}

#content-main .hot .box p.txt,
#content-main .top .box p.txt {
    margin: 0; /* 還原 */
    background: none; /* 還原 */
    text-indent: 0; /* 還原 */
    font: 13px/18px Arial, sans-serif, "新細明體";
    color: #888;
}

/* 垂直置中 
.v01 {
    color: #888;
    font: 13px/18px Arial, sans-serif, "新細明體";
    
    display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	
	width: 120px;
}

.v02 {
    display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	
	height: 36px;
	font: 13px/18px Arial, sans-serif, "新細明體";
}
*/

#content-main .hot .box p,
#content-main .top .box p {
    margin: 0 0 2px 0;
    font: 13px/18px Arial, sans-serif, "新細明體";
    color: #6a6767;
}

#content-main .hot .box p a,
#content-main .top .box p a {
    color: #238b93;
    text-decoration:underline;
}

#content-main .hot .box b,
#content-main .top .box b {
    color: #ff7b10;
    padding: 0 2px 0 0;
    font: bold 13px/18px Arial, sans-serif, "新細明體";
}