html, body  {height: 100%;}
input,select,textarea {
	border: 2px solid #d7c8bb;
}
input,option {
	height: 20px;
	line-height: 20px;
}
.radio ,.checkbox{
	height: auto;
	border-style: none;
	margin-right: 5px;
}

table {
	float: left;
	width: 740px;
	border-collapse:collapse;
	border: 1px solid #e4dad0;
}
thead th {
	color: #85beaa;
	text-align: left;
	border-bottom: 1px solid #e2d7ce;
	padding: 10px;
}
tbody th {
	text-align: left;
	padding-left: 28px;
}
tbody td,tbody th {
	background-image: url(../images/table_dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
tbody em {
	font-style: normal;
	color: #676767;
}
tbody th span {
	text-indent: -8000px;
	height: 15px;
	width: 32px;
	display: block;
	float: left;
	margin-left: 5px;
}
tbody th strong{ float: left; }


td ,th{ padding: 5px; 
}


#wrap {min-height: 100%;}
#main {/*overflow:auto;*/padding-bottom: 193px;}  /* must be same height as the footer */
#mainNav {
	background-image: url(../images/indexLineH.jpg);
	background-position: 0px bottom;
	display: block;
	float: left;
	width: 757px;
	height: 55px;
	margin-left: -17px;
	position: relative;
	z-index:1;
}
#indexR #mainNav {
	height: auto;
	background-image: none;
	margin: 0px;
}
#footer {position: relative;margin-top: -193px; height: 193px;	clear:both;	background-image: url(../images/footer.png);
	background-position: center bottom; min-width:1000px;} 
/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;/* thank you Erik J - negate effect of float*/}
*{
	margin:0;
	padding:0;
	background-repeat: no-repeat;
	color: #7b5d45;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
}
object {
	float: left;
}
a { blr:expression(this.onFocus=this.blur());outline: none;}
a:focus { -moz-outline-style: none; }
a:hover{text-decoration:none;}
body {
	background-color: #fffff5;
}
img { border-style: none; }
h1 {
	height: 33px;
	display: block;
	text-indent: -8000px;
	margin-top: 15px;
	margin-bottom: 17px;
	float: left;
	font-size: 0px;
	line-height: 0px;
}
#title {
	float: left;
	margin-top: 15px;
	margin-bottom: 22px;
}
.path {
	float: right;
	width: 510px;
	color: #999;
	margin-top: 33px;
	text-align: right;
}
.path a {
	text-decoration: none;
}
.path a:hover {
	text-decoration: underline;
}
#wrap {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 122px;
	background-image: url(../images/banner.png);
}
.banner_member{background-position: 0px -366px;}
.banner_column{background-position: 0px -488px;}
.banner_product{background-position: 0px -244px;}
.banner_download{background-position: 0px -122px;}
#tool {
	float: right;
	margin-top: 12px;
	margin-right: 25px;
	line-height: 21px;
	display: inline;
}
#header img {
	float: left;
	margin-top: 25px;
	margin-left: 38px;
}
.clear{
	clear:both;
	display: block;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
a.btn {
	background-image: url(../images/toolbtn.png);
	display: block;
	float: left;
	text-decoration: none;
	padding-right: 6px;
	background-position: right -42px;
	outline:none;
	margin-right: 2px;
}
#membermsg {
	float: left;
	margin-right: 10px;
}

#membermsg a:hover { text-decoration: none; }

.fontsize {
	float: left;
	line-height: 21px;
}
.fontsize strong { float: left; }
a.btn {	background-position: right 0px;}
a.btn span {
	background-image: url(../images/toolbtn.png);
	background-position: left 0px;
	display: block;
	line-height: 21px;
	height: 21px;
	padding-left: 6px;
	color: #FFF;
	float: left;
	cursor: pointer;
}
a.btn:hover { background-position: right -21px;}
a.btn:hover span { background-position: left -21px;}

#tool a.btn,.maps a.btn,td a.btn{	background-position: right -42px;}
#tool a.btn span,.maps a.btn span,td a.btn span {	background-position: left -42px;}
#tool a.btn:hover,.maps a.btn:hover,td a.btn:hover{ background-position: right -63px; }
#tool a.btn:hover span,.maps a.btn:hover span,td a.btn:hover span { background-position: left -63px; }
.orderform td a.btn span { background-position: left 0px; }
.orderform td a.btn {
	background-position: right 0px;
	padding: 0px;
}
.orderform td a.btn:hover span { background-position: left -21px; }
.orderform td a.btn:hover { background-position: right -21px; }
#tool a.on {	background-position: right 0px;}
#tool a.on span {	background-position: left 0px;}
#tool a.on:hover { background-position: right 0px; cursor: default;}
#tool a.on:hover span { background-position: left 0px; cursor:text; }
#columnL {
	float: left;
	width: 178px;
	margin-right: 15px;
	margin-left: 25px;
	display: inline;
overflow: hidden;
}
#columnL input {
	background-color: #FFFFF5;
	width: 110px;
	float: left;
	height: 20px;
	line-height: 20px;
	border-style: none;
}
#searchBar {
	background-image: url(../images/search.jpg);
	float: left;
	width: 178px;
	padding-left: 10px;
	padding-top: 1px;
	margin-bottom: 10px;
	line-height: 16px;
	margin-top: 5px;
}
#searchBar a.btn { margin-left: 12px; }
.share img {
	margin-right: 3px;
	vertical-align: middle;
}
.share {
	float: left;
	margin-bottom: 10px;
	width: 178px;
}
a.newmember {
	background-repeat: no-repeat;
	height: 32px;
	width: 178px;
	display: block;
	float: left;
	padding-top: 38px;
	text-align: center;
	margin-bottom: 10px;
}
a.newmember:hover {
	background-position: right 0px;
	text-decoration: none;
}

.newmember span {
	display: none;
}
#subnav {
	float: left;
	width: 178px;
	margin-bottom: 10px;
}

#subnav a {
	position: relative;
	height: 38px;
	width: 178px;
	overflow: hidden;
	display: block;
	float: left;
}
#subnav a img {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}
#subnav a:hover img{
	left: -178px;
}
#subnav .last a {
	height: 34px;
}
#epaper {
	float: left;
	width: 178px;
	background-image: url(../images/epaper.png);
	display: block;
	height: 60px;
	padding-top: 12px;
	margin-bottom: 10px;
}
#epaper input {
	margin-left: 10px;
	width: 160px;
	margin-bottom: 7px;
}
#columnL dt {
	height: 40px;
	text-indent: -8000px;
}
a#serviceArea {
	float: left;
	width: 178px;
	margin-bottom: 15px;
	text-indent: -8000px;
	display: block;
	height: 56px;
}
a#serviceArea:hover{
	background-position: right;
}
#serviceArea span {
	background-image: url(../images/service.jpg);
	height: 16px;
	_height: 17px;
	width: 31px;
	color: #FFF;
	display: block;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	float: left;
	margin-right: 5px;
}

#serviceArea dt {
	height: 56px;
	margin-bottom: 5px;
}
#serviceArea dd {
	float: left;
	margin-top: 3px;
}
#serviceArea em {
	font-style: normal;
	color: #c65e78;
	font-weight: bold;
	width: 120px;
	float: left;
}

