/************************************************
 * AMH 7.2
 * amh.sh 
 * @param CSS 按钮样式
 * Update:2024-11-11
 * 
 */

 /* Firefox */
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
input::-moz-focus-inner, button::-moz-focus-inner {
  border: 0;
}
input {
    outline: none; 
}
button { 
    display: inline-block; 
    font-family: Arial, sans-serif; 
    font-size: 12px; 
    margin:0px;
    padding:3px 6px;
    white-space: nowrap; 
    overflow: visible;  
    text-decoration: none; 
    outline: none; 
    zoom: 1; 
}

button.primary, button.primary_min, button.primary_max, button.primary_min_disable {
    font-size: 14px;
    margin: 0px;
    color: #f3f3f3;
    border: 0px;
    padding: 4px 30px;
    line-height: 27px;
    border-radius: 7px;
    background: #5b81f4;
    transition: background-color 0.3s;
    cursor: pointer;
}
button.primary {
    margin:-3px 0px 0px 0px;
}
button.primary_max {
    padding: 0px 35px;
    line-height: 37px;
}
button.primary {
    min-width: 84px;
}
button.primary_max {
    min-width: 167px;
    letter-spacing: 1px;
    margin:0px;
    margin-top: 4px;
}
button.primary_min, button.primary_min_disable {
    padding: 0px 13px;
    height: 23px;
    line-height: 22px;
    margin:1px 0px;
    font-size:12px;
    margin-left:5px;
    overflow: hidden;
    font-weight:normal;
    border-radius: 5px;
    background: #7c9ff1;
    background-image: linear-gradient(154deg, #7c9ff1 62%, #5175ba 107%);
    /*border: 1px solid #607cb2;*/
}
button.primary_min_disable {
    background: #F0F2F3;
    border: 1px solid #C9C9C9;
    color: #969696;
    cursor: default;
}
button.red, button.red_b {
    background-image: linear-gradient(154deg, #f88585 62%, #ec5240 107%);
    /*border: 1px solid #d3786d;*/
    background-color: #ee7061;
}
button.navy {
    background-image: linear-gradient(154deg, #9cacde 62%, #647fdb 107%);
    /*border: 1px solid #707a9f;*/
    background-color: #9cacde;
}
button.navy2 {
    background-image: linear-gradient(154deg, #b49bca 62%, #936ec3 107%);
    /*border: 1px solid #807986;*/
    background-color: #9e8ac7;
}
button.menu {
    background: #A1ADC2;
    border: 1px solid #FFFFFF;
    padding:0px 10px;
}
button.green {
    background: #3ec49d;
}

button.primary_min:hover {
    background: #7c9ff1;
    background-image: linear-gradient(154deg, #648ef2 62%, #4165ab 107%);
}
button.primary:hover, button.primary_max:hover {
    background: #7694ee;
}

button.red:hover, button.red_b:hover {
    background-image: linear-gradient(35deg, #F38F83 -45%, #ec5240 100%);
    background-color: #ec7e71;
}
button.navy:hover {
    background-image: linear-gradient(154deg, #90a5e6 62%, #4e61a0 107%);
    /*border: 1px solid #606e9e;*/
    background-color: #91a4e0;
}
button.navy2:hover {
    background-image: linear-gradient(35deg, #b69bca -45%, #9e6ec3 100%);
    /*border: 1px solid #8a858f;*/
    background-color: #a88dd5;
}
button.primary_min_disable:hover {
    border: 1px solid #B7B7B7;
}
button.menu:hover {
    background: #8E9CB7;
}
button.green:hover {
    background: #77d2ac;
}
button.vip {
    background: #fffbe4;
    border: 1px solid #957839;
    background-image: linear-gradient(138deg, #fffdf2 49%,#fff4a7 81%);
    cursor: pointer;
    color: #8b8686;
    border-radius: 3px;
    padding: 3px 12px;
}
button.vip:hover {
    background: #fff8ce;
    background-image: linear-gradient(138deg, #fffdf2 49%,#ffee78 81%);
}
a.button.pill, button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 5px 10px 4px 10px;  }
a.button.left, button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; border-right: none; }
a.button.middle, button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; }
a.button.right, button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; }
a.button.big, button.big { font-size: 16px; padding-left: 14px; padding-right: 17px; }
a span.icon{ 
    opacity:0.5;filter:alpha(opacity=50);
    display: inline-block;
    width: 14px;
    height: 12px;
    margin: auto 0px -2px auto;
    top: 0; 
    background: url('../images/buttons_icons.gif') no-repeat; 
}

a.disabled, button.disabled{ color:#8B8B8B}
a.button span.disabled, button span.disabled { opacity:0.2;filter:alpha(opacity=20);}
a.big.button span.icon, button.big span.icon { top: 0px }
a span.icon.book, button span.icon.book { background-position: 0 0 }
a span.icon.calendar, button span.icon.calendar { background-position: 0 -30px }
a span.icon.chat, button span.icon.chat { background-position: 0 -60px }
a span.icon.check, button span.icon.check { background-position: 0 -90px }
a span.icon.clock, button span.icon.clock { background-position: 0 -116px }
a span.icon.cog, button span.icon.cog { background-position: 0 -146px }
a span.icon.comment, button span.icon.comment { background-position: 0 -176px }
a span.icon.cross, button span.icon.cross { background-position: 0 -204px }
a span.icon.downarrow, button span.icon.downarrow { background-position: 0 -234px }
a span.icon.fork, button span.icon.fork { background-position: 0 -264px }
a span.icon.heart, button span.icon.heart { background-position: 0 -294px }
a span.icon.home, button span.icon.home { background-position: 0 -322px }
a span.icon.key, button span.icon.key { background-position: 0 -352px }
a span.icon.leftarrow, button span.icon.leftarrow { background-position: 0 -382px }
a span.icon.lock, button span.icon.lock { background-position: 0 -412px }
a span.icon.loop, button span.icon.loop { background-position: 0 -442px }
a span.icon.magnifier, button span.icon.magnifier { background-position: 0 -472px }
a span.icon.mail, button span.icon.mail { background-position: 0 -502px }
a span.icon.move, button span.icon.move { background-position: 0 -526px }
a span.icon.pen, button span.icon.pen { background-position: 0 -556px }
a span.icon.pin, button span.icon.pin { background-position: 0 -586px }
a span.icon.plus, button span.icon.plus { background-position: 0 -616px }
a span.icon.reload, button span.icon.reload { background-position: 0 -646px }
a span.icon.rightarrow, button span.icon.rightarrow { background-position: 0 -674px }
a span.icon.rss, button span.icon.rss { background-position: 0 -704px }
a span.icon.tag, button span.icon.tag { background-position: 0 -734px }
a span.icon.trash, button span.icon.trash { background-position: 0 -764px }
a span.icon.unlock, button span.icon.unlock { background-position: 0 -794px }
a span.icon.uparrow, button span.icon.uparrow { background-position: 0 -824px }
a span.icon.user, button span.icon.user { background-position: 0 -854px }

.input_button {
    line-height: 18px;
    padding: 2px 4px;
    border-radius: 5px;
    background: #f3f3f3;
    background-image: linear-gradient(-189deg, #ffffff 49%,#eeeeee 81%);
    border: 1px solid #b6b6b6;
    cursor: pointer;
    color: #202020;
    font-size: 12px;
    margin-right: 15px;
}
.input_button:hover {
    background-image: linear-gradient(-217deg, #ffffff 49%,#eeeeee 81%);
}
.input_button:disabled {
    background: #eaeaea;
    color: #707070;
}
.button_select {
    padding: 3px 7px;
    border-radius: 3px;
    background: #f3f3f3;
    background-image: linear-gradient(-189deg, #ffffff 49%,#eeeeee 81%);
    border: 1px solid #c4c4c4;
    cursor: pointer;
    margin-right: 3px;
    color: #8f8f8f;
    font-size: 12px;
    border-radius: 4px;
}
.button_select .icon {
    margin-right: 4px;
}
.button_select_click {
    background-image: linear-gradient(-362deg, #eaeff7 49%,#c9ddfa 81%);
    color: #686666;
    border: 1px solid #98a7e2;
}


.button_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 4px;
  background: #396bc4;
  border-radius: 4px;
  transform: scale(0);
  transition: all 0.47s ease;
  z-index: 0;
  opacity: 0.5;
}

.button_bg.active {
  transform: scale(24); 
}
.button_bg.active2 {
  opacity: 0;
  transform: scale(37);
  z-index: -1;
}



button.load::before {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 0.1875em solid currentColor;
    border-radius: 1em;
    border-right-color: transparent;
    content: "";
    vertical-align: text-bottom;
    animation: amh_ajax 0.75s linear infinite;
    margin-right: 5px;
}
button.line, button.line2 {
    margin: 3px;
    padding: 4px 10px;
    border-radius: 7px;
    font-size: 13px;
    background: #fdfdfd;
    background-image: linear-gradient(180deg, #ffffff 49%,#ededed 81%);
    border: 1px solid #c4c4c4;
    margin-right: 3px;
    color: #474747;
}
button.line {
    font-size: 14px;
    margin-top: 6px;
    padding: 8px 33px;
}
button.line2 {
    padding: 4px 13px;
    margin: 3px 7px;
}
button.line:hover, button.line2:hover {
    background: #ffffff;
    background-image: linear-gradient(180deg, #ffffff 47%,#eeeeee 107%);
}
button.load {
  cursor: progress;
  background: #84a3fc;
}
button.line.load {
    background: #fafafa;
    color: #8c8c8c;
}
button.line2.load {
    background: #f5f5f5;
    color: #8c8c8c;
}
button.ing {
  cursor: default;
  color: #8c8c8c;
}