@charset "utf-8";
/* form */
/* --------------input-------------- */
input, textarea, select{
	border:1px solid #bbbbbb;
    background-color:#fff;
	color:#585447;
	font-size:12px;
	margin-bottom:1px;
	_margin-bottom:0;
	margin-right:2px;
	padding:2px 0 2px 2px;
}
input.none{
	background: none;
	border: none;
}
input.err, textarea.err, select.err {
	border:2px solid #d73f65;
}
input.img {
	margin-bottom:0;
	margin-right:0;
	padding:0;
	vertical-align:top;
}
input.imgs {
	margin-left:10px;
	margin-bottom:0;
	margin-right:0;
	padding:0;
	vertical-align:middle;
}
/* --------------width-------------- */
.long-l{
	width:620px;
}
.long-m{
	width:610px;
}
.long-ss{
	width:585px;
}
.longs{
	width:510px;
}
.long-s-m{
	width:400px;
}
.long-s{
	width:320px;
}
.long{
	width:280px;
}
.middle{
	width:180px;
}
.short-ll {
	width:165px;
}
.short-l {
	width:150px;
}
.short-m{
	width:120px;
}
.short-s{
	width:100px;
}
.short{
	width:80px;
}
.mini-m{
	width:60px;
}
.mini-s{
	width:50px;
}
.mini{
	width:40px;
}
.micro{
	width:25px;
}
/* --------------ask-------------- */
.askInner {
	padding-left:215px;
}
.askInner a.askComBtn {
	width:189px;
	height:55px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}
.askCom {
	background:url(/images/home/askComBtn.gif) no-repeat 0 0;
}
.askCom:hover {
	background:url(/images/home/askComBtn.gif) no-repeat 0 -55px;
}
.inputBox {
	width:620px;
	margin-left:15px;
	border-top:solid 2px #dcdcdc;
	border-bottom:solid 2px #dcdcdc;
	background:url(/images/form/bgborder.gif) repeat-y 0 0;
}
.inputBox01 {
	width:620px;
	margin-top:10px;
	margin-left:15px;
	border-top:solid 2px #dcdcdc;
	border-bottom:solid 2px #dcdcdc;
	background:url(/images/form/bgborder.gif) repeat-y 0 0;
}
.inputBox02 {
	width:620px;
	border-top:solid 2px #dcdcdc;
	border-bottom:solid 2px #dcdcdc;
	background:url(/images/form/bgborder.gif) repeat-y 0 0;
}
.inputBox03 {
	width:270px;
	float:left;
}
.inputBox04 {
	width:500px;
	float:left;
}
.inputBox05 {
	padding-left:15px;
	float:left;
}
.okBox {
	width:620px;
	height:300px;
	margin-top:10px;
	margin-left:15px;
	border-top:solid 2px #dcdcdc;
	border-bottom:solid 2px #dcdcdc;
	background:url(/images/form/bgborder.gif) repeat-y 0 0;
}
.inputBox01 p, .okBox p {
	margin:30px 0;
	text-align:center;
}
.formTr {
	width:620px;
	padding:10px 0;
	float:left;
	background:url(/images/form/bgTr.gif) repeat-y 0 0;
}
.formTrs {
	width:620px;
	padding:10px 0;
	float:left;
	background:url(/images/form/bgTrs.gif) repeat-y 0 0;
}
.formTrC {
	width:620px;
	padding:10px 0;
	text-align:center;
	float:left;
	background:url(/images/form/bgTr.gif) repeat-y 0 0;
}
.trInner {
	width:620px;	
	float:left;
}
.trInner span {
	width:160px;
	padding-left:15px;
	display:block;
	margin-top:3px;
	font-weight:bold;
	text-align:left;
	float:left;
}
.trInner span.shor {
	width:95px;
	padding-right:15px;
	display:block;
	margin-top:3px;
	font-weight:bold;
	text-align:right;
	float:left;
}
* html .trInner span.shor {
	width:120px;
}
.trInner span.conTxt {
	width:340px;
	padding-left:0;
	display:block;
	margin-top:3px;
	font-weight:normal;
	text-align:left;
	float:left;
}
.trInner span.conTxt01 {
	width:425px;
	padding-left:0;
	display:block;
	margin-top:3px;
	font-weight:normal;
	text-align:left;
	float:left;
}
.trInner span.conTxt02 {
	width:425px;
	padding-left:0;
	display:block;
	margin-top:3px;
	font-weight:normal;
	text-align:left;
	float:left;
	font-size:10px;
}
* html .trInner span.conTxt02 {
	font-size:75%;
}
*:first-child+html .trInner span.conTxt02 {
	font-size:75%;
}
.trInner span.btnEid {
	width:70px;
	padding-right:15px;
	display:block;
	margin-top:3px;
	font-weight:normal;
	text-align:right;
	float:right;
}
.content {
	width:420px;
	float:left;
	background-color:#FFCC99;
}
.conInner {
	margin-right:40px;
}
* html .content {
	width:430px;
	float:right;
}
.msg {
	padding-top:2px;
	color:#d73f65;
	font-size:10px;
}
* html .msg {
	font-size:75%;
}
*:first-child+html .msg {
	font-size:75%;
}

