@charset "utf-8";
/* CSS Document */
body{
behavior:url("csshover2.htc");
margin:0px;
padding:0px;
width:100%;
font-size:14px;
*font-size:14px;
background:#FFFFFF;
font-family:標楷體, Geneva, sans-serif;

background-repeat:repeat-x;
}
#dfdstudio{
overflow:hidden;
position:absolute;
bottom:8px;
*bottom:12px!important;*bottom:20px;
z-index:10;
right:30px;
cursor:pointer;
}
#dfda{
	width:0px;
	height:0px;
	display:block;
	position:relative;
	z-index:11;
	padding-top:20px;
	padding-left:24px;
	overflow:hidden;
	background:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; /*IE8*/
filter:alpha(opacity=1);  /*IE5、IE5.5、IE6、IE7*/
opacity: .01;  /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
}
#FlashID{
	cursor:pointer;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}

.acenter{
text-align:center;
}
.pngd{
	behavior:url("iepngfix.htc");
}
.clear{
clear:both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}  
.clearfix {
    zoom: 1;     
    display: block;    
    } 
.alt{
width:100%;
height:100%;
}
.phand{
	cursor:pointer;
}
p{

}
a{
text-decoration:none;
}
img {
border:0px;
}
#mainarea{
width:1000px;
margin:auto;
font-size:13px;
position:relative;
z-index:1;
}
#headarea{
	background:url(images/a_02.gif);
	height:86px;
	width:1000px;
	z-index:2;
}
#headf{
	background:url(images/a_01.gif);
	width:615px;
	height:86px;
	background-repeat:no-repeat;
	overflow:hidden;
}
#headt{
	position:absolute;
	right:0px;
	background:url(images/a_04.gif);
	width:50px;
	height:86px;
	overflow:hidden;
	top:0px;
}
#shead{
	background:url(images/a_06.gif);
	width:1000px;
	height:35px;
	position:relative;
	z-index:1;
}
#logo{
	background:url(images/o_05.gif);
	background-repeat:no-repeat;
	padding-left:277px;
	padding-top:132px;
	width:0px;
	height:0px;
	overflow:hidden;
	position:absolute;
	left:8px;
	top:22px;
	z-index:3;
}
#sheadf{
	background:url(images/a_05.gif);
	background-repeat:no-repeat;
	width:53px;
	height:35px;
	overflow:hidden;
}
#sheadt{
	background:url(images/a_09.gif);
	background-repeat:no-repeat;
	width:39px;
	height:35px;
	overflow:hidden;
	position:absolute;
	right:0px;
	top:0px;
}
#midarea{
	width:1000px;
	position:relative;
	z-index:1;
	}
