/* .listApp_box{font-family: 'Montserrat-Light';} */
.listApp_box{padding-top: 4%;}
/* listApp_ul */
.listApp_ul .appli_item{width: 100%; align-items: flex-end;}
.listApp_ul .appli_item:nth-child(n+2){margin-top: 5%;}
.listApp_ul .appli_item .appli_pic{width: 38%; margin-bottom: 4.5%; position: relative; z-index: 1; order: 1;}
.listApp_ul .appli_item .pic{padding-bottom: 76%; border-radius: 30px;}
.listApp_ul .appli_item .appli_info{width: 66%; margin-left: -4%; background: #F6EFE5; border-radius: 30px; padding: 4% 6% 4% 9%; position: relative; order: 2;}
.listApp_ul .appli_item .title{font-size: 36px; margin: 0 0 15px; color: var(--otherColor); font-family: 'Fredoka One-Regular'; text-transform: uppercase;}
.listApp_ul .appli_item .brief{color: #666; line-height: 28px;}

.listApp_ul .appli_item .left_icon{position: absolute; left: calc(5% + 25px); width: 8.4%; height: 0; padding-bottom: 10.62%; top: -18%; background: url(../img/icon16.png) no-repeat center; background-size: 100% auto;}
.listApp_ul .appli_item .right_icon{position: absolute; right: 4%; width: 7.6%; height: 0; padding-bottom: 9.32%; bottom: -8%; background: url(../img/icon17.png) no-repeat center; background-size: 100% auto;}

.listApp_ul .appli_item:nth-child(even) .appli_pic{order: 3;}
.listApp_ul .appli_item:nth-child(even) .appli_info{margin-left: 0; margin-right: -4%; padding: 4% 9.5% 4% 6%;}
.listApp_ul .appli_item:nth-child(even) .left_icon{left: 4.5%;}
.listApp_ul .appli_item:nth-child(even) .right_icon{right: 8%;}


.listApp_ul .appli_item:hover .title{color: var(--commonColor);}
.listApp_ul .appli_item:hover .brief{color: #333;}
.listApp_ul .appli_item:hover .left_icon{animation: swing 0.5s;}
.listApp_ul .appli_item:hover .right_icon{animation: swing 0.5s;}

@media only screen and (max-width: 1450px) {
	.listApp_ul .appli_item .title{font-size: 32px;}
}
@media only screen and (max-width: 1300px) {
	.listApp_ul .appli_item .title{font-size: 28px;}
	.listApp_ul{zoom: 0.9;}
}
@media only screen and (max-width: 980px) {
	.listApp_box{padding-top: 20px;}
	.listApp_ul{zoom: 1;}
	.listApp_ul .appli_item .title{font-size: 22px; line-height: 1.35; margin-bottom: 8px;}
}
@media only screen and (max-width: 768px) {
	.listApp_ul .appli_item{flex-direction: column;}
	.listApp_ul .appli_item:nth-child(n+2){margin-top: 30px;}
	.listApp_ul .appli_item .appli_pic{width: 100%; margin-bottom: 0;}
	.listApp_ul .appli_item .pic{border-radius: 20px;}
	.listApp_ul .appli_item .appli_info{width: 100%; border-radius: 20px; padding: 32px 16px 30px !important; margin: 14px 0 0 !important;}
	.listApp_ul .appli_item:nth-child(even) .appli_pic{order: 1;}
	.listApp_ul .appli_item .left_icon{top: -18px; left: 4% !important;}
	.listApp_ul .appli_item .right_icon{bottom: -10px; right: 4% !important;}
	.listApp_ul .appli_item .brief{-webkit-line-clamp: 3;}
}

.c_related_news .web_th .title_small{display: none;}

/* app_detail_main */
.app_th{color: var(--commonColor); font-size: 24px; margin: 0 0 12px;}
.appContent .app_th{font-weight: bold;}
.appContent{line-height: 28px; color: #666; font-size: 16px;}
.appContent *{font-family: inherit !important;}
.appContent p, .appContent span{font-family: inherit !important; line-height: inherit !important; font-size: inherit !important; color: inherit !important;}
@media only screen and (max-width: 980px) {
	.app_th{font-size: 22px;}
}