#serviceArea strong {
	float: left;
	line-height: 14px;
	width: 31px;
	text-align: center;
	margin-right: 5px;
}
#serviceArea .time {
	margin-top: 10px;
}
#columnL .banner {
	float: left;
	width: 178px;
	_width: 175px;
	overflow: hidden;
}
#columnL .banner img {
	margin-bottom: 5px;
	float: left;
}
#indexR {
	float: left;
	width: 780px;
	position:relative;
	background-image: url(../images/specialjp.gif);
	background-position: right 290px;
}
.keylink a {
	color: #78a581;
}
.keylink {
}
.keylink li {
	float: left;
	width: 178px;
	margin-right: 10px;
	text-align: center;
	line-height: 30px;
	height: 30px;
}
.keylink .hot a{
	color: #c65e78;
}
#mainNav li {
	float: left;
	margin-top: 5px;
	position: relative;
}
#mainNav a {
	background-position: center top;
	height: 37px;
	width: 140px;
	text-indent: -8000px;
	display: block;
}
#mainNav .product {
	background-position: center -37px;
}
#mainNav .download {
	background-position: center -74px;
}
#mainNav .column {
	background-position: center -111px;
}
#mainNav .member {
	background-position: center -148px;
}
#mainNav a:hover{background-position: right 0px;}
#mainNav a.product:hover {	background-position: right -37px;}
#mainNav a.download:hover {	background-position: right -74px;}
#mainNav a.column:hover {	background-position: right -111px;}
#mainNav a.member:hover {	background-position: right -148px;}
#mainNav .on a{background-position: left 0px;}
#mainNav .on a.product {	background-position: left -37px;}
#mainNav .on a.download {	background-position: left -74px;}
#mainNav .on a.column {	background-position: left -111px;}
#mainNav .on a.member {	background-position: left -148px;}
.hotnews {
	float: left;
	width: 550px;
	background-image: url(../images/hotnews.png);
	height: 32px;
	line-height: 32px;
	color: #f3ae00;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 10px;
	overflow: hidden;
}
.hotnews a {
	margin-left: 10px;
	text-decoration: none;
}
.hotnews a:hover {
	text-decoration: underline;
}
#cartInfo {
	width: 180px;
	float: left;
	height: 76px;
}
#cartInfo .icon {
	background-image: url(../images/cart.gif);
	height: 28px;
	width: 67px;
	display: block;
	text-align: center;
	padding-top: 37px;
	float: left;
	margin-right: 7px;
}
#indexR #cartInfo {
	position: absolute;
	top: 320px;
	right: 23px;
}
#cartInfo .info {
	float: left;
	width: 105px;
	margin-bottom: 3px;
}
#cartInfo strong {
	color: #c65e78;
	margin-right: 5px;
	margin-left: 5px;
}
.indexProduct {
	float: left;
	width: 360px;
	position: relative;
	margin-left: 10px;
	background-image: url(../images/indexLineV.png);
	background-position: right;
	display: inline;
}
.indexProduct dd {
	float: left;
	width: 105px;
	margin-right: 15px;
	display: inline;
}
.productlist a,#productlist li a,#newproduct li a {
	text-decoration: none;
	display: block;
	position: relative;
	margin-bottom: 5px;
}

.productlist img {
	margin-top: 1px;
	margin-left: 1px;
}
.productlist span {
	background-image: url(../images/indexProduct.png);
	height: 102px;
	width: 102px;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor:pointer;
}
.productlist .price {
	color: #6c95cb;
}
.productlist strong{
	color: #4a7ec3;
	margin-right: 5px;
	margin-left: 5px;
}
.indexProduct dt {
	height: 40px;
	text-indent: -8000px;
	margin-bottom: 10px;
}
.productlist a:hover,#productlist li a:hover,#newproduct li a:hover {
	text-decoration: underline;
}
a.buy {
	background-image: url(../images/spotbtn.png);
	display: block;
	height: 22px;
	width: 48px;
	line-height: 20px;
	color: #FFF;
	padding-left: 7px;
	margin-top: 5px;
}
a.buy:hover {
	background-position: 0px -22px;
	text-decoration: none;
}
#productlist a.buy:hover {
	text-decoration: none;
}
.price a.buy {
	background-position: 0px -44px;
}
.price a.buy:hover {
	background-position: 0px -66px;
}
.pricespecail {
	color: #c65e78;
}
.pricespecail strong {
	color: #b83858;
}
.indexProduct .newproduct {
	background-position: 0px -40px;
}
#indexnewproduct {
	margin-left: 10px;
	background-image: none;
}
#indexBottom {
	background-image: url(../images/indexLineH.jpg);
	background-position: top;
	margin-top: 10px;
	padding-top: 10px;
	float: left;
	width: 757px;
}
#indexBottom dl {
	float: left;
	width: 218px;
	padding-left: 15px;
	background-image: url(../images/indexLineV.png);
	background-position: right;
	padding-right: 15px;
	display: inline;
	height: 210px;
}
#indexBottom dt {
	background-position: 0px -79px;
	height: 40px;
	margin-bottom: 10px;
	text-indent: -8000px;
	width: 200px;
}
#indexBottom img {
	border: 1px solid #c9c7e8;
	float: left;
	margin-right: 10px;
}
#indexBottom a {
	font-weight: bold;
	color: #8c89b9;
	display: block;
	margin-bottom: 5px;
}
.bestsale dd {
	width: 230px;
}

#indexBottom .bestsale {
	position: relative;
	background-image: none;
	width: 230px;
	padding-right: 0px;
}

#indexBottom .topic dd {
	float: left;
	width: 220px;
	margin-bottom: 15px;
	height: 63px;
	overflow: hidden;
}
#indexBottom .topic dt {
	background-position: 0px -120px;
}
#indexBottom .bestsale dt {
	background-position: 0px -160px;
	width: 240px;
}
#indexBottom .bestsale a {
	color: #8FC083;
}
#indexBottom .bestsale img {
	border-top-color: #8FC083;
	border-right-color: #8FC083;
	border-bottom-color: #8FC083;
	border-left-color: #8FC083;
}
#indexBottom .bestpic {
	float: left;
	position: relative;
}
#indexBottom .bestpic span {
	background-image: url(../images/no1.png);
	display: block;
	height: 33px;
	width: 38px;
	position: absolute;
	left: 84px;
	top: 1px;
}
#indexBottom a.readmore ,#indexBottom a.buy {
	background-image: url(../images/spotbtn.png);
	background-position: 0px -88px;
	font-weight: normal;
	color: #FFF;
	height: 25px;
	width: 57px;
	float: left;
	text-decoration: none;
	line-height: 25px;
	margin-top: 5px;
	padding-left: 7px;
}
#indexBottom a.readmore:hover {
	background-position: 0px -113px;
}
#indexBottom a.buy {
	background-position: 0px -138px;
}
#indexBottom a.buy:hover {
	background-position: 0px -163px;
}
#indexBottom .pager {
	float: left;
	width: 100px;
	margin-left: 75px;
	display: inline;
	height: 20px;
}
#indexBottom .pager a{
	background-image:url(../images/arrow.png);
	width:12px;
	background-position:center 0px;
	text-indent:-8000px;
	height: 8px;
	float: left;
	display: block;
	margin-top: 5px;
	font-size: 0px;
	line-height: 0px;
}#indexBottom .pager span {
	color: #6CB099;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
#indexBottom  .pager .next {
	background-position: center -16px;
}
#indexBottom  .pager a:hover {
	background-position: center -8px;
}
#indexBottom  .pager a.next:hover {
	background-position: center -24px;
}#waytopay {
	float: left;
	height: 41px;
	width: 758px;
	margin-top: 10px;
}
#waytopay h3 {
	text-indent: -8000px;
	float: left;
}
#waytopay li {
	float: left;
	margin-right: 20px;
}
#waytopay ul {
	float: left;
	width: 550px;
	margin-top: 7px;
	margin-left: 180px;
	display: inline;
}
#footer .copyright{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#footer ul {width: 850px;
	margin-right: auto;
	margin-left: auto;
	display: block;
padding-left: 0px;}
#footer li {
	float: left;
	margin-top: 42px;
	position: relative;
}
#footer .copyright {
	margin-top: 100px;
	padding-left: 50px;
	width: 950px;
	position: relative;
}
.copyright a {
	background-image: url(../images/top.png);
	height: 10px;
	width: 82px;
	display: block;
	text-indent: -8000px;
	position: absolute;
	left: 836px;
	top: -54px;
	font-size: 0px;
	line-height: 0px;
}
.copyright a:hover{
	background-position: 0px bottom;
}
#subnav .columnCata {
	background-position: 0px -40px;
}
#subnav ul {
	margin-top: 5px;
	float: left;
	background-image: url(../images/indexLineH.jpg);
	background-position: 0px bottom;
	padding-bottom: 15px;
	width: 178px;
}
#subnav li {
	float: left;
}

