.pet-top{width:100%; position:relative; height:auto; z-index:0;}
.pet-container{width:1000px; margin: 0 auto; position:relative;}
.pet-container .course-timetable-wrap{width:100%}
.pet-top-bg{display:block; position:absolute; width:100%; /* min-height:720px; */ height:100%;}
.pet-top-bg video, .pet-top-bg img{height: 100%; left: 50%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; opacity:1;}
.pet-top .pet-top-tit{padding:120px 0px 260px;}
.pet-top-tit p{font-size:21px;  font-family: 'PuradakGentleGothicR'; color:#513c31; margin:20px 0 40px; line-height:1.4}
.pet-top-tit h3 img{margin-left:-5px;}
.pet-top-btn{display:inline-block; padding:20px 180px 20px 24px; background: #fff url('/2022/img/edu/pet/pet-arrow-br.png') 90% center no-repeat; color:#513c31; font-size:17px; border-radius:60px; background-size:20px; font-weight:800;}
.pet-top-btn:hover{background: #513c31 url('/2022/img/edu/pet/pet-arrow-wh.png') 90% center no-repeat; color:#fff; background-size:20px; }

.pet-intro{display:block; width:100%; padding-bottom:60px; background: url('/2022/img/edu/pet/pet-gallery-bg.jpg') center center repeat; }

.pet-benefit{display:block; z-index:2; margin-top:-174px;}
.pet-benefit:after {display:block; content:""; clear:both;}
.pet-benefit ul li{float:left; width:364px; position:relative; margin-left:-46px;  display:flex; height:364px; flex-direction: column; text-align:center; z-index:1; padding-top:80px;}
.pet-benefit ul li:before{content:""; position:absolute; top:50%; left:20px; width:16px; height:16px; display:block; background: url('/2022/img/edu/pet/pet-benefit-add.png') left center no-repeat; z-index:2; background-size:100% auto; margin-top:-16px;}
.pet-benefit ul li:first-child:before{display:none;}
.pet-benefit ul li dl, .pet-benefit ul span{z-index:2;}
.pet-benefit ul li:first-child{margin-left:0}
.pet-benefit-bg{
	display:block; 
	width:258px; 
	height:258px; 
	box-shadow:2px 5px 20px rgba(0,0,0,0.13); 
	transform: rotate(45deg); 
	position:absolute; 
	top:46px; 
	left:52px; 
	z-index:0; 
	border-radius:20px;
	border:4px solid transparent;
	background-image:linear-gradient(#fff, #fff),linear-gradient(45deg, #88d2f6 0%, #ffcd33 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
}
.pet-benefit ul li dl dt {font-family: 'PuradakGentleGothicR'; color:#282828; font-size:24px;}
.pet-benefit ul li dl dd {font-family: 'PuradakGentleGothicR'; font-size:14px; color:#a1a1a1; margin-top:20px;}

.pet-box{display:block; padding:60px 0px}
.pet-tit{display:flex; flex-direction: column; align-items: center; margin-bottom:40px;}
.pet-tit em img{width:100px;}

.pet-tit h3{font-family: 'PuradakGentleGothicR'; color:#282828; font-size:36px; position:relative; z-index:1;display:flex; flex-direction: column; }
.pet-tit h3 *{line-height:1.4; letter-spacing:0}
.pet-tit h3 span{flex-grow: 1; position:relative;}
.pet-tit h3 span em{font-style:normal; display:inline-block; position:relative;}
.pet-tit h3 span em:after {position:absolute; content:""; display:block; width:100%;height:10px; background:#ffcd33; left:0px; bottom:5px; z-index:-1}
.pet-tit p {width:60%; margin-top:20px; font-size:21px;}

.mptSldr {width: 1726px; margin-bottom:20px;}
.mptSldr,
.mptSldr .slick-list,
.mptSldr .slick-track {overflow: visible !important;}
.mptSldr .mcmCont {opacity: 0; transform: scale(1.1);}
.mptSldr .mcmCont.slick-now,
.mptSldr .mcmCont.slick-now + .mcmCont,
.mptSldr .mcmCont.slick-now + .mcmCont + .mcmCont {opacity: 1; transform: scale(1.0);}

.mpbSldr {width: 1726px; position: absolute; right: 0 !important; top: 0; left:auto !important;}
.mpbSldr,
.mpbSldr .slick-list,
.mpbSldr .slick-track {overflow: visible !important;}
.mpbSldr .mcmCont {opacity: 0; transform: scale(1.1);}
.mpbSldr .mcmCont.slick-now,
.mpbSldr .mcmCont.slick-now + .mcmCont,
.mpbSldr .mcmCont.slick-now + .mcmCont + .mcmCont {opacity: 1; transform: scale(1.0);}

.pet-gallery .slick-slide{ border-radius:20px; overflow:hidden;  margin:0 10px; height:320px; position:relative;}
.pet-gallery .slick-slide span{position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background-size:cover !important; }
.pet-feed{margin-bottom:60px;}
.pet-feed ul {display: flex; justify-content: space-between;}
.pet-feed ul li {width:320px; display:block;}
.pet-feed ul li span{width:100%; height:240px; overflow:hidden; border-radius:20px;display:block;}
.pet-feed ul li span img{width:100%;}
.pet-feed ul li dl dt{font-size:17px; font-weight:800; margin:20px 0 10px;}
.pet-feed ul li dl dd{font-size:15px; color:#666; line-height:1.4; width:70%;}

.pet-step{display:block; width:100%; padding:60px 0 220px; background: url('/2022/img/edu/pet/pet-classInfo-bg.jpg') center center repeat; position:relative}
.colorWh *{color:#fff;}

.pet-classPoint ul li{
	box-shadow:2px 5px 20px rgba(0,0,0,0.13); 
	border-radius:20px;
	border:4px solid transparent;
	background-image:linear-gradient(#fff, #fff),linear-gradient(45deg, #88d2f6 0%, #ffcd33 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
	position:relative;
	display:flex;
	overflow:hidden;
    align-items: center;
}
.pet-classPoint ul li:nth-child(2){    flex-direction: row-reverse;}
.pet-classPoint ul li dl{padding:40px; width:640px;}
.pet-classPoint ul li dl dt{font-family: 'PuradakGentleGothicR'; color:#282828; font-size:24px; margin-bottom:8px;}
.pet-classPoint ul li dl dd{font-size:18px; line-height:1.4}
.pet-classPoint ul li + li {margin-top:20px;}
.pet-classPoint ul li span{display:block; height:250px; width:360px; overflow:hidden;}
.pet-step-deco{width:100%; position:absolute; bottom:-100px; left:0px; text-align:center;}

.pet-review{display:block; width:100%; padding:60px 0 0; }
.pet-review .pet-box{padding-bottom:0}

.pstSlider {position:relative; height:auto; width:100%; display:block;overflow:hidden;}
.main-review-cont {position:relative;width:100% !important; margin-bottom:30px; height:auto !important;}
.main-review-cont a{display:block; width:100%; position:relative; }
.main-review-cont a em.main-review-thumb{width:70px; height:70px; border-radius:12px; background-size:cover !important; overflow:hidden;display:block; position:absolute;}
.main-review-cont:nth-child(odd) a {padding:0 84px;}
.main-review-cont:nth-child(2n) a {padding:0 84px;}
.main-review-cont:nth-child(odd) a em{ left:0px; top:5px; }
.main-review-cont:nth-child(2n) a em{ right:0px; top:5px; }
.main-review-user{display:block; width:100%; padding-bottom:5px; }
.main-review-cont:nth-child(2n) a .main-review-user{text-align:right; }
.main-review-user em {display:none;}
.main-review-user h5, .main-review-user span{display:inline-block; color:#999; line-height:1.1}
.main-review-user h5{padding-right:8px; font-size:13px; }
.main-review-user span{font-size:10px;}
.main-review-comment{display:block; padding:10px 20px; font-size:14px; width:100%; background: rgba(255,215,0,1); position:relative; border-radius:12px;}
.main-review-cont:nth-child(2n) .main-review-comment{background:#ebebeb}
.main-review-comment span{
	font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    letter-spacing: -0.025em;
    line-height: 1.6;
    height: 3.2em;
    font-weight: 300;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	width:100%;
	word-break: break-all;
}
.main-review-cont:nth-child(odd) .main-review-comment span:after{
	background: url('/m/2022/img/main/balloon_yellow.png')no-repeat center center;
    content: "";
    width: 16px;
    height: 23px;
    display: block;
    position: absolute;
    top: 20px;
    margin-top: -12px;
    left: -8px;
}

.main-review-cont:nth-child(2n) .main-review-comment span:after{
	background: url('/m/2022/img/main/balloon_grey.png')no-repeat center center;
    content: "";
    width: 16px;
    height: 23px;
    display: block;
    position: absolute;
    top: 20px;
    margin-top: -12px;
    right: -8px;
}