/* button style */
html {   
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
}
body{
    font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
    font-weight: 400;   
}
/* 修复ff与chrome下button高度不一致bug*/
button::-moz-focus-inner,input::-moz-focus-inner {
    border:0;
    padding:0;
}
a.esun-btn {
    text-decoration: none;
}
.esun-btn {
    border:1px solid transparent; 
    border-radius: 0;
    box-sizing: border-box;
    background-image: none;
    font-family: "microsoft yahei", sans-serif;
    display: inline-block;       
    margin-bottom: 0;   
    padding: .75em 3.125em;    
    font-size: 1rem;    
    font-size: 16px\9; /*修复lte IE8下rem不支持*/               
    font-weight: 400;
    line-height: 1;    
    text-align: center;
    white-space: nowrap;    
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color .3s ease-out, border-color .3s ease-out;
    transition: background-color .3s ease-out, border-color .3s ease-out;
}

.esun-btn:active:focus,
.esun-btn:focus {
    /*outline: dotted thin;
    outline: -webkit-focus-ring-color auto 1px;
    outline-offset: -2px;*/
}

.esun-btn:focus,
.esun-btn:hover {
    color: #444;   
}

.esun-btn.esun-active,
.esun-btn:active {
    background-image: none;   /* -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.15);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.15);
    */
}

.esun-btn.esun-disabled,
.esun-btn[disabled],
fieldset[disabled] .esun-btn {
    pointer-events: none;
    border-color: transparent;
    cursor: not-allowed;   
    color: #fff;
    background-color: #ddd;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.esun-btn.esun-radius {
    border-radius: 3px;
}

.esun-btn-default {
    color: #fff;
    background-color: #EA544A;
    border-color: #EA544A;
}

a.esun-btn-default:visited {
    color: #fff;
}

.esun-btn-default.esun-active,
.esun-btn-default:active,
.esun-btn-default:focus,
.esun-btn-default:hover {
    color: #fff;
    border-color: #EB3E33;
}

.esun-btn-default:focus,
.esun-btn-default:hover {
    background-color: #DB2C21;
}

.esun-btn-default.esun-active,
.esun-btn-default:active {
    background-image: none;
    background-color: #EB3E33;
}

.esun-btn-default.esun-disabled,
.esun-btn-default.esun-disabled.esun-active,
.esun-btn-default.esun-disabled:active,
.esun-btn-default.esun-disabled:focus,
.esun-btn-default.esun-disabled:hover,
.esun-btn-default[disabled],
.esun-btn-default[disabled].esun-active,
.esun-btn-default[disabled]:active,
.esun-btn-default[disabled]:focus,
.esun-btn-default[disabled]:hover,
fieldset[disabled] .esun-btn-default,
fieldset[disabled] .esun-btn-default.esun-active,
fieldset[disabled] .esun-btn-default:active,
fieldset[disabled] .esun-btn-default:focus,
fieldset[disabled] .esun-btn-default:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

.esun-btn-primary {
    color: #fff;
    background-color: #68a4ed;
    border-color: #68a4ed;
}

a.esun-btn-primary{
    color: #fff;
}

a.esun-btn-primary:visited {
    color: #fff;
}

.esun-btn-primary.esun-active,
.esun-btn-primary:active,
.esun-btn-primary:focus,
.esun-btn-primary:hover {
    color: #fff;
    border-color: #65a0e7;
}

.esun-btn-primary:focus,
.esun-btn-primary:hover {
    background-color: #5d92d2;
}

.esun-btn-primary.esun-active,
.esun-btn-primary:active {
    background-image: none;
    background-color: #65a0e7;
}

.esun-btn-primary.esun-disabled,
.esun-btn-primary.esun-disabled.esun-active,
.esun-btn-primary.esun-disabled:active,
.esun-btn-primary.esun-disabled:focus,
.esun-btn-primary.esun-disabled:hover,
.esun-btn-primary[disabled],
.esun-btn-primary[disabled].esun-active,
.esun-btn-primary[disabled]:active,
.esun-btn-primary[disabled]:focus,
.esun-btn-primary[disabled]:hover,
fieldset[disabled] .esun-btn-primary,
fieldset[disabled] .esun-btn-primary.esun-active,
fieldset[disabled] .esun-btn-primary:active,
fieldset[disabled] .esun-btn-primary:focus,
fieldset[disabled] .esun-btn-primary:hover {
    background-color: #dddddd;
    border-color: #dddddd;
}

.esun-btn-light {
    color: #616161;
    background-color: #fff;
    border-color:#ccc;
}

a.esun-btn-light {
    color: #616161;
}

a.esun-btn-light:visited {
    color: #616161;
}