#subnav li a {
	background-image: url(../images/subArrow.gif);
	position: static;
	background-position: 10px 10px;
	padding-left: 20px;
	width: 158px;
	height: 28px;
	text-decoration: none;
}
#subnav li a:hover {
	background-color: #F5F2EF;
}
#subnav li .on {
	font-weight: bold;
	color: #d99b42;
	background-image: url(../images/subArrowon.gif);
}
#newcolumn {
	float: left;
	margin-bottom: 5px;
}
#newcolumn .topic {
	background-image: url(../images/columnsnew.jpg);
	height: 41px;
	padding-left: 50px;
	display: block;
	margin-top: 5px;
	padding-top: 3px;
	line-height: 20px;
}
#newcolumn strong {
	display: block;
}
#newComment dt {
	background-position: 0px -80px;
	margin-bottom: 15px;
}
#newComment {
	float: left;
	width: 178px;
}
#newComment dd {
	background-image: url(../images/listIcon.jpg);
	background-position: 5px 5px;
	padding-left: 17px;
	margin-bottom: 10px;
	display: block;
	color: #D99B42;
	line-height: 20px;
}
#newComment dd a {
	display: block;
}
#track dt {
	background-position: 0px -120px;
	margin-bottom: 10px;
}
#track img {
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
}
#track {
	float: left;
	width: 178px;
}
h1.column {	background-position: 0px -66px;}
h1.news {	background-position: 0px -99px;}
h1.contact {	background-position: 0px -230px;}
h1.download {	background-position: 0px -263px;}
h1.stores {	background-position: 0px -296px;}
h1.storesImg {	background-position: 0px -329px;}
h1.storesVideo {background-position: 0px -362px;}
h1.ifMember {background-position: 0px -395px;}
h1.orderList {background-position: 0px -428px;}
h1.orderForm {background-position: 0px -461px;}
h1.orderFinish {background-position: 0px -494px;}
h1.memberLogin {background-position: 0px -527px;}
h1.memberLimit {background-position: 0px -560px;}
h1.memberJoin {background-position: 0px -593px;}
h1.memberProfile {background-position: 0px -626px;}
h1.orderHistory {background-position: 0px -659px;}
h1.forgetpw {background-position: 0px -692px;}
h1.confirm {background-position: 0px -725px;}
h1.cancel {background-position: 0px -756px;}
h1.search_reasult {	background-position: 0px -824px;}
#columnR {
	float: right;
	width: 740px;
	margin-right: 25px;
	display: inline;
}
h2 {
	float: left;
	background-image: url(../images/columnsTitle.jpg);
	height: 39px;
	width: 688px;
	font-size: 16px;
	line-height: 39px;
	padding-left: 55px;
}
.articleInfo {
	text-align: right;
	display: block;
	color: #ad9481;
	float: right;
	width: 700px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.article div{
	float: left;
	width: 747px;
	color: #888888;
	margin-bottom: 13px;
}
.article {
	background-image: url(../images/lineH.png);
	background-position: 0px bottom;
	float: left;
}
.article h4 {
	font-weight: normal;
	color: #000;
}
.article .floatR div{
	float: left;
	width: 500px;
	color: #888888;
}
#articleContent .floatR{
	width: 740px;
}
#articleContent p{color: #888888;}
.article .floatR img{
	float: right;
}
.article .floatL div{
	float: right;
	width: 500px;
}
.article .floatL img {
	float: left;
}
.columnTheme  {
	float: left;
	background-image: url(../images/columnsIcon.png);
	height: 44px;
	width: 370px;
}
.columnTheme strong {
	font-weight: normal;
	color: #FFF;
	text-align: center;
	float: left;
	width: 30px;
	display: inline;
	height: 30px;
	margin-top: 7px;
	margin-left: 7px;
	margin-right: 12px;
}
.columnTheme a {
	color: #E69B63;
	margin-top: 10px;
	display: block;
}
.article .more {
	font-size: 13px;
	display: block;
	color: #78a581;
	margin-top: 10px;
}
.article h2 { margin-bottom: 10px; }
#articleList { background-image: none; }
#articleList .floatR,#articleList .floatL,#articleList .floatN {
	background-image: url(../images/lineH.png);
	background-position: bottom;
	margin-bottom: 5px;
	padding-bottom: 15px;
}
a.recentColumn {
	color: #d99b42;
	float: left;
	width: 400px;
	margin-bottom: 15px;
}
.articleListInfo ul {
	float: right;
	width: 160px;
}
.articleListInfo li {
	float: left;
	margin-right: 10px;
}
.articleListInfo img {
	float: left;
	margin-right: 3px;
	margin-top: 3px;
}



#shareCount {
	background-image: url(../images/share.png);
	height: 75px;
	width: 142px;
	float: right;
	padding-left: 225px;
	padding-top: 7px;
	color: #64503a;
	margin-bottom: 10px;
}
#shareCount strong {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 27px;
	color: #64503a;
	margin-left: 25px;
}
a.faceBook {
	color: #3B5998;
	background-image: url(../images/faceBook.gif);
}
a.plurk {
	color: #CF682F;
	background-image: url(../images/plurk.gif);
}
#shareCount a {
	display: block;
	float: left;
	padding-left: 20px;
	margin-right: 5px;
}
.unitBanner {
	float: left;
	margin-bottom: 13px;
}
#columnL .banner175 img { border: 1px solid #f1dab9; }
#sort {
	float: right;
	/*width: 250px;*/
	line-height: 30px;
	padding-right:10px;
	margin-bottom:20px;
}
#sort select {
	float: left;
	margin-right: 10px;
}
#sort strong {
	float: left;
	color: #7B5D45;
	padding: 0px;
	line-height: 20px;
}
#sort .descend { background-position: right -16px; }
#sort a {
	line-height: 20px;
	background-image: url(../images/sort.gif);
	height: 20px;
	display: block;
	float: left;
	margin-right: 7px;
	padding-right: 17px;
	background-position: right 3px;
}
#productlist {
	float: left;
	width: 590px;
	position: relative;
}
#productlist ul {
	float: left;
	width: 590px;
	position: relative;
	margin-top: 10px;
	background-image: url(../images/lineH.png);
	background-position: 0px bottom;
	margin-bottom: 5px;
}

#productlist li {
	float: left;
	width: 136px;
	position: relative;
	margin-right: 5px;
	margin-left: 6px;
	display: inline;
	height: 225px;
	margin-bottom: 10px;
}
#productlist li img { margin-bottom: 5px; }
#productlist li a span {
	background-image: url(../images/productList.png);
	display: block;
	height: 133px;
	width: 132px;
	position: absolute;
	cursor:pointer;
	z-index: 1;
}
#productlist a.like {
	color: #D88F9A;
	background-image: url(../images/like.gif);
	padding-left: 15px;
	background-position: 0px 1px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	width: 30px;
	text-decoration: underline;
}
#productlist a.like:hover{text-decoration: none;}
#productlist .icon,#specail .icon {
	background-image: url(../images/productIcon.png);
	height: 17px;
	width: 57px;
	display: block;
	position: absolute;
	z-index: 2;
	top: -8px;
	color: #FFF;
	text-align: center;
	line-height: 17px;
	font-size: 11px;
	left: -8px;
}
#specail .icon { position: static; }
#specail{
	float: right;
	width: 60px;
}
#specail li{ margin-bottom: 3px; 
}
#productlist .red,#specail .red { background-position: 0px -18px; }
#productlist .green,#specail .green { background-position: 0px -36px; }
#productlist .purple,#specail .purple { background-position: 0px -54px; }
#productlist .gray,#specail .gray { background-position: 0px -72px; }
#newproduct {
	background-image: url(../images/newproductBg.png);
	background-position: bottom;
	width: 138px;
	float: right;
	position: relative;
	padding-bottom: 20px;
}
#newproduct ul {
	float: left;
	margin-left: 17px;
	display: inline;
}

