@charset "utf-8";
*, ::before, ::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, ::after, ::before {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box!important;
}


body {
	font-size: 14px;
	background: #FFF;
}

body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure {
	margin: 0;
	padding: 0;
}

body, html, input, button, textarea {
	color: #282828;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
}

body {
	background-color: #fff;
}
/*Application*/
.Appli{width:100%;float:left;}
.Appli ul li{float:left;width:100%;margin-top:2%;margin-bottom:2%;border-bottom:solid 1px #eff0f1;padding-bottom:4%;}
.Appli ul li .img{width:30%;float:left;}
.Appli ul li .img img{max-width:100%;width:100%;margin:0 !important;}
.Appli ul li .text{width:65%;float:right;}
.Appli ul li .text h2{  float:left;width:100%;}
.Appli ul li .text h2 a{font-size:16px; color:#333;}
.Appli ul li .text p{float:left;width:100%; font-size:14px; color:#666;margin-top:2%;}
.Appli ul li .text span{float:left;width:100%;margin-top:2%;}
.Appli ul li .text span a{width:100px;height:30px;line-height:30px;border:solid 1px #ccc; text-align:center;float:left;}
.content_sortPagiBar{width:100%;float:left;}
.showAppli{width:100%;float:left;}
.showAppli .title{width:100%;float:left; text-align:center; border-bottom:solid 1px #eff0f1;padding-bottom:2%;margin-bottom:2%;}
.showAppli .title h1{ font-size:18px;}
.contern{width:100%;float:left; font-size:14px;margin-bottom:2%;}


/*case*/
.case{width:100%;float:left;}
.case ul{margin: 0 -0.75rem 0 -1rem;}
.case ul li{float:left;width:33.333%;margin-top:2%;margin-bottom:2%;padding: 0 0.75rem 0 1rem;}
.case ul li .img{width:100%;float:left;}
.case ul li .img img{max-width:100%;width:100%;margin: 0px 0 !important;vertical-align: middle;}
.case ul li .text{width:100%;float:right;margin-top:5%; text-align:center;}
.case ul li .text h2{  float:left;width:100%; font-weight:normal;}
.case ul li .text h2 a{font-size:16px; color:#333;}
.showcase{width:100%;float:left;}
.showcase .title{width:100%;float:left; text-align:center; border-bottom:solid 1px #eff0f1;padding-bottom:2%;margin-bottom:2%;}
.showcase .title h1{ font-size:18px;}




@media(max-width:767px){

	.Appli ul li .img{width:100%;float:left;}
	.Appli ul li .text{width:100%;float:left;margin-top:2%;}	
	.case ul li{width:49%;padding:0;}.case ul li:nth-child(2n){float:right;}
	.case ul{margin:0;}
	}