@charset "utf-8";
@import "/shopping/css/header.css";
@import "/shopping/css/ontime.css";
@import "/shopping/css/marketing.css";
@import "/shopping/css/footer.css";
@import "/shopping/css/font.css";
#main {
	clear: both;
	width: 100%;
	margin-top: 10px;
}
/*左區塊*/
.sidebar {
	width: 180px;
	float: left;
	background-color:#fff;
}
/*左選單*/
.menu {
	width: 100%;
	background: url(/shopping/images/menubg.gif) repeat-y left top;
	position: relative;
}
.menu h1{
	background: url(/shopping/images/menubtnitem_left.jpg) no-repeat left top;
	width: 170px;
	height: 45px;
}
.menubtnitem {
	background: url(/shopping/images/menubtnitem_bodybg.jpg) no-repeat 0 0;
	height: 24px;
	padding-left: 8px;
	text-align: right;
	position: absolute;
	right: 5px;
	top: 10px;
}
.menubtnitem img {
	vertical-align: middle;
}
.menu ul {
	margin: 5px 15px 0 18px;
	padding: 0;
	font-weight: 700;
	overflow: hidden;
}
.menu li {
	clear: both;
	margin-bottom: 10px;
}
.menu ul ul {
	font-weight: 400;
	font-size: 70%;
	width: 140px;
	margin: 2px 0 0 6px;
}
.menu ul ul li {
	float: left;
	clear: none;
	margin: 0;
	padding: 0 5px 3px 0;
	word-break: break-all;
	white-space: nowrap;
}
/*右區塊*/
.content {
	width: 768px;
	float: right;
	_position: relative;
}
.main_content {
	float: left;
	width: 558px;
}
/* 中間區塊共用框 */
.panel558 {
	background:url(/shopping/images/sidepanel_bodybg558.gif) no-repeat left bottom;
	margin: 2px 0 6px;
	padding-bottom: 0;
	.padding-bottom: 5px;
	_padding-bottom: 0;
	overflow: hidden;
	_float: left;
}
.panel558 h1.item {
	background: url(/shopping/images/sidepanel_itembg558_2.gif) no-repeat 0 0;
	height: 26px;
	padding: 6px 0 0 15px;
	font-weight: 700;
}
.panel558 ul {
	background:url(/shopping/images/sidepanel_itembg558.gif) no-repeat left top;
	padding-left: 6px;
	_zoom:1;
	overflow: hidden;
}
.panel558 li {
	float: left;
	width: 101px;
	height: 30px;
	text-align: center;
}
.panel558 li span {
	display: block;
	height: 30px;
	width: 100%;
	padding-top: 0;
	color: #266dc5;
	text-decoration: none;
	background: url(/shopping/images/sidepanel_itembgOff.gif) no-repeat;
	background-position: 0 bottom;
}
.panel558 li.first span {
	background: none;
}
.panel558 li span.select { /*作用中頁籤使用*/
	background: url(/shopping/images/sidepanel_itembgOn.gif) no-repeat;
	background-position: 0 2px;
	padding-top: 7px;
	font-weight: 700;
	color: #266dc5;
	cursor: pointer;
}
.panel558 li span.noselect { /*非作用中頁籤使用*/
	background-position: 0px 2px;
	padding-top: 7px;
	cursor: pointer;
}
/* 今日必搶.熱門強檔.發燒話題.館長推薦 */
.panelput {
	height: 260px;
}
/* 熱銷商品區 */
.panelput2 {
	height: 200px;
}
.put_left {
	float: left;
	width: 288px;
	background: url(/shopping/images/banner270x248_space.jpg) no-repeat right top;
}
.put_left img {
	width: 270px;
	height: 248px;
	margin: 5px 5px 0;
	_margin: 0 5px 0;
}
.put_right {
	float: right;
	width: 260px;
	margin: 5px 5px 0 0;
	_margin: 0 5px 0 0;
}
.put_right h1 {
	font-weight: 700;
}
.put_right p {
	width: 260px;
	height: 38px;
	word-wrap: break-word;
	word-break: break-all;
	white-space: pre-wrap;
	overflow: hidden;
}
.put_product {
	float: left;
	width: 114px;
	margin: 14px 6px;
}
.put_product h1 {
	text-align: center;
}
.put_product h2 {
	text-align: left;
	font-weight: 400;
	height: 29px;
	margin: 7px 0 0;
	line-height: 1.2;
	overflow: hidden;
}
.put_product p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: auto;
	height: auto;
}
/*中間ad558x100*/
.ad558x100 {
	width: 558px;
	height: 100px;
	margin: 5px 0 10px;
	_margin: 0 0 7px;
}
/* 熱銷排行.人氣商品 */
.panelhot {
	margin: 0 4px;
	.margin: 0 5px;
	_margin: 0 0px;
	height: 197px;
	_height: 195px;
}
.hot_product {
	float: left;
	width: 100px;
	margin: 21px 5px 0 0;
	.margin: 21px 4px 0 0;
	_margin: 14px 4px 0 0;
	padding-bottom: 7px;
	.padding-bottom: 0;
	_padding-bottom: 7px;
	padding-left: 5px;
	background: url(/shopping/images/panelhot_space.gif) no-repeat left top;
	overflow: hidden;
}
.hot_product_first {
	float: left;
	width: 100px;
	margin: 21px 5px 0 5px;
	.margin: 21px 4px 0 5px;
	_margin: 14px 4px 0 5px;
	padding-bottom: 7px;
	.padding-bottom: 0;
	_padding-bottom: 7px;
	overflow: hidden;
}
.hot_product:nth-of-type(1), .hot_product_first:nth-of-type(1) { padding-bottom: 10px;}/*chrome, safari,opera*/
.hot_product h1, .hot_product_first h1 {
	text-align: left;
	margin-bottom: 3px;
}
.hot_product h2, .hot_product_first h2 {
	text-align: center;
}
.hot_product h3, .hot_product_first h3 {
	text-align: left;
	font-weight: 400;
	height: 26px;
	margin: 6px 0 0;
	line-height: 1.25;
	overflow: hidden;
}
.hot_product h3:nth-of-type(1), .hot_product_first h3:nth-of-type(1) { line-height: 1.15;}/*chrome, safari*/
.hot_product p, .hot_product_first p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
/* 假日兩檔活動banner */
.paneladweekend {
	width: 558px;
	height: 145px;
	.height: 140px;
	margin: 0;
}
.paneladweekend ul {
	margin: 0 auto 3px;
	.margin: 0 auto;
	_margin: 0 auto 3px;
	background: none;
}
.paneladweekend li {
	display: inline;
	width: 180px;
	height: 130px;
	margin: 0px 4px 9px 0;
	.margin: 0 4px 9px 0;
	_margin: 0 4px 7px 0;
}
.paneladweekend ul:nth-of-type(1) { margin: 5px auto 4px;}/*chrome, safari*/
/* 右側區塊 */
.side_panel {
	float: right;
	width: 200px;
	margin-top: 2px;
	_position: absolute;
	_right: -6px;
}
/* 小區塊共用框 */
.panel200 {
	background:url(/shopping/images/sidepanel_bodybg200.gif) no-repeat left bottom;
	padding-bottom: 12px;
	overflow: hidden;
	_float: left;
	margin: 0 0 10px;
}
.panel200 h1.item {
	background:url(/shopping/images/sidepanel_itembg200.gif) no-repeat left top;
	height: 22px;
	padding: 6px 0 0 15px;
	margin-bottom: 5px;
	font-weight: 700;
}
.panel200 p.ad {
	margin: 3px 0 0;
	text-align: center;
}
.panel200 h1 .more {
	float: right;
	margin: 8px 8px 0 0;
	font-weight: 400;
}
/*會員專區*/
.member_block {
	width: 178px;
	margin: 5px auto 0;
	/*padding: 3px 0;*/
	overflow: hidden;
}
.member_block ul {
	margin: 0 10px 0;
}
.member_block li {
	float: left;
	width: 72px;
	background: url(/shopping/images/icon_arrow01.gif) no-repeat 0 6px;
	padding-left: 7px; 
}
.onlymember_block {
	width: 178px;
	margin: 4px auto;
	overflow: hidden;
	padding: 7px 0;
	border: dotted 1px #ccc;
	border-left: none;
	border-right: none;
}
.onlymember_block p {
	float: left;
	width: 46px;
	margin: 0 0 0 3px;
}
.onlymember_block ul {
	float: left;
	width: 119px;
	_width: 115px;
	margin: 0 5px;
}
.onlymember_block li {
	background: url(/shopping/images/icon_arrow02.gif) no-repeat 0 5px;
	padding-left: 7px;
	height: 15px;
	line-height: 140%;
	overflow: hidden;
}
.freeservice_block {
	width: 180px;
	margin: 0 auto;
	overflow: hidden;
}
.freeservice_block ul {
	margin: 0 0 0 5px;
}
.freeservice_block li {
	float: left;
	width: 86px;
	margin: 0 0 3px;
}
/* 線上換好禮 */
.exchange_block {
	zoom: 1;
	width: 178px;
	margin: 0px 10px 0;
	_margin: 0px 10px 0 4px;
	float: left;
	padding: 5px 0 0;
	border-top: solid 1px #eee;
}
.nonborder {
	border: 0;
	margin: 0px 10px 5px;
	_margin: 0px 10px 5px 4px;
	padding: 0;
}

