@charset "utf-8";
/* CSS Document */


	html, body {
        position: relative;
        height: 100%;
		width:100%;
    }
	
	.swiper-con {
        width: 100%;
        height: 450px;
		background-color:transparent;
		position:relative;
		overflow:hidden;
		border-bottom:3px #F00;
		
		padding-bottom: 40px;
		
    }
    .swiper-slide {
	 	
        height: 100%;
		width:100%;
		/*opacity:.6;*/

		
        text-align: center;
        font-size: 18px;
        background: #fff;
		/*overflow:hidden;*/
		background-color:#fafafa;
		

        /* Center slide text vertically */
        /*display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;*/
    }
	.swiper-slide-active{
		/*opacity:1;*/
	}
	
	
	
	
	
	.swiper-curtain{
		position:absolute;
		top:0px; left:0px;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,.8);
		pointer-events:none;
		
		transition: opacity 1s;
	}
	
	.swiper-slide-active div{
		opacity:0;
	}
	
	.swiper-pagination-bullet{opacity:1; background-color:#000; border:2px #000 solid; width:10px; height:10px; }
	.swiper-pagination-bullet-active{ background-color:#fff; }


		@media only screen and (max-width:980px){
			
			
		}
		
		
		@media only screen and (max-width:750px){
			
			.swiper-container2 {
				width: 100%;
				height: 40%;
				background-color:transparent;
				position:relative;
				overflow:hidden;
				border-bottom:3px #F00;
				
				padding-bottom: 40px;
			}
			
			
		}
		
		@media only screen and (max-width:490px){
			
		}