﻿ /*input[type=text]样式*/
.inputbox input[type=text],.inputbox input[type=password]{ 
	height:30px;
	vertical-align: middle;
	display:block;
    float:left;
	border:none;
	/*-webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;*/
	background-color: #fff;
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	padding:0 5px;
}
.inputbox input[type="text"]:focus,.inputbox input[type=password]:focus{
  outline: 0;
}
.inputbox:hover{ border-color:#3e9add; cursor:pointer;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(1, 173, 255,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(1, 173, 255,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(1, 173, 255,.6);
}
select{ 
	vertical-align: middle;
	display:inline-block;
	border:1px #ddd solid;
	padding:0 5px;
}

/*input[type=button],input[type=submit]样式*/
input[type=button],input[type=submit],input[type=reset]{
    cursor:pointer;
	vertical-align: middle;
	display:inline-block;
	color:#fff;
	-webkit-font-smoothing:subpixel-antialiased; 
	-webkit-transition:border .25s linear,color .25s linear,background-color .25s linear; 
	transition:border .25s linear,color .25s linear,background-color .25s linear;
}
.btnb{background:#3e9add; border-color:#3e9add;-moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -webkit-transition: background 0.4s ease; transition: background 0.4s ease;}
.btnb:hover{background:#175d90; border-color:#175d90}
.btny{background:#ff6a00; border-color:#ff6a00;-moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -webkit-transition: background 0.4s ease; transition: background 0.4s ease;}
.btny:hover{background:#e26518; border-color:#e26518}
.btnr{background:#ea5445; border-color:#ea5445;-moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -webkit-transition: background 0.4s ease; transition: background 0.4s ease;}
.btnr:hover{background:#bb0000; border-color:#bb0000}
.btnlv{background:#90c31f; border-color:#90c31f;-moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -webkit-transition: background 0.4s ease; transition: background 0.4s ease;}
.btnlv:hover{background:#7aae06; border-color:#7aae06}
.btng{background:#848484; border-color:#848484;-moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -webkit-transition: background 0.4s ease; transition: background 0.4s ease;}
.btng:hover{background:#595959; border-color:#595959}

a.btnb,a.btny,a.btnr,a.btng,a.btnlv,span.btnb,span.btny,span.btnr,span.btng,span.btnlv,div.btnb,div.btny,div.btnr,div.btng,div.btnlv{
	vertical-align: middle;
	display:inline-block;
	color:#fff;
    cursor:pointer;
	-webkit-font-smoothing:subpixel-antialiased; 
	-webkit-transition:border .25s linear,color .25s linear,background-color .25s linear; 
	transition:border .25s linear,color .25s linear,background-color .25s linear;
}

.smlbtn{height:22px; padding:0 10px; line-height:22px; border:0px; font-size:12px; color:#fff; cursor:pointer;}
.midbtn{height:30px; padding:0 15px; line-height:30px; border:0px; font-size:13px; color:#fff; cursor:pointer;}
.bigbtn{height:36px; padding:0 15px; line-height:36px; border:0px; font-size:14px; color:#fff; cursor:pointer;}
.smlbtn i{margin-right:3px;}
.midbtn i{margin-right:3px; width:14px; height:14px;}
.bigbtn i{margin-right:3px;}

.inputbox textarea{ 
	vertical-align: middle;
	display:inline-block;
	border:1px #ddd solid;
	-webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;
	background-color: #fff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	padding:0 5px;
}
.inputbox textarea:focus{
  outline: 0;
  border-color:#ff7e00;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225, 150, 0,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225, 150, 0,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225, 150, 0,.6);
}