/*background & style*/
body{ background: url(../images/8.jpg) no-repeat center center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover;}
/* body{ background: url(../images/8.jpg) center center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover;} */
.txtarea { padding: 0 12px; }
.txtarea .title { color: #009fe8; margin-top: 20px; margin-bottom: 20px; text-align: justify; -ms-text-justify: inter-ideograph; text-justify: inter-ideograph; font-size: 1.5em; line-height: 1.375em; }
.txtarea .p-normal { margin-top: 20px; }
.txtarea .p-normal p { padding: 10px 20px; color: #666; font-size: 0.875em; }

.mod-1 .title { color: #fff; white-space: nowrap; font-size: 2.40em; }
.mod-1 .subtitle { color: #fff; white-space: nowrap; font-size: 1.125em; margin-top: 3.75em; }

.mod-2 .upon { background: #fff; }
.mod-2 .under { background: #fff; }
.mod-2 .imgarea { position: relative; background: url(../images/800450-01.jpg) no-repeat center center; z-index: 2; }

.mod-3 .upon { background: #fff; }
.mod-3 .under { background: #fff; }
.mod-3 .imgarea { background: url(../images/800450-3.jpg) no-repeat center center; background-size: cover; }

.mod-4 .upon { background: #fff; }
.mod-4 .under { background: #fff; }
.mod-4 .imgarea { background: url(../images/800450-4.png) no-repeat center center; }
.mod-4-1 .upon { background: #fff; }
.mod-4-1 .under { background: #fff; }
.mod-4-1 .imgarea { background: url(../images/800450-4-1.png) no-repeat center center; }

.mod-5 .upon { background: #fff; }
.mod-5 .under { background: #009fe8; }
.mod-5 .under .title { color: #fff; }
.mod-5 .imgarea { background: url(../images/800450-1.jpg) no-repeat center center; }

.mod-6 .upon { background: #009fe8; }
.mod-6 .under { background: #fff; }
.mod-6 .imgarea { background: url(../images/800450-4.png) no-repeat center center; }
.mod-7 .upon { background: #fff; }
.mod-7 .under { background: #009fe8; }
.mod-7 .under .title { color: #fff; }
.mod-7 .imgarea { background: url(../images/800450-3.png) no-repeat center center; }

.mod-8 .item { background: #fff; }
.mod-8 .imgarea { left: 0; position: absolute; background: url(../images/800800-1.png) no-repeat center center; }

.mod-8-1 .imgarea { background: url(../images/800800-01.png) no-repeat center center; }
.mod-8-2 .imgarea { background: url(../images/800800-02.png) no-repeat center center; }

.mod-9 .txtarea { color: #fff; position: relative; padding: 0 22px 0 36px; z-index: 2; }
.mod-9 .title { color: #fff; margin-top: -30px; font-size: 1.875em; }
.mod-9 .p-normal { font-size: 1.25em; }

.mod-2 .imgarea,
.mod-3 .imgarea,
.mod-4 .imgarea,
.mod-4-1 .imgarea,
.mod-5 .imgarea,
.mod-6 .imgarea,
.mod-7 .imgarea,
.mod-8 .imgarea { overflow: hidden; width: 100%; height: 100%; background-size: contain; }

.swiper-nested-1 .swiper-slide .bg { background-size: cover; }
.swiper-nested-slide-1 .bg { background: url(../images/3.jpg) no-repeat top center; }
.swiper-nested-slide-2 .bg { background: url(../images/4.jpg) no-repeat top center; }
.swiper-nested-slide-3 .bg { background: url(../images/5.jpg) no-repeat top center; }
.swiper-nested-slide-4 .bg { background: url(../images/7.jpg) no-repeat top center; }
.swiper-nested-slide-5 .bg { background: url(../images/8.jpg) no-repeat top center; }

.imglist .tags { color: #fff; font-size: 1.5em; }
.imglist-con .txtarea .title, .imglist-con .txtarea .p-normal p { color: #fff; padding: 0; }
.imglist .imglist-nav .item .imgarea, .imglist-1 .imglist-con .item .imgarea { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.imglist-1 .imglist-nav .item1 .imgarea { background-image: url(../images/500500-1.jpg); }
.imglist-1 .imglist-nav .item2 .imgarea { background-image: url(../images/500500-2.jpg); }
.imglist-1 .imglist-nav .item3 .imgarea { background-image: url(../images/500500-3.jpg); }
.imglist-1 .imglist-nav .item4 .imgarea { background-image: url(../images/500500-4.jpg); }
.imglist-1 .imglist-nav .item5 .imgarea { background-image: url(../images/500500-5.jpg); }
.imglist-1 .imglist-nav .item6 .imgarea { background-image: url(../images/500500-6.jpg); }

.imglist-1 .imglist-con .item1 .imgarea { background-image: url(../images/640480-1.jpg); }
.imglist-1 .imglist-con .item2 .imgarea { background-image: url(../images/640480-2.jpg); }
.imglist-1 .imglist-con .item3 .imgarea { background-image: url(../images/640480-3.jpg); }
.imglist-1 .imglist-con .item4 .imgarea { background-image: url(../images/640480-4.jpg); }
.imglist-1 .imglist-con .item5 .imgarea { background-image: url(../images/640480-5.jpg); }
.imglist-1 .imglist-con .item6 .imgarea { background-image: url(../images/640480-6.jpg); }

.swiper-tabs-con .title { color: #009fe8; }
/*contact*/
.contact .title { color: #fff; text-align: center; font-size: 2.222em; line-height: 1.25em; }
.contact .item p { font-size: 1em; line-height: 1.125em; }

.signup .tags { color: #fff; text-align: center; }
.signup .tags span { font-size: 0.750em; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .mod-1 .title { font-size: 4.375em; }
    .mod-1 .subtitle { font-size: 1.375em; margin-top: 5em; }
    .mod-9 .txtarea { padding: 0 20%; }
    .imglist-nav .item1 { margin-left: -200px; }
    .imglist-nav .item2 { margin-left: 100px; }
    .imglist-nav .item3 { margin-left: -200px; }
    .imglist-nav .item4 { margin-left: 100px; }
    .imglist-nav .item5 { margin-left: -200px; }
    .imglist-nav .item6 { margin-left: 100px; }
    .imglist .tags { text-align: center; width: 100%; left: 0; }
    .contact .title { font-size: 3.125em; }
    .imglist-con .item .imgarea { height: 480px; }
}