@charset "utf-8";

/***********************************************/
/* form                                */
/***********************************************/

/*input{ vertical-align:middle;}*/
.input1{ height:24px; border:none; line-height:24px; background:url(../images/text_bg01.png) repeat-x; width:70px; padding:3px; font: 18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}
.input2{ height:15px; border:#000 solid 1px; line-height:15px; background-color:#FFFCEB }
.input3{ line-height:18px;border-bottom-width:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-style: #000000; width:215px; background:none;}
	
.input3:focus { text-align:left; color:#333;}

.a_form_1{background:url(../images/reg_form_bg.gif) no-repeat; width:200px; height:29px; line-height:29px; padding:2px 4px; border:#CCCCCC solid 1px;  font-size: 14px;  font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}
.a_form_2{background:url(../images/reg_form_bg.gif) no-repeat; height:29px; line-height:29px; padding:2px 4px; border:#CCCCCC solid 1px;  font-size: 14px;  font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}


.btn1 { width:268px; height:51px; line-height:30px; color:#EBEBEB; background:url(../images/btn_bg.png) no-repeat; border:none; font-weight:bold; cursor:pointer; font: 22px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;text-shadow: 1px 0px 0px  #999999;
}


.btn1_2 { width:200px; height:37px; line-height:37px; color:#EBEBEB; background:url(../images/btn_bg.png) no-repeat 0 -138px; border:none; font-weight:bold; cursor:pointer; font: 18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;text-shadow: 1px 0px 0px  #999999;
}

.btn2 { border:none; background:url(../images/btn_bg.png) no-repeat 0 -51px; width:165px;  height:29px;  MARGIN: 6px 0px; CURSOR: pointer; COLOR: #fff;  text-align:center; font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;text-shadow: 1px 0px 0px  #999999; line-height:29px;
}

.btn2_a { border:none; background:url(../images/btn_bg.png) no-repeat 0 -51px; width:165px;  height:29px;  MARGIN: 6px 0px; CURSOR: pointer; COLOR: #fff;  text-align:center; font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;text-shadow: 1px 0px 0px  #999999; line-height:29px; float:left;
}

.btn3 { border:none; background:url(../images/btn_bg.png) no-repeat 0 -80px; width:310px; height:29px;  MARGIN: 6px 0px; CURSOR: pointer; COLOR: #fff;  text-align:center; font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;text-shadow: 1px 0px 0px  #999999; line-height:29px;
}
.btn3_2 { border:none; background:url(../images/btn_bg.png) no-repeat 0 -213px; width:310px; height:29px;  MARGIN: 6px 0px; CURSOR: pointer; COLOR: #ccc;  text-align:center; font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;text-shadow: 1px 0px 0px  #999999; line-height:29px;
}

.btn4 { border:none; background:url(../images/btn_bg.png) no-repeat 0 -109px; width:165px; height:29px; MARGIN: 6px 0px; CURSOR: pointer; COLOR: #1EAC1E;  text-align:center; font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;text-shadow: 1px 0px 0px  #999999; line-height:29px;
}
.btn5 { border:none; background:url(../images/btn_bg.png) no-repeat 0 -175px; width:430px; height:35px;  MARGIN: 6px 0px; CURSOR: pointer; COLOR: #fff;  text-align:center; font: 14px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;text-shadow: 1px 0px 0px  #999999; line-height:35px;
}
.btn6 {border:none; background:url(../images/step_next.png) 0px -140px; width:100px;  *PADDING: 0px 3px 1px 3px; PADDING: 0px 10px 0px 10px;  MARGIN: 0px 0px; CURSOR: pointer; COLOR: #666; font-size:14px; color:#333; _vertical-align:middle; +vertical-align:middle; height:35px;font: 14px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}
.btn6.before { background-position:-100px -140px; color:#FFF }
.btn6:hover,
.btn6:focus  { background-position:-100px -140px; color:#FFF }
.btn6:active { background-position:-100px -140px; color:#FFF }
 
 

.btn7 {border:none; background:url(../images/step_next.png) 0px -175px; width:150px;  *PADDING: 0px 3px 1px 3px; PADDING: 0px 5px 0px 10px;  MARGIN: 0px 10px; CURSOR: pointer; COLOR: #666; font-size:14px; color:#333; _vertical-align:middle; +vertical-align:middle; height:35px;font: 14px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}
.btn7.before { background-position:-150px -175px; color:#FFF }
.btn7:hover,
.btn7:focus  { background-position:-150px -175px; color:#FFF }
.btn7:active { background-position:-150px -175px; color:#FFF }




 
 


 

.btn8 { border:none; background-color:#61A7DB;   PADDING: 3px 10px 3px 10px; *PADDING: 3px 3px 1px 3px; MARGIN: 6px 0px; CURSOR: pointer; COLOR: #fff; font-size:12px; vertical-align:middle;
}

.btn9 { border:none; background:url(../images/btn09.jpg) no-repeat; width:50px; height:22px; MARGIN: 6px 0px; CURSOR: pointer; COLOR: #fff; font-size:12px; text-align:center;}

.btn10 { border:#FF6832 solid 1px; background-color:#FFAF00 ;   PADDING: 5px 8px 3px 8px; *PADDING: 4px 5px 2px 5px; MARGIN: 6px 0px; CURSOR: pointer; COLOR: #666; font-size:12px; color:#333; vertical-align:middle; color:#FFF; font-size:14px; font-weight:bold;
}

 
.btn_n1 { border:none; background:url(../images/btn_n1.png) no-repeat; width:535px; height:85px; line-height:90px; CURSOR: pointer; COLOR: #FFF; font-size:36px; text-align:center; margin:20px auto;}
.btn_n1.before { background-position:0px -85px; color:#FFF }
.btn_n1:hover,
.btn_n1:focus  { background-position:0px -85px; color:#FFF }
.btn_n1:active { background-position:0px -85px; color:#FFF }



.btn01 {border:none; background:url(../images/btn_bg.png) 0px -242px; width:155px; CURSOR: pointer; COLOR: #666; color:#333; _vertical-align:middle; +vertical-align:middle; height:32px;font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; line-height:30px; text-align:center;
}
.btn01.before { background-position:-155px -242px; color:#FFF }
.btn01:hover,
.btn01:focus  { background-position:-155px -242px; color:#FFF }
.btn01:active { background-position:-155px -242px; color:#FFF }



.btn02 { width:124px; height:51px; padding-bottom:16px; line-height:35px; color:#fff; background:url(../images/btn_bg.png) no-repeat 0px -275px; border:none; font-weight:bold; cursor:pointer; font: 20px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;text-shadow: 1px 0px 0px  #333;
}

.btn03 {border:none; background:url(../images/btn_bg.png) 0px -330px; width:58px; CURSOR: pointer; COLOR: #666; color:#333; _vertical-align:middle; +vertical-align:middle; height:32px;font: 14px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; line-height:30px; text-align:center;
}
.btn03.before { background-position:-58px -330px; color:#FFF }
.btn03:hover,
.btn03:focus  { background-position:-58px -330px; color:#FFF }
.btn03:active { background-position:-58px -330px; color:#FFF }


.btn_order {border:none; background:url(../images/btn_bg.png) 0px -242px; width:155px; CURSOR: pointer; COLOR: #666; color:#333; _vertical-align:middle; +vertical-align:middle; height:32px;font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; line-height:30px; text-align:center;
}
.btn01.before { background-position:-155px -242px; color:#FFF }
.btn01:hover,
.btn01:focus  { background-position:-155px -242px; color:#FFF }
.btn01:active { background-position:-155px -242px; color:#FFF }



.down_btn{ width:175px; height:29px; line-height:29px; color:#fff; background:url(../images/download_tem.png) no-repeat 0px 0px; border:none; font-weight:bold; cursor:pointer; font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;text-shadow: 1px 0px 0px  #333; padding:5px 20px 5px 5px; text-align:left;
}




.btn01_c {border:none; CURSOR: pointer; COLOR: #666; color:#333; _vertical-align:middle; +vertical-align:middle; height:32px;font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; line-height:30px; text-align:center; overflow:hidden;
}
.btn01_c a {float:left;  background:url("../images/btn01_c2.png") no-repeat right top; margin:0; text-decoration:none;}
.btn01_c a span {float:left;display:block;background:url("../images/btn01_c1.png") no-repeat left top;padding:0px 15px 0px 15px;
 color:#333;}
.btn01_c a span {float:none;}
.btn01_c a:hover span {color:#FFF;}
.btn01_c a:hover {background-position:100% -32px;}
.btn01_c a:hover span {background-position:0 -32px;}





input[type="radio"]{
vertical-align:-1px;
vertical-align:middle\9;
}



INPUT.txt {star : expression(
onmouseover=function(){this.style.backgroundColor="#f5f9fd",this.style.borderColor="#09c"},
onmouseout=function(){this.style.backgroundColor="#fff",this.style.borderColor="#7F9DB9"})}

/*TEXTAREA {star : expression(
onmouseover=function(){this.style.backgroundColor="#f5f9fd",this.style.borderColor="#09c"},
onmouseout=function(){this.style.backgroundColor="#fff",this.style.borderColor="#7F9DB9"})}*/



INPUT.txt {
	 PADDING: 2px 2px 0px 2px; height:20px; border:#CCCCCC solid 1px; font-size:12px; line-height:18px; vertical-align:middle; color:#333;
}
INPUT.txt:hover {border:#09c solid 1px; BACKGROUND: #f5f9fd; 
}
INPUT.txt:focus {
	border:#09c solid 1px; BACKGROUND: #f5f9fd; 
}


INPUT.txt2 {star : expression(
onmouseover=function(){this.style.backgroundColor="#f5f9fd",this.style.borderColor="#09c"},
onmouseout=function(){this.style.backgroundColor="#fff",this.style.borderColor="#7F9DB9"})}

INPUT.txt2 {
	 PADDING: 2px 2px 0px 2px; height:20px; border:#CCCCCC solid 1px; font-size:12px; line-height:18px; vertical-align:middle; color: #C0C0C0;
}
INPUT.txt2:hover {border:#09c solid 1px; BACKGROUND: #f5f9fd; 
}
INPUT.txt2:focus {
	border:#09c solid 1px; BACKGROUND: #f5f9fd; 
}



INPUT.reg_txt {star : expression(
onmouseover=function(){this.style.backgroundColor="#f5f9fd",this.style.borderColor="#09c"},
onmouseout=function(){this.style.backgroundColor="#fff",this.style.borderColor="#CCCCCC"})}

INPUT.reg_txt {
	 PADDING: 2px 2px 0px 2px;  height:26px; border:#CCCCCC solid 1px; font-size:14px; line-height:25px;
}
INPUT.reg_txt:hover {border:#09c solid 1px; BACKGROUND: #f5f9fd; 
}
INPUT.reg_txt:focus {
	border:#CCCCCC solid 1px; BACKGROUND: #f5f9fd; 
}

.reg_w{ width:230px;}



TEXTAREA {
	BORDER-RIGHT: #CCCCCC 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #CCCCCC 1px solid; PADDING-LEFT: 2px; BORDER-LEFT: #CCCCCC 1px solid;  BORDER-BOTTOM: #CCCCCC 1px solid; font-size:12px; font: 14px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; line-height:150%;
}
TEXTAREA:hover {
	BORDER-LEFT-COLOR: #09c; BACKGROUND: #f5f9fd; BORDER-BOTTOM-COLOR: #09c; BORDER-TOP-COLOR: #09c; BORDER-RIGHT-COLOR: #09c
}
TEXTAREA:focus {
	BORDER-LEFT-COLOR: #09c; BACKGROUND: #f5f9fd; BORDER-BOTTOM-COLOR: #09c; BORDER-TOP-COLOR: #09c; BORDER-RIGHT-COLOR: #09c
}

 


/*表单验证*/
.onShow
{
    padding-left:25px; 
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle; color:#C0C0C0; height:35px; line-height:35px; 
}
.onFocus
{
    background:#E9F0FF url(../images/onFocus.gif) no-repeat 2px 5px; 
    padding-left:25px; 
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle; border:#09F solid 1px; height:33px; line-height:33px; 
}
.onError
{
    background:#FFE9EB url(../images/onError.gif) no-repeat 2px 5px;
    padding-left:25px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle; border:#DEB6B6 solid 1px; height:33px; line-height:33px; 
}
.onCorrect
{
    background:url(../images/onCorrect.gif) no-repeat;
    padding-left:25px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle; float:left;
}
.onLoad
{
    background:#E9FFEB url(../images/onLoad.gif) no-repeat 3px 3px;
    padding-left:25px;
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
} 



label.checkbox {padding-left: 24px; cursor:pointer;background: url(../images/checkbox.png) no-repeat left -0px; line-height:22px; height:21px; display:inline-block; } 
label.checked {background-position:left 100%;  } 
label.disabled{background-position:left 0px;}

.hRadio 
{
    padding-left: 22px; display: inline-block;
	background: transparent url(../images/radio.png) no-repeat left top;
	height: 19px; line-height:20px;
	cursor:pointer;vertical-align:middle;
}

.hRadio_Checked { background-position: left bottom;}