.bg-scale {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.bg-scale:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 400px;
    top: 0;
    background: url("../img/top/c1.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.bg-scale .inner {
    z-index: 1;
    position: relative;
}

/*2*/
.bg-scale2 {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.bg-scale2:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 400px;
    top: 0;
    background: url("../img/top/c2.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale2:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.bg-scale2 .inner {
    z-index: 1;
    position: relative;
}
/*2*/

/*3*/
.bg-scale3 {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.bg-scale3:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 400px;
    top: 0;
    background: url("../img/top/c3.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale3:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.bg-scale3 .inner {
    z-index: 1;
    position: relative;
}
/*3*/

/*4*/
.bg-scale4 {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.bg-scale4:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 400px;
    top: 0;
    background: url("../img/top/c4.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale4:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.bg-scale4 .inner {
    z-index: 1;
    position: relative;
}
/*4*/

/*5*/
.bg-scale5 {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.bg-scale5:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 400px;
    top: 0;
    background: url("../img/top/c5.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale5:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.bg-scale5 .inner {
    z-index: 1;
    position: relative;
}
/*5*/

/*6*/
.bg-scale6 {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.bg-scale6:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 400px;
    top: 0;
    background: url("../img/top/c6.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale6:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.bg-scale6 .inner {
    z-index: 1;
    position: relative;
}
/*6*/

/*7*/
.bg-scale7 {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.bg-scale7:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 400px;
    top: 0;
    background: url("../img/top/c7.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale7:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.bg-scale7 .inner {
    z-index: 1;
    position: relative;
}
/*7*/

/*8*/
.bg-scale8 {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.bg-scale8:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 400px;
    top: 0;
    background: url("../img/top/c8.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale8:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.bg-scale8 .inner {
    z-index: 1;
    position: relative;
}
/*8*/

/*9*/
.bg-scale9 {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.bg-scale9:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 400px;
    top: 0;
    background: url("../img/top/c9.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale9:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.bg-scale9 .inner {
    z-index: 1;
    position: relative;
}
/*9*/

/*10*/
.bg-scale10 {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.bg-scale10:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 400px;
    top: 0;
    background: url("../img/top/c10.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.bg-scale10:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.bg-scale10 .inner {
    z-index: 1;
    position: relative;
}
/*10*/











.inner a{
display: block;
width: 100%;
padding: 200px 0;
}


@media screen and (max-width:1024px) {
.bg-scale:after {
    height: 300px;
}
.bg-scale2:after {
    height: 300px;
}
.bg-scale3:after {
    height: 200px;
}
.bg-scale4:after {
    height: 200px;
}
.bg-scale5:after {
    height: 200px;
}
.bg-scale6:after {
    height: 200px;
}
.bg-scale7:after {
    height: 200px;
}
.bg-scale8:after {
    height: 200px;
}
.bg-scale9:after {
    height: 200px;
}
.bg-scale10:after {
    height: 200px;
}
.inner a{
display: block;
width: 100%;
padding: 100px 0;
}
}