body{
margin: 0;
font-family:"微軟正黑體";
font-size: 12px;
}
ul{
list-style: none;
margin:0;
}
li{
display:inline;
}
img{
border: 0;
}
/*
div{
border: 1px solid red;
}
*/
a{
text-decoration: none;
}
a:hover, a:focus{
text-decoration: none;
}
#main{
background: url(bg.png) repeat-x;
}
#headerwrapper{
background: url(headerbg.png) repeat-x;
z-index: 0;
position:relative;
}
#header{
margin: 0 auto;
}
#headerlogo{
float: left;
padding:20px 0;
}
#headerstuff{
float: right;
position:relative;
}
#headerstuff a{
margin-left: 10px;
}
#headermenuwrapper{
z-index: 999;
position:relative;
}
#headermenu{
height: 30px;
margin: 0 auto;
padding: 0 10px;
}
#headermenu a{
color: #613494;
font-size: 16px;
font-weight: bold;
}
#headermenu a:hover, a:focus{
color: #EC008C;
}
#headermenu ul{
	padding: 0;
}
#headermenu ul li{
	float: left;
	margin-right: 15px;
	height: 30px;
}
#headermenu li.category {
	position: relative;
	display: block;
}
#headermenu li.category div.menu {
	display: none;
	position: absolute; 
	left: -40px;
	top: 100%;
	background-color: #FFF;
	border: solid 5px #EC008C;
	padding: 10px;
	width: 750px;
}
#headermenu li.category div.menu li {
	float: none;
}
#headermenu li.category:hover > div.menu {
	display: block;
}
#headermenu div.category{
	width: 135px;
	color: #613494;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0;
}
#headermenu div.category:hover {
	color: #EC008C;
}
#headermenu div.subcategory {
	color: #EC008C;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
	white-space: nowrap;
}
#headermenu div.subcategory:hover {
	color: #613494;
}
#bannerslide{
height:300px;
overflow:hidden;
margin:20px 15px;
padding: 5px;
background: #FFF;
}
#search{
float: right;
position:relative;
color: #fd5bb5;
}
#search input{
float: left;
}
#search a{
color: #fd5bb5;
}
#search div.righttop{
margin-top: 13px;
margin-left: 5px;
font-family: "Times New Roman", Georgia, Serif;
font-weight: 70px;
font-size: 40px;
letter-spacing: 5px;
line-height: 15px;
}
#search div.rightbottom{
margin-top: 15px;
}
#bannerwrapper{
	position: relative;
}
#bannerwrapper .rightbar{
	position: absolute;
	left: 100%;
	top: 10px;
	height: 360px;
	text-align: center;
}
#bannerwrapper .rightbar .menu {
	background: url('rightbar_bg.png') repeat-y;
	width: 100px;
	padding-bottom: 10px;
}
#bannerwrapper .rightbar .menutop {
	background: url('rightbar_top.png') no-repeat;
	height: 61px;
}
#bannerwrapper .rightbar .menubottom {
	background: url('rightbar_bottom.png') no-repeat;
	height: 7px;
}
#bannerwrapper .rightbar .icon{
	padding-top: 14px;
	margin: 0px 17px;
	border-bottom: 1px dotted #CCC;
}
#bannerwrapper .rightbar .hover{
	width: 100%;
}
#bannerwrapper .rightbar div.hovercontent {
	display: none;
	position: absolute;
	right: 100%;
	z-index: 99999;
	background-color: #FBDDEA;	
	border: 8px solid #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:    3px 3px 5px 6px #ccc;
  	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
  	box-shadow:         3px 3px 5px 6px #ccc;
}
#bannerwrapper .rightbar div.hovercontent div{
	margin: 12px;
	color: #fd5bb5;
	font-family: "Times New Roman", Georgia, Serif;
	font-weight: 70px;
	font-size: 25px;
	letter-spacing: 2px;
	white-space: nowrap;
}
#bannerwrapper .rightbar .hover:hover > div.hovercontent {
	display: block;
}
#contentwrapper{
	position: relative;
	margin-bottom: 20px;
}
.submenu{
padding-left:20px;
display: none;
font-family:"新細明體";
font-size:10pt;
line-height:14pt;
}
.submenu a{
color:#888880;
margin-bottom: 10px;
}
#leftmenu{
	float: left;
	width: 200px;
	padding-left: 10px;
}
.sidemenu li div{
	display: block;
	padding: 10px;
}
.sidemenu .menu {
	background: url('menu_bg.png') repeat-y;
	width: 181px;
}
.sidemenu .menutop {
	background: url('menu_top.png') no-repeat;
	height: 8px;
}
.sidemenu .menuhead {
	background: url('menu_header.png') no-repeat;
	text-align: center;
	padding: 10px;
	margin-top: 10px;
	width: 130px;
	color: #FFF;
	font-weight: bold;
}
.sidemenu .menuconnect {
	background: url('menu_connect.png') no-repeat scroll 110px 0% transparent;
	width: 130px;
	height: 25px;
}
.sidemenu .leftmenuul{
	padding-left: 13px;
	line-height: 14pt;
	display: inline-table;
}
.sidemenu .leftmenuul div.brand{
	float: left;
	width: 75px;
	padding: 0;
}
.sidemenu .leftmenuul div.category, div.brandtitle {
	width: 145px;
	color: #613494;
	font-weight: bold;
}
.sidemenu .leftmenuul div.category {
	font-size: 16px;
}
.sidemenu .leftmenuul div.category:hover, div.brandtitle:hover {
	background-color: #FBDDEA;
	color: #EC008C;
}
.sidemenu .leftmenuul li.category {
	position: relative;
	display: block;
}
.sidemenu .leftmenuul li.category ul {
	display: none;
	position: absolute; 
	left: 100%;
	top : 0;
	background-color: #FBDDEA;
	width: 100%;
	padding: 0;
}
.sidemenu .leftmenuul li.category:hover > ul {
	display: inline-table;
}
.sidemenu .leftmenuul div.subcategory {
	color: #EC008C;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 20px;
	white-space: nowrap;
}
.sidemenu .leftmenuul div.subcategory:hover {
	background-color: #FFF;
	color: #613494;
}
#rightmenu{
	float: left;
	text-align:center;
	width:160px;
}
#rightmenu ul{
margin: 0;
padding-left: 10px;
margin-top: 10px;
}
#rightmenu li{
display: block;
padding: 5px 0;
}

