@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
	margin:0px;
	padding:0px;
}
table{

}
fieldset,img{
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight: normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
a {
	text-decoration: none;
	color: #333333;
}
.eliminate {
	line-height: 0px;
	clear: both;
	height: 0px;
}
.clearfloat {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 0px;
}


body {
	font-family: "細明體", "新細明體";
	font-size: 13px;
	color: #333333;
	line-height: 22px;
}
#document {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#header {
	background-image: url(../images/hedaer_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 294px;
	width: 1000px;
	position: relative;
}
#hearderFlash {
	height: 248px;
	width: 1000px;
}

#logo {
	/*background-image: url(../images/logo.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	left: 258px;
	top: 15px;
	height: 108px;
	width: 307px;
	line-height: 108px;
	text-indent: -20000px;
	overflow: hidden;
}
#logo a, .web a {
	display: block;
}
#logo_tow {
/*	background-image: url(../images/logo2.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	height: 236px;
	width: 226px;
	left: 761px;
	top: 12px;
}
.web {
	/*background-image: url(../images/www_bg.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px;
	width: 148px;
	position: absolute;
	left: 19px;
	top: 10px;
	overflow: hidden;
	text-indent: -20000px;
}
#nav {
	height: 43px;
	width: 1000px;
	position: relative;
	top: 4px;
}
#nav ul {
	width: 887px;
	margin-right: auto;
	margin-left: auto;
}

#nav li {
	float: left;
	width: 96px;
	margin-right: 1px;
	margin-left: 1px;
	height: 43px;
}
#nav .navLi01, #nav .navLi02, #nav .navLi03, #nav .navLi04, #nav .navLi05, #nav .navLi06, #nav .navLi07, #nav .navLi08, #nav .navLi09, #nav .navLi10 {
	background-repeat: no-repeat;
	background-position: left top;
}
#nav .navLi01{
	background-image:url(../images/nav_01.gif);
}
#nav .navLi02{
	background-image:url(../images/nav_02.gif);
}
#nav .navLi03{
	background-image:url(../images/nav_03.gif);
}
#nav .navLi04{
	background-image:url(../images/nav_04.gif);
}
#nav .navLi05{
	background-image:url(../images/nav_05.gif);
}
#nav .navLi06{
	background-image:url(../images/nav_06.gif);
}
#nav .navLi07{
	background-image:url(../images/nav_07.gif);
}
#nav .navLi08{
	background-image:url(../images/nav_08.gif);
}
#nav .navLi09{
	background-image:url(../images/nav_09.gif);
}
#nav .navLi10{
	background-image:url(../images/nav_10.gif);
}
#nav .navLi01 a,#nav .navLi02 a,#nav .navLi03 a,#nav .navLi04 a,#nav .navLi05 a,#nav .navLi06 a,#nav .navLi07 a,#nav .navLi08 a,#nav .navLi09 a,#nav .navLi10 a {
	line-height: 43px;
	display: block;
	height: 43px;
	text-indent: -20000px;
	overflow: hidden;
}
#nav .navLi01 a:hover {
	background-image: url(../images/nav_hover_01.gif);
}
#nav .navLi02 a:hover {
	background-image: url(../images/nav_hover_02.gif);
}
#nav .navLi03 a:hover {
	background-image: url(../images/nav_hover_03.gif);
}
#nav .navLi04 a:hover {
	background-image: url(../images/nav_hover_04.gif);
}
#nav .navLi05 a:hover {
	background-image: url(../images/nav_hover_05.gif);
}
#nav .navLi06 a:hover {
	background-image: url(../images/nav_hover_06.gif);
}
#nav .navLi07 a:hover {
	background-image: url(../images/nav_hover_07.gif);
}
#nav .navLi08 a:hover {
	background-image: url(../images/nav_hover_08.gif);
}
#nav .navLi09 a:hover {
	background-image: url(../images/nav_hover_09.gif);
}
#nav .navLi10 a:hover {
	background-image: url(../images/nav_hover_10.gif);
}
#content {
	width: 1000px;
	background-color: #FFFFFF;
	background-image: url(../images/content_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
#contentLeft {
	float: left;
	width: 202px;
	padding-right: 8px;
	padding-left: 15px;
	padding-top: 10px;
}
.goods {
	background-image: url(../images/stripe2_bg.gif);
	width: 202px;
	margin-bottom: 15px;
}
.goodsBgImgTop {
	background-image: url(../images/goods_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 202px;
	min-height: 300px;
}
.goodsTitle {
	height: 70px;
	text-indent: -20000px;
	overflow: hidden;
}



.goodsBgImgBottom {
	background-image: url(../images/goods_03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 162px;
	min-height: 300px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 25px;
}
.goodsHeard {
}
.goodsContent {
}
.search {
	margin-bottom: 20px;
	width: 162px;
	float: left;
}
.goodsHeading {
	background-image: url(../images/round.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	color: #D63E53;
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
	margin-bottom: 5px;
}
.searchChoose {
	padding-left: 10px;
	float: left;
	height: 24px;
}
.searchChoose  .searchChooseWrite {
	width: 50px;


}
.searchBut_30 {
	height: 25px;
	width: 33px;
	text-align: center;
	font-weight: bold;
}
.search  a {
	color: #FFFFFF;
}
.search  a:hover {
	color: #FFCC99;
}
.searchPromoteTxt {
	font-size: 11px;
	width: 77px;
	float: left;
	line-height: 16px;
	margin-top: 10px;
	margin-left: 10px;
}
.searchPromote {
	height: 33px;
	width: 74px;
	font-weight: bold;
	line-height: 33px;
	text-align: center;
	font-size: 12px;
	margin-top: 10px;
	float: right;
}
.classification {

}
.classification ul {
	padding-left:20px;
}
.classification li a {
	color: #333333;
}
.classification li a:hover {
	text-decoration: underline;
}





.ranking {
	background-image: url(../images/ranking_bg_02.gif);
	background-repeat: repeat-y;
	margin-bottom: 15px;
}
.rankingImgTop {
	background-image: url(../images/ranking_bg_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 406px;
}
.rankingTitle {
	height: 90px;
	text-indent: -20000px;
	overflow: hidden;
}



.rankingImgBottom {
	background-image: url(../images/ranking_bg_03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 406px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 18px;
	position: relative;
}
.rankingContent {
	margin-bottom: 25px;
}
.rankingRank {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #EAC23E;
	margin-bottom: 10px;
}
.rankingNumber {
	float: left;
}
.rankingName {
	padding-left: 23px;
}
.rankingName a {
	color: #333333;
}
.rankingName a:hover {
	text-decoration: underline;
}


.rankingMore {
	font-family: Arial;
	font-weight: bold;
	text-align: center;
	bottom: 8px;
	width: 169px;
	height: 22px;
	position: absolute;
}
.rankingMore a {
	color: #333333;
}
.rankingMore a:hover {
	color: #FFFFFF;
}
.advertisementArea {
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #EAC23E;
	padding-bottom: 15px;
}
.advertisementList {
	margin-top: 15px;
	text-align: center;
}


#right {
	width: 775px;
	float: left;
}






#contentCenter {
	width: 529px;
	float: left;
	padding-top: 10px;
	padding-right: 8px;
	padding-left: 8px;
}
.contentCenterMiddleHeard {
}
.contentCenterMiddleContent {
	background-image: url(../images/news_content_02.gif);
	background-repeat: repeat-y;
}
.contentCenterMiddleFooter {
	background-image: url(../images/news_content_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	width: 529px;
	clear: both;
}

#cententRight {
	float: left;
	width: 207px;
	clear: right;
	padding-right: 15px;
	padding-left: 8px;
	padding-top: 10px;
}
.amount {
	margin-bottom: 15px;
}
.amountImg {
	padding-top: 5px;
}
.amountImg img {
	margin-right: 2px;
}

.loginMember {
	background-image: url(../images/member_login.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 227px;
	width: 167px;
	margin-bottom: 15px;
	padding-right: 20px;
	padding-left: 20px;
}
.loginMemberTitle {
	text-indent: -20000px;
	height: 80px;
	overflow: hidden;
}
.loginMemberContent {

}
.loginMemberContent .redTxt {
	margin-bottom: 15px;
}

.loginMemberContent  table  table td {
	padding: 4px;
}
.loginMemberContent  .loginWrite {
	width: 90px;
}
.searchPromote a {
	color: #FFFFFF;
}
.searchPromote a:hover {
	color: #FFCC99;
}




.ConentMember {
	text-align: center;
	margin-bottom: 15px;
}
#contentCenterRight {
	width: 752px;
	padding-right: 15px;
	padding-left: 8px;
	float: left;
	padding-top: 10px;
}
.contentCenterRightHeard {

}
.contentCenterRightContent {
	background-image: url(../images/contentCenterRight_bg_02.gif);
	background-repeat: repeat-y;
	width: 752px;
}
.contentCenterRightFooter {
	background-image: url(../images/contentCenterRight_bg_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
	width: 752px;
	clear: both;
}



#footer {
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	height: 45px;
	width: 1000px;
	text-align: center;
	padding-top: 15px;
}
#footer a {
	color: #333333;
}
#footer a:hover {
	text-decoration: underline;
}
/*contentMiddleTitle 各頁大標題*/
.contentMiddleTitle {
	background-repeat: no-repeat;
	background-position: left top;
	height: 75px;
	width: 529px;
	text-indent: -20000px;
}
/*-------------------------------------------------*/
/*.contentRightContentTitle  各頁大標題*/
.contentRightContentTitle {
	background-repeat: no-repeat;
	background-position: left top;
	height: 76px;
	width: 752px;
	text-indent: -20000px;
}
/*商品列表 商品查詢 前一頁 後一頁*/
.exhibitAmount {
	float: left;
	line-height: 30px;
	margin-right: 10px;
}

