﻿ul, li {
    margin: 0;
    padding: 0;
}

    ul.tabs {
        height: 32px;
    }

        ul.tabs li {
            height: 31px;
            line-height: 31px;
            overflow: hidden;
            position: relative;
            border-left: none;
            background: #e1e1e1;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border: 1px solid #999;
        }

            ul.tabs li span {
                display: block;
                padding: 0;
                color: #000;
                text-decoration: none;
                text-align: center;
                background: #c5deea; /* Old browsers */
                background: -moz-radial-gradient(center, ellipse cover, #c5deea 0%, #8abbd7 31%, #066dab 100%); /* FF3.6+ */
                background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#c5deea), color-stop(31%,#8abbd7), color-stop(100%,#066dab)); /* Chrome,Safari4+ */
                background: -webkit-radial-gradient(center, ellipse cover, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* Chrome10+,Safari5.1+ */
                background: -o-radial-gradient(center, ellipse cover, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* Opera 12+ */
                background: -ms-radial-gradient(center, ellipse cover, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* IE10+ */
                background: radial-gradient(ellipse at center, #c5deea 0%,#8abbd7 31%,#066dab 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=1 );
            }

            ul.tabs li a:hover {
                background: #ccc;
            }

            ul.tabs li.active {
                background: #fff;
                border: 1px solid #999;
            }

                ul.tabs li.active a:hover {
                    background: #fff;
                }


div.tab_content {
    padding: 10px;
}

    div.tab_content h2 {
        margin: 0 0 20px;
    }

.news_pd_table {
    border-spacing: 5px;
    width: 146px;
    height: 250px;
}

.partner_promo_table {
    border-spacing: 5px;
    width: 146px;
}

.news_pd_img {
    border: 1px solid #CCCCCC;
    border-collapse: separate;
    height: 145px;
    min-width: 145px;
}

.news_pd_name {
    color: Black;
    font-family: "微軟正黑體",Microsoft JhengHei, Arial, Tahoma;
    font-size: 12px;
}

.news_pd_name_list {
    color: Black;
    font-family: "微軟正黑體",Microsoft JhengHei, Arial, Tahoma;
    font-size: 12px;
    text-align: left;
}

.news_pd_description {
    color: #CC0099;
    font-family: "微軟正黑體",Microsoft JhengHei, Arial, Tahoma;
}


.news_pd_price {
    color: #C10066;
    font-family: "微軟正黑體",Microsoft JhengHei, Arial, Tahoma;
    font-size: medium;
    font-weight: bolder;
    text-align: left;
}

.trace_pd_name {
    color: #0000CC;
    font-family: "微軟正黑體",Microsoft JhengHei, Arial, Tahoma;
    font-size: medium;
}

.trace_pd_price {
    color: #FF1133;
    font-family: "微軟正黑體",Microsoft JhengHei, Arial, Tahoma;
    font-size: medium;
}
