@charset "UTF-8";

.main > div {
    max-width: initial;
}

.main > div > div {
    position: relative;
}

.main h1 {
    height: 250px;
    width: 100%;
    position: absolute;
    text-align: center;
    top: 50px;
}

@media screen and (max-width:959px) { 
    .main h1 {
        height: 200px;
        top: 18%;
    }
}
@media screen and (max-width:559px) { 
    .main h1 {
        height: 150px;
        top: 12%;
    }
}

.main h1 img {
    max-height: 200px;
    max-width: 600px;
    width: 100%;
}

.main .loopbg {
    height: 100px;
    width: 100%;
    background-size:auto 100%;
}

@media screen and (max-width:959px) { 
    .main .loopbg {
        height: 80px;
    }
}
@media screen and (max-width:559px) { 
    .main .loopbg {
        height: 60px;
    }
}
.main .loopbg1 {
    background-image:url(../images/title_bg1.gif);
    animation: bgscroll_1 60s linear infinite;
}
.main .loopbg2 {
    background-image:url(../images/title_bg2.gif);
    animation: bgscroll_2 60s linear infinite;
}
.main .loopbg3 {
    background-image:url(../images/title_bg1.gif);
    animation: bgscroll_3 60s linear infinite;
}
@-webkit-keyframes bgscroll_1 {
    0% {background-position: 0 0;}
    100% {background-position: 2482px 0;}
}
@keyframes bgscroll_1 {
    0% {background-position: 0 0;}
    100% {background-position: 2482px 0;}
}
@-webkit-keyframes bgscroll_2 {
    0% {background-position: 0 0;}
    100% {background-position: -2482px 0;}
}
@keyframes bgscroll_2 {
    0% {background-position: 0 0;}
    100% {background-position: -2482px 0;}
}
@-webkit-keyframes bgscroll_3 {
    0% {background-position: 400px 0;}
    100% {background-position: 2482px 0;}
}
@keyframes bgscroll_3 {
    0% {background-position: 400px 0;}
    100% {background-position: 2482px 0;}
}