html {
	background-image: url(../images/bg2.gif);
}
* {
	font: 12px Arial;
}

strong {
	color: #63b3a9;
}
.txt15 {
	font-size: 15px;
	color: #543119;
}
body {
	margin: 0px;
	background-image: url(../images/body_bg_s.gif);
	background-position: center 72px;
	background-repeat: repeat-y;
	color: #777777;
	line-height: 18px;
	word-break:break-all;
}
/* 蝬?? start */

.B1 a.GreenBtn2:link,.B1 a.GreenBtn2:visited {
	background: url(../images/GreenBtn2.gif) no-repeat 0 0;
	height: 20px;
	_height: 18px;
	*height: 18px;
	height: 18px\9;
	width: 89px;
	padding-top: 3px;
	_padding-top: 5px;
	*padding-top: 5px;
	padding-top: 5px\9;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	display: inline-block;
	text-decoration: none;
}
.B1 a.GreenBtn2:hover,.B1 a.GreenBtn2:active {
	background: url(../images/GreenBtn2.gif) no-repeat 0 -23px;
	text-decoration: none;
}
/* 蝬?? end */
/* 撠?蝷?start */
#icon {
	position:absolute;
	left:214px;
	top:20px;
	width:48px;
	height:47px;
	z-index:1;
	background-repeat: no-repeat;
}
#Events #icon {
	background-image: url(../images/icon22.jpg);
}
#How #icon {
	background-image: url(../images/icon44.jpg);
}
#Contact #icon {
	background-image: url(../images/icon11.jpg);
}
#News #icon {
	background-image: url(../images/icon33.jpg);
}
#Joinus #icon {
	background-image: url(../images/icon55.jpg);
}
#FB #icon {
	background-image: url(../images/icon66.jpg);
}
/* 撠?蝷???*/

#cart_ok #icon {
	background-image: url(../images/icon2.jpg);
}
#order_detail  #icon {
	background-image: url(../images/icon4.jpg);
}
#profile #icon {
	background-image: url(../images/icon3.jpg);
}
#join #icon {
	background-image: url(../images/icon1.jpg);
}
/* 撠?蝷?end */

.TitleText {
	float: left;
	height: auto;
	width: 750px;
	margin: 10px 0 0 5px;
	_margin: 10px 0 0 2px;
}
.TitleText2 {
	float: left;
	height: auto;
	width: 750px;
	margin: 10px 0 0 5px;
	_margin: 10px 0 0 2px;
}
.center {
	text-align: center;
}

