
/** @latest 2019.10.02 -ssj*/

.widequick130_slide {width:100%; height:100%; box-sizing:border-box; margin:0 auto; float:left; overflow:hidden; position:relative;}
.widequick130_slide .swiper-container {position:relative; box-sizing:border-box;}
.widequick130_slide .swiper-container .swiper-wrapper {box-sizing:border-box; /*overflow:hidden;*/
													   width:100%; position:relative; margin:1px auto; clear:both; text-align:center;}
.widequick130_slide .swiper-container .swiper-wrapper .swiper-slide {box-sizing:border-box; vertical-align:middle; display:inline-block; position:relative; text-align:center; 
																	-webkit-transition:background 0.5s, padding 0.5s;
																	transition:background 0.5s, padding 0.5s;}

.widequick130_slide .swiper-wrapper > div img {width:100%;
										  	   -webkit-transition:width 0.5s, margin 0.5s, opacity 0.5s; 
										 	   transition:width 0.5s, margin 0.5s, opacity 0.5s;}

.widequick130_slide .swiper-wrapper a {width:100%; float:left; height:100%;}
.widequick130_slide .swiper-wrapper a:focus {outline:thin dotted; background:rgba(166,199,255,0.2);}

.widequick130_slide .swiper-wrapper .txtbox {text-align:center; padding:0 10px; box-sizing:border-box; 
											 position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.widequick130_slide .swiper-wrapper .txtbox .no {font-size:18px; font-weight:600; color:#fff; display:block;}
.widequick130_slide .swiper-wrapper .txtbox .tit {font-size:15px; color:#fff; font-weight:400; line-height:130%; letter-spacing:-0.5px;
												  width:100%; margin-top:10px; overflow:hidden; word-break:keep-all; white-space:normal;
											 	  -webkit-line-clamp:2; max-height:38px; -webkit-box-orient:vertical; display:-webkit-box;}

.widequick130_slide .swiper-wrapper > div:hover {background:url(../img/bg.png); background-repeat:no-repeat; background-size:contain; padding:8px 7px 7px;}
.widequick130_slide .swiper-wrapper > div:hover .tit {font-weight:600;}



/* slide btn */
.widequick130_slide .btnbox {box-sizing:border-box; top:0;}

.widequick130_slide .swiper-button-next,
.widequick130_slide .swiper-button-prev {overflow:hidden; width:35px; text-indent:-9999px; pointer-events:auto !important; position:absolute; top:50%;}
.widequick130_slide .swiper-button-prev {background:url(../img/slideprev.png) no-repeat; background-position:center left; left:0;}
.widequick130_slide .swiper-button-next {background:url(../img/slidenext.png) no-repeat; background-position:center right; right:0;}
.widequick130_slide .swiper-button-next:hover,
.widequick130_slide .swiper-button-prev:hover {animation:blinkfx 1s infinite ease alternate-reverse;}

.widequick130_slide .swiper-button-next.swiper-button-disabled, 
.widequick130_slide .swiper-button-prev.swiper-button-disabled {opacity:1;}

.widequick130_slide .swiper-pagination {display:none;}

@keyframes blinkfx {
    0% {background-position:center;}
    100% {}
}




	@media (min-width:800px){
		.widequick130_slide {height:auto;}
	}

	@media (min-width:1050px){
		.widequick130_slide .swiper-container {width:590px; margin:0 auto;}
	}
	@media (min-width:800px) and (max-width:1049px){
		.widequick130_slide .swiper-container {width:74%; margin:0 13%;}
	}
	@media (max-width:799px){
		.widequick130_slide .swiper-container {width:calc(100% - 14%); margin:0 7%;}

		.widequick130_slide .swiper-wrapper h3 {font-size:15px; font-weight:400; max-height:35px; line-height:18px;}
		.widequick130_slide .swiper-wrapper > div:hover {padding:0;}
		.widequick130_slide .swiper-wrapper > div:hover img {opacity:0.8;}

		.widequick130_slide .swiper-button-prev {background-size:10px; background-position:center 10px;}
		.widequick130_slide .swiper-button-next {background-size:10px; background-position:center 10px;}
	}


	@media (max-width:599px){
		.widequick130_slide .swiper-container {width:86%; margin:0 7%;}
	}
