/* CSS Document */
*{margin:0;padding:0;}
body{font:12px/1.5 \5b8b\4f53,Tahoma, Arial,sans-serif; font-family:"微軟雅黑", Arial; min-width:320px; }
.gray{ background:#e8e8e8;}
ul,ol,li{list-style:none;}
img{ border:0; vertical-align:middle;}
.clear{ clear:both;}
a{ color:#666; text-decoration:none; }
a:active{color:#b20005;}

/* 按鈕 */
.white_btn{
background:#fefefe;
background:linear-gradient(to bottom,#fefefe,#f5f5f5);
background: -moz-linear-gradient(top, #fefefe,#f5f5f5);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f5f5f5));
border:#ddd solid 1px;border-radius:3px; color:#333;
}
.white_btn:active{
background:linear-gradient(to bottom,#f5f5f5,#fefefe);
background: -moz-linear-gradient(top, #f5f5f5,#fefefe);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#fefefe));
border:#ddd solid 1px;border-radius:3px; color:#333;
}
.red_btn{
background:#b00005;
background:linear-gradient(to bottom,#b00005,#9f0207);
background: -moz-linear-gradient(top, #b00005,#9f0207);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#b00005), to(#9f0207));
border:#8d0303 solid 1px;border-radius:3px;
color:#fff;
}
.red_btn:active{
background:#b00005;
background:linear-gradient(to bottom,#9f0207,#b00005);
background: -moz-linear-gradient(top, #9f0207,#b00005);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#9f0207), to(#b00005));
border:#8d0303 solid 1px;border-radius:3px;
color:#fff;
}
/* 頭部 */   
.fixed{ position:fixed; left:0; top:0; z-index:999; background:#fff; width:100%;}
.header{height:45px;position:relative; z-index:999; min-width:320px; font-size:18px; color:#333;}
.header .logo{ position:absolute; left:10px; top:0px;  height:40px; width:100px;}
.header .nav{ position:absolute; right:0; top:5px;}
.nav li{ float:left; background:url(../images/nav.png) no-repeat 0 0; width:50px; height:35px; text-indent:-9999em; background-size:330px 35px;}
.nav li a{display:block;width:50px; height:35px;}
.nav li.user{ background-position:-47px 0;}
.nav li.car{ background-position:-94px 0;}
.header2{box-shadow: 0 1px 3px rgba(0,0,0,0.3);text-align:center; line-height:45px; }
.back2_index,.back2_pre,.bookmark,.add_address{ background:url(../images/nav.png) no-repeat -148px 0 ;background-size:330px 35px;display:block;width:50px; height:35px; position:absolute; top:5px;}
.back2_index{left:0; }
.back2_pre{ background-position: -285px 0; left:0;}
.bookmark{ background-position: -194px 0; right:0;}
.add_address{background-position: -242px 0; right:0;}
.header .oprate{ position:absolute; right:10px; top:0;}
.header .oprate .white_btn{ padding:5px 10px; font-size:14px;}
/* 二級菜單 */
.sub_menu{overflow:scroll; left:0;margin-top:45px;}
.sub_menu,.shop_info{ background:rgba(0,0,0,0.8); position:fixed; top:40; z-index:1000; width:100%; display:none; }
.sub_menu ul li h2{ display:block; list-style:circle; cursor:pointer;  margin:0;color:#efefef; font-weight:bold; font-size:16px; padding:7px 20px; display:block; text-align:left;}
.sub_menu_list a:active{ background:#000;}
.sub_menu ul li h2.cur{ border-left:#1B5A24 solid 3px;background:#000;}
.sub_menu .fun{ padding:10px 20px; overflow:hidden;}
.sub_menu .fun a{color:#000; display:block; float:left; background:url(../images/arr.png) no-repeat 99% 15px #CECECE; background-size:13px;  font-size:16px;vertical-align:middle; width:100%; height:40px; line-height:40px; text-align:left; margin-bottom:5px;}
.sub_menu .fun .code{ float:left;}
.sub_menu .fun .fav{ float:right;}
.sub_menu .fun img{ width:30px; height:30px; margin:0 10px 5px; vertical-align:middle;}
.sub_menu_list{ display:none; background:rgba(255,255,255,0.1);}
.sub_menu_list a{ font-weight:normal;display:block; list-style:circle; margin:0;color:#efefef;  font-size:16px; padding:7px 10px; display:block; text-align:left;}
.sub_menu_list li{ margin-left:20px; font-weight:normal; font-size:14px;}
/* 店舖訊息 */
.shop_info{ background:#333;padding:10px; display:none; left:100%;}
.shop_info .shop_code{ width:140px; height:140px; float:left; margin-right:10px;}
.shop_info .shop_name{ color:#fff; padding:0 0 5px 0; font-size:18px;}
.shop_info .shop_detail{ overflow:hidden; width:140px;}
.shop_info .shop_detail span{ color:#fff; display:block;  float:left; font-size:14px; line-height:28px;}
.shop_info .shop_detail span strong{ color:#c00; font-size:16px;}
.shop_info .back{ background:#fff; border:#ccc solid 3px; display:block; width:132px; float:left; padding:5px; text-align:center; margin-top:10px;}
.fav_msg{display:none;position:fixed;  top:25%; left:25%;  background:rgba(0,0,0,0.2); overflow:hidden; color:#fff; padding:3%;border-radius:10px; font-size:18px; height:39px; line-height:39px; vertical-align:middle; text-align:center; z-index:12345;}
.fav_msg img{ margin-right:5px;}
/* 搜索框 */
.searchBar{ background:#111;padding:7px 0 7px 10px; overflow:hidden;box-shadow: 0 2px 4px rgba(0,0,0,0.3);  z-index:999;}
.search_text{ height:30px; width:80%; border:none;  padding:5px 0; border-radius:5px; text-indent:10px; font-size:16px; color:#aaa;}
.search_btn{ height:38px; width:20%; border:none; background:url(../images/srch.png) no-repeat center; color:#fff; font-size:16px; cursor:pointer;-webkit-appearance: none; }

/* 輪播 */
.slider{ margin:99px auto 0; width:100%;}

/* 分類 */
.sort{ margin:0 auto 15px; width:100%; overflow:hidden; border-bottom:#ccc solid 1px; padding-bottom:10px;}
.sort li{ float:left; width:25%; margin-bottom:5px;}
.sort li img{ width:100%;}
.sort li span{ display:block; text-align:center;}

/* 列表 */
.lists{ overflow:hidden; padding-bottom:1%;}
.lists h2{padding:5px 2%;color:#fff; background:#111; margin-bottom:10px;}
.lists h2 a{ float:right; color:#111; border-radius: 50px; background:#fff; padding:0 10px; font-weight:normal;}
.lists li{ float:left; padding:3%; box-shadow:#aaa 0 0 4px;border-radius:5px; width:40%; margin:0 2%; float:left; background:#fff;	}
.lists li img{width:100%;}
.lists p{ text-align:left; height:38px; overflow:hidden; padding:5px 0 0;}
.lists span{ display:block; text-align:left; color:#b20005; font-weight:bold; font-size:16px;}

/* 底部 */
.footer{ background:#222; color:#fff; border-top:#222 solid 5px; overflow:hidden; padding:15px 0; margin-top:15px;}
.footer p{ text-align:center; padding:3px 0;}
.footer p a{ color:#fff; margin:0 5px; }

/* 翻頁 */
.page{ overflow:hidden; text-align:center;}
.page a{ display:inline-block; padding:8px 20px; font-size:14px; cursor:pointer; }
.page select{ width:84px; height:38px; opacity:0; position:absolute; left:0; top:0;  }
.page .selected{z-index:99;position:relative;}
/* 列表頁 */
.lists1{ margin-top:160px; padding-bottom:0;}
.lists1 li{ margin-bottom:4%;}
.paixu{ height:30px; background:#fff;box-shadow: 0 2px 4px rgba(0,0,0,0.3); position:absolute; top:99px; left:0; z-index:990; width:100%; padding:10px 2%; min-width:320px;}
.paixu span{ display:block; padding:5px 10px;  float:left; margin-right:5px; height:20px;}
.paixu a{display:block; padding:5px;  float:left;margin-right:5px; width:50px; height:20px; line-height:20px;}
.paixu a i{background:url(../images/paixu.png) no-repeat -20px 0; background-size:41px 19px; display:block;height:20px; line-height:20px; width:20px; float:right;}
.paixu a.cur i{background-position:3px 0}
.paixu a:active i{background-position:3px 0;}
/* 購物車，訂單空時 */
.submit_btn{ display:block; text-align:center; background:#b20005; color:#fff; margin:0 10px; font-size:16px; height:40px; line-height:40px; border-radius:5px;}
.null{ margin-top:75px;}
.null p{ text-align:center; color:#aaa; font-size:20px; margin-bottom:20px;}
.null .white_btn{ padding:8px 20px;border-radius:5px;}


/* 團購 */.tuan-title{border-left:#b20005 solid 5px; margin:10px 2%; padding-left:2%; color:#666; }
.tuan_box{ overflow:hidden; padding:10px; background:#eee; position:relative;}
.tuan_list{  overflow:hidden; text-align:center; position:relative; width:100%;}
.tuan_list li a{display:inline-block;  width:200px; padding-bottom:5px; border:#eee solid 1px;}
.tuan_list li .con{ padding:10px;box-shadow:rgba(0,0,0,0.3) 1px 1px 2px; font-size:12px; background:#fff;}
.tuan_list li .con span{ display:block; margin:5px 0;}
.tuan_list li .con .tuan_price strong{ color:#b20005;}
.tuan_list li img{ width:100%;}
.tuan_list li .con .s_time img{ width:20px; height:20px; vertical-align:bottom;}
.tuan_imgbox{ position:relative;}
.tuan_imgbox p{overflow:hidden;  text-overflow: ellipsis;    white-space: nowrap; position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.7); color:#fff; padding:3px 0; text-align:center;}
.tuan_box .prenext{ width:17px; height:43px; background:url(../images/nextpre.png) no-repeat 0 7px; display:block; position:absolute; top:118px; background-size:35px;}
.tuan_box .pre{ left:20px;}
.tuan_box .next{ background-position:-18px 7px; right:20px;}

.nav_btn_img a {
    background: url("../images/ico_3.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    display: block;
    height: 100%;
    margin-right: 15px;
    position: relative;
}