<br />
<b>Deprecated</b>:  The each() function is deprecated. This message will be suppressed on further calls in <b>/home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php</b> on line <b>456</b><br />
table{
  table-layout: fixed;
  width: 100%;
}
td {
  padding: 0 1em;
}
.bookfairTableBlock{
  width: 80%;
  padding-bottom: 1em;
}
.bookfairTableHeader th{
    text-align: left;
}
/* ebook一覧のタイトル*/
.ebookTitle, .title a{
  color: #222;
  text-decoration: none;
  font-weight: 400;
}
.ebookTitle:active, .ebookTitle:hover, .title a:active, .title a:hover {
  color: #222;
  text-decoration: underline;
}
.ebookTitle:visited, .title a:visited{
  color: #222;
  text-decoration: none;
}

.isbn, .formatButton{display: none;}
.ebookCatalog tbody tr td {
  padding-right: 0.5em;
}
.ebookCatalog thead tr th.title {
  width: 50%;
}

@media (min-width: 50em) {
  .ebookCatalog tbody tr td {
    padding-right: 1em;
  }
    .isbn, .formatButton{display: table-cell;}
    .ebookCatalog thead tr th.title {
      width: 25em;
    }
}

.hero .pageWidth {
  padding-top: 60px;
  padding-bottom: 60px;
}
.hero__Heading h1 {
  margin: 0, 0, 20px;
  font-size: 2.5rem;
  line-height: 1.1em;
}
.hero__Heading p {
  margin: 0 0 20px;
  font-size: 1.5rem;
  line-height: 1.3em;
  font-weight: 300;
  text-indent: 0;
}
.sectionRow__NewsText h3 a {
  color:#222;
  text-decoration: none;
}
.sectionRow__NewsText h3 a:active, .sectionRow__NewsText h3 a:hover {
  color:#222;
  text-decoration: underline;
}
.sectionRow__NewsText h3 a:visited{
  color:#222;
  text-decoration: none;
}
/* override .sectionRow__ProductRowGroup */
.sectionRow__EbookProductRowGroup {
  display: grid;
  grid-template-columns: calc(33% - 10px) calc(66% - 10px);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-areas: 
  "cover1 text1 button1"
  "cover2 text2 button2"
  "cover3 text3 button3"
  "cover4 text4 button4"
  "cover5 text5 button5";
}
.sectionRow__EbookProductRowGroup .sectionRow__ProductRowTitle {
  color: rgb(34, 34, 34);
  font-weight: 700;
  text-decoration: none;
}
.sectionRow__EbookProductRowGroup .sectionRow__ProductRowTitle:hover,
.sectionRow__EbookProductRowGroup .sectionRow__ProductRowTitle:focus {
  text-decoration: underline;
}
.sectionRow__EbookProductRowGroup .sectionRow__ProductRowISBN,
.sectionRow__EbookProductRowGroup .sectionRow__ProductRowPrice,
.sectionRow__EbookProductRowGroup .sectionRow__ProductRowDate {
  font-size: .75rem;
  line-height: 1.5em;
}
.sectionRow__ProductRowButton:nth-of-type(1) {
  grid-area: button1;
}
.sectionRow__ProductRowButton:nth-of-type(2) {
  grid-area: button2;
}
.sectionRow__ProductRowButton:nth-of-type(3) {
  grid-area: button3;
}
.sectionRow__ProductRowButton:nth-of-type(4) {
  grid-area: button4;
}
.sectionRow__ProductRowButton:nth-of-type(5) {
  grid-area: button5;
}
@media (min-width: 32em) { /* 512px */
  .sectionRow__EbookProductRowGroup {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-areas: 
    "cover1 cover2 cover3"
    "text1 text2 text3"
    "button1 button2 button3"
    "cover4 cover5 ."
    "text4 text5 .",
    "button4 button5 .";
  }
}
@media (min-width: 60em) { /* 960px */
  .sectionRow__EbookProductRowGroup {
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: 
    "cover1 cover2 cover3 cover4 cover5"
    "text1 text2 text3 text4 text5"
    "button1 button2 button3 button4 button5";
  }
}
/* END .sectionRow */