@charset "utf-8";
/* button style css */
/* new button */
.btnstyle{text-align: center;}
.btnstyle a{display:inline-block;width:90px;max-width: 100%;height: 30px;line-height:30px;font-size: 12px;font-family:"Microsoft Yahei";text-align:center;padding:0;color:#fff;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;z-index: 1;}

.btnstyle .buttonstyle_01 a{background: #0cf;color:#fff;}
.btnstyle .buttonstyle_02 a{border-radius: 5px;background-color: #0cf;color:#fff;}
.btnstyle .buttonstyle_03 a{border-radius:500px;background-color: #0cf;color:#fff;}
.btnstyle .buttonstyle_04 a{border:1px solid #0cf;color:#0cf;}
.btnstyle .buttonstyle_05 a{border-radius: 5px;border:1px solid #0cf;color:#0cf;}
.btnstyle .buttonstyle_06 a{border-radius: 500px;border:1px solid #0cf;color:#0cf;}
.btnstyle .buttonstyle_07 a{border-radius:500px;background-color:#0cf;color:#fff;-webkit-box-shadow:inset 0 -3px 3px rgba(0, 0, 0, 0.3);box-shadow:inset 0 -3px 3px rgba(0, 0, 0, 0.3);}

.btnstyle .buttonstyle_08 a{border-radius: 5px;background-color:#0cf;color:#fff;-webkit-box-shadow:inset 0 -3px 3px rgba(0, 0, 0, 0.3);box-shadow:inset 0 -3px 3px rgba(0, 0, 0, 0.3);}

.btnstyle .buttonstyle_09 a{background-color:#0cf;-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.3);box-shadow:0 2px 3px rgba(0, 0, 0, 0.3);}
.btnstyle .buttonstyle_10 a{border-radius:5px;background-color:#0cf;-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.3); box-shadow:0 2px 3px rgba(0, 0, 0, 0.3);}
.btnstyle .buttonstyle_11 a{border-radius:500px;background-color:#0cf;-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.3); box-shadow:0 2px 3px rgba(0, 0, 0, 0.3);}
.btnstyle .buttonstyle_12 a{background-color:#0cf;color:#fff;-webkit-box-shadow:inset 0 -3px 3px rgba(0, 0, 0, 0.3);box-shadow:inset 0 -3px 3px rgba(0, 0, 0, 0.3);}

.btnstyle .buttonstyle_13 a,.btnstyle .buttonstyle_14 a,.btnstyle .buttonstyle_15 a,.btnstyle .buttonstyle_17 a{color: #fff;position: relative;box-sizing: border-box;}
.btnstyle .buttonstyle_13>a:before,.btnstyle .buttonstyle_13>a:after,.btnstyle .buttonstyle_14>a:before,.btnstyle .buttonstyle_14>a:after,.btnstyle .buttonstyle_15>a:before,.btnstyle .buttonstyle_15>a:after{content: "";display: block;position: absolute;border-style: solid;border-width: 100000px;z-index: -1;}
.btnstyle .buttonstyle_17>a:before,.btnstyle .buttonstyle_17>a:after{content: "";display: block;position: absolute;border-style: solid;z-index: -1;}
.btnstyle .buttonstyle_13>a:before,.btnstyle .buttonstyle_13>a:after,.btnstyle .buttonstyle_17>a:before,.btnstyle .buttonstyle_17>a:after{left: 0;}
.btnstyle .buttonstyle_14>a:before,.btnstyle .buttonstyle_14>a:after,.btnstyle .buttonstyle_15>a:before,.btnstyle .buttonstyle_15>a:after{right: 0;}
.btnstyle .buttonstyle_16>a{color: #fff;border-radius: 10000px 0 10000px 0;}
.btnstyle .buttonstyle_18 a,.btnstyle .buttonstyle_19 a,.btnstyle .buttonstyle_20 a,.btnstyle .buttonstyle_24 a,.btnstyle .buttonstyle_25 a,.btnstyle .buttonstyle_26 a{color: #fff;position: relative;}
.btnstyle .buttonstyle_18 a:before,.btnstyle .buttonstyle_19 a:before,.btnstyle .buttonstyle_20 a:before{content: "";display: block;width: 100%;height: 50%;position: absolute;top: 0;left: 0;background: rgba(255,255,255,.3);border-radius: inherit inherit 0 0;}
.btnstyle .buttonstyle_18 a,.btnstyle .buttonstyle_22 a,.btnstyle .buttonstyle_24 a{border-radius: 10000px;}
.btnstyle .buttonstyle_20 a,.btnstyle .buttonstyle_23 a,.btnstyle .buttonstyle_26 a{border-radius: 10px;}
.btnstyle .buttonstyle_21 a,.btnstyle .buttonstyle_22 a,.btnstyle .buttonstyle_23 a{color: #fff;overflow: visible;position:relative;}
.btnstyle .buttonstyle_21 a:hover,.btnstyle .buttonstyle_22 a:hover,.btnstyle .buttonstyle_23 a:hover{margin: 6px 0 0 6px;}
.btnstyle .buttonstyle_21 a:hover:before,.btnstyle .buttonstyle_22 a:hover:before,.btnstyle .buttonstyle_23 a:hover:before,.btnstyle .buttonstyle_21 a:hover:after,.btnstyle .buttonstyle_22 a:hover:after,.btnstyle .buttonstyle_23 a:hover:after{display: none;}
.btnstyle .buttonstyle_21 a:before,.btnstyle .buttonstyle_22 a:before,.btnstyle .buttonstyle_23 a:before,.btnstyle .buttonstyle_21 a:after,.btnstyle .buttonstyle_22 a:after,.btnstyle .buttonstyle_23 a:after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -2;border-radius: inherit;}
.btnstyle .buttonstyle_21 a:after,.btnstyle .buttonstyle_22 a:after,.btnstyle .buttonstyle_23 a:after{box-shadow: 1px 1px rgba(0,0,0,.1), 3px 3px rgba(0,0,0,.2), 5px 5px rgba(0,0,0,.2), 7px 7px rgba(0,0,0,.3);z-index: -1;}
.btnstyle .buttonstyle_24 a:before,.btnstyle .buttonstyle_25 a:before,.btnstyle .buttonstyle_26 a:before{content: "";display: block;width: 100%;height: 100%;border-radius: inherit;position: absolute;top: 0;left: 0;background: url(/res/jrfcms/img/admin/default/popicon.png) repeat-x center center;background-size: 100% 100%;}