#newproduct li {
	float: left;
	width: 105px;
	text-align: center;
	margin-bottom: 5px;
}

#newproduct h3 {
	color: #FFF;
	background-image: url(../images/newproductTitle.png);
	text-align: center;
	height: 28px;
	width: 138px;
	font-weight: normal;
	line-height: 18px;
	font-size: 13px;
}
#newproduct span {
	background-image: url(../images/newproduct.png);
	height: 105px;
	width: 105px;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor:pointer;
}
#pager {
	float: left;
	width: 730px;
	background-image: url(../images/pager.jpg);
	height: 32px;
	line-height: 32px;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 10px;
}
#pager a {
	float: left;
	display: block;
	height: 20px;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 20px;
	text-decoration: none;
}
#pager a:hover{ color: #463726; }
#pager a.pre,#pager a.next{background-image: url(../images/pagerArrow.jpg);
	text-decoration: underline;}
#pager a.pre:hover,#pager a.next:hover{text-decoration: none;}
#pager a.pre {
	background-position: left 0px;
	padding-left: 10px;
}
#pager a.next {
	background-position: right -40px;
	padding-right: 10px;
}
#pager a.pre:hover {
	background-position: left -20px;
}
#pager a.next:hover {
	background-position: right -60px;
}
#pager span {
	line-height: 20px;
	background-image: url(../images/pageOn.jpg);
	display: block;
	float: left;
	height: 20px;
	width: 24px;
	text-align: center;
	color: #FFF;
}
.productlistrow,#recentProject{
	float: left;
	width: 740px;
	position: relative;
	margin-bottom:20px;
}
#about h3.milestone,.productlistrow h3,.productlistrow dt,#whatis h3 {
	display: block;
	height: 32px;
	width: 739px;
	text-indent: -8000px;
	margin-bottom:15px;
	position: relative;
}
#whatis h3 {
	padding: 0px;
	float: left;
	background-position: 0px -160px;
	margin-bottom: 10px;
}
.productlistrow ul{ margin-left:25px;height:188px; overflow:hidden; position:relative;}
.productlist li {
	float: left;
	width: 105px;
	margin-right: 5px;
	margin-left: 5px;
}

#recentProject dd,#recentProject li{
	float: left;
	width: 120px;
	margin-right: 13px;
	margin-left: 13px;
	display: inline;
	height: 255px;
	margin-bottom: 15px;
}
#recentProject a.title{
	font-weight:bold;
	padding:10px 0;
	text-decoration:none;
	display: block;
}
#recentProject div{ color:#666;}
#recentProject a.title:hover{
	background:url(../images/overdot.gif) no-repeat left center;}

.arrowL,.arrowR{ display:block; width:15px; height:31px; 
background-image:url(../images/productPick.gif); text-indent:-9000px;}
a.arrowL{ background-position:left top;}
a.arrowR{ background-position:right top; }
a.arrowL:hover{ background-position:left bottom;}
a.arrowR:hover{ background-position:right bottom;}
#relativeProduct .arrowL,#relativeProduct .arrowR{ top:85px; position:absolute;}
#relativeProduct .arrowL{ left:10px;}
#relativeProduct .arrowR{ right:10px;}


#reply{
	margin-bottom:20px;
	float:left;
	position: relative;
}
.reply .userIMG{ width:52px; height:52px; padding:2px; float:left; margin-right:10px; position:relative;}
.reply .userIMG img{
	height: 50px;
	width: 50px;
}
.reply .userIMG span{ background:url(../images/userImgFrame.gif) no-repeat; width:52px; height:52px; position:absolute; left:0;top:0;}
.reply strong{ font-weight:bold;}
.reply .replyBlock{ width:580px; float:left;  margin-right:10px;}
.reply .replyBlock .replyBlock{ width:480px;}
.reply .replyBlock div{
	margin-top:6px;
	color:#888;
	line-height: 18px;
}
.replyBlock strong{ margin-right:10px;}
.replyBlock em{ color:#ad9481; font-style:normal; margin-bottom:100px;}
.reply .replyBlock.official{ width:580px;}

.reply li {
	background:url(../images/lineH.png) no-repeat left bottom;
	float:left;
	padding-bottom:10px;
	padding-top:10px;
	position: relative;
}
.replyNumber{ display:block; float:left; }
.replyNumber strong{font-size:36px; color:#e9e9dd; text-align:right; width:100%; display:block; font-weight:normal;}
.replyNumber a{ background:url(../images/ico_reply.gif) left center no-repeat; padding-left:15px; text-decoration:none; display:block; font-size:12px;}
.replyNumber a:hover{ text-decoration:underline;}

h2 .top{ margin-right:20px;}
#columnR a.top,#columnR dt a.more{
	background-image:url(../images/top2.png);
	width:40px;
	height:13px;
	text-indent:-9000px;
	position: absolute;
	top: 10px;
	right: 0px;
	z-index: 5;
	font-size: 0px;
	line-height: 0px;
}
a.top:hover,dt a.more:hover{background-position:bottom;}
#columnR dt a.more{
	background-image:url(../images/more.png);
	width:50px;
}

.reply .replyBlock.official{ width:600px; padding-left:75px; margin-left:30px;
background:url(../images/reply_figure.gif) 0 15px no-repeat; min-height:85px;}

.reply .official .r_top{ background:url(../images/reply_official_top.gif) no-repeat top; width:600px; padding-top:45px;padding-left:0px;}
.reply .official .r_bottom{
	background:url(../images/reply_official_bottom.gif) bottom;
	width:550px;
	padding-left:50px;
	padding-bottom:30px;
	margin: 0px;
}
.reply .official .content{
	width: 510px;
	margin: 0px;
}

.replyForm{
	width:720px;
	padding-bottom:15px;
	margin:10px 0 10px 0px;
	background-image:url(../images/lineH_dark.gif);
	background-position:0 100%;
	float:left;
	padding-left: 20px;
}
.replyForm .fb{ color:#5671a8;}
.replyForm .sumit{
	width:57px;
	background-position:0 -308px;
	text-decoration:none;
	float:right;
	background-image: url(../images/spotbtn.png);
	line-height: 25px;
	height: 25px;
	color: #FFF;
	display: block;
	padding-left: 6px;
	margin-right: 5px;
	margin-top: 5px;
}
.replyForm a.sumit:hover{background-position:0 -333px;}
.replyForm .input,.replyForm label,.replyForm input,.replyForm span{ float:left;}
.replyForm label{ padding:5px 0; font-size:15px;}
.replyForm input,.replyForm textarea{ border:none; background:none; margin-top:5px; color:#ad9581;}
.replyForm .input{ background-image:url(../images/inputR.gif); background-position:right; width:150px; height:27px; margin-left:5px; margin-right:10px;}
.replyForm .input span{ background-image:url(../images/inputL.gif); width:10px; height:27px; display:block;}
.replyForm .textarea{ background-image:url(../images/textareaR.gif); background-position:right; width:700px; height:114px; margin-left:5px; margin-right:10px; clear:both; margin-top:20px;}
.replyForm .textarea span{ background-image:url(../images/textareaL.gif); width:10px; height:114px; display:block;}
.replyForm textarea{ height:100px; width:680px;}


.addcart,.return {
	background-image: url(../images/likepop.png);
	height: 52px;
	width: 121px;
	position: absolute;
	z-index: 2;
	padding-left: 55px;
	padding-top: 12px;
	padding-right: 12px;
	display:none;
}
.likepop{
	background-image: url(../images/likepop.png);
	height: 52px;
	width: 125px;
	position: absolute;
	z-index: 20;
	padding-left: 55px;
	padding-top: 9px;
	padding-right: 12px;
	display:none;
	line-height:18px;
}
a.close {
	background-image: url(../images/likeclose.png);
	height: 20px;
	width: 19px;
	display: block;
	float: right;
	text-indent: -8000px;
	margin-top: -6px;
}
.addcart {
	background-image: url(../images/addCart.png);
    width: 151px;
	padding-left:25px;
}
a.close:hover{ 
background-position: -19px 0px;
}
.likepop strong {
	color: #B83858;
	padding-right: 5px;
	padding-left: 5px;
}

#nav li {
	width: 55px;
	float: left;
	display: inline;
	margin-top: 7px;
	margin-right: 5px;
}
#nav a {
	width: 55px;
	display: block;
	border: 1px solid #FFF;
}
#nav a.activeSlide { border: 1px solid  #E7B771; }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }
#slider {
	float: left;
	width: 310px;
	position: relative;
	margin-top: 10px;
	overflow: hidden;
}
#slideshow {
	border: 1px solid #e4d9c8;
	background-color: #FFF;
	height: 300px;
	width: 300px;
	overflow: hidden;
}
#slideshow span {
	display: table-cell;
	vertical-align:middle;
	text-align:center;
