﻿/* 推薦商品 */
.recList { box-shadow: 0 0 8px #888; background-color: #fff; display: none; margin-top: 40px; margin-left: -30px; margin-right: 50px; padding-bottom: 40px; }
    .recList .recTitle { padding: 20px 0; font-size: 24px; font-family: "微軟正黑體"; text-align: center; }
        .recList .recTitle .rectc { padding-right: 30px; }
    .recList #recItemList { margin: 0; padding: 0; list-style: none; }
#recItemList .recItem { margin: 10px 0 0 10px; padding: 0; display: inline-block; }
    #recItemList .recItem img { border: 1px solid #ccc; padding: 3px; width: 220px; height: auto; }

/* 熱賣商品 */
.moda_recList { width: 965px; box-shadow: 0 0 8px #888; background-color: #fff; margin: 40px auto; padding: 20px 0; margin-left: -26px; }
    .moda_recList .recTitle { text-align: center; }
        .moda_recList .recTitle img { }

    .moda_recList .m_itemList { width: 100%; margin: 0; padding: 0; list-style: none; border: 0; }
        .moda_recList .m_itemList li { margin: 10px 0 0 10px; padding: 0; display: inline-block; }
            .moda_recList .m_itemList li a { }
                .moda_recList .m_itemList li a img { width: 220px; height: 245px; border: 1px solid #CCC; padding: 3px; }
                    .moda_recList .m_itemList li a img:hover { box-shadow: 0 0 8px #888; opacity: 0.9; }

    .moda_recList .loading-bar { width: 80%; margin: 20px auto; padding: 10px 20px; display: block; text-align: center; box-shadow: inset 0px -45px 30px -40px rgba(0, 0, 0, 0.05); border-radius: 5px; font-size: 16px; font-family: "museo-sans", sans-serif; border: 1px solid #ddd; cursor: pointer; position: relative; }
