@charset "utf-8";

/* �� */

/* abox */
.aboxblue1 { background:#4ab0fc; color:#fff !important; }
.aboxblue1:hover { background:#2281c8; }
.aboxblue2 { background:#35a0f0; color:#fff !important; }
.aboxblue2:hover { background:#2886cc; }
.aboxblue3 { background:#3498db; color:#fff !important; }
.aboxblue3:hover { background:#2980b9; }
.aboxred1 { background:#f88631; color:#fff !important; }
.aboxred1:hover { background:#DE4830; }
.aboxred2 { background:#f38736; color:#fff !important; }
.aboxred2:hover { background:#d16615; }
.aboxred3 { background:#e67e22; color:#fff !important; }
.aboxred3:hover { background:#d35400; }
.aboxgreen1 { background:#2ecc71; color:#fff !important; }
.aboxgreen1:hover { background:#27ae60; }
.aboxgreen2 { background:#28cc86; color:#fff !important; }
.aboxgreen2:hover { background:#429e76; }
.aboxgreen3 { background:#1abc9c; color:#fff !important; }
.aboxgreen3:hover { background:#16a085; }
.aboxyellow1 { background:#FFD464; color:#fff !important; }
.aboxyellow1:hover { background:#ECB935; }
.aboxyellow2 { background:#FDC44F; color:#fff !important; }
.aboxyellow2:hover { background:#ECB935; }
.aboxyellow3 { background:#f1c40f; color:#fff !important; }
.aboxyellow3:hover { background:#ccb428; }
.aboxgray1 { background:#ccd0d5; color:#fff !important; }
.aboxgray1:hover { background:#7c858e; }
.aboxgray2 { background:#aeb2c8; color:#fff !important; }
.aboxgray2:hover { background:#8489ac; }
.aboxgray3 { background:#9fa4be; color:#fff !important; }
.aboxgray3:hover { background:#7178a3; }
.abox100 { width:100px; height:28px; line-height:28px; }
.abox130 { width:130px; height:28px; line-height:28px; }
.abox180 { width:180px; height:28px; line-height:28px; }
.abox { border:0; outline:0; display:block; text-align:center; text-decoration:none !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-font-smoothing: subpixel-antialiased; -webkit-transition: border 0.1s linear, color 0.1s linear, background-color 0.1s linear; transition: border 0.1s linear, color 0.1s linear, background-color 0.1s linear; } .abox:hover { -webkit-font-smoothing: subpixel-antialiased; -webkit-transition: border 0.3s linear, color 0.3s linear, background-color 0.3s linear; transition: border 0.3s linear, color 0.3s linear, background-color 0.3s linear; }

/* Outline Inward */
.outlineinward { border:0; outline:0; display: inline-block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

/* Pop */
@-webkit-keyframes pop { 50% { -webkit-transform: scale(1.08); transform: scale(1.08); } 100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes pop { 50% { -webkit-transform: scale(1.08); transform: scale(1.08); } 100% { -webkit-transform: scale(1); transform: scale(1); } }
.pop { border:0; outline:0; display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.pop:hover { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Unselectable button */
.aboxgrayx { background:#dee0eb; color:#fff !important; border:0; outline:0; display: inline-block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }