/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +content
        +content-main
            =banner
            =info
            =prod
-----------------------------------------------------------------------------*/

/* +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;
    
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
#content-main h1 span {
    color: #11aaaf;
}

/**
 *
 * =banner
 *
 **/

#content-main .banner {
    width: 697px;
    height: 194px;
    margin: 0 0 10px 0;
    overflow: hidden;
    padding: 5px;
}

#content-main .banner .case {
    width: 697px;
    height: 194px;
}

#content-main .banner .case .photo {
    position: relative;
    float: left;
    width: 245px;
    height: 190px;
    margin: 1px 0 0 1px;
    display: inline;
}

#content-main .banner .case .photo img {
    border: 1px solid #d9d9d9;
}

#content-main .banner .case .intro {
    float: right;
    width: 444px;
    height: 192px;
    padding: 0 0 0 5px;
}

#content-main .banner .case .intro h2 {
    margin: 1px 0 9px 0;
}

#content-main .banner .case .intro h2 span {
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 25px;
}

#content-main .banner .case .intro p.title {
    padding: 0  0 5px 0;
    margin: 0 10px 10px 10px;
    font: bold 13px/18px Arial, sans-serif, "新細明體";
    border-bottom: 1px dotted #989898;    
}

/* 紅版 */

#content-main .r {
    background: url(../../i/bg-catsub-title-r.jpg) no-repeat;
}
#content-main .banner .case .intro h2.r {
	background: url(../../i/title-catsub-r.gif) repeat-x;
}
#content-main .banner .case .intro h2.r span {
	color: #d4477b;
	background: url(../../i/icon-catsub-arrow-r.gif) no-repeat 10px 8px;
}
#content-main .banner .case .intro h2.r span a,
#content-main .banner .case .intro h2.r span a:hover {
	color: #d4477b;
	text-decoration: none;
}
#content-main .banner .case .intro p.r {
    color: #738bb7;
    background: none;
}

/* 黃版 */
#content-main .y {
    background: url(../../i/bg-catsub-title-y.jpg) no-repeat;
}
#content-main .banner .case .intro h2.y {
	background: url(../../i/title-catsub-y.gif) repeat-x;
}
#content-main .banner .case .intro h2.y span {
	color: #e6682b;
	background: url(../../i/icon-catsub-arrow-g.gif) no-repeat 10px 8px;
}
#content-main .banner .case .intro h2.y span a,
#content-main .banner .case .intro h2.y span a:hover {
	color: #e6682b;
	text-decoration: none;
}
#content-main .banner .case .intro p.y {
    color: #834224;
    background: none;
}

/* 綠版 */
#content-main .g {
    background: url(../../i/bg-catsub-title-g.jpg) no-repeat;
}
#content-main .banner .case .intro h2.g {
	background: url(../../i/title-catsub-g.gif) repeat-x;
}
#content-main .banner .case .intro h2.g span {
	color: #078d75;
	background: url(../../i/icon-catsub-arrow-g.gif) no-repeat 10px 8px;
}
#content-main .banner .case .intro h2.g span a,
#content-main .banner .case .intro h2.g span a:hover {
	color: #078d75;
	text-decoration: none;
}
#content-main .banner .case .intro p.g {
    color: #cc7613;
    background: none;
}

/* 藍版 */
#content-main .b {
    background: url(../../i/bg-catsub-title-b.jpg) no-repeat;
}
#content-main .banner .case .intro h2.b {
	background: url(../../i/title-catsub-b.gif) repeat-x;
}
#content-main .banner .case .intro h2.b span {
	color: #265e97;
	background: url(../../i/icon-catsub-arrow-b.gif) no-repeat 10px 8px;
}
#content-main .banner .case .intro h2.b span a,
#content-main .banner .case .intro h2.b span a:hover {
	color: #265e97;
	text-decoration: none;
}
#content-main .banner .case .intro p.b {
    color: #e6892c;
    background: none;
}

#content-main .banner .case .intro p {
    padding: 0 10px;
    color: #484848;
    font: 13px/18px Arial, sans-serif, "新細明體"; 
}

