body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'cwTeXMing',serif;
    color: #333;
}

    body a {
        color: #333;
        text-decoration: none;
    }

input {
    font-family: 'Microsoft JhengHei';
}

    input[readonly], textarea[readonly] {
        border-width: 0px;
        background-color: transparent;
    }

.Shadow-Radius {
    border: 1px solid #ccc;
    box-shadow: 0px 0px 20px #ccc;
    border-radius: 10px;
}

legend {
    font-size: 15px;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}


.ProductList {
    padding-bottom: 30px;
}

.ProductItem {
    float: left;
    margin: 0 .625rem;
    padding: .625rem;
    width: calc(25% - 1.25rem);
    font-size: 0;
    border-bottom: #aaa 1px dotted;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .ProductItem .Link {
        display: block;
        text-align: center;
    }

        .ProductItem .Link .Image {
            display: block;
            width: 100%;
            background: #555;
        }

        .ProductItem .Link .Name {
            display: block;
            margin: .3125rem 0;
            height: 1.425em;
            line-height: 1.425;
            overflow: hidden;
            color: #1a489d;
            font-size: 1.125rem;
        }

    .ProductItem .PriceInfo {
        display: inline-block;
        color: #ff0000;
        text-align: center;
        font-size: 1rem;
        font-weight: bold;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 0 3px 0;
    }

        .ProductItem .PriceInfo.Left {
            width: 50%;
            text-align: left;
        }

        .ProductItem .PriceInfo.Right {
            width: 50%;
            font-size: 1.3rem;
            line-height: 1.3;
            text-align: right;
        }

        .ProductItem .PriceInfo.Cancel {
            font-size: 1rem;
            line-height: 1;
            color: #999;
            text-decoration: line-through;
        }

        .ProductItem .PriceInfo.DiscountBp {
            font-size: 1rem;
            color: #32CD32;
            width: 100%;
            text-align: right;
        }

        .ProductItem .PriceInfo.BuyButton {
            font-size: 1rem;
            color: #b36720;
            border: #b36720 1px solid;
            border-radius: 3px;
            text-align: center;
        }


/*--------------------
         RWD
----------------------*/
@media screen and (max-width:991px) {
    .ProductItem {
        width: calc(33.333% - 1.25rem);
    }
}

@media screen and (max-width:600px) {
    .ProductItem {
        width: calc(50% - 1.25rem);
    }
}