@charset "utf-8";article{padding:20px 0}#main div:nth-child(2){text-align:left;width:310px;height:300px;background-color:#fff;padding-top:10px}#pub{margin-bottom:-6px}#i-photo{margin:10px;padding:0;float:right}#main .first-img{margin-top:6px}@media(max-width:680px){article{font-size:110%}#i-photo{width:90pt}#main{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:1;grid-template-columns:1;-ms-grid-rows:auto(310px)[2](252px)[2];grid-template-rows:auto repeat(2,310px) repeat(2,252px)}#main>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}#main>:nth-child(2){-ms-grid-row:2;-ms-grid-column:1}#main>:nth-child(3){-ms-grid-row:3;-ms-grid-column:1}#main>:nth-child(4){-ms-grid-row:4;-ms-grid-column:1}#main>:nth-child(5){-ms-grid-row:5;-ms-grid-column:1}#main div{margin:auto}#main div:first-child{padding:0 10px;-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}#main div:nth-child(2){overflow-y:scroll;-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2}#main div:nth-child(3){-ms-grid-column:1;grid-column:1;-ms-grid-row:3;grid-row:3}#main div:nth-child(4){-ms-grid-column:1;grid-column:1;-ms-grid-row:4;grid-row:4}#main div:last-child{-ms-grid-column:1;grid-column:1;-ms-grid-row:5;grid-row:5}}@media(min-width:681px) and (max-width:960px){article{font-size:120%}#i-photo{width:15pc}#main{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);-ms-grid-rows:auto 310px 252px;grid-template-rows:auto 310px 252px}#main>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}#main>:nth-child(2){-ms-grid-row:1;-ms-grid-column:2}#main>:nth-child(3){-ms-grid-row:2;-ms-grid-column:1}#main>:nth-child(4){-ms-grid-row:2;-ms-grid-column:2}#main>:nth-child(5){-ms-grid-row:3;-ms-grid-column:1}#main>:nth-child(6){-ms-grid-row:3;-ms-grid-column:2}#main div{margin:auto}#main div:first-child{padding:0 10px;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3;-ms-grid-row:1;grid-row:1}#main div:nth-child(2){overflow-y:scroll;-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2}#main div:nth-child(3){-ms-grid-column:2;grid-column:2;-ms-grid-row:2;grid-row:2}#main div:nth-child(4){-ms-grid-column:1;grid-column:1;-ms-grid-row:3;grid-row:3}#main div:last-child{-ms-grid-column:2;grid-column:2;-ms-grid-row:3;grid-row:3}}@media(min-width:961px){article{font-size:120%}#i-photo{width:15pc}#main{max-width:80pc;width:100%;display:-ms-grid;display:grid;-ms-grid-columns:minmax(auto,970px) 310px;grid-template-columns:minmax(auto,970px) 310px;-ms-grid-rows:(310px)[2] 252px minmax(252px,1fr);grid-template-rows:repeat(2,310px) 252px minmax(252px,1fr)}#main>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}#main>:nth-child(2){-ms-grid-row:1;-ms-grid-column:2}#main>:nth-child(3){-ms-grid-row:2;-ms-grid-column:1}#main>:nth-child(4){-ms-grid-row:2;-ms-grid-column:2}#main>:nth-child(5){-ms-grid-row:3;-ms-grid-column:1}#main>:nth-child(6){-ms-grid-row:3;-ms-grid-column:2}#main>:nth-child(7){-ms-grid-row:4;-ms-grid-column:1}#main>:nth-child(8){-ms-grid-row:4;-ms-grid-column:2}#main div:first-child{padding:0 10px;-ms-grid-column:1;grid-column:1;-ms-grid-row:1;-ms-grid-row-span:4;grid-row:1/5}#main div:nth-child(2){overflow-y:scroll;-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1}#main div:nth-child(3){-ms-grid-column:2;grid-column:2;-ms-grid-row:2;grid-row:2}#main div:nth-child(4){-ms-grid-column:2;grid-column:2;-ms-grid-row:3;grid-row:3}#main div:last-child{-ms-grid-column:2;grid-column:2;-ms-grid-row:4;grid-row:4}}