﻿ 
/* PagingContentElement Start */
.PagingContentElement
{
    width:100%;
    height:auto; 
    position:relative; 
}
  

.PagingContentElement > .GeneralBlockItemListContainer
{
    margin-left:30px;
    margin-right:30px;
    height:auto;
    overflow:hidden; 
    font-size:0px;
}



.PagingContentElement > .GeneralBlockPrevAnchor
{
    display:inline-block;
    position:absolute;
    padding-left:28px;
    top:0px;
    left:0px;
    height:100%;
    vertical-align:middle;
    background-image:url(/ezEditor/Image/PrevS.png);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position: center; 
    cursor:hand;
    cursor:pointer; 
    z-index:100;
}


.PagingContentElement > .GeneralBlockNextAnchor
{
    display:inline-block;
    position:absolute;
    padding-left:30px;
    right:0px;
    top:0px;
    height:100%;
    background-image:url(/ezEditor/Image/NextS.png);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position: center; 
    cursor:hand;
    cursor:pointer;

    z-index:100;

}


 
.PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList 
{
    display:block;
    white-space:nowrap;
    width:100%;
        font-size:0px;
}

.EditingArea .PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList 
{
    transition:left 0.2s ease-in;
    -webkit-transition:left 0.2s ease-in;
}


.PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList  > .GeneralBlockItem 
{
    display:inline-block;
    font-size:0px;
    width:25%; 
    position:relative;
}

.PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList  > .GeneralBlockItem > DIV > div{
    font-size:20px;
}

.EditingArea .PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem {
    border:1px dotted green;
}

.EditingArea .PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem.Focus {
    border:1px dotted blue;
}




.PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > div 
    .PictureContainer 
{
    position:relative;
    padding-top:60%;
    overflow:hidden;
    display:block;
}

.PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem  > DIV 
    .PictureContainer IMG
{
   position:absolute;
   top:0%;
   left:0%;
   width:100%;
}

.PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV 
    .PictureContainer IMG.Portrait 
{
   position:absolute;
   top:50%;
   left:0%;
   transform:translateY(-50%);
   height:auto!important;
   width:100%!important;
}

.PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV 
    .PictureContainer IMG.Landscape 
{
   position:absolute;
   top:0%;
   left:50%;
   transform:translateX(-50%);
   height:100%!important;
   width:auto!important;
}



.PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV 
    .PictureContainer.Contain IMG.Portrait 
{
   position:absolute;
   top:0%;
   left:50%;
   transform:translateX(-50%);
   height:100%!important;
   width:auto!important;
}

.PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV 
    .PictureContainer.Contain IMG.Landscape 
{
   position:absolute;
   top:50%;
   left:0%;
   transform:translateY(-50%);
   height:auto!important;
   width:100%!important;
}


.PagingContentElement  > .GeneralBlockMoreLink
{
     color:#564e4a;
     padding-right:20px;   
     _display:none;
}

.PagingContentElement > .GeneralBlockMoreLink:hover
{
     color:rgb(240,99,84);
}


.PagingContentElement  > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV > .ItemPicturePath
{
    padding-left:10px;
    padding-right:10px;

    text-align:center;
    display:block;
}

.PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList > DIV > .GeneralBlockItem > .ItemPicturePath > Img
{
 
	 vertical-align:middle;
	 max-height:145px;
	 max-width:100%;
	 width:auto;
}

.PagingContentElement  > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV > .ItemPicturePath:before
{
		content :"";
		display:inline-block
}

.PagingContentElement  > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV  .ItemName
{
    _display:none;
    text-decoration:none;
}

.PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList  > .GeneralBlockItem > DIV > .ItemDescription
{
    display:none;
}

@media screen and (max-width:660px)
{
    
    .PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem 
    {
        width:50%;
    }

    .PagingContentElement > .GeneralBlockItemListContainer > .GeneralBlockItemList > .GeneralBlockItem > DIV >  .ItemPicturePath > Img
    {
    }
    
}



@media screen and (max-width:440px)
{
 
    .PagingContentElement > .GeneralBlockItemListContainer
    {
        margin-left:12px;
        margin-right:12px;

    }

    .PagingContentElement  > .GeneralBlockMoreLink
    {
        padding-right:0px;   
    }
    

    .PagingContentElement  > .GeneralBlockItemListContainer > .GeneralBlockItemList  > .GeneralBlockItem 
    {
        width:100%;
        vertical-align:middle;
    }
    
    .PagingContentElement > .GeneralBlockPrevAnchor
    {
        left:2px;
        padding-left:10px;
        background-size:100%;
    }


    .PagingContentElement > .GeneralBlockNextAnchor
    {
        right:2px;        
        padding-left:10px;
        background-size:100%;
    }
}

/* PagingContentElement End */
 
 

