@charset "utf-8";

/* CSS Document */

.sidebarBox {

	clear: both;

	float: left;

	width: 205px;

	display: inline;

}

.sidebarBoxImg {

	float: left;

	width: 115px;

}

.starBox {

	float: right;

	width: 75px;

	margin-top: 15px;

	display: inline;

	margin-right: 5px;

}

.eventBox {

	clear: both;

	float: left;

	width: 205px;

	display: inline;

	padding-top: 8px;

	padding-bottom: 3px;

	background-image: url(../img/bg_showmain.gif);

	background-repeat: repeat-x;

	background-position: top;

}

.eventBox div {

	background-image: url(../img/icon_more.gif);

	background-repeat: no-repeat;

	background-position: left center;

	clear: both;

	float: left;

	width: 180px;

	padding-left: 20px;

	margin-left: 3px;

	display: inline;

	padding-top: 3px;

	padding-bottom: 3px;

}

.everydayBox {

	clear: both;

	float: left;

	width: 185px;

	margin-left: 9px;

	display: inline;

	margin-top: 5px;

	margin-bottom: 3px;

	padding-bottom: 3px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #CCCCCC;

}

.sshopBox {

	clear: both;

	float: left;

	width: 203px;

	border: 1px solid #999999;

	display: inline;

	padding-top: 3px;

	padding-bottom: 3px;

}

.chartBox {

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #999999;

	clear: both;

	float: left;

	height: 40px;

	width: 187px;

	margin-left: 8px;

	display: inline;

	padding-top: 5px;

	padding-bottom: 5px;

	margin-bottom: 5px;

}

.chartBoxImg {

	float: left;

	margin-right: 3px;

}

.shopBox {

	clear: both;

	float: left;

	width: 705px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #b2804f;

	background-color: #ece7d6;

	display: inline;

	background-image: url(../img/bg_shopBox.jpg);

	background-repeat: repeat-y;

	background-position: right;

	padding-bottom: 10px;

	margin-bottom: 20px;

}

.shopBoxList {

	clear: both;

	float: left;

	width: 705px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #b2804f;

	background-color: #ece7d6;

	display: inline;

	padding-bottom: 10px;

	margin-bottom: 20px;

}

.shopBoxTit {

	clear: both;

	float: left;

	width: 675px;

	font-family: arial,helvetica,clean,sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #412000;

	padding-left: 15px;

	padding-top: 3px;

	padding-bottom: 2px;

	padding-right: 15px;

	display: inline;

	background-image: url(../img/bg_title_shop.jpg);

	background-repeat: repeat-x;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #b2804f;

}

.pushTit {

	float: left;

	width: 350px;

	display: inline;

}

.pushBox {

	float: left;

	width: 323px;

	display: inline;

	border: 1px solid #CCCCCC;

	background-color: #FFFFFF;

	padding: 5px;

	margin-left: 10px;

}

.pushBox div {

	float: left;

	margin-left: 35px;

	margin-top: 15px;

	display: inline;

	width: 100px;

}

.pushBoxImg {

	float: left;

	background-color: #FFFFFF;

	height: 170px;

	width: 170px;

	margin-right: 5px;

}

.shopBlock {

	float: left;

	width: 330px;

	border-top-width: 6px;

	border-top-style: solid;

	border-top-color: #b2804f;

	display: inline;

	background-color: #FFFFFF;

	margin-left: 3px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #b2804f;

	border-left-color: #b2804f;

	padding-left: 20px;

}

.shopBlockMain {

	float: left;

	width: 145px;

	margin-top: 15px;

	margin-right: 15px;

	display: inline;

	border-right-width: 1px;

	border-right-style: dashed;

	border-right-color: #999999;

}

.shopBlockMainImg {

	clear: both;

	float: left;

	height: 135px;

	width: 135px;

	display: inline;

	margin-bottom: 10px;

}

.shopListBox {

	clear: both;

	float: left;

	width: 685px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

	padding-left: 20px;

	display: inline;

	padding-bottom: 10px;

}

.shopBlockList {

	float: left;

	width: 145px;

	margin-top: 15px;

	margin-right: 10px;

	display: inline;

	border-right-width: 1px;

	border-right-style: dashed;

	border-right-color: #999999;

	padding-bottom: 10px;

	margin-left: 8px;

	padding-right: 6px;

}

.shopShowBox {

	clear: both;

	float: left;

	width: 690px;

	display: inline;

	margin-top: 15px;

	margin-left: 15px;

}

.ShowPhotoBox {

	float: left;

	width: 380px;

	display: inline;

}

.ShowPhotoImg {

	float: left;

	width: 360px;

	border: 1px solid #999999;

}

.ShowPhotoMenu {

	clear: both;

	float: left;

	width: 360px;

	height: 62px;

	margin-top: 15px;

	display: inline;

}

.showPhotoBlock {

	float: left;

	height: 62px;

	width: 330px;

	display: inline;

}

.showPhotoBlock div{

	float: left;

	height: 60px;

	width: 60px;

	margin-right: 4px;

	display: inline;

	padding: 1px;

}

.PhotoMenu {

	float: left;

	width: 15px;

	height: 40px;

	display: inline;

	margin-top: 22px;

}

.showMainBox {

	float: left;

	width: 300px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

	padding-top: 10px;

	padding-bottom: 10px;

	display: inline;

	

}

.showMainBox div{

	clear: both;

	float: left;

	width: 100px;

	margin-left: 170px;

	margin-top: 30px;

	display: inline;

}

