@charset "utf-8";

/*** @latest 2020.12.09 SSJ ***/

.thesis05 {width:100%; height:100%; box-sizing:border-box; padding:15px 0 0; margin:0 auto; float:left; overflow:hidden; position:relative; background:rgba(255, 255, 255, 0.6);}
.thesis05 .swiper-container {position:relative;box-sizing:border-box; width: 100%;height:100%;}
.thesis05 .swiper-container .swiper-wrapper {box-sizing:border-box; position:relative; clear:both; text-align:center;}
.thesis05 .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;}
.thesis05 .swiper-container .swiper-wrapper .swiper-slide:only-child {width:100% !important;}





.thesis05 .schrBox {width:100%;padding: 0 40px;/* float:left; */position:relative;text-align:center;box-sizing:border-box;display: inline-block;vertical-align: middle;line-height: normal;}
.thesis05 .schrBox:hover .imgbox img {border:1px solid #666; box-sizing:border-box; box-shadow:4px 4px 3px rgba(0,0,0,0.3); -webkit-transition:box-shadow 0.5s; transition:box-shadow 0.3s;}

.thesis05 .schrBox .imgbox {width:100%; max-width: 160px; overflow:hidden;box-sizing:border-box;position:relative;display:inline-block;}
.thesis05 .schrBox .imgbox a {display:block; height:100%; position:relative;}
.thesis05 .schrBox .imgbox img {border:1px solid #eaeaea;top:0;left:0;box-sizing:border-box;max-width:100%;height: 100%;box-sizing:border-box;}
.thesis05 .schrBox .imgbox img:hover {box-shadow:2px 2px 4px rgba(0,0,0,0.5);}

.thesis05 .schrBox .txtbox {width:100%;padding:10px 0 0;box-sizing:border-box;float:left;text-align:center;line-height: normal;}
.thesis05 .schrBox .tit {color:#333;letter-spacing:-0.5px;width:100%;float:left;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;margin: 5px 0 20px;white-space: nowrap;}


.thesis05 .schrBox .btnbox {display:inline-block; width:100%;}
.thesis05 .schrBox .btnbox > div {margin-bottom: 5px;width: 100%;}
.layout_height_M .thesis05 .schrBox .btnbox > div {margin-bottom:2px;}
.thesis05 .schrBox .btnbox a {position:relative;letter-spacing:-0.5px;border:1px solid #eaeaea;box-sizing:border-box;display:inline-block;clear:both;background:#fff;width: 100%;height:35px;line-height:35px;padding:0 10px;/* margin-bottom:5px; */white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;}
.thesis05 .schrBox .btnbox a:hover {background:#333; color:#fff;}
.thesis05 .schrBox .btnbox>div:last-child {margin-right: 0;}


/* no-data */
.thesis05 .no_data {width:100% !important; padding-right:0 !important; display:none;}
.thesis05 .no_data .imgbox {display:none;}
.thesis05 .no_data .txtbox {padding:0 !important; width:100% !important; text-align:center !important;}
.thesis05 .no_data .tit {font-weight:400; margin-bottom:0; font-size:18px;}
.thesis05 .no_data .thesisBtnbox {display:none;}


/* slide btn */
.thesis05 .btnbox.slideBtn {box-sizing:border-box; top:0;}
.thesis05 .swiper-button-next,
.thesis05 .swiper-button-prev {overflow:hidden; width:35px; text-indent:-9999px; pointer-events:auto !important; position:absolute; top:50%;}
.thesis05 .swiper-button-prev {background:url(../img/slideprev.png) no-repeat;background-position: center 10px;left:0;background-size: 40%;}
.thesis05 .swiper-button-next {background:url(../img/slidenext.png) no-repeat;background-position: center 10px;right:0;background-size: 40%;}
.thesis05 .swiper-button-next:hover,
.thesis05 .swiper-button-prev:hover {animation:blinkfx 1s infinite ease alternate-reverse;}

.thesis05 .swiper-button-next.swiper-button-disabled, 
.thesis05 .swiper-button-prev.swiper-button-disabled {opacity:1;}

.thesis05 .swiper-pagination {display:none;}
	@keyframes blinkfx {
		0% {background-position:center;}
		100% {}
	}

.hiddenBtn {display:none;}






.cpnd004_wdgt .thesis05 .schrBox .imgbox {height: 250px;}
.cpnd004_wdgt .thesis05 .schrBox .tit {margin: 20px 0 30px;}
.cpnd004_wdgt .thesis05 .schrBox .btnbox a {height: 40px; line-height: 40px;}

.cpnd004_wdgt .thesis05 .swiper-container .swiper-wrapper .swiper-slide {line-height: 580px;}


.cpnd0089_wdgt .thesis05 .schrBox .imgbox {height: 200px;}
.cpnd0089_wdgt .thesis05 .swiper-container .swiper-wrapper .swiper-slide {line-height:480px;}













	@media (min-width:800px){
		.layout_height_H2 .thesis05 .schrBox .imgbox,
		.layout_height_H .thesis05 .schrBox .imgbox,
		.layout_height_M .thesis05 .schrBox .imgbox {width: 40%; float: left;}
		.layout_height_H2 .thesis05 .schrBox .txtbox,
		.layout_height_H .thesis05 .schrBox .txtbox,
		.layout_height_M .thesis05 .schrBox .txtbox {width: 60%; float: left;}


		.layout_height_H2 .thesis05 .schrBox .imgbox,
		.layout_height_H .thesis05 .schrBox .imgbox {height: 320px; padding: 10px 0;}
		.layout_height_H2 .thesis05 .schrBox .txtbox,
		.layout_height_H .thesis05 .schrBox .txtbox {padding: 20px 0 0 20px;}

		.layout_height_M .thesis05 .schrBox .imgbox {height: 220px;}
		.layout_height_M .thesis05 .schrBox .txtbox {padding: 0px 0 0 20px;}

		.layout_height_H2 .thesis05 .schrBox .btnbox a,
	    .layout_height_H .thesis05 .schrBox .btnbox a {height: 40px; line-height: 40px;}
	    .layout_height_H2 .thesis05 .schrBox .tit,
	    .layout_height_H .thesis05 .schrBox .tit {margin: 10px 0 26px;}
	
	    .layout_height_M .thesis05 .schrBox .tit {margin: 3px 0 10px;}    
	    .layout_height_M .thesis05 .schrBox .btnbox a {font-size: 15px; height: 33px; line-height: 33px;}
	}

	@media (max-width:799px){
		.thesis05 {padding-bottom:15px;}
		.thesis05 .no_data .tit {font-size:16px;}

		.thesis05 .swiper-container {width:90%; margin:0 5%;}
		.thesis05 .swiper-wrapper > div:hover {padding:0;}
		.thesis05 .swiper-wrapper > div:hover img {opacity:0.8;}

		.thesis05 .swiper-button-prev {background-size:10px; background-position:left center; width:20px;}
		.thesis05 .swiper-button-next {background-size:10px; background-position:right center; width:20px;}

		.thesis05 .schrBox .imgbox {height: 150px;}
		.thesis05 .swiper-container .swiper-wrapper .swiper-slide-active:after {top:80px;}
	}



	@media (max-width:599px){
		.thesis05 {padding-bottom:15px;}

		.thesis05 .swiper-container .swiper-wrapper .swiper-slide:only-child .schrBox .imgbox {width:30%; float:left;}
		.thesis05 .swiper-container .swiper-wrapper .swiper-slide:only-child .schrBox .txtbox {width:70%; float:left; text-align:left; padding-left:20px;}
	}

