/* PhotoGallary Start */

.PhotoGallary
{
    display:block;
}  

.EditingArea .PhotoGallary
{
    border:1px dotted green;
}
/* PhotoGallary End */


/*SlideShow  Start*/

.PhotoGallary.SlideShow {
    position:relative;
}

.PhotoGallary.SlideShow .PictureItemListContainer
{
    width:100%;
    display:block;
    max-width:100%;
    position:relative;
    overflow:hidden;
}

.PhotoGallary.SlideShow .PictureItemList
{
    display:block;
    white-space:nowrap;
    font-size:0px;
    position:relative;
    left:0px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

.EditingArea .PhotoGallary.SlideShow .PictureItemList {
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
}

.PhotoGallary.SlideShow .PictureItemList .PictureItem
{
    display:inline-block;
	width:100%; 
}

.EditingArea .PhotoGallary.SlideShow .PictureItemList .PictureItem
{
    border:1px dotted green;
    position:relative;
    height:200PX;
    display:inline-block;
}

.PhotoGallary.SlideShow .PictureItemList .PictureItem.PictureContainer
{
    height:500PX;
    position:relative;
    overflow:hidden;
    font-size:13px;
}

@media screen and (max-width:660px){
    .PhotoGallary.SlideShow .PictureItemList .PictureItem.PictureContainer
    {
        height:300PX;
    }

}

.PhotoGallary.SlideShow  .PictureItem.PictureContainer IMG
{
   position:absolute;
   max-height:100%;
   max-width:100%;
   height:auto!important;
   width:auto!important;
   top:50%;
   left:50%;
   transform:translateX(-50%) translateY(-50%);
   -webkit-transform:translateX(-50%) translateY(-50%);
   cursor:default;
}



    

    .EditingArea .PhotoGallary.SlideShow .PictureItem.PictureContainer IMG {
        cursor: pointer;
    }

.PhotoGallary.SlideShow .PictureItem.PictureContainer .Description {
    text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 4px;    
    font-family:"微軟正黑體" , Arial, sans-serif;
   
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
}

.EditingArea .PhotoGallary.SlideShow .PictureItem.PictureContainer .Description 
{
    border: 1px dotted green;
}

.PhotoGallary.SlideShow .PictureItem.PictureContainer .Description > DIV {
    
     font-size:16px;
    color:White; 
    max-height:40px;
    text-align:center;
    padding-left:10px;
    padding-right:10px;
    padding-top:4px;
    padding-bottom:4px; 
  
}

.PhotoGallary.SlideShow .PictureItem.PictureContainer .Description > DIV:not(:empty)
{
    background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.4) 100%);
 
}

.PhotoGallary.SlideShow .PictureItem.PictureContainer .Description > DIV:empty
{
      display:none;
}


.EditingArea .PhotoGallary.SlideShow .PictureItem.PictureContainer .Description > DIV:empty
{
     background-color:rgba(230,230,230,0.8); 
     display:block;
     height:30px;
}

.PhotoGallary.SlideShow .ThumbnailItemList
{
    display:block;
    font-size:0px;
    padding-top:4px;
    text-align:center;
}

.PhotoGallary.SlideShow .ThumbnailItemList .ThumbnailItem
{
    display:inline-block;
    border:1px solid #e0e0e0;
    margin-left:2px;
    padding-top:40PX;
    padding-right:40PX;
    position:relative;
    overflow:hidden;
    width:40px;
    height:40px;
}

.PhotoGallary.SlideShow .ThumbnailItemList .ThumbnailItem.Current{
    border:1px solid #5555AA;
}

.EditingArea .PhotoGallary.SlideShow .ThumbnailItemList .ThumbnailItem
{
    border:1px dotted green;
}

.EditingArea .PhotoGallary.SlideShow .ThumbnailItemList .ThumbnailItem.Current{
    border:1px solid #0000ff  ;
}



.PhotoGallary.SlideShow .ThumbnailItemList .ThumbnailItem img
{
    position:absolute;
    top:0%;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    cursor:default;
}


.PhotoGallary.SlideShow .ThumbnailItemList .ThumbnailItem img.Portrait
{
    top:50%;
    left:0%;
    width:100%!important;
    height:auto!important;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
}

.PhotoGallary.SlideShow .ThumbnailItemList .ThumbnailItem img.Landscape
{
    top:0%;
    left:50%;
    width:auto!important;
    height:100%!important;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
}

/*SlideShow  End*/