.fraud{background: #F2F2F2;padding: 70px 0;}

.index-fraud{
  display: flex;           /* 改成 flex */
  flex-wrap: wrap;         /* 保險,萬一會換行 */
  width: 1330px;
  max-width: 100%;
  margin: 0 auto;
  /* font-size: 0; 拿掉,flex 不需要這個 hack */
}

.index-fraud li{
  width: 25%;
  box-sizing: border-box;
  padding: 0 16px;
  display: flex;           /* 讓裡面的白卡能撐滿高度 */
}

.index-fraud-list{
  background: #FFFFFF;
  border-radius: 40px;
  padding: 30px;
  box-sizing: border-box;
  width: 100%;             /* 填滿 li 的寬 */
  min-height: 340px;       /* 想保留最低高度可留著,純等高其實可拿掉 */
}

.index-fraud-list img{width: 38px;vertical-align: middle;margin-bottom: 15px;}

.fraud-swiper .swiper-wrapper{align-items: stretch;}
.fraud-swiper .swiper-slide{height: auto;}
.fraud-swiper .index-fraud-list{height: 100%;}

.index-text{margin-top: 16px;color: #333;font-size: 15px;word-break: break-all;line-height: 24px;}
.index-text a{color: #9471FF;text-decoration: underline;font-weight: 500}
.index-text strong{font-weight: 600;color: #000000;}
.consult{background: url(/assets/images/common/background-consult-white.webp) no-repeat center;background-size: cover;padding: 70px 0;}
.consult .common-h2{margin-bottom:0}
.index-title{text-align: center;color: #333;font-size: 20px;font-weight: 500;margin-bottom:30px;}
.index-title .common-h2{margin-bottom: 10px;}
.index-promise{background: url(/assets/images/common/background-promise.webp) no-repeat center;background-size: cover;padding: 90px 0;}
.index-promise .common-h2{color: #fff;}
.index-promise .index-title{color: #fff;}
.index-promise-ul{font-size: 0;width: 1330px;margin: 0 auto;max-width: 100%;}
.index-promise-ul li{display: inline-block;vertical-align: top;width: 16.66%;box-sizing: border-box;padding: 0 10px;}
.index-promise .index-title{margin-bottom: 80px;}
.index-promise-list{background: rgba(108,69,214,0.6);border-radius: 40px 40px 40px 40px;padding: 35px 5px;text-align: center;}
.index-promise-list img{width: 58px;vertical-align: middle;margin-bottom: 15px;}
.index-promise-list .common-h3{margin: 0;color: #fff;font-size: 16px;line-height: 23px;letter-spacing: 1px;font-weight: 400;}
.index-write{background: url(/assets/images/common/background-consult-black.webp) no-repeat center;background-size: cover;padding: 87px 0;}
.index-write-left{width: 50%;}
.index-write .consult-top{background: #9471FF;}
.index-write-left .common-h2{color: #fff;text-align: left;margin-bottom: 30px;}
.index-write-ul{font-size: 0;}
.index-write-ul li{display: inline-block;vertical-align: top;width: 50%;position: relative;padding-left: 70px;margin-bottom: 20px;box-sizing: border-box;padding-right: 10px;}
.index-write-ul img{width: 50px;height: 50px;position: absolute;left: 0;top: 50%;margin-top: -25px;}
.index-write-ul .common-h3{color: #fff;font-size: 16px;margin-bottom: 5px;line-height: 30px;}
.index-write-text{color: #D8D8D8;font-size: 15px;line-height: 21px;}
.index-write-left .common-more-other{text-align: left;margin-top: 20px;}
.swiper-other{overflow: hidden;}
.index-case{background: url(/assets/images/common/background-case.webp) no-repeat center;background-size: cover;padding: 80px 0;}
.index-case-number{max-width: 1100px;margin:30px auto;font-size: 0;}
.index-case-number li{width: 25%;box-sizing: border-box;padding: 0 15px;display: inline-block;vertical-align: top;}
.index-case-li{background: #FFFFFF;box-shadow: 0px 5px 5px 0px #EFEEF0;border-radius: 40px 40px 40px 40px;border: 1px solid rgba(226,217,246,0.1);padding: 45px 0;text-align: center;}
.index-case-number-top{font-size: 32px;font-weight: bold;color: #9471FF;}
.index-case-number-top span{font-size: 48px;font-weight:400;margin-right: 5px;font-family: 'Radio Canada';}
.index-case-li p{letter-spacing: 1px;color: #6B707D;color: #6B707D;line-height: 30px;font-size: 16px;}
.index-all{background: #353943;padding: 70px 0 30px 0;}
.index-all .index-title{color: #B39AFF;}
.index-all .common-h2{color: #fff;}
.index-all-ul{text-align: center;font-size: 0;width: 1330px;margin: 0 auto;max-width: 100%;}
.index-all-ul li{display: inline-block;vertical-align: top;padding: 0 10px;box-sizing: border-box;width: 25%;margin-bottom:40px;}
.index-all-list{border-radius: 30px;overflow: hidden;background: #fff;}
.index-all-list img{width: 100%;vertical-align: middle;transition: all .6s;}
.index-all-bottom{padding:20px 30px;}
.index-all-image{display: block;overflow: hidden;}
.index-all .common-h3 a{color: #333;}
.index-all .common-h3 a:hover{color:#9471FF}
.index-all .common-h3{text-align: left;margin-bottom: 0;}
.index-all-text{color: #777;font-size: 15px;text-align: left;margin: 10px 0 20px 0;}
.index-all-more{text-align: left;}
.case-swiper .swiper-wrapper{align-items: stretch;}
.case-swiper .swiper-slide{height: auto;}
.case-swiper .case-list{height: 100%;box-sizing: border-box;}
.all-swiper .swiper-slide{height: auto;}
.all-swiper .index-all-list{height: 100%;box-sizing: border-box;display: flex;flex-direction: column;}
.all-swiper .index-all-bottom{display: flex;flex-direction: column;flex: 1;}
.all-swiper .index-all-more{margin-top: auto;}
.common-listed-more{
  display: inline-flex;      /* flex 只加在 a 上 */
  align-items: center;       /* 文字與箭頭垂直置中 */
  color: #B39AFF;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}

.common-listed-more i{
  margin-left: 8px;          /* 間距保留你原本的 8px */
  line-height: 1;            /* 去掉圖示自帶留白,對齊更準 */
}
.index-counselor{background: url(/assets/images/common/background-feature.webp) no-repeat center;background-size: cover;padding: 50px 0 70px 0;}
.index-counselor .index-title{color: #6C45D6;}
.index-counselor-ul{font-size: 0;text-align: center;width: 1330px;margin: 0 auto;margin-bottom: 70px;max-width: 100%;}
.index-counselor-ul li{display: inline-block;vertical-align: top;box-sizing: border-box;width: 20%;padding: 0 10px;}
.index-counselor-list{background: #FFFFFF;border-radius: 40px 40px 40px 40px;padding:35px 0;text-align: center;}
.index-counselor-list img{height: 63px;margin-bottom: 10px;}
.index-counselor-ul .common-h2{font-size: 18px;margin:0;font-weight: 500;line-height: 23px;color:#333333}
.banner-swiper a{display: block;}
.banner-swiper img{width: 100%;vertical-align: middle;}
.banner-swiper{padding-bottom: 0;}
.fraud .common-h3{font-size: 20px;line-height: 27px;font-weight:600}
.service-swiper{padding: 0 60px;}
.index-write-item{width: 1120px;margin: 0 auto;max-width: 100%;}
.index-psychology{font-size: 0;margin: 0 -10px;}
.index-psychology li{display: inline-block;vertical-align: top;width: 33.33%;padding: 0 10px;box-sizing: border-box;}
.index-psychology li a{display: block;overflow: hidden;}
.index-psychology li img{width: 100%;vertical-align: middle;border-radius: 20px;}
.index-psychology-li img{width: 100%;vertical-align: middle;}
/* video-swiper 中间放大效果 */
.video-swiper .swiper-slide {
    transition: all 0.3s ease;
    transform: scale(0.85);
}

.video-swiper .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    z-index: 2;
}

/* 可选：两边的幻灯片稍微缩小 */
.video-swiper .swiper-slide-prev,
.video-swiper .swiper-slide-next {
    transform: scale(0.9);
}
@media (min-width:1080px) {
	.index-text a:hover,.input-send:hover{
		opacity: 0.8;
	}
	.not-receive:hover{opacity: 0.8;text-decoration: underline;}	
	.index-psychology li a:hover{opacity: 0.8;}
	.index-all-image:hover img{transform: scale(1.1);}
}
/*@media (max-width:1499px) {
	.service-swiper,.video-swiper{width: 120%;margin-left: -10%;padding-bottom: 0;}
	.index-case-number li{padding: 0 12px;}
	.index-case-li{padding: 36px 0;}
}*/
/* 申貸成功案例輪播:1500px 以下取消 headfooter.css 的 120% 溢出寫法,保留左右箭頭並隨視窗寬度往內縮 */
@media (max-width:1499px) and (min-width:768px) {
	.index-case .case-swiper{width: auto;margin-left: 0;padding: 0 80px;}
}
@media (max-width:1279px) and (min-width:768px) {
	.index-case .case-swiper{padding: 0 60px;}
	.index-case .case-list{border-radius: 20px;padding: 12px;}
	.index-case .case-list-image{width: 94px;}
	.index-case .case-list-right{margin-left: 106px;}
	.index-case .case-list .common-h3 a{font-size: 15px;}
	.index-case .case-list-p p{font-size: 13px;line-height: 18px;}
}
@media (max-width:1279px) {
	.index-text{font-size: 15px;line-height: 23px;}
	.fraud{padding: 36px 10px;}
	.index-fraud li{padding: 0 6px;}
	.index-fraud-list{min-height: 394px;}
	.index-title{font-size: 16px;}
	.list-info{line-height: 20px;margin-bottom: 12px;}
	.list-tag{font-size: 13px;padding: 0 8px;}
	.list-time{font-size: 12px;}	
	.index-promise img{width: 36px;margin-bottom: 14px;}
	.index-promise-list .common-h3{font-size: 15px;line-height: 20px;}
	.index-promise .index-title{margin-bottom: 24px;}
	.index-write-left .common-h2{font-size: 20px;}
	.index-write-ul img{width: 28px;height: 28px;margin-top: -14px;}
	.index-write-ul li{padding-left: 42px;margin-bottom: 20px;}
	.index-write-ul .common-h3{font-size: 16px;line-height: 19px;margin-bottom: 8px;}
	.index-write-text{font-size: 14px;line-height: 20px;}	
	.index-write{padding: 36px 16px;}
	.index-write .consult-right{margin-top: 0;}
	.index-case-number-top{font-size: 20px;}
	.index-case-number-top span{font-size: 33px;}
	.index-case-li p{font-size: 13px;line-height: 17px;}
	.index-case-li{border-radius: 20px;padding: 23px 0;}
	.index-case-number li{padding: 0 5px;}
	.index-case-number{padding: 0 11px;}
	.index-all-text{font-size: 15px;margin: 8px 0 24px 0;}
	.index-counselor-ul .common-h2{font-size: 12px;line-height: 17px;}
	.index-counselor-list img{width: 36px;height: 36px;margin-bottom:5px;}
	.index-counselor-list{padding: 20px 0;border-radius: 15px;}	
	.index-counselor-ul{margin-bottom: 50px;}
	.fraud .common-h3{font-size: 17px;line-height: 24px;}
	
}
@media (max-width:1199px) {
	
	.index-write-left{width: 100%;margin-top: 36px;}
	.index-write-left .common-h2{text-align: center;}
	.index-write-left .common-more-other{text-align: center;}
}
@media (max-width:991px) {
	.index-promise-ul{text-align: center;}
	.index-promise-ul li{width:25%;margin-bottom: 12px;padding: 0 7px;}
	.index-promise-list{border-radius: 15px;padding: 24px 5px;}
}
/* 768-820px:讓愛和安心圖卡改 3x2;30秒快速填表底下項目集中置中,避免兩欄過度分散(767 以下維持手機版規則) */
@media (max-width:820px) and (min-width:768px) {
	.index-promise-ul li{width: 33.33%;}
	.index-write-ul{max-width: 600px;margin: 0 auto;}
}
@media (max-width:767px) {
	.index-all-bottom .common-h3 a{font-size:16px}
	.index-fraud-list{min-height: 394px;}  
	.index-promise-ul li{width: 50%;}
	.index-promise .common-h2{font-size: 20px;}
	.index-write-left .common-more-other{position: static;margin-top: 30px;text-align: center;display: block;}
	.service-swiper,.video-swiper{width: 200%;margin-left: -50%;}
	.fraud .common-h3{font-size: 16px!important;}
	.video-swiper{padding-bottom: 50px;}
	.index-case-number li{width: 50%;margin-bottom: 10px;}
	.index-case .common-more-other{position: static;width: 100%;margin-top: 30px;}	
	.index-counselor-ul li{width: 50%;margin-bottom: 10px;padding: 0 5px;}
	.index-counselor-ul li:last-child{width: 100%;}
	.index-counselor-ul .common-h2{text-align: center;font-size:15px;line-height:20px}
	.index-counselor-ul{margin-bottom: 20px;padding:  0 11px;box-sizing: border-box;}
	.index-promise{padding: 36px 16px;}
	.index-case{padding: 36px 0;}
	.service-swiper,.case-swiper{padding: 0;padding-bottom: 50px;}
	.index-counselor{padding: 36px 0;}
	.index-all{padding: 36px 0 36px 16px;}
	.index-all .common-h3 a{font-size: 16px!important}
	
}
@media (max-width:340px) {
	.index-fraud-list{min-height: 330px;}
}

/*新加facebook*/
.facebook-item{width: 950px;max-width: 100%;margin: 0 auto;display: table;}
.facebook-item-image{width: 56%;display: block;border-radius: 15px;display: table-cell;}
.facebook-item-image img{width: 100%;vertical-align: middle;border-radius:15px;}
.facebook-item-right{width: 44%;box-sizing: border-box;padding: 0 0 0 30px;display: table-cell;vertical-align: middle;}
.facebook-item-right .index-h3 a{color: #EFEFEF;font-size: 24px;}
.facebook-item-text{color: #D8D8D8;font-size: 15px;margin-top: 10px;}
@media (max-width:1279px) {
	.facebook-item-right .index-h3 a{font-size: 16px;}
	.facebook-item-text{font-size: 14px;}
}
@media (max-width:767px) {
	.facebook-item-image{width: 100%;display: block;}
	.facebook-item-right{width: 100%;padding: 0;display: block;margin-top: 15px;}
}