.TitleText .B1 {
	font-size: 12px;
	color: #484848;
	float: right;
	height: 30px;
	width: 200px;
	text-align: center;
	vertical-align: top;
	margin: 0;
}
.TitleText a ,.TitleText2 a {
	color: #34a231;
	text-decoration: none;
	font-size:13px;
}
.TitleText a:hover, .TitleText2 a:hover{
	color: #2361b4;
	text-decoration: underline;
}
.TitleText span {
	font-size: 13px;
	color: #34a231;
	float: left;
	height: auto;
	width: 100%;
	margin: 0 0 0 0;
	text-align: center;
}
.green{color: #34a231;}
.TitleText th {
	text-align:center;
	font-size:13px;
	font-weight: bold;
	color:#f38831;
	background-color: #fbecdf;
}
.TitleText td,.TitleText2 td {
	border-bottom:1px dotted #999999;
}
.TitleText2 img {
	text-align: center;
	margin: 0 5px ;
	border: 1px solid #34a231;
}
.TitleText2 img:hover {
	border: 1px solid #2361b4;
}
td {
	vertical-align: top;
}
h1 {
	color: #777777;
	background-color: #e9fae8;
	font-size: 28px;
	height: 32px;
	line-height: 32px;
	padding-left: 60px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #a7dea5;
	border-right-color: #a7dea5;
	border-left-color: #a7dea5;
	margin: 0px;
	font-weight: normal;
}
h5 {
	font-size: 15px;
	font-weight: normal;
	background-color: #e9fae8;
	margin: 0px;
	padding-left: 60px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #a7dea5;
	border-bottom-color: #a7dea5;
	border-left-color: #a7dea5;
	line-height: 22px;
	height: 24px;
}


h2  {
	font-size: 18px;
	color: #7896cd;
	margin-bottom: 5px;
	font-weight: normal;
	padding-left: 25px;
	float: left;
	width: 450px;
}
h3 {
	color: #5375b3;
	font-size: 15px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 25px;
	display: block;
	float: left;
	line-height: 25px;
	background-color: #E3EAF4;
	margin-left: 10px;
	padding-left: 15px;
	width: 775px;
}
h4 {
	
	font-size: 13px;
	font-weight: bold;
	color: #7896cd;
	margin-top: 3px;
	margin-bottom: 3px;
}
.price {
	color: #f38831;
	font-weight: bold;
	display: block;
}
.clear   {
	clear: both;
	display: block;
	line-height: 0px;
}
#top_bg {
	background-image: url(../images/top_bg.gif);
	background-repeat: repeat-x;
	background-position: center 28px;
	height: auto;
	width: 1000px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.inputclass input {
	border: 1px solid #a7dea5;
	color: #009999;
	background-color: #e9fae8;
}
.inputclass textarea {
	border: 1px solid #a7dea5;
	background-color: #e9fae8;
	color: #009999;
}
/*  頝收?? */
#marquee {
	float: left;
	height: 14px;/* 調整 Rita 2010022: for marquee*/
	width: 506px;
	margin: 45px 0 0 3px;
	color: #FFFFFF;
}
#marquee p {
	margin:0;
}
#logo #marquee a {
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-indent: 0px;
	color:#ffffff;
}
#logo  {
	background-image: url(../images/logo3_or.gif);
	height: 100px;
	width: 1000px;
	background-position: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
}
#logo .left {
	margin-left: 110px;
	display: block;
}
#logo  input {
	color: #82c5bd;
	background-color: #d8f4f1;
	border: 1px solid #FFFFFF;
	height: 17px;
	padding-left: 5px;
	width: 110px;
	float: left;
	margin-top: 42px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}
#logo a {
	background-repeat: no-repeat;
	display: block;
	float: left;
	text-indent: -5000px;
}
#logo span {
	float: left;
	height: 20px;
	margin-top: 42px;
	margin-left: 56px;
	text-align: right;
	color: #005B59;
	display: block;
	width: 292px;
}

#logo .logo {
	display: block;
	height: 75px;
	width: 330px;
	float: left;
	margin-top: 8px;
}

#logo .sign {
	background-image: url(../images/sign.gif);
	height: 19px;
	width: 57px;
	margin-top: 42px;
}
#logo  .sign_out {
	height: 19px;
	width: 63px;
	margin-top: 42px;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(../images/signout.gif);
	display: inline;
	margin-right: 5px;
	margin-left: 10px;
}
#logo  .profile {
	height: 19px;
	width: 53px;
	margin-top: 42px;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(../images/profile.gif);
	display: inline;
	margin-right: 10px;
	margin-left: 0px;
}
#logo .index {
	background-image: url(../images/join2.gif);
	height: 31px;
	width: 73px;
	margin-left: 10px;
	margin-top: 37px;
}
#logo .index:hover {
	background-image: url(../images/join_over2.gif);
}
#logo .join_fans {
	background-image: url(../images/cart2.gif);
	height: 31px;
	width: 73px;
	margin-top: 37px;
}
#logo .join_fans:hover {
	background-image: url(../images/cart_over2.gif);
}

#logo .joinus {
	background-image: url(../images/cart2.gif);
	height: 31px;
	width: 78px;
	margin-top: 37px;
}
#logo .joinus:hover {
	background-image: url(../images/cart_over2.gif);
}