*display: block;
*font-size: 261px;
*font-family:Arial;
	height: 300px;
	width: 300px;
	cursor:pointer;
}
#slideshow img { vertical-align: middle; }
#slideshow a{
	background-image: url(../images/zoom.png);
	_background-image: url(../images/zoom.gif);
	background-position: center -100px;
	background-repeat: no-repeat;
	display: block;
	height: 300px;
	width: 300px;
	position: absolute;
}
#slideshow a:hover{
	background-position: center center;
}
#productinfo {
	float: right;
	width: 420px;
	margin-top: 10px;
	position: relative;
}
#productinfo .unicode{
	font-size: 11px;
	color: #666;
	margin-bottom: 5px;
	display: block;
	margin-top: 5px;
}
#feature{float:left;width: 350px;}
#feature li {
	background-image: url(../images/listIcon.jpg);
	background-position: 0px 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	display: block;
	
}
#spec li {
	border-bottom: 1px dashed #cfb6a2;
	padding-top: 3px;
	padding-bottom: 3px;
}
#spec {
	margin-top: 15px;
	margin-bottom: 10px;
	float: left;
	width: 420px;
}
#productinfo .stock {
	float: left;
	padding: 3px 6px;
	background-color: #FFF;
	border: 1px solid #CFB6A2;
	margin-top: 10px;
	min-width:150px;
	_width:150px;
}

.detailprice {
	float: left;
	width: 420px;
	color: #6c95cb;
	margin-bottom: 10px;
}
.detailprice span {
	color: #6C95CB;
	float: left;
}

.detailprice strong {
	font: 30px Verdana, Geneva, sans-serif, "?啁敦??";
	color: #4a7ec3;
}
#productinfo .detailprice a.buy,#productinfo .out {
	background-image: url(../images/spotbtn.png);
	background-position: 0px -250px;
	height: 29px;
	width: 75px;
	color: #FFF;
	float: left;
	font-size: 15px;
	text-decoration: none;
	line-height: 27px;
	margin-left: 10px;
	margin-right: 5px;
}
#productinfo .out{
	background-position: 0px -360px;
	padding: 0px;
	margin-top: 5px;
	text-align: center;
	width: 82px;
	margin-left: 0px;
	float: left;
}
#productinfo .detailprice a.buy:hover {
	background-position: 0px -280px;
}
#productinfo .detailprice a.cart {
	line-height: 35px;
	background-image: url(../images/carticon.gif);
	background-position: 0px 5px;
	display: block;
	height: 35px;
	float: left;
	padding-left: 25px;
}
#productinfo .price_strike {
	color: #999;
	text-decoration: line-through;
	margin: 0px;
}
#productinfo .price_speacial span { color: #c65e78; }
#productinfo .price_speacial .out { color: #fff; }
#productinfo .price_speacial strong { color: #c65e78; }
#productinfo .price_speacial a.buy { background-position: 0px -190px; }
#productinfo .price_speacial a.buy:hover { background-position: 0px -220px; }
#productinfo .columnTheme {
	width: 420px;
	height: auto;
	margin-bottom: 10px;
}
#productinfo .columnTheme a { margin: 0px; }
#productinfo .columnTheme ul {
	float: left;
}
#productinfo .columnTheme li {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-image: url(../images/subArrowon.gif);
	background-position: 0px 7px;
}
#editor {
	float: left;
	width: 740px;
	color: #888888;
	text-align: justify;
	background-image: url(../images/lineH.png);
	background-position: 0px top;
	padding-top: 10px;
}
#editor strong {
	font-size:13px;
	display:block;
	color: #78a581;
}
#editor em {
	color: #E69B63;
	font-style: normal;
	font-weight: bold;
}
#editor .image {
	display: block;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
#whatis {
	float: left;
	width: 740px;
	position: relative;
	margin-bottom: 20px;
}
#whatis p {
	float: left;
	width: 700px;
	line-height: 20px;
	color: #888;
	padding-right: 20px;
	padding-left: 20px;
}
#recentview h3 {
	background-position:0 -32px;
}
h3.onsale { background-position: 0px -128px; }
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../images/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
	background-repeat: repeat;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}
#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('blank.gif');
	z-index: 1102;
	display: none;
}
#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../images/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../images/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox-x.png');
	background-repeat: repeat;
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -162px;
	background-repeat: repeat;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fancybox-y.png');
	background-position: -20px 0px;
	background-repeat: repeat;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -182px; 
	background-repeat: repeat;
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox-x.png');
	background-position: 0px -20px;
	background-repeat: repeat;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -142px;
	background-repeat: repeat;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fancybox-y.png');
	background-repeat: repeat;
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -122px;
	background-repeat: repeat;
}

h2.productTitle {
	background-image: url(../images/productTitle.jpg);
	width: 690px;
	position: relative;
	float: left;
}
.productTitle .only {
	position: absolute;
	left: 7px;
	top: 0px;
	background-image: url(../images/only.png);
	display: block;
	height: 41px;
	width: 44px;
	background-position: 0px -82px;
}
.productTitle .taiwan{background-position: 0px 0px;}
.productTitle .china{background-position: 0px -41px;}
#subnav .newsCata {
	background-position: 0px -160px;
}
#newslist{
	float:left;
}
#newslist li{
	width:757px;
	background-image:url(../images/lineH.png);
	background-position:0 bottom;
	float:left;
}
#newslist span,#newslist em,#newslist li a
{	padding-top: 4px;
	padding-bottom: 12px;}
#newslist span{
	float:left;
	width:57px;
	display:block;
	background-image:url(../images/news_span.gif);
	padding-left:33px;
}
#newslist .active{
	background-position:13px 0px;
	color:#d27887;
}
#newslist .company{
	background-position:13px -32px;
	color:#c48d3d;
}
#newslist .news{
	background-position:13px -64px;
	color:#6f96ca;
}
#newslist em{
	float:left;
	width:88px;
	display:block;
	color:#888888;
	font-style: normal;
	text-align: center;
}
#newslist li a{
	float:left;
	display: block;
	text-decoration: none;
	padding-left: 10px;
	width: 550px;
}
#newslist li a:hover{text-decoration:underline;}
.newsBanner {
	float: left;
	width: 757px;
}
.newsBanner img { border: 1px solid #CEC6BD; }
.newsBanner a {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
.newsinfo {
	width: 745px;
	background-image: url(../images/lineH.png);
	background-position: 0px bottom;
	margin-bottom: 10px;
}
#about {
	float: left;
	width: 740px;
	background-image: url(../images/about_img.jpg);
	background-position: right 0px;
	position: relative;
}
#about h3,#stores h3  {
	height: 23px;
	padding-top: 20px;
	padding-left: 48px;
	margin-bottom: 20px;
	font-size: 12px;
}
#about h3 strong,#stores h3 strong{
	display: none;
}
#about dl {
	float: left;
	width: 340px;
	margin-right: 30px;
	margin-bottom: 10px;
}
#about dd {
	color: #888888;
	line-height: 22px;
	text-align: justify;
}
#about dt {
	margin-bottom: 5px;
	background-image: url(../images/pinkIcon.jpg);
	display: block;
	padding-left: 18px;
	background-position: 0px 1px;
}
#about .title2 {
	background-position: 0px -31px;
	margin-top: 25px;
}
#about .title3 {
	background-position: 0px -63px;
	margin-top: 30px;
}
/*#about .para2 {
	background-image: url(../images/about_child.jpg);
	padding-left: 95px;
}*/
#about .milestone {
	padding: 0px;
	float: left;
	background-position: 0px -96px;
	margin-top: 20px;
}
#about ul {
	background-image: url(../images/about_milestone.jpg);
	display: block;
	float: left;
	height: 296px;
	width: 742px;
	position: relative;
}
#about li strong {
	display: none;
}
#about li {
	position: absolute;
	
}
#about ul ol li {
	color: #888;
	position: static;
	margin-bottom: 8px;
}

