/* Reset CSS  網頁排版在各瀏覽器快速一致化
http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 License: none (public domain)*/
html, body, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article,aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:befpore, blockquote:after,q:before, q:after {	content: ''; content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
a{outline: none; /* for Firefox Google Chrome  */
behavior:expression(this.onFocus=this.blur()); /* for IE */
}


/***** 從這裡開始看 *****/

/** 基本設定 **/
html {}
body { border-top:#EFEFEF 150px solid;}
p, ul, li, a{
	font-family: Helvetica,新細明體, sans-serif;
	font-size: 15px;
	line-height: 15px;
	text-decoration: none;
}

img{
	padding:0;
	margin:0;
	border:none;
	}
#page{/******************************************* 整頁1200px離上方Tbar35px設定 **/
	width:1200px;
	margin:35px auto;
	z-index:0;
	}
#header{/***************************************** 購物車進度 **/
	height:114px;
	width:1200px;
	margin-top:-160px;
	}
#header img{float:left;}
#header h1{ margin-top:50px;float:left; margin-left:10px; padding-left:10px; border-left:solid 3px #601986;font:bold 26px "微軟正黑體", sans-serif; color:#000;}
.progress{width:1000px;	margin:50px auto; padding-left:100px;}
.progress span{display:block;width:100px; margin-top:50px; float:left; text-align:center;font:bold 15px "微軟正黑體", sans-serif; color:#601986;}
.progress h2{ padding-bottom:10px;}
.progress span.gap{ display:block; width:300px; height:5px; border:#CCC 1px dashed; border-left:none; border-right:none; margin-top:95px; margin-left:-10px; margin-right:-10px;}
.contents{	width:1000px;	margin:50px auto 50px auto;	display:block;	clear:both;	min-height:580px;	border:#FFF solid 1px;	margin-bottom:20px;	}
.contents table{ margin-top:50px; margin-left:50px;}	
.contents table th{font:bold 15px/30px "微軟正黑體", sans-serif; padding:20px; text-align:right}
.contents table td p{ color:#601986}
.contents table img{vertical-align:-35%; margin-left:15px}
.contents table td.remark, .contents b.remark{font:14px/2px "微軟正黑體", sans-serif}
.contents table td.remark a{font:14px "微軟正黑體", sans-serif; color:#601986}
.contents table td.remark input{ vertical-align:-10%}
.firework{ background-image:url(images/t_Signsuccessbg.png); background-repeat:no-repeat; background-position:100px 100px;}
.contents span{ display:block; float:right;margin:190px 130px 100px 130px}
.contents h1{font:48px/70px "微軟正黑體", sans-serif;}
.contents h2{font:25px/40px "微軟正黑體", sans-serif;}
.contents p{font:15px/40px "微軟正黑體", sans-serif;}
.nextstep a{padding:8px 40px; background-color:#601986;text-align:center; font:bold 15px "微軟正黑體", sans-serif; color:#FFF; display:inline-block;margin-top:50px; margin-left:80px; clear:both; float:left}

input{padding:3px 2px}
select{padding:2px 2px; margin-top:-2px;}
.termsarea{margin-top:30px; margin-left:80px;float:left; display:block;height:100px; width:800px;}
.termsarea ul{list-style:disc; margin-left:10px; margin-top:10px}
.termsarea ul li{ padding:5px 10px; line-height:20px}
.footer{ display:block;border-top:solid 1px #CCC; padding:20px 20px 50px 20px;text-align:center;}
.footer p{color:#595757; line-height:30px;}
.footer p a{padding:0px 20px; border-left:solid 1px #CCC; color:#595757}
.footer p a:hover{color:#F06}
.footer ul li:first-child{border-left:none}