ul, li, p { margin: 0; padding: 0; list-style: none; }

#m_Pager { text-align: center; padding: 0.4em 0px; }
#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_dvliSize { text-align: center; margin: 5px 0px; /*width: 100%;*/ }
    .m_dvliSize a { border: 1px solid #7E7E7E; margin: 0 2px; padding: 1px 3px; color: #594A41; }
.m_itemListDiv a:link, .m_itemListDiv a:visited, .m_itemListDiv a:active { text-decoration: none; color: #594A41; }

/* 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 { /*position: absolute; top: 0; left: 0;*/ display: inline-block; }
    .list .m_ilImg img { max-width: 80px; margin: 0; }
.list .m_itemListMerName { position: absolute; top: 0; left: 85px; color: #222; font-size: 1.2em; right: 20px; text-align: left; }
    .list .m_itemListMerName a:hover { color: #222; }
.list .m_itemListMoney { position: absolute; bottom: 5px; right: 20px; font-size: 1.2em; /* color: #F00; text-shadow: 1px 1px 2px #AA0000;*/ }
    .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_dvliSize { position: absolute; bottom: 5px; left: 85px; color: #222; }
.list .m_itemListColor { position: absolute; bottom: 30px; left: 85px; }
.list .m_itemSaleCount { position: absolute; bottom: 5px; left: 85px; }
.list .m_itemSaleNum { }

/* Grid */
.grid li { 
    float: none;
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 8px 20px;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
}
    .grid .m_ilImg img { width: 100%; /*max-height: 120px;*/ }

.grid .m_itemListMerName { font-size: 1em; }
.grid .m_itemListMoney { font-size: 1em; }
.grid .m_itemListColor { }
.grid .m_ilColor { }
.grid .m_il2Size { }
.grid .m_itemListMoney .m_origPrice { text-decoration: line-through; margin-right: 5px; color: #aaa; }
.grid .m_itemListMoney .m_salePrice { }
.grid .m_itemSaleCount { }
.grid .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; /*margin: 20px 0;*/ font-size: 16px; /*font-size: 2em;*/ font-family: "museo-sans", sans-serif; border: 1px solid #ddd; margin-right: 1px; /*font-weight: bold;*/ cursor: pointer; position: relative; }

    .loading-bar:hover { box-shadow: inset 0px 45px 30px -40px rgba(0, 0, 0, 0.05); }

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

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

form#aspnetForm>img {
    width: 100%;
}
.NavListitem>a>img {
    width: 14px;
    height: 14px;
}
.NavListitem {
    margin: 0.8em 20px;
    font-size: 12px;
    color: #888;
    clear: both;
}
.NavListitem>a {
    color: #888;
}
.Listtitle {
    margin: 1.5em 0 1.7em;
    letter-spacing: 0.1em;
    text-align: center;
    color: #000;
    font-size: 16px;
    padding: 0 20px;
}
.itemListSort>a {
    padding: 0 1em;
    color: #888 !important;
}
.itemListSort {
    padding-bottom: 1em;
    font-size: 12px;
    text-align: right;
    color: #f0f0f0;
    padding: 0 0 1em;
    margin: 0 20px;
    border-bottom: solid 1px #ddd;
}
.Listtopitem {
    display: block;
    margin-bottom: 1em;
}
div#uc_itemList {
    padding: 0 20px;
}
.m_itemListMerName {
    margin: 13px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.m_itemListDiv .m_itemListMerName>a {
    color: #333;
    font-size:10px;
    font-family:arial black,"微軟正黑體";
    display:block;
    overflow:hidden;
    max-height:48px;
}
.Pricediv>span {
    display: block;
}
span.oriprice {
    margin-bottom: -5px;
    font-size: 12px;
    color: #aaa;
    text-decoration: line-through;
    line-height: 1.2;
}
span.offeprice {
    font-size: 14px;
    font-weight: bold;
    display: block;
    line-height: 1.2;
    margin: 0.3em 0;
}
.pagehref {
    text-align: center;
}
.pagehref>ul>li {
    display: inline-block;
    vertical-align: middle;
}
.pagehref>ul>li>a{
    color:#222;    
    padding: 0 0.5em;
    font-size: 12px;
    min-width: 2em;
}
li.pageline {
    margin: 0 1em;
}
.pagelist {
    text-align: center;
}
.pagelist>.num.active {
    color: #222 !important;
    font-weight: bold;
    font-size: 1.2em;
}
.pagelist>a {
    color: #999 !important;
    font-weight: bold;
    font-size: 12px;
    min-width: 2em;
    display: inline-block;
    line-height: 2em;
    text-align: center;
}
.tagdiv {
    display: block;
    margin: 0.3em 0;
    line-height: 1.2;
}
.tagdiv>img {
    display: inline-block!important;
    margin: 1px;
    vertical-align: middle;
}
.coloritem>div {
       width: 10px;
    height: 10px;
    display: inline-block;
    margin: 3px 3px 3px 0;
}
.coloritem>div:last-child{
    margin-right:0;
}
.coloritem {
    margin-top: 10px;
    text-align:center;
}
.coloritem>div>img {
    width: 10px;
    height: 10px;
}
select.sortsel {
    width: 120px;
    padding: 5px;
    color:#000;
}
.tagdiv>a {
    display: inline-block;
    vertical-align: middle;
}