html,body{ width: 100%; height: 100%; }
body{ overflow: hidden; background-image: url('../images/bodyBg.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }

.banner-container{ width: 100%; height: 100%; position: relative; }
.banner-container .bannerContent{ position: absolute; left: 8.9%; top: 0; z-index: 20; color: #FFF; }

.banner-container .bannerContent .fags-title h3{ display: inline-block; vertical-align: top; font-size: 34px; color: #ffffff; font-weight: normal; border: 2px solid #ffffff; padding: 2px 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px; }
.banner-container .bannerContent .fags-content{ font-size: 22px; color: #ffffff; padding-top: 22px; line-height: 38px; }
.banner-container .bannerContent .fags-content a{ color: #FFF; }

.banner-container .bannerContent .bcUl a.aLinkOpenImg{ text-decoration: none; cursor: pointer; }
.banner-container .bannerContent .bcUl p.p1{ color: #00f08f; }
.banner-container .bannerContent .bcUl p.p2{ color: #ffffff; }

.banner-container a.imgLink{ position: absolute; top: 10%; right: 8.9%; height: 80%; }
.banner-container a.imgLink1{ top: 0; right: 0; height: 100%; }
.banner-container img.bannerImgPos{ height: 100%; border: none; }


.banner-container1 .bannerContent{ top: 20%; }
.banner-container1 .bannerContent .bcUl{ padding-top: 78px; }
.banner-container1 .bannerContent .bcUl li{ padding-bottom: 54px; }
.banner-container1 .bannerContent .bcUl p.p1{ font-size: 24px; }
.banner-container1 .bannerContent .bcUl p.p2{ font-size: 18px; padding-top: 5px; }


.banner-container2 .bannerContent{ top: 23.3%; }
.banner-container2 .bannerContent .bcUl li{ height: 252px; }
.banner-container2 .bannerContent .bcUl p.p1{ font-size: 34px; }
.banner-container2 .bannerContent .bcUl p.p2{ font-size: 28px; padding-top: 15px; }


.swiper-container-horizontal>.swiper-pagination-bullets{ height: 8px; bottom: 6.8%; padding: 20px 0; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin-left: 5px; margin-right: 5px; }
.swiper-pagination-bullet{ vertical-align: top; width: 78px; height: 8px; background: #0074ee; opacity: 0.3; outline: none; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px; }
.swiper-pagination-bullet-active{ background: #0074ee; opacity: 1; }


.dialogImg1{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 200; background-color: rgba(0,0,0,0.1); display: none; }
.dialogImg1 .cImgWrap{ position: absolute; left: 50%; margin-left: -538px; top: 50%; margin-top: -300px; }
.dialogImg1 .cImgWrap img{ display: inline-block; vertical-align: top; height: 600px; }


.viewer-backdrop{ background-color: rgba(0,0,0,0.1); }
.viewer-button{ width: 120px; height: 120px; right: -60px; top: -60px; }
.viewer-button:before{ left: 14px; bottom: 14px; }
/*
.viewer-close:before{ width: 30px; height: 30px; background-size: auto 30px; background-position: right 0; }
*/
.viewer-close:before{ width: 40px; height: 40px; background-image: none; content: "×"; color: #FFF; font-size: 40px; text-align: center; line-height: 40px; }



.cMaskStyle{ background-color: rgba(0,0,0,0.3); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 200; display: none; }
.cDialogStyle{ background-color: #FFF; width: 1160px; height: 510px; padding: 20px; position: fixed; left: 50%; margin-left: -600px; top: 50%; margin-top: -275px; z-index: 300; display: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px; }
.cDialogStyle span.cDialog-close{ background-color: #FFF; color: #333; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 34px; position: absolute; right: -20px; top: -20px; cursor: pointer; 
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;

-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.cDialogStyleContent{ height: 510px; position: relative; overflow: auto; }
.cDialogStyleContent table{ border-collapse: collapse; font-size: 14px; }
.cDialogStyleContent table td{ border:1px solid #ccc; padding: 5px 10px; line-height: 20px; }
.mCSB_inside > .mCSB_container{ margin-right: 21px; }



@media screen and (max-height:900px) {
    .banner-container .bannerContent .fags-title h3{ font-size: 32px; }
    .banner-container .bannerContent .fags-content{ font-size: 20px; }

    .banner-container1 .bannerContent .bcUl{ padding-top: 68px; }
    .banner-container1 .bannerContent .bcUl li{ padding-bottom: 44px; }
    .banner-container1 .bannerContent .bcUl p.p1{ font-size: 22px; }
    .banner-container1 .bannerContent .bcUl p.p2{ font-size: 16px; }

    .banner-container2 .bannerContent .bcUl li{ height: 242px; }
    .banner-container2 .bannerContent .bcUl p.p1{ font-size: 32px; }
    .banner-container2 .bannerContent .bcUl p.p2{ font-size: 26px; padding-top: 10px; }
}


@media screen and (max-height:700px) {
    .banner-container .bannerContent .fags-title h3{ font-size: 28px; }
    .banner-container .bannerContent .fags-content{ font-size: 16px; }

    .banner-container1 .bannerContent .bcUl{ padding-top: 58px; }
    .banner-container1 .bannerContent .bcUl li{ padding-bottom: 34px; }
    .banner-container1 .bannerContent .bcUl p.p1{ font-size: 18px; }
    .banner-container1 .bannerContent .bcUl p.p2{ font-size: 12px; }

    .banner-container2 .bannerContent .bcUl li{ height: 222px; }
    .banner-container2 .bannerContent .bcUl p.p1{ font-size: 28px; }
    .banner-container2 .bannerContent .bcUl p.p2{ font-size: 22px; padding-top: 8px; }
}


.banner-container1 .bannerContent .bcUl li:last-of-type{ padding-bottom: 0; }