.btn {
    display: inline-block;
    padding: 15px 60px;
    font-family: "Microsoft YaHei",Helvetia,"lucida Grande",Verdana,Arial;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    -webkit-transition-property: background-color box-shadow;
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: background-color box-shadow;
    -moz-transition-duration: 200ms;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: background-color box-shadow;
    -ms-transition-duration: 200ms;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-property: background-color box-shadow;
    -o-transition-duration: 200ms;
    -o-transition-timing-function: ease-in-out;
    transition-property: background-color box-shadow;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
    cursor:pointer;
    box-shadow:0px 1px 2px rgba(0,0,0,0.25);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.25);
    -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.25);
    -ms-box-shadow:0px 1px 2px rgba(0,0,0,0.25);
}
.btn:hover
{
    box-shadow:0px 1px 8px rgba(0,0,0,0.25);
    -moz-box-shadow:0px 1px 8px rgba(0,0,0,0.25);
    -webkit-box-shadow:0px 1px 8px rgba(0,0,0,0.25);
    -ms-box-shadow:0px 1px 8px rgba(0,0,0,0.25);
 
}
.btn_s1
{
    padding: 13px 60px;
    font-weight: 600;
    border-radius: 5px;
    font-size: 18px;
}
.btn_s2
{
    padding: 10px 40px;
    font-weight: 600;
    border-radius: 3px;
    font-size: 16px;
}
.btn_s3
{
    padding: 8px 30px;
    font-weight: 600;
    border-radius: 3px;
    font-size: 14px;
}
.btn_s4
{
    font-size: 12px;
    line-height:18px;
    padding: 5px 15px;
    font-weight:normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
}

.btn_s5
{
    font-size: 10px;
    line-height:16px;
    padding: 3px 10px;
    font-weight:normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
}
.btn_s51
{
    font-size: 10px;
    line-height:16px;
    padding: 3px 5px;
    font-weight:normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
}
.btn_s6
{
    font-size: 8px;
    line-height:14px;
    padding: 2px 5px;
    font-weight:normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

}

.btn_s7
{
    font-size: 8px;
    line-height:14px;
    padding: 0px 5px;
    font-weight:normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

}
.btn:active {
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25);
}
.btn.red { background-color: #f33e6f;}.btn.red:hover { background-color: #f2265d;}
.btn.blue { background-color: #2d91ea;}.btn.blue:hover { background-color: #1785e6;}
.btn.bluex
{
    padding: 3px 15px;
box-shadow:0px 1px 1px rgba(0,0,0,0.25);                                                           
background-color: #0B5D97;
border-bottom: 1px solid #0B5D97;
background-image: linear-gradient(#4384B2, #055795);
}

.btn.bluex:hover
{
    box-shadow:0px 1px 5px rgba(0,0,0,0.25);  
    background-color: #0B5D97;
    border-bottom: 1px solid #0B5D97;
    background-image: linear-gradient(#4384B2,#0A4775);
    }
.btn.bluex:active 
{
    background-color: #0A4775;
    background-image: -moz-linear-gradient(#0A4775, #0A4775);
    background-image: -webkit-linear-gradient(#0A4775, #0A4775);
    background-image: linear-gradient(#0A4775,#0A4775);
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25);
}
.btn.green{background:#62B810;}.btn.green:hover{background-color:#57A30C;}
 cn_action1 .btn1{width:180px;}
.cn_action .btn{margin-right:10px;}
.cn_action
{
    margin-bottom:15px;
   
}