.tab {
      overflow: hidden;
      /* border-bottom: 1px solid #ccc; */
      /* background-color: black; */
    }

    /* Style the buttons inside the tab */
    .tab button {
      /* background-color: inherit; */
      /* background:rgba(0, 0, 0, 0.7); */
      float: left;
      border: none;
      outline: none;
      cursor: pointer;
      /* padding: 14px 16px; */
      padding: 10px;
      transition: 0.3s;
      font-size: 17px;
      border-radius: 10px 10px 0px 0px;
      /* opacity: 0.6; */
    }

    button.tablinks.blue:hover {
    background-color: chartreuse;
    }
    button.tablinks.blue {
    background-color: blue;
    }
    /* .bg   */

    /* Change background color of buttons on hover */
    .tab button:hover {
      /* background-color: pink; */
      /* background-color: #ddd; */
      border-radius: 10px 10px 0px 0px;
      /* opacity: 1; */
    }

    /* Create an active/current tablink class */
    .tab button.active {
      /* background-color: #ccc; */
      /* opacity: 1; */
      border-radius: 10px 10px 0px 0px;
    }

    /* Style the tab content */
    .tabcontent {
      display: none;
      padding: 6px 12px;
      /* border: 1px solid #ccc; */
      border-top: none;
    }

    .color-izu{
      background-color: #e5e4e2 ;
    }

    button.tablinks.color-izu:hover {
    background-color: #ffffff;
    }
    button.tablinks.color-izu.active {
    background-color: #ffffff;
    }
    div#izumiya {
    background-color: #ffffff;
    }

    .color-omo{
      background-color: #e5e4e2;
    }

    button.tablinks.color-omo:hover {
    background-color: #ffffff;
    }
    button.tablinks.color-omo.active {
    background-color: #f0e9d7;
    }
    div#omotesando {
    background-color: #ffffff;
    }

    .color-gh{
      background-color: #e5e4e2;
    }

    button.tablinks.color-gh:hover {
    background-color: #ffffff;
    }
    button.tablinks.color-gh.active {
    background-color: #ffffff;
    }

    div#glasshouse {
    background-color: #ffffff;
    }

    .color-pb{
      background-color: #e5e4e2;
    }

    button.tablinks.color-pb:hover {
    background-color: #ffffff;
    }
    button.tablinks.color-pb.active {
    background-color: #ffffff;
    }

    div#palmbeach {
    background-color: #ffffff;
    }

    .color-st{
      background-color: #e5e4e2;
    }

    button.tablinks.color-st:hover {
    background-color: #ffffff;
    }
    button.tablinks.color-st.active {
    background-color: #ffffff;
    }
    div#sookthai {
    background-color: #ffffff;
    }
		
	.mySlides {display: none;}
	.mySlides1 {display: none;}
	.mySlides2 {display: none;}
	.mySlides3 {display: none;}
	.mySlides4 {display: none;}

    /* Slideshow container */
    .slideshow-container {
      /*max-width: 1000px;*/
	  max-width: 100%;
      position: relative;
      margin: auto;
    }
	.slideshow-container1 {
	  max-width: 100%;
	  position: relative;
	  margin: auto;
	}

	.slideshow-container2 {
	  max-width: 100%;
	  position: relative;
	  margin: auto;
	}

	.slideshow-container3 {
	  max-width: 100%;
	  position: relative;
	  margin: auto;
	}

	.slideshow-container4 {
	  max-width: 100%;
	  position: relative;
	  margin: auto;
	}

    /* The dots/bullets/indicators */
    .dot {
      height: 10px;
      width: 10px;
      margin: 0 2px;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
    }
	.dot1 {
	  height: 10px;
	  width: 10px;
	  margin: 0 2px;
	  background-color: #bbb;
	  border-radius: 50%;
	  display: inline-block;
	  transition: background-color 0.6s ease;
	}

	.dot2 {
	  height: 10px;
	  width: 10px;
	  margin: 0 2px;
	  background-color: #bbb;
	  border-radius: 50%;
	  display: inline-block;
	  transition: background-color 0.6s ease;
	}

	.dot3 {
	  height: 10px;
	  width: 10px;
	  margin: 0 2px;
	  background-color: #bbb;
	  border-radius: 50%;
	  display: inline-block;
	  transition: background-color 0.6s ease;
	}

	.dot4 {
	  height: 10px;
	  width: 10px;
	  margin: 0 2px;
	  background-color: #bbb;
	  border-radius: 50%;
	  display: inline-block;
	  transition: background-color 0.6s ease;
	}

    .dot.active {
      background-color: #717171;
    }
	.dot1.active {
		  background-color: #717171;
		}
	.dot2.active {
		  background-color: #717171;
		}
	.dot3.active {
		  background-color: #717171;
		}
	.dot4.active {
		  background-color: #717171;
		}
    /* Fading animation */
    .fades {
      animation-name: fade;
      animation-duration: 1.5s;
    }
	.fades1 {
	  animation-name: fade;
	  animation-duration: 1.5s;
	}

	.fades2 {
	  animation-name: fade;
	  animation-duration: 1.5s;
	}

	.fades3 {
	  animation-name: fade;
	  animation-duration: 1.5s;
	}

	.fades4 {
	  animation-name: fade;
	  animation-duration: 1.5s;
	}

    @keyframes fades {
      from {opacity: .4}
      to {opacity: 1}
    }
	@keyframes fades1 {
	  from {opacity: .4} 
	  to {opacity: 1}
	}

	@keyframes fades2 {
	  from {opacity: .4} 
	  to {opacity: 1}
	}

	@keyframes fades3 {
	  from {opacity: .4} 
	  to {opacity: 1}
	}

	@keyframes fades4 {
	  from {opacity: .4} 
	  to {opacity: 1}
	}