/*------------------------------------------------------------

* Filename: componentStyle.css
* Date: 2012-2-9
-------------------------------------------------------------*/

/*------------ Reset ------------*/
input, select {
line-height: normal;
width:auto;
padding:auto;
margin:auto;}





/*-------- 共用button設定 --------*/
.disable{/*for disable style*/
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */}

.btn{/*for all Btn style*/
text-decoration: none;
font-size: 13px;
font-weight:bold;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
padding: 6px 10px;
padding: 6px 6px 2px 6px\9;
text-align: center;
min-width:70px;
line-height:18px;}
	.btn:hover{
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.2);
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);}
	.btn:focus{
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);				
	-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);			
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);		
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	outline:0 transparent;}
	.btn:active{
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
	padding: 6px 6px 2px 6px\9;
	outline:0 transparent;}
	
	
/*---- 藍色 ----*/
.btnBlue{
background-color: #2283a6;
border: 1px solid #0b769a;
color:#FFFFFF;}
	.btnBlue:hover{
	background-image: -webkit-linear-gradient(top,#2181a3,#137395);
	background-image: -moz-linear-gradient(top,#2181a3,#137395);
	background-image: -ms-linear-gradient(top,#2181a3,#137395);
	background-image: -o-linear-gradient(top,#2181a3,#137395);
	background-image: linear-gradient(top,#2181a3,#137395);
	border: 1px solid #006384;}
	.btnBlue:focus{
	background-color: #2283a6;
	border: 1px solid #006384;}
	.btnBlue:active{
	background-image: -webkit-linear-gradient(top,#2181a3,#137395);
	background-image: -moz-linear-gradient(top,#2181a3,#137395);
	background-image: -ms-linear-gradient(top,#2181a3,#137395);
	background-image: -o-linear-gradient(top,#2181a3,#137395);
	background-image: linear-gradient(top,#2181a3,#137395);
	border: 1px solid #006384;}


/*---- 橘色 ----*/
.btnOrange{
background-color: #f99500;
border: 1px solid #d28200;
color:#FFFFFF;}
	.btnOrange:hover{
	background-image: -webkit-linear-gradient(top,#fa9600,#e78300);
	background-image: -moz-linear-gradient(top,#fa9600,#e78300);
	background-image: -ms-linear-gradient(top,#fa9600,#e78300);
	background-image: -o-linear-gradient(top,#fa9600,#e78300);
	background-image: linear-gradient(top,#fa9600,#e78300);
	border: 1px solid #b9730f;}
	.btnOrange:focus{
	background-color: #f99500;
	border: 1px solid #b9730f;}
	.btnOrange:active{
	background-image: -webkit-linear-gradient(top,#fa9600,#e78300);
	background-image: -moz-linear-gradient(top,#fa9600,#e78300);
	background-image: -ms-linear-gradient(top,#fa9600,#e78300);
	background-image: -o-linear-gradient(top,#fa9600,#e78300);
	background-image: linear-gradient(top,#fa9600,#e78300);
	border: 1px solid #b9730f;}
	
/*---- 灰色 ----*/
.btnGray{
background-color: #f7f7f7;
border: 1px solid #cccccc;
color:#545454;}
	.btnGray:hover{
	background-image: -webkit-linear-gradient(top,#f6f6f6,#d4d4d4);
	background-image: -moz-linear-gradient(top,#f6f6f6,#d4d4d4);
	background-image: -ms-linear-gradient(top,#f6f6f6,#d4d4d4);
	background-image: -o-linear-gradient(top,#f6f6f6,#d4d4d4);
	background-image: linear-gradient(top,#f6f6f6,#d4d4d4);
	border: 1px solid #acacac;}
	.btnGray:focus{
	background-color: #f7f7f7;
	border: 1px solid #acacac;}
	.btnGray:active{
	background-image: -webkit-linear-gradient(top,#f6f6f6,#d4d4d4);
	background-image: -moz-linear-gradient(top,#f6f6f6,#d4d4d4);
	background-image: -ms-linear-gradient(top,#f6f6f6,#d4d4d4);
	background-image: -o-linear-gradient(top,#f6f6f6,#d4d4d4);
	background-image: linear-gradient(top,#f6f6f6,#d4d4d4);
	border: 1px solid #acacac;}
	
	
/*---- 綠色 ----*/
.btnGreen{
background-color: #a3ba5b;
border: 1px solid #90a453;
color:#fff;}
	.btnGreen:hover{
	background-image: -webkit-linear-gradient(top,#a3b95b,#8c9f4e);
	background-image: -moz-linear-gradient(top,#a3b95b,#8c9f4e);
	background-image: -ms-linear-gradient(top,#a3b95b,#8c9f4e);
	background-image: -o-linear-gradient(top,#a3b95b,#8c9f4e);
	background-image: linear-gradient(top,#a3b95b,#8c9f4e);
	border: 1px solid #7f8d47;}
	.btnGreen:focus{
	background-color: #a3ba5b;
	border: 1px solid #90a453;}
	.btnGreen:active{
	background-image: -webkit-linear-gradient(top,#a3b95b,#8c9f4e);
	background-image: -moz-linear-gradient(top,#a3b95b,#8c9f4e);
	background-image: -ms-linear-gradient(top,#a3b95b,#8c9f4e);
	background-image: -o-linear-gradient(top,#a3b95b,#8c9f4e);
	background-image: linear-gradient(top,#a3b95b,#8c9f4e);
	border: 1px solid #7f8d47;}