﻿ * {
            margin: 0;
            padding: 0;
        }

        .aaa {
            position: relative;
            background: url(/Content/Account/Images/wel_infoDepart.png) no-repeat;
            width: 950px;
            height: 443px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
            margin: 30px auto;
        }

        .bbb {
            position: absolute;
            top: 104px;
            right: 53px;
        }

        .ccc {
            display: block;
            width: 140px;
            padding: 10px;
            overflow: hidden;
            font-size: 16px;
            color: #fff;
            background: #e8811c;
            border-radius: 4px;
            text-decoration: none;
            text-align: center;
            font-weight: bold;
            box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
        }

        .animated {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            z-index: 100
        }

        @-webkit-keyframes swing {
            20% {
                -webkit-transform: rotate(15deg);
                transform: rotate(15deg)
            }
            40% {
                -webkit-transform: rotate(-10deg);
                transform: rotate(-10deg)
            }
            60% {
                -webkit-transform: rotate(5deg);
                transform: rotate(5deg)
            }
            80% {
                -webkit-transform: rotate(-5deg);
                transform: rotate(-5deg)
            }
            100% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }
        }

        @keyframes swing {
            20% {
                -webkit-transform: rotate(15deg);
                -ms-transform: rotate(15deg);
                transform: rotate(15deg)
            }
            40% {
                -webkit-transform: rotate(-10deg);
                -ms-transform: rotate(-10deg);
                transform: rotate(-10deg)
            }
            60% {
                -webkit-transform: rotate(5deg);
                -ms-transform: rotate(5deg);
                transform: rotate(5deg)
            }
            80% {
                -webkit-transform: rotate(-5deg);
                -ms-transform: rotate(-5deg);
                transform: rotate(-5deg)
            }
            100% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                transform: rotate(0deg)
            }
        }

        .swing,.swing-hover:hover {
            -webkit-transform-origin: top center;
            -ms-transform-origin: top center;
            transform-origin: top center;
            -webkit-animation-name: swing;
            animation-name: swing
        }