.y1995 {
	left: 22px;
	top: 27px;
	width: 132px;
	height: 54px;
	color: #888;
}
.y1996 {
	left: 50px;
	top: 182px;
	width: 268px;
	height: 99px;
}
.y1997 {
	left: 291px;
	top: 24px;
	width: 178px;
	height: 81px;
}
.y1998 {
	left: 432px;
	top: 185px;
	width: 202px;
	height: 124px;
}
.y2008 {
	left: 600px;
	top: 31px;
	width: 114px;
	height: 99px;
}
.maps {
	float: left;
	width: 750px;
	overflow: hidden;
	margin-bottom: 25px;
}

.maps li {
	float: left;
	width: 240px;
	margin-right: 10px;
}
.maps img { margin-bottom: 5px; }
.maps dl {
	float: left;
	width: 240px;
	margin-top: 10px;
}
.maps dt {
	margin-bottom: 7px;
	background-image: url(../images/pinkIcon.jpg);
	padding-left: 17px;
}

.maps dd {
	color: #888888;
	margin-bottom: 3px;
	padding-left: 17px;
}
.bottunCenter {
	display: inline;
	float: left;
	margin-left: 325px;
}
a.send {
	background-image: url(../images/stepBtn.gif);
	height: 30px;
	width: 78px;
	float: left;
	padding-left: 27px;
	color: #FFF;
	font-size: 15px;
	text-decoration: none;
	line-height: 27px;
	margin-top: 10px;
	display: block;
}
a.send:hover{ background-position: 0px -30px; }
.headline {
	background-image: url(../images/headLine.gif);
	height: 5px;
	width: 735px;
	float: left;
	font-size: 0px;
	line-height: 0px;
	margin-bottom:20px;
}
.caption {
	display: block;
	float: left;
	width: 700px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#desktop {
	width: 750px;
	float: left;
	position: relative;
}
#desktop li {
	float: left;
	margin-right: 15px;
	_margin-right: 12px;
	width: 235px;
	margin-bottom: 15px;
	display: inline;
}
.desktop {
	height: 145px;
	width: 235px;
	margin-bottom: 10px;
	border: 1px solid #d2d2d2;
	position: relative;
}
#desktop .download {
	float: left;
	margin-left: 45px;
	width: 180px;
	display: inline;
}
#desktop .btn {
	margin-bottom: 5px;
	margin-right: 5px;
}
.desktop strong {
	background-image: url(../images/new.png);
	height: 15px;
	width: 32px;
	text-indent: -8000px;
	display: block;
	position: absolute;
	left: 3px;
	top: 3px;
	z-index: 5;
}
#userimg li {
	float: left;
	width: 97px;
	margin-right: 25px;
	_margin-right: 20px;
	height: 123px;
	display: inline;
}
#userimg img { border: 1px solid #C0C0C0; }
#userimg strong ,#expression strong{
	background-image: url(../images/new.png);
	height: 15px;
	width: 32px;
	text-indent: -8000px;
	display: block;
	margin-top: 2px;
}
h2.smile {
	background-image: url(../images/download_title.jpg);
	height: 36px;
	width: 685px;
}
#expression li {
	float: left;
	margin-right: 8px;
	width: 52px;
	height: 70px;
	display: inline;
}
#desktop .btn { background-position: right -84px; }
#desktop .btn span { background-position: left -84px; }
#desktop a.btn:hover { background-position: right 0px; }
#desktop a.btn:hover span { background-position: left 0px; }
.soon {
	background-image: url(../images/temp/soon.png);
	height: 83px;
	width: 153px;
	text-indent: -8000px;
	display: block;
	position: absolute;
	top: -70px;
	left: -10px;
}
#stores {
	float: left;
	width: 740px;
	background-position: 0px bottom;
	background-image: url(../images/lineH_pink.jpg);
	padding-bottom: 20px;
	line-height: 22px;
	color: #888888;
}
#stores div {
	float: right;
	width: 360px;
	color: #888;
}
#stores img {
	float: left;
}
#stores a {
	background-image: url(../images/storesBtn.gif);
	display: block;
	height: 27px;
	width: 78px;
	color: #FFF;
	float: left;
	padding-left: 22px;
	text-decoration: none;
	line-height: 27px;
	margin-top: 15px;
	margin-left: 5px;
}
#footer .soon{
	top: -85px;
	left: -55px;}
#stores a:hover{background-position: 0px -27px;}
#stores a.btn2 {
	background-position: 0px -54px;
}
#stores a.btn2:hover {
	background-position: 0px -81px;
}
#stores .btngroup {
	float: right;
	width: 210px;
}
h4.stores{
	height: 44px;
	width: 242px;
	display: block;
	text-indent: -8000px;
	float: left;
	margin-bottom: 10px;
}
.storesList {
	float: left;
	width: 750px;
	background-image: url(../images/lineH_pink.jpg);
	background-position: 0px bottom;
	padding-bottom: 20px;
	position: relative;
	height: 135px;
	overflow: hidden;
}
.storesList li {
	float: left;
	width: 102px;
	text-align: center;
	position: relative;
	margin-right: 5px;
}
.storesList .frame {
	background-image: url(../images/storeFrame.png);
	height: 100px;
	width: 102px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}
.storesList img {
	margin-top: 1px;
	margin-left: 1px;
	margin-bottom: 5px;
	float: left;
}
.storesList a {
	float: left;
	width: 102px;
}
h4.online {
	background-position: 0px -44px;
}
#storesimg {
	float: left;
	width: 740px;
	position: relative;
}
#storesimg #subnav {
	width: 140px;
	margin-right: 15px;
}

#storesimg #subnav a {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cfb6a2;
	width: 120px;
}
#storesimg #gallery {
	height: 428px;
	width: 368px;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor:pointer;
}
#storesimg #gallery img{
	border: 4px solid #e9be7d;
}
#storesimg #gallery span{
	text-align:center;
	width: 360px;
}
#storesimg #next {
	height: 51px;
	width: 99px;
	position: absolute;
	top: 4px;
	left: 300px;
	z-index: 100;
	visibility: hidden;
}
#galleryPager {
	float: left;
	margin-bottom: 20px;
	width: 200px;
}