.showMainTit {

	clear: both;

	float: left;

	width: 665px;

	border-top-width: 2px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #ffa72a;

	border-bottom-color: #ffa72a;

	height: 20px;

	font-family: arial,helvetica,clean,sans-serif;

	font-size: 14px;

	color: #FF9900;

	font-weight: bold;

	line-height: normal;

	padding-top: 5px;

	margin-top: 15px;

	display: inline;

	padding-left: 20px;

}

.shopMainBlock {

	clear: both;

	float: left;

	width: 670px;

	margin-top: 8px;

	padding-left: 10px;

	display: inline;

}

.showBlockTit {

	background-image: url(../img/bg_showmain.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	clear: both;

	float: left;

	width: 680px;

	font-family: arial,helvetica,clean,sans-serif;

	font-size: 14px;

	line-height: normal;

	color: #333333;

	font-weight: bold;

	height: 20px;

	margin-top: 20px;

	display: inline;

}



/* =========================================  中間內容 ======================================= */

#shopContent {

	float: left;

	width: 485px;

	display: inline;

}

.shopContentBox {

	clear: both;

	float: left;

	width: 485px;

	display: inline;

	margin-bottom: 15px;

}

.shopContentBoxImg {

	float: left;

	width: 115px;

	display: inline;

}

.shopBannerBox {

	padding: 1px;

	float: left;

	width: 360px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	border-left-color: #CCCCCC;

	height: 222px;

	display: inline;

}

.shopBannerMenu {

	padding: 1px;

	float: left;

	height: 222px;

	width: 118px;

	display: inline;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CCCCCC;

	background-image: url(../img/bg_shopbanner.jpg);

	background-repeat: no-repeat;

	background-position: center center;

}

.bannerMenuBlock {

	clear: both;

	float: left;

	height: 44px;

	width: 110px;

	margin-right: 2px;

	margin-left: 2px;

	display: inline;

}

.bannerMenuBlockImg {

	float: right;

	margin-left: 2px;

	margin-top: 3px;

	display: inline;

}

.bannerMenuBlock div {

	float: left;

	height: 15px;

	width: 65px;

	margin-top: 25px;

	display: inline;

	margin-left: 5px;

}

.mallBox {

	clear: both;

	float: left;

	width: 485px;

	background-image: url(../img/bg_showmain.gif);

	background-repeat: repeat-x;

	background-position: left top;

	display: inline;

}

.shopContentList {

	clear: both;

	float: left;

	width: 477px;

	display: inline;

	margin-top: 10px;

	padding-left: 8px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #666666;

	padding-bottom: 10px;

	padding-top: 10px;

}

.mallBlock {

	float: left;

	width: 147px;

	margin-right: 12px;

	display: inline;

	margin-top: 10px;

	padding-bottom: 10px;

}

.mallBlock div {

	clear: both;

	float: left;

	width: 145px;

	display: inline;

}

.mallBlockImg {

	border: 1px solid #CCCCCC;

	clear: both;

	float: left;

	margin-top: 3px;

	margin-bottom: 3px;

	width: 145px;

	display: inline;

}

.goodsBlock {

	float: left;

	width: 225px;

	margin-right: 10px;

	display: inline;

	margin-top: 10px;

	margin-bottom: 10px;

}

.goodsBlock_photo {

	float: left;

	width: 200px;

	display: inline;

	white-space: normal;

	height: 300px;

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 10px;

}

.goodsBlockImg {

	float: left;

	margin-right: 5px;

	border: 1px solid #CCCCCC;

}

/* =========================================  購物車 ======================================= */

#cartMenuBox {

	clear: both;

	float: left;

	width: 950px;

	background-image: url(../img/bg_cart.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	margin-bottom: 2px;

	padding-bottom: 11px;

	height: 90px;

}

.cartMenu {

	background-image: url(../img/bg_cart_top.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	width: 770px;

	height: 25px;

	margin-left: 85px;

	display: inline;

	padding-left: 10px;

	padding-top: 5px;

}

.cartMenuPS {

	float: left;

	width: 170px;

	display: inline;

	background-image: url(../img/icon_cartMenu.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 15px;

}

.cartMenuBlock {

	float: right;

	width: 360px;

	display: inline;

	margin-right: 10px;

	font-family: arial,helvetica,clean,sans-serif;

	font-size: 12px;

	color: #990000;

}

.cartMenuBlock div {

	float: right;

	width: 20px;

	display: inline;

	padding-top: 5px;

}

.cartMenuMain {

	clear: both;

	float: left;

	width: 778px;

	margin-left: 85px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #dcdcdc;

	border-left-color: #dcdcdc;

	display: inline;

	height: 60px;

}

.cartMenuMainBox {

	background-color: #F2F2F2;

	float: left;

	width: 760px;

	margin-left: 9px;

	display: inline;

	height: 60px;

}

.cartTitle {

	clear: both;

	float: left;

	height: 30px;

	width: 900px;

	margin-top: 20px;

	margin-left: 25px;

	background-image: url(../img/bg_showmain.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	display: inline;

}

.cartListBox {

	clear: both;

	float: left;

	width: 880px;

	margin-top: 25px;

	margin-left: 35px;

	display: inline;

}

.cartAmount {

	clear: both;

	float: left;

	width: 880px;

	margin-left: 35px;

	display: inline;

	margin-bottom: 30px;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #aa8855;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #aa8855;

	height: 24px;

	padding-top: 8px;

}

.cartListBlock {

	clear: both;

	float: left;

	width: 880px;

	margin-left: 35px;

	height: 105px;

	background-color: #f6f6f6;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #aa8855;

	display: inline;

	padding-top: 10px;

	padding-bottom: 10px;

}

.cartListImg {

	float: left;

	padding: 1px;

	border: 1px solid #999999;

	background-color: #FFFFFF;

}