/* BASIC css start */
/*--- reset ---*/

#contentWrap {
    width: 100% !important;
}

/*--- stylelog ---*/

.stylelog {
    width: 100%;
    min-width: 1330px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    background-color: #f5e4f0
}

.stylelog img {
    vertical-align: top;
    width: 100%;
    /*min-width:1330px;max-width:1920px;*/
    border: 0;
    display: block
}


.stylelog a {
    display: block;
}

.stylelog img:focus {
    outline: none !important;
}

.stylelog .staff {
    clear: both;
    width: 1330px;
    margin: 220px auto 100px;
}

.stylelog .cateLink {
    clear: both;
    width: 100%;
    margin: 100px auto 50px;
    text-align: center;
    display: block;
}


@keyframes float {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    50% {
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@keyframes float2 {
    0% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    50% {
        transform: translateY(40px);
        -webkit-transform: translateY(40px);
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}
@keyframes twinkle {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.float_img {
    /*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*/
    transform: translatey(0px);
    animation: float 1.3s ease-in-out infinite;
}
.float_img2 {
    /*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*/
    transform: translatey(0px);
    animation: float2 1.8s ease-in-out infinite;
}

.twinkle_img {
    animation: twinkle 1.2s ease-in-out infinite;
}

.BGcolor {
    width: 100%;
    height: 1000px;
    background: linear-gradient(135deg, #88b2ea, #ce7cd5)
}

.BGcolor2 {
    background-color: #ce7cd5;
    padding: 8% 0
}

div.sec {
    position: relative;
    clear: both;
}

div.sec01 {
    padding-bottom: 66%;
}

div.sec02 {
    padding-bottom: 155%;
}

div.sec03 {
    padding-bottom: 40%;
}

div.sec04 {
    padding-bottom: 49.5%;
}

div.sec06 {
    padding-bottom: 56.25%;
}

div.sec07 {
    padding-bottom: 76%;
}

div.sec08 {
    padding-bottom: 44%;
}

div.sec09 {
    padding-bottom: 60%;
}

div.sec11 {
    padding-bottom: 55.6%;
}

div.sec02 .img01 {
    top: 20%;
    right: 6%;
    z-index: 3
}

div.sec02 .img02 {
    bottom: 5%;
    left: 0;
}

div.sec02 .img03 {
    bottom: 5%;
    left: 0;
    z-index: 4;
}


div.sec02 .img04,div.sec02 .img05{
    bottom: 0;
    right: 18%;
    z-index: 4;
}

div.sec03 .img01 {
    top: 0;
    left: 0;
}

div.sec03 .img03 {
    top: 0;
    right: 0;
}

div.sec03 .img02 {
    bottom: 10%;
    left: 5%;
}

div.sec04 .img03 {
    top: 0%;
    right: 0;
}

div.sec04 .img02 {
    bottom: 0;
    right: 0;
}

div.sec04 .img03 {
    bottom: 5%;
    right: 0;
}

div.sec05 .img01 {
    bottom: 0%;
    right: 0;
}

div.sec06 .img02 {
    top: 0%;
    right: 0;
}

div.sec06 .img03 {
    top: 0%;
    right: 15%;
}

div.sec07 .img01 {
    top: 0%;
    left: 0;
    z-index: 2;
}

div.sec07 .img02 {
    top: 0%;
    right: 5%;
    z-index: 3
}

div.sec07 .img03 {
    bottom: 0;
    left: 0;
    z-index: 4
}

div.sec08 .img01 {
    top: 0%;
    left: 0;
    z-index: 2;
}

div.sec08 .img02 {
    top: 0%;
    left: 0;
    z-index: 3;
}

div.sec09 .img01 {
    top: 0%;
    left: 0;
    z-index: 2;
}

div.sec09 .img02 {
    top: 0%;
    left: 10%;
    z-index: 3;
}

div.sec09 .img03 {
    top: 0%;
    left: 10%;
    z-index: 4;
}

div.sec10 .img01 {
    width: 36.45%;
    bottom: 0%;
    right: 10%;
    z-index: 2;
}

div.sec11 .img01 {
    top: 0%;
    left: 0;
    z-index: 2;
}

div.sec11 .img02 {
    top: 0%;
    left: 29%;
    z-index: 2;
}

div.sec11 .img03 {
    top: 0%;
    right: 8%;
    z-index: 3;
}

div.sec11 .img04 {
    top: 0%;
    right: 8%;
    z-index: 3;
}

.abs {
    position: absolute;
    z-index: 2;
}

.mgt50 {
    margin-top: 50px;
}

.mgt100 {
    margin-top: 100px;
}

.mgt150 {
    margin-top: 150px;
}

.imgauto100 {
    width: 1330px !important;
}

.imgauto50 {
    width: 50% !important;
}

.imgauto20 {
    width: 20% !important;
}
/* BASIC css end */