@charset "utf-8";

/* CSS Document  for CSR */
/* -------------------------------------------------------------------------------------------------------------- */
.csrOSHead { background-color:#cc66ff; color:#ffffff; line-height:60px; padding-left:8px; margin-bottom:10px; }
.csrOCHead { background-color:#ed7d31; color:#ffffff; line-height:60px; padding-left:8px; margin-bottom:10px; }
.csrOEHead { background-color:#00b050; color:#ffffff; line-height:60px; padding-left:8px; margin-bottom:10px; }
.csrBox { display:block; min-height:1%; margin-top:0px; }
/* -------------------------------------------------------------------------------------------------------------- */
.csrTable { display:flex; justify-content:space-between; margin-top:20px; margin-bottom:20px; }
.csrRow { }
/* .csrCell { display:flex; align-items: flex-end; width:450px; height:330px; overflow:hidden; } */
.csrCell { display:flex; align-items: flex-end; width:450px; height:300px; overflow:hidden; } 
.csrCell img { width:100%; height: auto; object-fit:contain; }
.csrCell img:hover { cursor: pointer; }
.csrSpan { display:inline-block; width:450px; margin-bottom: 20px; }
.csrSpan p { text-align:left; }
.csrScale14 { min-width:120%; margin-left: -46px; }
.csrBot37m { margin-bottom: -6px; }
.csrAH_330 {  height:330px;  }
@media screen and (min-width:741px) and (max-width:984px ) {
.csrTable { display:flex; margin-top:20px; margin-bottom:20px; }
/* .csrCell { width:350px; height:256px; } */
.csrCell { width:350px; height:230px; }
.csrSpan { width:350px; }
.csrScale14 { margin-left: -36px; }
.csrBot37m { margin-bottom: -6px; }
.csrAH_330 {  height:256px; }
}
@media screen and (max-width:740px) {
.csrTable { display:block; margin-top:20px; margin-bottom:20px; }
.csrCell { width:100%; height:auto; }
.csrSpan { width:100%; }
.csrScale14 { margin-left: -30px;; }
.csrBot37m { margin-bottom: 0px; }
.csrAH_330 { height:auto;  }
}
/* -------------------------------------------------------------------------------------------------------------- */