/* CSS Document */
/*
 * Site:
 * Author:Created by selina on 2015-11-26
 * btn(按钮)Ht(高度)-aa(值的分类)
 * btn(按钮)St(样式)-aa(值的分类)
 * btn(按钮)Ru(圆)-aa(值的分类)
 * botton
*/
/* CSS Document */


.btn {
    display:inline-block;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    text-align:center;
    vertical-align:middle;
    word-wrap:normal;
    white-space:nowrap;
}
/* 按钮高度 S */
.btn.btnHt-aa { height: 18px;}
.btn.btnHt-ab { height: 28px;}
.btn.btnHt-ac { height: 30px;}
.btn.btnHt-ad { height: 48px;}
.btn.btnHt-ae { height: 38px;}
.btn.btnHt-af { height: 40px;}
/* 按钮高度 E */

/* 按钮样式 S */
.btn.btnCr-aa { background: #3b8de3; }
.btn.btnCr-aa:hover { background: #005dac; }
.btn.btnCr-ab { background: #ffffff; border: 1px #629fe7 solid; color: #629fe7; }
.btn.btnCr-ab:hover {  background: #bfdeff; color: #ffffff; }
.btn.btnCr-ac { background: #deeeff; border: 1px #3b8de3 solid; color: #2863b4; }
.btn.btnCr-ac:hover { background: #bfdeff;}
.btn.btnSt-aa {
    border: 1px #c1c3c5 solid;
    background:#ffffff;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=100,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr="#ffffff",endcolorstr="#e4e4e4",gradientType=0);
    background:-webkit-linear-gradient(#ffffff,#e4e4e4);
    background:-moz-linear-gradient(#ffffff,#e4e4e4);
    background:-ms-linear-gradient(#ffffff,#e4e4e4);
    background:-o-linear-gradient(#ffffff,#e4e4e4);
    background:linear-gradient(#ffffff,#e4e4e4);
}
.btn.btnSt-aa:hover {
    background:#e4e4e4;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=100,finishx=0,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr="#e4e4e4",endcolorstr="#e4e4e4",gradientType=0);
    background:-webkit-linear-gradient(#e4e4e4,#ffffff);
    background:-moz-linear-gradient(#e4e4e4,#ffffff);
    background:-ms-linear-gradient(#e4e4e4,#ffffff);
    background:-o-linear-gradient(#e4e4e4,#ffffff);
    background:linear-gradient(#e4e4e4,#ffffff);
}
/* 按钮样式 E */

/* 按钮圆角 S */
.btn.btnRu-aa {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.btn.btnRu-ab {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
}
/* 按钮圆角 E */