/* -- pGrid -- */
.pGrid_container { text-align: left; font-size: 12px; padding-bottom: 15px; width: 100%; }
.pGrid { display: inline-block; width: 100%; background: #fafcfd; border-radius: 3px;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); 
  }
@media screen and (min-width:1270px) { .pGrid {max-width: 1200px; margin-left: calc( 50% - 600px ); } }
.pGrid_head { padding:10px; text-transform: uppercase; font-size: 14px; color:#FFF; background-color: #C80F1E; border-radius: 3px 3px 0 0; }
.pGrid_head h1 { font-size: 14px; font-weight: 400; margin: 0px; }
@media screen and (max-width:1270px) { .pGrid, .pGrid_head { border-radius: 0; } }
.pGrid_head_lnk {font-size: 12px; text-align: left; border:1px solid #DDD; border-top:0; padding:5px 15px; border-radius: 3px 3px 0 0; background-color:#F5F5F5; border-top: 1px solid #DDD; }
@media screen and (max-width:1270px) { .pGrid_head_lnk { border-radius: 0; } }
.pGrid_head_lnk a {color: #C80F1E; }
.pGrid_head_sec { border-radius: 0; }

.pGrid_content { font-size: 0px; word-spacing:-.5em; letter-spacing:-.5em; line-height: 0px; text-align: center; border:1px solid #DDD; border-width: 0 1px; vertical-align:top; }

.pGrid_content .pGrid_cell_content { width: 255px; height: 255px; overflow: hidden; position: relative; }
.pGrid_content .pGrid_cell { width: 255px; height:255px; overflow:hidden; display: inline-block; margin: 3px; line-height: 20px; word-spacing: normal; letter-spacing: normal; }
.pGrid_content .pGrid_cell { width: 225px; } .pGrid_content .pGrid_cell_content { width: 225px; }

.pGrid_content .pGrid_cell_img { width: 100%; height:160px; overflow:hidden; text-align: center; position: relative; }
.pGrid_content .pGrid_cell_img img { max-width: 150px; max-height: 150px; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }

.pGrid_content .pGrid_cell_txt_container { width: 0px; height: 0px; overflow: hidden; }
.pGrid_content .pGrid_cell_txt { position: absolute; top: 160px; left: 0px; width: calc( 100% - 10px ); height:43px; margin:5px; overflow:hidden; font-size: 14px; color: #000; }

.pGrid_content .pGrid_cell_ico_container { 
  position: absolute; top: 210px; left: 0px; width: calc( 100% - 10px ); height:26px; margin:5px; overflow: hidden; 
  }
.pGrid_content .pGrid_cell_ico_container div, .pGrid_content .pGrid_cell_ico_container span { 
  height: 26px; top: 0px; position: absolute; 
  background-repeat: no-repeat; background-color: #909090;
  border: 0px solid #909090; border-radius: 0 15px 15px 0;
  color: #FFF; font-size: 14px; line-height: 25px; font-variant: small-caps;
  }
/* icon */
.pGrid_content .pGrid_cell_ico_container div { background-position: calc(100% - 8px); background-size: 15px 15px; padding:0 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }  
@media screen and (max-width:610px) { .pGrid_content .pGrid_cell_ico_container div { font-size: 12px; line-height: 27px;  } }
.pGrid_content .pGrid_cell_ico_container div:nth-child(1) { right: calc( 0% + 2px ); width: calc( 100% - 2px ); }
.pGrid_content .pGrid_cell_ico_container div:nth-child(2) { right: calc( 0% + 37px ); width: calc( 100% - 37px ); }
.pGrid_content .pGrid_cell_ico_container div:nth-child(3) { right: calc( 0% + 72px ); width: calc( 100% - 72px ); }
.pGrid_content .pGrid_cell_ico_container .pGrid_cell_ico_count { left: 0; width: 25px; background-color: #C80F1E; border-radius: 0; padding-right: 0; z-index: 10;} 
@media screen and (max-width:610px) {   
  .pGrid_content .pGrid_cell_ico_container div:nth-child(2) { right: calc( 0% + 31px ); width: calc( 100% - 31px ); }
  .pGrid_content .pGrid_cell_ico_container div:nth-child(3) { right: calc( 0% + 61px ); width: calc( 100% - 61px ); }
  .pGrid_content .pGrid_cell_ico_container .pGrid_cell_ico_count { width: 18px; } 
  }
@media screen and (max-width:360px) and (min-width:320px) {   
  .pGrid_content .pGrid_cell_ico_container div:nth-child(3) { text-indent: -9999px; }
  }
.pGrid_content .pGrid_cell_ico_container div:nth-child(2), .pGrid_content .pGrid_cell_ico_container div:nth-child(3) {
  -webkit-box-shadow: 5px 0px 5px 1px rgba(0,0,0,0.4); -moz-box-shadow: 5px 0px 5px 1px rgba(0,0,0,0.4); box-shadow: 5px 0px 5px 1px rgba(0,0,0,0.4);
  }

/* icon */
.pGrid_content .pGrid_cell_ico_new { background-image: url(/web/v2lib/media_src/item.icon.mail-forward.svg); }
.pGrid_content .pGrid_cell_ico_soon { background-image: url(/web/v2lib/media_src/item.icon.arrow_right_round.svg); }
.pGrid_content .pGrid_cell_ico_percent { background-image: url(/web/v2lib/media_src/item.icon.bullhorn.svg); }
.pGrid_content .pGrid_cell_ico_view { background-image: url(/web/v2lib/media_src/item.icon.arrow_right.svg); }

.pGrid_content .pGrid_cell_ico_count { 
  cursor: pointer;
  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
  -webkit-box-shadow:  inset 0px -15px 10px -7px rgba(10,15,25,0.4); -moz-box-shadow: inset 0px -15px 10px -7px rgba(10,15,25,0.4); box-shadow: inset 0px -15px 10px -7px rgba(10,15,25,0.4);
  }
.pGrid_content .pGrid_cell_ico_container div.pGrid_cell_ico_view { 
  cursor: pointer;
  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
  -webkit-box-shadow: 5px 0px 5px 1px rgba(0,0,0,0.4), inset 0px -15px 10px -12px rgba(10,15,25,0.4); -moz-box-shadow: 5px 0px 5px 1px rgba(0,0,0,0.4), inset 0px -15px 10px -12px rgba(10,15,25,0.4); box-shadow: 5px 0px 5px 1px rgba(0,0,0,0.4), inset 0px -15px 10px -12px rgba(10,15,25,0.4);
  } 
  
.pGrid_content .pGrid_cell_ico_container div.pGrid_cell_ico_view:nth-child(1) { 
  -webkit-box-shadow:  inset 0px -15px 10px -12px rgba(10,15,25,0.4); -moz-box-shadow:  inset 0px -15px 10px -12px rgba(10,15,25,0.4); box-shadow: inset 0px -15px 10px -12px rgba(10,15,25,0.4);
  } 

.pGrid_content_txt {font-size: 14px; text-align: right; border:1px solid #DDD; border-top:0; padding:10px 15px; border-radius: 0 0 3px 3px; background-color:#F5F5F5; border-top: 1px solid #DDD; }
@media screen and (max-width:1270px) { .pGrid_content_txt { border-radius: 0; } }
.pGrid_content_txt a {color: #C80F1E; }
/* -- pGrid END -- */