.main-caro-box {
    position: relative;
    \0070\0061\0064\0064\0069\006e\0067-\0074\006f\0070: 45px
}

.main-caro-list {
    position: relative;
    \0070\0061\0064\0064\0069\006e\0067: 16px;
    \0077\0069\0064\0074\0068: 1200px;
    \0068\0065\0069\0067\0068\0074: 300px;
    \0062\006f\0078-\0073\0068\0061\0064\006f\0077: 0 0 5px 5px #eee;
    \006f\0076\0065\0072\0066\006c\006f\0077: hidden
}

.caro-con {
    position: absolute;
    \0074\006f\0070: 16px;
    \006c\0065\0066\0074: 0;
    \0077\0069\0064\0074\0068: 10000px;
    \0068\0065\0069\0067\0068\0074: 100%;
    \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: all .7s
}

.caro-con>div {
    float: left;
    \006f\0076\0065\0072\0066\006c\006f\0077: hidden
}

.caro-cle-b {
    position: absolute;
    \0062\006f\0074\0074\006f\006d: -20px;
    \006c\0065\0066\0074: 50%;
    \0074\0072\0061\006e\0073\0066\006f\0072\006d: translateX(-50%);
    \0064\0069\0073\0070\006c\0061\0079: flex;
    \006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074: center;
    \0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073: center;
    \0070\0061\0064\0064\0069\006e\0067: 7px 10px;
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 5px;
    \006f\0076\0065\0072\0066\006c\006f\0077: hidden;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072: rgba(0,0,0,.2)
}

.caro-cle-b li {
    width: 10px;
    \0068\0065\0069\0067\0068\0074: 10px;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072: #fff;
    \006d\0061\0072\0067\0069\006e: 0 10px;
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 50%;
    \0063\0075\0072\0073\006f\0072: pointer;
    \0062\006f\0072\0064\0065\0072: 1px solid rgba(0,0,0,.3);
    \0074\0072\0061\006e\0073\0069\0074\0069\006f\006e: all .7s
}

.caro-cle-b .current {
    transform: scaleX(3);
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 23%;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072: #5257bd
}

.caro-sli-last {
    left: 0;
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 0 8px 8px 0
}

.caro-sli-next {
    right: 0;
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 8px 0 0 8px
}

[class^=caro-sli] {
    position: absolute;
    \0074\006f\0070: 50%;
    \0064\0069\0073\0070\006c\0061\0079: flex;
    \006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074: center;
    \0061\006c\0069\0067\006e-\0069\0074\0065\006d\0073: center;
    \0074\0072\0061\006e\0073\0066\006f\0072\006d: translateY(-50%);
    \0077\0069\0064\0074\0068: 32px;
    \0068\0065\0069\0067\0068\0074: 72px;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072: rgba(0,0,0,.5);
    \0066\006f\006e\0074-\0073\0069\007a\0065: 26px;
    \0063\006f\006c\006f\0072: #fff;
    \006f\0070\0061\0063\0069\0074\0079: .4;
    \0063\0075\0072\0073\006f\0072: pointer
}

[class^=caro-sli]:hover {
    opacity: 1
}

.bigbox {
    display: flex;
    \0066\006c\0065\0078-\0064\0069\0072\0065\0063\0074\0069\006f\006e: column;
    \006a\0075\0073\0074\0069\0066\0079-\0063\006f\006e\0074\0065\006e\0074: space-between;
    \006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074: 16px;
    \0077\0069\0064\0074\0068: 341px;
    \0068\0065\0069\0067\0068\0074: 268px;
    \006f\0070\0061\0063\0069\0074\0079: 1;
    \0074\0072\0061\006e\0073\0066\006f\0072\006d: scale(1)
}

.smallbox {
    width: 100%;
    \0068\0065\0069\0067\0068\0074: 126px;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0073\0069\007a\0065: cover!important;
    \0070\0061\0064\0064\0069\006e\0067-\0074\006f\0070: 23px;
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 8px
}

.small-title {
    margin: 0 0 11px 21px;
    \0066\006f\006e\0074-\0073\0069\007a\0065: 18px;
    \0063\006f\006c\006f\0072: #fff;
    \0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074: 700;
    \006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074: 25px
}

.small-brief {
    font-size: 14px;
    \0063\006f\006c\006f\0072: #eee;
    \006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074: 20px;
    \0077\0069\0064\0074\0068: 194px;
    \006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074: 21px
}

.firstbox {
    width: 698px;
    \0068\0065\0069\0067\0068\0074: 268px;
    \006d\0061\0072\0067\0069\006e-\0072\0069\0067\0068\0074: 16px;
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 8px;
    \006f\0070\0061\0063\0069\0074\0079: 1;
    \0074\0072\0061\006e\0073\0066\006f\0072\006d: scale(1)
}

.FboxCon {
    width: 100%;
    \0068\0065\0069\0067\0068\0074: 100%;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0073\0069\007a\0065: cover!important;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0070\006f\0073\0069\0074\0069\006f\006e: -30px 0!important
}