#content{
float: left;
}
#content.width{
max-width: 710px;
}
#contentproductdetail{
max-width: 710px;
}
.blockheader{
position:relative;
top: 15px;
left: 65px;
color: #8ab4d5;
font-size: 18px;
font-weight: bold;
}
#loginblock{
float: left;
height: 25px;
font-size: 12px;
color: #fd5bb5;
}
#loginblock .input{
border: 1px solid #ee44a6;
width: 75px;
}
#loginblock span{
position:relative;
left: 35px;
font-size: 14px;
color: #fd5bb5;
}
#loginblock a{
font-size: 14px;
color: #fd5bb5;
}
#loginblock a:hover {
color: #613494;
}
#loginblock form{
margin: 0;
}
.categoryblock{
width:162px;
font-size: 12px;
color: #f6a6ca;
background: url(newsbg.png) no-repeat right;
height: 316px;
text-align: left;
padding-left: 10px;
}
.categoryblock a{
color: #f6a6ca;
}
.categoryblock a:hover{
}
.categoryblock .top{
height: 42px;
}
.categoryblock .middle{
padding: 40px 10px 0 10px;
}
.categoryblock .bottom{
height: 12px;
}
#categoryblock2 li{
display: block;
background: none;
padding: 5px 10px;
}
#newsblock ul li{
background: url(list.png) no-repeat 0 5px;
padding-left: 16px;
}
.catheader{
display: block;
background: url(lispacer2.png) no-repeat 20% 90%;
padding: 5px 10px;
font-size: 14px;
font-weight: bold;
}
#shoppingcart{
float: right;
overflow: hidden;
width: 16%;
height: 355px;
}
#shoppingcart .cover{
margin-right: -110px;
z-index:-1;
}
.cartnumofitem{
color:#FFFFFF;
font-weight:bold;
position:relative;
right:-113px;
top:20px;
}
.boxgrid{ 
width: 140px;
height: 45px;
margin-top:50px;
float:right; 
overflow: hidden;
position: relative;
}
.boxgrid img{ 
position: absolute;
top: 0; 
right: 0; 
}
#cart{
background: url(cartbg.gif) no-repeat;
float: right;
text-align: left;
width: 130px;
height: 250px;
margin:-2px 5px 0 0;
color: #fff;
visibility: hidden;
}
#cart table{
font-size: 10px;
width: 110px;
margin: 20px 10px;
}
#cart hr{
width: 100px;
}
#footercorner{
margin-bottom: -8px;
padding-left: 70px;
}
#footer{
background: url(footerbg.png) repeat-x;
font-size: 12px;
padding-top: 30px;
height: 354px;
}
#footer ul{
text-align: center;
margin-bottom: 30px;
}
#footer ul li{
margin-left: 27px; 
margin-right: 27px; 
}
#footer a{
font-size: 16px;
color: #613494;
font-weight: bold;
}
#footer a:hover, a:focus{
color: #EC008C;
}
#footer p a{
font-size: 13px;
}
.clear{
clear: both;
}
.txtright{
text-align: right;
}
.grid{
border: 1px solid #b5d8f3;
background-color: #F0F0F0;
padding: 5px;
}
.producticon{
	float: left;
	width: 20%;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center
}
.productindex{
	float: left;
	width: 79%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.productborder{
	background: url(index_border.jpg) repeat-x;
	width: 100%;
	height: 30px;
}
.product{
float: left;
width: 215px;
height: 200px;
margin: 0 15px 15px 0;
text-align: center;
font-size: 12px;
}
.lastitem{
margin-right: 0;
}
.product img{
margin-bottom: 10px;
}
.product span{
display: block;
}
.product a{
color: #656565;
}
.product a:hover{
color: #0080C0;
}
.mytable{
font-size: 12px;
width: 100%;
color: #656565;
}
.mytable tr{
background: url(product_bg.png) repeat-x;
}
.mytable td{
padding: 5px;
}
.mytable a{
color: #656565;
}
.mytable a:hover{
color: #0080C0;
}
.mytable p{
font-size: 11px;
text-align: left;
margin:0;
}
h1{
color: #000;
font-size: 18px;
}
.productgrid{
float: left;
width: 200px;
height: 235px;
margin: 0 0 15px 0;
padding: 10px;
text-align: center;
border: 1px solid #D0F0FF;
background-color: #F5F5F5;
}
.productgrid a{
color: #656565;
}
.productgrid a:hover{
color: #0080C0;
}
.productspacer{
float: left;
width: 15px;
}
.largeproductgrid{
margin: 0 0 15px 0;
padding: 10px;
}
.productcell{
word-wrap: break-word;
width: 150px;
}
.largeproductcell{
width: 190px;
text-align: center;
}
.productnew{
	position: absolute;
	background: url(product_new.png) no-repeat;
	width: 48px;
	height: 48px;
}
.producthot{
	position: absolute;
	background: url(product_hot.png) no-repeat;
	width: 48px;
	height: 48px;
}
.productimg{
float: left;
margin-right: 10px;
width: 300px;
}
.warning{
color: red;
}
#carttable{
width:100%;
border:1px solid #D0F0FF;
}
#carttable .thead{
background: #C4D7FF;
}
#carttable .altrow{
background: #F7F7F7;
}
#carttable .tbody td{
border-bottom:1px solid #C1C1C1;
}
#carttable .tfoot{
font-weight: bold;
}
.gridheader{
}
#searchmarquee{
background: #f3f3f3;
height: 20px;
margin-top: 5px;
padding-left: 10px;
overflow: hidden;
}
#searchmarquee .input{
border: 1px solid #d9dadb;
width: 120px;
text-align: right;
padding:0;
bottom:6px;
position:relative;
}
#searchmarquee p{
margin:0;
}
.show{
display: block;
}
.notshow{
display: none;
}
#resellerzone{
background: url(resellerzone.png) no-repeat;
width: 601px;
height: 225px;
margin-bottom:10px;
margin-left: 10px;
text-align: center;
}
#rightcontent{
position: absolute;
left: 101%;
top: 90px;
text-align: center;
}
#pager{
text-align: right;
margin-top: 40px;
margin-right:20px;
font-size:10pt;
line-height:14pt;
font-weight: bold;
}
#pager a{
color:#656565;
}
#regdesc{
padding-left: 183px;
}
.radiobox label{
display: inline;
}