#lm{
	width:271px;
	float:left;
	position:relative;
	z-index:4;
	height:500px;
}
#rm{
	width:728px;
	float:left;
	position:relative;
	z-index:2;
	background:url(images/a_27.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:50px;
}
#rmm{
	width:728px;
	float:left;
	position:relative;
	z-index:2;
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom:50px;
}
#navigation{
	background:url(images/a_18.gif);
	width:233px;
	position:absolute;
	right:0px;
	z-index:5;
	}
	#nhead{
		background:url(images/a_13.gif);
		background-repeat:no-repeat;
		width:233px;
		height:35px;
		overflow:hidden;
	}
	#nfoot{
		background:url(images/a_25.gif);
		background-repeat:no-repeat;
		width:233px;
		height:48px;
		overflow:hidden;
	}
	#nbody ul{
		list-style:none;
		background-position:37px;
		background-repeat:no-repeat;
		width:101px;
		padding:0px;
		
		
		margin-left:40px;
	}
	#nbody ul li{
		background:url(images/a_21.gif);
		background-repeat:no-repeat;
		height:24px;
		padding-left:36px;
		margin-top:2px;
		position:relative;
		z-index:5px;
	}
	#nbody ul li a{
	
		overflow:hidden;
		
		
		}
	#m1{
				background:url(images/61candy_18.gif);
					background-position:0px -2px;
		display:block;
		padding-left:45px;
		padding-top:24px;
		width:0px;
		height:0px;
		background-repeat:no-repeat;
		overflow:hidden;
	}
	#m1:hover{

			background:url(images/61candy_18.gif);
			background-position:-102px -2px;
	
	}
	#m2{
		background:url(images/61candy_18.gif);
				background-position:0px -25px;
		display:block;
		padding-left:75px;
		padding-top:24px;
		width:0px;
		height:0px;
		background-repeat:no-repeat;
		
	}
	#m2:hover{
					background:url(images/61candy_18.gif);
					background-position:-102px -25px;
	}
			#m3{
				background:url(images/61candy_18.gif);
				background-position:0px -50px;
		display:block;
		padding-left:77px;
		padding-top:24px;
		width:0px;
		height:0px;
		background-repeat:no-repeat;
		overflow:hidden;
	}
	#m3:hover{
					background:url(images/61candy_18.gif);
					background-position:-102px -50px;
	}
			#m4{
				background:url(images/61candy_18.gif);
			background-position:0px -74px;
		display:block;
		padding-left:77px;
		padding-top:24px;
		width:0px;
		height:0px;
		background-repeat:no-repeat;
		overflow:hidden;
	}
		#m4:hover{
					background:url(images/61candy_18.gif);
					background-position:-102px -74px;
	}
	
	#m5{
				background:url(images/61candy_18.gif);
			background-position:0px -97px;
		display:block;
		padding-left:101px;
		padding-top:24px;
		width:0px;
		height:0px;
		background-repeat:no-repeat;
		overflow:hidden;
	}
		#m5:hover{
					background:url(images/61candy_18.gif);
					background-position:-102px -97px;
	}
		#m6{
				background:url(images/61candy_18.gif);
			background-position:0px -121px;
		display:block;
		padding-left:101px;
		padding-top:24px;
		width:0px;
		height:0px;
		background-repeat:no-repeat;
		overflow:hidden;
	}
		#m6:hover{
					background:url(images/61candy_18.gif);
					background-position:-102px -121px;
	}
	
	#hotgoods{
		position:absolute;
		right:0px;
		top:220px;
		background:url(images/b_22.gif);
		width:233px;
		z-index:3;
	}
	#hotf{
		background:url(images/f_50.gif);
		overflow:hidden;
		width:233px;
		height:75px;
		background-repeat:no-repeat;
	}
	#hott{
		background:url(images/b_27.gif);
		background-repeat:no-repeat;
		width:233px;
		height:41px;
		overflow:hidden;
		margin-bottom:-30px;
	}
	#companyintro{
		background:url(images/g_24.gif);
		background-repeat:repeat-x;
		width:700px;
		float:right;

		margin-top:30px;
		font-size:16px;
	}
	#rmm #companyintro{
		background:url(images/a_bg.gif);
		background-repeat:repeat-x;
		width:700px;
		float:right;
		margin-top:0px;
	}
	#ptop{
		margin-top:30px;
		width:680px;
		background:url(images/about_bg.gif);
		height:26px;
		float:right;
		color:#fff;
		font-size:18px;
		font-weight:bold;
		padding-left:20px;
		padding-top:10px;
	}
	.imgdiv{
		border:2px solid #a4fe00;
		float:left;
		margin-right:5px;
		width:176px;
	}
	#companytitle{
		background:url(images/g_21.gif);
		width:0px;
		height:0px;
		overflow:hidden;
		background-repeat:no-repeat;
		padding-left:89px;
		padding-top:27px;
	}
		#buytitle{
		background:url(images/l_21.gif);
		width:0px;
		height:0px;
		overflow:hidden;
		background-repeat:no-repeat;
		padding-left:91px;
		padding-top:27px;
	}
			#contacttitle{
		background:url(images/m_21.gif);
		width:0px;
		height:0px;
		overflow:hidden;
		background-repeat:no-repeat;
		padding-left:91px;
		padding-top:27px;
	}
		#productintro{
		background:url(images/g_58.gif);
		background-repeat:repeat-x;
		width:700px;
		float:right;
		margin-top:30px;
		font-size:16px;
	}
	#productintro img{
		border:2px solid #a4fe00;
		float:left;
		margin-right:5px;
	}
	#producttitle{
		background:url(images/i_61.gif);
		width:0px;
		height:0px;
		overflow:hidden;
		background-repeat:no-repeat;
		padding-left:89px;
		padding-top:27px;
			
	}
	#footarea{
		background:url(images/a_30.gif);
		height:52px;
		overflow:hidden;
		position:relative;
	}
	#footf{
		position:absolute;
		background:url(images/a_28.gif);
		width:38px;
		height:52px;
		overflow:hidden;
		top:0px;
		left:0px;
	}
		#foott{
		position:absolute;
		background:url(images/a_31.gif);
		width:39px;
		height:52px;
		overflow:hidden;
		top:0px;
		right:0px;
	}
	#footb ul{
		margin:auto;
		list-style:none;
		float:left;
		margin-left:350px!important;margin-left:200px;
		margin-top:3px;
		}
	#footb ul li{
		float:left;
		margin-left:5px;
	}
		#footb ul li a {
			color:#FFF;
			
		}
		#footb ul li a:hover{
			color:#333;
		
		}
		#footc{
			margin-top:13px;
			margin-bottom:0px;
			text-align:center;
			color:#FFF;
			padding-left:80px;
		}
		
