@import url("https://fonts.googleapis.com/css?family=Kanit");
@import url("https://fonts.googleapis.com/css?family=Chonburi");
@import url("https://fonts.googleapis.com/css?family=Chonburi|Monoton");
@import url("https://fonts.googleapis.com/css?family=Dancing+Script");
.knShowAlbum {
  visibility: hidden;
  color: green;
  display: flex;
  flex-direction: column;
  flex-basis: 650px;
  width: 100%;
  height: 100%;
  margin: 0;
  flex-wrap: wrap;
  /* border: 1px solid red; */
  z-index: 999;
  position: absolute;
  background: linear-gradient(149deg, #a6fba9 47%, #033f23); }

#knListAlbum ul:nth-child(1) {
  font-size: 40px;
  text-align: right;
  margin: 0 20px 0 0;
  list-style: none;
  /* margin: 0; */
  padding: 0; }
  #knListAlbum ul:nth-child(1) li i.imgCancle {
    font-size: 80px;
    color: red;
    /* box-shadow: inset 4px 6px black; */
    text-shadow: 4px 4px 20px #472828; }
    #knListAlbum ul:nth-child(1) li i.imgCancle:hover {
      text-shadow: 1px 1px 4px black; }
#knListAlbum ul:nth-child(2) {
  flex: 2;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column; }
  #knListAlbum ul:nth-child(2) li#mainImg {
    flex: 1;
    display: flex;
    flex-direction: row; }
    #knListAlbum ul:nth-child(2) li#mainImg #divP {
      flex: 1;
      align-self: center;
      text-align: center;
      color: #dbf008; }
      #knListAlbum ul:nth-child(2) li#mainImg #divP i {
        text-shadow: 4px 4px 9px black; }
        #knListAlbum ul:nth-child(2) li#mainImg #divP i:hover {
          text-shadow: 1px 1px 4px black; }
    #knListAlbum ul:nth-child(2) li#mainImg #divImg {
      display: flex;
      flex: 1; }
      #knListAlbum ul:nth-child(2) li#mainImg #divImg img {
        width: 100%;
        margin: 2% auto;
        align-self: center;
        border: 4px solid goldenrod;
        border: 8px solid lightgoldenrodyellow;
        box-shadow: 4px 4px 16px black;
        z-index: 9;
        cursor: pointer; }
    #knListAlbum ul:nth-child(2) li#mainImg #divN {
      flex: 1;
      align-self: center;
      text-align: center;
      color: #dbf008; }
      #knListAlbum ul:nth-child(2) li#mainImg #divN i {
        text-shadow: 4px 4px 9px black; }
        #knListAlbum ul:nth-child(2) li#mainImg #divN i:hover {
          text-shadow: 1px 1px 4px black; }
#knListAlbum ul:nth-child(3) {
  display: flex;
  flex: 1;
  flex-direction: row;
  margin: 0;
  padding: 0;
  list-style: none; }
  #knListAlbum ul:nth-child(3) li {
    flex-basis: 150px;
    flex-wrap: wrap;
    margin: 8px; }
    #knListAlbum ul:nth-child(3) li img {
      width: 100%;
      border: 2px solid gray;
      box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.5); }
      #knListAlbum ul:nth-child(3) li img:hover {
        border: 2px solid greenyellow; }
#knListAlbum ul:nth-child(4) {
  padding: 0;
  margin: 0;
  list-style: none; }
  #knListAlbum ul:nth-child(4) li {
    font-size: 30px;
    color: #e1ef51;
    text-align: right;
    margin: 0 30px 0 0;
    text-shadow: 4px 3px 4px #26eddb; }

.showKnShowAlbum {
  visibility: visible;
  position: fixed; }

img {
  cursor: pointer; }

i {
  cursor: pointer; }

@media only screen and (max-width: 1440px) {
  body .showKnShowAlbum {
    display: none; } }

/*# sourceMappingURL=knShowAlbum.css.map */