/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +content
        +content-main
            +prodaqu
                =submenu
                =subnav
                =allclass
                =banner
-----------------------------------------------------------------------------*/

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

/**
 *
 * +prodaqu
 *
 **/

#content-main .prod {
    position: relative;
    margin: 0 0 5px 0;
    *margin: 0 0 5px 0;
    _margin: 0 0 5px 5px;
}

#content-main .prod h1.aqu {
    height: 38px;
    background: url(../../i/bg-prodaqu-h1.gif) no-repeat;
    text-indent: -100000px;
}
#content-main .prod h1.cle {
    height: 38px;
    background: url(../../i/bg-prodcle-h1.gif) no-repeat;
    text-indent: -100000px;
}
#content-main .prod h1.whit {
    height: 38px;
    background: url(../../i/bg-prodwhit-h1.gif) no-repeat;
    text-indent: -100000px;
}
#content-main .prod h1.exc {
    height: 38px;
    background: url(../../i/bg-prodexc-h1.gif) no-repeat;
    text-indent: -100000px;
}
#content-main .prod h1.aquextra {
    height: 38px;
    background: url(../../i/bg-prodaquextra-h1.gif) no-repeat;
    text-indent: -100000px;
}
/**
 *
 * =submenu
 *
 **/

#content-main .prod .submenu {
    width: 690px;
    height: 31px;
    margin: 10px auto 0 auto;
    overflow: hidden;
}

#content-main .prod .submenu ul {
    width: 690px;
    height: 31px;
    background: url(../../i/bg-news-submenu-bd.gif) repeat-x;
}

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

#content-main .prod .submenu ul li a {
    float: left;
    height: 25px;
    display: block;
    background: url(../../i/bg-news-submenu.gif) no-repeat right top;
    text-align: center;
    padding: 6px 10px 0 10px;
    text-decoration:none;
    font: bold 15px/22px Arial, sans-serif, "新細明體";
    color: #64c7cb;
}

#content-main .prod .submenu ul li a:hover {
    float: left;
    height: 25px;
    display: block;
    background: url(../../i/bg-news-submenu-hover.gif) no-repeat right top;
    text-align: center;
    padding: 6px 10px 0 10px;
    text-decoration:none;    
    font: bold 15px/22px Arial, sans-serif, "新細明體";
    color: #f17497;
}

#content-main .prod .submenu ul li.active {
    float: left;
    height: 25px;
    display: block;
    background: url(../../i/bg-news-submenu-hover.gif) no-repeat right top;
    text-align: center;
    padding: 6px 10px 0 10px;
    text-decoration:none;    
    font: bold 15px/22px Arial, sans-serif, "新細明體";
    color: #f17497;
}

#content-main .prod .submenu ul li.other {
    float: left;
    height: 25px;
    display: block;
    background: url(../../i/bg-news-submenu-link.gif) no-repeat right top;
    text-align: center;
    padding: 6px 10px 0 10px;
    text-decoration:none;    
    font: bold 15px/22px Arial, sans-serif, "新細明體";
    color: #64c7cb;
}

/**
 *
 * =subnav
 *
 **/

#content-main .prod .subnav {
    width: 690px;
    height: 31px;
    margin: 20px auto 0 auto;
    overflow: hidden;
}

#content-main .prod .subnav ol li {
    float: left;
}

#content-main .prod .subnav ol li a {
    float: left;
    display: block;
    text-align: center;
    padding: 0 10px 0 10px;
    text-decoration:none;
    font: 13px/18px Arial, sans-serif, "新細明體";
    color: #939393;
    background: url(../../i/bg-prodaqu-subnav-line.gif) no-repeat right center;
}

#content-main .prod .subnav ol li a:hover {
    float: left;
    display: block;
    text-align: center;
    padding: 0 10px 0 10px;
    text-decoration:none;    
    font: bold 13px/18px Arial, sans-serif, "新細明體";
    color: #144f87;
    background: url(../../i/bg-prodaqu-subnav-line.gif) no-repeat right center;
}

#content-main .prod .subnav ol li.active {
    float: left;
    display: block;
    text-align: center;
    padding: 0 10px 0 10px;
    text-decoration:none;    
    font: bold 13px/18px Arial, sans-serif, "新細明體";
    color: #144f87;
    background: url(../../i/bg-prodaqu-subnav-line.gif) no-repeat right center;
}

#content-main .prod .subnav ol li.list a:hover {
    background: none;
}

#content-main .prod .subnav ol li.list a {
    background: none;
}

#content-main .prod .subnav ol li.list {
    background: none;
}

/**
 *
 * =banner
 *
 **/

#content-main .prod table.tab-prodaqu {
    width: 700px;
    border: 0;
    margin: 10px 0 0 0;
    padding: 0;
}
#content-main .prod table.tab-prodaqu img {
    float: left;
    vertical-align: top;
    margin: 0;
    padding: 0;
    border: 0;
}