#plist{
			position:absolute;

			top:0px;
			right:-130%;
			padding:0px;
			display:none;
			background:#FC0;
			border:1px #F66 solid;
			z-index:10;
		}
		#plist ul{
			padding:0px;
			margin:0px;
			position:relative;
			height:100%;
		}
		#plist ul li{
		/*	border-top:1px inset #F30;
			border-bottom:1px inset #F30;*/
			background:#ffff73;
			text-align:left;
			padding-left:5px;
			position:relative;
			z-index:5;
			height:100%;
					padding:3px;
			border:2px outset #F90;
			}
			#plist ul li a{
				margin-left:0px;
		
		
			}
			#plist ul li:hover{
				background:#F00;
					border:2px inset #F90;
			}
			#m2li:hover{
				z-index:10;

}
			#m2li:hover #plist{
			position:absolute;
			padding:3px;
			top:-35px;
			right:-108%;
			*right:-100%;
			display:block;
		}
		#plistname{
			position:absolute;
			left:330px;
			top:5px;
			font-size:16px;
			color:#FFF;
			font-weight:bold;
		}
		.hgood{
			text-align:center;
		}
		.googslist{
			border:1px solid #900;
			width:150px;
			height:310px;
			float:left;
			margin:5px;
			margin-left:14px!important;margin-left:10px;
			font-size:13px;
			background:#FF9;
			border:2px outset #C33;
		}
		.googimg{
			width:150px;
			height:120px;
			overflow:hidden;
		}
		.googtitle{
			padding:5px;
			height:16px;
			overflow:hidden;
		}
		.googprice{
			padding:5px;
		}
		.googmprice{
			padding:5px;
		}
		.googtprice{
			padding:5px;
		}
		.googgprice{
			padding:5px;
		}
		#cart{
position:fixed!important;position:absolute;
background-color:#fce9e1;
right:0px;
top:100px!important;top:100px;
width:46px;
height:34px;
border:1px  solid #39bc06;
overflow:hidden;
z-index:100;
}
#cart:hover{
width:136px;
}
#cartb{
background:url(images/j_01.gif);
background-repeat:no-repeat;
overflow:hidden;
width:134px;
height:34px;
display:table-cell;
vertical-align:middle;
padding-left:2px;
cursor:pointer;
}

#cartb  *{
vertical-align:middle;
}
*#cartb span{height:100%;display:inline-block;}
#cartbody{
padding:3px;
height:70%!important;height:280px;

}
#cartbody ul{
padding:0px;
}
.orders{
width:18px;
}
.addtocart{
background:url(images/add_03.gif);
background-position:0 -3px;
overflow:hidden;
width:64px;
height:32px;
float:right;
cursor:pointer;
margin-top:0px;
*margin-top:-30px;
*margin-right:5px;
}
.addtocart:hover{
background-position:0 -35px;
}
.addtocartx{
background:url(images/add_03.gif);
background-position:0 -3px;
overflow:hidden;
width:64px;
height:32px;
float:right;
cursor:pointer;
margin-top:0px;
*margin-top:-30px;
margin-right:20px;
}
.addtocartx:hover{
background-position:0 -35px;
}
.pcart{
padding:10px;
padding-top:5px;
padding-bottom:5px;
text-align:left;
}
#clearcart{
	background:url(images/empty.gif);
background-repeat:no-repeat;
	background-position:-0px -3px;
width:0px;
padding-left:64px;
padding-top:32px;
height:0px;
overflow:hidden;
cursor:pointer;
margin-top:5px;
float:left;
margin-left:2px;
}
#clearcart:hover{
	background-position:0px -35px;
}
#checkout{
	background:url(images/a_botton_03.gif);
background-repeat:no-repeat;
	background-position:-0px -3px;
width:0px;
padding-left:64px;
padding-top:32px;
height:0px;
overflow:hidden;
cursor:pointer;
margin-top:5px;
float:left;
margin-left:2px;
}
#checkout:hover{
	background-position:0px -35px;
}
.paddtocart{
background:url(images/i_18.gif);
background-repeat:no-repeat;
width:118px;
height:42px;
overflow:hidden;
cursor:pointer;
}
.paddtocart:hover{
background:url(images/i_18.gif);
background-position:0px -43px;
background-repeat:no-repeat;
width:118px;
height:42px;
overflow:hidden;
cursor:pointer;
}
#looknumber{
	position:absolute;
	right:35px;
	top:35px;
	z-index:10;
}