#galleryPager a{
	background-image: url(../images/galleryPager.jpg);
	display: block;
	float: left;
	height: 16px;
	width: 18px;
	text-indent: -8000px;
}
#galleryPager a.activeSlide{ background-position: right 0px; }.galleryInfo {
	float: left;
	margin-left: 15px;
	width: 200px;
	color: #888;
	line-height: 20px;
}
.galleryInfo h3 {
	line-height: 13px;
	margin-bottom: 10px;
}
.storesPager {
	float: right;
	margin-top: 25px;
}
.storesPager a {
	color: #FFF;
	display: block;
	float: left;
	background-image: url(../images/storesPager.jpg);
	height: 19px;
	width: 21px;
	text-decoration: none;
	text-align: center;
	line-height: 19px;
	margin-left: 5px;
}
.storesPager a:hover { background-position: center 0px; }
.storesPager a.active,.storesPager a.active:hover { background-position: right 0px; }
.bannerleft {
	float: left;
	width: 178px;
	margin-top: 10px;
}
.bannerleft img {
	border: 1px solid #f1dab9;
	margin-bottom: 10px;
}
.cartStep {
	float: left;
	width: 740px;
	background-image: url(../images/headLine.gif);
	background-position: 0px bottom;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.cartStep li {
	height: 53px;
	width: 118px;
	display: inline;
	float: left;
	font-size: 15px;
	line-height: 53px;
	padding-left: 75px;
}
.cartStep .step2 {
	background-position: -193px 0px;
	width: 127px;
}
.cartStep .step3 {
	background-position: -395px 0px;
	width: 123px;
}
.cartStep .step4 {
	background-position: -593px 0px;
	width: 71px;
}
.cartStep1 li {background-position: 0px -53px;}
.cartStep2 .step2 {	background-position: -193px -53px;}
.cartStep3 .step3 {	background-position: -395px -53px;}
.cartStep4 .step4 {background-position: -593px -53px;}
.description {
	float: left;
	width: 740px;
	margin-bottom: 15px;
	font-size: 13px;
	line-height: 20px;
}
.description strong { color: #c65e78; }
.description .fail {
	color: #C00;
	font-size: 15px;
}
.description em {
	font-style: normal;
	font-weight: bold;
}
.login {
	float: left;
	width: 740px;
	background-image: url(../images/or.jpg);
	background-position: center top;
}
.resend{ background-image:none;}
.loginBg {
	background-image: url(../images/memberBg.gif);
	width: 296px;
	background-position: 0px 37px;
	min-height: 236px;
	_height: 250px;
	float: left;
	padding-left: 55px;
	position: relative;
	padding-bottom: 14px;
}
.loginBt {
	background-image: url(../images/memberBt.gif);
	width: 351px;
	height: 14px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.login h3 {
	text-indent: -8000pt;
	display: block;
	height: 37px;
	margin-bottom: 25px;
	margin-left: -55px;
}
.loginBg label {
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin-bottom: 2px;
	margin-top: 7px;
}
.loginBg input {
	width: 240px;
	height: 24px;
	line-height: 24px;
	font-size: 15px;
}
.loginBg .checkbox {
	width: auto;
	height: auto;
}
.loginBg span {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 250px;
	line-height: 20px;
}
.loginBg strong {
	font-size: 15px;
	margin-top: 40px;
	display: block;
	margin-bottom: 10px;
}

.loginBg a {
	color: #85beaa;
	font-weight: bold;
	line-height: 28px;
	margin-right: 10px;
}
.loginBg form{
	position:static;
	float: none;
}
a.stepBtn {
	background-image: url(../images/stepBtn.gif);
	display: block;
	float: left;
	height: 30px;
	width: 75px;
	color: #FFF;
	text-decoration: none;
	line-height: 30px;
	padding-left: 30px;
	font-size: 15px;
	margin-right: 5px;
	font-weight: normal;
}
a.stepBtn:hover{background-position: 0px -30px;}
a.greenBtn{background-position: 0px -60px;}
a.greenBtn:hover{background-position: 0px -90px;}
.memberjoin { float: right; }
.loginBg a.stepBtn,#notice a.stepBtn {
	background-position: 0px -304px;
	width: 43px;
}
.loginBg a.stepBtn:hover,#notice a.stepBtn:hover{ background-position: 0px -334px; }
.memberjoin a.stepBtn {width: 75px; background-position: 0px -364px; }
.memberjoin a.stepBtn:hover { background-position: 0px -394px; }

.cartlogin {
	background-image: url(../images/memberlineV.jpg);
	background-position: bottom;
}
a.payBtn {
	height: 30px;
	width: 191px;
	float: right;
	margin-top: 15px;
	background-position: 0px -180px;
}
a.payBtn:hover{background-position: 0px -210px;}
.ordertable th,.ordertable td { text-align: center; }
.ordertable img { border: 1px solid #e4d9c8; }
.ordertable .productName { text-align: left; }
.productName span{
	display: block;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #B83858;
}
.ordertable{ margin-bottom:10px;}

.amount { width: 30px; 
}
.subtotal td{
	text-align: right;
	line-height: 20px;
}
.subtotal em {
	color: #c58425;
	font-style: normal;
}
.subtotal strong {
	margin-right: 5px;
	margin-left: 5px;
}
.subtotal .bonusNotice {
	color: #B83858;
	display: block;
}

.total strong { font: 24px/24px Verdana, Geneva, sans-serif, "新細明體"; 
}

.total td{
	text-align: right;
	line-height: 24px;
	background-color: #FFF;
	padding-right: 10px;
}
.ordertable strong{ color: #B83858; }
.ordertable .present {
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	display: block;
}
.present span {
	background-image: url(../images/present.png);
	height: 77px;
	width: 75px;
	display: block;
	position: absolute;
	top: -20px;
	left: 130px;
}
.stepbtnCenter {
	display:block;
	_display: inline;
	float: left;
	margin-left: 280px;
	margin-top: 10px;
	width:220px;
}
form {
	float: left;
	position: relative;
}

#notes {
	float: left;
	width: 740px;
	background-image: url(../images/notes.gif);
	background-position: 0px top;
	padding-top: 12px;
	margin-bottom: 20px;
	margin-top: 20px;
	display: block;
}
#notes ul {
	background-image: url(../images/notesBg.gif);
	background-position: 0px bottom;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 5px;
}
#notes li {
	margin-bottom: 6px;
	background-image: url(../images/notesArrow.gif);
	background-position: 0px 5px;
	padding-left: 12px;
	width: 685px;
	display: block;
}
#notes a{
	color: #D6A35C;
	margin-right: 3px;
	margin-left: 3px;
}
#notes strong {
	color: #B83858;
	padding-right: 5px;
	padding-left: 5px;
}
label.error {
	color: #cd8b96;
	display: block;
	line-height: 20px;
	height: 20px;
	font-size: 12px;
	background-image: url(../images/error.gif);
	padding-left: 17px;
	background-position: 0px 3px;
}
input.error,select.error{ border-color: #E3B1B9; }
#form1{
	float: none;
	position: static;
}
.join strong {
	width: 60px;
	text-align: right;
}
.join a { color: #d39c4b; }
.join th { text-align: right; }
.join th span { text-align: left; }
.join thead th { text-align: left; }
.orderhistory td ,.orderhistory th{
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.orderhistory .fontS { font-size: 11px; }
.orderhistory .detail a {
	color: #000;
	-moz-binding: 685;
}
.orderhistory caption {
	text-align: right;
	padding-bottom: 10px;
}
.forget .loginBg {
	background-image: url(../images/forgetBg.gif);
	width: 297px;
	padding-left: 30px;
	padding-right: 25px;
	line-height: 20px;
}
.forget .loginBt {
	background-image: url(../images/forgetBt.gif);
	width: 352px;
}
.forget h3 {
	margin-left: -30px;
}
.forgetMail { float: right; }
.forget a.stepBtn { background-position: 0px -428px; }
.forget a.stepBtn:hover { background-position: 0px -458px; }.forget li {
	float: left;
	width: 290px;
	margin-bottom: 5px;
}
.forget ul { margin-top: 10px; }
.forget strong  {
	font-size: 13px;
	width: 40px;
	float: left;
	margin: 0px;
	height: 22px;
	line-height: 22px;
}
.forget input {
	width: 210px;
	font-size: 12px;
}
.forget .mailto {
	margin-top: 20px;
	margin-bottom: 10px;
}
.forgetSent {
	background-image: url(../images/forget_sent.jpg);
	height: 179px;
	width: 267px;
	float: left;
	margin-left: 110px;
	padding-left: 225px;
	padding-top: 30px;
	padding-right: 30px;
	line-height: 18px;
	display:inline;
}
.forgetSent em {
	font-size: 13px;
	font-style: normal;
	display: block;
	font-weight: bold;
}
.forgetSent strong {
	color: #c65e78;
	font-size: 18px;
	display: block;
	line-height: 24px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.forgetSent a { color: #cc994d; }
.orderform thead th {
	color: #FFF;
	background-color: #e9be7d;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 13px;
}
.orderform { margin-bottom: 10px; }

.orderform span,.orderform label {
	float: left;
	margin-right: 10px;
}
#taxID {
	float: left;
	width: 550px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#taxID .row {
	float: left;
	width: 550px;
	height: 24px;
	display: block;
	line-height: 24px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#taxID input {
	float: left;
	margin-right: 5px;
}
#taxID label { float: left; }
.row .checkbox { margin-top: 5px; }
.orderform tbody th {
	text-align: right;
	vertical-align: top;
}
.waytopay { margin-bottom: 10px; }

.waytopay th {
	color: #FFF;
	background-color: #85beaa;
	background-image: none;
	text-align: center;
}
.waytopay td{
	text-align: center;
	vertical-align: top;
	background-image: url(../images/table_dotted_V.gif.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding: 10px;	
}
.waytopay .usebonus{
	background-image: url(../images/table_dotted.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
.waytopay em {
	font-style: normal;
	color: #8fadd5;
}
.waytopay strong,#tool em {
	color: #C36;
	padding-right: 3px;
	padding-left: 3px;
	font-style: normal;
	font-weight: bold;
}

.orderform .same { padding-left: 20px; }

tbody .last td,tbody .last th, .waytopay .last{ background-image: none; }
.serviceReply strong{
	color:#B83858;
	display: block;
	margin-bottom: 5px;
}
.serviceReply td{
	color: #666;
	line-height: 18px;
}
.waytopay .radio { margin-bottom: 5px; }
.waytopay .notMember { color: #b1b1b1; }
.waytopay .notMember em { color: #B1B1B1; }
.memo {
	line-height: 19px;
	background-image: url(../images/memoGray.gif);
	display: block;
	float: left;
	height: 19px;
	width: 110px;
	color: #FFF;
	text-align: center;
}
.row a { color: #85beaa; }
.pay thead th{
	color: #FFF;
	background-color: #85BEAA;
	font-size: 13px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.pay { margin-bottom: 10px; }
.pay tbody td { font-size: 15px; }
.pay tbody em {
	color: #B83858;
	font-style: normal;
}
.pay tbody th {
	text-align: right;
}
.pay strong {
	font-size: 20px;
	color: #B83858;
}
.ordertable .orderInfo strong {
	color: #7b5d45;
	font-size: 13px;
	text-align: left;
	float: left;
}
.ordertable .orderInfo th { text-align: left; }
.orderInfo  .date {
	font-weight: normal;
	float: right;
}
.storesvideo {
	float: left;
	width: 740px;
}
.storesvideo .on {
	float: left;
	width: 450px;
}
.on strong {
	font-size: 13px;
	display: block;
	margin-top: 15px;
	margin-bottom: 5px;
	float: left;
	width: 450px;
}
.on p {
	line-height: 20px;
	color: #888888;
	display: block;
	float: left;
	width: 450px;
}
.storesvideo ul {
	float: right;
	width: 265px;
}
.storesvideo li img {
	margin-right: 5px;
	float: left;
}
.storesvideo li {
	float: left;
	width: 265px;
	padding-bottom: 10px;
}
#notice span {
	background-image: url(../images/lightbox.png);
	background-position: 0px top;
	width: 208px;
	display: block;
	padding-top: 20px;
	min-height:110px;
	_height: 110px;
	padding-left: 140px;
	line-height: 20px;
}
#notice {
	background-image: url(../images/lightboxBt.png);
	background-position: 0px bottom;
	display: none;
	width: 348px;
	padding-bottom: 11px;
	position: absolute;
	z-index: 101;
}
#notice p {
	display: block;
	margin-bottom: 5px;
}
.rule {
	border: 3px solid #f3d5da;
	padding: 1px;
	margin-bottom: 10px;
	float: left;
}
#rule .notMember,#rule .member {
	background-image: url(../images/ruleTitle.jpg);
	background-position: center 5px;
	color: #F7E3E4;
	text-align: left;
}
#rule .notMember {
	background-position: center 5px;
}
#rule .member {
	background-position: center -27px;
}
#rule thead th {
	background-color: #F7E3E4;
	color: #7B5D45;
	font-weight: normal;
	text-align: center;
}
#rule tbody th {
	background-color: #fbeddc;
	font-size: 12px;
	font-weight: normal;
	padding: 10px;
}
#rule td {
	text-align: center;
	background-image: none;
	border-bottom: 1px dotted #DCC9BA;
}
#rule a.stepBtn {
	text-align: left;
	margin-left: 100px;
	display: inline;
}
#rule strong {
	color: #B83858;
	margin-right: 3px;
	margin-left: 3px;
}
#rule .yes {
	background-image: url(../images/star.jpg);
	background-position: center 10px;
	background-repeat: no-repeat;
	color: #FFFFF5;
	text-align: left;
}
#rule .yes a {
	display: block;
	text-align: center;
	margin-top: 12px;
	color: #d39c4b;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	height: 280px;
	width: 480px;
	margin-top: 0px;
	margin-left: 20px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	width: 9px;
	height: 280px;
	background-image: url(../images/scrollTrack.gif);
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	width: 9px;
	height: 39px;
	top: 0px;
	background-image: url(../images/scrollDrag.png);
}
#pane1{
overflow: visible; 
height: auto; 
width:465px; 
position: absolute; 
top: 0px;
}
.box {
	background-image: url(../images/scrollBG.png);
	height: 345px;
	width: 526px;
	padding-top: 12px;
	position: absolute;
	z-index:100;
}
.box .close {
	margin-top: 0px;
	margin-right: 15px;
}
.box h3 {
	height: 20px;
	display: block;
	text-indent: -8000px;
	margin-left: 15px;
	margin-bottom: 10px;
}
.box dt {
	font-size: 13px;
	color: #c9677b;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 12px;
}
.box dd {
	background-image: url(../images/subArrow.gif);
	background-position: 4px 4px;
	padding-left: 15px;
	margin-bottom: 5px;
}
.return {
	height: 52px;
	width: 221px;
	background-image: url(../images/return.png);
	padding-left: 20px;
}


