/* .listApp_box{font-family: 'Montserrat-Light';} */
.listApp_box{overflow: hidden; padding-top: 6%;}
/* listApp_ul */
.appli_item{margin-bottom: 10%; position: relative; padding-right: calc((100% - 1400px) / 2);}
.appli_item:nth-child(2n){padding-left: calc((100% - 1400px) / 2); padding-right: 0;}
.appli_item:last-child{margin-bottom: 6%;}
.app_pic_item{width: 50%; position: relative; order: 1;}
.app_pic_item::before{position: absolute; left: -16%; top: 0; width: 116%; height: 100%; content: ''; background: linear-gradient(to top, #95B5FF, #A1DDFF, var(--commonColor)); transform: rotate(15deg); border-radius: 0 60px 60px 0;}
.app_pic_item .pic{padding-bottom: 91.5%; border-radius: 0 60px 60px 0; background: #f5f5f5;}
.appli_info{width: 42%; order: 2;}
.appli_info .title{font-family: 'Poppins-Bold'; font-size: 48px; line-height: 1.25; overflow: hidden; display: block; text-transform: uppercase;}
.appli_info .brief{color: #666; line-height: 28px; margin: 3.5% 0 0;}
.appli_item:hover{border-color: var(--commonColor);}
.appli_item:hover .appli_info .title{color: var(--commonColor);}
.appli_item:hover .appli_info .brief{color: #333;}

.appli_item:nth-child(2n) .app_pic_item{order: 3;}
.appli_item:nth-child(2n) .app_pic_item::before{left: unset; right: -16%; border-radius: 60px 0 0 60px; transform: rotate(-15deg);}
.appli_item:nth-child(2n) .app_pic_item .pic{border-radius: 60px 0 0 60px;}

@media only screen and (max-width: 1520px) {
	.appli_item{padding-right: 60px;}
	.appli_item:nth-child(2n){padding-left: 60px;}
}
@media only screen and (max-width: 1500px) {
	.app_pic_item::before,
	.app_pic_item .pic{border-radius: 0 50px 50px 0;}
	.appli_item:nth-child(2n) .app_pic_item::before,
	.appli_item:nth-child(2n) .app_pic_item .pic{border-radius: 50px 0 0 50px;}
	.appli_info .title{font-size: 44px;}
}
@media only screen and (max-width: 1400px) {
	.listApp_box{padding-top: 6.5%;}
	.appli_info .title{font-size: 38px;}
}
@media only screen and (max-width: 1200px) {
	.app_pic_item::before,
	.app_pic_item .pic{border-radius: 0 40px 40px 0;}
	.appli_item:nth-child(2n) .app_pic_item::before,
	.appli_item:nth-child(2n) .app_pic_item .pic{border-radius: 40px 0 0 40px;}
	.appli_info .title{font-size: 30px;}
	.appli_info .brief{margin: 10px 0 10px;}
}
@media only screen and (max-width: 980px) {
	.listApp_box{padding-top: 30px;}
	.appli_item{padding-right: 20px;}
	.appli_item:nth-child(2n){padding-left: 20px;}
	
	.app_pic_item::before,
	.app_pic_item .pic{border-radius: 0 26px 26px 0;}
	.appli_item:nth-child(2n) .app_pic_item::before,
	.appli_item:nth-child(2n) .app_pic_item .pic{border-radius: 26px 0 0 26px;}
	.app_pic_item{width: 100%; margin: 6% 6% 6% 0;}
	.app_pic_item::before{transform: rotate(12deg);}
	
	.appli_item{width: 100%; margin-bottom: 20px; flex-direction: column;}
	.appli_item:last-child{margin-bottom: 0;}
	.app_pic_item .pic{padding-bottom: 75%;}
	
	.appli_info{padding: 30px 0 0; padding-left: 20px; width: 100%;}
	.appli_info .title{font-size: 22px; max-height: unset; display: block; height: auto;}
	.appli_info .brief{max-height: unset; -webkit-line-clamp: 3; margin: 12px 0 0;}

	.appli_item:nth-child(2n) .app_pic_item::before{transform: rotate(-12deg);}
	.appli_item:nth-child(2n) .app_pic_item{order: 1; margin: 6% 0 6% 6%;}
	.appli_item:nth-child(2n) .appli_info{padding-left: 0; padding-right: 20px;}
}



/* app_detail_main */

.app_th{color: var(--commonColor); font-size: 24px; font-family: 'Poppins-Bold'; margin: 0 0 0;}