#logo .order {
	background-image: url(../images/order2.gif);
	height: 31px;
	width: 103px;
	margin-top: 37px;
}
#logo .order:hover {
	background-image: url(../images/order_over2.gif);
}
#body_all {
	width: 998px;
	margin-top: 0px;
	background-image: url(../images/body_bg_b2.gif);
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #cac8cb;
	border-left-color: #cac8cb;
	position: relative;
	margin-left: auto;
	display: block;
	margin-right: auto;
	height:auto;
}
.topR_menu {
	position: absolute;
	top: 6px;
	width: 193px;
	height: 25px;
	background-image: url(../images/topR_menu.png);
	background-repeat: no-repeat;
	right: 10px;
	padding-left: 10px;
}
/*-------------------銝駁?唏oing?€????-------------------------*/

.topR_menu a {
	color: #999;
	text-decoration: none;
	line-height: 25px;
	font-size: 13px;
	background-image: url(../images/top_arrow.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: 5px 9px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.topR_menu a:hover {
	color: #000;
	text-decoration: underline;
}
#Home .Home {
	background-image: url(../images/menu_st2_11.gif);
}
#News .News {
	background-image: url(../images/menu_st2_22.gif);
}
#Events .Events {
	background-image: url(../images/menu_st2_33.gif);
}
#SE .SE {
	background-image: url(../images/menu_st2_44.gif);
}
#TGoods .TGoods,#TGoods .TGoodsOpen {
	background-image: url(../images/menu_st2_55.gif);
	text-indent: -5000px;
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 186px;
}

#DIY .DIY,#DIY .DIYOpen {
	background-image: url(../images/menu_st2_66.gif);
}
#AFP .AFP,#AFP .AFPOpen {
	background-image: url(../images/menu_st2_77.gif);
}
#FB .FB {
	background-image: url(../images/menu_st2_88.gif);
}
#How .statement {
	background-image: url(../images/menu_st2_99.gif);
}
#Contact .contactus {
	background-image: url(../images/menu_st2_100.gif);
}

/*-------------------銝駁?桐??祉?????-------------------------*/
.Home {
	background-image: url(../images/menu3_11.gif);
}
.News {
	background-image: url(../images/menu3_22.gif);
}
.Events {
	background-image: url(../images/menu3_33.gif);
}
.SE{
	background-image: url(../images/menu3_44.gif);
}
.TGoods,.TGoodsOpen {
	background-image: url(../images/menu3_555.gif);
	text-indent: -5000px;
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 186px;
}
.DIY,.DIYOpen {
	background-image: url(../images/menu3_66.gif);
	text-indent: -5000px;
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 186px;
}
.AFP,.AFPOpen {
	background-image: url(../images/menu3_77.gif);
	text-indent: -5000px;
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	width: 186px;
}
.FB   {
	background-image: url(../images/menu3_88.gif);
}
.statement   {
	background-image: url(../images/menu3_99.gif);
}
.contactus   {
	background-image: url(../images/menu3_100.gif);
}


/*-------------------銝駁?峻ouse over------------------------*/
.Home:hover{
	background-image: url(../images/menu3_over_11.gif);
}
.News:hover{
	background-image: url(../images/menu3_over_22.gif);
}
.Events:hover{
	background-image: url(../images/menu3_over_33.gif);
}
.SE:hover{
	background-image: url(../images/menu3_over_44.gif);
}
.TGoods:hover,.TGoodsOpen:hover{
	background-image: url(../images/menu3_over_555.gif);
}
.DIY:hover,.DIYOpen:hover{
	background-image: url(../images/menu3_over_66.gif);
}
.AFP:hover,.AFPOpen:hover{
	background-image: url(../images/menu3_over_77.gif);
}
.FB:hover{
	background-image: url(../images/menu3_over_88.gif);
}
.statement:hover{
	background-image: url(../images/menu3_over_99.gif);
}
.contactus:hover{
	background-image: url(../images/menu3_over_100.gif);
}