.esun-btn-light.esun-active,
.esun-btn-light:active,
.esun-btn-light:focus,
.esun-btn-light:hover {
    color: #616161;
    border-color: #ccc;
}

.esun-btn-light:focus,
.esun-btn-light:hover {
    background-color: #f5f5f5;
}

.esun-btn-light.esun-active,
.esun-btn-light:active {
    background-image: none;
    background-color: #fff;
}

.esun-btn-light.esun-disabled,
.esun-btn-light.esun-disabled.esun-active,
.esun-btn-light.esun-disabled:active,
.esun-btn-light.esun-disabled:focus,
.esun-btn-light.esun-disabled:hover,
.esun-btn-light[disabled],
.esun-btn-light[disabled].esun-active,
.esun-btn-light[disabled]:active,
.esun-btn-light[disabled]:focus,
.esun-btn-light[disabled]:hover,
fieldset[disabled] .esun-btn-light,
fieldset[disabled] .esun-btn-light.esun-active,
fieldset[disabled] .esun-btn-light:active,
fieldset[disabled] .esun-btn-light:focus,
fieldset[disabled] .esun-btn-light:hover {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #fff;
}

.esun-btn-warning {
    color: #fff;
    background-color: #ff8730;
    border-color: #ff8730;
}

a.esun-btn-warning:visited {
    color: #fff;
}

.esun-btn-warning.esun-active,
.esun-btn-warning:active,
.esun-btn-warning:focus,
.esun-btn-warning:hover {
    color: #fff;
    border-color: #c85e0b;
}

.esun-btn-warning:focus,
.esun-btn-warning:hover {
    background-color: #e0690c;
}

.esun-btn-warning.esun-active,
.esun-btn-warning:active {
    background-image: none;
    background-color: #be590a;
}

.esun-btn-warning.esun-disabled,
.esun-btn-warning.esun-disabled.esun-active,
.esun-btn-warning.esun-disabled:active,
.esun-btn-warning.esun-disabled:focus,
.esun-btn-warning.esun-disabled:hover,
.esun-btn-warning[disabled],
.esun-btn-warning[disabled].esun-active,
.esun-btn-warning[disabled]:active,
.esun-btn-warning[disabled]:focus,
.esun-btn-warning[disabled]:hover,
fieldset[disabled] .esun-btn-warning,
fieldset[disabled] .esun-btn-warning.esun-active,
fieldset[disabled] .esun-btn-warning:active,
fieldset[disabled] .esun-btn-warning:focus,
fieldset[disabled] .esun-btn-warning:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

.esun-btn-danger {
    color: #fff;
    background-color: #f7461a;
    border-color: #f7461a;
}

a.esun-btn-danger:visited {
    color: #fff;
}

.esun-btn-danger.esun-active,
.esun-btn-danger:active,
.esun-btn-danger:focus,
.esun-btn-danger:hover {
    color: #fff;
    border-color: #c62b26;
}

.esun-btn-danger:focus,
.esun-btn-danger:hover {
    background-color: #d7342e;
}

.esun-btn-danger.esun-active,
.esun-btn-danger:active {
    background-image: none;
    background-color: #be2924;
}

.esun-btn-danger.esun-disabled,
.esun-btn-danger.esun-disabled.esun-active,
.esun-btn-danger.esun-disabled:active,
.esun-btn-danger.esun-disabled:focus,
.esun-btn-danger.esun-disabled:hover,
.esun-btn-danger[disabled],
.esun-btn-danger[disabled].esun-active,
.esun-btn-danger[disabled]:active,
.esun-btn-danger[disabled]:focus,
.esun-btn-danger[disabled]:hover,
fieldset[disabled] .esun-btn-danger,
fieldset[disabled] .esun-btn-danger.esun-active,
fieldset[disabled] .esun-btn-danger:active,
fieldset[disabled] .esun-btn-danger:focus,
fieldset[disabled] .esun-btn-danger:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

.esun-btn-success {
    color: #fff;
    background-color: #80d517;
    border-color: #80d517;
}
a.esun-btn-success:visited {
    color: #fff;
}
.esun-btn-success.esun-active,
.esun-btn-success:active,
.esun-btn-success:focus,
.esun-btn-success:hover {
    color: #fff;
    border-color: #429842;
}
.esun-btn-success:focus,
.esun-btn-success:hover {
    background-color: #4aaa4a;
}
.esun-btn-success.esun-active,
.esun-btn-success:active {
    background-image: none;
    background-color: #3f913f;
}

