@charset 'utf-8';

.casedetail{}
.casedetail .apptab{padding: 46px 0 26px;}
.casedetail .apptab::after{content: ''; display: table; clear: both;}
.casedetail .apptab .appli{float: left; border: solid #e6e6e6 1px; line-height: 42px; border-radius: 6px; margin: 0 20px 20px 0; transition: all 0.5s;}
.casedetail .apptab .appli a{padding: 0 26px; display: inline-block;}
.casedetail .apptab .appli:hover{background: #117fca; border-color: #117fca;}
.casedetail .apptab .appli:hover a{color: #fff;}
.casedetail .apptab .appli.current{background: #117fca; border-color: #117fca;}
.casedetail .apptab .appli.current a{color: #fff;}
.casedetail .contentlist{padding: 46px 0;}
.casedetail .contentlist:nth-child(even){background: #f6f6f6;}
.casedetail .contentlist .title{text-align: center;}
.casedetail .contentlist .title h2{font-size: 32px;}
.casedetail .contentlist .content{margin-top: 30px; font-family: 'Poppins';}
.casedetail .contentlist .content table{max-width: 100%; border-collapse: collapse;}
.casedetail .contentlist .content table td{border: solid #e6e6e6 1px; padding: 5px 10px;}
.casedetail .contentlist .content img{max-width: 100%;}
.casedetail .contentlist .content p{font-size: 16px; line-height: 2em;}

@media (max-width:960px) {
	.casedetail .contentlist{padding: 30px 15px;}
	.casedetail .contentlist .content{margin-top: 20px;}
	.casedetail .contentlist .title h2{font-size: 16px;}
	.casedetail .contentlist .content p{font-size: 14px;}
}