.Category:hover,.CategoryOpen:hover, #Sale .Category:hover,#Brands .Category:hover,.CategoryOver{
	background-image: url(../images/menu_over_4.gif);
}
.Brands:hover,.BrandsOpen:hover,#How .Brands:hover,.BrandsOver{
	background-image: url(../images/menu_over_7.gif);
}
#ColPanelCata.none,#ColPanelBrands.none ,#ColPanelafp.none{
	display: none;
}
#ColPanelCata.block,#ColPanelBrands.block ,#ColPanelafp.block{
	display: block;
}
#tool .PanelSub a {
	line-height: 15px;
	padding-left: 24px;
	text-indent: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: auto;
	width: 156px;
	padding-right: 6px;
	color: #666666;
	text-decoration: none;
	font-size: 12px;
}
#tool .PanelSub a:hover {
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
}
#tool .PanelSub a.selected {
	color: #63b3a9;
	text-decoration: none;
	background-color: #FFFFFF;
}
#tool .PanelSub .subCata {
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#tool .PanelSub .subCata a {
	padding-left: 32px;
	width: 148px;
}
#tool .PanelSub .subCata a:hover {
	background-color: #FFF;
}


/*-------------------?喲?撌亙?身摰?------------------------*/
#tool {
	float: left;
	width: 186px;
}

#tool a {
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	height: 24px;
	width: 185px;
	text-indent: -5000px;
	font-size: 0px;
	line-height: 0px;
}
#tool img {
	float: left;
	margin-left: 3px;
}
#tool  .searchInput {
	display: block;
	height: 16px;
	width: 95px;
	border: 1px solid #889ba9;
	color: #889ba9;
	margin-bottom: 4px;
	padding-left: 5px;
	float: left;
	margin-left: 2px;
}
#tool   .subscribe {
	color: #666666;
	border: 1px solid #CCCCCC;
	line-height: 18px;
	height: 18px;
	width: 140px;
	margin-left: 7px;
	padding-left: 5px;
	margin-top: 5px;
}
#tool .sumit {
	background-image: url(../images/sumit.gif);
	display: block;
	height: 17px;
	width: 50px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 112px;
	font-size: 0px;
	line-height: 0px;
}
#tool .autobuy {
	background-image: url(../images/autobuy.jpg);
	display: block;
	height: 125px;
	width: 171px;
}
#tool  .mail_title {
	display: inline-block;
	height: 22px;
	width: 171px;
	margin-left: 5px;
	margin-top: 5px;
}
#tool p {
	background-image: url(../images/mail_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	width: 171px;
	margin: 7px 0 7px 7px;

}
#tool p input {
	margin-top: 5px;
	margin-left: 5px;
}


#tool .search {
	background-image: url(../images/search_bt.gif);
	height: 20px;
	width: 47px;
	background-repeat: no-repeat;
	float: left;
}

/*-------------------footer閮剖?-------------------------*/
.footer {
	font-size: 11px;
	line-height: 22px;
	color: #FFFFFF;
	background-image: url(../images/footer_bg3.gif);
	background-repeat: repeat-x;
	text-align: center;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.footer a {
	color: #FFFFFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFFF00;
	text-decoration: underline;
}
.original_price {
	color: #5375B3;
	display: block;
	float: left;
	width: 380px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
}
.original_price_line {
	color: #5375B3;
	display: block;
	float: left;
	width: 380px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: line-through;
}

.o_price {
	font-size: 11px;
	color: #5375b3
	text-decoration: line-through;
	color: #5375B3;
}
.o_price_line {
	font-size: 11px;
	color: #5375B3;
	text-decoration: line-through;
}
.n_price {
	font-size: 11px;
	color: #FF6666;
}

.special_price {
	font-size: 18px;
	font-weight: bold;
	color: #FF6666;
	float: left;
	width: 380px;
}
.table_row {
	color: #666666;
	background-color: #D2DCEE;
}
.path {
	float: right;
	margin-right: 20px;
	text-align: right;
}
.path a {
	color: #1d8b7e;
	text-decoration: none;
}
#content .inputclass a.browse{
	background-image: url(../images/browse.gif);
	height: 19px;
	width: 59px;
	display: block;
	background-repeat: no-repeat;
	line-height: 19px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	text-indent: -8000px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#body_all .radio{
	background-color: #FFF;
	border-color: #FFF;
}
#body_all #page .nowin{
	color: #FFFFFF;
	background-color: #afd78c;
}
#body_all #page a {
	height: 20px;
	float: left;
	padding-left: 5px;
	color: #8BC558;
	font-size: 11px;
	text-align: left;
	display: block;
	padding-right: 5px;
	text-decoration: none;
	line-height: 20px;
}
#body_all #page a:hover {
	color: #79B940;
	text-decoration: none;
}
#body_all #page .veiw {
	text-decoration: underline;
}