.PrecedingBut, .BehindBut {
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 29px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

.PrecedingBut {
	background-image: url(../images/direction_but_left.gif);
}

.BehindBut {
	background-image: url(../images/direction_but_right.gif);
	
}

.PrecedingBut a , .BehindBut a {
	display: block;
	line-height: 30px;
	width: 29px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -20000px;
	overflow: hidden;
}

.PrecedingBut a:hover{
	background-image: url(../images/direction_but_left_hover.gif);
}

.BehindBut a:hover{
	background-image: url(../images/direction_but_right_hover.gif);
}

.PrecedingBut a:hover , .BehindBut a:hover {
	background-repeat: no-repeat;
	background-position: left top;
	width: 29px;
}

.Pagination {
	float: left;
	line-height: 30px;
	margin-right: 10px;
	margin-left: 10px;
}

.Pagination a {
	margin-right: 2px;
	margin-left: 2px;
	padding-right: 1px;
	padding-left: 1px;
}

.Pagination a:hover {
	text-decoration: underline;
	color: #D0101B;
}
/*-----------------------------------------------------*/
/*商品列表 商品查詢 顯示*/
.goodsList {
	float: left;
	width: 132px;
	margin-right: 5px;
	margin-left: 5px;
}
.goodsName {
	text-align: center;
	height: 46px;
	overflow: hidden;
}
.goodsImg {
	background-image: url(../images/product_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 122px;
	width: 109px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	text-align: center;
	padding-top: 11px;
}
.goodsListBg {
	background-image: url(../images/square_icon_11.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 12px;
	padding-right: 5px;
	margin-bottom: 8px;
	width: 115px;
	clear: both;
	float: left;
}
.goodsBookNameTxt {
	padding-left: 43px;
}

.goodsMoney {
	color: #ED7961;
	font-size: 13px;
	padding-left: 68px;
}
.goodsBuyBut {
	background-image: url(../images/product_but_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 82px;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
	text-align: center;
	clear: both;
}
.goodsBuyBut a:hover {
	color: #D63E53;
	text-decoration: underline;
}
.soldout {
	background-image: url(../images/soldout.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 82px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-indent: -20000px;
	line-height: 30px;
	overflow: hidden;
}
.myfaveAdd .soldout {
	margin-top: 3px;
	margin-right: 8px;
	float: left;
	clear: none;
	line-height: 31px;
	background-image: url(../images/soldout_02.gif);
	height: 31px;
	width: 101px;
	background-repeat: no-repeat;
	background-position: left top;
}

.goodsBuyProduct {
	height: 30px;
	width: 82px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	clear: both;
}
/*我要預購 黃底按鈕*/
.goodsBuyProductBut {
	background-image: url(../images/product_but_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	height: 31px;
	width: 83px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 31px;
}
.goodsBuyProductBut:hover{
	color: #D63E53;
	background-position: 1px 1px;

}
/*我要預購 紅底按鈕*/
.goodsBuyProductButRed{
	background-image: url(../images/myfaveAddReserve_but.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 31px;
	width: 103px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.goodsBuyProductButRed:hover{
	background-image: url(../images/myfaveAddReserve_but_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*-----------------------------------*/
.NameLift {
	float: left;
}

.boldfaceBlack {
	font-weight: bold;
	color: #000000;
	font-size: 15px;
}
.colorPink {
	font-size: 15px;
	color: #ED7961;
	font-weight: bold;
}
.boldFaceRed {
	font-weight: bold;
	color: #D63E53;
}
.redTxt {
	color: #D63E53;
}


.black  {
	color: #333333;
}

.boldGray {
	font-size: 15px;
	font-weight: bold;
}
/*進階搜尋按鈕  紅底*/
.searchPromoteBut {
	background-image: url(../images/but_bg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	width: 73px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 32px;
}
.searchPromoteBut:hover{
	color: #FFCC99;
	margin-top: 1px;
	margin-left: 1px;
}
/*搜尋GO按鈕*/
.searchGoBut {
	background-image: url(../images/but_bg_30.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 30px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
}
.searchGoBut:hover {
	background-position: 1px 1px;
	color: #FFCC99;
	padding-top: 1px;
	padding-left: 1px;
}



/*填好送出按鈕   黃色底*/
.sendBut {
	background-image: url(../images/sendBut_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 39px;
	width: 148px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: transparent;
}
.sendBut:hover {
	background-position: 1px 1px;
	padding-top: 1px;
	padding-left: 1px;
}
/*搜尋按鈕 清除重填 搜尋 紅底*/
.searchBut {
	background-image: url(../images/butbg_red94.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 33px;
	width: 96px;
	color: #FFFFFF;
	background-color: transparent;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.searchBut:hover{
	color: #FFCC99;
	background-position: 1px 1px;
	margin-top: 1px;
	margin-left: 1px;
}
/*更新按鈕  黃色底*/
.renovateBut {
	background-image: url(../images/product_but_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	height: 30px;
	width: 82px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.renovateBut:hover {
	margin-top: 1px;
	margin-left: 1px;
}

/*------------------------------------------------------*/

/*會員專區次導覽列*/
.memberMainNav {
	position: relative;
	width: 704px;
	margin-left: 20px;
	top: -20px;
}
.memberMainNav li {
	float: left;
	height: 33px;
	width: 82px;
	margin-right: 3px;
	margin-left: 3px;
	text-align: center;
	font-size: 12px;
}
.memberMainNav a {
	display: block;
	line-height: 33px;
	height: 33px;
	width: 82px;
	background-image: url(../images/member_Nav.gif);
	background-repeat: no-repeat;
	background-position: left -7px;
}
.memberMainNav a:hover {
	text-decoration: underline;
	background-position: left -5px;
	padding-top: 2px;
}
/*------------------------------------------------------*/
/*.memberTitle2  會員專區標題2*/
.memberTitle2 {
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width: 712px;
	margin-right: 20px;
	margin-left: 20px;
	text-indent: -20000px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*會員專區  登出  紅底按鈕*/
.loginImgRedBut {
	background-image: url(../images/but_bg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	width: 73px;
	line-height: 32px;
	text-align: center;
}
.loginImgRedBut a {
	font-weight: bold;
	color: #FFFFFF;
	display: block;
}
.loginImgRedBut a:hover {
	color: #FFCC66;
}
/*連結用a  黃底按鈕82+30*/
.listYellowBut{
	width:82px;
	height:30px;
	background-image:url(../images/product_but_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-align:center;
	line-height:32px;
}.listYellowBut:hover {
	margin-top: 1px;
	margin-left: 1px;
}
.listYellowBut a {
	line-height: 29px;
	display: block;
	color: #000000;
}