.exchange_block h1 {
	float: left;
	width: 60px;
	margin: 0 0 0 3px;
	text-align: left;
}
.exchange_block p {
	float: right;
	width: 110px;
	_width: 109px;
	height: 26px;
	margin: 2px 0 0 3px;
	text-align: left;
	line-height: 1.15;
	.line-height: 1.3;
	_line-height: 1.3;
	overflow: hidden;
}
/* 各館商品區 */
.store {
	width: 768px;
	height: 1000px;
	float: right;
	position: relative;
}
.store_panel {
	width: 379px;
	margin: 8px 0 0 0;
}
ul.storetab {
	background: #fff url(/shopping/images/icon_point02.gif) repeat-x 0 24px;
	width: 100%;
	float: left;
}
ul.storetab li {
	float: left;
	width: 110px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}
ul.storetab span {
	display: block;
	width: 100%;
	padding-top: 1px;
	color: #505050;
	text-decoration: none;
	font-weight: 700;
}
ul.storetab span.select { /*作用中頁籤使用*/
	background-position: 0 0;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}
ul.storetab span.noselect { /*非作用中頁籤使用*/
	background-position: -110px 0;
	cursor: pointer;
}
ul.store01 span { /*網購一頁籤*/
	background: url(/shopping/images/storetab_bg01.gif) no-repeat;
}
ul.store02 span { /*網購二頁籤*/
	background: url(/shopping/images/storetab_bg02.gif) no-repeat;
}
ul.store03 span { /*網購三頁籤*/
	background: url(/shopping/images/storetab_bg03.gif) no-repeat;
}
ul.store04 span { /*網購四頁籤*/
	background: url(/shopping/images/storetab_bg04.gif) no-repeat;
}
ul.store05 span { /*關企頁籤*/
	background: url(/shopping/images/storetab_bg05.gif) no-repeat;
}
ul.store06 span { /*食品館頁籤*/
	background: url(/shopping/images/storetab_bg06.gif) no-repeat;
}
ul.store01 span, ul.store02 span, ul.store03 span, ul.store04 span, ul.store05 span, ul.store06 span {
	background-position: -110px 0;
}
.store1position { /*網購一區塊*/
	position: absolute;
	right:0px;
	top: 0px;
}
.store2position { /*網購二區塊*/
	position: absolute;
	right:0px;
	top: 660px;
}
.store3position { /*網購三區塊*/
	position: absolute;
	right:0px;
	top: 330px;
}
.store4position { /*網購四區塊*/
	position: absolute;
	left:0px;
	top: 660px;
}
.store5position { /*關企區塊*/
	position: absolute;
	left:0px;
	top: 0px;
}
.store6position { /*食品館區塊*/
	position: absolute;
	left:0px;
	top: 330px;
}
.store_content {
	background: url(/shopping/images/storepanel_bodybg379.gif) no-repeat left bottom;
	width: 100%;
	float: left;
	overflow: hidden;
	padding-bottom: 5px;
}
.stroe_contentfloatL {
	float: left;
	width: 180px;
}
.stroe_contentfloatL p {
	margin: 12px 5px 0 8px;
}
.stroe_contentfloatL ul {
	margin: 8px 5px 8px 8px;
	padding: 0 0 5px 3px;
	background: url(/shopping/images/storefloatL_bg.gif) repeat-x left bottom;
}
.stroe_contentfloatL li {
	background: url(/shopping/images/icon_point.gif) no-repeat 1px 8px;
	padding: 1px 0 1px 8px;
	height: 18px;
	overflow: hidden;
}
.stroe_contentfloatR {
	float: right;
	width: 190px;
	padding-top: 9px;
	.padding-top: 12px;
}
.stroeproduct_list {
	background: url(/shopping/images/storefloatR_bg.gif) repeat-x left bottom;
	_float: left;
	overflow: hidden;
	margin: 2px 5px 0 0;
	padding-bottom: 5px;
}
.stroelist_last {
	background: none;
}
.stroeproduct_list h1 {
	float: left;
	width: 68px;
	text-align: left;
}
.stroeproduct_list h2 {
	float: left;
	width: 110px;
	text-align: left;
	font-weight: 400;
	height: 26px;
	margin: 5px 0 0;
	line-height: 1.3;
	overflow: hidden;
}
.stroeproduct_list h2:nth-of-type(1) { line-height: 1.1;}/*chrome, safari*/
.stroeproduct_list p {
	float: left;
	width: 110px;
	font-family: Arial, Helvetica, sans-serif;
}

/* 右上滑動ad */
#jsad {
	float: right;
	width: 44px;
	height: 300px;
	background-color: #ccc;
}