﻿.Element_Pagger {
    font-size: 20px;
}

    .Element_Pagger a.PageNumber {
        line-height: 29px;
        padding: 1px 4px;
    }

        .Element_Pagger a.PageNumber.Selected,
        .Element_Pagger a.PageNumber:hover {
            text-decoration: none;
            background-color: #1a489d;
            color: white;
        }

#Product_List .SiteMap {
    display: block;
    padding: 8px 15px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #777;
    font-size: 16px;
}


#Product_List .ProductDisplayMode a {
    margin-right: 20px;
    display: block;
    float: right;
    width: 63px;
    height: 34px;
    background-image: url('../_Image/pic.png');
}

    #Product_List .ProductDisplayMode a.PicMode {
        background-image: url('../_Image/pic.png');
    }

    #Product_List .ProductDisplayMode a.ListMode {
        background-image: url('../_Image/form.png');
    }

    #Product_List .ProductDisplayMode a.PicMode:hover,
    #Product_List .ProductDisplayMode a.PicMode.Selected {
        background-image: url('../_Image/pic02.png');
    }

    #Product_List .ProductDisplayMode a.ListMode:hover,
    #Product_List .ProductDisplayMode a.ListMode.Selected {
        background-image: url('../_Image/form02.png');
    }



#Product_List .Form th {
    padding: 8px 0px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #777;
    font-size: 16px;
}

#Product_List .Form td {
    padding: 0px 2px;
    color: #1a489d;
    font-size: 16px;
    height: 50px;
    border-bottom: 1px solid #777;
}

#Product_List .FormBuy {
    display: block;
    float: right;
    width: 108px;
    height: 42px;
    background-image: url('../_Image/FormBuy.png');
}

#Product_List .Share {
    padding: 20px 0 0 0;
    text-align: center;
    line-height: 52px;
}

    #Product_List .Share span {
        display: inline-block;
    }

    #Product_List .Share a {
        display: inline-block;
    }

#Product_List .LineShare,
#Product_List .FbShhare {
    display: inline-block;
    margin: 0 10px;
    width: 60px;
}


/*--------------------
         RWD
----------------------*/
@media screen and (min-width:320px) and (max-width:600px) {
    .Element_Pagger {
        font-size: 30px;
    }

        .Element_Pagger a.PageNumber {
            line-height: 29px;
            padding: 2px 8px;
        }
}

@media screen and (min-width:900px) {
    #Product_List .Form {
        display: block;
        width: calc(50% - 0.1rem);
        float: left;
    }
}

@media screen and (max-width:900px) {
    #Product_List .Form {
        width: calc(100% - 0.1rem);
    }

        #Product_List .Form td.NameFeature {
            padding-left: 10px;
        }

        #Product_List .Form.Even th {
            display: none;
        }
}