.first-title {
    padding: 36px 0 8px 32px;
    \0066\006f\006e\0074-\0073\0069\007a\0065: 26px;
    \0066\006f\006e\0074-\0077\0065\0069\0067\0068\0074: 700;
    \0063\006f\006c\006f\0072: #fff;
    \006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074: 36px
}

.first-brief {
    font-size: 18px;
    \0063\006f\006c\006f\0072: hsla(0,0%,100%,.8);
    \006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074: 25px;
    \0070\0061\0064\0064\0069\006e\0067-\006c\0065\0066\0074: 32px
}

.first-desc {
    width: 463px;
    \0068\0065\0069\0067\0068\0074: 110px;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064: -webkit-linear-gradient(right,hsla(0,0%,100%,0),hsla(0,0%,100%,.09));
    \0062\006f\0072\0064\0065\0072-\0072\0061\0064\0069\0075\0073: 7px;
    \006d\0061\0072\0067\0069\006e-\0074\006f\0070: 37px;
    \006d\0061\0072\0067\0069\006e-\006c\0065\0066\0074: 20px;
    \0070\0061\0064\0064\0069\006e\0067: 11px 0 0 17px
}

.first-desc ul li {
    width: 220px;
    \0063\006f\006c\006f\0072: #fff;
    \0066\006f\006e\0074-\0073\0069\007a\0065: 14px;
    \006c\0069\006e\0065-\0068\0065\0069\0067\0068\0074: 20px;
    \0066\006c\006f\0061\0074: left;
    \006d\0061\0072\0067\0069\006e-\0074\006f\0070: 16px
}

.opacity-left {
    transform: scale(.9);
    \0074\0072\0061\006e\0073\0066\006f\0072\006d-\006f\0072\0069\0067\0069\006e: right;
    \006f\0070\0061\0063\0069\0074\0079: .16
}

.opacity-right {
    transform: scale(.9);
    \0074\0072\0061\006e\0073\0066\006f\0072\006d-\006f\0072\0069\0067\0069\006e: left;
    \006f\0070\0061\0063\0069\0074\0079: .16
}

.trans {
    transition: all .7s
}

* {
    margin: 0;
    \0070\0061\0064\0064\0069\006e\0067: 0;
    \0062\006f\0078-\0073\0069\007a\0069\006e\0067: border-box
}

.spinner-container {
    position: relative;
    \0062\0061\0063\006b\0067\0072\006f\0075\006e\0064-\0063\006f\006c\006f\0072: #fff
}

.spinner {
    position: absolute;
    \0068\0065\0069\0067\0068\0074: 40px;
    \0066\006f\006e\0074-\0073\0069\007a\0065: 10px;
    \007a-\0069\006e\0064\0065\0078: 10
}

.setting-user-infos .spinner-center {
    top: 27%
}

.spinner-center {
    top: 50%;
    \006c\0065\0066\0074: 50%;
    \0074\0072\0061\006e\0073\0066\006f\0072\006d: translateX(-50%) translateY(-50%)
}

.spinner-bottom {
    bottom: -50px;
    \006c\0065\0066\0074: 50%;
    \0074\0072\0061\006e\0073\0066\006f\0072\006d: translateX(-50%)
}

.spinner>div {
    background-color: #2980b9;
    \0068\0065\0069\0067\0068\0074: 100%;
    \0077\0069\0064\0074\0068: 6px;
    \0064\0069\0073\0070\006c\0061\0079: inline-block;
    -\0077\0065\0062\006b\0069\0074-\0061\006e\0069\006d\0061\0074\0069\006f\006e: sk-stretchdelay 1.2s infinite ease-in-out;
    \0061\006e\0069\006d\0061\0074\0069\006f\006e: sk-stretchdelay 1.2s infinite ease-in-out
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    \0061\006e\0069\006d\0061\0074\0069\006f\006e-\0064\0065\006c\0061\0079: -1.1s
}

.spinner .rect3 {
    -webkit-animation-delay: -1s;
    \0061\006e\0069\006d\0061\0074\0069\006f\006e-\0064\0065\006c\0061\0079: -1s
}

.spinner .rect4 {
    -webkit-animation-delay: -.9s;
    \0061\006e\0069\006d\0061\0074\0069\006f\006e-\0064\0065\006c\0061\0079: -.9s
}

.spinner .rect5 {
    -webkit-animation-delay: -.8s;
    \0061\006e\0069\006d\0061\0074\0069\006f\006e-\0064\0065\006c\0061\0079: -.8s
}

@-webkit-keyframes sk-stretchdelay {
    0%,100%,40% {
        -webkit-transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {
    0%,100%,40% {
        transform: scaleY(.4);
        -\0077\0065\0062\006b\0069\0074-\0074\0072\0061\006e\0073\0066\006f\0072\006d: scaleY(.4)
    }

    20% {
        transform: scaleY(1);
        -\0077\0065\0062\006b\0069\0074-\0074\0072\0061\006e\0073\0066\006f\0072\006d: scaleY(1)
    }
}