#body_all #page span a:hover {
	color: #FFFFFF;
	background-color: #afd78c;
}
#body_all #page span a {
	display: block;
	height: 20px;
	width: 20px;
	float: left;
	text-align: center;
	padding-left: 0px;
	color: #8BC558;
	text-decoration: none;
	font-size: 12px;
	padding-right: 0px;
}

#list #page .all{
	font-weight: bold;
	float: right;
	margin-right: 10px;
	color: #8BC558;
	line-height: 20px;
}
#body_all #page a.viewAll{
	display: inline-block;
	float: right;
	padding: 0px;
	text-align: center;
	height: 15px;
	text-decoration: none;
	margin-top: 2px;
	border: 1px solid #A1D7D1;
	color: #85C7BF;
	line-height: 15px;
	width: 50px;
	margin-right: 2px;
}
#body_all #page a.viewAll:hover {
	color: #FFF;
	background-color: #A6DAD4;
}
#page {
	float: left;
	display: block;
	margin-top: 7px;
	margin-bottom: 7px;
	border: 1px solid #afd78c;
}
.searchTool {
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 0px;
	float: left;
	width: 178px;
}
.searchTool li {
	list-style-type: none;
	color: #683819;
	font-size: 14px;
	display: block;
	float: left;
	width: 178px;
	padding-bottom: 4px;
	padding-left: 5px;
}
.searchTool select {
	float: left;
}
.searchTool .withBt {
	padding-left: 29px;
	width: 150px;
}
hr {
	border-bottom: 1px dashed #999;
	border-right-style: none;
	border-left-style: none;
	border-top: 1px solid #FFF;
}

.green2{
	color: #63A625;
	font-weight: bold;
}
.black {
	color: #000000;
	font-weight: bold;
}
.green1 {
	color: #8EC21F;
	font-weight: bold;
}
.red {color: #FF0000}
.right{
	float:right;
}
.left{
	float:left;
}
.text_1{
	width:350px;
	height:auto;
	float: left;
}
.SB {
	float:right;
	margin-top: -140px;
	margin-right: 200px;
}
.EnterCode {
	float: left;
	margin:0;
}
.EnterCode span {
	color: #FF0000;
	margin: 0 0 0 30px;
}
.EnterCode img {
	margin: 0 5px -10px 0;
	*margin: 0 5px 0px 0;
}
.p1 {
	line-height: 20px;
	margin-left: 10px;
	margin-top: 10px;
}
.Brand{width:330px;height:auto;float:left}
.block01{
	float: left;
	border: 1px solid #afd78c;
	width: 299px;
	margin: 22px 0 15px 20px;
	*margin: 23px 0 15px 20px;
	height:20px;
	line-height:20px;
	*line-height:22px;
	line-height:22px\9;
	color:#afd78c;
}
.icon01{background-color:#afd78c;height:20px;width:20px;float:left;margin-right:10px;color:#ffffff;text-align:center;line-height:16px}