/*共用按鈕*/

html, body{background:none;
	 padding:0; margin:0;
	overflow:hidden;}

*html, body{background:none;
	 padding:0; margin:0;
	overflow:hidden;}

body{
	font-size:11px;
	font-family:"Verdana","新細明體", Geneva, Tahoma, sans-serif;
	margin:0 auto;color:#706E6C;}

	a {	color:#83521E;text-decoration:none;}
	a:hover{color:#706E6C;text-decoration:underline;}
	.clear{clear:both;}

	.btn_style1{ background:transparent url('../images/btn.gif') top left no-repeat;
		      color:#ead7b7; padding:0 0 0 1px; display:inline-block; margin-top:5px;text-decoration:none;}

	.btn_style1 span{background:transparent url('../images/btn.gif') top right no-repeat;
	display:block; padding:6px 15px 5px;*padding:6px 15px 5px;}
	.btn_style1 span, x:-moz-any-link, x:default{
	 padding:5px 15px 5px;}
	.btn_style1:hover{background:transparent url('../images/btn.gif') no-repeat  left bottom ; text-decoration:none;}
	.btn_style1:hover span{background:transparent url('../images/btn.gif') no-repeat bottom right;color:white; }
	.btn_style2 span{ padding:4px 15px;*padding:6px 15px 2px;}

/*popl 寬640  高430*/
.popl_top, .popl_center, .popl_down{width:640px;}

.popl_top{position:relative;height:25px; background:transparent url('../images/popl_top.png') no-repeat 0 0;}
.popl_center{padding:0 5px;_width:630px!important; background: transparent url('../images/popl_center.png') repeat-y 0 0;}
.popl_down{height:5px; background: transparent url('../images/popl_down.png') no-repeat 0 0 ;}
.popl_main{padding:15px;width:598px;	background:white; width:598px; border:1px #cec5ba solid;}
.popl_top .close,.popl_top .close{position:absolute; right: 5px; top:5px;}

.popl_top, .popl_down{_width:640px; _overflow:hidden;}

/*popm  寬541  高350*/

.popm_top, .popm_center, .popm_down{width:541px;}
.popm_top{position:relative;height:25px; background:transparent url('../images/popm_top.png') no-repeat 0 0;}
.popm_center{padding:0 5px; _width:531px!important; background: transparent url('../images/popm_center.png') repeat-y 0 0;}
.popm_down{height:5px; background: transparent url('../images/popm_down.png') no-repeat 0 0 ;}
.popm_main{padding:15px;	background:white; width:498px; border:1px #cec5ba solid;}
.popm_top .close,.popm_top .close{position:absolute; right: 5px; top:5px;}

.popm_top, .popm_down{_width:541px; _overflow:hidden;}

/*pops  寬450  高305**/

.pops_top, .pops_center, .pops_down{width:450px;}
.pops_top{position:relative;height:25px; background:transparent url('../images/pops_top.png') no-repeat 0 0;}
.pops_center{padding:0 5px;_overflow:hidden; width:450px; background: transparent url('../images/pops_center.png') repeat-y 0 0;}
.pops_down{height:5px; background: transparent url('../images/pops_down.png') no-repeat 0 0 ;}
.pops_main{padding:15px; background:white; width:408px; border:1px #cec5ba solid;}
.pops_top .close{position:absolute; right: 5px; top:5px;}

.pops_top, .pops_down{_width:450px; _overflow:hidden;}
.pops_center{_width:440px!important; _overflow:hidden;}



/*忘記密碼 寬為450px  長ie6與其他瀏覽器不同*/
.pw li{margin:10px 0 0px 40px; }
#pop{position:absolute;font-size :12px;background:transparent;z-index:4000;}
.pw{ height:240px;_height:150px;}
.pw .note{
	font-weight:bold;
	line-height:2;
	color:#557246;
	margin:0 20px 0 40px;
	border-top:1px #d0c6bc solid;
	padding:15px 0;
}
.pw label{margin-right:10px;}
.pw li input{border:1px #cccccc solid; padding:2px 0;}
.pw li img{	vertical-align:middle;}
.pw .warn, p.warn{color:#c05768;text-align:center; border:none; background:none; width:80%; display:block; margin-bottom:15px;}
.pw h1{background:transparent url('../images/forgetpw_h1.jpg') no-repeat top left;
text-indent:-9000px; width:400px; height:35px;margin-left:-40px; }
.pw2{height:100px;}
/*滿額贈*/
.remindyou h1{
	background: transparent url(../images/remind_h1.gif) no-repeat 0 0;
	text-indent:-9000px;
	height:32px;
	}
.remindyou .note{
	 border-top:1px #d0c6bc solid;
	 margin:0 20px 0 40px;
	 padding:15px 0;
	}
.remindyou .note p{
	width:280px;
	margin:0 auto;
	font-size:15px;
	color:#8c6134;
	font-weight:700;
	line-height:1.5;
	padding:0 0 10px;
	}
.remindyou .warn{
	width:100%;
	}
/*登記*/
.register{height:360px; }
.register h1{background:transparent url('../images/f-registerh1.jpg') no-repeat 0px 0;
text-indent:-9000px; width:300px; height:35px; }
.register ul, .return ul{margin:0 20px 0 40px;  border-top:1px #d0c6bc solid; padding:25px 0 0 0; overflow:hidden;}
.register ul li, .return ul li{padding-left:0px;background: transparent url('../images/f-register-list.jpg') no-repeat 0 16px;
border-bottom:1px #e6e6e4 solid; padding:10px 0; overflow:hidden; height:20px;}
.register ul li{ padding:10px 0;_padding:10px 0 15px;
	height:auto!important;
}
.register ul li h2, .return ul li h2{padding-left:10px; color:#646464; display:inline-block;height:16px; padding-top:4px; float:left; width:100px;}
.register ul li input, .return ul li input{border:1px #cdcdcd solid; width:235px;_width:210px;float:left; height:18px;}
.register div, .register  em{color:#8b5b37;}
.register ul li span{margin:0; padding:0;}
.register em{font-size:13px; font-weight:bold;}
.register div, .register p, .return p {	text-align:left; margin:10px 20px 20px 40px; }
.register p, .return p{text-align:center;}

/*變更密碼*/
.changepw{height:360px; }
.changepw h1{background:transparent url('../images/f-changepwh1.jpg') no-repeat 0px 0;
text-indent:-9000px; width:300px; height:35px; }
.changepw ul, .return ul{margin:0 20px 0 40px;  border-top:1px #d0c6bc solid; padding:25px 0 0 0; overflow:hidden;}
.changepw ul li, .return ul li{padding-left:0px;background: transparent url('../images/f-register-list.jpg') no-repeat 0 16px; 
border-bottom:1px #e6e6e4 solid; padding:10px 0; overflow:hidden; height:20px;}
.changepw ul li{ padding:10px 0;_padding:10px 0 15px;
	height:auto!important;
}
.changepw ul li h2, .return ul li h2{padding-left:10px; color:#646464; display:inline-block;height:16px; padding-top:4px; float:left; width:100px;}
.changepw ul li input, .return ul li input{border:1px #cdcdcd solid; width:180px;_width:210px;height:18px;}
.changepw div, .register  em{color:#8b5b37;}
.changepw ul li span{margin:0; padding:0;}
.changepw em{font-size:13px; font-weight:bold;}
.changepw div, .register p, .return p {	text-align:left; margin:10px 20px 20px 40px; }
.changepw p, .return p{text-align:center;}

/*退款*/
.return{height:320px; }
.return h1, .order h1{background:transparent url('../images/f-return_h1.jpg') no-repeat 0 0;
text-indent:-9000px; width:300px; height:35px;}

.return ul li{background:none;}
.return p{	margin-top:20px;}
.return ul li input{
	width:130px;
}
/*紙本發票*/
.getinvoice {
	height:260px;
}

.getinvoice h1, .bankaccount h1{
	background:transparent url('../images/getinvoiceh2.gif') no-repeat 0 0;
	text-indent:-9000px; width:300px; height:32px;}

.bankaccount h1{
	background:transparent url('../images/f-bank-h1.jpg') no-repeat 0 0;
}
.getinvoice p{
	font-weight:bold;
	color:#333333;
	text-align:left;
	margin-left:40px;

	font-size:12px;
}
.getinvoice p.warn{
	font-weight:normal;
	width:80%;
	text-align:center;
}
.getinvoice ol li, .getinvoice ul li{
	list-style:decimal inside none;
	margin-left:40px;
	padding:5px 0;
}
.getinvoice .downnote li{
	list-style-type:disc;
}
.getinvoice p.warn input{
	margin-right:10px;
	font-size:11px;
}
.getinvoice p.topline{
 border-top:1px #d0c6bc solid;
 margin-top:0;
 padding:10px 0 0px;
 line-height: 20px;
}

/*寄送地址*/
.address h1, h1.h1address{
	background:transparent url('../images/getinvoiceh2.gif') no-repeat 0 -32px;
	text-indent:-9000px; width:300px; height:32px;
}

.address ul{
	margin:0px 0 25px 40px;
	padding-top:20px;
	 border-top:1px #d0c6bc solid;
}
.address ul li h2, .address ul li .text, .address ul li .text1
,.address ul li select{
	float:left;
	display:block;
}
.address ul li h2{
	width:5em;
	margin-right:10px;
	text-align:right;
	font-weight:bold;
	color:#555555;
}
.address ul li{
	padding:7px 0;
	_padding:10px 0;
	overflow:hidden;
}
.address ul li .text, .address ul li .text1{
	padding:2px 0px;
	border:1px #cccccc solid;
	width:195px;
}
.address ul li .text1{
	width:220px;
	margin-left:4px;
}

.address p.warn input{
	margin-right:20px;
}
.address p.warn{
	width:100%;
}
body .sent, a.senta, body .order a.senta{color:#ead7b7;width:100px; height:20px;cursor: pointer;
	background:transparent url('../images/submitaa.jpg') top left no-repeat;
	border:none;padding-bottom:0; padding-top:0px;
	text-align:center; border:none;}
	.sent:hover,.sentb:hover, .senth {color:#fff;background:transparent url('../images/submitaa.jpg') bottom left no-repeat;}
    /*for chrome*/
 body  a.senta, body .order a.senta{
	display:block;
	width:115px; height:15px;
	padding:5px 10px 5px;
	float:left;
	margin-left:30px;
	text-decoration:none;
	margin-right:0;
	background:transparent url('../images/submitaab.gif') top left no-repeat;
	font-size:11px;
}

body   a.senta, body .order a.senta ,x:-moz-any-link, x:default{padding:5px 10px 5px;}
body   a.senta, body .order a.senta{	padding:8px 10px 2px\9;}/*ie8 hack*/

body  .sentb{
		width:130px;
		background:transparent url('../images/submitaab.gif') top left no-repeat;}
.sentb:hover,  body  a.senta:hover, body .order a.senta:hover{color:#fff;background:transparent url('../images/submitaab.gif') bottom left no-repeat;}
	body   a.senta:hover, .body .order a.senta:hover{text-decoration:none;}

	.sent, .sent:hover, .senth, x:-moz-any-link, x:default{padding-bottom:3px;}

	.spana{ display:inline-block;padding-bottom:5px; border:none;}

body .order a.senta, body .order a.senta:hover{	background:transparent url('../images/submitaa.jpg') top left no-repeat;
width:82px;}
body .order a.senta:hover{color:#fff;background:transparent url('../images/submitaa.jpg') bottom left no-repeat;}

	 .pw .warn .sent{padding:6px 0 0 0;*padding:6px 0 5px 0; height:25px; border:0;}
	 .pw .warn .sent, x:-moz-any-link, x:default{padding:6px 0 5px 0; }

	p.warn .sent{ height:25px; padding:0 0 0 ;  }
	p.warn .sent, x:-moz-any-link, x:default{padding:0px 0 2px 0;*padding:6px 0 0; }

/*驗證區塊*/
	#wrap span.remind, #wrap span.field-validation-error{background:transparent url('../images/reminds.gif') no-repeat scroll top left;
	display:block; padding:0px 0  0px 20px; position:absolute;
	color:#ffffff; font-size:11px; height:26px; line-height:1.3;
	margin:-23px 0px 0 215px; z-index:3;  }

	#wrap span.remind strong,#wrap span.field-validation-error strong{ display:inline-block; height:20px;  line-height:1.3;
	background:transparent url('../images/remindsR.gif') no-repeat scroll top right;
	padding:6px 14px 0px 0;}

	#wrap span.field-validation-error{background-position:bottom left;}
	#wrap span.field-validation-error strong{background-position:bottom right;}

	#wrap .pops_center span.remind, 	#wrap .pops_center span.field-validation-error
	{margin:-24px 0 0 212px; *margin:0px 0 0 -2px;}

	#wrap .popl_center span.remind, #wrap .popl_center span.field-validation-error
	{margin:-2px 0 0 348px; *margin:-2px 0 0 0px;}

	#wrap .popm_center span.remind, #wrap .popm_center span.field-validation-error
	{margin:-22px 0 0 245px; *margin:-3px 0 0 0px;}

	#wrap .popm_center li.account span.remind,#wrap .popm_center li.account span.field-validation-error
	{margin:-4px 0 0 245px; *margin:0px 0 0 0px;}
	#wrap .seven span.remind, #wrap .seven span.field-validation-error{
		margin:-2px 0 0 220px;margin:-4px 0 0 223px\9; *margin:-2px 0 0 0px;
		}
	#wrap .seven li.store span.remind, #wrap .seven li.store span.field-validation-error{
		margin:-2px 0 0 410px;margin:-4px 0 0 428px\9;*margin:-4px 0 0 0;
		}
	#wrap .seven li.city span.remind, #wrap .seven li.city span.field-validation-error{
		margin:-2px 0 0 185px; *margin:-2px 0 0 0px;
		}
	#wrap .popl_center li.size span.remind,#wrap .popl_center li.size  span.field-validation-error
	{margin:-20px 0 0 200px;   *margin:-3px 0 0 0px;}

	#wrap  .address ul li span.remind, 	#wrap  .address ul li span.field-validation-error
	{margin:-4px 0 0 263px; *margin:-2px 0 0 0px;}
	#wrap  .address ul li.addressli span.remind, 	#wrap  .address ul li.addressli span.field-validation-error
	{margin:-4px 0 0 410px; *margin:-2px 0 0 0px;}
	#wrap ul li.bank span.remind, 	#wrap  ul li.bank span.field-validation-error
	{margin:-24px 0 0 190px; *margin:-2px 0 0 0px;}

    .order h1{ background: url(../images/f-orderh1_r.gif) no-repeat 0px 50%;
	width:340px;}
	.ordermain{
		width:365px;
		margin:0 0 20px 40px;
		padding-top:25px;
		line-height:1.9;
		color:#8c6134;
		font-size:12px;
		border-top:1px solid #D0C6BC;}
	.order h1.cancel{
		background:url(../images/f-order-cancel.gif) no-repeat 0 50%;}
		.cancelbtn {margin-right:50px;}
		.any h1{ height:32px; background-image:url(../images/f-anyh1.jpg);}
		.any .pnote {font-weight:normal; padding-top:20px;}
		p.microfix, .microfix2{margin:20px auto 25px; text-align:center; width:61%;}
		p.microfix3{
			width:98%;}
			p.microfix3 input{
				margin-right:25px;
				}
		.microfix input{
			margin-left:-30px;
			}
		body .order .microfix a{
			margin-right:0px;
			margin-left:0;
			clear:both;}
		.microfix2 input{
			margin-right:5px;
			}
		.seven h1{font-size:13px;
		color:#83521E;
		text-align:center;
		font-weight:bold;
		padding-bottom:15px;}
		.seven ul li{
			overflow:hidden;
			height:15px;
			padding:10px 0;
			}
		.seven ul li h2, .seven ul li select{
			float:left;
			}
		.seven ul li h2{
			width:110px;
			text-align:right;
			margin-right:15px;
			}
		.seven ul{
			padding-bottom:15px;
			overflow:hidden;
			}
.bankin {
	width:90%;
	margin-left:40px;
	border-top:1px #D3C3AF solid;
	padding:20px 0 0;
}
		.tablein {
	width:100%;
}
		.tablein th{
	padding:0px 5px 12px;
  	background:#fff url('../images/fill-info-th.jpg') repeat-x bottom;
    border-bottom:1px #cccccc solid; color:#686868; font-weight:bold;
}
.tablein td{
	border-bottom:1px #D5D5D5 solid;
	padding:8px 5px;
}

.alignc{
	text-align:center;
}