ul, li, p { margin: 0; padding: 0; list-style: none; }
/*vue*/
#upcontrol{
    margin-bottom:.5rem;
}
#upcontrol_1 > div{
    padding:.5rem 1rem;
    cursor:pointer;
    border-right:solid 1px #ddd;
}
#upcontrol_1 >div:last-child{
    border-right-width:0;
}
#upcontrol_1{
    border:solid 1px #ddd;border-radius:5px;margin-right:.75rem;    
}
#upcontrol_1 img{width:16px;}
#itemListVue   #m_Sort > div { display: inline-flex; }

#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; }
.m_itemListMerName { height: 40px; padding-top: 10px; }

/* 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: left; height: 220px; width: 136px; margin: 0 4px 0 0; padding-bottom: 10px; }
.grid .m_ilImg { width: 125px; margin: 0 auto; }
    .grid .m_ilImg img { max-width: 120px; /*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 { }

/* 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_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; /*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; }
.tagListMain {
    position: absolute;
    bottom: 0;
    left: 0;
    flex-wrap: wrap;
    opacity:.8;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #m_itemList.grid { width: 280px; margin: 0 auto; }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    #m_itemList.grid { width: 280px; margin: 0 auto; }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 481px) {
    #m_itemList.grid { width: 420px; margin: 0 auto; }
}


@media only screen and (min-width : 640px) {
    #m_itemList.grid { width: 560px; margin: 0 auto; }
}


@media only screen and (min-width : 720px) {
    #m_itemList.grid { width: 700px; margin: 0 auto; }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #m_itemList.grid { width: 980px; margin: 0 auto; }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #m_itemList.grid { width: 700px; margin: 0 auto; }
}

@media only screen and (min-width : 1024px) {
    #m_itemList.grid { width: 1120px; margin: 0 auto; }
}

@media only screen and (min-width : 1080px) {
    #m_itemList.grid { width: auto; margin: 0 30px; }
}