/* error msg */
.errMsg {
	width:620px;
	margin:10px 10px 10px 15px;
	border-top:solid 2px #d73f65;
	border-bottom:solid 2px #d73f65;
	background:url(/images/form/bgErr.gif) repeat-y 0 0;
	float:left;
}
* html .errMsg {
	width:620px;
	margin:10px 0 10px 15px;
	border-top:solid 2px #d73f65;
	border-bottom:solid 2px #d73f65;
	background:url(/images/form/bgErr.gif) repeat-y 0 0;
	float:none;
}
.errMsg p {
	color:#d73f65;
	font-weight:bold;
}
/* --------------gray btn-------------- */
.btnBox {
	padding:20px 0 0 225px;
	float:left;
}
.btnBoxSmall {
	padding:0 0 20px 165px;
	float:left;
}
.btnBoxMiddle {
	padding:0 0 20px 170px;
	float:left;
}
.btnBoxShort {
	padding:20px 0 0 145px;
}
.btnBoxMini {
	padding:20px 0 0 75px;
}
.btnBoxLong {
	padding:20px 0 0 310px;
	float:left;
}
.btnBoxMiddle-m {
	padding:20px 0 0 275px;
}
.btnBoxMicro {
	padding:0 0 20px 125px;
}
.auction {
	width:180px;
	height:25px;
	position:relative;
	float:left;
}
/* for IE 6 and 7 */
button.formBtn {
	width:1%;
}
button.formBtn span{
	float:left;
}
/* link */
a.formBtn {
	float:left;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}
a.formBtn span {
	font:bold 12px/23px Verdana; 
	color:#d73f65; 
	display:block; 
	float:left; 
	white-space:nowrap; 
	height:25px; 
	margin-left:1px; 
}  
/* bg　middle */
button.formBtn.middle.a span, a.formBtn.middle.a span, div.formBtn.middle.a input {
	color:#d73f65;
	width:170px;
	background:transparent url("/images/form/aRight.gif") no-repeat right 0;
}
button.formBtn.middle.a, a.formBtn.middle.a, div.formBtn.middle.a {
	background:transparent url("/images/form/aLeft.gif") no-repeat 0 center;
}
button.formBtn.middle.a:hover span, a.formBtn.middle.a:hover span, div.formBtn.middle.a:hover input {
	width:170px;
	color:#FFF;
	background:transparent url("/images/form/aRight.gif") no-repeat right 100%;
}
button.formBtn.middle.a:hover, a.formBtn.middle.a:hover, div.formBtn.middle.a:hover {
	background:url("/images/form/aLeft.gif") no-repeat -272px center;
}
/* bg　short */
button.formBtn.short.a span, a.formBtn.short.a span, div.formBtn.short.a input {
	color:#d73f65;
	width:130px;
	background:transparent url("/images/form/aRight.gif") no-repeat right 0;
}
button.formBtn.short.a, a.formBtn.short.a, div.formBtn.short.a {
	background:transparent url("/images/form/aLeft.gif") no-repeat 0 center;
}
button.formBtn.short.a:hover span, a.formBtn.short.a:hover span, div.formBtn.short.a:hover input {
	width:130px;
	color:#FFF;
	background:transparent url("/images/form/aRight.gif") no-repeat right 100%;
}
button.formBtn.short.a:hover, a.formBtn.short.a:hover, div.formBtn.short.a:hover {
	background:url("/images/form/aLeft.gif") no-repeat -272px center;
}

/* --------------gray btn no ver-------------- */
/* bg　middle no ver */
button.formBtn.middle.b span, a.formBtn.middle.b span, div.formBtn.middle.b input {
	color:#666666;
	width:170px;
	background:transparent url("/images/form/aRight01.gif") no-repeat right 0;
}
button.formBtn.middle.b, a.formBtn.middle.b, div.formBtn.middle.b {
	background:transparent url("/images/form/aLeft01.gif") no-repeat 0 center;
}
button.formBtn.middle.b:hover span, a.formBtn.middle.b:hover span, div.formBtn.middle.b:hover input {
	width:170px;
	color:#FFF;
	background:transparent url("/images/form/aRight01.gif") no-repeat right 100%;
}
button.formBtn.middle.b:hover, a.formBtn.middle.b:hover, div.formBtn.middle.b:hover {
	background:url("/images/form/aLeft01.gif") no-repeat -272px center;
}
/* bg　short no ver */
button.formBtn.short.b span, a.formBtn.short.b span, div.formBtn.short.b input {
	color:#666666;
	width:130px;
	background:transparent url("/images/form/aRight01.gif") no-repeat right 0;
}
button.formBtn.short.b, a.formBtn.short.b, div.formBtn.short.b {
	background:transparent url("/images/form/aLeft01.gif") no-repeat 0 center;
}
button.formBtn.short.b:hover span, a.formBtn.short.b:hover span, div.formBtn.short.b:hover input {
	width:130px;
	color:#FFF;
	background:transparent url("/images/form/aRight01.gif") no-repeat right 100%;
}
button.formBtn.short.b:hover, a.formBtn.short.b:hover, div.formBtn.short.b:hover {
	background:url("/images/form/aLeft01.gif") no-repeat -272px center;
}