.esun-btn-success.esun-disabled,
.esun-btn-success.esun-disabled.esun-active,
.esun-btn-success.esun-disabled:active,
.esun-btn-success.esun-disabled:focus,
.esun-btn-success.esun-disabled:hover,
.esun-btn-success[disabled],
.esun-btn-success[disabled].esun-active,
.esun-btn-success[disabled]:active,
.esun-btn-success[disabled]:focus,
.esun-btn-success[disabled]:hover,
fieldset[disabled] .esun-btn-success,
fieldset[disabled] .esun-btn-success.esun-active,
fieldset[disabled] .esun-btn-success:active,
fieldset[disabled] .esun-btn-success:focus,
fieldset[disabled] .esun-btn-success:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}


.esun-btn-secondary {
    color: #fff;
    background-color: #078fe4;
    border-color: #078fe4;
}
a.esun-btn-secondary:visited {
    color: #fff;
}
.esun-btn-secondary.esun-active,
.esun-btn-secondary:active,
.esun-btn-secondary:focus,
.esun-btn-secondary:hover {
    color: #fff;
    border-color: #0688d9;
}

.esun-btn-secondary:focus,
.esun-btn-secondary:hover {
    background-color: #0688d9;
}
.esun-btn-secondary.esun-active,
.esun-btn-secondary:active {
    background-image: none;
    background-color: #0688d9;
}
.esun-btn-secondary.esun-disabled,
.esun-btn-secondary.esun-disabled.esun-active,
.esun-btn-secondary.esun-disabled:active,
.esun-btn-secondary.esun-disabled:focus,
.esun-btn-secondary.esun-disabled:hover,
.esun-btn-secondary[disabled],
.esun-btn-secondary[disabled].esun-active,
.esun-btn-secondary[disabled]:active,
.esun-btn-secondary[disabled]:focus,
.esun-btn-secondary[disabled]:hover,
fieldset[disabled] .esun-btn-secondary,
fieldset[disabled] .esun-btn-secondary.esun-active,
fieldset[disabled] .esun-btn-secondary:active,
fieldset[disabled] .esun-btn-secondary:focus,
fieldset[disabled] .esun-btn-secondary:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}


.esun-btn-link {
    color: #68a4ed;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0;
}

.esun-btn-link,
.esun-btn-link:active,
.esun-btn-link[disabled],
fieldset[disabled] .esun-btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.esun-btn-link,
.esun-btn-link:active,
.esun-btn-link:focus,
.esun-btn-link:hover {
    border-color: transparent;
}

.esun-btn-link:focus,
.esun-btn-link:hover {
    color: #68a4ed;
    text-decoration: underline;
    background-color: transparent;
}

.esun-btn-link[disabled]:focus,
.esun-btn-link[disabled]:hover,
fieldset[disabled] .esun-btn-link:focus,
fieldset[disabled] .esun-btn-link:hover {
    color: #999;
    text-decoration: none;
}

.esun-btn-xs {
    font-size: 0.75rem; /* 12px */
    font-size:12px\9;  /* lte IE8 */  
}
.esun-btn-sm {
    font-size: 0.875rem; /* 14px */
    font-size:14px\9;
}
.esun-btn-lg {
    font-size: 1.25rem; /* 20px */
    font-size:20px\9;
}
.esun-btn-xl {
    font-size: 1.5rem; /* 24px */
    font-size:24px\9;
}

.esun-btn.esun-btn-w148,
a.esun-btn-w148,
.esun-btn-w148{
    width: 148px;
    height: 42px;
    line-height: 42px;
    padding: 0;
    text-align: center;
}

.esun-btn.esun-btn-w160,
a.esun-btn-w160,
.esun-btn-w160{
    width: 160px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    text-align: center;
}

.esun-btn.esun-btn-w100,
a.esun-btn-w100,
.esun-btn-w100{
    width: 100px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    text-align: center;
}

.esun-btn-block {
    padding-left: 0;
    padding-right: 0;    
    width: 100%;
    display: block;
    text-align: center;
}

.esun-btn-block+.esun-btn-block {
    margin-top: 5px;
}

input[type=button].esun-btn-block,
input[type=reset].esun-btn-block,
input[type=submit].esun-btn-block {
    width: 100%;
}

.esun-btn.esun-btn-loading .esun-icon-spin {
    margin-right: 5px;
}

.esun-btn-vcode {
    font-size: 12px;
    height: 40px;
    padding: 0;
    margin-left: 8px;
    width: 140px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #f1f1f0 100%);
    background: -webkit-linear-gradient(top, #fefefe 0%, #f1f1f0 100%);
    background: linear-gradient(to bottom, #fefefe 0%, #f1f1f0 100%);
}

/* PC注册加入了138按钮 */
.esun-btn.esun-btn-w138, a.esun-btn-w138, .esun-btn-w138 { width: 138px; height: 42px; line-height: 42px; padding: 0; text-align: center; }