@charset "utf-8";
/* CSS Document */
.contBox{/*width:90%;*/ width:900px;margin:30px auto 60px; overflow:hidden;}
.contBox .innerBox{ width:100%; margin:0 auto; overflow:hidden;}
.contBox .innerBox .leftBox{ width:40%; height:354px; margin:0 2% 0 0; float:left; overflow:hidden;}
.contBox .innerBox .leftBox img{ width:100%;transition: transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out; }
.contBox .innerBox .leftBox img:hover{transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-moz-transform:scale(1.5);}
.contBox .innerBox .rightBox{ width:58%;float:left; padding:10px 0; text-align:justify; overflow:hidden;}
@media screen and (min-width:750px) and (max-width:1200px){
.contBox .innerBox .leftBox{ width:42%; height:50%; margin:0 2%; float:left; overflow:hidden;}
.contBox .innerBox .rightBox{ width:51%; height:50%; margin:0; float:left; padding:10px 0; text-align:justify; overflow:hidden;}
}
@media screen and (max-width:750px){
.contBox .innerBox{ width:100%; overflow:hidden;}
.contBox .innerBox .leftBox{ width:100%; height:100%; margin:0; float:left; overflow:hidden;}
.contBox .innerBox .leftBox img{ width:100%;}
.contBox .innerBox .rightBox{ width:96%; height:100%; margin:0 11px 10px; float:left; padding:10px 0; text-align:justify; overflow:hidden;}
}

@media (max-width:750px){
.contBox{width:90%;}
}