@charset "UTF-8";
/* CSS Document */
div,h1,h2,p {padding: 0px; margin: 0px;}

#logo {background-image: url(feifeiandneal.png); position: fixed; top: 205px; left: 50%; margin-left: -537px;width: 56px; height: 235px;}
.wrapper {width: 995px; margin: 0 auto; position: relative;}

.postcard {width: 100%;display: flex; justify-content: space-between; column-gap: 12px;margin-left:15px;margin-top: 10px;}
.postcard div  {z-index: 1000;position:static; border:#CCC 1px solid; margin: 0px 0px 0 0px;
background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
.sz1 {width: 238px; height: 153px;vertical-align: top; display: inline-block; border:#CCC 1px solid; margin: 0px 0 8px 8px;
background: no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.sz1 + .sz1 {vertical-align: bottom; margin: 0px 0 0px 0px;}
.sz2 {width: 238px; height: 319px;}
.sz3 {width: 491px; height: 319px;}
.sz4 {width: 491px; height: 476px;}

.postcard .szb {width: 238px; height: 319px; border: none; margin: 0; padding-right: 0px; padding-top: 0px;display: flex;flex-direction: column; justify-content: space-between;}

#list .szb .sz1:first-child:hover {
position: relative;
z-index: 2000;
-moz-transform-origin: 0px 0px;
-webkit-transform-origin: 0px 0px;
-webkit-transform: translateY(0px)scale(1.5);
-webkit-transition:all 0.15s linear;
-moz-transform: translateY(0px)scale(1.5);
-moz-transition:all 0.15s linear;
background-color:#FFF;
border-color:#FFF;
border-right:#fff 8px solid;
border-bottom:#fff 8px solid;  }

#list .sz1 + .sz1:hover {
position: relative;
z-index: 2000;
-moz-transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
-webkit-transform: translateY(3px)scale(1.5);
-webkit-transition:all 0.15s linear;
-moz-transform: translateY(3px)scale(1.5);
-moz-transition:all 0.15s linear;
background-color:#FFF;
border-color:#FFF;
border-right:#fff 8px solid;
border-top:#fff 8px solid;  }


#fade {
margin: 0 auto;
height: 419px;
position: fixed;
z-index: 3000;
width: 997px;
top: 200px;
background-color:#666666;
border-top: 10px solid #fff;
border-bottom: 10px solid #fff;
left: 50%;	
margin-left: -482px;	
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}

.#fade .close {
background-image: url(close.jpg);
height: 35px;
width: 35px;
position: absolute;
right: 0px;
top: 0px;}

#fade .close:hover {
background-position: 0 35px
}
cclicked-image#fade .content {
content H1 {
margin: 15px 15px 0px 20px;
color: #fff;
font-size: 24px;
font-family:'Indie Flower', cursive;
}