/* CSS Document */

.market_shops_item{}
.market_shops_item img{ height:100px; display:block; margin-right:10px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.market_shops_item h3{ font-weight:400; height:20px; line-height:20px; overflow:hidden; padding:5px 0;}
.market_shops_item h3 span.s14{ margin-right:5px; padding:0 5px; display:inline-block;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background:#3399ff}
.market_shops_item p{ line-height:24px;overflow:hidden}
.market_shops_item p.c4{ max-height:48px;}
.market_shops_item p.c8{ height:24px;}

.market_shops_item span.s_l1,.shoplevel span.s_l1{ background:#3eb54c}
.market_shops_item span.s_l2,.shoplevel span.s_l2{ background:#f08d94}
.market_shops_item span.s_l3,.shoplevel span.s_l3{ background:#2898f3}
.market_shops_item span.s_l4,.shoplevel span.s_l4{ background:#f7874e}
.market_shops_item span.s_l5,.shoplevel span.s_l5{ background:#f00}
.market_shops_item span.s_l6,.shoplevel span.s_l6{ background:#fbc22e}
.market_shops_item span.s_l7,.shoplevel span.s_l7{ background:#000}
.market_shops_item span.s_l8,.shoplevel span.s_l8{ background:#06c}
.market_shops_item span.s_l9,.shoplevel span.s_l9{ background:#ff3d67}

.market_shops_diy_2{ padding:5px 10px;}
.market_shops_diy_2 li{ float:left; width:50%;}
.market_shops_diy_2 li div.c{ padding:5px;}
.market_shops_diy_2 li div.c div{ position:relative; height:130px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; text-align:center;}
.market_shops_diy_2 li div.c div:after{ content:""; position:absolute; width:100%; height:130px;background: rgba(0,0,0,0.4); left:0px; top:0px; z-index:20;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.market_shops_diy_2 li div.c img{ width:40px; height:40px;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px; position:absolute; z-index:30; top: 40%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.market_shops_diy_2 li div.c h4{ position:absolute; z-index:30; left:0px; bottom:0px; height:40px; line-height:40px; text-align:center; width:100%; background:#f6f6f6}
  
.market_shops_diy_3{ padding:5px;}
.market_shops_diy_3 li{ float:left; width:50%;}
.market_shops_diy_3 li div.c{ padding:5px;}
.market_shops_diy_3 li div.c a{ padding:10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.market_shops_diy_3 li div.c a img{ width:48px; height:48px; margin-right:10px; margin-top:8px;-moz-border-radius: 24px;-webkit-border-radius:24px;border-radius:24px; }
.market_shops_diy_3 li div.c a h4{ font-size:15px; font-weight:500; height:24px; line-height:24px; overflow:hidden}
.market_shops_diy_3 li div.c a p{ font-size:13px;}

.market_shops_diy_3 li:nth-child(1) a{ background:#f6e9ec}
.market_shops_diy_3 li:nth-child(2) a{ background:#fbefdb}
.market_shops_diy_3 li:nth-child(3) a{ background:#f6e9f9}
.market_shops_diy_3 li:nth-child(4) a{ background:#e7f3fa}
.market_shops_diy_3 li:nth-child(5) a{ background:#e7faef}
.market_shops_diy_3 li:nth-child(6) a{ background:#e7faf9}
.market_shops_diy_3 li:nth-child(7) a{ background:#f7fae7}
.market_shops_diy_3 li:nth-child(8) a{ background:#e7e7fa}


.market_shops_diy_4 { height: 195px;}
.market_shops_diy_4 .scrollx_area { padding-top: 10px;height: 195px;}
.market_shops_diy_4 .scrollx_area .c { padding: 0 10px;}
.market_shops_diy_4 li { display: inline-block;width: 110px;white-space: normal;padding:0 2.5px;}
.market_shops_diy_4 li img { width: 110px;display: block;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.market_shops_diy_4 li h4 { line-height: 36px; height:36px; overflow:hidden; font-size: 0.875rem; margin:5px 0; text-align:center}
.market_shops_diy_4 li p{ text-align:center}
.market_shops_diy_4 li p span{ padding:0 5px; display:inline-block;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}


.market_shops_diy_7{ padding:5px 10px;}
.market_shops_diy_7 li{ float:left; width:25%; text-align:center}
.market_shops_diy_7 li div{ padding:5px;}
.market_shops_diy_7 li img{ width:100%;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; display:inline-block}
.market_shops_diy_7 li h4{ height:36px; line-height:36px; overflow:hidden}

.market_shops_diy_8 { height: 165px;}
.market_shops_diy_8 .scrollx_area { height: 165px;}
.market_shops_diy_8 .scrollx_area .c { padding: 15px 10px 0 10px;}
.market_shops_diy_8 li { display: inline-block;width: 180px; height:150px; margin:0 5px;}
.market_shops_diy_8 li div{ height:160px; position:relative; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}
.market_shops_diy_8 li div:before{ content:""; width:180px; height:90px; background: rgba(0,0,0,0.4); z-index:10; position:absolute;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}
.market_shops_diy_8 li a{ position:absolute; width:178px; height:59px; background:#f6f6f6; z-index:20; top:90px; border-width:0 1px 1px 1px; border-style:solid; border-color:#eee;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.market_shops_diy_8 li img { width: 40px;display: block;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; margin-top:-25px; margin-left:15px}
.market_shops_diy_8 li h4 { line-height: 36px; height:36px; overflow:hidden; text-align:center}