/* --------------only btn-------------- */
button.formBtns{
	width:1%;
}
button.formBtns span{
	float:left;
}
a.formBtns{
	float:left;
	text-align:left;
	cursor:pointer;
	text-decoration:none;
}
a.formBtns span{
	font:bold 12px/23px Verdana; 
	color:#666; 
	display:block; 
	float: left; 
	white-space:nowrap; 
	height:25px; 
	margin-left:1px; 
	padding:0 15px 0 14px;
	line-height:25px;
} 
/* bg button */
button.formBtns.only.c span,a.formBtns.only.c span,div.formBtns.only.c input {
	color:#d73f65;
	background:url("/images/form/aRight.gif") no-repeat right 0;
}
button.formBtns.only.c,a.formBtns.only.c,div.formBtns.only.c {
	background:url("/images/form/aLeft.gif") no-repeat 0 center;
}
button.formBtns.only.c:hover span,a.formBtns.only.c:hover span,div.formBtns.only.c:hover input {
	color:#fff;
	background:url("/images/form/aRight.gif") no-repeat right 100%;
}
button.formBtns.only.c:hover,a.formBtns.only.c:hover,div.formBtns.only.c:hover {
	background:url("/images/form/aLeft.gif") no-repeat -272px center;
}

/* step images */
.stepBox {
	width:650px;
	height:90px;
	margin:10px 0;
	text-indent:-9999px;
}
.step01 {
	background:url(/images/form/step01.gif) no-repeat 0 0;
}
.step02 {
	background:url(/images/form/step02.gif) no-repeat 0 0;
}
.step03 {
	background:url(/images/form/step03.gif) no-repeat 0 0;
}
/* junior step images */
.juniorStep01 {
	background:url(/images/form/juniorStep01.gif) no-repeat 0 0;
}
.juniorStep02 {
	background:url(/images/form/juniorStep02.gif) no-repeat 0 0;
}
.juniorStep03 {
	background:url(/images/form/juniorStep03.gif) no-repeat 0 0;
}
.juniorStep04 {
	background:url(/images/form/juniorStep04.gif) no-repeat 0 0;
}

/* tab */
.bankTab, .uploadTab {
	/* background:url(/images/form/line.gif) repeat-x left bottom; */
	border-bottom:solid 2px #9f5f4e;
	float:left;
	font-size:12px;
	line-height:normal;
	width:650px;
}
.bankTab ul, .uploadTab ul {
	list-style:none;
}
.bankTab li, .uploadTab li {
    display:inline;
}
.bankTab a, .uploadTab a {
    float:left;
    background:url(/images/form/tabLeft.gif) no-repeat left top;
    padding:0 0 0 8px;
    text-decoration:none;
}
.bankTab a span, .uploadTab a span {
    float:left;
    display:block;
    background:url(/images/form/tabRight.gif) no-repeat right top;
    padding:6px 27px 4px 22px;
    color:#333333;
	text-decoration:none;
}
.bankTab a span, .uploadTab a span {float:none;}
.bankTab a:hover span, .bank-on a span, .post-on a span, .uploadTab a:hover span, .fax-on a span, .file-on a span {
    color:#FFF;
}
.bankTab a:hover, .bank-on a, .post-on a, .uploadTab a:hover, .fax-on a, .file-on a {
    background-position:0% -42px;
	text-decoration:none;
}
.bankTab a:hover span, .bank-on a span, .post-on a span, .uploadTab a:hover span, .fax-on a span, .file-on a span  {
    background-position:100% -42px;
	text-decoration:none;
}
.bankBox, .uploadBox {
	width:650px;
	border-bottom:solid 2px #9f5f4e;
	background:url(/images/form/bgBank.gif) repeat-y 0 0;
	float:left;
}
.bankBoxInner, .uploadBoxInner {
	padding:15px;
}
.bankBoxL {
	width:280px;
	padding:15px;
	float:left;
}
* html .bankBoxL ul {
	width:260px;
	padding:1px 0;
} 
.bankBoxL ul {
	width:300px;
	padding:1px 0;
} 
.bankBoxL li {
	width:20px;
	margin:1px;
	padding:1px;
	border:solid 1px #cccccc;
	text-align:center;
	float:left;
} 

.bankBoxL li a {
	font-weight:bold;
	text-decoration:none;
}
.bankBoxR {
	width:250px;
	padding:15px;
	float:left;
}
.bankBoxRs {
	width:250px;
	padding:15px;
	text-align:right;
	float:right;
}
.resultBox, .bankInfoBox {
	margin:15px;
}
.resultBar {
	width:620px;
	border-bottom:solid 2px #dcdcdc;
	text-align:center;
	font-size:14px;
	color:#000000;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:10px;
}
.okH {
	height:555px;
}