/*pge*/
.csr-itr{ background: #2c7fc3; }
.csr-itr .wcnt{ padding: 3% 0; display: flex; flex-wrap: nowrap; align-items:center; }
.csr-itr .wcnt .cvr{ width: 30%; }
.csr-itr .wcnt .cvr img{max-width: 100%; }
.csr-itr .wcnt .fnt{ padding-left: 5%; color: #FFF; line-height: 180%; font-size: 16px; width: 65%; text-align: justify; }
.csr-vpt .item{display: flex; flex-wrap: nowrap; align-items:center; }
.csr-vpt .item .item1 img{ max-width: 100%; width: 100%; display: block;}
.csr-vpt .item1,.csr-vpt .item2{ width: 50%;}
.csr-vpt .item-t .item1{ order: 2;}
.csr-vpt .item-t .item2{ order:1;}
.csr-vpt .item2 .cnt{ padding: 0 8%; font-size: 16px; line-height: 180%;}
.csr-vpt .item2 .cnt .fnt{font-style: italic; margin-bottom: 3%; text-align: justify; }
.csr-vpt .item2 .cnt .name{ text-align: right; white-space: nowrap;}
.blnks .item-one img{ display: block; max-width: 100%; margin: 0 auto;}
.blnks .item-one .wsqt{ width: 124px; border: 3px solid #e6e6e6; margin: 15px auto 0 auto;}
@media screen and (max-width: 1366px) {
.csr-vpt .item2 .cnt{  font-size: 16px;}
.csr-vpt .item2 .cnt .name{ font-size: 14px;}
}
@media screen and (max-width: 1280px) {
.csr-itr .wcnt .fnt{ font-size: 16px;}
.csr-vpt .item2 .cnt{ padding: 8%; }
}
@media screen and (max-width: 1024px) {
.csr-itr .wcnt .fnt{ font-size: 14px;}
.csr-vpt .item2 .cnt{  font-size: 14px;}
.csr-vpt .item2 .cnt .name{ font-size: 12px;}
}
@media screen and (max-width: 1000px) {
.csr-vpt .item{ margin-bottom: 10%;}
.csr-vpt .item1{ width: 40%;}
.csr-vpt .item2{ width: 60%;}
}
@media screen and (max-width: 680px) {
.csr-vpt .item{ display: block;}
.csr-vpt .item1,.csr-vpt .item2{ width: 100%;}
.pgtp{ padding: 8% 0;}
.csr-vpt .item2 .cnt{ padding: 5% 0;}
.csr-vpt .item2 .cnt .name{ font-size: 14px;}
.csr-vpt .item2 .cnt .name{ text-align: right; white-space: pre-wrap;}
.csr-itr .wcnt{ display: block;}
.csr-itr .wcnt .cvr{ width: 100%; margin-bottom: 5%;}
.csr-itr .wcnt .fnt{ padding-left: 0; width: 100%; }
.csr-itr .wcnt{ padding: 5% 0;}

}