.ci img{ vertical-align:top; max-width:100% }
.ci .imgBox {text-align:center; border:1px solid #dfdfdf; width:100%;}
.ci h3 {font-size:30px; font-weight:600; margin-bottom:20px;  }
.ci .floatL {width:50%;}
.ci .floatR {width:50%; text-align:right;}
.ci p {font-size:16px; line-height:30px;}
.ci p .mainColor {font-weight:600;}
.ci .colorBox {width:530px; background:#0071ce; height:170px; color:#fff; position:relative; float:right;}
.ci .colorBox span {position:absolute; bottom:20px; left:20px; font-size:18px; text-align:left;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.ci h3 {font-size:20px; font-weight:600; margin-bottom:10px;  }
.ci .floatL {width:100%;}
.ci .floatR {width:100%; text-align:left;}
.ci .colorBox {width:100%; height:150px}
.ci p {font-size:14px; line-height:25px;}
.mgT70 {margin-top:35px}
.mgT100 {margin-top:35px}
.mgT50 {margin-top:20px}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}