.product_search_reasult #productlist ,
.product_search_reasult #productlist ul{
	width: 740px;
}
.product_search_reasult .headline{ margin-bottom:10px;}
.reasult { float:left; font-weight: bold; color: #7b5d45; margin-bottom:20px; }
.reasult strong{ font-size: 15px; color: #c65e78; }
.intro { position: relative; overflow:hidden; _zoom:1; }
.intro .logo { position: absolute; left: 25px; top: 20px; }
.intro .panel { position:relative; no-repeat 0px 0px; margin: 140px auto 0px; height: 340px; width: 680px; overflow:hidden; _zoom:1; }
.intro h1 { float: none; height:52px; margin-bottom:9px; margin-top:67px; background: url(../images/intro_h1.gif) no-repeat; }
.intro h1,
.intro .collection { margin-left: 343px; }
.intro input.tbox { line-height: 34px; height: 34px; width: 280px; font-size: 15px; text-indent:8px; margin-bottom:6px; }
.intro .btn { cursor:pointer; display:block; display: block; float: left; height: 30px; width: 105px; color: #FFF; text-decoration: none; line-height: 32px; text-indent:18px; font-size: 15px; margin-right: 5px; border-width: 0px; background: url(../images/stepBtn.gif); }
.intro a.btn { text-indent:30px; background-position:0 -60px;}
.intro .btn:hover { background-position:0 -30px;}
.intro a.btn:hover { background-position:0 -90px;}
.intro .lightGuyIntro{ width:334px; height:384px; position:absolute; top:100px; left:146px;}

.showSpan{ display:block; line-height:20px;}
.hideSpan{ visibility:hidden;}