.Margin-10px_auto {
    margin: 10px auto;
}

.Margin-3em_2em_3em_2em {
    margin: 3em 2em 3em 2em;
}

.BorderLeft-ccc_1px_solid_important {
    border-left: #ccc 1px solid !important
}

.BorderBottom-1px_solid_eee {
    border-bottom: 1px solid #eee;
}

table {
    width: 100%;
}

#msg {
    position: fixed;
    bottom: 12px; /* 與下方的距離, 也可改為百分比, 即為距離螢幕下方的百分比 */
    right: 12px; /* 與右方的距離 */
    z-index: 100;
    cursor: pointer;
    color: #fff;
    bottom: 34px\0; /*for ie*/
    right: 18px\0;
}

#msg2 {
    width: 3em;
    height: 3em;
    position: fixed;
    bottom: 21px; /* 與下方的距離, 也可改為百分比, 即為距離螢幕下方的百分比 */
    right: 7px; /* 與右方的距離 */
    z-index: 100;
    background-image: linear-gradient(to bottom, rgb(0, 155, 0) 0%, rgb(0, 75, 0) 100% );
    border-radius: 50%;
    animation-name: msg2;
    animation-delay: 0ms;
    animation-duration: 1s; /* 延遲時間 */
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    width: 2em\0; /*for ie*/
    height: 2em\0;
}

    #msg2:hover {
        background: rgb(0, 125, 0);
        transform: translate(0,-10px);
        -webkit-transform: translate(0,-10px);
        -moz-transform: translate(0,-10px);
        -o-transform: translate(0,-10px);
        -ms-transform: translate(0,-10px);
    }

.fa-2x {
    font-size: 1.5em;
}

@keyframes msg2 {
    0% {
        transform-origin: 0;
    }

    30% {
        transform: translate(0px) translateY(-10px);
        transform-origin: top;
        transform: translate(0px) translateY(0px)\0; /*for ie*/
        transform-origin: 0\0;
    }

    100% {
        transform-origin: 0;
    }
}