@charset "utf-8";
@import url("reset.css");
body{ background:url(../index/bg.jpg) repeat-x;}
p,li{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#444;}
#wrapper{ overflow:hidden; width:950px; margin:0px auto;}

/*--------------------- 招牌 ---------------------*/
#top{ width:950px; height:96px; background-color:#f9f9f3; margin:3px 0px 20px 0px; position:relative; }
#top #logo{ width:480px; height:96px; position:absolute; top:0px; left:0px;}
#top li { text-indent:-999999px;}

/*---- 主選單 ----*/
#top #menu{ width:450px; height:63px; position:absolute; bottom:-2px; right:0px;}
#top #menu ul li{ float:left; display:block; width:90px; height:62px;}
#top #menu ul li a{ display:block; width:90px; height:63px;  background-image:url(../index/menu.png); }

#top #menu ul li.home_unlink{ background:url(../index/menu.png) right top ; }
#top #menu ul li.about_unlink{ background:url(../index/menu.png) right -63px ; }
#top #menu ul li.shopt_unlink{ background:url(../index/menu.png) right -126px ; }
#top #menu ul li.search_unlink{ background:url(../index/menu.png) right -189px ; }
#top #menu ul li.edm_unlink{ background:url(../index/menu.png) right -252px ; }

#top #menu ul li.home a{ background-position:left top;}
#top #menu ul li.about a{ background-position:left -63px;}
#top #menu ul li.shop a{ background-position:left -126px;}
#top #menu ul li.search a{ background-position:left -189px;}
#top #menu ul li.edm a{ background-position:left -252px;}

#top #menu ul li.home a:hover{ background-position:right top;}
#top #menu ul li.about a:hover{ background-position:right -63px;}
#top #menu ul li.shop a:hover{ background-position:right -126px;}
#top #menu ul li.search a:hover{ background-position:right -189px;}
#top #menu ul li.edm a:hover{ background-position:right -252px;}

/*---- 次選單 ----*/
#top #top_nav{ width:50px; height:20px; position:absolute; top:10px; right:0px;}
#top #top_nav li a{ float:left; display:block; width:20px; height:20px; background-image:url(../index/icon_link.png); margin-right:10px;}
#top #top_nav li.car a{ background-position:left -40px;}
#top #top_nav li.fb a{ background-position:left -20px;}
#top #top_nav li.rakuten a{ background-position:left top; margin-right:0px;}
#top #top_nav li.car a:hover{ background-position:right -40px;}
#top #top_nav li.fb a:hover{ background-position:right -20px;}
#top #top_nav li.rakuten a:hover{ background-position:right top;}


/*--------------------- 中間主區塊 ---------------------*/
#content{ overflow:hidden; width:950px; margin: 0px auto;}

/*---- 左側欄 ----*/
#left{ overflow:hidden; width:190px; float:left;}
#left .title{ width:188px;  height:28px; text-indent:-999px; position:relative;}
#left .title .icon,#left .title .icon_direct,#left .title .icon_inlet{ height:28px; background-image:url(../index/icon_list.png); position:absolute; top:0px; left:10px;}
#left .title h2{ display:block; background:url(../index/ttl_list.png) no-repeat; position:absolute; top:7px; left:40px;}
#left .title h2 a{ display:block; background-image:url(../index/ttl_list.png);}
#left li{ height:20px; padding-top:8px;}
#left li a{ color:#444; text-decoration:none;}
#left li a:hover{ color:#af0000;}
#left li a .sp{ color:#999;}
#left li a:hover .sp{ color:#af0000;}

/*-- 每日一品 --*/
#left #AD_banner{ height:298px; border:solid 1px #e6e6e6; margin-bottom:20px;}
#left #AD_banner .title{ background-color:#f9f9f3; border-bottom:solid 1px #e6e6e6;}
#left #AD_banner .title h2{ width:95px; height:14px;  background-color:#f9f9f3; background-position:left -70px;}
#left #AD_banner .title h2 a{ display:block;}
#left #AD_banner .title .icon{ width:19px; background-position:left top;}
#left #AD_banner .banner a{ display:block; position:relative;}
#left #AD_banner .banner a .chief { display:block; width:75px; height:75px; position:absolute; top:0px; right:0px; background-image:url(../index/ad_banner_icon.png); background-position:left top;}
#left #AD_banner .banner a:hover .chief { background-position:right top;}

/*-- 主要選單 --*/
#left #main_nav{ overflow:hidden;}
#left #main_nav .title{ background-color:#f9f9f3; border:solid 1px #e6e6e6; margin-bottom:4px}
#left #main_nav .title h2.direct_unlink{ width:95px; height:14px;  background-color:#f9f9f3; background-position:left top;}
#left #main_nav .title h2.direct a{ width:95px; height:14px;  background-color:#f9f9f3; background-position:left top;}
#left #main_nav .title h2.direct a:hover{ background-position:95px top; }
#left #main_nav .title .icon_direct{ width:19px; background-position:left -30px;}
#left #main_nav .title h2.inlet_unlink { width:95px; height:14px;  background-color:#f9f9f3; background-position:left -14px;}
#left #main_nav .title h2.inlet a{ width:95px; height:14px;  background-color:#f9f9f3; background-position:left -14px;}
#left #main_nav .title h2.inlet a:hover{ background-position:95px -14px; }
#left #main_nav .title .icon_inlet{ width:19px; background-position:left -60px;}
#left #main_nav ul{ list-style:url(../index/circle_icon.png); margin-left:25px; padding-bottom:15px;}

/*-- 次要選單 --*/
#left #second_nav{ overflow:hidden; padding-bottom:20px; }
#left #second_nav .title{ background-color:#f9f9f3; border:solid 1px #e6e6e6; margin-bottom:4px}
#left #second_nav .title h2.one a{ width:103px; height:14px;  background-color:#f9f9f3; background-position:left -28px;}
#left #second_nav .title h2.one a:hover{ background-position:-105px -28px; }
#left #second_nav .title h2.two a{ width:103px; height:14px;  background-color:#f9f9f3; background-position:left -42px;}
#left #second_nav .title h2.two a:hover{ background-position:-105px -42px; }
#left #second_nav .title h2.three a{ width:103px; height:14px;  background-color:#f9f9f3; background-position:left -56px;}
#left #second_nav .title h2.three a:hover{ background-position:-105px -56px; }
#left #second_nav .title h2.four a{ width:103px; height:14px;  background-color:#f9f9f3; background-position:left -158px;}
#left #second_nav .title h2.four a:hover{ background-position:-105px -158px; }
#left #second_nav .title h2.five a{ width:103px; height:14px;  background-color:#f9f9f3; background-position:left -171px;}
#left #second_nav .title h2.five a:hover{ background-position:-105px -171px; }
#left #second_nav .title h2.six a{ width:103px; height:14px;  background-color:#f9f9f3; background-position:left -185px;}
#left #second_nav .title h2.six a:hover{ background-position:-105px -185px; }
#left #second_nav .title .icon{ width:19px; background-position:left -90px;}
#left #second_nav ul{ list-style:url(../index/circle_icon2.png); margin-left:25px; padding-bottom:15px;}


/*---- 右主內容 ----*/
#right{ overflow:hidden; width:741px; float:right;}

#right a{ text-decoration:none;}

/*-- Banner輪播 --*/
#right #main_banner{ height:300px; margin-bottom:20px;}

#right #main_banner	#adblock { overflow: hidden; width: 738px; height: 298px; position: relative; border: solid 1px #e6e6e6;}
#right #main_banner	#adblock ul.showbox{ position:absolute; width:2960px; }	
#right #main_banner	#adblock ul.showbox li{ float:left;}	
#right #main_banner	#adblock ul.showbox li a { display: block; width:740px; }	
#right #main_banner	#adblock ul.showbox li p { color: #000; font-weight:bold; line-height:35px; text-indent:20px; font-size:15px; }
#right #main_banner #adblock ul.link { position: absolute; top:20px; right:20px; }
#right #main_banner #adblock ul.link li {  clear:both; }
#right #main_banner #adblock ul.link li a { display: block; width: 48px; height: 48px; border:solid 1px #e6e6e6; margin-bottom:10px; background-color:#fff; clear:both; }
#right #main_banner #adblock ul.link li a img{ opacity:0.5; }
#right #main_banner #adblock ul.link li a.selected img { opacity:1;}
.caption { margin-top:-40px; width: 740px; height: 40px;  background-color:#fff; opacity:0.7; display:none; }

/*-- Banner輪播end --*/


#right .title{ width:700px;  height:28px; text-indent:-999px; position:relative; margin-bottom:20px;}
#right .title .icon{ width:19px;  height:28px; background-image:url(../index/icon_list.png); position:absolute; top:0px; left:0px;}
#right .title h2{ display:block; background:url(../index/ttl_list.png) no-repeat; position:absolute; top:7px; left:30px;}
#right li{ float:left;}
#right li a p{ color:#444;}
#right li a:hover p{ color:#af0000;}
#right li a img{ margin-bottom:5px;}
.more a{ display:block; width:42px; height:8px; background-image:url(../index/icon_link.png); background-position:left -60px; position:absolute; top:10px; right:0px;}
.more a:hover{ background-position:right -60px;}

/*-- 人氣注目 --*/
#right #hot{ overflow:hidden; width:720px; border:solid 1px #e6e6e6; padding:0px 0px 15px 19px; margin-bottom:20px;}
#right #hot .title{ border-bottom:solid 1px #999;}
#right #hot .title h2{ width:100px; height:14px; background-position:left -84px;}
#right #hot .title .icon{ background-position:left -120px;}
#right #hot li a{ display:block; width:220px; font-weight:bold;  margin-right:20px; }
#right #hot li a p img{ float:left; :}
#right #hot li a p{ line-height:24px; }

/*-- 店長嚴選 --*/
#right #good{ overflow:hidden; width:720px; border:solid 1px #e6e6e6; padding:0px 0px 19px 19px; margin-bottom:20px; clear:both;}
#right #good .title{ border-bottom:solid 1px #999;}
#right #good .title h2{ width:100px; height:14px; background-position:left -99px;}
#right #good .title .icon{ background-position:left -150px;}
#right #good li a{ display:block; width:338px; height:168px; margin-right:20px; border: solid 1px #fff; }
#right #good li a:hover{ border: solid 1px #af0000; }

/*-- 新貨到港 --*/
#right #new{ overflow:hidden; width:740px; padding-bottom:20px;}
#right #new .title{ width:740px; border-bottom:solid 1px #999;}
#right #new .title h2{ width:100px; height:14px; background-position:left -114px; margin-left:20px;}
#right #new .title .icon{ width:25px; background-position:left -180px;margin-left:20px;}
#right #new ul{ width:740px; height:200px; border-left:solid 1px #e6e6e6; border-right:}
#right #new li a{ display:block; width:164px; height:180px; margin-right:-1px; padding:10px; border-right:solid 1px #e6e6e6; }
#right #new li a:hover{ background-color:#e6e6e6;}
#right #new li a p{ font-size:13px; font-weight:bold;}
#right #new li a:hover p{ color:#444;}
.price{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#af0000; line-height:20px;}

/*-- 激安特推 --*/
#right #sale{ overflow:hidden; width:740px; padding-bottom:20px;  margin-bottom:20px;}
#right #sale .title{ width:740px; border-bottom:solid 1px #999;}
#right #sale .title h2{ width:100px; height:14px; background-position:left -129px; margin-left:20px;}
#right #sale .title .icon{ width:25px; background-position:left -210px;margin-left:15px;}
#right #sale ul{ width:720px; height:90px; background-color:#e6e6e6; padding:10px 0px 20px 20px ;}
#right #sale li a{ display:block; width:220px; margin-right:20px; }
#right #sale li a:hover{ background-color:#e6e6e6;}
#right #sale li a .sale_bg{ display:block; width:83px; height:19px; background-image:url(../index/sale_pic_bg.png); background-position:left top; margin-bottom:1px;}
#right #sale li a:hover .sale_bg{ background-position:right top;}
#right #sale li a img{ border:solid 5px #fff; border-left:none;}
#right #sale li a:hover img{ border:solid 5px #af0000; border-left:none;}


/*--------------------- 頁尾 ---------------------*/
#footer{ width:950px; height:70px; margin: 0px auto; border-top:solid 1px #e6e6e6; position:relative;}
#footer img{ margin:20px 0px 0px 210px;}
#footer #gotop a{ display:block; width:50px; height:50px; background-image:url(../index/icon_link.png); background-position:left -68px; position:absolute; top:0px; right:0px;}
#footer #gotop a:hover{ background-position:right -68px;}