﻿ul, li, p { margin: 0; padding: 0; list-style: none; }

#m_Pager { text-align: center; padding: 0.4em 0px; }
    #m_Pager a,
    #m_Pager a:link { color: #000; border: 1px solid #000; display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; margin: 0 2px; font-size: 14px; }
        #m_Pager a.active { color: #FFF; background-color: #000; }

#m_Sort { text-align: center; margin-bottom: 5px; }
    #m_Sort > div { display: inline-block; }
    #m_Sort .ui-btn-up-c { background-color: transparent; }
    #m_Sort .ui-btn-text { color: #999; }

#m_itemList { font-size: 12px; }
.m_itemListDiv { text-align: center; }
    .m_itemListDiv a:link,
    .m_itemListDiv a:visited,
    .m_itemListDiv a:active { text-decoration: none; color: #7E7E7E; }
.m_itemListMerName { height: 31px; margin-top: 10px; padding-top: 0px; color: #7E7E7E; overflow-y: hidden; }

/* List */
#m_itemList.list { margin: 15px -15px 15px; }
    #m_itemList.list li { position: relative; min-height: 80px; padding: 0; text-align: left; background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; border-width: 1px 0 0; }
        #m_itemList.list li:last-child { border-width: 1px; }
        #m_itemList.list li:hover { background: linear-gradient( #f6f6f6, #e0e0e0 ) repeat scroll 0 0 #dfdfdf; }
.list .m_ilImg { display: inline-block; }
    .list .m_ilImg img { max-width: 80px; margin: 0; }
.list .m_itemListMerName { position: absolute; top: 0; color: #222; right: 20px; text-align: left; left: 90px; font-size: 12px; }
    .list .m_itemListMerName a:hover { color: #222; }
.list .m_itemListMoney { position: absolute; bottom: 5px; right: 20px; font-size: 1.2em; }
    .list .m_itemListMoney .m_origPrice { text-decoration: line-through; margin-right: 10px; color: #999; text-shadow: 0px 0px 0px #666; }
    .list .m_itemListMoney .m_salePrice { font-weight: bold; color: #333; }
    .list .m_itemListMoney .m_onePrice { font-weight: bold; color: #333; }

.list .m_itemListDiv .m_iTag { display: inline-block; position: absolute; left: 90px; bottom: 5px; }
    .list .m_itemListDiv .m_iTag img { max-height: 20px; }

.list .m_itemSaleCount { position: absolute; bottom: 5px; left: 85px; }
.list .m_itemSaleNum { }

/* Grid */
.grid li { /*float: left;*/ display: inline-block; width: 49%; margin: 0 0 0 0; vertical-align: top; }
.grid .m_ilImg { margin: 0 auto; }
    .grid .m_ilImg img { width: 96%; }

.grid .m_itemListMerName { font-size: 1em; }

.grid .m_itemListDiv .m_iTag { display: inline-block; }
    .grid .m_itemListDiv .m_iTag img { max-height: 20px; }

.grid .m_itemListMoney { font-size: 1em; margin-bottom: 24px; }
    .grid .m_itemListMoney .m_origPrice { display: block; margin: 0; text-shadow: none; color: #999; text-decoration: line-through; }
    .grid .m_itemListMoney .m_salePrice { display: block; text-shadow: none; color: #d83282; }
    .grid .m_itemListMoney .m_onePrice { }
.grid .m_itemSaleCount { }
.grid .m_itemSaleNum { }

/* One */
.one li { display: block; border-bottom: 1px solid rgba(130, 130, 130, 0.3); margin-top: 5px; padding-bottom: 10px; }
.one .m_ilImg img { max-width: 100%; max-height: 100%; width: 100%; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
.one .m_itemListMerName { font-size: 1.2em; height: 43px; }
    .one .m_itemListMerName a:hover { }
.one .m_itemListMoney { font-size: 1.2em; padding-bottom: 5px; }
    .one .m_itemListMoney .m_origPrice { text-decoration: line-through; margin-right: 10px; color: #aaa; }
    .one .m_itemListMoney .m_salePrice { }
    .one .m_itemListMoney .m_onePrice { }
.one .m_itemSaleCount { }
.one .m_itemSaleNum { }

/* Loading Bar */
.loading-bar { 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; margin-right: 1px; cursor: pointer; position: relative; }
    .loading-bar:hover { box-shadow: inset 0px 45px 30px -40px rgba(0, 0, 0, 0.05); }

/* ClearFix */
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
