/*键盘背景*/
#_keyboard {
	background: #7C7C7C;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#7C7C7C,endColorStr=#3c3c3c); /*IE*/ 
    background:-moz-linear-gradient(top,#7C7C7C,#3c3c3c);/*火狐*/ 
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#7C7C7C), to(#3c3c3c));/*谷歌*/ 
    background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #7C7C7C),color-stop(1, #3c3c3c));/* Safari & Chrome*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7C7C7C', endColorstr='#3c3c3c'); /*IE6 & IE7*/ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7C7C7C', endColorstr='#3c3c3c')"; /* IE8 */ 
}

/*字母按钮背景颜色，字体属性设置*/
#_keyboard div button.letter,
#_keyboard div button.symbol {
	font-size: 20px;
    font-weight: 500;
    line-height: 1.42;

    position: relative;

    display: inline-block;

    margin-bottom: 0;
    padding: 6px 0px;

    cursor: pointer;
    -webkit-transition: all;
            transition: all;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;

    color: #f3f3f3;
    border: 1px solid #8B8B8B;
    border-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #fff;
    background-clip: padding-box;
    
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#5c5c5c,endColorStr=#353637); /*IE*/ 
    background:-moz-linear-gradient(top,#5c5c5c,#353637);/*火狐*/ 
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#5c5c5c), to(#353637));/*谷歌*/ 
    background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #5c5c5c),color-stop(1, #353637));/* Safari & Chrome*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5c5c5c', endColorstr='#353637'); /*IE6 & IE7*/ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5c5c5c', endColorstr='#353637')"; /* IE8 */ 
}

/*数字按钮背景颜色，字体属性设置*/
#_keyboard div button.number {
	font-size: 22px;
    font-weight: 500;
    line-height: 1.42;

    position: relative;

    display: inline-block;

    margin-bottom: 0;
    padding: 6px 0px;

    cursor: pointer;
    -webkit-transition: all;
            transition: all;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;

    color: #f3f3f3;
    border: 1px solid #3c3c3c;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background: transparent;
}
#_keyboard div button.center {
	border-left-style: solid;
    border-right-style: solid;
}

#_keyboard div button.function {
	font-size: 18px;
    font-weight: 500;
    line-height: 1.42;

    position: relative;

    display: inline-block;

    margin-bottom: 0;
    padding: 6px 0px;

    cursor: pointer;
    -webkit-transition: all;
            transition: all;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;

    color: #f3f3f3;
    border: 1px solid #8B8B8B;
    border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fff;
    background-clip: padding-box;
    
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#4572B7,endColorStr=#2A3E50); /*IE*/ 
    background:-moz-linear-gradient(top,#4572B7,#2A3E50);/*火狐*/ 
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#4572B7), to(#2A3E50));/*谷歌*/ 
    background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #4572B7),color-stop(1, #2A3E50));/* Safari & Chrome*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4572B7', endColorstr='#2A3E50'); /*IE6 & IE7*/ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4572B7', endColorstr='#2A3E50')"; /* IE8 */ 
}


#_keyboard div button.space {
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#5c5c5c,endColorStr=#353637); /*IE*/ 
    background:-moz-linear-gradient(top,#5c5c5c,#353637);/*火狐*/ 
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#5c5c5c), to(#353637));/*谷歌*/ 
    background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #5c5c5c),color-stop(1, #353637));/* Safari & Chrome*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5c5c5c', endColorstr='#353637'); /*IE6 & IE7*/ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5c5c5c', endColorstr='#353637')"; /* IE8 */ 
	border: 0px solid #ccc;
}
#_keyboard div input.form {
    font-size: 30px;
    color: #000000;
    border: 3px solid #8B8B8B;
    height: 90%;
    text-align: center;
}