@charset "utf-8";

/* CSS Document */


/* Button Common */
.button,
.button * {position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; white-space:nowrap; vertical-align:middle; overflow:visible; text-align:center}
.button {margin-right:3px}
.button * {cursor:pointer; _cursor:hand}


/* Button Color */
.button.basic, .button.basic * {min-width:110px; line-height:22px}
.button.basic * {padding:7px 15px; color:#fff; background:#495055; border:1px solid #383f44; box-sizing:content-box; border-radius:2px; font-size:15px; transition:all 0.5s}
.button.basic *:hover {background:#1f3a81; border-color:#152c66}

.button.basic_dif, .button.basic_dif * {min-width:110px; line-height:22px}
.button.basic_dif * {padding:7px 15px; color:#fff; background:#ff5817; border:1px solid #ec4d10; box-sizing:content-box; border-radius:2px; font-size:15px; transition:all 0.5s}
.button.basic_dif *:hover {background:#00a7e8; border-color:#0095cf}

.button.small, .button.small * {height:25px; border-radius:2px; font-size:12px; line-height:25px}
.button.small * {padding:0 7px 0 6px; color:#444; background:#eee; border:1px solid #777; box-sizing:content-box; vertical-align:middle}
.button.small *:hover {background:#1f61b2; color:#fff; border:1px solid #1a456a}

.button.small_dif, .button.small_dif * {min-width:60px; height:25px; line-height:25px; border-radius:2px; font-size:12px; text-align:center}
.button.small_dif * {padding:0 7px 0 6px; color:#fff; background:#194785; border:1px solid #153c70; box-sizing:content-box; vertical-align:middle}
.button.small_dif *:hover {background:#153c70; color:#fff; border:1px solid #11315c}



.button.small_fix, .button.small_fix * {display:block; width:90px; height:25px; margin:1px 0; border-radius:2px; font-size:12px; line-height:21px}
.button.small_fix * {padding:0 7px 0 6px; color:#444; background:#fff; border:1px solid #666; box-sizing:border-box; vertical-align:middle}
.button.small_fix *:hover {background:#1f61b2; color:#fff; border:1px solid #1a456a}

.button.small_fix_dif, .button.small_fix_dif * {width:90px; height:25px; margin:1px 0; line-height:21px; border-radius:2px; font-size:12px; text-align:center}
.button.small_fix_dif * {padding:0 7px 0 6px; color:#fff; background:#1d466e; border:1px solid #14314d; box-sizing:border-box; vertical-align:middle}
.button.small_fix_dif *:hover {background:#176dbd; color:#fff; border:1px solid #1a456a}

/* Button Hover */
.button *:hover,
.button *:active {color:#fff}


/* Button Strong */
.button.strong * {font-weight:bold !important;}


.button.small_blue, .button.small_blue * {display:block; width:90px; height:25px; margin:1px 0; border-radius:2px; font-size:12px; line-height:21px}
.button.small_blue * {padding:0 7px 0 6px; color:#fff; background:#173cb2; border:1px solid #0a2c99; box-sizing:border-box; vertical-align:middle}
.button.small_blue *:hover {background:#2149c6; color:#fff; border:1px solid #173cb2}

.button.small_green, .button.small_green * {display:block; width:90px; height:25px; margin:1px 0; border-radius:2px; font-size:12px; line-height:21px}
.button.small_green * {padding:0 7px 0 6px; color:#fff; background:#24ad4a; border:1px solid #239443; box-sizing:border-box; vertical-align:middle}
.button.small_green *:hover {background:#26c251; color:#fff; border:1px solid #24ad4a}

.button.small_purple, .button.small_purple * {display:block; width:90px; height:25px; margin:1px 0; border-radius:2px; font-size:12px; line-height:21px}
.button.small_purple * {padding:0 7px 0 6px; color:#fff; background:#990e81; border:1px solid #731363; box-sizing:border-box; vertical-align:middle}
.button.small_purple *:hover {background:#ac1892; color:#fff; border:1px solid #990e81}

.button.small_red, .button.small_red * {display:block; width:90px; height:25px; margin:1px 0; border-radius:2px; font-size:12px; line-height:21px}
.button.small_red * {padding:0 7px 0 6px; color:#fff; background:#c90d31; border:1px solid #a9132f; box-sizing:border-box; vertical-align:middle}
.button.small_red *:hover {background:#da0f36; color:#fff; border:1px solid #c90d31}


.button.small_mint, .button.small_mint * {display:block; width:90px; height:25px; margin:1px 0; border-radius:2px; font-size:12px; line-height:21px}
.button.small_mint * {padding:0 7px 0 6px; color:#fff; background:#00c1a8; border:1px solid #00a690; box-sizing:border-box; vertical-align:middle}
.button.small_mint *:hover {background:#12d2b9; color:#fff; border:1px solid #00c1a8}