#lb{
		behavior:url("iepngfix.htc");
	float:left;
	background:url(images/look_15.png);
	padding-left:81px;
	width:0px;
	padding-top:24px;
	height:0px;
	overflow:hidden;
	margin-top:-3px;
}
#cartlist{
	height:250px;
	overflow:auto;
}
#cartlist ul{
padding:0px;
margin:0px;
list-style:none;
}
#cartlist ul h5{
	padding:2px;
	margin:2px;
}
#carttable{
width:90%;
text-align:center;
border:1px solid #FF9966;
margin:auto;
}
#carttable td{
padding:4px;
text-align:center;
border:1px solid #FF3366;
vertical-align:middle;
}
#carttable th{
padding:4px;
text-align:left;
border:1px solid #FF3366;
}
.carttable{
width:90%;
border:1px solid #FF9966;
margin:auto;
margin-bottom:5px;
}
.carttable td{
padding:4px;
border:1px solid #FF3366;
vertical-align:middle;
	line-height:10px;
	padding:3px;
}
.carttable th{
padding:4px;
border:1px solid #FF3366;
}
.mfieldset{
	border:1px solid  #06F;
	margin-bottom:10px;
	line-height:normal;
}
#cartsubmit{
border:0;
background-image:url(images/l_03.gif);
width:64px;
height:33px;
cursor:pointer;
margin:auto;
}
#cartsubmit:hover{
background-position:0px -33px;
}
.inputdiv{
	font-size:13px;
	margin-top:3px;
	margin-bottom:5px;
}
fieldset{
	width:95%;
	margin:auto;
	border:1px dashed red;
	-moz-border-radius:8px;
	padding:5px;
}
#clegend{
	background:url(images/cart_14.png);
	padding-left:90px;
	padding-top:27px;
	width:0px;
	height:0px;
	overflow:hidden;
	behavior:url("iepngfix.htc");
}
#cartlistbanner{
behavior:url("iepngfix.htc");
	background:url(images/cartlist_14.png);
	padding-left:112px;
	padding-top:27px;
	width:0px;
	height:0px;
	overflow:hidden;
	margin-top:-7px;
}
.introp{
	text-indent:24px;
	line-height:30px;
	letter-spacing:2px;
	font-family:Verdana,標楷體, Geneva, sans-serif;
}
.introp ul li{
	text-indent:24px;
	line-height:30px;
	letter-spacing:5px;
	font-family:Verdana,標楷體, Geneva, sans-serif;
}
.introp ul{
	list-style:none;
}
.goodtitle{
	margin-top:3px;
}
.chbutton{
	background:url(images/m_03.gif);
	background-position:0px -2px;
	width:80px;
	height:34px;
	border:0;
	cursor:pointer;
}
.chbutton:hover{
	background-position:0px -34px;
}
.trashcan{
	background:url(images/trashcan.gif);
	width:32px;
	height:31px;
	border:0;
		cursor:pointer;
}
.trashcan:hover{
		background-position:0px -32px;
}
#messagebanner{
	background:url(images/mb_14.png);
	background-repeat:no-repeat;
	width:0px;
	height:0px;
	padding-left:107px;
	padding-top:27px;
	overflow:hidden;
		margin-top:-7px;
}
.mbt{
	background:url(images/mbt.gif);
	background-position:0px -2px;
	width:64px;
	height:32px;
	background-repeat:no-repeat;
	overflow:hidden;
	border:0px;
	cursor:pointer;
	float:left;
}
.mbt:hover{
	background-position:0px -34px;
}
.messagel{
	text-align:center;
	padding:5px;
}
.messagecontent{
	font-size:13px;
	line-height:30px;
	padding:10px;
}
#ajaxdiv{
	position:absolute;
	z-index:100;
	font-size:12px;
}
#kcode{
		color:#F00;
	padding-left:30px;
}
	#newstitle{
		background:url(images/news_14.png);
		width:0px;
		height:0px;
		overflow:hidden;
		background-repeat:no-repeat;
		padding-left:88px;
		padding-top:27px;
	}
		#newsc{
		background:url(images/g_58.gif);
		background-repeat:repeat-x;
		width:700px;
		float:right;
		padding-bottom:50px;
		margin-top:30px;
		font-size:16px;
	}