/**
 *
 * =info
 *
 **/

#content-main .info {
    margin: 0 20px 10px 0;
    color: #484848;
    font: 13px/18px Arial, sans-serif, "新細明體";
}

#content-main .info img {
    float: left;
    margin: 0 30px 0 0;
    border: 1px solid #ddd;
}

#content-main .info h3 {
    color: #242424;
    font: bold 13px/22px Arial, sans-serif, "新細明體";
    margin: 10px 0 0 0;
    padding: 0 0 0 120px;
    background: #fff url(../../i/icon-catsub.gif) no-repeat 120px 6px;
}

 	
 
/**
 *
 * =prod
 *
 **/

#content-main .prod {
    margin: 10px 0 10px 0;
    *margin: 0 0 10px 0;
    _margin: 0 0 10px 0;
}

#content-main .prod .prod-b {
    width: 707px;
    padding: 0 0 10px 0;
}

#content-main .prod .prod-b .prod-hr {
    clear: both;
    height: 1px;    
    background: url(../../i/line-02.gif) repeat-x bottom;
}

#content-main .prod h2 {
    height: 29px;
    padding: 0 0 0 0;
    font: bold 15px/24px Arial, sans-serif, "新細明體";
    *font: bold 15px/26px Arial, sans-serif, "新細明體";
    _font: bold 15px/26px Arial, sans-serif, "新細明體";
}

/* 紅版 */
#content-main .prod h2.r {
    background: url(../../i/title-prod-r.gif) no-repeat;
    padding: 0 0 0 28px;
}

#content-main .prod h2.r span {
    float: left;
    display: block;
    height: 29px;    
    background: url(../../i/title-prod-r2.gif) no-repeat right;
    color: #df7599;
}

#content-main .prod h2.r samp {
    float: left;
    display: block;
    width: 300px;
    height: 29px;
    background: url(../../i/title-prod-r3.gif) no-repeat right;
}

/* 黃版 */
#content-main .prod h2.y {
    background: url(../../i/title-prod-y.gif) no-repeat;
    padding: 0 0 0 28px;
}

#content-main .prod h2.y span {
    float: left;
    display: block;
    height: 29px;    
    background: url(../../i/title-prod-y2.gif) no-repeat right;
    color: #f17e48;
}

#content-main .prod h2.y samp {
    float: left;
    display: block;
    width: 300px;
    height: 29px;
    background: url(../../i/title-prod-y3.gif) no-repeat right;
}

/* 綠版 */
#content-main .prod h2.g {
    background: url(../../i/title-prod-g.gif) no-repeat;
    padding: 0 0 0 28px;
}

#content-main .prod h2.g span {
    float: left;
    display: block;
    height: 29px;    
    background: url(../../i/title-prod-g2.gif) no-repeat right;
    color: #10979b;
}

#content-main .prod h2.g samp {
    float: left;
    display: block;
    width: 300px;
    height: 29px;
    background: url(../../i/title-prod-g3.gif) no-repeat right;
}

/* 藍版 */
#content-main .prod h2.b {
    background: url(../../i/title-prod-b.gif) no-repeat;
    padding: 0 0 0 28px;
}

#content-main .prod h2.b span {
    float: left;
    display: block;
    height: 29px;
    background: url(../../i/title-prod-b2.gif) no-repeat right;
    color: #5385b8;
}

#content-main .prod h2.b samp {
    float: left;
    display: block;
    width: 300px;
    height: 29px;
    background: url(../../i/title-prod-b3.gif) no-repeat right;
}


#content-main .prod .prod-b .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 .prod .prod-b .list {  
    margin: 15px 8px 15px 0;
    padding: 0 8px 0 0;
    background: none;
}

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

#content-main .prod .prod-b .box p.photo img {
    margin: 0 0 15px 0;
}

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

#content-main .prod .prod-b .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 .prod .prod-b .box p.single {
    line-height: 36px;
}

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

#content-main .prod .prod-b .box p a {
    color: #238b93;
    text-decoration:underline;
}

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